@import url('reset.css');
body{background: #e5e5e5;font-family: "微软雅黑";}
#login_form{ width: 100%; padding-top: 34px;background: url(../img/form_bg.jpg) repeat-x; border: 1px solid #e0e0e0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.formUl{padding-top: 18px; width: 78.1%; margin: 0px auto;}
.formUl li{ line-height: 23px; }
.name{text-align: center;}
.name img{width: 78.1%;}
label{font-size: 1em;}
.input{ background: #fff; width: 65%; line-height: 21px; padding: 3px 3px; border: 1px solid #dedede; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
input.short{width: 40px;margin-right: 3px;}
.submit_line{height: 179px;background: url(../img/rebot.png) 10% center no-repeat;padding-left: 45%;padding-top:50px;}
#submit{width: 138px;height: 50px;background: url(../img/btn_login.png) no-repeat;border: none;cursor: pointer;}
a.goback{line-height: 33px;text-decoration: underline;color: #9b9b9b;padding-left: 6px;font-size: 12px;}
.copyright{text-align: center;color: #565656;font-size: 18px;line-height: 56px;}
.copyright a{text-decoration: none;color: #565656;}

.tips{color: red;padding-bottom: 4px;background: url(../img/error.png) 3px 3px no-repeat;padding-left: 25px;}

@media screen and (max-width: 320px) {
	.formUl{width: 100%;}
	#login_form{width: 100%; margin: 0 auto; }
	.submit_line{padding-left: 0px;padding-top: 5px;text-align: center;background-position: center 80px;}
	a.goback{line-height: 23px;}
	.input{width: 90%;}
}

@media screen and (min-width: 480px) and (max-width: 960px) {
	body{background:#e5e5e5 url(../img/login_body_bg.jpg) center no-repeat;}
	#login_form{width: 70%; margin: 15.7% auto 0px auto; max-width: 548px; }
}

@media screen and (min-width: 960px) {
	body{background:#e5e5e5 url(../img/login_body_bg.jpg) center no-repeat;}
	#login_form{width: 38%;float: right; display: inline; margin-right: 12%; margin-left: 50%; max-width: 548px; margin-top: 8%; }
	.copyright{margin-left: 50%;margin-right: 12%;}
}