@charset "utf-8";
/* CSS Document */

#Main_Course_h2t{ 
margin:5px 0px 5px 5px;
color:#1c407a; 
font-weight:800;
font-size:16px;
}

/*.toppic01{
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}*/

#toppictop{ 
background:url(/Contents/images/menu2.jpg) no-repeat;
height:25px;
}
/*#topcontainer, #topinformation{
float:left;
width:287px;
margin:0px 0px 0px 10px;
padding:0px;
position:absolute;
bottom:0px;
background-color:
}*/

#Main_topcontainer_Info_lblCityInfo b, #Main_topcontainer_Info_lblCityInfo strong{ 
    font-weight:normal;
}
.toppic02{ 
border-left:#d0d0d0 1px solid;
border-right:#d0d0d0 1px solid;
border-bottom:#d0d0d0 1px solid;
padding:0px;
margin:0px;
}
/*.toppic03{ 

border:#d0d0d0 0px solid;
padding:0px;
margin:0px;
line-height: 20px;
}*/
#sidepic01{
width:275px;
border-bottom:#d0d0d0 1px solid;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 5px
}

#sidepic02{
width:275px;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 5px
}

.toppic02 img {
height:78px;
}

/*.whitemenu{
padding:5px 10px 10px 10px;
width:725px;
border:#2b4c9b 2px solid;
background:#fffcf5;
}*/

.whitemenu li {
	padding: 2px 0 0 0;
	font-size: 12px;
}

/*.insidetop01{
width:140px; 
float:left;
margin:0px 0px 0px 0px;
}*/

/*.insidetop02{
width:162px; 
float:left;
margin:0px 0px 0px 15px;
}

.insidetop03{
width:110px; 
float:left;
margin:0px 0px 0px 15px;
}*/

.insidetop04{
width:100px; 
float:left;
margin:0px 0px 0px 15px;
}

/*.insideli01{	
width:140px; 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}

.insideli02{
width:162px; 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}

.insideli03{
width:100px; 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}*/

.insideli04{
width:260px; 	
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}


.bgmenu{
	width:253px;
	height:34px;
	background-image:url(/Contents/images/menu01_img.jpg);	
}

#category01{
width:745px;
border-top:#d0d0d0 1px solid;  /*Courselist top line*/
border-bottom:#d0d0d0 1px dotted;/*Courselist bottom line*/
min-height:150px;
margin:0px 0px 10px 0px;
padding:5px 2px 5px 2px;
}

#category02{
width:745px;
border-bottom:#d0d0d0 1px solid;
min-height:150px;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 2px;
}

#category03{
width:745px;
border-bottom:#d0d0d0 1px solid;
border-top:#d0d0d0 1px solid;
min-height:24px;
margin:0px 0px 10px 0px;
padding:5px 0px 5px 0px;
}

#category003{
width:740px;
min-height:23px;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 10px;
float:left;
}

#category004{
width:740px;
min-height:23px;
margin:10px 0px 20px 0px;
padding:0px 0px 5px 10px;
float:left;
}

.panel,
.panel2,
.panel3,
.panel4,
.panel5,
.panel6,
.panel7,
.panel8,
.panel9,
.panel10 {
width:740px;
min-height:23px;
margin:10px 0px 20px 0px;
padding:0px 0px 5px 10px;
float:left;
}

.warpsub{
width:570px;
float:left;
min-height:135px;
float:left;
}


.subcategory001{
width:745px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px; 
min-height:135px;
}

.subcategory002{
width:550px;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px; 
min-height:135px;
float:left;
background-color:#ffefcb;
}

.subcategory01{
width:745px;
border-top:#d0d0d0 1px solid;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px; 
min-height:135px;
}

.subcategory02{
width:565px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
min-height:135px;
float:left;
}

.subcategory03{
width:155px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px; 
min-height:170px;
float:left;
border-left:#d0d0d0 1px solid;
}

.subcategory04{
width:470px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px; 
min-height:30px;
float:left;
}

.subcategory05{
width:300px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px; 
min-height:30px;
float:left;
}

.testcategory001{ 
width:360px;
min-height:150px;
float:left;
margin:5px 0px 5px 15px;
text-align:left;
}

