#header { width: 100%; height:100px; background: #fff; }
#content { width: 100%; height: 70%; background: url(/Content/images/bg.jpg) no-repeat; background-size: 100% 100%; }
#footer { width: 100%; height: 178px; }
.header { width:80%; margin: auto; }
.logo {font: 18px/80px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; float: left; }
    .logo img { width: 100%; }
.header p { font: 18px/110px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; float:right; margin-right: 5%; }
.content { width: 100%; height: 100%; position:relative; }
.loginbox { width: 300px; height: 380px; background: #fff; margin: auto; padding: 0 30px;position:absolute; left:50%; top:50%; margin-left:-180px; margin-top:-190px;  }
.login-title { color: #ff790a; font: 18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
input { width: 300px; height: 36px; border: 1px #ddd solid; border-radius: 5px; padding-left: 10px; }
.code { width: 120px; float: left; }
.code-pic { width: 100px; height: 34px; float: left; border: 1px #ddd solid; margin-left: 20px; }
.field-validation-valid { display: block; height: 25px; }
.field-validation-error { font: 14px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color: red; padding-left: 10px; }
.login { margin-top: 30px; background: #ff790a; color: #fff; font-size: 14px; }

.footer { height: 178px; }
    .footer .copy { font: 12px/80px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color: #666; text-align: center; }