body {
    background: #005bac;
    font: normal 100% Myriad Pro, PingFang SC, Helvetica, Arial, sans-serif;
    color: #333333;
    overflow: hidden;
}
* { padding: 0; margin: 0; list-style: none; font-style:normal }
span.input-icon { display:inline-block;}
.input-icon > [class*='fa-'] {z-index:2;position:absolute;top:0;bottom:0;left:0;width:34px;height:100%;line-height:28px;display:inline-block;color:#555;font-size:14px;text-align:center;padding-top:3px;zoom:1;filter:alpha(opacity=70);-webkit-opacity:.7;-moz-opacity:.7;opacity:.7}
.input-icon.icon-right > [class*='fa-'] {left:auto;right:0px;}
.input-icon>[class*="fa-"].circular {color:#c8c8c8;border-radius:500em!important;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;-webkit-transition:-webkit-box-shadow .3s ease;-moz-transition:-moz-box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;padding:0;top:5px;bottom:5px;right:7px;width:24px;height:24px;line-height:24px}
.input-icon > input.input-lg + .circular {width:36px;height:36px;font-size:18px;line-height:26px;padding-top:5px;}
.input-icon {position:relative;width:100%;}
.input-icon>[class*="fa-"].active {color:#494949;box-shadow:inset 0px 0px 0px 0.1em rgba(0,0,0,0.5);cursor:pointer;}
#container .loginbox-remember .checkbox-item {
    display:none;
}

#container .loginbox-remember .checkbox-item-ie {
    display: block;
    float: left;
    margin: 2px 0 5px 0;
}

input[type=checkbox].ace,
input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.radio, .checkbox {
    margin:20px 0;
}
.radio label, .checkbox label {
    padding-left:0px;
}
label input[type=checkbox].ace,
label input[type=radio].ace {
    z-index: -100 !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
input[type=checkbox].ace:checked,
input[type=radio].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:focus {
    outline: none !important;
}
input[type=checkbox].ace + .lbl,
input[type=radio].ace + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
}
input[type=checkbox].ace + .lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #FFF;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
}
input[type=checkbox].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    color: #32a3ce;
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type=checkbox].ace:hover + .lbl::before,
input[type=checkbox].ace + .lbl:hover::before {
    border-color: #2dc3e8;
}
input[type=checkbox].ace:focus + .lbl::before {
    border-color: #2dc3e8;
}
input[type=checkbox].ace:active + .lbl::before,
input[type=checkbox].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}
input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    color: #FFF;
}

input[type=text], input[type=password], input[type=checkbox] {
    -webkit-appearance:none;
}

::-ms-clear,::-ms-reveal{display:none;}
header { margin: 0 auto; padding:5px 0; background: #043682;display:none;}
header .banner { height:50px; text-align:center; }
header .banner img { max-width:100%; height:48px;}
#container { margin: 12px auto 0; overflow: hidden; zoom: 1; background: #005bac; }
#container article { margin:15% auto 0; }
#container article .title { text-align:center;margin:20px auto; padding: 5px 0; }
#container article .title img { max-width:100%; height:80px;padding: 0 5px;}
#container article section .loginbox-textbox { padding:0 40px;width:35%;margin:auto;}
#container article section .loginbox-textbox .form-control,
#container article section .loginbox-textbox .form-control:focus,
#container article section .loginbox-textbox .form-control:active {border:1px solid #ddd;border-radius:8px;box-shadow:none!important;-webkit-transition:none!important;transition:none!important;}
#container article section .loginbox-textbox .form-control.username {border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#container article section .loginbox-textbox .form-control.password {border-top-left-radius:0;border-top-right-radius:0;}
#container article section .loginbox-remember { text-align:center;color:#fff;margin:auto;font-size:1.5em;}


@media (min-width: 979px) {
    #container article {margin:16% auto 0;}
    #container article .title img { max-width:100%; height:70px;}
    #container article section .loginbox-textbox {width:440px;}
}

@media (min-width: 735px) {
    #container article {margin:16% auto 0;}
    #container article .title img { max-width:100%; height:70px;}
    #container article section .loginbox-textbox {width:440px;}
}

@media (max-width: 735px) {
    #container article {margin:30% auto 0;}
    #container article .title img { max-width:100%; height:60px;}
    #container article section .loginbox-textbox {width:100%; padding:0 45px;}
}

@media (max-width: 413px) {
    #container article {margin:30% auto 0;}
    #container article .title img { max-width:100%; height:60px;}
    #container article section .loginbox-textbox {width:100%; padding:0 35px;}
}

@media (max-width: 374px) {
    #container article {margin:30% auto 0;}
    #container article .title img { max-width:100%; height:60px;}
    #container article section .loginbox-textbox {width:100%; padding:0 25px;}
}

@media (max-width: 320px) {
    #container article {margin:40% auto 0;}
    #container article .title img { max-width:100%; height:50px;}
    #container article section .loginbox-textbox {width:100%; padding:0 15px;}
}