@charset "utf-8";

/* CSS Document */

html,body {

	margin:0;

	padding:0;

	height:100%; /* needed for container min-height */

	background:#ffffff;	

	font-family: "微軟正黑體", "新細明體";

	font-size: 13px;

	color: #000000;height: 100%;

	background:url(../images/bg.jpg) repeat-x top;

	height:100%; 

}

h1, h2, h3, a, img {

	color:#000000; border:0px; margin:0px; padding:0px;

}

.clear{clear:both}

hr { color:#CCCCCC; border:1;height:1px; border-color:#FFFFFF;}

h1{	color:#ff7200; font-size:33px; font-weight: bold;text-shadow: 2px 2px #d9d9d9; line-height:28px; padding-bottom:20px;}

h2{	color:#ff7200; font-size:15px; font-weight: bold;line-height:28px; }

h3{	color:#ff7200; font-size:15px; font-weight: bold; line-height:15px }

p { font-size:13px; color:#1f1f1f; line-height:21px; text-align:justify; margin:0pc; padding:0px;}

#wrap {

	min-height: 100%;

	background:url(../images/menu_bg.png) no-repeat center top;

}

a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #000000;

}

a:hover {

	text-decoration: underline;

	color: #fe8402;

}

a:active {

	text-decoration: none;

	color: #fe8402;

}

#header {

    width:980px; height:90px;

	position:relative;

	margin:0px auto; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */	}

.dock {

	position: relative; 

	height: 88px; 

	text-align: center;

}

.dock-container {

	position: absolute;

	height: 88px;

}

a.dock-item {

	display: block;

	width: 40px;

	color: #000;

	position: absolute;

	top: 0px;

	text-align: center;

	text-decoration: none;

}

.dock-item img {

	border: none; 

	margin: 0px 0px 0px 0px;

	width: 100%;

}

.members{ padding-right:7px; margin-top:6px;}



.btn_footer_box {

	background-position:0px 0px;

	display:block; padding:5px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-khtml-border-radius: 6px;

	border-radius: 6px; background:#ffffff;

	border:#f6c722 solid 1px;

	}

.btn_footer_box:hover, .btn_footer_box.current{

 background:#fda504; border:#ffffff solid 1px;}

#container_banner {

    width:980px;height:265px;

	position:relative;

	margin:0px auto; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */

	}	

#news_section {

    width:264px;

	position:relative; 

	background:url(../images/bg_news.png) no-repeat;

	height:246px; float:left;

	margin:0px; margin-top:16px;

	padding:0px auto; 	}

	

#scrollbar2 { width:250px;overflow:hidden; margin-left:0px; position:relative; padding-top:5px;}

#scrollbar2 .viewport { width: 220px; height: 180px; overflow: hidden; position: relative; margin-left:12px; }

#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }

#scrollbar2 .overview h1{ font-size:13px; font-weight:bold; color:#ffb000; width:213px; font-family:Arial; line-height:15px; margin:0px; padding-bottom:5px; padding-top:5px;text-shadow: 0px 0px #d9d9d9;}

#scrollbar2 .overview p{ font-size:12px; color: #1f1f1f; width:213px; border-bottom: 1px dotted #999999; line-height:15px; margin:0px; padding-bottom:5px;}

#scrollbar2 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }

#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }

#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }

#scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }

#scrollbar2 .disable { display: none; }



#banner_section {

    width:710px; background:url(../banner/banner_bg.png) no-repeat;

	position:relative; 

	height:260px; float:right;

	margin:0px;

	padding:0px; 	}

	

#container_left_menu {

	width:264px; float:left; text-align:left;

	margin:2px 0px 0px 0px; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */

	}	

#container_left_menu a {padding-bottom:3px;	}	

.facebook{ padding-top:5px; padding-left:2px; padding-bottom:15px}



#indx_tutor {

	width:620px; float: left;

	margin:5px 0px 20px 10px; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */	

	background:url(../images/tutor_bg.jpg);

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px;

	border:#dfdfdf solid 1px;

	

	}	

#indx_tutor_top {

	width:602px; float: left; padding-left:10px;

	margin:0px; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */

	}	

