﻿.colorRed {color:red;}
.left{float:left;}
.right{float: right;}
.clear{clear: both;}
.hide{display:none;}
.nowrap{word-wrap:normal;white-space:nowrap;overflow:hidden;vertical-align: middle!important;}
.nowrap-first{word-wrap:normal!important;white-space:nowrap!important;overflow:hidden!important;}
.novertical{vertical-align:middle!important;}
.height3 {height:3px; clear:both;}
.height5 {height:5px; clear:both;}
.height10 {height:10px; clear:both;}
.height15 {height:15px; clear:both;}
.height20 {height:20px; clear:both;}
.title{font-weight: bold;background-color:#efeeee;}
.marginLeft10{margin-left:10px;}
.largeheight15{height:15px;clear:both;}
.label1{font-weight: normal; color: #555555; font-size: 16px;}
.label1 small{color: #D83D00;}
.label1 span{font-size:10px;color:red;}
/*.label2{}*/
.label2 .spanTip{font-size:10px;color:red;font-weight: normal;}
.label3{font-size: 12px;font-weight: normal;/*opacity: .5;*/}
.span_isDutyCourse{display:block;padding-top:32px;color:red;}
body {
    font-family: Arial, Helvetica, "微软雅黑", "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 14px;
    padding: 0;
    margin: 0;
}
/*body.login-page{background: url("/images/login_bg5.jpg") #d2d6de;background-repeat: no-repeat;background-position: top center;background-size:cover;}*//*background-size: cover;background-size: 100% 100%;*/
.skin-blue .wrapper{background-color:#f9f9f9;}
.navbar-customer-top{background-color:#f9f9f9!important}
.navbar-customer-top a{padding:0;padding-left:15px;}
.navbar-customer-top img{max-height: 100%;max-width: 100%;}
/*灰色菜单主题 start*/
.skin-blue .main-header .navbar{background-color:#ebebeb;}
.main-header .navbar-brand {color: #444;}
.skin-blue .main-header .navbar .nav > .active > a {background: rgba(0, 0, 0, 0.1);color: #444;}
.skin-blue .main-header .navbar .nav > li > a {color: #444;}
.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus{color: #444;}
.skin-blue .main-header .navbar .nav > li > #welComeUser:hover, .skin-blue .main-header .navbar .nav > li > #welComeUser:active,
.skin-blue .main-header .navbar .nav > li > #welComeUser:focus,
.skin-blue .main-header .navbar .nav .open > #welComeUser, .skin-blue .main-header .navbar .nav .open > #welComeUser:hover {color: #444;/*background: rgba(0, 0, 0, 0);cursor: default*/}
.skin-blue .main-header .navbar .nav > .active > A{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);}
.skin-blue .main-header li.user-header{background-color:#f9f9f9}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{border-top: 1px solid #dddddd;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{height:230px}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{height:174px;width:174px;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{color: black;font-size: 15px;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{border-top: 1px solid #dddddd;}
/*灰色菜单主题 end*/
@media (min-width: 1200px) {
    /*.container {
        width: 1260px;
    }*/
}
@media (max-width: 767px) {
    
}
.navbar-brand{font-size:14px!important;font-weight:bold;}
/*#navbar-collapse .navbar-nav a{font-weight:bold;}*/
#navbar-collapse .navbar-nav .dropdown-menu a{font-weight:inherit}
.content-wrapper {background-color: #f9f9f9 !important;}
#myCarousel{height:460px;overflow: hidden;width:100%;}
.carousel-inner >.item>a>img, .carousel-inner>.item>img{width:100%;height:100%;}
.carousel-inner >.item{width:100%;height:100%;}
.carousel-inner{height:100%;}
/*footer灰色背景*/
.main-footer{background-color:#ebebeb;font-size:12px;}
.footer-copyright{float:left;margin-bottom:0;padding-left:0;}
.footer-copyright li{float: left;list-style: none;font-size: 12px;color: #666;padding: 0 8px;border-left: 1px solid #999;}
.footer-copyright li.copr-first{padding-left: 0;border-left: none;}
.footer-copyright a{color:#666;}

/*table start*/
.table-bordered-new>tbody>tr>td{border:1px solid #ddd!important}
/*table end*/

.table-advantech thead th{background:#8796a5;color:#fff;}
.table-advantech thead th a{color:#fff;}
.table-advantech thead th.sorting:after{opacity:0.5;}
/*jquery.datatable start*/
/*分页条数 隐藏*/
.dataTables_wrapper .dataTables_length {display: none;}
/*搜索框 获取焦点时，边框变色*/
.dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_filter label input: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);
}
.dataTables_wrapper table.dataTable thead th {border-bottom: 1px solid #dddddd;word-wrap:normal;white-space:nowrap;overflow:hidden;}
.dataTables_wrapper table.dataTable thead td {border-bottom: 1px solid #dddddd;word-wrap:normal;white-space:nowrap;overflow:hidden;}
.dataTables_wrapper table.dataTable tbody td {word-wrap:normal;white-space:nowrap;overflow:hidden;}
.dataTables_wrapper table.dataTable tfoot td {border-top: 1px solid #dddddd;}
.dataTables_wrapper table.dataTable.no-footer {border-bottom: 1px solid #dddddd;}
div.dataTables_wrapper div.dataTables_filter{text-align:right;}
/*jquery.datatable end*/

/*jqueryUi start*/
.ui-menu .ui-menu-item{border-bottom: 1px dotted #dddddd;}
.ui-front{z-index:1060!important;}
/*jqueryUi end*/

.no-margin-custom{margin: 5px 0 0 0;float:right;}
.model-admin-role-container {white-space: nowrap;overflow: hidden;text-align: left;}
.modal-label-title {font-weight: normal;color: #555;}
.col-sm-padding-right-0{padding-right:0;}
.content-new{padding-left:0;padding-right:0;padding-top:2px;}

/*course list start*/
.contentBox{/*padding-top:20px;*//*padding-bottom:60px;*/}
.contentBox h2{text-align:center;margin-bottom:40px;font-size: 26px}
.content_title{margin: 20px 0 0;border-left: 3px solid #a0a0a0;padding-left: 20px;}
.content_title .content_title_top{font-size:16px;color:#c32121;font-weight:bold;margin:5px 0;}
.content_title .content_title_bottom{font-size:14px;color:#9e9ea0;}
.content_title_top.latest {color: #1d9627;}
.content_title_more{float:right;color:#3698e0;font-size:14px;}
.content_title_more>i{margin-left:5px;}
.content_title_more:hover{color:#457aa0;}
.content_box .content_img {width: 100%;box-shadow: 1px 2px 4px #6f6f6f;margin-bottom: 16px;position: relative;overflow: hidden;height: 200px;cursor: pointer;}
.hot.content_box .content_img {box-shadow: 2px 3px 5px #c57070;}
.latest.content_box .content_img {box-shadow: 2px 3px 5px #518e4b;}
.content_div{padding:20px;/*margin-bottom:40px;*/}
.hot.content_box .content_img {box-shadow: 2px 3px 5px #c57070;}
.latest.content_box .content_img{box-shadow: 2px 3px 5px #518e4b;}
.content_box .content_img > a > img {width: 100%;height:100%}
.content_tip{position:absolute;width:80px;height:30px;top:0;right:0;line-height:30px;text-align: center;box-shadow:-1px 2px 2px #777;border-radius:16px 0 0 16px;color:#fff;font-weight:bold;}
.content_tip.shangweikaishi{background:#e1e60d;}
.content_tip.zhengzaijinxing{background:#11b927;}
.content_tip.yijieshu{background:#5a5a5f;}
.content_tip.zhengzaibaoming{background:#dd4b39;}
.content_tip.jiezhibaoming{background:#00c0ef;}
.label.shangweikaishi{background:#e1e60d;}
.label.zhengzaijinxing{background:#11b927;}
.label.yijieshu{background:#5a5a5f;}
.label.zhengzaibaoming{background:#dd4b39;}
.label.jiezhibaoming{background:#00c0ef;}
.content_header{font-size:15px;font-weight:bold;text-overflow: ellipsis;width:100%;overflow: hidden;white-space: nowrap}
.content_cover{margin-top: 10px;font-size: 12px;}
.content_cover_list{display:flex;margin-bottom:4px;}
.content_cover_list_left{width:90px;display:inline-block;}
.content_cover_list_left>i{margin-right:10px;width:13px;color:#01488a;}
.content_cover_list_right{flex:1;}
/*course list end*/
/*course detail start*/
.courseBox{padding-left:20px;margin:40px 0;}
.courseBox span{color:#567daf;font-weight:bold;display:inline-block;width:120px;}
.courseBoxInt{padding-left:20px;margin:40px 0;}
.courseBoxInt .courseBoxInt_L{/*text-indent:2em;*/font-size:16px;color:#567daf;}
.courseBoxInt .courseBoxInt_L{width:65%;display:inline-block;}
.courseBoxInt .courseBoxInt_L img{max-width:100%;}
.courseBoxInt .courseBoxInt_R{width:30%;display:inline-block;vertical-align: top;float:right;overflow:hidden;}
.courseBoxInt .courseBoxInt_R>img{width:320px;float:right;}
.courseBoxFlex{margin-bottom:8px;font-size:14px;}
.content_sub{margin:40px 0 30px;text-align:center;}
.content_sub button{width:35%;padding:10px 30px;font-size:20px;background:#055daf;color:#fff;font-weight:bold;border:none;box-shadow: 1px 1px 2px #8a6f6f}
.content_sub button:hover{transform:scale(1.07);}
.content_sub button.gray{color:#777474;background-color:#dddddd;}
.content_sub button.yellow{color:#ffffff;background-color:#f9bb44;}
.content_sub button.green{color:#ffffff;background-color:#00a65a;}

.clearfix{zoom:1}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.content-header{padding: 15px 0px 0 0px;}
.content-header>.breadcrumb_left{padding: 7px 0 0 0;font-size:14px;float:none;position:inherit;top:0;right:0;}
.leaf{width:180px;opacity:0.2;position:absolute;top:130px;right:15%;filter:"alpha(opacity=20)";filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20)}
.floating-label-second{font-size: 16px;font-weight: normal;width: 100%;background-color: transparent;border-bottom: 1px dashed #cccccc;}
.form-group-margin-right20{padding-right:20px}
.form-control-select-search-1{width: 196px!important;}

@media (max-width: 767px) {
    .leaf{right:10px;top:180px;}
    .largeheight15{height:0px;}
    .marginLeft10{margin-left:0;}
    .navbar-customer-top .container{padding-left:0;}
    .navbar-customer-top a{padding:0;padding-left:0;}
    .navbar-toggle{color:#444}
    /*.hidden-xs {display: inline-block !important;}*/
    /*.navbar-custom-menu .navbar-nav>li>a{padding:15px 10px;}*/
    .skin-blue .main-header .navbar .dropdown-menu li a{color:#444}
    .skin-blue .main-header .navbar .dropdown-menu li a:hover {background-color: #e1e3e9;}
    .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus{color:#444}
    .navbar-collapse{border-top: 1px solid rgba(0, 0, 0, 0.1)}
    #label-welcome{display:none;}
    .table-responsive{border:0;}
    .img-responsive{max-width:none;/*width:100%!important;height:100%!important;*/}
    /*.content-wrapper .container{padding-left:0;padding-right:0;}*/
    .col-media-margin-bottom15{margin-bottom:15px;}
    .span_isDutyCourse{padding-top:0;}
    .col-sm-padding-right-0{padding-right:15px!important;}
    #myCarousel{height:230px;}

    .courseBoxFlex {display: block;margin-bottom: 0;}
    .courseBox .courseBoxDetail{margin-bottom:16px;}
    .courseBoxInt{display:block;padding-left:0!important;}
    .courseBoxInt .courseBoxInt_L{width:100%;}
    .courseBoxInt .courseBoxInt_R{margin:10px 0;width:100%;}
    .courseBoxInt .courseBoxInt_R>img{width:auto;max-width:100%;}
    .content_sub button{width:auto;}

    .content-header > .breadcrumb_left{background-color:transparent;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .form-group-margin-right20{padding-right:0px}
    .form-control-select-search-1{width: 100%!important;}
}
/*course detail end*/

/*overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;*/

/*<div class="container"></div>*/
/*<div class="container-fluid"></div>*/

/*<div class="row"><div class="col-sm-5"></div>*/

/*<div class="panel panel-danger"></div>*/
/*panel-default(灰色)、panel-primary(蓝色)、panel-success(绿色)、panel-info(浅蓝色)、panel-warning(黄色)、panel-danger(红色)*/

/*<button type="button" class="btn btn-block btn-default" > Default</button>*/
/*btn-default(灰色)、btn-primary(深蓝色)、btn-info(浅蓝色)、btn-success(绿色)、btn-warning(黄色)、btn-danger(红色)*/
/*btn-block 100%长度*/
/*btn-flat 没有圆角*/
/*btn-lg、btn-sm、btn-xs 大小*/
/*disabled 颜色上面加灰色*/

/*<div class="box box-primary" ></div>*/
/*box box-solid(实线,没有颜色)、box-default(灰色)、box-primary(深蓝色)、box-info(浅蓝色)、box-success(绿色)、box-warning(黄色)、box-danger(红色)*/

/*<span class="label label-success" > 花小亚</span >*/
/*label label-default(灰色)、label-primary(深蓝色)、label-info(浅蓝色)、label-success(绿色)、label-warning(黄色)、label-danger(红色)*/