body    { height: 100%; width: 100%; overflow: hidden;}
.layui-fluid    { background: url("../images/ht_bg.jpg") no-repeat center; background-size: cover; min-height: 1000px;}
.login-main { width: 350px; border-radius: 0.3em;background-color: rgba(255,255,255,.1); margin:0 auto; padding: 2em 0 0 0;}
.login-main .layui-form {  padding: 0 2em 2em 2em; margin-top: 2em;}
.login-main .deppath {   font-size: 16px; color:rgba(255,255,255,.5);}
.login-main h2  { margin-bottom: .5em;}
.login-main .hid,.login-main #loginbox  { display: none;}
.login-main .rolename   { position: relative;}
.login-main .layui-error   { color: #FF5722; line-height: 62px; font-size: 16px;}
.login-main   .layui-badge    {  float: right; margin-left: 15px;}
.layui-input, .layui-select, .layui-textarea    { text-indent:3em; background-color: rgba(255,255,255,.1) ;height: 44px; border-radius:  2em; color: white;}
.layui-input-inline { width: 100%; margin-bottom: 1.5em;}
.layui-input-icon  { position: absolute; left: 1em; top:.5em; color: white; font-size: 1.5em;}
.layui-input-icon-right  {position: absolute; right: 5px; top:.5em; color: white; font-size: 1.5em; color: #0C0C0C}
.layui-form-checkbox[lay-skin=primary] span { color: white;}
.layui-logo { width: 80px; height: 80px; border-radius: 50px; margin: 0 auto 2em auto; border: white solid 5px; overflow: hidden; background: url("../images/logo.jpg") no-repeat; background-size: cover;}
.layui-input::-webkit-input-placeholder {    color: #ccc;}
.layui-input::-moz-input-placeholder {    color: #ccc;}
.layui-input::-ms-input-placeholder {    color: #ccc;}
.loginfooter    {position: fixed; bottom: 0; font-size: 12px; padding: .5em; left: 0; width: 100%; color: #999; line-height: 1.5em; background: rgba(0,0,0,.5); text-align: center;}
.loginfooter    a   { color: #666;}
.loginfooter    a:hover    { color: #EEE;}
.layui-container {z-index: 999}
@media (max-width: 767px){
    .login-main { width: 90%; padding:0; background:none;}
}