/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
    background:white;
    color:black;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
*{
	font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
	font: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
ul li{list-style:none;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}
a{color:#337ab7;}
a:link{color:#337ab7;}
a:visited{color:#337ab7;}
/*end css*/
/*顶部导航 */
header {width:100%;}
.navbar-default{position:fixed; z-index:9999 ; width:100%; top:0; height:50px; background-color:rgb(55,62,64); color:#fff; margin-bottom:0; border:none; border-radius:0;}
.navbar-default .container-fluid{height:50px;}
.navbar-default .navbar-header{width:90%;}
.navbar-default .navbar-brand{width:10%; font-size:16px; font-weight:700; color:#fff; background-color:rgb(55,62,64);  text-align:center;}
.navbar-default .navbar-brand:hover{color:#fff; background:#336699;}
.navbar-default .navbar-brand:focus{color:#fff; background:#336699;}
.navbar-default .navbar-nav  li{height:50px;}
.navbar-default .navbar-nav  li.active{background-color:#337ab7;}
.navbar-default .navbar-nav  li  a{color:#fff; font-size:14px; font-weight:700;}
.navbar-default .navbar-nav  li  a:hover{background-color:#43bfe3;color:#fff;}
.navbar-default .navbar-nav  li  a:focus{background-color:#43bfe3;color:#fff;}
.navbar-default .navbar-nav  li.active a{background-color:#43bfe3; color:#fff;}
.navbar-default .navbar-nav  li.active a:hover{background-color:#43bfe3; color:#fff;}
.navbar-default .navbar-right  .dropdown .dropdown-toggle{margin:0; padding:0; border-radius:0;}
.navbar-default .navbar-right  .dropdown .dropdown-toggle .btn-primary:hover{background-color:#43bfe3; color:#fff;}
.navbar-default .navbar-right  .dropdown .dropdown-toggle .btn-primary:focus{background-color:#43bfe3; color:#fff;}
.navbar-default .navbar-right  .dropdown .dropdown-toggle .btn-primary{font-size:14px; margin:4px 0; background:rgb(55,62,64);}
.navbar-default .navbar-right  .dropdown-menu{margin:0; padding:0;}
.navbar-default .navbar-right  .dropdown-menu li{height:30px; color:#555; margin:4px 0;}
.navbar-default .navbar-right  .dropdown-menu li.divider{ height:1px; color:#555;}
.navbar-default .navbar-right  .dropdown-menu a{height:30px; color:#555; font-size:20px; font-weight:100;}
.navbar-default .navbar-right  .dropdown-menu a .glyphicon-off{color:red; font-size:20px; margin-right:10px;}
.navbar-default .navbar-right{width:10%; text-align:right;}


/*左侧导航 */
.left-nav{position:fixed; z-index:9999; top:50px;width:10%; background:#424f62; float:left; }
.left-nav{overflow-y:scroll;}
.left-nav .panel-group li a{ color:#fff; font-size:14px;}
.left-nav .panel-group .panel-collapse{background-color:#303f52;padding:20px 0;}
.left-nav .panel-group .panel-collapse ul{}
.left-nav .panel-group .panel-collapse li{height:40px; font-size:14px; cursor:pointer; line-height:40px;padding-left:20px;}
.left-nav .panel-group .panel-collapse li:hover{ background-color:#43bfe3;}
.left-nav .panel-group .panel-collapse li:focus{ background-color:#43bfe3;}
.left-nav .panel-group .panel-collapse li.selectBtn{background-color:#43bfe3; color:#fff;}
.left-nav .panel-group .panel-collapse li.selectBtn a{ color:#fff;}

/*正文部分*/
main{margin-left:10%;clear:both; overflow:hidden; margin-top:50px;background-color:rgb(240,240,240); padding-left:10px; padding-top:10px;}
main .main-part{ padding:0 20px;width:100%;overflow:hidden; min-height:2000px; background-color:#fff;}
/*正文标题*/
.top_a_nav{width:100%;background:#f4f4f4;padding:10px 0 10px 20px; margin-top:20px;}
.top_a_nav a{ display:inline-block; margin:0 5px;font-size:14px; padding:5px 20px;   background:#D9DEE4;color: #666;}
.top_a_nav a:hover{background:#ccc; color:#fff;}
.top_a_nav a.select{background:#546478; color:#fff; }
.top_input{padding:20px 10px;background:#f4f4f4; width:100%; text-align:center;}
.top_input .input-group{height:40px; line-height:40px; width:300px;}
.top_input .input_box input{height:40px; width:300px;  border-radius:0; margin:0; background:#f4f4f4;  box-shadow:none;padding:0 5px;border:none;border-bottom:1px solid #ccc;  }
.top_input .input_box input:focus{ box-shadow:none;  }
.top_input .input-group .input-group-addon{height:40px;border-radius:0;width:40px; font-size:24px; cursor:pointer; background:#f4f4f4;border:none;border-bottom:1px solid #ccc; }
.show-title{clear:both;height:50px;padding:10px 10px; margin-top:20px;background:#f4f4f4; line-height:50px; width:100%; }
.show-title span{ font-size:14px; color:#333; font-weight:700; }
/*全选*/
.ali_iconfont{ font-size:24px; cursor:pointer; color:#999;}
.ali_iconfont.icon{}
.ali_iconfont.select_icon{ font-weight:700; color:#33CC33}
.selectAll{ cursor:pointer; display:inline-block;border:2px solid #999; width:26px;height:26px; line-height:26px; font-size:8px; border-radius:100%;}

/*公共 show-data*/
.show-data{ clear:both; width:90%; margin:0 auto; margin-top:5px;  background:#fff;}
.show-data .list-title{ clear:both;height:80px; line-height:80px; padding:5px; }
.show-data .list-title li{height:70px; float:left;  cursor:pointer;font-size:25px; font-weight:700; margin-left:20px;}
.show-data .list-title li.selectBtn{ border-bottom:4px solid #43bfe3;}
.show-data .list-title li:hover{ border-bottom:4px solid #43bfe3;}
.show-data .list-title li:active{border-bottom:4px solid #43bfe3;}
.show-data-list{ margin:0 auto;  clear:both; width:100%;}
.show-data-list table{width:100%;}
.show-data-list tr{height:30px; line-height:30px; width:100%; border-bottom:1px solid #ccc;}
.show-data-list tr:nth-child(1){height:50px; line-height:50px; background:#f4f4f4;;}
.show-data-list tr td{height:30px;  line-height:30px; padding-left:2px;  text-align:center; font-size:14px; }
.show-data-list tr:nth-child(1) td{font-size:14px; font-weight:700;}
.show-data-list .td_fl{text-align:left;}
.show-data-list .td_ct{text-align:center;}
/**/
.show-data-list tr td.td_w_400{width:400px; }
.show-data-list tr td.td_w_350{width:350px; }
.show-data-list tr td.td_w_300{width:300px; }
.show-data-list tr td.td_w_250{width:200px;}
.show-data-list tr td.td_w_200{width:200px;}
.show-data-list tr td.td_w_150{width:150px;}
.show-data-list tr td.td_w_100{width:100px;}
.show-data-list tr td.td_w_50{width:50px;}
.show-data-list tr td.td_w_30{width:30px;}
.show-data-list .td_input{padding:0 0 0 10px; text-align:left; }
.show-data-list .td_input span{ display:inline-block;width:80px; background:#333; color:#f60; text-align:center;margin:10px 0; padding: 0 5px; height:25px; line-height:25px; position:absolute;    font-size:10px; overflow:hidden; 
                                box-shadow:1px 1px 2px #202020;
								-o-box-shadow:1px 1px 2px #202020;
								-moz-box-shadow:1px 1px 2px #202020;
                                -webkit-border-shadow:1px 1px 2px #202020;
 
 }
.show-data-list .set_info_input{margin:5px 0; display:inline-block;width:220px; text-align:left; padding:0 0 0 5px; font-size:14px;}
.show-data-list .set_info_input.set_weight{width:80px;}
.show-data-list .set_info_input.set_classname{width:180px;}
.show-data-list button.group_info_td{cursor:pointer; background:#ccc; padding:1px 10px; color:#337ab7;}
.show-data-list .set_info_input option{cursor:pointer;}
.show-data-list .set_info_input:hover{box-shadow:none; border:1px solid #f60;}
.show-data-list .set_info_input:focus{box-shadow:none; border:1px solid #f60;}


/*底部 */
.footer{ clear:both; background-color:#000; height:50px; line-height:50px; text-align:center;}
.footer span{ color:#fff; font-size:20px;}

/*分页标签 */
.pagelist{ margin:20px 0;}
.pagelist a{ display:inline-block; padding:10px 25px; font-size:16px; color:#2a6496; margin:0 5px; background:#eee; border-radius:5px;}
.pagelist a.now_page{background:#2a6496; color:#fff}

/*modal */
/*faceImgModal*/
#faceImgModal{margin-top:40px;}
#faceImgModal .modal-body{ height:500px; overflow-y:scroll;padding:0;}
#faceImgModal .modal-body .img-box{width:80%; min-height:100%; margin:0 auto;}
#faceImgModal .modal-body .img-box img{width:100%;}
#faceImgModal .pudCourse-box{padding:15px;height:90%;}
#faceImgModal .pudCourse-box ul{height:100%; border:3px solid #ccc; padding:20px; overflow-y:scroll; background:rgba(0,0,0,0.05)}
#faceImgModal .pudCourse-box .addCourseType,
#faceImgModal .pudCourse-box .addTeacherName{ float:right; color:blue; cursor:pointer;}
#faceImgModal .pudCourse-box .modal-title{font-size:25px; font-weight:800; color:rgb(180,180,180);}
#faceImgModal .pudCourse-box .input-group-addon{cursor:pointer; background:#337ab7; color:#fff;}
#faceImgModal .pudCourse-box li{height:40px; cursor:pointer; line-height:40px; border-bottom:1px solid #ccc;}
#faceImgModal .pudCourse-box li .deleteBtn{float:right;cursor:pointer; vertical-align:middle; margin-top:5px; margin-right:50px;}
#faceImgModal .pudCourse-box .form_datetime{height:46px;  width:105px;font-size: 18px;padding:5px 5px;line-height: 1.3333333; border:1px solid #ccc; border-radius:5px;}
#faceImgModal .pudCourse-box .form_hour{height:46px;  width:65px;font-size: 18px;padding:5px 5px;line-height: 1.3333333; border:1px solid #ccc; border-radius:5px;}





