* {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Consolas, "微软雅黑", "新宋体";
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #333333;
}

ul {
    list-style: none;
}

button {
    cursor: pointer;
}

.auto-height {
    height: auto;
    overflow: hidden;
}

.btn {
    background-color: #008C85;
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.btn:hover {
    background-color: #008C85;
    cursor: pointer;
}

.btn.btn-primary {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}

.btn.btn-large {
    height: 60px;
    line-height: 60px;
}

.btn.btn-mini {
    height: 20px;
    line-height: 20px;
}

.icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("../images/icons.png") no-repeat;
}

.icon.icon-account {
    background-position: 0px -240px;
}

.icon.icon-monitor {
    background-position: 0px -120px;
}

.icon.icon-service {
    background-position: 0px -90px;
}

.icon.icon-report {
    background-position: 0px -30px;
}

.icon.icon-employee {
    background-position: 0px -360px;
}

.icon.icon-check {
    background-position: 0px -480px;
}

.icon.icon-clock {
    background-position: 0px -510px;
}

.icon.icon-system {
    background-position: 0px 0px;
}

.icon.icon-customer {
    background-position: 0px -330px;
}

.icon.icon-notice {
    background-position: 0px -300px;
}

.icon.icon-alarm {
    background-position: 0px -60px;
}

.icon.icon-password {
    background-position: 0px -210px;
}

.icon.icon-user {
    background-position: 0px -150px;
}

.icon.icon-logout {
    background-position: 0px -270px;
}

.icon.icon-home {
    background-position: 0px -570px;
}

.icon.icon-search {
    background-position: 0px -600px;
}

.icon.icon-document {
    background-position: 0px -540px;
}

body {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    background: url(../images/3.b4519f0.jpg) no-repeat center;
    background-size: cover;
    /* background-size: 100% auto; */
    /* z-index: 1; */
}

body:after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
}

#box {
    width: 100%;
    /* background: inherit; */
}

#box #login {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-around;
    width: 860px;
    height: 380px;
    z-index: 11;
    background: inherit;
    /* box-shadow:  0 0 10px 6px rgba(0,0,0,.5); */
    /* left: 25%; */
}

#box #login .logLeft {
    width: 380px;
    height: 430px;
    z-index: 11;
    /* background: inherit;  */
    border-radius: 15px 0px 0px 15px;
    background: url(../images/maxLogo.jpg) no-repeat;
    background-size: 380px 430px;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .3);
}

#box #login .logright {
    padding: 30px;
    width: 370px;
    height: 370px;
    margin-left: -50px;
    border-radius: 0px 15px 15px 0px;
    background: url(../images/logo.7f7003e.png) no-repeat center;
    text-align: center;
    /* background-color: rgba(255,255,255,.5); */
    background: hsla(0, 0%, 100%, .6);
}

#login .controller div.logo {
    width: 265px;
    height: 70px;
    margin: 0px auto;
    background: url(../images/logo.7f7003e.png) no-repeat center;
}

#logos {
    width: 230px;
    height: 110px;
    margin: 0px auto;
    margin-top: -35px;
    margin-left: -14px;
    background: url(../images/logomin.png) no-repeat;
    background-size:50%;
    background-position-x: 15px;
    background-position-y: 30px;
}

#login div.controller div.copyright {
    color: #333333;
    text-align: center;
    padding: 30px;
}

#login div.controller div.rows {
    margin: 30px 0px;
    display: flex;
}

#login div.controller div.rows label {
    border: 1px #DDDDDD solid;
    background-color: #008C85;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0px 14px;
}

#login div.controller div.rows input {
    border: 1px #DDDDDD solid;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    width: 280px;
    position: relative;
    /* top: 1px; */
    left: -1px;
    font-size: 14px;
}

html,
body {
    width: 100%;
    height: 100%;
}

.message-box div.window span {
    font-size: 12px;
}

.message-box input {
    width: 200px;
    height: 30px;
    line-height: 30px;
    /* display: inline-block; */
    margin: 10px 0px 10px 10px;
    border: 1px solid #DDDDDD;
    background-color: #F6F6F6;
    padding: 0px 10px;
}

.message-box div.window button {
    margin: 1%;
}

.message-box div.window .content label[for="file"] {
    display: inline-block;
    padding: 7px 15px;
    color: #FFFFFF;
    background-color: #3D7FD3;
    margin: 1%;
    cursor: pointer;
}

.message-box div.window .content #filea {
    display: none;
}

#bsize {
    font-size: 30px;
    /* position: relative;
    top: 12px; */
    letter-spacing: 7px;
    font-weight: bolder;
    /* display: flex; */
    /* lable水平线居中 */
    justify-content: center;
    /* margin-top: -20px; */
    color: #008C85;
}
@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body {
        /* width: 100%;
        height: 100%; */
        position: relative;
        box-sizing: border-box;
        background: url(../images/3.b4519f0.jpg)no-repeat center;
        /* background-size: cover; */
        /* background-size: 100% auto; */
        /* z-index: 1; */
    } 
    body:after {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-size: cover;
    }
    #box #login {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-around;
        width: 860px;
        height: 380px;
        z-index: 11;
        background: inherit;
        /* box-shadow:  0 0 10px 6px rgba(0,0,0,.5); */
        /* left: 25%; */
    }
    #box #login .logLeft {
        width: 380px;
        height: 430px;
        z-index: 11;
        /* background: inherit;  */
        border-radius: 15px 0px 0px 15px;
        background: url(../images/maxLogo.jpg) no-repeat;
        background-size: 380px 430px;
        box-shadow: 0 0 10px 6px rgba(0, 0, 0, .3);
    }
    
    #box #login .logright {
        padding: 30px;
        width: 370px;
        height: 370px;
        margin-left: -50px;
        border-radius: 0px 15px 15px 0px;
        background: url(../images/logo.7f7003e.png) no-repeat center;
        text-align: center;
        /* background-color: rgba(255,255,255,.5); */
        background: hsla(0, 0%, 100%, .6);
    }
    #asize {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    #bsize {
        font-size: 30px;
        /* position: relative;
        top: 12px; */
        letter-spacing: 10px;
        font-weight: bolder;
        /* display: flex; */
        /* lable水平线居中 */
        justify-content: center;
        margin-top: -20px;
        color: #008C85;
    }
}