html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;outline-style:none}
@keyframes fade-in{0%{opacity:0;}40%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes fade-in{0%{opacity:0;}40%{opacity:0;}100%{opacity:1;}}
#wrapper{animation:fade-in;animation-duration:.6s;-webkit-animation:fade-in .6s;}
body{line-height:1;font:14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
a:hover,a:focus{text-decoration:none;bblr:expression(this.onFocus=this.blur());outline-style:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix::before,.clearfix::after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
/* login */
html,body{height:100%;}
.page-login-v3:before{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;content:'';background:#62a8ea;background:url(../../img/login_bg.jpg) center center/cover no-repeat !important;}
.container{text-align:center;height:100%;}
.container:before{display:inline-block;height:100%;vertical-align:middle;content:"";}
.login-body{display:inline-block;vertical-align:middle;width:98%;max-width:400px;margin:75px 0;background:#fff;border-radius:4px;padding:50px 40px 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
.login-content .brand .brand-img{width:50px;}
.login-content .brand .brand-text{margin-top:20px;margin-bottom:11px;font-size:20px !important;font-family:"Microsoft YaHei";text-shadow:rgba(0,0,0,.15) 0 0 1px;font-weight:400;color:#ff5060;}
.login-form{margin:45px 0 30px;}
.login-form .form-group{margin:30px 0;}
.login-form input{display:block;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;width:100%;border-bottom:1px solid #E4EAEC;font-size:14px;height:42px;line-height:1.5;outline:none;padding:0 5px;color:#a3afb7;font:14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.login-form input:focus{border-bottom:1px solid #ff5060;}
.login-form button{width:100%;margin-top:20px;padding:10px 18px;font-size:18px;line-height:1.3333333;border-radius:4px;white-space:normal;-webkit-transition:border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-o-transition:border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;transition:border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;-webkit-font-smoothing:subpixel-antialiased;color:#fff;background-color:#ff5060;border-color:#ff5060;background-image:none;border:1px solid transparent;cursor:pointer;outline:none;}
.login-form button[disabled],.login-form button[disabled]:hover{color:#fff;background-color:#a2caee;border-color:#a2caee;cursor:not-allowed;opacity:.65;}
.login-form button:hover{background-color:#fd717e;border-color:#fd717e;}
@media only screen and (max-width: 420px){
.container:before{display:none;}
.login-body{margin:25% 0;padding:10% 6% 6%}
.login-content .brand .brand-text{margin-top:4%;}
}
.logo-wrap{position:absolute;top:-60px;width:100px;left:50%;margin-left:-50px;}
.logo-wrap .brand-img{width:100%;}
.forget{margin-top:10px;text-align:right;}
.forget a{color:#f00;}