@import "/Resource/css/reset.css";
@import "/Resource/js/layer/theme/default/layer.css";
html {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body, html {
    font-size: 12px;
    margin: 0;
    padding: auto;
    height: 100%;
    background-color: #f6f5ef;
    -webkit-overflow-scrolling: touch;
}

form {
    margin: 0;
    padding: 0;
}

table, div {
    font-size: 12px;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    padding: 0;
    margin: 0;
}


.text {
    height: 20px;
    margin: 0 5px 0 0;
    padding: 0px 2px 0 2px;
    border: solid 1px #ccc;
    font-size: 12px;
    line-height: 20px;
}

textarea {
    border: solid 1px #ccc;
    background-color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
}

.radio, .checkbox {
    border: 0px;
    background: none;
    padding: 0 3px 0 3px;
}

.submit, .reset, .button {
    cursor: pointer;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    padding: 4px 5px;
    background-color: #2a3f54;
    border: 1px solid #3c7bc4;
    color: white !important;
    background-image: linear-gradient(top, #1276bf, #069);
}

    .submit:hover, .reset:hover, .button:hover {
        border: 1px solid #306ab3;
        color: white !important;
        background-image: none;
        _background-image: none;
        background-position: 0 -102px;
        background-repeat: repeat-x;
        outline: none;
        text-decoration: none !important
    }

a:link, a:visited {
    text-decoration: none;
    color: #155775;
    font-weight: normal;
}

a:hover {
    text-decoration: underline;
    color: #0b4965;
    font-weight: normal;
}
.frm_top {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #2b6893;
    color: #ddd;
    text-align: left;
    font-size: 14px;
}

.frm_top_left {
    width: 320px;
    float: left;
    padding-left: 15px;
    text-align: left;
    color: #eee;
}

.frm_top_right {
    width: 320px;
    float: right;
    padding-right: 10px;
    text-align: right;
}

    .frm_top_right a {
        color: #eee;
    }

        .frm_top_right a:hover {
            color: #eee;
            text-decoration: underline;
        }

        .frm_top_right a:visited {
            color: #eee;
        }

.frm_bottom {
    width: 100%;
    clear: both;
    color: #ddd;
    background-color: #103c62;
    text-align: left;
    font-size: 12px;
    border-top: 1px solid #7eacc7;
    margin-bottom: 5px;
}

.bottomMenu {
    margin-left: 7px;
    padding-top: 5px;
    height: 23px;
    border-bottom: 1px solid #7eacc7;
}

    .bottomMenu li {
        float: left;
        width: 78px;
        margin-right: 5px;
        line-height: 23px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        list-style: none;
        background-color: #10588e;
        border: 1px solid #7eacc7;
        border-bottom: none;
    }

        .bottomMenu li .selected {
            float: left;
            width: 78px;
            line-height: 23px;
            font-size: 12px;
            background-color: #2b6893;
        }


    .bottomMenu a {
        color: #fff;
        font-weight: bold;
    }

        .bottomMenu a:hover {
            color: #fff;
            font-weight: bold;
        }

        .bottomMenu a:visited {
            color: #fff;
            font-weight: bold;
        }



.tops {
    height: 9px;
    background-repeat: no-repeat;
}

.switch {
    background-color: #eee;
    background-repeat: repeat-y;
    width: 12px;
}

.swtich_l {
    background-image: url(/Resource/images/arrow-l.gif);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 12px;
    height: 320px;
    line-height: 320px;
    cursor: pointer;
}

.swtich_r {
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 12px;
    height: 320px;
    line-height: 320px;
    cursor: pointer;
}

.leftTitleNode_img {
    background-color: #d7e6f5;
    padding: 2px 2px 2px 5px;
    width: 15px;
}

.leftTitleNode {
    background-color: #d7e6f5;
    font-size: 12px;
    height: 30px;
    width: 125px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 5px;
    cursor: pointer;
    text-align: left;
    color: #2b6893;
}

.leftNode {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .leftNode li {
        list-style: none;
        padding: 2px 0 0 15px;
        height: 20px;
        margin: 0;
    }

.leftChildNode {
    background-color: #ffffff;
}

.leftPointer {
    width: 22px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #d7e6f5;
}

.leftPointer2 {
    width: 22px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #d7e6f5;
}

.blankdiv {
    clear: both;
    font-size: 1px;
    height: 10px;
}

.leftMenuTable {
    border: 1px #e5e5e5 solid;
}

.itemheight {
    height: 20px;
    padding-left: 5px;
    color: #2b6893;
    width: 100%;
}

    .itemheight a, .itemheight a:visited {
        color: #2b6893;
        text-decoration: none;
    }

.leftSelected {
    background-image: url(/Resource/images/menu_bg.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #f2f6fa;
}


a:hover {
    text-decoration: underline;
}

.blankdiv {
    clear: both;
    font-size: 1px;
    height: 10px;
}

.chk_0{background-image:url(/Resource/images/chk_noselected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:pointer;}
.chk_1{background-image:url(/Resource/images/chk_selected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:pointer;background-color:#ddd;}
.chk_d_0{background-image:url(/Resource/images/chk_noselected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:default;}
.chk_d_1{background-image:url(/Resource/images/chk_selected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:default;background-color:#ddd;}
.chk_td_0{background-image:url(/Resource/images/chk_noselected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:default;}
.chk_td_1{background-image:url(/Resource/images/chk_selected.gif); background-repeat:no-repeat; background-position:center 5px;cursor:default;background-color:#ddd;}

.red, a.red, a.red:hover {
    color: red;
}
.blue, a.blue, a.blue:hover {
    color: blue;
}
.readonly, a.readonly, a.readonly:link, a.readonly:hover {
    color: #bbb;
}

.tab_search{margin-top:5px; border:1px solid #fac994;color:#666;}
.tab_search tr td{background-color:#fbf8f4;line-height:150%;padding:2px 2px 2px 7px;}
.tab_bgcolor{background-color:#e4e4e4;margin-bottom:8px;border:0px solid #e2e2e2;}
.tab_bgcolor .tr_title_bgcolor td{border-bottom:1px solid #e9f2fa; line-height:25px;}
.tab_bgcolor .tr_title_bgcolor{background: #efefef url(/Resource/images/backgrounds/titleBg.png) repeat-x;height:25px;font-size:12px;font-weight:bold;letter-spacing:1px;text-align:left;border-bottom: 1px solid #cdcdcd;}
.tr_bgcolor{background-color:#FFFFFF;}
.tr_bgcolor2{background-color:#f6f6f6;}
.tr2_bgcolor{background-color:#fbfbfb;}
.tr_page{background-color:#f6f5ef;}
.tr_selected,.tr_selected a,.tr_selected a:hover,.tr_selected a:visited{background-color:#d7e6f5;}
.selected{background-color:#d7e6f5;}
.tab_orderlist{background-color:#eeeeee;margin-bottom:10px;border:1px solid #dddddd;}
.tr_title_bgcolor td {
    vertical-align: top;
}

.w_0{width:10px;}
.w_1{width:20px;}
.w_2{width:40px;}
.w_3{width:60px;}
.w_3_2{width:68px;}
.w_4{width:80px;}
.w_5{width:100px;}
.w_5_2{width:108px;}
.w_6{width:120px;}
.w_7{width:140px;}
.w_8{width:160px;}
.w_9{width:180px;}
.w_10{width:200px;}
.w_11{width:220px;}
.w_12{width:240px;}
.w_13{width:260px;}
.w_14{width:280px;}
.w_15{width:300px;}
.w_16{width:320px;}
.w_17{width:340px;}
.w_18{width:360px;}
.w_19{width:380px;}
.w_20{width:400px;}
.w_21{width:420px;}
.w_22{width:440px;}
.w_23{width:460px;}
.w_24{width:480px;}
.w_25{width:500px;}
.w_26{width:520px;}
.w_27{width:540px;}
.w_28{width:560px;}
.w_29{width:580px;}
.w_30{width:600px;}
.w_31{width:620px;}
.w_32{width:640px;}
.w_33{width:660px;}
.w_34{width:680px;}
.w_35{width:700px;}
.w_36{width:720px;}
.w_37{width:740px;}
.w_38{width:760px;}
.w_39{width:780px;}
.w_40{width:800px;}
.w_41{width:820px;}
.w_42{width:840px;}
.w_43{width:860px;}
.w_44{width:880px;}
.w_45{width:900px;}
.w_46{width:920px;}
.w_47{width:940px;}
.w_48{width:960px;}
.w_49{width:980px;}
.w_50{width:1000px;}

.bluewB span,.redwB span,.wContentButton span{color:white;}
.space{height:10px;clear:both;}
.main_wrapper{margin:0 10px;}
.XJ_MTitle {
    text-align: left;
    clear: both;
    margin-top: 10px;
}
.XJ_MTitle_left{font-size:22px;color:#155775;float:left;}
.XJ_MTitle_right{font-size:12px; color:#155775;padding-left:5px;}
.XJ_MTitle_right a,.XJ_MTitle_right a:visited{font-size:12px; color:#155775;text-decoration:underline;}
.XJ_MTitle_right .curmenu{height:28px;display:inline-block;background-position:left top;}
.XJ_MTitle_right .curmenu{height:28px;line-height:30px;display:inline-block;padding-right:10px;font-weight:bold;font-size:18px;color:#bf8b1c}
a.curmenu{font-size:18px; font-weight:bold;color:#bf8b1c;text-decoration:underline;}
a.curmenu:visited{font-size:18px; font-weight:bold;color:#bf8b1c;text-decoration:underline;}

.btitle{font-weight:bold;}

.tab-menu {width:100%;}
.tab-menu ul li{float:left;width:33.33%;background-color:#eeeeee;border-bottom:1px solid #666666;cursor:pointer;text-align:center;line-height:36px;display:block;}
.tab-box div{display:none;}
.tab-box div:first-Child{display:block;} 

.tab-menu ul li.lan_cur{background-color:#cccccc;font-size:16px;color:darkblue;border-bottom:1px solid #ff0000;}


.tab-menu-4 {width:100%;}
.tab-menu-4 ul li{float:left;width:25%;background-color:#eeeeee;border-bottom:1px solid #666666;cursor:pointer;text-align:center;line-height:36px;display:block;}

.tab-menu-4 ul li.lan_cur{background-color:#cccccc;font-size:16px;color:darkblue;border-bottom:1px solid #ff0000;}



.tab-menu-5 {width:100%;}
.tab-menu-5 ul li{float:left;width:20%;background-color:#eeeeee;border-bottom:1px solid #666666;cursor:pointer;text-align:center;line-height:36px;display:block;}

.tab-menu-5 ul li.lan_cur{background-color:#cccccc;font-size:16px;color:darkblue;border-bottom:1px solid #ff0000;}


.w_p_100 {width:100%;}
.w_p_99 {width:99%;}
.w_p_90 {width:90%;}
.w_p_80 {width:80%;}
.w_p_70 {width:70%;}
.w_p_60 {width:60%;}
.w_p_50 {width:50%;}
.w_p_40 {width:40%;}
.w_p_30 {width:30%;}

.main_system_name{font-size:26px;color:#666666;margin:60px auto;}

.pic_list{text-align:center;float:left;margin:5px 10px 5px 0;}
.btn_span {
    border: 1px solid #155775;
    width: 50px;
    display: block;
    text-align: center;
    background-color: #f8f8f8;
    padding: 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    float: left;
    margin-left: 4px;
}
    .btn_span:hover {background-color:aquamarine;
    }

.btn_del_span {
    border: 1px solid #155775;
    width: 50px;
    display: block;
    text-align: center;
    background-color: #f8f8f8;
    padding: 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    color: red;
    float: left;margin-left:4px;
}

    .btn_del_span:hover {
        background-color: aquamarine;
    }

.walmain {
width:500px;margin:auto;}
    .wallogo{float:left;}
    .walname{font-size:24px; font-family:Arial;}
.walcontact {font-size:14px; font-family:Arial;margin-top:20px;}

.comname {
    font-size: 18px;
    font-weight: bold;
}
.pmenu {
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
}
.pmenu li{font-size:16px;font-weight:bold;padding:5px;}
.smenu{clear:both;margin-left:30px;}
.smenu li{font-size:12px;font-weight:normal;float:left;width:150px;padding:5px;font-weight:bold;}
.smenu2 {
    clear: both;
    margin-left: 60px;
}

    .smenu2 li {
        font-size: 12px;
        font-weight: normal;
        float: left;
        width: 150px;
        padding: 5px;
    }

.form h1 {line-height:180%;}
.clearboth{clear:both;}

.icon-tips {
    font-size: 32px;
    color: #f7941f;
    margin-right: 15px;
}

.sureDailog {
    width: 300px;
    height: 70px;
}

    .sureDailog .sureDailog-content {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 20px 10px 20px;
        box-sizing: border-box;
        font-size: 16px;
    }

    .sureDailog .icon-tips {
        font-size: 32px;
        color: #f7941f;
        margin-right: 15px;
    }

.layui-mywrap-tablecontent {
    display: flex;
    justify-content: space-between;
}






/* Buttons
================================================== */

.button, button, input[type=submit], input[type=reset], input[type=button] {
    font-size: 10px;
    font-weight: bold;
    
    background-repeat: repeat-x;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    display: inline-block;
    max-height: 29px;
}

input[type=submit], input[type=reset], input[type=button], button {
    padding: 7px 18px 8px 18px;
}

.formSubmit {
    display: block;
    float: right;
    margin: 14px 18px;
}

.button span {
    padding: 7px 18px 8px 18px;
    display: inline-block;
    height: 12px;
}

.button .icon {
    float: left;
    margin: 7px -8px 5px 12px;
}

.smallButton {
    border: 1px solid #cdcdcd;
    background: url(/Resource/images/backgrounds/titleBg.png) repeat-x 0 0;
    padding: 5px 7px;
    display: inline-block;
}

    .smallButton:hover {
        background: #f6f6f6;
    }

    .smallButton:active {
        background: #f2f2f2;
    }

.basic {
    background-position: 0 0;
    border: 1px solid #c7c7c7;
    color: #595959;
}

    .basic:hover {
        background-position: 0 -28px;
    }

    .basic:active {
        background-position: 0 -56px;
    }

.blueB {
    background-position: 0 -85px;
    border: 1px solid #3672a0;
    color: #fff;
}

    .blueB:hover {
        background-position: 0 -113px;
    }

    .blueB:active {
        background-position: 0 -141px;
    }

.redB {
    background-position: 0 -170px;
    border: 1px solid #9f352b;
    color: #fff;
}

    .redB:hover {
        background-position: 0 -198px;
    }

    .redB:active {
        background-position: 0 -226px;
    }


.greyishB {
    background-position: 0 -255px;
    border: 1px solid #576270;
    color: #fff;
}

    .greyishB:hover {
        background-position: 0 -283px;
    }

    .greyishB:active {
        background-position: 0 -311px;
    }

.brownB {
    background-position: 0 -340px;
    border: 1px solid #99682b;
    color: #fff;
}

    .brownB:hover {
        background-position: 0 -368px;
    }

    .brownB:active {
        background-position: 0 -396px;
    }

.greenB {
    background-position: 0 -425px;
    border: 1px solid #7ca82a;
    color: #fff;
}

    .greenB:hover {
        background-position: 0 -453px;
    }

    .greenB:active {
        background-position: 0 -481px;
    }

.dredB {
    background-position: 0 -510px;
    border: 1px solid #893f3f;
    color: #fff;
}

    .dredB:hover {
        background-position: 0 -538px;
    }

    .dredB:active {
        background-position: 0 -566px;
    }

.violetB {
    background-position: 0 -595px;
    border: 1px solid #7e6095;
    color: #fff;
}

    .violetB:hover {
        background-position: 0 -623px;
    }

    .violetB:active {
        background-position: 0 -651px;
    }

.dblueB {
    background-position: 0 -680px;
    border: 1px solid #2e6691;
    color: #fff;
}

    .dblueB:hover {
        background-position: 0 -708px;
    }

    .dblueB:active {
        background-position: 0 -736px;
    }

.blackB {
    background-position: 0 -765px;
    border: 1px solid #2f2f2f;
    color: #fff;
}

    .blackB:hover {
        background-position: 0 -793px;
    }

    .blackB:active {
        background-position: 0 -821px;
    }




/* === Widget buttons === */

.wButton, .wContentButton {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFEFE;
    height: 33px;
    text-align: center;
    display: inline-block;
    line-height: 33px;
    background: url(/Resource/images/ui/widgetButtons.png) repeat-x;
}

.wContentButton {
    display: block;
    margin-top: 32px;
}

.wButton span {
    padding: 0 20px;
    display: inline-block;
}

.redwB span {
    padding: 0 20px;
    display: inline-block;
}

.wContentButton span {
    padding: 0 20px;
    display: inline-block;
}

.sButton, .sContentButton {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FEFEFE;
    height: 24px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
    background: url(/Resource/images/ui/widgetButtons.png) repeat-x;
    width: auto;
}

    .sButton span {
        padding: 0 8px;
        display: inline-block;
    }

.orangewB {
    background-position: 0 0;
    border: 1px solid #8e4626;
}

    .orangewB:hover {
        background-position: 0 -36px;
    }

    .orangewB:active {
        background-position: 0 -72px;
    }

.redwB {
    background-position: 0 -109px;
    border: 1px solid #803939;
}

    .redwB:hover {
        background-position: 0 -145px;
    }

    .redwB:active {
        background-position: 0 -181px;
    }

.bluewB {
    background-position: 0 -218px;
    border: 1px solid #3573a8;
}

    .bluewB:hover {
        background-position: 0 -254px;
    }

    .bluewB:active {
        background-position: 0 -290px;
    }

.greenwB {
    background-position: 0 -327px;
    border: 1px solid #6d8737;
}

    .greenwB:hover {
        background-position: 0 -363px;
    }

    .greenwB:active {
        background-position: 0 -399px;
    }

.purplewB {
    background-position: 0 -436px;
    border: 1px solid #873862;
}

    .purplewB:hover {
        background-position: 0 -472px;
    }

    .purplewB:active {
        background-position: 0 -508px;
    }





/* === List styles === */

.list li {
    padding: 0 0 0 15px;
}

.list > strong {
    display: block;
    font-weight: bold;
    padding-bottom: 4px;
}

.arrowB li {
    background: url(/Resource/images/icons/lists/arrowB.png) no-repeat 0 7px;
}

.arrowG li {
    background: url(/Resource/images/icons/lists/arrowG.png) no-repeat 0 7px;
}

.arrowlG li {
    background: url(/Resource/images/icons/lists/arrowlG.png) no-repeat 0 7px;
}

.arrowR li {
    background: url(/Resource/images/icons/lists/arrowR.png) no-repeat 0 7px;
}

.tipB li {
    background: url(/Resource/images/icons/lists/tipB.png) no-repeat 0 7px;
}

.tipG li {
    background: url(/Resource/images/icons/lists/tipG.png) no-repeat 0;
}

.tiplG li {
    background: url(/Resource/images/icons/lists/tiplG.png) no-repeat 0;
}

.tipR li {
    background: url(/Resource/images/icons/lists/tipR.png) no-repeat 0;
}

.plusB li {
    background: url(/Resource/images/icons/lists/plusB.png) no-repeat 0 5px;
}

.plusG li {
    background: url(/Resource/images/icons/lists/plusG.png) no-repeat 0 5px;
}

.pluslG li {
    background: url(/Resource/images/icons/lists/pluslG.png) no-repeat 0 5px;
}

.plusR li {
    background: url(/Resource/images/icons/lists/plusR.png) no-repeat 0 5px;
}

.roundtipB li {
    background: url(/Resource/images/icons/lists/roundtipB.png) no-repeat 0 5px;
}

.roundtipG li {
    background: url(/Resource/images/icons/lists/roundtipG.png) no-repeat 0 5px;
}

.roundtiplG li {
    background: url(/Resource/images/icons/lists/roundtiplG.png) no-repeat 0 5px;
}

.roundtipR li {
    background: url(/Resource/images/icons/lists/roundtipR.png) no-repeat 0 5px;
}




/* Content widgets
================================================== */


/* Widgets grid */

.widgets {
}

.oneTwo {
    width: 49%;
    display: inline;
    float: right;
}

    .oneTwo:first-child {
        float: left;
    }

.oneThree {
    width: 32%;
    display: inline;
    float: left;
    margin-left: 2%;
}

    .oneThree:first-child {
        margin-left: 0;
        float: left;
    }

.twoOne {
    width: 66%;
    float: right;
    margin-left: 2%;
}

    .twoOne:first-child {
        margin-left: 0;
        float: left;
    }

.oneFour {
    width: 23.5%;
    float: left;
    margin-left: 2%;
}

    .oneFour:first-child {
        margin-left: 0;
    }


/* ========== Content pagination ========== */

.pagination {
    margin: auto;
    width: auto;
}

.pages {
}

    .pages li.prev {
        margin-right: 15px;
    }

    .pages li.next {
        margin-left: 15px;
    }

    .pages li {
        display: inline-block;
        margin: 5px 2px;
    }

        .pages li a {
            height: 25px;
            padding: 4px 8px;
            text-decoration: none;
            color: #666666;
            font-weight: bold;
            background: url(/Resource/images/backgrounds/pagingBg.png) repeat-x 0 0;
            border: 1px solid #d5d5d5;
            font-size: 11px;
        }

            .pages li a:hover {
                background: #f6f6f6;
            }

        .pages li .active, .pages li.active, .pages li.active a {
            background: url(/Resource/images/backgrounds/sideGradient.png) repeat-x;
            color: #fff;
            border-color: #424852;
        }

            .pages li .active:hover {
                background: #2a313d;
            }

#btnJumpPage {
color:black;background-color:#39454f;
border:1px solid;
padding:5px;margin:2px;
}
#Page {text-align:center;
}
/* Form styles
================================================== */
/* ===== General form styles ===== */
.formRow {
    padding: 22px 14px;
    clear: both;
    position: relative;
}

    .formRow:first-child {
        border-top: none;
    }

    .formRow:last-child {
        border-bottom: none;
    }

.ui-formwizard .formRow:last-child {
    border-bottom: 1px solid #E2E2E2;
}

.wizButtons {
    border-top: 1px solid #fff;
}

.formRow .inputImg {
    position: absolute;
    top: 29px;
    right: 25px;
}

.formRow .labelImg {
    float: left;
    margin: 2px 10px 0 0;
}

.formRow > label {
    padding: 4px 0;
    display: block;
    float: left;
}

.formRight label {
    float: left;
    margin-right: 24px;
    padding: 2px 0;
    cursor: pointer;
}

.formNote {
    display: block;
    text-align: left;
    font-size: 11px;
    padding-top: 5px;
    color: #939393;
}

.req {
    float: right;
    margin-left: 5px;
    display: block;
    color: #DB6464;
}

.disabled {
    color: #c0c0c0;
}


.sliderSpecs > label {
    font-size: 11px;
    margin-right: 10px;
}

.sliderSpecs > input {
    border: none;
    background: none;
    width: 30%;
    padding: 5px;
    color: #595959;
}

.formRow .checker, .formRow .radio {
    margin-right: 12px;
    margin-top: 4px;
}

.formRow .formRight {
    display: block;
    float: right;
    width: 86%;
    margin-right: 18px;
}

input[readonly], input[disabled] {
    background: #bbb;
    border: 1px solid #DADADA;
    color: #333333;
}

.multiple {
    width: 100%;
    padding: 5px;
}



/* ==========  Login page  ========== */

.loginPage .userNav {
    margin-right: 0 !important;
}

.loginPage .topNav {
    text-align: center;
    position: static;
}

.loginPage .userNav, .loginPage .userNav ul {
    float: none;
    border: none;
}

    .loginPage .userNav ul li {
        display: inline-block;
        float: none;
        margin-left: -4px;
    }

.loginPage .text {
    width: 100% !important
}

.loginPage .code {
    width: 50% !important
}

.loginPage #footer .wrapper {
    padding-left: 0;
}

.loginPage .formRow {
}

.loginWrapper {
    margin: -119px 0 0 -170px;
    position: absolute;
    top: 40%;
    left: 50%;
}

    .loginWrapper .widget {
        width: 340px;
        background: #f9f9f9;
        border: 1px solid #cdcdcd;
        display: block;
        height: 246px;
    }

.loginLogo {
    position: absolute;
    width: 236px;
    height: 60px;
    display: block;
    top: -55px;
    left: 50%;
    margin-left: -118px;
}

.loginControl {
    border-top: 1px solid #fff;
    padding: 16px 14px;
}

.logMeIn {
    float: right;
    padding: 7px 20px 8px 20px !important;
}

.loginInput {
    width: 190px;
    float: right;
    margin-right: 14px !important;
}

.rememberMe {
    float: left;
    margin-top: 6px;
}

    .rememberMe label {
        width: auto;
        display: block;
        white-space: nowrap;
        margin: -2px 14px 0 14px;
        float: left;
        cursor: pointer;
    }

.backTo {
    border-left: 1px solid #39454f;
    border-right: 1px solid #39454f;
    float: left;
}

    .backTo .inner {
        border-left: 1px solid #1c262b;
        border-right: 1px solid #1c262b;
        float: left;
    }

    .backTo a:hover {
        background: #293138;
        border-left: 1px solid #293138;
        border-right: 1px solid #293138;
    }

    .backTo span {
        padding: 4px 15px 4px 8px;
        display: block;
        float: left;
    }

    .backTo img {
        margin: 9px 2px 0px 14px;
        float: left;
        display: block;
    }

    .backTo a {
        float: left;
        color: #eeeeee;
        font-size: 11px;
        border-left: 1px solid #39454f;
        border-right: 1px solid #39454f;
    }

.widget .title:first-child, ul.tabs, .toggle .title:first-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
}

.widget {
    background: #f9f9f9;
    border: 1px solid #cdcdcd;
    margin-top: 10px;
    clear: both;
}

    .widget .title {
        height: 36px;
        background: #efefef url(/Resource/images/backgrounds/titleBg.png) repeat-x;
        border-bottom: 1px solid #cdcdcd;
    }

        .widget .title .titleIcon {
            float: left;
            padding: 11px 11px;
            border-right: 1px solid #D5D5D5;
        }
    .widget .loader {
        float: right;
        margin: 12px 12px 0 0;
    }

    .widget .title h6 {
        float: left;
        font-size: 12px;
        font-weight: bold;
        padding: 9px 12px 8px 12px;
    }

    .widget .content {
        padding: 14px;
    }

    .widget .body {
        padding: 12px 14px;
    }

    .widget > p {
        padding: 12px;
    }
.topNav {
    background:#2b6893;
    display: block;
    color: #eeeeee;
    margin: 0 0 0 -2px;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    line-height:20px;
    font-size:14px;
}

.userNav {
    border-left: 1px solid #39454f;
    border-right: 1px solid #39454f;
    margin-right: -2px;
}

.welcome {
    float: left;
    margin-left: -4px;
}

    .welcome img {
        float: left;
        margin: 6px 8px 6px 0
    }

    .welcome span {
        padding: 4px 5px;
        display: block;
        white-space: nowrap;
        float: left;
        font-size: 11px;
    }

.userNav {
    float: right;
    z-index: 6000;
    position: relative;
    font-size: 11px;
    margin-right: 180px;
}

    .userNav ul {
        border-left: 1px solid #39454f;
        border-right: 1px solid #39454f;
        margin-right: -1px;
    }

        .userNav ul li {
            display: inline;
            float: left;
            position: relative;
            cursor: pointer;
            border-left: 1px solid #1c262b;
            border-right: 1px solid #1c262b;
            margin-left: -1px;
        }

            .userNav ul li a {
                color: #eeeeee;
                text-decoration: none;
                display: block;
                float: left;
                border-left: 1px solid #39454f;
                border-right: 1px solid #39454f;
            }

                .userNav ul li a:hover {
                    border-left: 1px solid #293138;
                    border-right: 1px solid #293138;
                    background-color: #293138;
                }

            .userNav ul li span {
                display: block;
                padding: 4px 15px 4px 8px;
                float: left;
            }

            .userNav ul li img {
                float: left;
                display: block;
                margin: 9px 2px 0px 14px;
            }

    .formRow:first-child {
        border-top: none;
    }

    .formRow:last-child {
        border-bottom: none;
    }
.gpmenu {
    color: #bf8b1c;
}
.selbtn_div {
    clear: both;
    margin-top: 20px;
}
.selbtn {
    display: inline;
    cursor: pointer;
    color: #2b6893;
}


.errorWrapper {
    position: absolute;
    top: 70px;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    height: 430px;
}

    .errorWrapper .button {
        margin-bottom: 30px;
    }

.sadEmo {
    background: url(/Resource/images/sadEmo.png) no-repeat;
    display: block;
    height: 62px;
    margin: 0 auto 0px auto;
    width: 62px;
}

.errorWrapper .errorTitle {
    display: block;
    text-shadow: 1px 0 0 #fff;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #cdcdcd;
    padding: 20px 14px;
    font-weight: bold;
    color: #d76a6a;
    font-style: italic;
}

.errorWrapper .errorNum {
    color: #fff;
    font-size: 200px;
    text-stroke: 1px transparent;
    padding: 120px 0 80px 0;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.errorDesc {
    display: block;
    margin: 40px 0 25px 0;
    font-weight: bold;
    font-size: 14px;
}


.errorWrapper .errorNum_tip {
    color: #fff;
    font-size: 80px;
    text-stroke: 1px transparent;
    padding: 80px 0 60px 0;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.errorDesc_tip {
    display: block;
    margin: 40px 0 25px 0;
    font-weight: bold;
    font-size: 18px;
    color:#666;
}

.bank_info{font-size:14px;font-weight:bold;line-height:180%;}

.greentitle {
    background-color: #d7e6f5;
}
.vertical {
    writing-mode: vertical-rl;
}
.file {
width:100px;}
.tag{border:1px solid #ff6666;background-color:#fee5c9;padding:2px;margin:2px 2px;float:left;}
.clevel {
    border: 1px solid #aaaaaa;
    background-color: #fef5f9;
    padding: 2px;
    margin: 2px 2px;
    float: left;
    color:#333;
}
.hand {
    cursor: pointer;
}
.select_date{color:blue;text-decoration:underline;cursor:pointer;}
.check_date {
    text-decoration: underline;
    cursor: pointer;
}
.showmsg {
    width: 98%;
    margin: auto;
    text-align: center;
}
.showmsg-main-content {
    margin: 10px;
}
.btnaddmsg, .btnaddmsg a {
    color: #cfcf04;
}
.msg_list{color:#666;clear:both;}

.btn_super_edit, .btn_super_edit a{
    font-size: 16px;
    color: red;
}
.news_title{text-align:center;margin:auto;}
.news_date{color:#666666;text-align:center;}
.news_content {line-height:180%;font-size:14px;width:80%;margin:auto;
}

.big_table {
    width: 100%;
    overflow: auto !important;
    overflow-x: scroll !important;
}

.vip, a.vip, a.vip:hover {
}
.vip2, a.vip2, a.vip2:hover {
    border: 1px solid #ff6666;
    background-color: #fee5c9;
    padding: 1px;
    margin: 1px;
    color:red;
}
.vip3, a.vip3, a.vip3:hover {
    border: 1px solid #e79403;
    background-color: #fabc4e;
    padding: 1px;
    margin: 1px;
    color: #ffffff;
}
.vip4, a.vip4, a.vip4:hover {
    border: 1px solid #88d769;
    background-color: #d2f6c4;
    padding: 1px;
    margin: 1px;
    color: #666;
}
.vip5, a.vip5, a.vip5:hover {
    border: 1px solid #528d9b;
    background-color: #b4e2f1;
    padding: 1px;
    margin: 1px;
    color: #497594;
}
    .vip6, a.vip6, a.vip6:hover {
        border: 1px solid #429dab;
        background-color: #a4d2f1;
        padding: 1px;
        margin: 1px;
        color: #3985a4;
    }
        .vip7, a.vip7, a.vip7:hover {
            border: 1px solid #39454f;
            background-color: #f8f8f8;
            padding: 1px;
            margin: 1px;
            color: #2b6893;
        }
.vip8, a.vip8, a.vip8:hover {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    padding: 1px;
    margin: 1px;
    color: #ff0000;
}
.vip9, a.vip9, a.vip9:hover {
    border: 1px solid #a4d2f1;
    background-color: ivory;
    padding: 1px;
    margin: 1px;
    color: darkgreen;
}
.vip10, a.vip10, a.vip10:hover {
    border: 1px solid #666;
    background-color: #d7e6f5;
    padding: 1px;
    margin: 1px;
    color: red;
}
.vip11, a.vip11, a.vip11:hover {
    border: 1px solid #666;
    background-color: #a4d2f1;
    padding: 1px;
    margin: 1px;
    color: red;
}
.vip12, a.vip12, a.vip12:hover {
    border: 1px solid #666;
    background-color: #cdcdcd;
    padding: 1px;
    margin: 1px;
    color: red;
}

.word_break_all {
    word-wrap: break-word;
    word-break: break-all;
}

.tab_print tr td {
    word-wrap: break-word;
    word-break: break-all;
}

.tab_bgcolor tr td {
    word-wrap: break-word;
    word-break: break-all;
}

.num {
    color: #0000ff;
    font-size: 14px;
}

.s_num {
    color: #000066;
    font-size: 10px;
}

.payment_无 {
    color: #666666;
}
.payment_已全款 {
    color: red;
}
.payment_部分款 {
    color: #e79403;
}

.btn_export{cursor:pointer; text-decoration:underline;color:#293138}

.over-time {
    background-color: red;
}

.beover-time {
    background-color: antiquewhite;
}
.rel_enginee {color:indigo;
}
.title {
    font-size: 22px;
    font-weight: bold;
}