*{font-family: 微软雅黑;}
h1, h2, h3, h4, h5, h6,.caption_inner h1{font-family: 微软雅黑;}
.menuLink li a{font-family: 微软雅黑;}

a{font-weight: normal;}
.header-wrapper *{font-size:13px;}
.header .navbar-nav li.open .dropdown-menu li a, .header .navbar-nav li.dropdown .dropdown-menu li a{font-weight: normal;}
.header .navbar-default .navbar-nav li a{font-weight: normal;}
.topbar-left li{font-weight: normal;}
.header .navbar-default .navbar-nav li.active a{font-weight: 700;}
.brandSection {background: #eee;}
.header .navbar-nav > li > .dropdown-menu::before{left:25%;}

.modal-content{box-shadow: 0 0px 0px rgba(0,0,0,.5);}
.customModal.modal-content .panel-footer{padding-top: 20px;padding-bottom: 20px;}

/*验证码*/
.form-group.form-group-checkcode .form-control{padding-right: 180px;}
.form-group.form-group-checkcode .btn{position: absolute;right:0;top:0;width: 160px; text-align:center;color:#333;background: #eee;}

.form-control.check-error,.input.check-error,select.check-error,.dhx_combo_input.check-error,.radio-span.check-error{border: 1px solid red; background: none;}

/*手机号验证码获取*/
#get-mobile-code-validate-txt{height:30px;}

/*标签导航*/
.nav-child-2 li{width:49%;display: inline-block;}
.nav-child-2 li:last-child{float: right;}
.nav-current-arrow{position: absolute;left: 48%;bottom: -19px;color: #337ab7;font-size: 30px;}


/*Usercenter*/
.navbar-inner{background: #0060b1;filter:none;}
.navbar .divider-vertical{border-right-color: #0060b1;background-color:#0560c4;}
.navbar .brand{padding:0px;padding-left: 20px;}
.navbar .brand img{height:22px;margin-top:8px;}
#main-nav.nav-tabs.nav-stacked  li  a{background: #FFF;filter:none;}
#main-nav.nav-tabs.nav-stacked > li.active > a, #main-nav.nav-tabs.nav-stacked > li > a:hover{background: #0060b1;border-color:#0060b1;filter:none;}
.page-title{border-bottom: 2px solid #0060b1;background: transparent;color:#4a515b;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;filter:none;}
.widget-header{background: #FFF;filter:none;}



/*************** Table 表单样式 **************/
table.form {width:100%;}
table.form td{padding:3px;}
table.form td.title{position: relative;font-weight:normal;text-align: right;width: 90px;/*padding: 6px 8px 8px 0px;*/font: 14px tahoma,arial,verdana,sans-serif;font-size: 12px;padding-right: 10px;color:#888;}
table.form tr:hover td.title{color:#333;}
table.form td.v-top{vertical-align: top;padding-top:5px;}
table.form td.title.v-top{vertical-align: top;padding-top:6px;}
table.form-border td.v-top { padding-top: 8px; }
table.form-border td.title.v-top{padding-top: 10px;}
table.form td.title font,table.form td.title em{color:red;font-style: normal;position: absolute;font-family: 宋体;font-size: 13px;right:0;float: right;margin-right:2px;}
table.form td.body{width:80%;padding-right:5px;font: 14px tahoma,arial,verdana,sans-serif;}
table.form td.group{font-weight:bold;background-color:#d9edf7;}
table.form td.buttons{padding-top:15px;}
table.form td.buttons button{width:80px;}
table.form .input-group .addon{padding: 3px 6px;font-size: 12px;}
table.tw1 td.title {width:100px;}
table.tw15 td.title {width:150px;}
table.tw2 td.title {width:200px;}
table.tw1 td.body,table.tw15 td.body,table.tw2 td.body{width:auto;}
table.form .help{color:#666;margin-bottom:5px;}
table.form div.help{margin-top:3px;}
table.form .alert{color:red;margin-bottom:5px;box-shadow: none;border:none;padding:0px;background:none;}
.datagrid-row-selected a:not(.btn){/*color:#fff;*/}
table.form-border td{/*border-bottom:1px dotted #ddd;*/padding:4px;font:12px/14px tahoma,arial,verdana,sans-serif}

table.form-border-show{border:1px solid #eee;}
table.form-border-show td{border:1px solid #eee;padding:6px;}
table.form-border-show td.title{background-color:#F5F5F5;position: inherit;}
table.form-border-show tr:hover td.body{}
table.form-border.form-border-show td.body{width:39%;}

/*table.form-border tr:hover td{background-color:#fefaf9;}*/
/*table.form-border td.body:hover{background-color:#fefaf9;}*/

table.form-border td.title{width:140px;font-weight: normal;color:#333;font-size: 14px;}
table.form-border tr:hover td.title{color:#333;}
table.form-border tr:hover td.body{background-color:#fefaf9;}
table.form-border td.body{width:auto;}
table.form-border.display td.body{/*border-bottom: 1px solid #ccc;*/}
table.form-border td.body-long{width:auto;}
table.form-border td.body-long .form-control{ }
table.form-border tr.buttons td{}
table.form-border tr.buttons td{background-color:#eef;}
table.form-border tr.buttons td.body{border-left:none;}
table.form-border.form-big td.title,table.form-border.form-big td.body{font-size:14px;}

/*工作流中的表单*/
table.form-border.flow-form td.title{color:#000;}
table.form-border.flow-form td{/*border:1px solid #000;padding:10px 3px;*/}
table.form-border.flow-form tr:hover td{;}

/*数据详情展示表格*/
table.form-view td.title{padding: 12px 10px;color: #909399;}
table.form-view td.body{}



/*一列表格*/
table.form-col1 td.title{width:10%;}
table.form-col1 td.body{width:40%;}

/*三列表格*/
table.form-col3 td.title, table.form-col3 colgroup.title{width:100px;}
table.form-col3 td.body, table.form-col3 colgroup.body{width:22%;}


table.form .note{color:#999;font-size:12px;}
table.form tr th.group{font-weight:bold;padding:5px;font-size: 14px;border-bottom:1px dotted #ddd;text-align: left;}
table.form tr th.group b,table.form tr th.group a{border-left:3px solid red;padding-left:5px;color:#333;}
table.form tr th.group .iconfont{font-size:14px;}
table.form tr.group td a{cursor:pointer;font-weight:normal;}
table.form-border-col2 td.body{width:auto;}
table.form-border-inner td.title{border-left:none;}
table.form-border-inner td.body{border-right:none;}
table.form-border td.no-border-top{border-top:none;}


/*单选框相关*/
.radio-span{line-height:24px;margin-left:0px;}
.radio-span{border:1px solid transparent;display: block;}
.radio-span.check-error{border:1px solid red;border-radius: 5px;padding-left:3px;}
.radio-item {margin-right:5px;}
.radio-item label.radio{float:none;display: inline;font-weight:normal;vertical-align: middle;margin-top:0px;padding-left:0px;}
.radio-item input.radio{vertical-align: middle;display: inline;margin-top:0px;}
.hide{display:none;}

.chosen-container.chosen-container-single .chosen-single{paddding:0px 3px;}
.image-preview.check-error{background: yellow;}
/*table{border-collapse: separate;}*/
input[readonly], select[readonly], textarea[readonly]{background: #FFF;cursor: pointer;}

.input{width:100%;margin: 0px;}
.form-actions{background: #FFF;}
button.btn {padding:15px 60px;}

body .dhx_combo_box{height:28px;border: 1px solid #CCC;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);border-radius: 3px;}
body .dhx_combo_img{top: 4px;}
body .dhx_combo_input{height: 100%;}

.table-split-title{margin-bottom: 5px;padding-top: 10px;margin-top: 15px;border-top:1px solid #eee;}

table.form-border .tbody-form-item{border:1px solid #eee;}
table.form-border .tbody-form-item-title td{padding-left: 0px;}
table.form-border .tbody-form-item-title span{font-size: 14px;border-bottom-right-radius: 5px;background: #0060b1; color:#FFF;padding:3px 10px;}



.step-bar .breadcrumb * {margin: 0; padding: 0;text-align: center;}
.step-bar .breadcrumb {
    /*centering*/
    display: inline-block;
    /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag;
    background: #FFF;
    filter: none;
}

.step-bar .breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: white;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 10px 0 60px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.step-bar .breadcrumb a:first-child {
    padding-left: 46px;
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.step-bar .breadcrumb a:first-child:before {
    left: 14px;
}
.step-bar .breadcrumb a:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.step-bar .breadcrumb a.active, .step-bar .breadcrumb a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
}
.step-bar .breadcrumb a.active:after, .step-bar .breadcrumb a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.step-bar .breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px; /*half of square's length*/
    /*same dimension as the line-height of .step-bar .breadcrumb a */
    width: 36px;
    height: 36px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    /*stylish arrow design using box shadow*/
    box-shadow:
            2px -2px 0 2px rgba(0, 0, 0, 0.4),
            3px -3px 0 2px rgba(255, 255, 255, 0.1);
    /*
        5px - for rounded arrows and
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.step-bar .breadcrumb a:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/
.step-bar .breadcrumb a:before {
    content: counter(flag);
    counter-increment: flag;
    /*some styles now*/
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    background: #444;
    background: linear-gradient(#444, #222);
    font-weight: bold;
}


.step-bar .flat a, .step-bar .flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.step-bar .flat a:before {
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}
.step-bar .flat a:hover, .step-bar .flat a.active,
.step-bar .flat a:hover:after, .step-bar .flat a.active:after{
    background: #0060b1;color:#FFF;
}
.step-bar .flat a:hover:before, .flat a.active:before{background: #0060b1;color:#FFF;}
.step-bar{text-align: center;}

.step-bar .flat a.finished{color:#999;}

.file-not-upload{color:red;}
.file-upload-success{color:green;}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;

}

.successIcon {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    background: green;
    color: #FFF;

}

.body-container{background: #FFF;border-radius: 5px;}
.table th, .table td{text-align: center;vertical-align: middle;}

.opus-audit-0{color: #999;}
.opus-audit-1{color: orange}
.opus-audit-2{color: green}
.opus-audit-3{color: red;}

.my-alert{width:80%;margin:0 auto;margin-bottom: 20px;}


.aboutImage img{height:180px;}

.article-title{text-align: center;line-height: 60px;font-size:22px; margin-bottom: 50px;}
.breadcrumb{background: #FFF;padding-left:0px;border-bottom: 1px solid #ddd;border-radius: 0;}
.news-list .news-item{border-bottom:1px dashed #ddd;line-height: 40px;}

.navbar-collapse ul.navbar-nav > li.dropdown > a{font-family: 微软雅黑}
.navbar-collapse ul.navbar-nav > li.dropdown > a::after{font: normal normal normal 14px/1 FontAwesome;}

.pannel-head .more{float:right;font-size:16px;}

.courses_section{min-height:400px;}


tbody.empty-list tr td,tbody.empty-list tr:hover td{padding:100px;color:#ccc;background: #FFF;}

.text-links-div{padding: 30px 30px;background-color: #FFF;}
.text-links-div a{color:#888;margin: 10px 20px 10px 0;}
.text-links-div .pannel-head{clear: left;padding-top:20px;margin-bottom: 20px;}


.group{margin-top: 20px; margin-bottom: 10px;}


.table.data-list td{vertical-align: middle;}

.success{display:inline-block;width:110px;height:110px;vertical-align:middle; background: url(../images/ok.png) no-repeat 0 0;text-align: center; }/***********支付成功图片***********/