* {
    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: #D6000F;
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.btn:hover {
    background-color: #D6000F;
    cursor: pointer;
}
.btn.btn-primary {
    height: 40px;
    line-height: 40px;
    margin: 20px 0px;
}
.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;
}
html,
body {
    width: 100%;
    height: 100%;
}
body {
    background: url("../images/login-background.jpg") no-repeat center;
    background-size: cover;
}
#login {
    position: fixed;
    top: 50%;
    width: 100%;
}
#login div.controller {
    width: 360px;
    /* height: 270px; */
    margin: 0px auto;
    background: url("../images/block.png");
    position: relative;
    top: -155px;
    padding: 30px;
}
#login div.controller div.logo {
    width: 265px;
    height: 60px;
    margin: 0px auto;
    background: url("../images/logo.png") no-repeat center;
}
#login div.controller div.copyright {
    color: #333333;
    text-align: center;
    padding: 20px;
}
#login div.controller div.rows {
    margin: 20px 0px;
}
#login div.controller div.rows label {
    border: 1px #DDDDDD solid;
    background-color: #D6000F;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0px 10px;
}
#login div.controller div.rows input {
    border: 1px #DDDDDD solid;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    width: 278px;
    position: relative;
    top: 1px;
    left: -1px;
    font-size: 14px;
}
html,body{
    width:100%;
    height:100%;
}
/* .allcommomn_backdrop{
    width:100%;
    height:100%;
    position:relative;
    background-color: rgba(12,12,23,0.3);
} */
/* .loadingimg{
    position:absolute;
    top:45%;
    left:45%;
} */

.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;
}