html,
body {
    width: 100%; height: 100%;
    overflow: hidden;
}
body {
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif; font-size:12px; color:#666;
}
a { color:#666; }
a:hover, a:focus {
    text-decoration: none; color:#28b779;
}

.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto img{ width:19px; height:19px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d;}

/*Metro Background color class*/
.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}

* { margin:0; padding:0; }
body {
    background:url(../images/bodybg.jpg) center 0 no-repeat;
    background-size: 100%;
    font-family: "微软雅黑", Arial, Tahoma, sans-serif; font-size: 12px; line-height: 150%; color:#000;
    -webkit-backface-visibility: hidden;
}
.modal-active .blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}
#container {
    width: 300px;
    margin: 0 auto;
    padding: 50px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 15px;
    border: 1px #fff solid;
    box-shadow: 0 0 10px #333;
    backdrop-filter: blur(5px);
}
h1 {
    text-align:center; color:#006dcc; font-size:24px; line-height:30px;
    height:30px; width:100%;
    margin-top: 0; padding-bottom:10px;
}
#container form { margin:0; }
#container .main {
    width:300px;
    overflow:hidden;
    margin:0; padding: 0;
}
#container .main label {
    width:100%;
    margin:5px auto 0;
}
#container .main label .input {
    background:#fff;
    color:#999;
    width:286px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#container .main label input.login {
    width:300px;
    color:#fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}
#container .main #msg {
    display:none;
    color:red;
    padding-bottom:10px;
}
.copyright{
    width:100%; height:80px;
    position: fixed; bottom: 0;
    text-align:center;
    line-height:80px;
}
.copyright a {
    color: #fff;
    text-decoration: none;
}
@media (max-width:800px){

}

@media (max-width: 480px){

}