@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center,
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{ 
    margin: 0; 
    padding: 0;
	font-size:100%;
    border: 0; 
    vertical-align: baseline; 
    background: transparent; 
} 

body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 

a:link,a:visited{
	color:#333;
	text-decoration:none
}
a:hover{
	color:#09F
}

/* remember to highlight inserts somehow! */ 
ins { 
    text-decoration: none; 
} 
del { 
    text-decoration: line-through; 
} 

/* tables still need 'cellspacing="0"' in the markup */ 
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	
} 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------------------------------*/
.font01{
	font-size:14px;
	color:#06C;
	font-stretch:wider;
}

/*--------------------------------------------------------------------*/


body{
	background: url(/data/images/login_index/bg.png) repeat-x;
	font:Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	color:#333
}
img{
	border:0
}
a.accesskey{
	text-decoration:none;
	font:9px;
	color:#9cf;
}


#wrapper{
	min-width:990px;
    width:100%;
    width:expression( this.clientWidth < 990 ? 990 : this.clientWidth );

}
/*header*/
#header{
	background-image: url(/data/images/login_index/header_2.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 123px;
}
/*
#header ul{
	margin:3px 5px 0 0;
	display:inline-table;
	position:absolute;
	top:3px;
	font-size:11px;
	right:0;
	line-height:14px;
	width: 260px;
}*/
#header ul li{
	display: inline;
	color:#333;
	padding:0 5px;
	border-left:1px solid #333;
	list-style:none
}
/*
#header ul li{
	float:left;
	color:#333;
	padding:0 5px;
	border-left:1px solid #333;
	list-style:none
}*/
#header ul li.noBorder{
	border-left:none
}
.logo{
	border:0;
	float:left
}
.header_map{
	padding:5px 30px 5px 0 ;
	font-size:10px;
	text-align:right
}
.header_map a{
	text-decoration:none;
	color: #333
}

/*左區塊*/
#left{
	position: absolute;
	float:left;
	width:204px;
	padding:0;
	margin:0;
	position:relative /9;/*-IE8-*/
	*position:relative; /*-IE7-*/
	_position:relative; /*-IE6-*/
}
/*登入選單*/
.login_bg{
	background:	url(/data/images/login_index/login.jpg) no-repeat;
	height:92px;
	width:140px;
	padding:23px 9px 0 55px;
	line-height:15px;
	text-align:right;
	margin:0
}
.hidden{
	display:block
}
.input{
	height:16px;
	margin:0 0 1px 0;
	text-align: left;
	border:2px solid #3cf;
	width:135px;
	*margin:0;
}
.input:hover,.input1{
	border:2px solid #ccc;
	margin:0 0 1px 0;
	width:135px;
	*margin:0;
}

.login_button{
	background: url(/data/images/login_index/login_button.gif) top no-repeat;
	display:block;
	text-decoration: none;
	width:50px;
	float: left;
	height:20px;
	border:0;
	margin:1px 0 0 3px;
	text-indent:-9999px
}
.login_button:active,.login_button:hover,.login1{
	background: url(/data/images/login_index/login_button.gif) bottom;
	display:block;
	text-decoration: none;
	width:50px;
	float: left;
	height:20px;
	border:0;
	margin:1px 0 0 3px;
	text-indent:-9999px
}

.forget_button{
	background: url(/data/images/login_index/forget.gif) top no-repeat;
	display:block;
	text-decoration: none;
	width:83px;
	height:20px;
	border:0;
	float: left;
	margin:1px 0 0 0;
	text-indent:-9999px
}
.forget_button:active,.forget_button:hover,.forget1{

	background: url(/data/images/login_index/forget.gif) bottom;
	display:block;
	text-decoration: none;
	width:83px;
	height:20px;
	border:0;
	float: left;
	margin:1px 0 0 0;
	text-indent:-9999px
}
/*201006add-登入後*/
.login_after_bg{
	background:	url(/data/images/login_index/login_after.jpg) no-repeat;
	height:80px;
	width:185px;
	padding:35px 9px 0 10px;
	line-height:15px;
	text-align: center;
	margin:0;
	color:#fff;
	font-size:12px;
	font-stretch:wider
}

