@charset "utf-8";



/*

作者：新鲜人

地址：http://www.htmlit.com.cn

邮箱：u2lei@yahoo.com.cn

     xinxr@msn.com

*/

* { padding: 0; margin: 0; box-sizing: border-box; }

body { padding: 0; margin: 0; font-family: "Microsoft YaHei", STHeiti, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Heiti SC", NSimSun, SimSun, Arial, Helvetica, sans-serif; background: #ffffff; color: #444444; font-size: 14px; line-height: 20px; }

div,

h1,

h2,

h3,

h4,

p,

form,

ul,

label,

input,

textarea,

img,

span { margin: 0; padding: 0; }

table { border-collapse: collapse; }

a { text-decoration: none; color: #003399; }

a:hover { color: #990000; }

ul { padding: 0; margin: 0; }

li { list-style-type: none; }

.clear { clear: both; }

img { border: none; }



/*=======================================================*/

.bg { position: absolute; top: 0; left: 0; z-index: -1000; height: 260px; width: 100%; background: #3a6ea5; }

#wrapper { width: 100%; padding: 0; margin: 0 auto; }

.logo { width: 200px; height: 70px; margin: 170px auto 60px auto; }

.logo img { width: 200px; height: 70px; background: url("../image/admin/logo.png"); }

input { float: left; vertical-align: middle; }

input[type="text"],input[type="password"] { border: 1px solid #3a6ea5; }

input[type="checkbox"] { margin: 8px 0 0 0; padding: 0; }

label { line-height: 30px; float: left; vertical-align: text-bottom; padding: 0 5px 0 5px; }



.login { width: 600px; height: 100px; margin: 0 auto; padding-left: 0px; }

.login dl { height: 50px;clear:both; }

.login dd { width: 300px; float: left; margin-bottom:20px;}

.login dd.floatright {float: right;}

.login dd.checkbox { margin-left: 100px; width: 200px; text-align: left; }

.login dd.submit ,.login dd.password ,.login dd.username { overflow: hidden; width: 300px; }

.login label { width: 100px; text-align: right;overflow :hidden;text-overflow : clip;white-space:nowrap; }

.login input[type="checkbox"]+label {width:auto;}

.login input[type="text"],.login input[type="password"]{ float: left; width: 200px; height: 2.4em; padding: 0.1em 5px; line-height: 2.4em; }



.button { float: right; color: #ffffff; font-size: 14px; width: 70px; height: 32px; background: #3a6ea5; border: 1px solid #3399CC; cursor: pointer; }

.button:hover { color: #ffffff; background: #3399cc; cursor: pointer; }

.divHeader { height: auto; font-weight: blod; line-height: 1.5em; font-size: 1.5em; padding: 0 0 10px 0; background: #FFF; text-align: center; }



body.short .bg { height: 160px; }

body.short .logo { height: 60px; margin: 60px auto 60px auto; }

.loginw { width: 700px; margin-bottom: 120px; }

.loginw .content>div>p { font-weight: bold; font-size: 1.2em; padding: 10px; background: #eee; margin-bottom: 10px; }

.loginw .content>div { padding-bottom: 20px; }

.loginw>form>p { padding: 10px 10px 50px 10px; }

.loginw>form>p>a { font-size: 1.1em; }

.loginw .content>div>div { padding: 0 10px; }



@media only screen and (max-width:768px) {

    .bg { height: 160px; }

    .logo { margin-top: 60px }

    .login { width: 310px; }

    .login dd { width: 300px; float: right; padding: 0px 10px 0px 0; margin-bottom:10px;}



    .login dd.checkbox { margin-left: 10px; width: 300px; float: left; padding: 5px 0; }

    .login dd.submit { width: 300px; float: right; padding: 5px 0; margin-right: 10px; }

    .login dd.username label,.login dd.password label { width: 300px;clear:float;text-align: left;}

    .login input[type="text"],.login input[type="password"]{ float: right; width: 285px; }

    input[type="checkbox"] { margin: 8px 0 0 5px; }

}