html,body{padding: 0;margin: 0;height: 100%;width:100%;}
html{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{    
	font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    overflow: hidden;
}

canvas{
    display:block;
    vertical-align:bottom;
}
.login-wrapper{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(../images/login_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.login-wrapper:before{
    content: "";
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.login{background-color:#364150!important;position: relative;display: block;}
.login-block{background: transparent;z-index: 50;}
.login .logo{margin:60px auto 0;padding:15px;text-align:center;z-index: 99;}
.login .content{background:rgba(255,255,255,0.7);-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin:40px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative;z-index:100}
.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:600!important}
.login .content h4{color:#555}
.login .content .hint{color:#999;padding:0;margin:15px 0 7px}
.login .content .forget-form,.login .content .login-form{padding:0;margin:0}
.login .content .form-control{/*background-color:#dde3ec;*/height:43px;color:#8290a3;border:1px solid #dde3ec}
.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}
.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}
.login .content .form-control:-ms-input-placeholder{color:#8290a3}
.login .content .form-control::-webkit-input-placeholder{color:#8290a3}
.login .content select.form-control{padding-left:9px;padding-right:9px}
.login .content .forget-form,.login .content .register-form{display:none}
.login .content .form-title{font-weight:600;margin-bottom:25px}
.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}
.login .content .form-actions>.btn{margin-top:-2px}
.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}
.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}
.login-options .social-icons{float:right;padding-top:3px}
.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}
.login .content .form-actions .checkbox{margin-left:0;padding-left:0}
.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}
.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}
.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important;font-size: 14px;}
.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}
.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}
.login .content .forget-password{font-size:14px;float:right;display:inline-block;margin-top:10px}
.login .content .check{color:#8290a3}
.login .content .rememberme{margin-left:8px}
.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}
.login .content .create-account>p{margin:0;color:#c3cedd;font-weight:600;font-size:14px;}
.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}
.login .content .create-account a{display:inline-block;margin-top:5px}
.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}
@media (max-width:440px){.login .content,.login .logo{margin-top:10px}
.login .content{width:280px}
.login .content h3{font-size:22px}
.forget-password{display:inline-block;margin-top:20px}
.login-options .social-icons{float:left;padding-top:3px}
.login .checkbox{font-size:13px}
}
.input-group .vcode{height: 43px;overflow: hidden;}
.vcode img{height: 100%;cursor: pointer;}
.input-group-addon.vcode{padding: 0!important;}


canvas{
    display:block;
    vertical-align:bottom;
}
/* ---- particles.js container ---- */

#particles {
    width: 100%;
    height: 100%;
    background-color: #364150;/*#09c; /*#2196f3;*/
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}