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

.inner{max-width:1000px;margin:0 auto;}
.coninner{max-width:1160px;margin:0 auto; background:url(../images/subtle_freckles.png)left center;}
.main-content{ width:1160px; /*height:1300px;*/ height:auto;  padding-right:-10px; padding-left:150px; }
.content{float:left; width:1000px; /*height:1260px;*/ height:auto; min-height:600px; border:1px solid #ccc; border-bottom:3px solid #ccc; /*border-right:none;*/ border-right:3px solid #ccc; margin-bottom:20px; background:#fff}
.rightColum{ width:100px; /*height:1215px;*/ height:auto; float:right; margin-right:56px; /*border-left:3px solid #ccc;*/ padding-top:50px;}
.map .sitemap ul{list-style:none; text-align:left; margin-left:10px;}


.onlineClass-header{margin:0;padding:0;border:0;overflow:hidden;*zoom:1;letter-spacing:normal}
.onlineClass-header li{list-style-image:none;list-style-type:none;margin-left:0;white-space:nowrap;display:inline;float:right}
.onlineClass-header a{display:block;font-size:11px;padding:0 5px;cursor:pointer;color:#336699}
.onlineClass-header .current a:hover{cursor:default}
.onlineClass-header .current a,.onlineClass-header a:hover{color:#0083d6; }
.onlineClass-header>li{border-right:1px solid #cccccc; margin-left:3px;padding-left:3px}
.onlineClass-header>li:first-child{border:none}

.scrollBar-Menu{ width:30px; height:50px;  position:inherit; text-align:left; padding:10px;  border:1px solid #ccc;  border-left:none; border-bottom:none; 
-moz-border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0; }
.scrollBar-Menu:hover{ width:96px; cursor:pointer}

#classAdmin{margin-bottom:20px; border:1px solid #ccc;}
.admin:hover, .search:hover, .home:hover, .unit:hover, .board:hover, .colum:hover, .message:hover{ background-size:120px 40px; }
.admin{ background:url(../images/online_adminIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6;}
.admin:hover{ background:url(../images/online_adminIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#F6F6F6; }
.search{ background:url(../images/online_searchIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6; }
.search:hover{ background:url(../images/online_searchIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#F6F6F6;  }

.home{ background:url(../images/online_homeIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6;}
.home:hover{ background:url(../images/online_homeIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#ffcded; }
.unit{ background:url(../images/online_unitIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#ffe6cd;}
.unit:hover{ background:url(../images/online_unitIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#ffe6cd; }
.board{ background:url(../images/online_boardIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6;}
.board:hover{ background:url(../images/online_boardIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#FFFFC4; }
.colum{ background:url(../images/online_columIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6;}
.colum:hover{ background:url(../images/online_columIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#CDEFBC;  }
.message{ background:url(../images/online_messageIcon.png) no-repeat 5px 15px; background-size:40px 40px; background-color:#F6F6F6;}
.message:hover{ background:url(../images/online_messageIcon_2.png) no-repeat 5px 15px; background-size:96px 40px; background-color:#E3F3F9;  }


div.linkList{ height:25px; margin:20px;  padding:10px 10px 5px 10px; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; background:#ffe6cd; width:940px} 


hr{
	border:#D2E9FF 1px inset; /**/
	/*margin-bottom:5px;*/
}

ul, li{list-style-type: none;}
.syllabus h3, .class-data h3, .class-reference h3{ font-family:"微軟正黑體"; font-size: 24px; font-weight:bold; color:#09C; /*text-shadow:0px 0px 1px #000;*/ height:30px; }
p{	padding: 0 1em; }

#courseMain{
	width:90%;
	height:56px;
	margin:25px auto 0 25px;	
}

#courseMain h2{ font-family:"微軟正黑體"; font-weight:bold; color:#36C; font-size:28px;}






/* 課程內容 */
.syllabus{
	position:relative;
	margin: -20px 20px 0 25px;
	width: 950px;
	float:left;
	line-height:22px;
	font-family:"微軟正黑體";	
    font-size: 17px;
	color:#006bb8;	
}
.syllabus h3{ padding-left:10px;}


/* 課程內容table */
.syllabusTable{
	width:100%;
}

.syllabusTable td img{	
	 width:25px;
	 height:25px; 
	 float:center; 
}

.syllabusTable table tr:hover, .single tr:hover {/*滑鼠移到內容列上狀態*/
  background: #FFF8F0;  cursor:pointer; }

/*單元*/
.title_Chap{
	background:#D2E9FF;
	width:26%;
	text-align:center;
}
.info_Chap{
	width:25.7%;
	padding:10px 13px;
	border-bottom:1px dotted #F63;
}
.chap_No{ text-align:center;}

/*子單元*/
.title_Unit{
	background:#D2E9FF;
	width:60%;
	text-align:center;
}
.info_Unit{
	width:60%;
	/*padding-left:10px;
	padding-right:10px;*/
	border-bottom:1px dotted #F63;
}
.ckFinish{
	/*background:#D4D0FF;*/
	width:6%;
	text-align:center;
}
.unit_Name{
	/*background:#D4D0FF;*/
	width:35%;
	text-align:center;
}
.unit_Mins{
	/*background:#D4D0FF;*/
	width:7%;
	text-align:center;
}
.unit_item{
	/*background:#D4D0FF;*/
	width:13.5%;
	text-align:center;
}
.infoFinish{
	width:9.8%;
	text-align:center;
	/*border-bottom:1px dotted #9E9E9D;*//*1px solid #FFD600;*/  /*#CECECE #F63*/
	/*padding-left: 25px;*/
	/*padding-right: 15px;*/
}
.info_No{
	width:8%;
	text-align:center;
	/*border-bottom:1px dotted #9E9E9D;*/
}
.info_Name{
	width:30%;
	padding-left:15px;
	padding-right:15px;
	/*border-bottom:1px dotted #9E9E9D;*/
	line-height: 1.6em;
}
.info_Mins{
	width:11.5%;
	padding-left:10px;
	padding-right:10px;
	/*border-bottom:1px dotted #9E9E9D;*/
	text-align:center;
}
.info_item{
	width:22%;
	padding-left:15px;
	padding-right:10px;
	/*border-bottom:1px dotted #9E9E9D;*/
	text-align:center;
}

/*單層用*/
.single .ckFinish, .single .unit_No, .single .unit_Name, .single .unit_Mins, .single .unit_item{ background: #D2E9FF; text-align: center;}
.single .infoFinish, .single .info_No, .single .info_Mins, .single .info_item{ text-align: center;}
.single .info_Mins, .single .info_item{ padding-left:10px; padding-right:10px;}
.single .ckFinish, .single .infoFinish{ width: 8%;}
.single .unit_No, .single .info_No{ width: 5%;}
.single .unit_Mins, .single .info_Mins{ width: 7%;}
.single .unit_item, .single .info_item{ width: 15%;}

/*#unitListBarControl{ width:957px; height:350px;/*unitList控制}*/
.class-data{
	position:relative;
	/*margin: 0 20px 50px 25px;*/
	margin-bottom:20px;
	width: 950px;
	float:left;
	line-height:22px;
	font-family:"微軟正黑體";	
    font-size:20px;
	color:#333; 
	/*height:600px;*/	
}

.class-data h3{ padding-left:10px;}
.class-data li{ padding-bottom:5px;} 
.class-reference{
	position:relative;
	margin: 0 20px 0 25px;
	width: 950px;
	float:left;
	line-height:22px;
	font-family:"微軟正黑體";	
    font-size:20px;
    color:#333; 
}
.class-reference h3{ padding-left:10px;}

/*學習進度時程表*/
.scheduleTitle{ float:left;border-right:dashed 2px #D7F3FF;min-height:130px;width:70px;text-align:right;padding-right:10px;margin-top:30px;}
.schedule{ float:left;border-right:dashed 2px #D7F3FF;height:75px;min-width:100px;margin-top:30px;}
.sdate{ width:72px;font-size:13px;position:absolute;color:#2ae6ed;}
.edate{ width:72px;font-size:13px;position:absolute;margin:-25px 0 0 74px;color:#2ae6ed;}
.pro{ color:#ffc600;font-size:15px;text-align:center;line-height:2em;min-height:31px;}
.pnum{ background:#eef6fa;height:20px;margin:0.45em 0;}
.donenum{ background:#93d6ff;display:inline-block;max-width:100%;height:20px;color:#fbffb4;font-size:13px;text-align:center;position:relative;top:-2px;}
.unum{ float:right;color:#9bb2ba;font-size:13px;margin-right:5px;}
.scheduleAll{ float:left;border-right:dashed 2px #D7F3FF;height:60px;max-width:865px;}
.note{ float:right;color:#9bb2ba;font-size:11px;margin-right:5px;}

.nextTip{ background:#FF9A4A; color:#FFF; border:solid 2px #FFF; border-radius:10px; box-shadow:#AAA 2px 2px 3px; padding:5px; font-size:15px; font-weight:normal; line-height:initial; float:right; position:relative; bottom:-15px; right:10px;}
.nextTip:before{ content:''; position:absolute; width:0; height:0; border-width:17px 8px; border-style:solid; border-color:#FFF transparent transparent transparent; top:100%; left:245px;}
.nextTip:after{ content:''; position:absolute; width:0; height:0; border-width:12px 5px; border-style:solid; border-color:#FF9A4A transparent transparent transparent; top:100%; left:80%;}

.forbid{ position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.9);color:#93D6FF;text-align:center;z-index:1;}
.forbid>span{ position:absolute; top: calc(50% - 11px); line-height: 22px;}
.nextSchNo{ position:absolute;right:5px;bottom:0;color:#FFE1B2;font-weight:bold;font-size:small;}