html, body { -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;width: 100%;height: 100%;overflow: hidden;/*background: #f0ad4e;*/ background-image: url(bg/login_bg.jpg);  background-size: cover;}
        
body:after {content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
        
.layui-container {width: 100%;height: 100%;overflow: hidden;}
        
.admin-login-background {width:360px;height:402px;position:absolute;left:50%;top:40%;margin-left:-180px;margin-top:-100px;    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: rgba(255,255,255, 0.2);}
        
.login-form .layui-form-item label{color: #009688!important;}
        
.logo-title {text-align:center;letter-spacing:2px;padding:14px 0;}
        
.logo-title h1 {color:#FFF;font-size:22px;font-weight:bold;}
        
.login-form {border:1px solid #d2d2d2;border-radius:3px;padding:14px 20px;box-shadow:0 0 8px #eeeeee;}
        
.login-form .layui-form-item {position:relative;}
        
.login-form .layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2;}
        
.login-form .layui-form-item input {padding-left:36px;}
        
.captcha {width:65%;display:inline-block;}
        
.captcha-img {display:inline-block;width:34%;float:right;}
        
.captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%;}

.login-span .login-checkbox {color: #fff;}
        
.copyright{font-size:12px;color: #fff; text-align: center;font-weight:bold;}.copyright a{color: #fff;font-weight:bold;}
        
@media screen  and (max-width: 320px) {        
	.admin-login-background {
        width:300px;
        left: 59%;
        }
    }