html{width: 100%;}
*{margin: 0;padding: 0;border: none;}
body{font-size: 12px;line-height: 100%;color: #3b3b3b;margin: 0;padding: 0 auto;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;zoom: 1;overflow: hidden;}
body, button, input, select, textarea{margin: 0;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
address, cite{font-style: normal}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block}
audio, canvas, video{display: inline-block}
audio:not([controls]){display: none}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
a, a:visited{text-decoration: none;color: #3b3b3b;cursor: pointer}
a:focus{outline: none;outline: -webkit-focus-ring-color auto 5px;outline-offset: 0px}
a:active, a:hover{outline: 0;text-decoration: none;}
sub, sup{font-size: 75%;line-height: 0}
sup{top: -.5em}
sub{bottom: -.25em}
button, input, select, textarea{font-size: 100%;vertical-align: middle}
button::-moz-focus-inner, input::-moz-focus-inner{padding: 0;border: 0}
button, html input[type=button], input[type=reset], input[type=submit]{cursor: pointer;-webkit-appearance: button}
button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox], select{cursor: pointer}
input[type=search]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none}
textarea{overflow: auto}
ul, li, ol{list-style: none;margin: 0;padding: 0;}
img{outline: none;border: none;}
.fl{float: left;}
.fr{float: right;}
.m15{margin: 15px; }
.not-copy{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
/*���̿���*/
.error{color: #f00;}
/*ͼ��*/
.arrow{display: inline-block;width: 0px;height: 0px;border: transparent solid 6px;border-top: #9299a6 solid 6px;position: relative;top: 3px;}
/*����*/
.interacting-mask{position: fixed;width: 100%;hloadingeight: 100%;left: 0;top: 0;z-index: 900;background: rgba(0,0,0,.1);}
.interacting-main{position: fixed;left: 50%;top: 50%;width: 160px;max-height: 156px;overflow: hidden;padding: 20px 10px;margin: -80px 0 0 -80px;z-index: 901;background: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#aa000000,endColorstr=#aa000000);border-radius: 10px;color: #fff;text-align: center;line-height: 24px;font-size: 14px;}
.interacting-main img{width: 72px;height: 72px;margin: 0 auto 10px;display: block;}
.interacting-main img.loading{animation: loadingAnimation 2s infinite;}
@keyframes loadingAnimation{0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}}
/*�Զ��嵯��������ʽ*/
a.button_sty1, a.button_sty2{background: #15a4fa;border: 0 none;border-radius: 3px;color: #fff;cursor: pointer;font-size: 14px;height: 35px;line-height: 35px;text-align: center;transition: all 0.4s ease 0s;width: 80px;display: inline-block;margin: 0 25px;}
a.button_sty2{background: #ababab;}
a.button_sty1:hover,a.button_sty2:hover{color: #fff;}
.errorBox{display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 900;}
.errorBoxWarp{height: 100%;position: relative;width: 100%;z-index: 905;}
.errorBox .bg{background: #000;height: 100%;opacity: 0.3;filter: alpha(opacity=30);position: absolute;width: 100%;z-index: 910;}
.errorBox .errbox{background: #fff;border-radius: 3px 3px 6px 6px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); border:#ccc solid 1px\9;left: 50%;margin: -90px 0 0 -150px;position: absolute;top: 50%;transition: all 0.2s ease 0s;width: 300px;z-index: 920;}
.errorBox .errbox:hover{box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8);}
.errorBox .errbox h2{background: #fff none repeat scroll 0 0;margin: 0;border-bottom: 1px solid #f0f0f0;border-radius: 3px 3px 0 0;color: #333;font-size: 16px;font-weight: normal;height: 35px;line-height: 35px;padding: 0 12px;}
.errorBox .errbox h2:hover{background: #fff none repeat scroll 0 0;}
.errorBox .errbox h2 a.errClose{background: #fff;border-radius: 7px;color: #333;cursor: pointer;display: block;float: right;font-family: Arial, sans-serif;font-size: 24px;height: 15px;line-height: 15px;margin-top: 10px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;width: 15px;}
.errorBox .errbox h2 a.errClose:hover{background: #15a4fa;color: #fff;}
.errorBox .errbox .errCentent{min-height: 90px;padding: 15px 20px;text-align: center;font-size: 14px;}
.errorBox-sure{padding: 0 0 20px;text-align: center;}
/*�Զ��嵯��������ʽ end*/

.box{ margin:15px;}
.bd-b{ margin:0px;}
.box-title{ font-size:18px; color:#333;font-weight:bold;}
.pl200{ font-size:14px; padding-left:165px}
.red{ color:#ff6633}
.green{ color: #33cc0a;}
.yellow {color: #ff6633 !important;}
.font18{ font-size:18px;}
.span-5-5 span{ padding:0 20px 0 0;display:inline-block;}
.span-5-5 label{font-weight:normal;}
.box-title{ font-size:18px; color:#333;font-weight:bold;}

.form-body2 textarea { min-width:688px; max-width:688px; }


.table tr th.actions{ width:128px;}

.add-course td{ padding:4px; width:20%;}

.courseId-box label{display:inline-block; width:19%; min-width:175px; max-width:211px; margin-right:0; line-height: 22px;}
.courseId-box input{ vertical-align: middle; position: relative;top:-1px;}

.courseId-box2 label{display:inline-block; width:19%; min-width:175px; max-width:211px; margin-right:0; line-height: 22px;}
.courseId-box2 input{ vertical-align: middle; position: relative;top:-1px;}
/*�б��еij��ı�*/
.long-text{ width:100%;height:25px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}


/**ѡ��У��css**/
.school-area{width:700px;}		
.school-area{ display:none; position:absolute; width:674px; padding:10px 10px 10px 0; background:#fff; border:#f5f5f5 solid 1px; left:162px; top:36px;}
.school-area ul{ line-height:30px; max-height:210px; overflow: hidden; overflow-y:auto;  }
.school-area ul li{ width:110px;height:30px; overflow:hidden; margin-left:20px; cursor:pointer; float:left;}
.school-area ul li.curr,.school-area ul li:hover{ color:#ff3a3a}
.school-area ul li input{ margin-right:10px;}
.school-btn { margin:10px 20px;}
.school-btn.form-actions .red{background:#09C; color:#fff; border:#09C solid 1px;}
.school-area ul li.disabled{ color:#bbb}
/**ѡ��У��css end**/




/* ������  */
.path { zoom: 1; overflow: hidden; font-size:14px;font-weight: bold; padding: 14px 28px; background: #fdfdfd; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }
.path li { float: left; position: relative; text-align: left; padding:0 35px 0 14px; display: inline-block; margin: 0; background: url(../images/bread_crumb.png) #d7dde6  no-repeat right center; }
.path li span { padding: 0 6px; color: #333; height: 37px; line-height:37px; display: inline-block; }
.path li:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.path li.first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px }
.path li.last-child { background: url(../images/bread_crumb.png) #d7dde6 no-repeat right -113px; }
.path li:last-child { background: url(../images/bread_crumb.png) #d7dde6 no-repeat right -113px; }
.path li.on { background: url(../images/bread_crumb.png) #78c9ff no-repeat right -8px; }
.path li.on span { color: #fff; }
.path li i.icon-home{ float:left;position: relative; display: inline-block;width: 20px; height: 20px; content: " "; background: url(../images/sidebar-icon-v1.png) -21px 0 no-repeat; margin-top: 8px; }
.path .totalnum{color: #f00}

.search{border-bottom:#ccc solid 1px; background:#fff}
.table-search{ margin:10px 0; width:100%; line-height:30px;}
.table-search td{ padding:10px 4px 4px 4px;}
.table-search .btn-long{ width:90px; float:left; margin:0 20px 0 0}
.table-search td.td_key,.table td.td_key{ width:120px; min-width:120px; max-width:120px; text-align: right; line-height: 30px;}
.table-search td.td_val,.table td.td_val{max-width:280px; width:280px;}

.input-box,.select-box,.text-box,.search-box{ display: inline-block; width:100%; border: #ddd solid 1px; height: 30px; line-height:19px; padding:6px 10px; box-sizing:border-box;border-radius:5px; max-width:220px;vertical-align: middle; position: relative; }
.input-box input,.search-box input{display: inline-block; float:left; position:relative; top:-2px;border-radius:0px; outline:none; border:none!important; line-height: 21px!important; height:21px!important; padding:0!important;width:100%!important;}
.select-box,.select-box select{max-width:242px\9;padding:5px 6px;}
.input-box.no-border,.select-box{border: none;padding:0;}
.text-box{ border:none; background: #fafafa;}

.search-box{ position: relative;}
.search-box .searchBox{ position: absolute; width: 100%;top: 30px; left: 0; background: #fff;border: #7a9dd3 solid 1px; height: 220px; overflow: auto; display: none;}
.search-box .searchBox li{ line-height: 22px; cursor: pointer; padding-left: 10px;font-size:14px;}
.search-box .searchBox li.curr{ background: #1e91ff;color:#fff;}
.search-box .searchBox li .seach-on{ color: #f00;}
.search-box .searchBox li:hover{ background: #1e91ff;color:#fff;}

.input-box.no-border,.select-box{border: none;padding:0;}
.text-box{ background: #fafafa;}
.long-input-box{ width: 759px; max-width: 759px;}
.long-input-box input{width: 759px; max-width:759px!important;}
.table-search-td{  min-width:250px;}
.text-box.height-auto{height:auto;min-height:30px;}

.table-scrollable{ margin:0 15px;}

 .table th{text-align:center;}
 .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:1px;}
 
 #clean{ background: #ffca14; color: #643600; border: #ce9600 solid 1px;}
 #clean:hover{border: #ce9600 solid 1px; background:#fcdb6b;}
 
 .report-tab{ padding:10px; line-height:30px; font-size:14px; position:relative;}
 .report-tab a{ padding:0 5px;}
 .report-tab a.type-color {color:#3dabfd;}
 .showTime-table{ background:#fff; border:#ddd solid 1px; position:absolute; width:440px; padding:15px; left:0; top:40px; z-index:12;}
 .showTime-table .input-box{ width:120px;}
 .showTime-table .btn-long{ width:90px; height:28px; line-height:28px; display:block; margin:17px auto 0;}
 .showTime-table .sanjiao{ position:absolute; top:-14px; left:340px; z-index:14; width:0;  border:transparent solid 5px; border-bottom:#bbb solid 9px;}
 .mr10{ margin-right:10px;}
 
body.modal-open{margin:0}
.modal { background: #fff; width:1000px;left:50%;top:50%; height:625px; margin:-317px 0 0 -500px;border-radius:6px; overflow: hidden;}
.modal-header{ height:50px;background: #f5f5f5}
.modal-header h4{ margin:0; line-height:20px;}
.modal-footer{ padding:12px 20px; margin-top:0; height:60px; background: #f5f5f5}
.modal-footer button{width:120px;height:36px;line-height:36px;padding:0;outline:none;border-radius:5px;border:1px solid #d9d9d9;background:#fff;}
.modal-footer button.btn-primary{background:#fa6643;color:#fff; border:1px solid #ff3a3a}
.modal-footer button.btn-primary:hover{background:#f8542d;color:#fff;}
.modal-footer button.btn-primary:active{background:#c82d08;}
.modal-body{ height:515px; overflow-y:scroll;padding:10px 20px;}
.table-modal,.table-modal th,.table-modal td{ border:none!important;}
.table-modal .view-data{ color:#2760ae}
.remarks-lable{float:left;}
.table.table-modal{ width:900px;}

.courseId-box{ position: relative; }
.courseId-box label label{ position: absolute; top:24px; left: -73px;width:50px;}

.radio-box {position: relative; }
.radio-box label{position: absolute; top:24px; left: 0;width:50px;}

#myFile{width:300px; height:35px; line-height: 35px;}

.form-group {}
.control-img {    margin-left: 170px;    padding: 20px 0;}
..form-horizontal .control-label {font-size:16px}
@media (min-width: 768px)
.form-horizontal .control-label {
     margin-right: 10px;
}
@media (min-width: 768px)
.form-horizontal .control-label {
    color: #006ab9;
}
.table-striped thead > tr  span {font-size:18px}

.page-wrapper {background:#fff}
.table-search td.td_val, .table td.td_val {
    max-width: 250px;
    width: 250px;
}
.ke-upload-area { width:80px !important}
.control-img1 {
    margin-left: 170px;
    padding: 20px 0;
}
.form-box { height:380px; margin-right:50px}
.control-img img { width:300px; height:118px;}