@charset "utf-8";

body {
 /*overflow-x: hidden;
 overflow-y: auto;*/
 overflow: hidden;
 color: #333;
}
input[type=text],input[type=password] {
 color: #C00;
 font-size: 0.875em;
 border: 1px solid #09F;
 padding: 0.25em;
 width: 168px;
	box-shadow: 2px 2px 3px 0px #999 inset;	 
}
/**歡迎及登入區域**/
div.loginarea {
 position: fixed;
 top: 11.75em;
 width : 100%;
 height: auto;
 /*border: #F00 1px solid;*/
}
ul.welcome, ul.login {
 float: left;
 margin-left: 1%;
}
ul.welcome {
 /** margin-top: 10px; 20140909 因隱藏下方連結而異動此處**/
 margin-top:4em;
 width: 46%;
}
ul.welcome li {
	color: #EFF;
 text-align: center;
 padding: 10px;
}
ul.login {
	margin-top: 1.8em;
	margin-left: 5%;
	width: auto;
	padding: 0.75em;
	border: #FFF 1px solid;
	border-radius: 7px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 15px #333;
 /*border: #F00 1px solid;*/
}
ul.login li {
 padding: 0.375em;
}
/*會影響輸入提示文字
ul.login li span {
 padding: 0px 5px;
}
*/
a.authimg {
 background-image: url(../../../images/reload.png);
 background-repeat: no-repeat;
 background-position: center center;
 color: #333;
 margin-left: 5px;
 padding: 2px 7px;
 cursor: pointer;
}
a.authimg-over {
 background-image: url(../../../images/reload.png);
 background-repeat: no-repeat;
 background-position: center center;
 color: #333;
 margin-left: 5px;
 padding: 2px 7px;
 cursor: pointer;
 border: 1px solid #FFF;
 box-shadow: 0px 0px 5px 2px #FFF;
}
/**歡迎及登入區域**/

/**iframe**/
#bulletin, #status {
 float: left;
 margin-top: 0px;
 height: 270px; 
 border-radius: 5px;
 box-shadow: 0px 0px 5px #666;
 padding: 0px 10px 10px 10px;
}
#bulletin {
 width: 48%;
 margin-left: 6%;
 border: 1px solid #69C;
}
#status {
 width: 34%;
 margin-left: 2%;
 border: 1px solid #990;
}
ul.contact {
 float: left;
 width: 96%;
 margin-top: 10px;
 margin-left: 2%;
 text-align: center;
}
ul.contact li {
 display: inline;
}
ul.contact li span {
 padding: 0px 5px;
}
/**iframe**/

/**最新消息，及空間狀態**/
section.status, div.bulletin {
 padding: 0px;
}
section.status h4, div.bulletin h4 {
 line-height: 30px;
 text-align: center;
 background-repeat: repeat-x;
 background-position: center top;
}
section.status h4 {
 background-color: #C03;
 color: #FEF;
 background-image: url(../../../images/warn-bg.png);
 border-bottom: 1px solid #900;
}
div.bulletin h4 {
 background-color: #69C;
 color: #EFF;
 background-image: url(../../../images/news-bg.png);
 border-bottom: 1px solid #036;
}
div.bulletin li {
 padding: 1px;
}
div.bulletin li:nth-child(even) {
 background-color: #EEE;
}
tr:nth-child(odd) {
 background-color: #EEE;
}
div.bulletin ul {
 font-size: 13px;
 height: 240px;	
 overflow-y: auto;
}
section.status ul {
 font-size: 13px;
 height: 260px;	
 overflow-y: auto;
}
section.status li {
 float: left;
 width: 90%;
}
section.status table {
 width: 100%;
}
section.status th {
 background-image: url(../../../images/dt-bg.png);
 background-repeat: repeat-x;
 background-position: left bottom;
 height: 30px;
}
section.status td {
 ing: 0px 10px;
}
div.funarea {
 padding-left: 70px;
}
/**自動更新圖文認證**/
#secTime, span.update {
 color: #C00;
}

/*上方 logo*/
#pagebg header ul.logo {
 margin-top: 6.5em;
 margin-left: 5%;
 width: 724px;
	height: 90px;
	/*padding: 0 0 0 120px;*/
 background-image: url(../../../images/nchu-logo.png);
 background-repeat: no-repeat;
 background-position: left center; 
}
div.logo2 {
 float: right;
 margin-top: 8.5em;
 margin-right: 5%;
 width: 207px;
 height: 50px;
 background-image: url(../../../images/MP-logo.png);
 background-repeat: no-repeat;
 background-position: left center;
}
ul.logo li {
	padding: 0 4px;
	font-weight: bold;
}
ul.logo li.schoolname {
	font-size: 1.2em;
}
ul.logo li.cn {
	color: #FF8C00;	
 font-size: 1.4em;
 font-family: "微軟正黑體", "標楷體","新細明體" ;
 letter-spacing: 4px;
 /*line-height: 20pt;*/
}
ul.logo li.en {
	font-size: 1.1em;
}
/*上方 logo*/

/*中間背景顏色、背景圈圈、陰影*/
#middlebg {
	margin-top: 12em;
	width: 100%;
	height: 300px;
	/*z-index: -1;*/
 background-color: #2FA8D7;
 border-top: 1px solid #369;
 border-bottom: 1px solid #369;
}
div.shadow, div.bgcolor, div.bgimg, div.house {
	position: absolute;
	width: 100%;
}
div.shadow {
	top: 31em;
	height: 48px;
	background-image: url(../../../images/shadow.png);
	background-repeat: no-repeat;
	background-position: center top;	
}
div.bgcolor, div.bgimg {
	height: 300px;
}
/*
div.bgcolor {
	margin-top: -1px;
	background: linear-gradient(to right, #2E68A9 0%, #2E68A9 50%, #E4FEFF 50%, #E4FEFF 100%);
	height:320px;
	border-top: #06C 1px solid;
	border-bottom: #06C 1px solid;
}
*/
div.bgcolor {
 background-color: #0849A5;
}
div.bgimg {
	background-image: url(../../../images/login-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
/*div.house {
 top: 290px;
 width : 61%;
 height: 194px;
 background-image: url(../../../images/house.png);
 background-repeat: no-repeat;
 background-position: right bottom;
}*/
/*中間背景顏色、背景圈圈、陰影*/