@import url(css/font-awesome.css);
@import url(css/icheck-bootstrap.css);
@import url(css/check.css);

* {
    font-size: 13px;
}

input, textarea {
    border: 1px solid #ccc;
}

.fixed #btnshtml {
    height: 100%;
    font-size: 12px;
}

body {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

#left {
    float: left;
    width: 314px;
    height: 100%;
    background: #f3f3f3;
    color: white;
    overflow-x: hidden;
    padding-right: 0px;
}

    #left ul {
        margin: 0px;
        padding: 0px;
    }

#container {
    overflow: hidden;
    max-height: 100%;
    padding-bottom: 30px;
}

#containers {
    overflow: hidden;
    max-height: 100%;
    padding-bottom: 30px;
}

#header {
    line-height: 40px;
    height: 40px;
    background: #f2f2f2;
    box-shadow: 0px 0px 5px black;
    position: relative;
    text-indent: 8px;
}

#container .right { /*height: 100%;*/
    position: relative;
    padding: 0px 0px 0px 0px;
}


#conditions { /*border-bottom: solid 1px #f2f2f2;*/
    max-height: 80px;
    overflow: hidden;
    background: white;
    display: inline-block;
    width: 100%;
}

    #conditions:hover {
        position: relative;
        z-index: 100;
        overflow: inherit;
        background: rgba(0,0,0,0);
    }

        #conditions:hover.conditions {
            background: blue;
            box-shadow: 0px 15px 15px -15px black;
        }

    #conditions .conditionItem {
        float: left;
        font-size: 12px; /*height: 40px;*/
        line-height: 30px;
        margin-right: 10px;
    }

        #conditions .conditionItem label {
            font-weight: normal;
			font-size:13px;
        }

        #conditions .conditionItem .title {
            float: left; /*width: 80px;*/
            padding-right: 5px;
        }

        #conditions .conditionItem .content {
            float: left;
            display: inline-block;
        }

        #conditions .conditionItem input {
            width: 150px;
            line-height: 26px;
            height: 26px;
            border: solid 1px #dde1e9;;
            padding-left: 5px;
        }
		
		
		#conditions .conditionItem input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
#conditions .conditionItem input[type="text"]:hover {
	cursor:pointer;
   border-color: #2ab9d5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)

}

        #conditions .conditionItem select {
            min-width: 150px;
            line-height: 26px;
            height: 26px;
            border: 1px solid #ddd;
        }


 #conditions .conditionItem select.form-control-lc:hover {
            min-width: 150px;
            line-height: 26px;
            height: 26px;
          border: #2ab9d5 1px solid;
        }
		#conditions .conditionItem select.form-control-lc:focus{
            min-width: 150px;
            line-height: 26px;
            height: 26px;
          border: #2ab9d5 1px solid;
        }
    #conditions .tip {
        background: white;
        margin-top: -32px;
        position: absolute;
        margin-left: 1px;
    }

#btns {
    font-size: 12px;
}

    #btns input[type='button'], #btns input[type='submit'], #btns input[type='reset'] {
        border: 0px;
        line-height: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0px;
        background: #2ab9d5;
        color: white;
        border-radius: 0;
        font-size: 13px; /*Add by Lyon 20190916*/
        font-family: Arial,sans-serif;
        height: 27px;
    }
	
	
    #btns button[type='button'], #btns button[type='submit']{
        border: 0px;
        line-height: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0px;
        background: #183458; /*#2ab9d5  V11*/
        color: white;
        border-radius: 2px;
        font-size: 13px; /*Add by Lyon 20190916*/
        font-family: Arial,sans-serif;
        height: 27px;
    }

.fixed {
    height: 50px;
    margin-top: 10px;
}

    .fixed #btns {
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: #F7F7F7;
        height: 44px;
        line-height: 44px;
        box-shadow: 0px 0px 1px #d2cfcf;
        left: 0px;
    }

#grid table thead {
    background: #f2f2f2;
}

#modify { /*padding: 10px;*/
    position: relative;
}

    #modify .edit {
        line-height: 35px;
        width: 100%;
        display: table;
        font-size: 12px;
    }

        #modify .edit label {
            margin-bottom: 0px;
        }

        #modify .edit .field {
            width: 86px;
            font-size: 12px;
            padding-right: 5px;
        }

        #modify .edit td {
            padding: 4px;
            border: solid 1px #f2f2f2;
            vertical-align: top;
        }

        #modify .edit input[type="text"], #modify .edit input[type="password"], #modify .edit input[type="number"] {
            width: 100%;
            line-height: 35px;
            height: 35px;
            border: solid 1px rgb(169, 169, 169);
            /*text-indent: 5px;*/
        }

        #modify .edit select {
            height: 35px;
            width: 100%;
        }

        #modify .edit textarea {
            width: 100%;
        }

        #modify .edit input[type='file'] {
            line-height: 20px;
            margin-top: 8px;
            font-size: 12px;
            width: 180px;
        }

    #modify #btns {
        text-align: center; /*margin-top: 10px;*/
    }

.tip {
    color: red;
    font-size: 12px;
}

#modify table label {
    vertical-align: middle;
    margin-right: 10px;
    font-weight: normal;
}

#modify table .middle {
    vertical-align: middle;
}

.required {
    color: red;
    float: right;
    font-size: 12px;
}

#modify .edit .col1 {
    width: 50%;
    float: left;
    line-height: 35px;
    clear: right;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#modify .edit .col2 {
    width: 100%;
    clear: both;
    line-height: 35px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#modify .col1 .field, #modify .col2 .field {
    display: table-cell;
    min-width: 86px;
    vertical-align: top;
}

    #modify .col1 .field label, #modify .col2 .field label {
        font-size: 12px;
        font-weight: normal;
    }

#modify .col1 .content, #modify .col2 .content {
    display: table-cell;
    width: 100%;
    font-size: 12px;
}

#modify .col1[hide], #modify .col2[hide] {
    display: none;
}

#modify .edit[Create] [hide] {
    display: block;
}

/*v11*/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0px !important;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #183458!important;
     background-color: #fff!important;
    border-color: #183458!important;
    font-weight: bold;
}

.table-hover > tbody > tr:hover {
    background: #fafafa !important;
}
.table-striped>tbody>tr:nth-of-type(odd):hover {
    background: #fafafa !important;
}
.table-hover > tbody > tr.selected > td {
    background: #fafafa !important;
}

.pagination>li>a, .pagination>li>span {
  
    color: #606266 !important;
}

#ListTable thead {
    background-color: rgba(242, 242, 242, 0.4) !important;}
