@charset "utf-8";
/*首頁登入欄位和計數器設定*/
/*登入欄位*/
#loginbox{
	width:450px;
	height:583px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox .loginpic{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
}

#techerlogin{
	width:365px;
	height:139px;
	padding: 0px 0px 0 0px;
	margin:0;
	background:url(../images/login-tr.jpg) no-repeat;
}

#studentlogin{
	width:450;
	height:139px;
	padding:0 0 0 0;
	margin:0;
	background:url(../images/login-stud.jpg) no-repeat;
}
#loginbox1{
	width:1200px;
	height:305px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox1 .loginpic{
	width:1200px;
	height:305px;
	padding:0;
	margin:0;
}
#loginbox1 .loginpic1{
	width:1200px;
	height:36px;
	padding:0;
	margin:0;
}
#loginbox2{
	width:198px;
	height:394px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox3{
	width:365px;
	height:298px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox3 .loginpic3{
	width:365px;
	height:83px;
	padding:0;
	margin:0;
}
#loginbox3 .loginpic4{
	width:365px;
	height:139px;
	padding:0;
	margin:0;
}
#loginbox4{
	width:101px;
	height:298px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox5{
	width:335px;
	height:298px;
	float:left;
	padding:0;
	margin:0;
}

#loginbox5 .loginpic4{
	width:335px;
	height:83px;
	padding:0;
	margin:0;
}
#loginbox5 .loginpic5{
	width:335px;
	height:28px;
	padding:0;
	margin:0;
}
#loginbox5 .loginpic6{
	width:335px;
	height:48px;
	padding:0;
	margin:0;
}
#loginbox5 .loginpic7{
	width:801px;
	height:63px;
	padding:0;
	margin:0;
}
#loginbox5 .loginpic8{
	width:801px;
	height:63px;
	padding:0;
	margin:0;
}
#loginbox5 .loginpic9{
	width:332px;
	height:139px;
	padding:0;
	margin:0;
}
#loginbox6{
	width:201px;
	height:394px;
	float:left;
	padding:0;
	margin:0;
}

#loginbox7{
	width:801px;
	height:394px;
	float:left;
	padding:0;
	margin:0;
}
#loginbox8{
	width:700px;
	height:auto;
	padding:0;
	margin:0;
}
/*登入欄位END*/


#userdata{
	width:248px;
	height:129px;
	padding: 10px 0 0 15px;
	float:left;
}
#userdata2{
	width:230px;
	height:129px;
	padding: 5px 0 0 5px;
	float:left;
}
#userdata .id{
	height:5px;
	padding-bottom:4px;
}

#userdata .id label{
	line-height:25px;
	font-size:12px;
	color:#212121;
}
#userdata .id label input{
	width:145px;
	height:20px;
	margin-left:6px;
	background-color:#FFFFFF;
	border:2px #e5e5e5 solid;
	border-collapse:collapse;
	font-size:10px;
	color:#898989;
	line-height:20px;
}

#userdata .password{
	height:20px;
	padding-bottom:2px;
}

#userdata .password label{
	line-height:25px;
	font-size:12px;
	color:#212121;
}
#userdata .password label input{
	width:145px;
	height:20px;
	margin-left:6px;
	background-color:#FFFFFF;
	border:2px #e5e5e5 solid;
	border-collapse:collapse;
	font-size:10px;
	color:#898989;
	line-height:20px;
}

#userdata .remember{
	height:20px;
	padding-left:40px;
	padding-top:0px;
	padding-bottom:5px;
	font-size:12px;
	color:#000;
	line-height:10px;
	vertical-align:middle;
}

#userdata .remember input{
	color:#900;
}

#userchack{
	width:90px;
	height:54px;
	padding: 15px 0 0 10px;
	float:left;
}
#userchack2{
	width:90px;
	height:54px;
	padding: 0px 0 0 0px;
	float:left;
}
#userchack .loginbtn a{
	width:85px;
	height:48px;
	background:url(../images/btn1-A.gif) no-repeat;
	line-height:48px;
	cursor:hand;
	font-size:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	display:inline-block;
}

#userchack .loginbtn a:hover{
	background:url(../images/btn1-B.gif) no-repeat;
}

#userchack .loginbtn2 a{
	width:85px;
	height:48px;
	background:url(../images/btn2-A.gif) no-repeat;
	line-height:48px;
	cursor:hand;
	font-size:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	color:#FFF;
}

#userchack .loginbtn2 a:hover{
	background:url(../images/btn2-B.gif) no-repeat;
}

#userdata .sing{
	width:100%;
	height:25px;
	padding-bottom:2px;
}

#userdata .sing .sbtn01 input{
	width:76px;
	height:20px;
	font-size:12px;
	color:#FFF;
	border:0px #FFF solid;
	background:url(../images/Inbt_bg.gif) no-repeat;
	margin-left:45px;
	padding:1px;
	float:left;
}

#userdata .sing .sbtn01 input:hover{
	font-size:12px;
	color:#FFF;
	border:0px #FFF solid;
	background:url(../images/bt_bg_b.gif) no-repeat;
	cursor:pointer;
}

#userdata .sing .sbtn02 input{
	width:76px;
	height:20px;
	font-size:12px;
	color:#FFF;
	border:0px #FFF solid;
	background:url(../images/Inbt_bg.gif) no-repeat;
	margin-left:45px;
	float:left;
	padding:1px;
}

#userdata .sing .sbtn02 input:hover{
	font-size:12px;
	color:#FFF;
	border:1px #FFF solid;
	background:url(../images/bt_bg_b.gif) no-repeat;
	cursor:pointer;
}

#userdata .sing .sbtn03 input{
	width:76px;
	height:20px;
	font-size:12px;
	color:#FFF;
	border:0px #FFF solid;
	background:url(../images/Inbt_bg2.gif) no-repeat;
	margin-left:5px;
	float:left;
	padding:1px;
}

#userdata .sing .sbtn03 input:hover{
	font-size:12px;
	color:#FFF;
	border:0px #FFF solid;
	background:url(../images/bt_bg_b.gif) no-repeat;
	cursor:pointer;
}