@charset "utf-8";
/* CSS Document */
#container {margin:0 auto; width:900px;}
#header { height:100px; background:#9c6; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:200px; height:500px; background:#cf9;}
#content { margin-left:205px !important; margin-left:202px; height:500px; background:#ffa;}
.banner
{
	width: 900px;
	height: 100px;
	margin: 0px auto;
	background-image: url(../images/banner-01.png);
}	

/*中間課程區塊*/
.c-classes{
	 width:650px;
	 float:left;
	}

/*學校logo*/
.school-logo
{
	width: 250px;
	height: 100px;
	float: left;
	margin: 0px 5px 0px 5px;
}

/*系名*/
.school-name
{
	width: 200px;
	height: 60px;
	color: #26460F;
	font-weight: bold;
	font-size: 16pt;
	float: left;
	margin: 0px 5px 0px 5px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding-top: 40px;
	font-family: "微軟正黑體";
	}

/*系統(平台)名稱*/
.name{
	width: 420px;
	height: 65px;
	color: #26460F;
	font-weight: bold;
	font-size: 22pt;
	float: left;
	margin: 0px 5px 0px 5px;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	padding-top: 35px;
	font-family: "微軟正黑體";
	}
	

.copyright{
	margin:0 auto;
	width: 900px;
	height: 60px;
	background-image: url(../images/copyrightbg.png);
	color: #4D4D4D;
	font-size: 10pt;
	float: right;
	margin-bottom: 10px;
	line-height: 60px;
	text-align: center;
	}
	
.loginstatus
{
    color: #41657b;
    }

/*管理者登入 教師登入*/
.adminlogin{
	width: 900px;
	margin: 0 auto;
	text-align: right;
	height: 30px;
	line-height: 30px;
	font-weight:bold;
	font-size:17px;
	font-family:"微軟正黑體";
	}
	