.table-bordered{
 border: 0px !important;
}
/*v11*/


.table thead th {
    font-size: 12px;
}

.table tbody {
    font-size: 12px;
}

/*角色编辑*/
.authEdit {
    line-height: 16px !important;
    font-size: 12px;
}

    .authEdit .buttons, .authEdit .querys {
        border-bottom: solid 1px silver;
    }

    .authEdit label {
        width: 150px;
        line-height: 16px !important;
        vertical-align: middle;
        margin: 0px !important;
    }

        .authEdit label input[type="checkbox"] {
            vertical-align: middle;
        }

#AvatarPic {
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

    #AvatarPic img {
        width: 80px;
        height: 80px;
        border-radius: 100%;
    }

#menus {
    font-size: 12px;
}

    #menus div {
        text-indent: 20%;
        display: none;
    }

    #menus .node {
        text-indent: 10% !important;
        background: url(/Content/Images/node.png) right 10% center no-repeat;
        display: block;
        cursor: pointer;
    }

        #menus .node.toggle {
            background-image: url(/Content/Images/toggle.png);
        }

    #menus a {
        color: white;
    }
    /*#menus .node.curr {background-color:transparent!important; }
#menus .curr { background-color: white; }
#menus .curr a { color: #2F4050; }*/

    #menus .node.curr {
    }

    #menus .curr {
    }

        #menus .curr a {
            background-color: white;
            color: #2F4050; /*padding: 4px; margin-left: -4px;*/
            display: block;
        }


#left.toggle {
    width: 0px;
    border-left: 10px solid #2f4050;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}

    #left.toggle:hover {
        width: 150px;
    }

#lMenu {
    font-size: 16px;
    cursor: pointer;
    margin-right: 5px;
}

#logout {
    font-size: 16px;
    cursor: pointer;
    float: right;
    height: 40px;
    width: 40px;
    display: inline-block;
}

.bs-checkbox {
    min-width: 40px;
}

input[readonly] {
    background-color: #f2f2f2 !important;
    border: solid 1px rgb(169, 169, 169);
}

input.upload {
    background: url(/Content/Images/upload.png) right center no-repeat;
    border: solid 1px rgb(169, 169, 169);
    cursor: pointer;
    padding-right: 30px;
    vertical-align: top;
}

    input.upload.has {
        background: none;
        padding-right: 5px;
    }

.download {
    float: right;
    height: 34px;
    width: 34px;
    display: inline-block;
    vertical-align: middle;
    background: rgb(169, 169, 169) url(/Content/Images/download.png) center center no-repeat;
    cursor: pointer;
}

    .download a {
        display: block;
        width: 100%;
        height: 100%;
    }

input.date {
    background: url(/Content/Images/date.png) right center no-repeat;
    border: solid 1px rgb(169, 169, 169);
}

input.time {
    background: url(/Content/Images/time.png) right center no-repeat;
    border: solid 1px rgb(169, 169, 169);
}

input.search {
    background: url(/Content/Images/search.png) right center no-repeat;
    border: solid 1px rgb(169, 169, 169);
    cursor: pointer;
}

.pass {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: green;
    border-radius: 100%;
}

.unpass {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: red;
    border-radius: 100%;
}

#totalBusionessFee {
    font-weight: bold;
    color: #00a2ff;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}

#outline {
    width: 900px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}

#outlineDiv .call .phone {
    cursor: pointer;
    margin-left: 5px;
    color: #00a2ff;
    vertical-align: top;
}



.header_reg {
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #666;
    height: 45px;
    position: relative;
    width: 100%;
    z-index: 1000;
}

.head_logo {
    float: left;
    padding: 6px 0 10px 20px;
}

.head_logtxt {
    border-left: 1px solid #ccc;
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 3px;
    font-size: 15px;
}



._tt_headnav {
    float: right;
    margin-left: -10px;
}

    ._tt_headnav ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    ._tt_headnav ul, ._tt_headnav li {
        list-style: outside none none;
        margin: 0;
    }

    ._tt_headnav li {
        float: left;
        margin: 0 0 0 25px;
        font-size: 12px;
    }

        ._tt_headnav li ul li {
            float: left;
            margin: 0 0 0 0px;
            width: 100%;
        }
    /*._tt_headnav li ul li a{
    width:200px;
}*/
    ._tt_headnav .tc_tthn {
        margin-top: 4px;
    }

        ._tt_headnav .tc_tthn a {
            background: rgba(0, 0, 0, 0) url(images/tuichu.png) no-repeat scroll center center / 17px 17px;
            display: inline-block;
            height: 22px;
            line-height: 9999em;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width: 30px;
        }

    ._tt_headnav .gongneng_tthn {
        margin-top: 12px;
    }

        ._tt_headnav .gongneng_tthn a {
            background: rgba(0, 0, 0, 0) url(images/gongneng.png) no-repeat scroll center center / 19px 19px;
            display: inline-block;
            height: 22px;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width: 30px;
        }

    ._tt_headnav .zy_tthn {
        margin-top: 4px;
    }

        ._tt_headnav .zy_tthn a {
            background: rgba(0, 0, 0, 0) url(Images/home.png) no-repeat scroll center center / 23px 22px;
            display: inline-block;
            height: 22px;
            line-height: 9999em;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width: 30px;
        }

    ._tt_headnav .xgmm_tthn {
        margin-top: 4px;
    }

        ._tt_headnav .xgmm_tthn a {
            background: rgba(0, 0, 0, 0) url(images/xiugaimima.png) no-repeat scroll center center / 19px 19px;
            display: inline-block;
            height: 22px;
            line-height: 9999em;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width: 30px;
        }

    ._tt_headnav .yy_tthn {
        margin-top: 4px;
    }

        ._tt_headnav .yy_tthn > a span {
            background: rgba(0, 0, 0, 0) url(images/yuyan.png) no-repeat scroll center center / 19px 19px;
            display: inline-block;
            height: 22px;
            line-height: 9999em;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width:30px;
        }

    ._tt_headnav .gy_tthn {
        margin-top: 4px;
    }

        ._tt_headnav .gy_tthn a {
            background: rgba(0, 0, 0, 0) url(images/guanyu.png) no-repeat scroll center center / 19px 19px;
            display: inline-block;
            height: 22px;
            line-height: 9999em;
            overflow: hidden;
            padding: 0;
            vertical-align: top;
            width: 30px;
        }

    ._tt_headnav .logout_tthn {
        background-color: #eee;
        cursor: pointer;
        display: inline-block;
        height: 45px;
        padding-right: 15px !important;
        padding-top: 7px !important;
        position: relative;
    }

        ._tt_headnav .logout_tthn .avatar_ltthn {
            display: inline-block;
            padding-left: 15px;
            vertical-align: middle;
        }

