body,html
{
    padding: 0;
    margin: 0;
    font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
}
html
{
    position: relative;
    min-height: 100%;
}
.container-fluid
{
    min-height: 420px;
}
.container-style
{
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 20px;
    width: 450px;
    height:220px;
    margin: 150px auto 0;
}
.btn-sign
{
    float: right;
}

.error-result
{
    color: #CC0000;
}

.header
{
    background-color: rgb(37, 97, 148);
    height: 50px;
    min-width:1024px;
}
.header .header-title
{
    color: rgb(255, 255, 255);
    margin: 15px 20px 0 17px;
}

.footer {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 35px;
    background-color: rgb(245, 245, 245);
}
.container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
}
.footer h6
{
    margin: 2px;
    padding:2px;
}
.init-container-style
{
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 20px;
    width: 450px;
    height:350px;
    margin: 150px auto 0;
}
.init-container-style .init-title
{
    font-weight: 600;
}

::-webkit-scrollbar, scrollbar {
    width: 12px;  
    height: 12px; 
    background-color: #f5f5f5; 
}
::-webkit-scrollbar-track, scrollbar-track {
    background-color: #f5f5f5; 
    border-radius: 6px; 
}
::-webkit-scrollbar-thumb, scrollbar-thumb {
    background-color: #888; 
    border-radius: 6px; 
    border: 2px solid #f5f5f5; 
}


::-webkit-scrollbar-thumb:hover, scrollbar-thumb:hover {
    background-color: #555; 
}

.div-sign {
    margin: 160px auto 30px;
}

.div-sign .panel-body {
    padding: 15px 60px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding: 0 0 7px 0;
    }
}