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

body { background:#0D1D3E; }

#login_area { width:100%; height:408px; position:absolute; top:20%; }

#login_box { margin:0 auto; width:812px; height:408px; background:url(../images/login/login.png) no-repeat; position:relative; }

#login_tip { width:350px; height:35px; color:#ff0000; position:absolute; top:30px; right:20px; }
#login_tip span { }

#login_form { width:370px; height:386px; position:absolute; top:90px; right:20px; }
#login_form table { width:100%; }
#login_form table tr {}
#login_form table tr td { padding:10px 0; position:relative; }
#login_form table tr td.span { text-align:right; margin-right:6px; font-size:15px; font-family:"宋体"; }
#login_form table tr td.input { padding-left:10px; }
#login_form table tr td a { margin-right:90px; }

.username, .pwd, .verifycode { display:inline-block;
	width:200px; height:30px;
	line-height:30px;
	outline:0; padding:5px;
	border:1px solid;
	border-color:#C0C0C0 #D9D9D9 #D9D9D9;
	border-radius:2px;
	background:#FFFFFF;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-transition: box-shadow, border-color .5s ease-in-out;
	-moz-transition: box-shadow, border-color .5s ease-in-out;
	-o-transition: box-shadow, border-color .5s ease-in-out;
}

.verifycode { width:100px; }
.vcode { position:absolute; top:15px; left:140px; }

#btn_area { margin-top:10px; margin-left:62px; }

.btn_login {
	width:80px; height:28px;
	line-height:28px; text-align:center;
	border-style:none; margin:0 6px;
	cursor:pointer;
	font-family:"Microsoft YaHei", "微软雅黑", "sans-serif";
	background:url(../images/login/btn.gif) no-repeat;
}
.btn_login:hover { background-position:0px -28px; color:#ffffff; }