@charset "big5";
/* CSS Document */
body{margin:0; padding:0; font-size:15px; line-height:1.5; font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666; 
	background:url(images/bg.jpg?20170512) top repeat-x #fff;}
img{border:none;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline; color:#198de6;}
table{border-collapse:collapse;}
th, td{vertical-align:top;text-align:left;}
form, p, ul, ol, li{margin:0; padding:0;}
li{list-style:none;}
.clear{clear:both; height:0px; font-size:0px;}

/* clear float */
/* float clearing for IE6 */
* html .clearfix{height:1%; overflow:visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}

/* float clearing for everyone else */
.clearfix{display:inline-block;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden; font-size:0;}
.clearfix{display:block;}


input[type="button"],input[type="submit"],input[type="reset"],submit,reset{
border:1px #f65e7b solid;
background-color:#fce9ee;
color: #f65e7b;
font-size:15px;
}
.btn_css:havor{background-color: #ddeaff;}

/* font-size & color */
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}
.red{color:#f00;}
.black{color:#000;}
.orange{color:#f60;}
.purple{color:#7a3258;}


/* global */
.msg{
	color:#c00; font-size:15px; text-align:center; 
	background:#fff0f0; border:1px solid #f8bfbf;
	width:700px;
	margin:12px 0 12px 20px; padding:10px; 
}
.msg.success{background:#f0fbff; border:1px solid #bfddf8; color:#111;}
.explain{color:#F66; font-size:12px;}
.center{text-align:center !important;}
.left{text-align:left !important;}


/* 版型 */
#wrap{width:970px; margin:0 auto;}
#header{height:149px; display:block;}
#container{width:970px; height:auto!important;min-height:480px;height:480px; display:block;}
#footer{background:url(images/img_footer.jpg?20170512) no-repeat 0 bottom; height:auto!important;min-height:95px;height:95px;}


/* 版型 - 首頁區塊 */
#left_block{float:left; width:209px; display:inline;}
#home_block{float:right; width:755px; height:auto!important;min-height:525px;height:525px; margin-right:14px; display:inline;
	background:url(images/img_quicklinks_bg.png) right repeat-y;}


/* 透明PNG專用 */
.ie6png{behavior:url(images/iepngfix.htc); display:block;}


/* Header */
.top_info{width:970px; height:20px; text-align:right;}
.top_info a{color:#d6520a; font-size:12px; padding-left:5px; padding-right:8px;}
.top_info em{font-style:normal; font-size:10px; color:#f8c4a8;}
.top_banner{width:970px; height:129px; background:url(images/img_bannerbg.jpg?20170512) no-repeat;}
.top_banner .picture{position:relative; width:510px; height:129px; background:url(images/img_ban_pic1.jpg?20170512) no-repeat;}
.top_banner .picture .pic{position:absolute; width:157px; height:149px; top:-20px; left:180px; z-index:99;}


/* Container */
#container table th.left_bg{background:url(images/img_left_bg.jpg?20170512) repeat-y;}
#container table th.right_bg{background:url(images/img_right_bg.jpg?20170512) repeat-y;}
#container table td.left_block{background:#fef6f7;}
#container table td.right_block{background:url(images/content_shadow.jpg) top no-repeat #fff; border-left:1px solid #f5c4cd;}
.content{padding:20px;}
.content_left{float:left; width:500px;}
.content_right{float:right; width:207px;}


/* Path */
.path{background:url(images/path_bg.png) top no-repeat; height:35px; text-align:right;}
.path span{display:block; font-size:12px; color:#999; padding-top:12px; padding-right:10px;}
.path span a{color:#999;}
.path span .current{color:#f28245;}


/* Member */
#member{background:url(images/img_member_bg.jpg) no-repeat #ea617b; width:190px; line-height:18px;}
#member .member_form{padding:5px 8px 10px;}
#member .loginTitle{margin:0 0 5px; background:url(images/login-titile.png) no-repeat; width:74px; height:19px; text-indent:-99999em;}
#member th{font-size:13px; color:#fff; padding-top:3px;}
#member input.idpw{width:125px; border:1px solid #ea617b; background:#fff; font-size:12px; padding:2px;}
*html #member input.btn{background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/member_btn.png", sizingMethod="scale");}
#member .links{color:#ffe3e8; font-size:12px;}
#member .links a{color:#ffe3e8; line-height:24px;}
#member input.btn{background:url(images/member_btn.png) no-repeat; width:45px; height:26px; border:none; cursor:pointer}
#member input.logout{background:url(images/member_btn1.png) no-repeat;}
#member .hello{color:#fff; padding:10px 0;}


/* Menu */
.menu{width:190px; overflow:hidden; font-size:15px;}
.menu li a{display:block; width:190px; height:30px;}
.menu li a.nav1{background-image:url(images/menu1.png);}
.menu li a.nav2{background-image:url(images/menu2.png);}
.menu li a.nav3{background-image:url(images/menu3.png);}
.menu li a.nav4{background-image:url(images/menu4.png);}
.menu li a.nav5{background-image:url(images/menu5.png);}
.menu li a.nav6{background-image:url(images/menu6.png);}
.menu li a.nav_online{background-image:url(images/menu_online2.png?20170512); border-top:1px solid #f5c4cd;}
.menu li a.nav_download{background-image:url(images/menu_download.png);}
.menu li a.nav_contribute{background-image:url(images/menu_contribute.png);}
.menu li a.nav_advanced{background-image:url(images/menu_advanced.png);}


.sub{width:190px; padding-top:8px; padding-bottom:8px; line-height:16px;}
.sub li{padding-left:6px; padding-top:0px; padding-bottom:0px; margin-bottom:0px;}
.sub li a{color:#ea617b; height:16px; background:url(images/li_icon.gif?20170512) 3px 9px no-repeat; padding:3px; padding-left:14px;}
.sub li a.star{background:url(images/li_icon2.gif) left 5px no-repeat;}
.sub li a:hover{color:#198de6; text-decoration:none;}
.sub li ol{padding-top:8px;}


/* page */
.page{font-size:12px; margin:0px 0px; padding:10px 0; text-align:center;}
.page span a, .page span a:hover, .page .current, .page .disabled{padding:3px 3px; margin:2px 0; border-radius:5px; line-height:28px;}
.page a{color:#333; border:1px solid #ccc; cursor:pointer; text-decoration:none; }
.page a:hover{color:#fff; background:#fa8b34; border:1px solid #fa8b34;}
.page .current{color:#333; background:#fff; font-weight:bold; border:1px solid #fff; }
.page .disabled{color:#ddd; border:1px solid #ddd;}

/* Footer */
#footer span{color:#333; font-size:12px; text-align:center; display:block; padding:12px 0 25px;}
#footer span b{color:#f25500;}
#footer span a{color:#333;}
#footer .conut{vertical-align:6px;}
.huaweb{margin-left:1em; color:#aaa !important; font-size:12px;}


/* 首頁消息 */
.home_shadow{background:url(images/home_shadow.png) bottom no-repeat; padding-bottom:20px;}
.home_news_list li{border-bottom:1px dotted #ddd; width:95%;}
.home_news_list li .date{font-size:13px; font-weight:bold; display:inline-block; width:75px; vertical-align:top; line-height:24px;}
.home_news_list li .event-date{color:#529e07;}
.home_news_list li span.category{font-size:12px; color:#f25500;}
.home_news_list li a{width:390px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px;}
.home_news_list li a.width_1{width:370px;}
.home_news_list li a.width_2{width:370px;}
.home_news_list li a.width_hr{width:365px;}
.more-row{position:relative;}
.more-row a.more{position:absolute; top:-30px; left:445px; font-size:12px; display:inline-block; width:40px;}


/* 首頁 Quick Link */
.quicklink_bg{background:url(images/quicklink_bg.png) repeat-y; width:207px;height:auto!important;min-height:50px;height:50px;}
.quicklink_bg ul li{padding-top:5px; padding-bottom:10px; padding-left:15px;}


/* 首頁 繼續教育專區 */
.teach_bg{background:#fff9e9; width:207px;height:auto!important;min-height:220px;height:220px; padding:15px 0;}
.teach_bg ul li{padding-top:5px; padding-bottom:5px; padding-left:15px;}


/* Banners */
/*#Marquee{text-align:center; margin-bottom:20px;}
#Marquee img{width:170px; margin-left:20px; margin-bottom:10px; -ms-interpolation-mode: bicubic;}*/
#Marquee{width:200px; height:350px; border:0px solid #c00; overflow:hidden; margin-top:30px;}
#Marquee ul{margin:0; font-size:0; height:1350px; overflow:hidden; }
#Marquee li{height:auto; border:0px solid #ddd; text-align:center; padding:10px 0;}/* heigth:auto*/
#Marquee img{-ms-interpolation-mode:bicubic; width:170px;}


/* Video */
.video-list{font-size:13px;}
.video-list td{text-align:center;}


/* video-js */
#container .video-js {
  font-size: 13px;
  color: #fff;
  /*background-color: #000;*/
}
#container .video-js .vjs-big-play-button{
	line-height:64px;
    height:64px;
    width:64px;
    top:50%; margin-top:-32px;
    left:50%; margin-left:-32px;
    border:none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

#container .video-js .vjs-control-bar,
#container .video-js .vjs-big-play-button,
#container .video-js .vjs-menu-button .vjs-menu-content {
	/* IE8 - has no alpha support */
	background-color: #f24a01;
	/* Opacity: 1.0 = 100%, 0.0 = 0% */
	background-color: rgba(242, 74, 1, 0.7);
}

/* Slider - used for Volume bar and Progress bar */
#container .video-js .vjs-slider {
	background-color: rgba(242, 74, 1, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
#container .video-js .vjs-volume-level,
#container .video-js .vjs-play-progress,
#container .video-js .vjs-slider-bar {
	background: #fff;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
#container .video-js .vjs-load-progress {
	/* For IE8 we'll lighten the color */
	background-color: #f24a01;
	/* Otherwise we'll rely on stacked opacities */
	background: rgba(242, 74, 1, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
#container .video-js .vjs-load-progress div {
	/* For IE8 we'll lighten the color */
	background-color: #f24a01;
	/* Otherwise we'll rely on stacked opacities */
	background: rgba(242, 74, 1, 0.7);
}


/* 內頁　最新消息 */
.news_list{border-top:2px solid #f65e7b; border-bottom:1px solid #f65e7b;}
.news_list th{padding:3px; background:#fce8ed; color:#f65e7b; 
	border-bottom:1px solid #f2cdd6;
	border-left:1px solid #f2cdd6; border-right:1px solid #f2cdd6;
	text-align:center;}
.news_list td{padding:5px 3px 5px 3px; border-bottom:1px solid #f2cdd6;}
.news_list td{text-align:center;}
.news_list td.title{text-align:left;}
.news_title{font-size:15px; font-weight:bold; color:#000; border-bottom:3px solid #f65e7b;}
.news_date{text-align:right; font-size:12px;}
.news_content{margin-top:14px;}

.typeList{margin-bottom:-1px;}
.typeList td{border-bottom:1px dotted #ccc; font-size:13px; padding:2px;}


/* 內頁 月曆table */
.cal_table{border-collapse:collapse; border:3px solid #ff7800;}
.cal_table th{width:14%; background:#ffe1c1; font-size:12px; color:#000; padding:4px; border:1px solid #f5bb7d;}
.cal_table th span.en{font-size:12px; color:#555; padding:3px;}
.cal_table th.holiday{color:#f00;}
.cal_table td{font-size:12px; line-height:18px; border:1px solid #ffddbe; height:70px;}
.cal_table td span.date{display:block; font-size:12px; color:#666; padding:3px;}
.cal_table td.holiday{background:#fffaf4;}
.cal_table td.today{background:#e3fdff; border:2px solid #a7e2f5;}
.cal_table td.today span.date{font-weight:bold;}


/* 內頁 相關連結*/
.links_tag td{text-align:center; background:#efefef; padding:5px; vertical-align:middle;
	border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #67b9f3;}
.links_tag td.current{font-weight:bold; background:#fff; color:#000; font-size:15px; border-top:3px solid #67b9f3;border-bottom:1px solid #fff; }


/* Table  */
.table_1{}
.table_1 th, .table_1 td{ padding:5px 3px 5px 3px;}
.table_1 th.chapter{background:#fff5e6; border-bottom:1px solid #ffebce; color:#f25500; font-size:15px; text-align:left; padding:5px 3px 3px 3px;}
.table_1 th{text-align:right;}
.table_1 td{text-align:left; border-bottom:1px solid #fcf4eb;}
.table_1 .row1{background:#e6f1fc;}

.table_org{ border-bottom:1px solid #ff9000;}
.table_org th, .table_org td{ padding:4px 2px 4px 2px;}
.table_org th{background:#fff2e6; color:#ff9000; padding:5px 3px 3px 3px; border:1px solid #ffdab8; border-top:2px solid #ff9000;}
.table_org td{text-align:left; border:1px solid #eaeaea;}
.table_org .tr2{background:#f7f7f7;}

.table_pink{ border-bottom:1px solid #ea6182;}
.table_pink th, .table_pink td{ padding:4px 2px 4px 2px;}
.table_pink th{background:#ffe6ec; color:#ea6182; padding:5px 3px 3px 3px; border:1px solid #f9c4d1; border-top:1px solid #ea6182;}
.table_pink td{text-align:left; border:1px solid #eaeaea;}
.table_pink .tr2{background:#f7f7f7;}

.table_team{ border-bottom:1px solid #ff9000;}
.table_team th, .table_team td{ padding:3px; line-height:150%;}
.table_team th{background:#fff2e6; color:#ff9000; padding:3px; border:1px solid #ffdab8; border-top:2px solid #ff9000; text-align:center;}
.table_team td{text-align:center; border-bottom:1px solid #eaeaea; padding-bottom:14px;}
.table_team td.duties, .table_team td.rosters{text-align:left;}
.table_team ol{padding-left:1.5em;}
.table_team ol li{list-style:decimal;}

.links_list{border-top:1px solid #e0e8ee; border-bottom:1px solid #67b9f3;}
.links_list td{text-align:left; vertical-align:middle;}
.links_list th{padding:2px; background:#d1ecfe; color:#226bd8;border-bottom:1px solid #67b9f3; vertical-align:bottom}
.links_list td{padding:5px 3px 5px 3px; border:1px solid #e0e8ee;}
.links_list td a{color:#3d6eb6;}
.links_list td b{color:#333;}
.links_list td.number{font-size:12px; color:#999; text-align:center;}
.links_list td.center{text-align:center;}
.links_list .tr2{background:#ebf6ff;}


/* Tab 2012-04-18 */
ul, li {margin:0; padding:0; list-style:none;}
.abgne_tab {clear:left; width:720px; margin:10px 0;}
ul.tabs {width:100%; height:32px; border-bottom:solid 1px #f2d9c5;	border-left:solid 1px #f2d9c5;}
ul.tabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: solid 1px #f2d9c5;
	border-left: none;
	background: #fff6ef;
}
ul.tabs li a {display:block; padding:0 15px; border:solid 1px #fff; text-decoration:none;}
ul.tabs li a:hover {background:#fde3c2; color:#198de6;}
ul.tabs li.active  {background:#fff; border-bottom: solid 1px #fff; color:#c00;}
ul.tabs li.active a{color:#f25500;}
ul.tabs li.active a:hover {background: #fff;}
div.tab_container {clear:left; width:100%; border: 1px solid #f2d9c5; border-top:none; background:#fff;}
div.tab_container .tab_content {padding:20px; line-height:150%;}
div.tab_container .tab_content h3{margin-bottom:13px;}
div.tab_container .tab_content p{margin-bottom:18px;}


.banner_table1{margin:0 auto; border:1px solid #f1d89f;}
.banner_table1 th, .banner_table1 td{text-align:center; padding:2px;}
.banner_table1 th{background:#fff6e2; border:1px solid #f1d89f;}
.banner_table1 td{border:1px solid #ccc;}
.banner_table1 .left{text-align:left;}


/* Quiz-List 2012-10-01 */
.quiz_list{border-collapse:collapse; font-family:Arial; border-top:2px solid #f25500; border-bottom:1px solid #f25500;}
.quiz_list thead th{background:#ffebce; color:#f25500; border:0px solid #f9c9af; border-bottom:1px solid #f25500; 
	text-align:center; vertical-align:middle; line-height:24px;}
.quiz_list tbody th, .quiz_list tbody td{padding:8px 3px; border-bottom:1px solid #f5d9bf;}
.quiz_list tbody th{color:#f25500; text-align:center;}
.quiz_list tbody td{border-left:1px solid #fff0e3; text-align:center;}
.quiz_list tbody tr:nth-child(even){background:#fffaf6;}
.quiz_list tbody .name{text-align:left; color:#1d5ca3; border-left:none;}
.quiz_list tbody a{color:#333; font-size:13px;}
.quiz_list tbody a:hover{color:#198de6; text-decoration:none;}
.quiz_list tbody span{color:#0765ce;}
.quiz_list .is_member{color:#060;}
.quiz_list .no_limit{color:#F60;}


/* Quiz-Content 2012-10-01 */
.quiz_top{}
.quiz_top td{font-size:13px; line-height:22px; color:#333;}
.quiz_top div{border:2px dotted #f0c49d; height:80px;}
.quiz_top input{background:#fff; border:1px solid #ecb887; padding:1px; line-height:18px; font-family:Arial;}
.quiz_top input.login{background:url(images/quiz/button_bg.png) right bottom no-repeat #c0d88b; border:1px solid #769b39; margin-top:1px; margin-left:5px; 
	font-weight:bold; color:#314f00; cursor:pointer;}

.line_shadow{background:url(images/quiz/line_shadow.png) center center no-repeat; height:15px; margin-top:15px; margin-bottom:12px;}


#quiz_topic{width:723px; margin:0 auto; background:url(images/quiz/quiz_topic_bg.png) top no-repeat; font-size:13px; color:#333;}
#quiz_topic h2{color:#005fc8; font-size:22px; font-family:"微軟正黑體", Arial; margin:0; padding:10px;}
#quiz_topic p{margin:0; padding:13px; padding-bottom:10px; padding-top:0;}
#quiz_topic .time{color:#005fc8; font-family:Arial; padding-left:13px;}
#quiz_topic .quiz_topic_bottom{background:url(images/quiz/quiz_topic_bottom.png) no-repeat; height:33px;}


.quiz{font-size:13px; position:relative; padding-bottom:12px; margin-bottom:30px;}
.quiz .number{display:block; color:#fff; width:32px; height:32px; line-height:31px; 
	background:url(images/quiz/number_box.png) no-repeat; 
	text-align:center;
	font-size:12px; font-family:Arial, Helvetica, sans-serif; 
	position:absolute; z-index:99; top:-10px; left:-15px;}
.quiz h3{color:#0d54c9; font-size:13px; line-height:140%; font-family:"微軟正黑體", Arial; margin:0; padding:15px;}
.quiz p{margin:0; padding-left:45px; padding-right:15px;}
.quiz p input{margin-right:3px; vertical-align:middle;}
.required em{color:#f00; padding-right:4px;}
.multi{color:#c00;}
.items{float:none; overflow:hidden;zoom:1; border:0px solid #eee;}
.items, items li{margin:0; padding:0; list-style:none;}
.items li{padding-left:42px; text-indent:-32px; 
	float:left; width:23%; 
	margin-left:10px; margin-right:10px; margin-bottom:10px; 
	padding-bottom:5px; 
	border-bottom:1px dotted #aaa;}
.items li input[type="text"]{width:95%;}

.odd h3, .even h3{font-size:15px; line-height:140%; color:#222;}
.odd {border-right:1px solid #f3d3ab; border-bottom:1px solid #f3d3ab; background:#fff1e0;}
.even{border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background:#f7f7f7;}
.odd, .even{
	-webkit-box-shadow:0px 2px 3px #ddd;
	   -moz-box-shadow:0px 2px 3px #ddd;	
	        box-shadow:0px 2px 3px #ddd;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=0,strength=5);*/
	border-collapse:separate;
}

.quiz_group{background:#fff; border:1px solid #aad5eb; padding-bottom:10px;}
.quiz_group div{width:670px; margin-left:20px;}
.quiz_group h4{background:#e8f7ff; color:#006dc1; font-size:15px; line-height:140%; font-family:"微軟正黑體", Arial; margin:0; padding:10px; margin-bottom:10px;}

.quiz_footer{font-size:13px; margin-top:20px; margin-bottom:40px;}
.quiz_footer th, .quiz_footer td{font-size:13px;}
.quiz_footer th{color:#1d5ca3; padding-top:3px;}
.quiz_footer textarea{border:1px solid #aaa;}
.quiz_footer input{background:#fcfbe3; border:1px solid #aaa; padding:1px; line-height:18px; font-family:Arial;}
.quiz_footer .thx{font-size:15px; text-align:center; color:#fe7800;}
.quiz_footer input.submit{background:url(images/button_orange.png) no-repeat; border:none; cursor:pointer; width:67px; height:24px; color:#fff;}
input.qzlist{background:url(images/button_qzlist.png) no-repeat; border:none; cursor:pointer; width:92px; height:26px;}
input.next{background:url(images/button_orange.png) no-repeat; border:none; cursor:pointer; width:67px; height:26px; color:#fff;}


/* Quiz Result 2012-10-01 */
.qz_table{border-collapse:collapse; width:96%; margin:0 auto; background:#fff;}
.qz_table thead th, .qz_table thead td{font-size:12px; font-family:Arial; border:1px solid #aaa; font-weight:normal; color:#666; 
	background:#ffe7bd;}
.qz_table tbody th, .qz_table tbody td{font-size:13px; font-family:Arial; border:1px solid #aaa;}
.qz_table tbody th{text-align:left; font-weight:normal; padding-left:5px;}
.qz_table tbody td{text-align:center; width:20%;}
.qz_table tbody tr:nth-child(even){background:#f6f6f6;}


/* Quiz Result 2012-10-01 */
.quiz_result_group{background:#fff; border:1px solid #aad5eb; padding-bottom:10px;}
.quiz_result_group h4{background:#e8f7ff; color:#006dc1; font-size:13px; line-height:140%; font-family:"微軟正黑體", Arial; margin:0; padding:10px; margin-bottom:10px;}
.quiz_result_group table{width:95%; margin-left:15px;}


/* Events List */
.events-list{margin-top:5px; line-height:1.5;}
.events-list th, .events-list td{ padding:5px; }
.events-list th{border-top:1px solid #f2d0b4; border-bottom:2px solid #f2d0b4; background:#faf3e3; color:#333; text-align:center;}
.events-list td{border-bottom:1px solid #f2d0b4; padding:12px 5px;}
.events-list td a{color:#06C; font-size:15px;}
.events-list td p{margin:0; padding-top:3px; color:#777; font-size:13px;}
.events-list .ScoreTypeName{text-align:center;}
.events-list tr:nth-child(even){background:#f7f7f7;}


.eduTitle{font-size:16px; color:#111; border-bottom:1px dashed #eaba94; padding-bottom:5px; margin:0 0 5px;}
.events{border-top:2px solid #eaba94; line-height:1.5;}
.events th{border-bottom:1px solid #f2d0b4; background:#faf3e3; color:#333;}
.events td{border-bottom:1px solid #f2d0b4;}
.class-list{border:none;}
.class-list th{border:1px solid #f2d0b4; border-top:none; background:#faf3e3; text-align:center;}
.class-list td{border:1px solid #ddd;}
.class-list .EDUSCORE{text-align:center;}

.rosters{margin-bottom:10px;}
.rosters th, .rosters td{padding:3px;}
.rosters th{background:#d6f0ff; color:#333; border-bottom:2px solid #91caeb;}
.rosters td{border-bottom:1px solid #c8dce7;}


/* course */
.course{height:350px; position:relative;}
.course img{position:absolute;}
.course .online{top:0; left:13%;}
.course .magazine{top:0; right:13%;}
.course .record{top:160px; left:50%; margin-left:-88px;}


/* login screen */
.loginScreen{background:#fffcf5; border:1px solid #f2cba8; padding:15px; line-height:1.8;}
.loginScreen strong{color:#f3681c;}


/* search block 2014/05/12 */
.searchBlock{padding:5px 15px; text-align:right;}


/* article content 2014/05/12 */
.articleTitle{font-size:22px; color:#FF6D67; margin:0;}
.articlePostDate{text-align:right; color:#999; font-size:12px; padding:5px;}
.articleBody{padding:12px 0; 
	line-height:1.5;
	border-top:1px solid #efe4b0;  
	border-bottom:1px solid #efe4b0; 
	margin-bottom:12px;
}
.url{padding:5px; background:#fffbf2; border:1px solid #f0dbac;}
.files{background:#eafaff; border:1px solid #b2e2f0; padding:5px;}
.files ul{margin:0; padding:5px 0; list-style:none;}
.files ul li a{display:block; background:url(images/icon-file.png) 0 50% no-repeat; padding-left:20px; color:#058cda;}


/* Form */
input[type=text], input[type=password], input[type=email], input[type=tel], textarea, select{
	box-sizing:border-box;
	padding:5px 4px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:inset 0 1px 1px #eee; 
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
}
select{padding:3px; border:1px solid #ccc;}
select option{padding:3px; background:#fff;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus{
	outline:0;
	background:#fffcf6;
	border:1px solid #f65e7b; 
	box-shadow:0 0 3px rgba(0,0,0,0.2), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(0,0,0,0.2), inset 0 1px 2px #ddd;
	webkit-appearance:none;
}
/* Button */
input[type=button], input[type=submit], input[type=reset]{
	outline:0;
	box-sizing:border-box;
	padding:3px 10px;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
	cursor:pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{
	box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
/* Buttons */
.buttons{padding:20px 0;}
.buttons input{padding:0px 20px; background:#ff7022; width:auto; height:34px; border:none; cursor:pointer; 
	font-size:15px; color:#fff; font-weight:bold;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.buttons input:hover{position:relative; top:1px;}
.buttons input.Next{background:url(../../images/button-arr-next.png) right 50% no-repeat #ff7022; text-indent:-6px;
	border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;
}
.buttons input.Prep{background:url(../../images/button-arr-pre.png) left 50% no-repeat #ff7022; text-indent:6px;
	border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;
}
.buttons input.reset{background:#aaa; color:#fff;}