.login_after{
	background: url(/data/images/login_index/login_b_after.png) top no-repeat;
	display:block;
	text-decoration: none;
	width:88px;
	height:25px;
	border:0;
	float: left;
	margin:1px 0 0 30px;
	text-indent:-9999px
}
.login_after:active,.login_after:hover,.after1{
	background: url(/data/images/login_index/login_b_after.png) bottom;
	display:block;
	text-decoration: none;
	width:88px;
	height:25px;
	border:0;
	float: left;
	margin:1px 0 0 30px;
	text-indent:-9999px
}
/*----end---*/
.password{
	background: url(/data/images/login_index/login_button.gif) bottom;
	width:53px;
	height:25px;
	text-indent:-9999px;
	font:0px
}
.count_bg{
	background:url(/data/images/login_index/count.gif);
	height:62px;
	width:154px;
	padding:30px 20px 10px 30px;

}
.nologin_bg{
	background:url(/data/images/login_index/nologin.jpg);
	height:62px;
	width:154px;
	padding:30px 20px 10px 30px;
}

/*左選單*/

.left_menu{
	width:204px;
}
.left_menu span{
	display:none
}
ul{
	list-style:none;
	margin:0;
	padding:0
}
li.about a{
	display: block;
	background-image: url(/data/images/login_index/left_a1.jpg);
	width: 204px;
	height: 38px;
}

li.about a:hover,.a1{
	background-image:url(/data/images/login_index/left_a1.jpg);
	background-position:right
}
li.news a{
	display: block;
	background-image: url(/data/images/login_index/left_a2.jpg);
	width: 204px;
	height: 38px;
}

li.news a:hover,.a2{
	background-image:url(/data/images/login_index/left_a2.jpg);
	background-position:right
}
li.class a{
	display: block;
	background-image: url(/data/images/login_index/left_a3.jpg);
	width: 204px;
	height: 38px;
}
li.class a:hover,.a3{
	background-image:url(/data/images/login_index/left_a3.jpg);
	background-position:right
}
li.resouce a{
	display: block;
	background-image: url(/data/images/login_index/left_a4.jpg);
	width: 204px;
	height: 38px;
}
li.resouce a:hover,.a4{
	background-image:url(/data/images/login_index/left_a4.jpg);
	background-position:right
}
li.link a{
	display: block;
	background-image: url(/data/images/login_index/left_a5.jpg);
	width: 204px;
	height: 38px;
}
li.link a:hover,.a5{
	background-image:url(/data/images/login_index/left_a5.jpg);
	background-position:right
}
li.prof a{
	display: block;
	background-image: url(/data/images/login_index/left_a6.jpg);
	width: 204px;
	height: 38px;
}
li.prof a:hover,.a6{
	background-image:url(/data/images/login_index/left_a6.jpg);
	background-position:right
}
li.openboard a{
	display: block;
	background-image: url(/data/images/login_index/left_a7.jpg);
	width: 204px;
	height: 38px;
}
li.openboard a:hover,.a7{
	background-image:url(/data/images/login_index/left_a7.jpg);
	background-position:right
}
li.eduawaken a{
	display: block;
	background-image: url(/data/images/login_index/left_a8.jpg);
	width: 204px;
	height: 38px;
}
li.eduawaken a:hover,.a8{
	background-image:url(/data/images/login_index/left_a8.jpg);
	background-position:right
}
/*中間&右區塊*/
#container{
	margin:0 0 0 204px;
	padding:0;

}
/*右區塊*/
#right{
	float: right;
	width:170px;/*扣除教育連結寬度*/
	/*width:200px*//*含教育連結寬度*/
}
/*現在時間&快速連結*/
#rightlink{
	background:url(/data/images/login_index/right_2.jpg);
	width:170px;
	float:left;
	margin:0 -3px 0 4px;/*教育新知用*/
	/*margin:0 -3px 0 0;*//*教育連結用*/
	padding:0	
}
.time{
	background:url(/data/images/login_index/right_1.gif) no-repeat;
	width:150px;
	height:65px;
	padding:35px 5px 0 15px;
	*height:60px;
	*padding:40px 5px 0 17px;
	font-size:11px;
	margin:0
}

.quicklink{
	width:163px;
	vertical-align:top;
	margin:0;
	padding:0

}
.quicklink_main{
	background:url(/data/images/login_index/link-bg.gif) repeat-y;
	padding:0;
	margin:0;
	text-align:center
}
.quicklink_main img{
	margin:0  auto 1px  auto;
	width:147px;
	height:51px;
}

.more{
	background:url(/data/images/login_index/link-1.gif);
	width:143px;
	height:15px;
	padding:20px 20px 0 0;
	text-align:right;
	margin:0;
}