.dropdown-menu a { /*width:80px;*/
    text-align: left;
}

.radius_img30 {
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

._tt_headnav .name_tthn {
    color: #666;
    display: inline-block;
    line-height: 30px;
    margin-left: 8px;
    overflow: hidden;
    vertical-align: middle;
    word-break: keep-all;
    font-size: 13px;
}


.leftpanel {
    height: 100%;
    background: #3c4353; /* background: linear-gradient(#0b3460,#1374a1);*/
    padding-top: 10px;
}

    .leftpanel ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .leftpanel ul, .leftpanel li {
        list-style: outside none none;
        margin: 0;
    }

    .leftpanel li {
        text-align: center;
    }

        .leftpanel li a {
            color: #FFF;
            font-size: 11px;
            cursor: pointer;
            text-align: center;
            display: inline-block;
            padding: 10px 0;
        }

            .leftpanel li a span {
                display: inline-block;
                margin-top: 2px;
            }

            .leftpanel li a.active_sd {
                background: #e20a0c;
            }

            .leftpanel li a.active {
                background: rgba(255,255,255,0.1);
            }



    .leftpanel .ESSWEBSITE2 {
        background: rgba(0, 0, 0, 0) url(images/l9.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE3 {
        background: rgba(0, 0, 0, 0) url(images/l10.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE4 {
        background: rgba(0, 0, 0, 0) url(images/l11.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .TeamInfo {
        background: rgba(0, 0, 0, 0) url(images/l12.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE6 {
        background: rgba(0, 0, 0, 0) url(images/l10.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE7 {
        background: rgba(0, 0, 0, 0) url(images/l13.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE8 {
        background: rgba(0, 0, 0, 0) url(images/l12.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .EmpCAREER {
        background: rgba(0, 0, 0, 0) url(images/l11.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    /*我的绩效*/
    .leftpanel .Mymance {
        background: rgba(0, 0, 0, 0) url(images/123.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }
    /*我的培训*/
    .leftpanel .MyTraining {
        background: rgba(0, 0, 0, 0) url(images/Mytraining.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }
    /*目标设定*/
    .leftpanel .MBSDGoals {
        background: rgba(0, 0, 0, 0) url(images/123.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }
    /*目标分解 */
    .leftpanel .AssignGoals {
        background: rgba(0, 0, 0, 0) url(images/fj.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }
    /*绩效评估*/
    .leftpanel .MyPerPG {
        background: rgba(0, 0, 0, 0) url(images/pg.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    /*团队绩效*/
    .leftpanel .TeamsPerTD {
        background: rgba(0, 0, 0, 0) url(images/124.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    /*团队培训*/
    .leftpanel .TeamTraining {
        background: rgba(0, 0, 0, 0) url(images/Teamtraining.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .PayEmolument {
        background: rgba(0, 0, 0, 0) url(images/125.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }



    .leftpanel .ESSWEBSITE10 {
        background: rgba(0, 0, 0, 0) url(images/l17.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSWEBSITE11 {
        background: rgba(0, 0, 0, 0) url(images/l17.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE1 {
        background: rgba(0, 0, 0, 0) url(images/l1.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .Remuneration {
        background: rgba(0, 0, 0, 0) url(images/l4.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .empSalary {
        background: rgba(0, 0, 0, 0) url(images/l4.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .EmpEvaluation {
        background: rgba(0, 0, 0, 0) url(images/l2.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .Dialogue_admin{
        background: rgba(0, 0, 0, 0) url(images/dialogue.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE10 {
        background: rgba(0, 0, 0, 0) url(images/l3.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE7 {
        background: rgba(0, 0, 0, 0) url(images/l4.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE11 {
        background: rgba(0, 0, 0, 0) url(images/l20.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE12 {
        background: rgba(0, 0, 0, 0) url(images/l8.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .SYSADMIN {
        background: rgba(0, 0, 0, 0) url(images/l5.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE13 {
        background: rgba(0, 0, 0, 0) url(images/l6.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE2 {
        background: rgba(0, 0, 0, 0) url(images/l5.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE15 {
        background: rgba(0, 0, 0, 0) url(images/l8.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE16 {
        background: rgba(0, 0, 0, 0) url(images/l1.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE17 {
        background: rgba(0, 0, 0, 0) url(images/l2.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .HRReport {
        background: rgba(0, 0, 0, 0) url(images/l8.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ESSReport {
        background: rgba(0, 0, 0, 0) url(images/l8.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .SelfReport {
        background: rgba(0, 0, 0, 0) url(images/l8.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

      .leftpanel .assist {
        background: rgba(0, 0, 0, 0) url(images/rzxz.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .LIST {
        background: rgba(0, 0, 0, 0) url(images/l14.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .ProcessSetup {
        background: rgba(0, 0, 0, 0) url(images/l15.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .TrainingManagement {
        background: rgba(0, 0, 0, 0) url(images/l17.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .EmpLoyees {
        background: rgba(0, 0, 0, 0) url(images/l10.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

.leftpanel .Cust {
        background: rgba(0, 0, 0, 0) url(images/gt.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
        background-size: 26px 26px!important;
    }
    /*考勤*/
    .leftpanel .attendance{
        background: rgba(0, 0, 0, 0) url(images/attendance.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE8 {
        background: rgba(0, 0, 0, 0) url(images/l16.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .CompetencyA {
        background: rgba(0, 0, 0, 0) url(images/l32.png) no-repeat scroll center center;
        display: inline-block;
        height: 25px;
        width: 60px;
    }

    .leftpanel .WEBSITE16, .leftpanel .WEBSITE17, .leftpanel .ESSWEBSITE2, .leftpanel .ESSSYSADMIN, .leftpanel .ESSWEBSITE4, .leftpanel .ESSWEBSITE5, .leftpanel .ESSWEBSITE6, .leftpanel .ESSWEBSITE7, .leftpanel .ESSWEBSITE8, .leftpanel .ESSWEBSITE9, .leftpanel .ESSWEBSITE10, .leftpanel .ESSWEBSITE11, .leftpanel .WEBSITE1, .leftpanel .WEBSITE9, .leftpanel .WEBSITE10, .leftpanel .WEBSITE2, .leftpanel .WEBSITE13, .leftpanel .SYSADMIN, .leftpanel .WEBSITE15, .leftpanel .WEBSITE4, .leftpanel .WEBSITE6, .leftpanel .WEBSITE8, .leftpanel .WEBSITE12 {
        background-size: 22px 22px;
    }

    .leftpanel .Cust, .leftpanel .TrainingManagement, .leftpanel .ProcessSetup, .leftpanel .HRReport, ESSReport, .leftpanel .SelfReport, .leftpanel .assist, .leftpanel .Mymance, .leftpanel .MBSDGoals, .leftpanel .MyPerPG, .leftpanel .TeamsPerTD, .leftpanel .PayEmolument, .leftpanel .TeamInfo, .leftpanel .LIST, .leftpanel .EmpEvaluation, .leftpanel .Dialogue_admin, .leftpanel .EmpCAREER, .leftpanel .EmpLoyees, .leftpanel .AssignGoals, .leftpanel .attendance {
        background-size: 22px 22px;
    }

    .leftpanel .MyTraining {
        background-size: 31px 30px;
    }

    .leftpanel .TeamTraining {
        background-size: 30px 28px;
    }

    .leftpanel .WEBSITE11, .leftpanel .CompetencyA {
        background-size: 25px 25px;
    }

.nav_sw {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.sub-nav_sw {
    border-bottom: 1px dotted #cecece;
    background: #E4E4E4;
}

.sidebar-menu_sw > ul > li {
    position: relative;
}


    .sidebar-menu_sw > ul > li > a {
        text-decoration: none;
        color: #000;
        border-bottom: 1px dotted #cecece; /*width: 250px; menu*/
        padding: 5px 20px;
        line-height: 25px;
        display: block;
        position: relative;
        text-align: left;
        cursor: pointer;
    }

        .sidebar-menu_sw > ul > li > a.active {
            font-weight: bold;
            font-size: 14px;
            color: #24a880; /*Linda*/
        }

.sidebar-menu_sw {
    background: #f3f3f3;
    width: 250px;
    position: absolute;
    height: 100%;
}

.centerpanel_r {
    padding: 0;
    margin-left: 325px; /*200px*/
}

.sidebar-menu_sw ul.sub-nav {
    background: #dedede none repeat scroll 0 0;
    clear: both;
    height: auto;
    width: 200px;
}

.sidebar-menu_sw ul.sub-nav_sw a {
    text-decoration: none;
    cursor: pointer;
    color: #000;
    font-size: 12px;
    width: 250px; /*Linda ×¢ÊÍ*/
    padding: 5px 10px 5px 30px;
    line-height: 25px;
    display: block;
    text-align: left;
}

    .sidebar-menu_sw ul.sub-nav_sw a.active {
        font-weight: bold;
        font-size: 13px;
        color: #24a880;
    }

.sidebar-menu_sw > ul > li > a.active {
    font-weight: bold;
    font-size: 14px;
    color: #24a880;
}

.sidebar-menu_sw ul > li > a > span.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    position: absolute;
    right: 10px;
    top: 45%;
}

.sidebar-menu_sw ul > li > a.active > span.caret {
    border-bottom: 4px solid;
    border-top: 0 none;
    color: #006384;
}

/* ×ó±ßnav ½áÊø */

/*.samll_title a{
	color:#777; 
	line-height:25px;
	height:25px;
	 padding:0 5px 0 3px;
    position: relative;
	text-decoration:none;
	display:inline-block;
}*/
.samll_title a {
    color: #777;
    line-height: 25px;
    height: 25px;
    padding: 0 5px 0 3px;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

    .samll_title a:hover {
        border: 1px solid #ff7f27;
        margin-right: 5px;
        line-height: 25px;
        height: 25px;
        padding: 0 15px 0 3px;
        position: relative;
        text-decoration: none;
        display: inline-block;
    }

        .samll_title a:hover span {
            color: #ff7f27;
        }

        .samll_title a:hover b {
            height: 9px;
            overflow: hidden;
            position: absolute;
            top: 8px;
            right: 3px;
            width: 9px;
        }

        .samll_title a:hover b {
            background: rgba(0, 0, 0, 0) url(../images/cross.png) no-repeat scroll 0 0;
        }



.subpagetitle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #0072c6;
    border-image: none;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 13px;
    font-weight: bolder;
    margin: 10px 0;
    padding: 0 0 5px 5px;
    text-align: left;
    width: 99%;
    color: #0072c6;
}

.subpagetitle_b {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #777;
    border-image: none;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 13px;
    font-weight: bolder;
    margin: 10px 0;
    padding: 0 0 5px 5px;
    text-align: left;
    width: 99%;
    color: #000;
}



.sub1pagetitle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #0072c6;
    border-image: none;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 14pt;
    font-weight: bolder;
    margin: 10px 0;
    padding: 0 0 5px 5px;
    text-align: left;
    width: 99%;
    color: #000;
}


.meau_nav a {
    font-size: 12px;
}

.meau_nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #333;
    text-decoration: none;
}

.meau_nav-tabs {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: block;
    clear: both;
}

    .meau_nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        position: relative;
        display: block;
        padding: 5px 0;
    }

.dropdown-menu a.clear {
    width: inherit;
}

.meau_nav {
    border-bottom: 1px solid #efefef;
    margin-top: 5px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.edit_l {
    width: 100%;
}

    .edit_l td {
    }

    .edit_l label {
        font-size: 12px;
    }

    .edit_l .field {
        padding-left: 10px;
    }

    .edit_l input[type="text"], .edit_l input[type="password"], .edit_l input[type="number"] {
        font-size: 13px;
        width: 100%;
        line-height: 28px;
        height: 28px;
        border: solid 1px rgb(169, 169, 169);
        /*text-indent: 5px;*/
        margin: 2px 0;
    }

    .edit_l textarea {
        width: 100%;
        height: 75px;
        border: solid 1px rgb(169, 169, 169);
        /*text-indent: 5px;*/ /* Alice 20230810注释，文本框首行空格的问题*/
    }

.content select {
    height: 30px;
    width: 100%;
    font-size: 13px;
    border: 1px rgb(169, 169, 169) solid;
}

.pagetitle {
    border-bottom:1px solid  #DFDFDF;
    font-size: 15px;
    font-weight: bolder; /*margin: 10px 0;*/
    padding: 8px 10px;
    text-align: left;
    width: 100%;
    color: #34495E;
    margin-bottom: 10px;
}

/*.table-box {
    margin: 0 10px;
}*/

/*#conditions, #btns {
    padding: 0 10px;
}*/

.header_reg {
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #666;
    height: 45px;
    position: relative;
    width: 100%;
    z-index: 1000;
}

.kpi-before {
    text-align: left;
    width: 140px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-image: url('Images/pre.png');
    background-repeat: no-repeat;
}

.kpi-after {
    text-align: left;
    width: 140px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    background-image: url('Images/after.png');
    background-repeat: no-repeat;
}

.kpi-current {
    text-align: left;
    height: 30px;
    width: 140px;
    display: inline-block;
    line-height: 32px;
    background-image: url('Images/cur.png');
    background-repeat: no-repeat;
}

.kpi {
    margin-bottom: 10px;
    width: 140px;
    display: inline-block;
}

.watermark {
    color: #000;
    font-size: 11px;
}

.fase_right ul li.tt {
    font-weight: bold;
    font-size: 15px;
}

.fase_right ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #DBDBDB;
}

    .fase_right ul li.active {
        background: #D8D8D8;
        color: #0072c6;
        font-weight: bold;
    }

.edit_h_35 input[type="text"] {
    height: 35px;
    border: 1px solid #ddd;
}

.edit_h_35 .content select {
    height: 35px;
    border: 1px solid #ddd;
}

.edit_l_200 input[type="text"] {
    width: 180px;
    border: 1px solid #ddd;
}

.edit_l_200 .content select {
    display: inline-block;
    width: 180px;
    border: 1px solid #ddd;
}

.table_zd th {
    background: #fafafa; /*#f2f2f2 V11*/
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent !important; / V11*/
}

.fixed-table-container {
  border: 0px !important; / V11*/
}

.fixed-table-container thead th, .fixed-table-container tbody td {
  border-left: 0px !important; / V11*/
}

.bootstrap-table .table>thead>tr>th {
    border-bottom: 1px solid #f0f0f0 !important; / V11*/
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #f0f0f0 !important; / V11*/
}

.bootstrap-table .table {
    border-bottom: 1px solid #f0f0f0 !important; / V11*/
}
.table-box h5 {
    font-weight: bold;
    font-size: 15px;
    padding-right: 10px;
}

; .nav-tabs > li.active > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: bold;
}

.querys-btn {
    position: absolute;
    top: 135px;
}

.querys-btn1 {
    position: absolute;
    top: 90px;
    z-index: 999;
}

.mactive {
    background: rgba(255,255,255,0.2);
}



.mian_nav {
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    Z-INDEX: 500;
    padding: 10px 0 35px 0;
    LIST-STYLE-TYPE: none;
    HEIGHT: 27px;
    LIST-STYLE-IMAGE: none;
}

    .mian_nav LI.top {
        DISPLAY: block;
        FLOAT: left;
        HEIGHT: 27px;
    }

    .mian_nav LI A.top_link {
        color: #616161;
        PADDING-BOTTOM: 0px;
        LINE-HEIGHT: 27px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        DISPLAY: block;
        FLOAT: left;
        HEIGHT: 27px;
        FONT-SIZE: 12px;
        CURSOR: pointer;
        TEXT-DECORATION: none;
        PADDING-TOP: 0px;
    }

        .mian_nav LI A.top_link SPAN {
            PADDING-BOTTOM: 0px;
            DISPLAY: block;
            text-align: center;
            FLOAT: left;
            HEIGHT: 27px;
            PADDING-TOP: 0px;
        }

            .mian_nav LI A.top_link SPAN.down {
                PADDING-BOTTOM: 0px;
                DISPLAY: block;
                font-size: 14px;
                text-align: center;
                padding: 0 15px 0 25px;
                BACKGROUND: url(images/three1.gif) no-repeat right;
                FLOAT: left;
                HEIGHT: 27px;
                PADDING-TOP: 0px;
            }

    .mian_nav LI:hover A.top_link {
        color: #337ab7;
    }

        .mian_nav LI:hover A.top_link SPAN {
            color: #337ab7;
        }

            .mian_nav LI:hover A.top_link SPAN.down {
                color: #24a880;
                BACKGROUND: url(images/three1.gif) no-repeat right;
            }

    .mian_nav LI:hover {
        Z-INDEX: 200;
        POSITION: relative;
    }

        .mian_nav LI:hover UL.sub {
            Z-INDEX: 270;
            PADDING-BOTTOM: 0px;
            PADDING-LEFT: 0px;
            WIDTH: 150px;
            PADDING-RIGHT: 0px;
            WHITE-SPACE: nowrap;
            BACKGROUND: #fff;
            HEIGHT: auto;
            TOP: 27px;
            PADDING-TOP: 0px;
            LEFT: 1px;
            border: 1px solid rgba(0,0,0,.15);
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
        }

            .mian_nav LI:hover UL.sub LI {
                POSITION: relative;
                WIDTH: 150px;
                DISPLAY: block;
                FLOAT: left;
                HEIGHT: 30px;
                FONT-WEIGHT: normal;
            }

                .mian_nav LI:hover UL.sub LI A {
                    BORDER-BOTTOM: 0px;
                    BORDER-LEFT: 0px;
                    LINE-HEIGHT: 30px;
                    TEXT-INDENT: 10px;
                    WIDTH: 148px;
                    DISPLAY: block;
                    HEIGHT: 30px;
                    COLOR: #000;
                    FONT-SIZE: 13px;
                    BORDER-TOP: 0px;
                    BORDER-RIGHT: 0px;
                    TEXT-DECORATION: none;
                }

    .mian_nav LI UL.sub LI A.fly {
        BACKGROUND: url(images/arrow.gif) no-repeat left center;
    }

    .mian_nav LI:hover UL.sub LI A:hover {
        BACKGROUND: url(images/subli_bg.gif) #f8f8f8 repeat-x center center;
        COLOR: #000;
    }

    .mian_nav LI:hover UL.sub LI A.fly:hover {
        BACKGROUND: url(images/arrow_over.gif) #f5f5f5 no-repeat left center;
        COLOR: #000;
    }

    .mian_nav LI:hover LI:hover UL {
        Z-INDEX: 400;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 150px;
        PADDING-RIGHT: 0px;
        WHITE-SPACE: nowrap;
        BACKGROUND: #fff;
        HEIGHT: auto;
        TOP: -1px;
        PADDING-TOP: 0px;
        LEFT: 144px;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .mian_nav LI:hover LI:hover LI:hover UL {
        Z-INDEX: 400;
        BORDER-BOTTOM: #ddd 1px solid;
        BORDER-LEFT: #ddd 1px solid;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 150px;
        PADDING-RIGHT: 0px;
        WHITE-SPACE: nowrap;
        BACKGROUND: #e1ecf6;
        HEIGHT: auto;
        BORDER-TOP: #ddd 1px solid;
        TOP: -1px;
        BORDER-RIGHT: #ddd 1px solid;
        PADDING-TOP: 0px;
        LEFT: 144px;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover UL {
        Z-INDEX: 400;
        BORDER-BOTTOM: #ddd 1px solid;
        BORDER-LEFT: #ddd 1px solid;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 150px;
        PADDING-RIGHT: 0px;
        WHITE-SPACE: nowrap;
        BACKGROUND: #e1ecf6;
        HEIGHT: auto;
        BORDER-TOP: #ddd 1px solid;
        TOP: -1px;
        BORDER-RIGHT: #ddd 1px solid;
        PADDING-TOP: 0px;
        LEFT: 144px;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover LI:hover UL {
        Z-INDEX: 400;
        BORDER-BOTTOM: #ddd 1px solid;
        BORDER-LEFT: #ddd 1px solid;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 150px;
        PADDING-RIGHT: 0px;
        WHITE-SPACE: nowrap;
        BACKGROUND: #e1ecf6;
        HEIGHT: auto;
        BORDER-TOP: #ddd 1px solid;
        TOP: -1px;
        BORDER-RIGHT: #ddd 1px solid;
        PADDING-TOP: 0px;
        LEFT: 144px;
    }

    .mian_nav UL {
        POSITION: absolute;
        PADDING-BOTTOM: 0px;
        LIST-STYLE-TYPE: none;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 0px;
        PADDING-RIGHT: 0px;
        HEIGHT: 0px;
        TOP: -9999px;
        LIST-STYLE-IMAGE: none;
        PADDING-TOP: 0px;
        LEFT: -9999px;
    }

    .mian_nav LI:hover UL UL {
        POSITION: absolute;
        PADDING-BOTTOM: 0px;
        LIST-STYLE-TYPE: none;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 0px;
        PADDING-RIGHT: 0px;
        HEIGHT: 0px;
        TOP: -9999px;
        LIST-STYLE-IMAGE: none;
        PADDING-TOP: 0px;
        LEFT: -9999px;
    }

    .mian_nav LI:hover LI:hover UL UL {
        POSITION: absolute;
        PADDING-BOTTOM: 0px;
        LIST-STYLE-TYPE: none;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 0px;
        PADDING-RIGHT: 0px;
        HEIGHT: 0px;
        TOP: -9999px;
        LIST-STYLE-IMAGE: none;
        PADDING-TOP: 0px;
        LEFT: -9999px;
    }

    .mian_nav LI:hover LI:hover LI:hover UL UL {
        POSITION: absolute;
        PADDING-BOTTOM: 0px;
        LIST-STYLE-TYPE: none;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 0px;
        PADDING-RIGHT: 0px;
        HEIGHT: 0px;
        TOP: -9999px;
        LIST-STYLE-IMAGE: none;
        PADDING-TOP: 0px;
        LEFT: -9999px;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover UL UL {
        POSITION: absolute;
        PADDING-BOTTOM: 0px;
        LIST-STYLE-TYPE: none;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        WIDTH: 0px;
        PADDING-RIGHT: 0px;
        HEIGHT: 0px;
        TOP: -9999px;
        LIST-STYLE-IMAGE: none;
        PADDING-TOP: 0px;
        LEFT: -9999px;
    }

    .mian_nav LI:hover LI:hover A.fly {
        BORDER-BOTTOM-COLOR: #fff;
        BORDER-TOP-COLOR: #fff;
        BACKGROUND: url(images/arrow_over.gif) #f5f5f5 no-repeat left center;
        COLOR: #000;
        BORDER-RIGHT-COLOR: #fff;
        BORDER-LEFT-COLOR: #fff;
    }

    .mian_nav LI:hover LI:hover LI:hover A.fly {
        BORDER-BOTTOM-COLOR: #fff;
        BORDER-TOP-COLOR: #fff;
        BACKGROUND: url(images/arrow_over.gif) #548bcf no-repeat left center;
        COLOR: #fff;
        BORDER-RIGHT-COLOR: #fff;
        BORDER-LEFT-COLOR: #fff;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover A.fly {
        BORDER-BOTTOM-COLOR: #fff;
        BORDER-TOP-COLOR: #fff;
        BACKGROUND: url(images/arrow_over.gif) #548bcf no-repeat left center;
        COLOR: #fff;
        BORDER-RIGHT-COLOR: #fff;
        BORDER-LEFT-COLOR: #fff;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover LI:hover A.fly {
        BORDER-BOTTOM-COLOR: #fff;
        BORDER-TOP-COLOR: #fff;
        BACKGROUND: url(images/arrow_over.gif) #548bcf no-repeat left center;
        COLOR: #fff;
        BORDER-RIGHT-COLOR: #fff;
        BORDER-LEFT-COLOR: #fff;
    }

    .mian_nav LI:hover LI:hover LI A.fly {
        BORDER-BOTTOM-COLOR: #e1ecf6;
        BORDER-TOP-COLOR: #e1ecf6;
        BACKGROUND: url(images/arrow.gif) #e1ecf6 no-repeat left center;
        COLOR: #000;
        BORDER-RIGHT-COLOR: #e1ecf6;
        BORDER-LEFT-COLOR: #e1ecf6;
    }

    .mian_nav LI:hover LI:hover LI:hover LI A.fly {
        BORDER-BOTTOM-COLOR: #e1ecf6;
        BORDER-TOP-COLOR: #e1ecf6;
        BACKGROUND: url(images/arrow.gif) #e1ecf6 no-repeat left center;
        COLOR: #000;
        BORDER-RIGHT-COLOR: #e1ecf6;
        BORDER-LEFT-COLOR: #e1ecf6;
    }

    .mian_nav LI:hover LI:hover LI:hover LI:hover LI A.fly {
        BORDER-BOTTOM-COLOR: #e1ecf6;
        BORDER-TOP-COLOR: #e1ecf6;
        BACKGROUND: url(images/arrow.gif) #e1ecf6 no-repeat left center;
        COLOR: #000;
        BORDER-RIGHT-COLOR: #e1ecf6;
        BORDER-LEFT-COLOR: #e1ecf6;
    }




.mian_nav_b LI A.top_link SPAN.nav_home {
    background: rgba(0, 0, 0, 0) url(Images/home.png) no-repeat scroll center center / 20px 19px;
    display: inline-block;
    height: 22px;
    line-height: 9999em;
    overflow: hidden;
    vertical-align: top;
    width: 22px;
}

.mian_nav_b LI:hover A.top_link SPAN.nav_home {
    background: rgba(0, 0, 0, 0) url(Images/home_1.png) no-repeat scroll center center / 20px 19px;
}

.mian_nav_b {
    background: #fff;
    border-bottom: 2px solid #2ab9d5;
    Z-INDEX: 500;
    padding: 4px 0 28px 0;
    LIST-STYLE-TYPE: none;
    HEIGHT: 27px;
    LIST-STYLE-IMAGE: none;
}

    .mian_nav_b LI.top {
        DISPLAY: block;
        FLOAT: left;
        HEIGHT: 27px;
        position: relative;
    }

    .mian_nav_b LI A.top_link {
        margin-right: 15px;
        color: #222;
        PADDING-BOTTOM: 0px;
        LINE-HEIGHT: 27px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        DISPLAY: block;
        FLOAT: left;
        HEIGHT: 30px;
        FONT-SIZE: 12px;
        CURSOR: pointer;
        TEXT-DECORATION: none;
        PADDING-TOP: 0px;
    }

        .mian_nav_b LI A.top_link SPAN {
            PADDING-BOTTOM: 0px;
            DISPLAY: block;
            text-align: center;
            FLOAT: left;
            HEIGHT: 27px;
            PADDING-TOP: 0px;
        }

            .mian_nav_b LI A.top_link SPAN.down {
                PADDING-BOTTOM: 0px;
                DISPLAY: block;
                font-size: 14px;
                text-align: center;
                padding: 0 15px 0 15px;
                BACKGROUND: url(images/three1.png) no-repeat center right;
                ;
                FLOAT: left;
                HEIGHT: 27px;
                PADDING-TOP: 0px;
                background-size: 10px 10px;
            }

    .mian_nav_b LI:hover A.top_link {
        border-bottom: 2px solid #24a880;
    }

    .mian_nav_b LI A.top_link.active {
        border-bottom: 2px solid #24a880;
    }

    .mian_nav_b LI:hover A.top_link SPAN {
        color: #337ab7;
    }

        .mian_nav_b LI:hover A.top_link SPAN.down {
            color: #24a880;
            BACKGROUND: url(images/three2.png) no-repeat right;
            background-size: 10px 10px;
        }


    .mian_nav_b LI A.top_link.active SPAN.down {
        color: #24a880;
        BACKGROUND: url(images/three2.png) no-repeat right;
        background-size: 10px 10px;
    }

    .mian_nav_b LI div.sub {
        position: absolute;
        Z-INDEX: 270;
        padding: 20px;
        WIDTH: 700px;
        word-wrap: break-word;
        BACKGROUND: #fff;
        HEIGHT: auto;
        TOP: 30px;
        LEFT: 1px;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

        .mian_nav_b LI div.sub div {
            width: 200px;
            float: left;
            margin-bottom: 40px;
            margin-right: 10px;
        }

        .mian_nav_b LI div.sub table {
            width: 100%;
        }

            .mian_nav_b LI div.sub table td {
                padding-bottom: 20px;
                vertical-align: top;
            }

}

.mian_nav_b LI div.sub ul li {
    margin-bottom: 2px;
}

.mian_nav_b LI div.sub a.fly {
    font-size: 16px;
    color: #737373;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
}

.mian_nav_b LI div.sub ul li a {
    color: #676565;
    cursor: pointer;
    text-decoration: none;
    padding: 3px;
    width: 80%;
    display: inline-block;
}

    .mian_nav_b LI div.sub ul li a:hover {
        color: #24a880;
        background: #f5f5f5;
        padding: 3px;
        width: 80%;
        display: inline-block;
    }

.mian_nav_b UL {
    LIST-STYLE-TYPE: none;
    LIST-STYLE-IMAGE: none;
    margin: 0;
    padding: 0;
}

.mian_nav_b LI UL UL {
    LIST-STYLE-TYPE: none;
    LIST-STYLE-IMAGE: none;
    margin: 0;
    padding: 0;
}

.edit_2 {
    width: 100%;
}

    .edit_2 td {
    }

    .edit_2 label {
        font-size: 13px;
    }

    .edit_2 .field {
        padding-left: 10px;
        width: 130px;
        padding: 3px 0px;
    }

    .edit_2 input[type="text"], .edit_l input[type="password"], .edit_l input[type="number"] {
        font-size: 13px;
        width: 100%;
        line-height: 28px;
        height: 28px;
        border: solid 1px rgb(169, 169, 169);
        /*text-indent: 5px;*/
        margin: 2px 0;
    }

    .edit_2 textarea {
        width: 100%;
        height: 75px;
        border: solid 1px rgb(169, 169, 169);
        /*text-indent: 5px;*/
    }

    .edit_2 .content {
        padding: 3px 0px;
    }


<!-- - 考卷---- > .select-wrap {
    width: 21%;
    background: #ededed;
    float: left;
    height: 500px;
}

.tkq_tm_t select {
    min-width: 150px;
    line-height: 26px;
    height: 26px;
    border: 1px solid #ccc;
}

.select-wrap p span {
    display: inline-block;
    margin-left: 10px;
}

.select-wrap dl {
    border-bottom: 1px solid #ebf2fc;
    padding: 15px;
}

.select-wrap dt {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.select-wrap dd {
    display: inline-block;
}

    .select-wrap dd a {
        background-color: #d9e5f5;
        border: 1px solid #ccc;
        color: #32639b;
        display: inline-block;
        margin-bottom: 10px;
        padding: 5px 0;
        text-align: center;
        text-decoration: none;
        width: 30px;
    }

        .select-wrap dd a:hover {
            background-color: #e5f0fa;
            text-decoration: none;
        }

.ksyl_title {
    background: #ededed;
    display: table;
    padding: 10px 0;
    width: 100%;
}

    .ksyl_title .ksyl_title_l {
        display: inline;
        float: left;
        font-size: 15px;
        font-weight: bold;
        padding-left: 15px;
    }

    .ksyl_title .ksyl_title_r {
        display: inline;
        float: right;
        font-size: 13px;
        padding-right: 15px;
        color: #717171;
    }

        .ksyl_title .ksyl_title_r span {
            color: #0072c6;
            font-size: 14px;
            margin: 0 2px;
        }

.tkq_txt {
    margin-left: 1%;
    width: 78%;
    float: left;
    background: #ededed;
    line-height: 25px;
    height: 500px;
}


    .tkq_txt .list {
        margin-bottom: 15px;
        display: block;
    }

    .tkq_txt .tkq_txt_t {
        color: #24a880;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tkq_txt .tkq_tm_t {
        font-weight: bold;
        font-size: 14px;
    }

/*.nav-tabs,form {
    margin: 0 10px;
}*/
<!-- end--- >


.mian_nav_b LI div.sub:last-child {
    position: absolute;
    Z-INDEX: 270;
    padding: 20px;
    WIDTH: 700px;
    word-wrap: break-word;
    BACKGROUND: #fff;
    HEIGHT: auto;
    TOP: 30px;
    LEFT: inherit;
    right: 0;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.edit_t{width:100%;}
	
.edit_t .field{
	width:150px;
}


.edit_t tr td{
	padding:2px 0;
	 border-bottom: 1px dashed #f5f5f5;
}

.edit_t input[type="checkbox"]{
	vertical-align:middle;
	margin-top:-4px;
	margin-right:1px;
}
.edit_t input[type="text"],.edit_t select{
	width:250px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    border: solid 1px #dde1e9;
    /*text-indent: 5px;*/
    margin: 2px 0;
	vertical-align: middle;
}
.edit_t input[type="number"] {
    width: 100px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    border: solid 1px #dde1e9;
    /*text-indent: 5px;*/
    margin: 2px 0;
    vertical-align: middle;
}
.s_input{
	width:150px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    border: solid 1px #dde1e9;
    /*text-indent: 5px;*/
    margin: 2px 0;
	vertical-align: middle;
}

.edit_t textarea{
	line-height:20px;
	width:250px;
    font-size: 13px;
   	cursor:pointer;
    height:70px;
    border: solid 1px #dde1e9;
    /*text-indent: 5px;*/
    margin: 2px 0;
	vertical-align: middle;
}
.s_input:focus,.edit_t input[type="text"]:focus,.edit_t textarea:focus {
		cursor:pointer;
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.s_input:hover, .edit_t input[type="text"]:hover,.edit_t textarea:hover {
	cursor:pointer;
   border-color: #2ab9d5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)

}


.edit_t1 tr td{
	padding:10px 10px 10px 0;
}
.edit_t1 input[type="checkbox"]{
	vertical-align:middle;
	margin-top:-4px;
	margin-right:1px;
}
.edit_t1 input[type="text"],.edit_t select{
	width:250px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
 border: solid 1px #dde1e9;
    /*text-indent: 5px;*/
    margin: 2px 0;
	vertical-align: middle;
}

.edit_t1 input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.edit_t1 input[type="text"]:hover {
	cursor:pointer;
   border-color: #2ab9d5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)

}



.work_m{
	margin-right:20px;
	width:150px;
	height:100px;
	background: #fff;
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,.19);
    border-radius: 4px;
    position: relative;
	border:1px solid #2ab9d5;
	text-align:center;
	color:#2ab9d5;
	font-size:35px;
	padding-top:15px;
}

.work_m span{
	border-radius:10px 10px 0 0;
	text-align:center;
	background:#2ab9d5;
	padding:5px 5px 2px 5px;
	width:100px;
	position:absolute;
	left:50%;
	bottom:0;
	color:#fff;
	margin-left:-50px;
	}
.work_m1{
	border:1px solid #489444;
	color:#489444;
}

.work_m2{
	border:1px solid #e3bd24;
	color:#e3bd24;
}
.work_m3{
	border:1px solid #ff7f27;
	color:#ff7f27;
}

.work_m4{
	border:1px solid #c23531;
	color:#c23531;
}

.work_m1 span{
	
	background:#489444;
}

.work_m2 span{
	
	background:#e3bd24;
}
.work_m3 span{
	
	background:#ff7f27;
}
.work_m4 span{
	
	background:#c23531;
}


.jqr{
	color:#fff;width:100px; height:100px; background:#489444; border-radius:100px; text-align:center; padding-top:5px; margin-right:50px;
}

.jqr span{font-size:40px;
}

.highlight{   padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

textarea{
  outline: 0;
}

.xbtn{
	width:30px; height:28px; display:inline-block;     background-color: #e9ecef;
    border: 1px solid #ced4da; border-left:0; vertical-align:middle;
	line-height:28px;
}
.xbtn i{
	width:30px;
	text-align:center;
	line-height:28px;
	font-size:14px; color:#666;
}
#btns button[type='reset']{
        border: 0px;
        line-height: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0px;

        border-radius: 2px;
        font-size: 13px; /*Add by Lyon 20190916*/
        font-family: Arial,sans-serif;
        height: 27px;
		   
		   color: #6f7886;
    background-color: #fbfbfd;
    border: #dde1e9 1px solid;
    }
	


.f_file{
	    height: 30px;
    line-height: 22px;
	cursor:pointer;
	display:inline-block;
	border:1px solid #eaeaea;
	padding:4px 8px;
	/*box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);*/
}
.f_file i{
	display: none;
	
}
.f_file:hover{ 
border-color: #66afe9;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow:  0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);


}
.f_file:hover i{
	display: inline-block;
}

.f_file i{
	color:#aaa;
	margin-left:5px;
}
.f_file:hover i:hover{
		
	color:#23527c;
}
.f_file:hover i:hover:nth-child(2){
	color:#c23531;
}
 #table .field {
        font-size: 13px;
        margin-bottom: 0px;
        max-width: 100%;
        width: 120px;
		color:#40485b;
    }
	.ys img{
		width:110px; height:110px;
	}
	.ys{
		color:#2ab9d5;
		text-align:center;
		position:absolute;
		left:600px; top:50px;
	}

.New_tab { height:29px; border-bottom:1px solid #cbd7e0}
.New_tab ul { list-style:none; padding-left:10px; margin:0px; }
.New_tab li { border:1px solid #cbd7e0; border-bottom:0; background:url(/Content/Images/bg_more1.gif) repeat-x; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; font-size:12px;  color:#888; line-height:21px; margin:0 2px; position:relative; top:1px; z-index:9; padding:3px 10px; }
.New_tab li.curr { background:#fff; border-bottom:#fff 1px solid; cursor:default; font-weight:bold; color:#000; }


.New_tab1 { margin-bottom:20px;}
.New_tab1 ul { list-style:none; padding:0px;  margin:0px; }
.New_tab1 li { background:url(../Images/Progress1.gif) no-repeat bottom left; height:40px; width:155px; text-align:center; cursor:pointer; display:block; float:left; color:#999;}
.New_tab1 li.curr {background:url(../Images/Progress2.gif) no-repeat bottom left; height:40px; width:155px; text-align:center; cursor:pointer; display:block; float:left; color:#FF6600 ;}


.New_tab2 { margin-bottom:20px; margin-top:20px;}
.New_tab2 ul { list-style:none; padding:0px;  margin:0px; }
.New_tab2 li { border:1px solid #999; width:100px; height:100px; float:left; margin-right:15px;}


  .toptt {  background: #f00;
    color: #fff;
    border-radius: 100px;
    width: 16px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: -6px;
    line-height: 16px;
    top: 0px;
    font-size: 10px;}