.testcategory01{ 
width:350px;
min-height:100px;
float:left;
margin:5px 0px 0px 10px;
}

.testcategory02{ 
width:130px;
min-height:95px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}

#fonttop01{
font-size:16px;
font-weight:800;
}

.fonttop02{
color:#3266bc;
}

.colorfont01{
color:#F00;
font-size:12px;
}


/*.colorfont02{
color:#F00;
font-size:24px;
font-weight:bold;
}*/

.colorfont03{
color:#F00;
font-size:18px;
text-decoration:line-through;
font-weight:800;
}

.colorfont04{
color:#F00;
font-size:16px;
font-weight:bold;
}

.colorfont001
color:#3266bc;
font-size:15px;
font-weight:600;
}

.colorfont002{
float:left;
margin:5px 0px 5px 10px;
border:#F00 2px solid;
}


.checkb01{
	padding:5px 0px 0px 2px;
	margin:2px 0px 0px 0px;
}
.checkb02{
	padding:0px 0px 0px 0px;
	/*padding:0px 0px 0px 0px;*/
}
#number{list-style-type:none;}
.number {
float:left;
margin:0px 2px 0px 2px;
padding:0px 0px 0px 0x;
width:17px;
text-align:center;

}
.PrevNext,.PageNumber{
display:block;
padding:2px 3px 2px 3px;
color:#737373;
font-weight:bold;
}
.PrevNext:hover,.PageNumber:hover {
background:#737373;
display:block;
padding:2px 3px 2px 3px;
color:#FFF;
font-weight:bold;
}
.CurrentPage {
background:#737373;
display:block;
padding:2px 3px 2px 3px;
color:#FFF;
font-weight:bold;
}
/*#number{list-style-type:none;}
#number li{
float:left;
margin:0px 2px 0px 2px;
padding:0px 0px 0px 0x;
width:17px;
text-align:center;

}
#number li a{
display:block;
padding:2px 3px 2px 3px;
color:#737373;
font-weight:bold;
}
#number li a:hover{
background:#737373;
display:block;
padding:2px 3px 2px 3px;
color:#FFF;
font-weight:bold;
}
#number li .selected{
background:#737373;
display:block;
padding:2px 3px 2px 3px;
color:#FFF;
font-weight:bold;
}*/

div.panel,p.flip
{
margin:0px;
text-align:center;
}

div.panel,
div.panel2 {
	display:none;
}

#narrow ul {
	list-style: none;
}

#narrow_block {
	border:#c5c5c5 1px solid; 
	margin:-5px 0px 15px 0px;
	padding:0px 5px 0px 5px;
	width:190px;
	/*background:url(/images/bgside01.jpg) bottom no-repeat;*/
}

.narrow_box {
	border-bottom:#c5c5c5 1px solid;
	padding:5px 0px 10px 10px;
}

.narrow_head {
	color:#3966cd;
}
#Main_Course_Course_TopPageCourse,#Main_Course_Course_BottomPageCourse{ float:right; display: inline;}


/*Custom by JBS*/
/*.toppic01{ //->bootstrap.css
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}*/

.whitemenu{
padding:5px 10px 10px 10px;
/*width:725px;*/
/*border:#2b4c9b 2px solid;*/
background:#fffcf5;
}
.insidetop01{
/*width:140px;*/ 
float:left;
margin:10px 0px 0px 0px;
}
.insidetop02{
/*width:162px;*/ 
/*float:left;*/
margin:10px 0px 0px 0px;
}

.insidetop03{
/*width:110px;*/ 
float:left;
margin:10px 0px 0px 0px;
}
.insideli01{	
/*width:140px;*/ 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}

.insideli02{
/*width:162px;*/ 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}

.insideli03{
/*width:100px;*/ 
border-top:#3266bc 1px solid;
margin:2px 10px 0px 0px;
padding:2px 2px 2px 2px;
}

.colorfont02{
color:#F00;
font-size:20px;
font-weight:bold;
}
.colorfont02 s{
text-decoration:line-through !important;
}
.colorfont02 img{
    width:auto;
}

.tooltip-inner {
    min-width: 180px;
    /* If max-width does not work, try using width instead */
    width: 180px; 
    background-color: #505050;
    padding:8px 10px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.tooltip.top{
    margin-top:-6px
}