/*右側教育連結選單*/
#edulink{
	padding:60px 0 0 0; 
	width:30px;
	float:left;
	margin:0;
}
#edulink span{
	display:none
}

li.edureport a{
	background-image: url(/data/images/login_index/edu_live_1.gif);
	display: block;
	width:28px;
	height: 94px;
	margin:0
}
li.edureport a:hover,.e1{
	background-image: url(/data/images/login_index/edu_live_2.gif);

}
li.edunews a{
	display: block;
	background-image: url(/data/images/login_index/edu_news_1.gif);
	width:28px;
	height: 94px;
	margin:0
}
li.edunews a:hover,.e2{
	display: block;
	background-image: url(/data/images/login_index/edu_news_2.gif);
	width:28px;
	height: 94px;
}
li.eduper a{
	display: block;
	background-image: url(/data/images/login_index/edu_ju_1.gif);
	width:28px;
	height: 94px;
	margin:0
}
li.eduper a:hover,.e3{
	background-image: url(/data/images/login_index/edu_ju_2.gif);
}
/*中間欄*/
#center{
	margin:0 175px 0 0;
	padding:0;
	min-height:500px;
	/*	margin:0 200px 0 0;*//*包含教育連結30px*/
}

/*即時新聞*/
.path_text_news{
	background: url(/data/images/login_index/pathbg_news.gif) no-repeat;
	background-position: right;
	height:14px;
	margin:0px 0 0px 115px;
	padding:9px 0 7px 0;
	font:11px;
	color:#FFF
}
.path_news_bg{
	background:url(/data/images/login_index/pathbg_news.gif) no-repeat;
	background-position: left;
	height:30px
}
/*現在位置*/

.path_text{
	background: url(/data/images/login_index/pathbg.gif) no-repeat;
	background-position: right;
	height:14px;
	margin:0px 0 0px 30px;
	padding:9px 0 7px 0;
	font:11px;
	color:#FFF
}

.path_bg{
	background:url(/data/images/login_index/pathbg.gif) no-repeat;
	background-position: left;
	height:30px
}
/*現在位置*/
/*
.path_text{
	background: url(/data/images/login_index/pathbg.gif) no-repeat;
	background-position: right;
	height:14px;
	margin:0px 0 0px 30px;
	padding:9px 0 7px 0;
	font:11px;
	color:#FFF
}

.path_bg{
	background:url(/data/images/login_index/pathbg.gif) no-repeat;
	background-position: left;
	height:30px
}*/


/* 中間內容背景-設定圓角圖 */
.main,.content_bg,.main_head h3,.main_head{
	background: url(/data/images/login_index/boxbg.png) bottom right no-repeat;
}
.main{
	padding-right:10px;
	margin:4px 0 0 0
}
.main_head{
	background-position:top right;
	margin-right:-10px;
	padding-right:10px
}
.main_head h3{
	background-position:top left;
	margin:0;
	border:0;
	padding:15px 0 0 10px;

}
/*內文區*/
.content_bg{
	background-position: bottom left;
	margin:0;
	padding:0 0 10px 10px;
	min-height:550px
}
.title_01{
	background: url(/data/images/login_index/title01_2.jpg);
	height:30px;
	margin:0 0 5px 0
}
.title_left{
	float:left
}
.title_right{
	float:right;
}

.content_tab{
	height:30px;
	color: #333;
	font-weight:bold;
	line-height:30px;
}
.content_tab ul li{
	float: left;
	width:100px;
	text-align:center;
	background:url(/data/images/login_index/tab_00.jpg);
	height:30px;
	font-size:12px;
}

#content{
	margin:0;
	padding:0;
	text-align: left;
	line-height:18px
}

#content table th{
	text-align:center;
	color: #333;
	background:#EEE
}
.h01 tr:hover{
	background: #D9ECFF
}
/*
#content table tr{
	text-align:center;
	line-height:20px
}
#content table td{
	border-bottom:1px solid  #D5D5D5;
	line-height:20px
}*/
.td1{
	background:url(/data/images/login_index/line-05.gif) repeat-x;
	height:16px
	}

/*廣告輪播*/
.ad_img{
	margin:auto;
	width:100%; 
	height:240px; 
	text-align:left
}
/*footer*/
#footer{
	clear:both;
	height:71px;
	background:url(/data/images/login_index/footer.jpg) repeat-x;
	padding:45px 10px 0 10px;
	float:none
}
.copyright_aplus{
	float:left;
	text-align: center;
	padding:30px 0 0 50px
}
.copyright{
	text-align:center
}