#indx_tutor_top h1 { font-size:18px; line-height:20px; padding-bottom:7px; font-weight: bold;text-shadow: 0px 0px #d9d9d9;

color: #1f1f1f; padding-top:12px;border-bottom:1px dotted #aeaeaa; margin-bottom:12px;}



#tutor_00 {

	width:280px; float: left;

	padding:6px; /* center, not in IE5 */

	height:112px;margin-bottom:10px;

	background:url(../images/bg_each_t.jpg) repeat-x #FFFFFF;

	cursor:pointer;

	}

.e1{border:#dfdfdf solid 1px;border-top:#006891 solid 1px; }

.e2{border:#dfdfdf solid 1px;border-top:#ff6c00 solid 1px; }

.e3{border:#dfdfdf solid 1px;border-top:#297f4a solid 1px; color:#FF0000 }

.e4{border:#dfdfdf solid 1px;border-top:#e960a8 solid 1px; }

.e5{border:#dfdfdf solid 1px;border-top:#0044de solid 1px; }

.e6{border:#dfdfdf solid 1px;border-top:#424242 solid 1px; }

.e7{border:#dfdfdf solid 1px;border-top:#006891 solid 1px; }

.e8{border:#dfdfdf solid 1px;border-top:#ff6c00 solid 1px; }

.e9{border:#dfdfdf solid 1px;border-top:#297f4a solid 1px; color:#FF0000 }

.e10{border:#dfdfdf solid 1px;border-top:#e960a8 solid 1px; }

.e11{border:#dfdfdf solid 1px;border-top:#0044de solid 1px; }

.e12{border:#dfdfdf solid 1px;border-top:#424242 solid 1px; }



.s1{ color:#006891}

.s2{ color:#ff6c00}

.s3{ color:#297f4a}

.s4{ color:#e960a8}

.s5{ color:#0044de}

.s6{ color:#424242}

.s7{ color:#006891}

.s8{ color:#ff6c00}

.s9{ color:#297f4a}

.s10{ color:#e960a8}

.s11{ color:#0044de}

.s12{ color:#424242}





#tutor_00:hover { background:#fdffcd}	

.img_index_tutor {

	padding:1px; background:#FFFFFF;

	border:#dfdfdf solid 1px;

	}	

#tutor_00 p {

	margin:0px; /* center, not in IE5 */

	padding:0px; /* center, not in IE5 */

	color:#1f1f1f; font-size:12px; line-height:14px; text-align:justify; padding-top:5px;

	}	

#tutor_00 h2 {

	margin:0px; /* center, not in IE5 */

	padding:0px; /* center, not in IE5 */

	font-size:11px; line-height:14px; text-align: left; color:#333333

	}

.index_t1{ font-size:15px; line-height:14px; }

.index_t2{ font-size:12px; line-height:14px;text-align:center;}

.tutor_right10{ margin-right:12px;}



#quick_menu {

	width:70px; float: right;

	margin:0px 0px 0px 10px; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */		

	}	 

.quick_bg{ background:url(../images/quick_bg.png); padding-left:9px;}

.quick_link{ padding-top:5px; padding-bottom:5px;}



.latest_img_menu:hover {filter:alpha(opacity=50);opacity:.50;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor:pointer}



#inner_top {

    width:890px; float:left;

	position:relative; padding-top:7px; padding-bottom:3px;

	margin:0px auto; /* center, not in IE5 */

	padding:0px auto; /* center, not in IE5 */

	}	

#inner_area {

    width:890px; float:left;

	position:relative;

	margin:10px 0px 30px 0px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	border-radius: 4px; background:#fcfbf7;	

	border:#dfdfdf solid 1px;	

	}	

.bg_inner{ background:url(../images/inner_bg.jpg) top; }

.title_line{ border-bottom: 1px solid #e5e5e2; padding-bottom:7px;}

.c_bg{ background:url(../images/c_bg.png);}

.pp_l33{ padding-left:11px;}



.btn_c_details {

	background-position:0px 0px; font-size:15px; color:#666666; font-weight:bold; text-align:right; line-height:30px;

	display:block; background:url(../images/btn_bg.jpg) no-repeat; width:99px; height:30px; 	}

.btn_c_details span { padding-right:11px}

.btn_c_details:hover, .btn_c_details.current{

 color: #FF9900}

 

 .c_point{ margin-left:10px; padding:0px;}

 

 .a2:link {

	color: #FF6600;

	text-decoration: none;

}

.a2:visited {

	text-decoration: none;

	color: #FF6600;

}

.a2:hover {

	text-decoration: underline;

	color: #1f1f1f;

}

.a2:active {

	text-decoration: none;

	color: #1f1f1f;

}



.btn_tt {

	background-position:0px 0px;

	display:block;

	background:url(../images/tutor_bg.png) no-repeat; width:157px; height:285px;

	}

.btn_tt:hover{

background:url(../images/tutor_bg_over.jpg) no-repeat;}



#back_tt { position: absolute; top:7px; margin:0px; padding:0px; right:35px;}

#video { position: absolute; top:62px; margin:0px; padding:0px; right:45px;}



#inner_area h2 { color: #FF9933; font-size:24px; font-weight:bold; margin-bottom:15px;}	

#inner_area p { font-size:12px; line-height:16px; margin:0px; padding:0px; font-weight:normal; }

.lll_a{ line-height:19px;}	

#inner_area h3 { color:#FF6633; font-size:17px;  line-height:23px;  margin-bottom:5px; margin-top:10px;}	

.tt_table{ color:#000; font-size:15px;  line-height:23px;  margin-bottom:0px; padding:5px; font-weight:bold;}	

.pt_s{ margin-left:17px; padding:0px; line-height:17px; font-size:13px;}



.course_title{ font-size:15px; font-weight:bold; color:#FFFFFF; padding-left:10px;}

.cc_tt {

	background-position:0px 0px;

	display:block; cursor:pointer;

	background:url(../images/cc_pt.png) no-repeat left #FFFFFF; width:848px; height:35px;

	}

.cc_tt span { padding-left:50px; line-height:35px;}

.cc_tt:hover{

background:url(../images/cc_pt.png) no-repeat left #EFEFEF; color:#1f1f1f}



.white_bgs{ background:#FFFFFF; height:35px; padding:0px;}

.white_bgs_tt{ background:#F48D02; height:40px;}

.white_bgs_tt2{ background:#FFB41D; height:40px;}



.pdf_download{ background:url(../images/pdf.png) no-repeat left center; display: block; height:30px; width:80p; line-height:30px; padding-left:30px; text-decoration:underline; color:#0066CC; margin:10px 0px 10px 0px;}



.span_15Sub{ color:#FF6600; font-size:15px; font-weight:bold; padding-left:10px;}



.cc_tt_tutor {

	background-position:0px 0px;

	display:block; cursor:pointer; color:#FFFFFF;

	background:url(../images/cc_pt.png) no-repeat left #666666; width:100%; height:30px;

	}

.cc_tt_tutor span { color:#FFFFFF; padding-left:44px; line-height:30px;	}

.cc_tt_tutor:hover{

background:url(../images/cc_pt.png) no-repeat left #FF6600; color:#1f1f1f; text-decoration: none}



.cc_tc {

	background-position:0px 0px;

	display:block; cursor:pointer;

	background:url(../images/cc_co.png) no-repeat left #FFFFFF; height:35px;

	}

.cc_tc span { padding-left:60px; line-height:35px;}

.cc_tc:hover{

background:url(../images/cc_co.png) no-repeat left #EFEFEF; color:#1f1f1f}



.photo_album{ padding:1px; border:1px solid #666666}



#timetablea{ margin:0px;}

#timetablea table{ margin:0px; width:440px; background:#ccc;}

#timetablea table tr td{ height:30px;}

.namr_tt{ position: absolute; z-index:1; color:#ff9c00; font-weight:bold; top:340px; font-size:19px; margin-left:5px}
.namr_tt_b{ position: absolute; z-index:1; color:#fff; font-weight:bold; top:360px; font-size:19px; margin-left:5px}