.adminlogin a:link {
	color: #BB2C02;
	text-decoration: none
}
.adminlogin a:visited { color:#BB2C02; text-decoration:none}
.adminlogin a:hover { color:#BB2C02; text-decoration:none; cursor:hand}
.adminlogin a:active { color:#BB2C02; text-decoration:none}


.body{
	background-color: #EBFDD0;
}
.txt-c{
	width: 700px;
	border-bottom: 1px solid #355C01;
	color: #355C01;
	font-weight: bold;
	margin-top: 10px;
	height: 30px;
	}
.txt-c1{
	width: 700px;
	border-bottom: 1px solid #E34A00;
	color: #E34A00;
	font-weight: bold;
	margin-top: 10px;
	height: 30px;
	}

/*中間內容大框*/
.big-c{
	width: 900px;
	margin: 0 auto;
	background-color: #369A14;
	}
		
.txttitle{
	background-color: #D2E6FD;
	color: #0564B1;
	font-weight: bold;
	border-bottom: #0564B1 2px solid;
	}	

/*DM區*/
.DM-bigc{
	width: 690px;
	height: 500px;
	float: left;
	margin-top: 5px;
	}	

/*DM第一塊*/
.DM1{
	width:700px;
	height:292px;
	float:left;
	}

/*DM第2塊*/
.DM2{
	width: 700px;
	height: 502px;
	float: left;
	}

/*DM第3塊*/
.DM3
{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	width: 700px; /*2013.04.26 Emmy modify*/
	/*height:237px;*//*2013.04.26 Emmy modify*/
	height: 230px;
	float: left;	 /*2013.04.26 Emmy modify*/
	margin-top: 10px;
	}
.DM3_Table /*2013.04.26 Emmy modify*/
{
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid #355C01; /*有細內框也有細外框*/
	font-weight: bold;
	background-color: #FFF;
	color: #355C01;
	font-family: "微軟正黑體";
	margin-top: 5px;
    }
.DM3_Table td/*2013.04.26 Emmy modify*/
{
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #355C01; /*有細內框也有細外框*/
	height: 40px;
    }

.DM3_title{
	background-color: #D2E6FD;
	color: #E34A00;
	}


/*DM第4塊*/
.DM4{
	float: left;
	background-color: #369A14;
	width: 900px;
	padding:2px 0 8px 0;
	}
.DM4_Table{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	width: 700px; /*2013.04.26 Emmy modify*/
	height: 150px;
	float: left; /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #E34A00; /*有細內框也有細外框*/
	margin-top: 10px;
	background-color: #FFF;
	color: #5C2F01;
	font-size: 10pt;
	font-weight: bold;
	font-family: "微軟正黑體";
	}

.DM4_Table td{
	/*width:700px;*/ /*2013.04.26 Emmy modify*/
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 1px solid  #E34A00; /*有細內框也有細外框*/
	}

.s /*2013.04.26 Emmy modify*/
{
	margin-top: 10px;
	border-collapse: collapse; /*讓格與格中間沒有間距*/
	border: 2px solid  #D92F04; /*有細內框也有細外框*/
	font-weight:bold;
	background-color:#FFF;
	color:#D92F04;
    }


.menubox{
	width:200px;
	float:left;
	}
	
/*此學年度尚無課程*/
#message{
	color:white;
	font-weight:bold;
}

/*請擇課程學年度資料 那行*/
.s-classes{
	width: 650px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 14pt;
	font-family:"微軟正黑體";
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid  #C4FE56;
	float: left;
	}
	
/*各課程的框*/
.classes-bigbox{
	width: 300px;
	height: 140px;
	float: left;
	border: solid 2px #e9ff6c;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	background-image: url(../images/classesbg.png);
	margin: 10px 5px 10px 5px;
	-moz-box-shadow: 3px 2px 5px #454545;
	-webkit-box-shadow: 3px 2px 2px #454545;
	box-shadow: 3px 2px 5px #454545;

	}

.classes-bigbox a:link {
	color: ##014E87;
	text-decoration: none
}
.classes-bigbox a:visited { color:##014E87; text-decoration:underline;}
.classes-bigbox a:hover { color:##014E87; text-decoration:none; cursor:hand}
.classes-bigbox a:active { color:##014E87; text-decoration:none}

	
.classes-bigbox:hover{ background-image:url(../images/classes-hoverbg.png); cursor: pointer;}
	
/**/
.classesname-box{
	width: 190px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	color: #014E87;
	}

/*課程數字排列*/
.classes-array{
	float:left;
	font-size: 12pt;
	padding: 5px;
	font-weight:bold;
}
	
/*課程名稱*/
.classesname{
	width: 290px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	margin: 0px 5px 5px 5px;
	font-family: "微軟正黑體";
	font-weight: bold;
	/*font-size: 16pt;*/
	font-size: 14pt;
	text-align: left;
	color: #014E87;
	}
	
/*課程名稱 那4個字*/
.classes-nametxt{
	width: 100px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-weight: bold;
    font-size: 12pt;
	text-align: left;
	color: #014E87;
	}
	
/*授課老師 框*/
.classes-teasher-box{
	width: 290px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 14pt;
	text-align: left;
	color: #014E87;
	margin: 0px 5px 0px 5px;
	}

/*授課老師 那4個字*/
.classes-teacher-nametxt{
	width: 100px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-weight: bold;
    font-size: 12pt;
	text-align: left;
	color: #84224B;
	}
	
/*老師名字*/
.teachername{
	width: 190px;
	/*height: 30px;*/
	height: 25px;
	float: left;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	color: #84224B;
	}



/*學年度*/
.classes-year{
	width: 290px;
	height: 40px;
	float: left;
	margin: -25px 5px 5px 5px;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
	color: #873A01;
	border-bottom: solid 1px #2c6700;
	line-height: 40px;
	}

/*------------------------------Menu css----------------------------------*/
/*最新消息4個字*/
.newstxt{
	width: 230px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #E82F00;
	color: #FFF;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 14pt;
	padding: 3px 0 3px 0;
	
	}
.menu-c{
	width: 250px;
	height: 100%;
	clear: both;
	float: left;
	}
/* Some stylesheet reset */
#cssmenu {
	width: 230px;
	border-style: solid solid none solid;
	border-color: #9db57a;
	border-width: 1px;
	float: left;
	margin: 5px 5px 0px 5px;
	clear: right;
	}
#cssmenu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
#cssmenu li a {
	height: 32px;
  	height: 28px;
	text-decoration: none;
	font-weight:normal;
	font-weight:bold;
	font-size:12pt;
	}	
	
#cssmenu li a:link, #cssmenu li a:visited {
	color: #415221;
	display: block;
	background-image: url(../images/menu1.png);
	background-repeat: no-repeat;
	padding: 8px 0 0 10px;
	}
	
#cssmenu li a:hover {
	color: #AE0602;
	background: url(../images/menu1.png) 0 -37px;
	background-repeat: no-repeat;
	padding: 8px 0 0 10px;
	}
	
#cssmenu li a:active {
	color: #26370A;
	background: url(menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}