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

/* body{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#f2f1f1;} */
body{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#ffffff;}

.footer{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#ffffff; text-decoration:none;}
/* .footer:hover {color:#000000;} */

.Rfooter{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#ffffff; padding-left:250px;}

.epRfooter{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#ffffff; padding-right:3%;}

.tagfooter{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#000000;}

.bdtxt {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:16px;}

.bdtxt2 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px;}

.tabtxt {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#003a74; line-height:16px; text-decoration:none;}

.tablink {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:16px; text-decoration:none;}
.tablink:hover {color:#003a74; text-decoration:none;}

.bodylink {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#ef5f0e; line-height:16px; text-decoration:none;}
.bodylink:hover {color:#003a74; text-decoration:none;}

.maintitle{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#003a74; line-height:16px;}

.topmenulink {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#003a74; line-height:20px; text-decoration:none;}
.topmenulink:hover {color:#000000;}

.leftmenu {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#003a74; line-height:20px; text-decoration:none;}
.leftmenu:hover {color:#ef5f0e;}

.padding {padding: 10px 10px 10px 10px;}

.chi {font-family: "新細明體", Arial; font-size:12px; color:#003a74; line-height:20px; text-decoration:none;}
.chi:hover {color:#ffffff;}

.btablink {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ef5f0e; line-height:16px; text-decoration:none;}
.btablink:hover {color:#003a74; text-decoration:none;}

/* Misc */

.textfield {background-color:#ffffff; border:1px #ffffff solid; font: Arial, Verdana, Helvetica, sans-serif; color:#333333; font-size: 12px; height:17px; width:108px; padding: 0px 0px 0px 2px;}




/*menu*/
#layer1 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer1 ul li {
	list-style-type: none;
	width:150px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer1 ul li a {
display: block;
width:150px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer1 ul li a:hover {
display: block;
width:150px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer2 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer2 ul li {
	list-style-type: none;
	width:192px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer2 ul li a {
display: block;
width:192px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer2 ul li a:hover {
display: block;
width:192px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer3 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer3 ul li {
	list-style-type: none;
	width:112px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer3 ul li a {
display: block;
width:112px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer3 ul li a:hover {
display: block;
width:112px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer4 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer4 ul li {
	list-style-type: none;
	width:172px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer4 ul li a {
display: block;
width:172px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer4 ul li a:hover {
display: block;
width:172px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer5 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer5 ul li {
	list-style-type: none;
	width:142px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer5 ul li a {
display: block;
width:142px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer5 ul li a:hover {
display: block;
width:142px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer6 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer6 ul li {
	list-style-type: none;
	width:162px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer6 ul li a {
display: block;
width:162px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer6 ul li a:hover {
display: block;
width:162px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer7 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer7 ul li {
	list-style-type: none;
	width:122px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer7 ul li a {
display: block;
width:122px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer7 ul li a:hover {
display: block;
width:122px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer8 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer8 ul li {
	list-style-type: none;
	width:202px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer8 ul li a {
display: block;
width:202px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer8 ul li a:hover {
display: block;
width:202px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer9 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer9 ul li {
	list-style-type: none;
	width:142px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer9 ul li a {
display: block;
width:142px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer9 ul li a:hover {
display: block;
width:142px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}

#layer10 ul {
	margin: 0px;
	padding: 0px;
	_margin-top: 20px;
}
#layer10 ul li {
	list-style-type: none;
	width:137px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	_margin-top: -20px;

}
#layer10 ul li a {
display: block;
width:137px;
height: 18px;
background-color: #f3f3f3;
padding-top: 2px;
	padding-left: 8px;
}
#layer10 ul li a:hover {
display: block;
width:137px;
height: 18px;
background-color: #cccccc;
padding-top: 2px;
	padding-left: 8px;
}


/************** new calender ******************/
.calender_year {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:44px;
padding-left:10px;}

.calender_month {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:29px;
padding-left:10px;
padding-right:10px;
}

.calender_day {
font-family:Arial, Helvetica, sans-serif;
border:#003366 solid 1px;
color:#003366;
font-size:11px;
font-weight:bold;
}

.calender_date td{
font-family:Arial, Helvetica, sans-serif;
border:#ADADAD solid 1px;
background-color:#F0EFF1;

}

.calender_date td div table td{
font-family:Arial, Helvetica, sans-serif;
border:none;
background-color:transparent;
}


.calender_date_num {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#003366;

}


.ce_course {
font-size:13px;
color:#FF6600;
text-decoration:none;
line-height:25px;}

.ce_course:hover {
text-decoration:underline;}

.ce_time {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;}

.ce_link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#003366;
}
.ce_link:hover {
color:#333333;
}

.ce_pop {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;}

.ce_pop {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;}

.ce_left_link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF3300;}

.ce_left_link:hover {
color:#0066CC;
}

.ce_list_header{
font-family:Arial, Helvetica, sans-serif;
border-right:#003366 solid 1px;
border-bottom:#003366 solid 1px;
color:#003366;
font-size:11px;
font-weight:bold;

}

.ce_list_header2{
font-family:Arial, Helvetica, sans-serif;
border-left:#003366 solid 1px;
border-right:#003366 solid 1px;
border-bottom:#003366 solid 1px;
color:#003366;
font-size:11px;
font-weight:bold;

}

.ce_list_content{
font-family:Arial, Helvetica, sans-serif;
border-right:#ADADAD solid 1px;
border-bottom:#ADADAD solid 1px;
border-top:#ADADAD solid 1px;
}

.ce_list_content2{
font-family:Arial, Helvetica, sans-serif;
border-left:#ADADAD solid 1px;
border-right:#ADADAD solid 1px;
border-bottom:#ADADAD solid 1px;
border-top:#ADADAD solid 1px;
}

.ce_list_date {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;}

.ce_list_course {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FF6600;
text-decoration:none;
text-align:left;}
.ce_list_course:hover{
text-decoration:underline;
}

.ce_list_price {
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:11px;}


.ce_online_header{
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:bold;
}
.ce_online_header2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
border-right: #FFFFFF solid 1px;

}