body,html{background:#f1f1f1}
/* .login form,.login h1 a{font-weight:400;overflow:hidden;border-radius:5px;box-shadow:0 0 10px #ccc} */
#backtoblog a,.btn,.btn-primary,.login .btn-primary,.login h1 a,form p.submit a.cancel:hover{text-decoration:none}
html{height:100%;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;font-size:13px;line-height:1.4em;min-width:0;color:#444}
a{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.05s;transition-duration:.05s;-webkit-transition-property:border,background,color;transition-property:border,background,color;color:#0074a2;outline:0}
a:active,a:hover{color:#2ea2cc}
a:focus{color:#124964}
a:active,a:focus{outline:dotted thin}
p{line-height:1.5}
.login .message{border-left:4px solid #2ea2cc;background-color:#fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}
.login-action-lostpassword p.submit{margin:-10px 0 20px;border:none}


.fl{float:left;}
.login{background-image:url('../images/login_bg.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;padding:0;margin:0;min-height:100%;position:relative;z-index:8;color:#fff;}
.login h1 {text-align:center;margin-bottom:30px;font-weight:300;line-height:34px;}
.login h1 a{color:#fff;}
#login{position: absolute;top:50%;left:50%;margin-left:-190px;margin-top:-200px;width:340px;background: url('../images/login_form.png');  background: rgba(255,255,255,.15);padding:30px;box-shadow:0 1px 2px 0px rgba(255,255,255,.2) inset,0 2px 8px rgba(0,0,0,.2);border-radius:5px;z-index:9;}
#login::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.15) );z-index:-1;}
#login p{margin-bottom:15px;height:42px;line-height:42px;position:relative;}
#login p::after{content:"";position: absolute;left:15px;top:12px;width:18px;height:18px;background: url('../images/login_1.png') no-repeat;background-size:100%;opacity:.8;}
#login .password::after{background-image: url('../images/login_2.png');}
#login .code::after{background-image: url('../images/login_3.png');}
#login label{float:left;margin-left:-60px;}
#login input{width:283px;height:40px;line-height:40px;background:#fff;background:#2c2f42;border-radius:3px;border:1px solid #1d1f38;box-shadow:0 1px 0 rgba(255,255,255,.15);padding:0 15px;color:#fff;padding-left:40px;}
#login input::focus{background:#2c2f42;}
#login .submit::after{display:none;}
#login .code img{float:left;background:#2c2f42;padding:7px 6px 8px 6px;border:1px solid #1d1f38;box-shadow:0 1px 0 rgba(255,255,255,.15);}
#login .code input{border-radius:3px 0 0 3px;width:218px;}
#login .submit{height:46px;}
#login .submit input{width:100%;background:#4e7dd5;background:linear-gradient(rgba(76,180,246),rgba(2,108,240));border:1px solid #303253; box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(61, 10, 10, 0.2);height:46px;line-height:46px;letter-spacing:6px;font-size:16px;cursor:pointer;}
#login .submit input:hover{background:#026cf0;}
input::-webkit-input-placeholder{color:#fff;opacity:.8;}
input::-moz-placeholder{color:#fff;opacity:.8;}
input:-moz-placeholder{color:#fff;opacity:.8;}
input:-ms-input-placeholder{ color:#fff;opacity:.8;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #2c2f42 inset !important;
    -webkit-text-fill-color: #fff;	
}