body,button, input, select,option,label,textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Arial,Microsoft YaHei, '宋体' , Tahoma, Helvetica, "\5b8b\4f53", sans-serif;}

@media all and (min-width:768px) {
    .left-panel-old {
        left: 10px;
        top: 95px;
        bottom: 30px;
        position: fixed;
        z-index: 10;
        width: 200px;
        height:100%;
        overflow: auto;
    }
}

@media all and (min-width:768px) {
    .left-panel {
        margin-top: 10px;
        margin-bottom: 30px;
        width: 200px;
    }
}

@media all and (min-width:768px) {
    .right-panel {
        padding-top:10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
}

.main {
    margin: 0 auto;
}

.head{
    background-color:white; 
    padding-top:10px;
}

.body{
    margin-top:70px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;		
}

.logo{
    width: 320px; 
    height:100%;
    margin-left:10px;
    margin-right:10px;
}

.logo2{ 
    height:100%;
    margin-left:10px;
    margin-right:10px;
}

.usr-panel {
    right: 10px;
    top: 20px;
    bottom: 0px;
    position: fixed;
    z-index: 100;
    width:300px;
    height:30px;
    overflow: auto;
}

.usr-panel li{
    float:left; /* 横排 */
    list-style-type:none;
    margin-left:20px;
}

.usr-panel2 {
    margin-right: 40px;
}

.usr-panel2 ul{

}

.usr-panel2 li{
    float:left; /* 横排 */
    list-style-type:none;
    margin-left:20px;
}

.headline {
    background-color: #e5e5e5;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: bottom;
    height: 30px;
}

.headline2 {
    background-color: #e5e5e5;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: bottom;
    height: 40px;
    padding-left:10px;
}

.menu{
     margin-left:100px;
}

.content-body {
    margin-top: 90px;
}

.footer{
    height:30px;
     position:fixed;
     bottom:0px;
     left:0px;
     width:100%;
     background-color: rgb(237, 237, 237);
     padding-top:10px;
}

.line {
     height:1px;
     width:100%;
     background-color:#e5e5e5;
     overflow:hidden;
     margin-top:3px;
     margin-bottom:3px;
 }

.line2 {
     height:1px;
     width:100%;
     background-color:black;
     overflow:hidden;
     margin-top:10px;
     margin-bottom:3px;
 }

.line3 {
    height: 1px;
    width: 100%;
    background-color: #e6e0e0;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.font0 {
    font-weight: bold;
    color: #2e6da4;
    font-size: 16px;
}

.font1 {
    font-weight: bold;
    color: #2e6da4;
    font-size: 15px;
}

.font2 {
    font-weight: bold;
    color: #2e6da4;
    font-size: 14px;
}

.font3 {
    color: #2e6da4;
    font-size: 14px;
}

.error {
    color: red;
}
.trRed{color:red;}
.trGreen{color:#04af04;}
.colorRed {color:red!important;}
.colorLightRed{color:#c32121!important;}
.colorLightGreen{color:#1d9627!important;}
.colorBlue{color:#3c8dbc!important;}
.left{float:left;}
.right{float: right;}
.display1{display:block;}
.clear{clear: both;}
.clearfix{zoom:1}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.hide{display:none;}
.fontBold{font-weight:bold;}
.text-left-c{text-align:left!important}
.text-center-c{text-align:center!important}
.no-padding{padding:0!important;}
.nowrap{word-wrap:normal;white-space:nowrap;overflow:hidden;vertical-align: middle!important;}
.nowrap-first{word-wrap:normal!important;white-space:nowrap!important;overflow:hidden!important;}
.novertical{vertical-align:middle!important;}
.font-weight{font-weight:bold;}
.height1 {height:1px; clear:both;}
.height2 {height:2px; clear:both;}
.height3 {height:3px; clear:both;}
.height5 {height:5px; clear:both;}
.height10 {height:10px; clear:both;}
.height13 {height:13px; clear:both;}
.height15 {height:15px; clear:both;}
.height20 {height:20px; clear:both;}
.height22 {height:22px; clear:both;}
.height25 {height:25px; clear:both;}
.height27 {height:27px; clear:both;}
.height30 {height:30px; clear:both;}
.height32 {height:32px; clear:both;}
.height40 {height:40px; clear:both;}
.select-search{width: 180.72px!important}
.select-search-chrome{width: 196px!important}
.navbar-brand{color: #2e6da4!important;font-weight:bold;}
.navbar-default .navbar-toggle{background-color:transparent!important;}
.navbar-default .navbar-toggle .icon-bar{background-color:#444;}
.dataTables_length{display:none;}
.dataTables_wrapper .dataTables_paginate{padding-top:0.755em;}
.dataTables_wrapper .dataTables_paginate .paginate_button{margin-left:-1px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid #ddd;padding: 6px 12px;background:#fafafa;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#eee;border-color:#ddd;color:#23527c!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{border:1px solid #ddd;padding: 6px 12px;background:#fafafa;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#337ab7;color:#ffffff!important;}
.table-adv{border-collapse: collapse!important;}
.table-adv thead th{background:#8796a5!important;}
.table-adv th, .table-adv td{white-space: nowrap;}
.table-adv.table-bordered>thead>tr>th, .table-adv.table-bordered>thead>tr>td{border-width:1px;}
.dataTables_scrollBody .table-adv{border-top:0;}

@media only screen and (max-width:767px)
{
    .select-search{width:100%!important;}
    .select-search-chrome{width:100%!important;}
}