html{height: 100%; font-size: 80%}

.body-bg{
    background: #0084ff url(../images/login_bg.jpg) bottom center;
    background-size: 100% 100%;
    height: 100%;
    overflow:hidden;
}
.middle-box{
    height:100%;
    text-align: center!important;
}
.login_top{
    /*text-align:center;*/
    height: 8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    /*justify-content: center;*/
}

.login_top img {
    display:inline-block; vertical-align: middle;height: 4rem;margin-top: 3rem;margin-left: 10rem;
}

.login_title{
    color:#333; margin-left:20px; display:inline-block; vertical-align: middle;
    margin-top: 2.8rem;
}
.login_title .logo-name{
    font-size:40px;
    color: #3264dc;
    font-weight: 700;
}
.login_title h3{
    font-size:15px; font-family: 'Microsoft JhengHei';
}

.login_content {
    /* background:rgba(255,255,255,0.1); */ width:100%; height:100%; border-radius:6px; overflow:hidden;
    /*background:url(../images/toilet-reform-pc-login-back.png) center left no-repeat; background-size:60%;*/
    margin-left: 6rem;
    /* -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3); box-shadow:1px 1px 5px rgba(0,0,0,0.3); */
}

.login_con_left{
    width:70%; height:690px; float:left;  display:none;
}

.login_left_btn{
    margin:240px auto 10px auto; color:#fff; background:#e01d27 url(../images/login_ico_2.png) no-repeat 90px center ; text-align:left; text-indent:20px; width:126px; height:32px; line-height:32px; border-radius:4px;
}
.login_left_links{
    text-align:center; margin-top:20px; font-size: 12px;
}
.login_left_links a{
    color: #333;  display:block; width:33.333%; float:left;
}
.login_left_links a.apps{
    text-align:center; color: #333; cursor:pointer;
}

.login_left_links a.apps span {
    background:url(../images/login_ico_1.png) no-repeat left center; padding-left:20px; display:inline-block;
}


.login_con_right{
    border-radius:6px; min-width:450px; width:20%;
    position: absolute; top: 15%; right: 5%;
    padding:3rem; float:right; background:rgba(255,255,255,0.5);
    -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3); box-shadow:1px 1px 5px rgba(0,0,0,0.3);
    border-radius: 0.3rem;
}

.login_con_right_tit{
    text-align:left; font-size:1.5rem; color:#333; margin-top:10px;line-height: 2.4rem;
}
.login_con_right_sys{
    text-align:left; font-size:2.2rem; color:#333; margin-top:10px;font-weight: 700;line-height: 2.4rem;
}
.login_con_right .form-group  {
    margin:10px auto 0 auto; overflow:hidden; width:100%; border-radius:0.4rem; position:relative;
    border:#bad6fd solid 1px;
}
.form-group-tit {
    margin:30px auto 0 auto;
    text-align: left;
    color: #666666;
}
.login_right_logo {
    margin:20px 0
}
.login_con_right .form-group input.form-control2 {
    height:4rem; border:none; display:block;
    padding:5px;  border-radius:0;
    background-color: #dde9fd; font-size:1.3rem;
    overflow:hidden;  text-indent:55px; width:100%;

}
.login_con_right .form-group input:-webkit-autofill{
    box-shadow: 0 0 0px 1000px #dde9fd inset;
    font-size:1.3rem;
}
.login_con_right .form-group input:focus {
    border:none; background-color: #dde9fd;
    font-size:1.3rem;
}

.login_con_right input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: dde9fd;
    background-image: none;
    font-size:1.3rem;
}

.login_con_right .form-group i {
    width:45px; height:4rem;
    background-color:#dde9fd;
    display:inline-block;
    background-repeat:no-repeat;
    background-size: 28px 28px;
    background-position:center center;
    position:absolute; left:0; top:0;
}
.userinfs{
    margin:0
}
.userinfs i{
    background-image:url(../images/login_ico_3.png);
}

.passinfs i{
    background-image:url(../images/login_ico_4.png);
}

.login_con_right .checkbox {
    text-align:left; width:340px; margin:20px auto 0 auto; text-align:center;
}
.login_con_right .checkbox label{
    color:#333; margin-right:12px;
}

.login_con_right button[type="submit"] {
    width:100%; margin:40px auto 10px auto;
    background:#0073ff!important;
    border:0;
    border-radius: 0.3rem;
    height:4.5rem;
    font-size:1.2rem;
}

.login_bottom{
    height:6rem; background:#f9f9f9; position:fixed; bottom:0; width:100%;  overflow:hidden;
}
.login_bottom ul{
    margin-top:1rem;
}

.login_bottom li{
    display:inline-block; color:#333; line-height:24px; font-size:14px; overflow:hidden; vertical-align: middle;
}
.login_bottom li img{
    display:inline-block; vertical-align: middle;
}

.login_bottom li p{
    margin-bottom:0;
}
.signinpanel {
    width: 750px;
    margin: 10% auto 0 auto;
}

.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: none;
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.signinpanel .form-control {
    display: block;
    margin-top: 15px;
}

.signinpanel .uname {
    background: #fff url(../images/user.png) no-repeat 95% center;color:#333;
}

.signinpanel .pword {
    background: #fff url(../images/locked.png) no-repeat 95% center;color:#333;
}

.signinpanel .btn {
    margin-top: 15px;
}

.signinpanel form {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255,255,255,.3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}

.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}

@media screen and (max-width: 768px) {
    .signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 420px!important;
        padding: 20px;
    }
    .signinpanel form {
        margin-top: 20px;
    }
    .signup-footer {
        margin-bottom: 10px;
    }
    .signuppanel .form-control {
        margin-bottom: 10px;
    }
    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        text-align: center;
    }
    .signinpanel .signin-info ul {
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .signinpanel,
    .signuppanel {
        margin:0 20px;
        width:auto;
    }
}

ul {
    margin-bottom: 1rem;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

*, ::after, ::before {
    box-sizing: border-box;
}