/* here you can put your own css to customize and override the theme */
@charset 'utf-8';

body{font-family:"microsoft YaHei",arial,'\5fae\8f6f\96c5\9ed1','\5b8b\4f53' !important;background-color:#fff !important;}
a,a:hover{text-decoration:none !important;}
a:hover, a:focus{color:#fff;}
.c_fff{color:#fff;}

/*头部*/
.header{height:142px;min-height:110px;background-color:#298a51 !important;}
.logoWrap{height:102px;background:#298a51;padding:0 20px;}
.navbar-brand{padding:27px 0; padding-bottom:0;}
.logoWrap .hd_Tit{line-height:102px;font-size:20px;font-weight:bold;color:#fff;font-family:"microsoft YaHei"; font-weight:bold !important;}
.reorderBtn {color:#FFF; position:absolute; right:15px; top:25px; line-height:30px; display:none; cursor:pointer;}
.reorderBtn .fa-square-o { font-size:30px; line-height:30px;}
.reorderBtn .fa-reorder { font-size:15px; line-height:28px;}

.menuWrap{height:40px;/*background:#206d47;*/background:#333;}
#nav,#nav2{ height:40px; line-height:40px; position:relative;z-index:500;padding:0 20px;}
.navUl a{ padding:0 20px; display:block; text-align:center;}
#nav .navUl a:hover,#nav .navUl .cur a{ background-color:#269e57;color:#fff;}
.pcMenu .navUl li a { float:left; width:104px; padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.ellipsis{ font-size:17px; letter-spacing:-2px; cursor:pointer;}
.elliMore{ min-width:105px; position:absolute; left:-15px; top:40px; display:none;}
.elliMore dd { white-space:normal;}
.elliMore dd a{ font-weight:300; background:#206d47; line-height:36px; white-space:nowrap;}
.elliMore dd a:hover{background:#269e57;}
.navMore { width:80px; display:none;}
.navMore .ellipsis {width:80px;}
.navUl .navMore.hover {background:#269e57;}
.navMore .elliMore {left:0;}
.navUl .navli {/*display:none;*/}
#nav .navUl .navMore{position:relative;}

/*移动端导航样式导航*/
#nav2 dd{line-height:40px;}
#nav2 .subMenu{width:100%;position:relative;left:0;top:0;background:#99deb3;display:none;}
#nav2 .subMenu.block{display:block;}
#nav2 .subMenu li a{text-align:left;width:100%; text-indent:10px;}
#nav2 .subMenu li a .sub-menu a{color:#999;}
.mobscrolbar {overflow:hidden; width:100%;}


.navbar-inverse .navbar-toggle{border-color:none;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:none;}
/*左侧导航*/
.page-sidebar{background:#fff;}
.page-sidebar .sidebar-toggler {
    margin:12px 0 5px 224px;
}
.sidebar-toggler {
    opacity: 1; 
    filter: alpha(opacity=100);
    width:35px;
    height:35px;
}
.page-sidebar-closed .page-sidebar li{display:none;}
.page-sidebar-closed .page-sidebar li#sideToggle{display:block!important;}
.page-sidebar-closed .page-sidebar .sidebar-toggler{margin-left:0;margin-right:0;background:url("../images/sidebar-toggler_closed.jpg") no-repeat;position:relative;z-index:10;}
.page-sidebar-menu > li > a{padding-left:40px; position:relative;}
.page-sidebar-menu > li > a span.title{ display:block; width:90%;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;	
}
.page-sidebar-menu > li > a span.arrow{ position:absolute; right:15px; top:12px;}
/*右侧内容*/
.breadcrumb{margin-bottom:10px;}
.rightCon{border:1px solid #ebebeb;}
.rightCon .courseWrap{padding:20px 0 0 20px;overflow:hidden;}
.rightCon .courseWrap li{width:100px;height:28px;line-height:28px;text-align:center;border:1px solid #298a51;border-radius:3px;margin-right:20px;margin-bottom:20px;float:left;display:inline; padding:0 10px;}

.rightCon .courseWrap li a{color:#298a51;display:block;width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rightCon .courseWrap li:hover,.rightCon .courseWrap li.cur{background:#298a51;}
.rightCon .courseWrap li:hover a,.rightCon .courseWrap li.cur a{color:#fff;}

.rightCon .courseOpt{position:relative;height:68px;z-index:1000;}
.rightCon .courseOpt .scrolbar{height:192px;}
.rightCon .courseOpt_list{height:68px;overflow:hidden;border-bottom:1px solid #ebebeb;background:#fff; width:100%;}
.rightCon .courseOpt .ctrlBtn,.rightCon .courseOpt .pcCtrlBtn{padding:4px 20px;background:#4aa770;color:#fff;width:87px;display:inline-block;position:absolute;right:20px;bottom:-28px;z-index:20;}
.rightCon .courseOpt .ctrlBtn .text,.rightCon .courseOpt .pcCtrlBtn .text{font-size:14px;}
.rightCon .courseOpt .ctrlBtn i.fa,.rightCon .courseOpt .pcCtrlBtn i.fa{margin-top:3px !important;font-size:16px;}
.rightCon .courseOpt .ctrlBtn.none,.rightCon .courseOpt .pcCtrlBtn.none{display:none;}
.rightCon .courseOpt .disabledBtn { background:#cccccc;}

.courseCon{padding:20px;}
.courseCon .cTit{font-size:18px;color:#333;margin-bottom:20px;font-weight:bold !important;font-family:"microsoft YaHei";}
.courseCon .cCon{margin:0 auto; /*background:#ccc;*/}
.courseCon .nobgcor{margin:0 auto; background-color:transparent;}
.courseCon .videoBox { background-color:transparent;}
.downCon { margin:0 auto;}
.downBox { border:1px #e6f8ed solid; background:#f2fff7; width:420px; height:220px; margin-top:100px;}
.downBox a {color:#298a51; font-size:30px; line-height:60px; float:left; display:inline; margin:80px 0 0 100px;}
.downBox i { float:left; width:60px; height:60px; background:url(../images/down.png) no-repeat;}
.downBox span {float:left; display:inline; margin-left:10px;}
.btnPrev,.btnNext { position:absolute; width:21px; height:21px; background:url(../images/left.png) no-repeat left -21px; top:23px; cursor:pointer;}
.btnPrev {left:5px;}
.btnNext {right:5px; background-image:url(../images/right.png);}
.btnPrev:hover,.btnNext:hover {background-position:0 0;}
.mobCourseList {display:none;}
.rightCon .pcCourseList .courseWrap {padding-left:0;}
.pcCourseBox {margin:0 40px; overflow:hidden;}


/*视频*/
@media (min-width: 820px){
    .courseCon .cCon.videoBox{width:740px;}
} 
/*word文档*/
@media (min-width: 1380px){
    .courseCon .cCon.docBox{width:1020px;}
}
/*ppt*/
@media (min-width: 1194px){
    .courseCon .cCon.PPT_box{width:834px;}
}

/*右侧面包屑*/
.breadcrumb{padding:0;}
.breadcrumb li{*float:left;}

/*没有侧边栏*/
.page-sidebar-closed-none .layoutWrap{background:none;}

.page-sidebar-closed-none .page-sidebar .sidebar-toggler {  
  margin-left: 3px;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search .form-container {  
  width: 29px;
  margin-left: 3px; 
}

.page-sidebar-closed-none .page-sidebar .sidebar-search .form-container .input-box {  
  border-bottom: 0 !important;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search .form-container input[type="text"] {
  display: none;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search .form-container .submit { 
  margin-top: 5px !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
  display: block !important;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container {
  width: 255px;
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
  margin-top: 7px;
  margin-left: 8px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 185px;
  display: inline-block !important;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container .submit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container .remove {
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 12px 8px 9px 8px !important;
  display: inline-block !important;
  float: left !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li > a .selected {
  right: -3px !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li > a > .title,
.page-sidebar-closed-none .page-sidebar-menu > li > a > .arrow {
  display: none !important;
}

.page-sidebar-closed-none .page-sidebar .sidebar-toggler {
  margin-right: 3px;
}

.page-sidebar-closed-none .page-sidebar .sidebar-search {
  margin-top: 6px;
  margin-bottom: 6px;
}

.page-sidebar-closed-none .page-sidebar-menu {
  width: 35px !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li > a {
  padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed-none .page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover {
  width: 236px !important;
  position: relative !important;
  z-index: 2000;
  display: block !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover .selected {
  display: none;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover > a > i {
  margin-right: 10px;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover .title {
  display: inline !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li > .sub-menu {
  display: none !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover > .sub-menu {  
  width: 200px;
  position: absolute;
  z-index: 2000;
  left: 36px;
  margin-top: 0;
  top: 100%;
  display: block !important;
}

.page-sidebar-closed-none .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed-none .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
  width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed-none .page-sidebar-menu > li:hover > .sub-menu > li > a {
  padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed-none .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
  padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed-none .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
  padding-left: 45px !important;
}

/* sidebar container */
 
.page-sidebar-closed-none  .page-sidebar {
  width: 35px;
}

.page-sidebar-closed-none  .page-content {
  margin-left: 0px !important;
}
/* search box bg color on expanded */
.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container {
  background-color: #3d3d3d !important;
}
.page-sidebar-closed-none .page-sidebar .sidebar-search.open .form-container .remove {
  background-image: url("../../images/sidebar-search-close.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed-none ul.page-sidebar-menu > li:hover .sub-menu {
  background-color: #3d3d3d;
}

/*底部*/
.footer{width:100%;text-align:center;background:#333;padding:9px 0;
    position: relative;
    margin-top: -35px;
    clear: both;
}
.footer .footer-inner{color:#fff !important;font-size:12px;}
body > .layoutWrap {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background:url("../images/body_bg_line.jpg") repeat-y;
}
.page-sidebar-closed .layoutWrap{background:none;}
.resource-closed .layoutWrap{background:none;}
.resource-closed .page-sidebar { display:none!important;}
.resource-closed .page-content { margin-left:0px !important;}

/*移动底部*/
.mobF{display:none;}

.page-sidebar-menu > li > ul.sub-menu > li > a{padding:0;height:45px !important;line-height:44px !important;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

ul.page-sidebar-menu > li.active > a {
    border-bottom: none!important;
}
.scroll-wrapper {  
    -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;
} 
.scroll-wrapper iframe {border:0;} 
/* 弹出提示 */
#pop{ width:520px; height:180px; border:1px solid #CCC; background-color:#FFF; position:absolute; left:50%; top:50%; margin:-90px 0 0 -260px; z-index:9999; display:none;}
#pop h2{ height:50px; padding:0 10px; background-color:#EEE; position:relative;}
.pop_close{ width:17px; height:17px; display:block; position:absolute; right:20px; top:15px; background:url(../images/ti-close.png) no-repeat left -20px; cursor:pointer;}
#pop p{ padding:50px 0 30px; text-align:center;}
#cover{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=60); opacity:0.6; position:fixed; left:0; top:0; z-index:9998; display:none;}
/* pdf显示 */
#pdf_show{ width:820px; height:600px; border:1px solid red;}

/*自适应*/
@media (min-width:1681px){
    /*.page-has-sid .page-container{padding-bottom:177px !important;} */
    .beginPage {
        background-position:center top !important;
    }
}
@media (min-width:1367px){
    /*.page-has-sid .page-container{padding-bottom:52px;}*/
    .page-content {
        /*height:760px;*/
        overflow-y:auto;
    }
}

@media (min-width: 992px){
       
}
@media (device-width: 1024px) and (orientation:landscape) {
    .page-content {
        /*height:530px;*/
        overflow-y:auto;
    }
    .page-container .page-sidebar .scrolbar{
      height:500px !important;
    }
}

@media (min-width: 768px){
  .page-sidebar {
	  width: 259px;
  }
  .page-content {
	  margin-left: 260px;
	  /*min-height: 0!important;*/
	  padding:20px;
	  overflow-y:auto;
  }
  .page-header-fixed .page-container{margin-top:142px;/*background:url("../images/body_bg_line.jpg") repeat-y;*/}
  .page-header-fixed.page-has-sid.page-sidebar-closed .page-container{background:none;} 	
  .navbar-toggle {
    display: none !important;
  }

}

@media (max-width: 991px){
    .header {
        padding: 0;
        position: relative;
        clear: both;
		height:102px;
    }
	
    .navUl a {
        padding: 0 12px;
        font-size:14px;
    }
    .elliMore,.navMore,.navMore .ellipsis{width:88px;}

    .page-sidebar, .page-sidebar.in {
         margin: 0 !important; 
    }
    .page-sidebar.menuWrap {
        background: #f5f5f5 !important;
    }
	.navUl .navStair { font-weight:bold; text-align:left; padding-left:30px;}
	.oneMenu {width:100%; background: #0b7737 !important; border-bottom:1px #50986e solid;}
    .page-sidebar dl {
        margin-top: 0px;
        width: 100%;
    }
	.navbar-inverse .navbar-toggle.noToggle{display:none!important;}
    .mobMenu{ position:absolute; left:0; top:102px; width:100%; z-index:9999;}
    .pcMenu{display:none!important;}  
	.reorderBtn {display:block; right:25px; top:40px;} 
	#nav2 .elliMore li a {
        background: #e0f7eb;color:#666;font-family:'microsoft YaHei';font-size:14px;padding:0;
    }
    #nav2 .elliMore li a:hover{
        background: #c9edd6;color:#333;
    }
    .page-sidebar-menu > li > a {
        padding: 2px 15px;
    } 	
	    .page-sidebar ul > li > a > .arrow:before {
        float: right;
        margin-top: 0px;
        margin-right: 5px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f105";
        font-weight: 300;
        text-shadow: none;
    }
    .page-sidebar .navStair .arrow:before {
        float: right;
        margin-top: 0px;
        margin-right: 10px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f105";
        font-weight: 300;
        text-shadow: none;
    }
	.page-sidebar .cur .navStair .arrow:before {
	   float: right;
	   margin-top: 0px;
	   margin-right: 10px;
	   display: inline;
	   font-family: FontAwesome;
	   height: auto;
	   font-size: 16px;
	   content: "\f106";
	   font-weight: 300;
	   text-shadow:none;
    }
	.loadIfr {border:0;}
}
@media (max-width: 767px){
	.reorderBtn {right:15px; top:25px;} 
	.mobMenu {top:90px;}
    .header {
        padding: 0;
        height:90px;
		min-height:90px;
    }
    .page-header-fixed .page-container{margin-top:130px;}
    .header .navbar-brand{
        margin-right:40px;
    }
    .logoWrap .hd_Tit{
        font-size:16px;
        line-height:90px;
    }
    .logoWrap{height:90px;}
	.reorderBtn {top:30px;}
    .navUl a {
        padding: 0 8px;
        font-size:14px;
    }
	.navUl .navStair { font-size:15px; padding-top:5px; padding-bottom:5px;}
    .navMore, .navMore .ellipsis {
        width: 42px;
    }
    .navMore .elliMore {
        /*left: -57px;width:100px;*/
        left:0;width:100%;background:#e0f7eb;padding:6px 0;
    }
    .navMore .elliMore li{float:left;display:inline;width:25%;}
    .navMore .elliMore a{
       /* padding-left:10px;*/
    }

    .noSubMenu .navUl>li:nth-child(4),.noSubMenu .navUl>li:nth-child(5),.noSubMenu .navUl>li:nth-child(6),.noSubMenu .navUl>li:nth-child(7){display:none;}
    #nav,#nav2,.logoWrap{padding:0 5px;}
    #nav2{width:100%;}
    .rightCon .courseWrap li{
        /*width:130px;*/
        width:46%;
        padding:0 3px;
        margin:0 5px 10px 5px;
    }
    .courseCon .cTit {
        margin-top: 0px;
        margin-bottom:10px;
        font-size:16px;
    }
    .rightCon .courseOpt{height:48px;margin-bottom:30px;}
    .rightCon .courseOpt_list{height:48px;}
    .rightCon .courseWrap{padding:10px 0 0 10px;}
     
    /*.navUl .cur a{background:none!important;}*/
    .mob_navUl dd.cur{
        background: #269e57;
    }
    .mob_navUl .cur a .subMenu a{background:#99deb3 url("../images/sidebar_tit_hover.jpg") no-repeat right !important;}
    .mob_navUl .cur a .subMenu a .sub-menu a{background:#e0f7eb url("../images/sidebar_smtit_hover.jpg") no-repeat right !important;}

    .page-sidebar-menu > li > a {
        padding-left: 0px;
    }
    .page-sidebar-menu > li > a {
        padding: 2px 15px 2px 20px ;
    }

    .courseOpt .scrolbar{height:192px !important;}
    .courseOpt.Vlist .scrolbar{height:86px !important;}

    .page-content {
        padding: 12px 5px 5px 5px !important;
		margin-bottom:5px !important;
    }  

    .rightCon .courseOpt .ctrlBtn{right:10px;padding:5.5px 10px;width:56px;}
    .rightCon .courseOpt .ctrlBtn i.fa {
        margin-top: 1px !important;
        font-size:14px;
    }
    .rightCon .courseOpt .ctrlBtn .text {
        font-size: 12px;
    }

    .courseCon {
        padding: 10px;
    }  


    
    ul.page-sidebar-menu > li > a {
       border-bottom: 1px solid #5b9d76 !important;
       /*border-bottom:none!important;*/
    }
    
    /*ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a,ul.page-sidebar-menu > li.open > a.active {
        border-bottom:none!important;
    }*/
    .page-sidebar-menu > li > ul.sub-menu > li > a {
        padding-left: 30px !important;
    }

    .navUl .navli {display:block;}

    .page-content .page-breadcrumb.breadcrumb{padding-left:0;}
	.downCon {padding:0 20px;}
	.downBox {width:100%; height:auto; margin-top:30px;}
	.downBox i { width:30px; height:30px; background-size:100%;}
	.downBox a {font-size:16px; line-height:30px; margin:40px 0 0 60px; padding-bottom:40px;}
	.downIfr {height:260px;}
}

@media (max-width: 374px){   
    .header {
        height: 80px; min-height:80px;
    } 
    .rightCon .courseWrap li a{
        font-size:12px;
    }
    .courseCon .cTit {
        margin-top: 0px;
        margin-bottom:10px;
        font-size:14px;
    }
    .header .navbar-brand {
        margin-right: 20px;
    }
    .logoWrap {
        height: 80px;
    }
    .logoWrap .hd_Tit {
        font-size: 14px;
        line-height: 80px;
    }
	.mobMenu {top:80px;}
	.reorderBtn {top:25px;}
    /*.menuWrap{height:40px;}*/
    .navbar-brand{padding:24px 0;}
    .page-header-fixed .page-container {
        margin-top: 120px;
    }
    .navUl a {
        padding: 0px 6px;
        font-size: 13px;
    }
    /*.navMore, .navMore .ellipsis {
        width: 42px;
    }
    .navMore .elliMore {
        left: -30px;width:72px;
    }*/
    
}

/*开始学习页面*/
.main{width:1180px; margin:0 auto;height:100%;}

html,body,.beginPage{height:100%;}
.beginPage{width:100%;background:url("../images/bg_02.jpg") no-repeat center center;}
.begin_logo{position:absolute;left:0;top:16%;}

.beginMain{position:absolute;left:0;top:50%;margin-left:0;margin-top:-110px; width:100%; text-align:center;}
.beginMain h1.bigTit{font-size:68px;color:#333;font-weight:bold;margin-bottom:90px;font-family:"microsoft YaHei"; white-space:nowrap;}
.beginMain .btn_begin{width:200px;height:50px;line-height:50px;background:#ec5a02;border-radius:3px;display:block;text-align:center;color:#fff;font-size:20px;margin:0 auto;text-decoration:none;}

/*底部*/
.footer-begin{margin-top:-35px;}

/*自适应*/
@media (max-width:1367px){
    .main{width:1100px;}
    .beginMain{margin-left:0;margin-top:-88px;}
    .beginMain h1.bigTit{font-size:54px;margin-bottom:72px;}
    .beginMain .btn_begin{width:160px;height:40px;line-height:40px;font-size:16px;}
}
@media (max-width:1180px){
    .main{width:900px;}
    .beginMain{margin-left:0;margin-top:-88px;}
    .beginMain h1.bigTit{font-size:54px;margin-bottom:72px;}
    .beginMain .btn_begin{width:160px;height:40px;line-height:40px;font-size:16px;}
}
@media (max-width: 991px){
    .main{width:700px;}
    .begin_logo{top:9%;}
    .beginMain{margin-left:0;margin-top:-78px;}
    .beginMain h1.bigTit{font-size:48px;margin-bottom:64px;}
    .beginMain .btn_begin{width:140px;height:36px;line-height:36px;font-size:14px;}
	
	.mobCourseList { display:block;}
	.pcCourseList {display:none;}
	#nav, #nav2, .logoWrap {padding: 0px;}
	#nav2 {width: 100%;}
	#pop{ width:90%;}
}
@media (max-width: 767px){
    .main{width:600px;}
    .begin_logo{top:12%;}
    .begin_logo img{width:90%;}
    .beginMain{margin-left:0;margin-top:-56px;}
    .beginMain h1.bigTit{font-size:40px;margin-bottom:38px;}
    .beginMain .btn_begin{width:120px;height:34px;line-height:34px;font-size:14px;}
    .mainFoot{display:none;}
    .mobF{display:block;}
    .footer{padding:0;line-height:35px;color:#fff;}
    body > .layoutWrap{
		background-image:none;
        height: auto !important; 
        min-height: 0 !important;      
        margin-bottom:40px;
    }
}
@media (max-width: 640px){
    .main{width:480px;}
    .begin_logo{top:8%;}
    .begin_logo img{width:80%;}
    .beginMain{margin-left:0;margin-top:-52px;}
    .beginMain h1.bigTit{font-size:30px;margin-bottom:32px;}
    .beginMain .btn_begin{width:100px;height:34px;line-height:34px;font-size:14px;}
}
@media (max-width: 480px){
    .main{width:300px;}
    .begin_logo{top:8%;}
    .begin_logo img{width:80%;}
    .beginMain{margin-left:0;margin-top:-48px;}
    .beginMain h1.bigTit{font-size:18px;margin-bottom:28px;}
    .beginMain .btn_begin{width:100px;height:34px;line-height:34px;font-size:14px;}
}


/* IE7-8 hack */
@media \0screen\,screen\9{
    .page-content {padding:20px;}
    .page-header-fixed .page-container{margin-top:142px;}
    .page-sidebar.navbar-collapse.in #sideToggle .sidebar-toggler{display:none !important;}
    .page-sidebar.navbar-collapse.in {*overflow: hidden;*overflow-y: auto;z-index:10;}
    .page-content {/*min-height:760px;*/overflow:hidden;} 
    /*.courseCon .cCon.videoBox{width:740px;}
    .courseCon .cCon.docBox{width:1020px;}
    .courseCon .cCon.PPT_box{width:660px;}*/
	
    .courseCon .cCon{/*width:860px!important;*/ width:100%!important;overflow-x:auto;}
	
    .page-sidebar.navbar-collapse.collapse {left:0;}
	.courseCon .cCon { overflow:hidden;}
	.courseCon .cCon.videoBox {width:740px!important;}
}