/* Space out content a bit */
body {
  
 
}
.clear{clear: both;}
.colorred{color: red;}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {

}
.content2 .page-header{
  margin: 0 0 0px 0;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 1000px) {
  /*.container {
    max-width: 1000px;
  }*/
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

/*********************************slider***************************************/
.slides{margin: 0;padding: 0}
/*.myslider{
    
   
    margin-top: 15px;

}*/
.slides li{
  
}
.slides .jp_title{
  padding: 60px;
  text-align: center;
}
.slides .jp_title h1{
  color: #fff;
  font-size: 58px;
  font-weight: normal;
}
.slides .jp_title p{
  font-size: 28px;
  color: #fff;
  font-weight: normal;
}
.slides .jp_title p small{
  font-size: 18px;
  color: #b9bcc3;
}

.btn-primary {
 
}
.mybtn {
  border-radius: 4px;
 background: #3157ad;
  border: #3157ad;
    padding: 20px 40px!important;
    font-size: 28px;
    font-weight: normal;
 
}
.mybtn:hover{
background: #1F4DAB;
}

/*********************************header*******padding: 19px 20px;********************************/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
 
}
/*.navbar-nav>li>a {
 
 font-size: 16px;
 font-weight: 900;
 line-height: 30px;
    
}*/
/*.nav_login_nav>li>a{
   font-size: 14px;
}
.navbar-nav>li>a#loginbtn {
 
 font-size: 14px;
 font-weight: normal;
 line-height: 30px;
    
}*/
/*.navbar-brand{
  padding: 10px 5px;
}*/
.header {
  margin-bottom: 0px;
}


.navbar-inverse .navbar-nav>li>a:hover{
color: #83C90A;
}
.navbar{
  border: none;
}
/*********************************content***************************************/

.info-big p {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #333;
  font-size: 18px;
  letter-spacing: 0.12em;
}

.content2{
  background: #f8f8f8;
  padding: 0px 0px 25px 0px;

}


.navbar-inverse{

}
.mycontent{margin-top:25px;}
.l-right{float: right;}
.mycontent{padding-top: 35px;}
.thumbnail{position: relative;}
.btn-mybtn{
    width: 76px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;

  margin-bottom: 0;
  cursor: pointer;
  border: 1px solid transparent;
  overflow: hidden;
  
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  color: white;
  background-color: #04acf7;
}
a.btn-mybtn:hover{
  color: #fff;
  text-decoration: none;
  background-color: #19b4fa；
}
.course-num,.course-pf {
 font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #999;


}
.course-price-free {
  color: #999;
  font-size: 12px;
  
  line-height: 20px;
}
.thumbnail .caption a:hover{
  text-decoration: none;

}

.thumbnail a>img, .thumbnail>img{
  width: 100%;

}
.thumbnail h4{
    line-height: 1.4;
  font-size: 14px;
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  color: #333;
  font-weight: normal;
}
.me_wrap:hover{
text-decoration: none;
}
a.me_wrap:hover .imgpic{
  
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
/*.thumbnail{
  padding: 0;
 
  height: 195px;
  border: none;
  border-radius: 0;
}*/
/*.lab_thumbnail{
   height: 210px;
}*/
.course-agency {
  display: block;
  overflow: hidden;
  zoom: 1;
  height: 20px;
  line-height: 20px;
  text-align: left;
  margin-top: 0;
  padding-left: 0;
  width: auto;
    color: #999;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: normal;
}

a.page-btn-dis {
  border-color:#ededed;
  color:#bcbcbc;
  cursor:default!important;
  background-color:#e3e3e3!important
}
a.page-btn-dis:hover {
  background-color:#e3e3e3!important
}

.page-btn {
  height:38px;
  line-height:38px;
  width:64px;
  background:#fff;
  border:1px solid #d9d9d9;
  margin:0 3px;
  color:#333;
  font-size:16px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px
}
.page-btn:hover {
  background:#10ae58
}
.page-btn-cur {
  background:#10ae58;
  border-color:#10ae58;
  color:#fff
}
.page-btn-cur:hover {
  background:#10ae58;
  color: #fff;
}
.sort-page {
  text-align:center;
  padding: 10px 10px;
  _padding-bottom:2px
}
.sort-page .page-box {
  font-size:0;
  margin-bottom:97px
}
.sort-page .page-box span {
  font-size:12px
}
.sort-page .page-pre-btn {
  margin-right:3px
}
.sort-page .page-next-btn {
  margin-left:3px
}
.sort-page a {
  display:inline-block;
  vertical-align:middle
}
.sort-page a:hover{
  color: #fff;
}
.page-pre-btn, .page-next-btn {
  height: 38px;
  line-height: 38px;
  width: 78px;
  background: #fff;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  color: #333;
  text-align: center;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
 a.page-next-btn:hover,a.page-pre-btn:hover{
  color: #10ae58;
}
.my-icon-angle{
    display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -3px;
  width: 7px;
  height: 12px;
}
h4{
  white-space:nowrap;
  overflow: hidden;
}

/*********************************footer***************************************/

.myfooter{
    background: #3e434a;
  border-top: 1px solid #d0d5d8;
  color: #adb3ba;
  width: 100%;
  padding: 40px 0px 10px;
}




#sub-footer {
  background-color: #333333;
  padding: 30px 0px 25px 0px;
  color: #999;
  line-height: 50px;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}


/* 表单模版 */
.formLib{padding:30px 0; clear:both;}
.formLib .form_lilib{position:relative; margin-bottom:20px; font-size:0;}
.formLib .form_litex{margin-bottom:10px;}
.form_lilib label, .form_lilib input, .formLib .form_span{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; line-height:28px;}
.form_litex label, .form_litex .form_span{line-height:24px;}
.form_lilib label{width:100px; height:36px; text-align:right; padding-right:5px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.form_litex label{height:22px;}
.form_lilib textarea{line-height:22px;}
.form_lilib .from_wid500{width:500px;}
.form_lilib .from_wid100{width:100px;}
.form_lilib .from_wid900{width:900px;}
.form_lilib .from_widauto{width:auto;}
.form_lilib .form_span{padding:0 5px;}
.form_lilib .from_msg{padding-right:20px; font-size:12px; color:#999;}
.form_lilib .from_msg280{width:250px; padding-left:10px; line-height:20px; color:#666;}
.form_lilib .from_checkbox, .form_lilib .from_radio{margin-top:13px; *margin-top:10px;}
.form_lilib .select{float:none; height:36px; line-height:36px;}
.form_lilib .select .area_zero{top:16px;}
.form_lilib .select .option_box{top:36px;}
.form_lilib .select .option_box li{display:block;}
.form_lilib .select .option_box li a{line-height:25px;}
.form_lilib .select .form_span{padding:0;}



.mg50{
  margin-top: 55px;
}
.mg60{
  margin-top: 60px;
}
.mg70{
  margin-top: 70px;
}


/**************************select ********************************************************************/

.ss_box{padding: 0 0px 0px;}

.modlist{ margin-bottom:15px;width:100%;padding: 5px; display:inline; float:left;  border-color: #e6e6e6; border-style: solid; border-width: 1px 1px 1px; }
.modlist ul{ padding:0 10px 0px;  width:100%; float: left; display: inline; }
.modlist ul{ padding-bottom:0 ;  width:100%; float: left; display: inline; margin: 0}
.modlist ul li{width:100%;float:left;line-height:28px;}
.modlist ul li.fst{border-top:0;}
.modlist ul li.sec{margin-top:5px;}
.modlist ul li span{ font-size:14px;display:inline; float:left;  height:28px; text-align:right; padding-right:10px;padding-left: 10px; font-weight:bold; overflow: hidden; }
.modlist ul li a{font-size:14px;margin-left:10px;display:inline;float:left;padding:0 4px 0 5px;height:28px;overflow:hidden;}

.modlist ul li a.red,.modlist ul li a.active,.modlist ul li a.selected{background:#10ae58;;color:#fff;border-radius:3px;}

.modlist .tit{width:100%;height:34px;background:#E4F0FC;text-indent:10px;font-size:14px;color:#17509D;line-height:34px;font-weight:bold;}
.modlist .tit b{}

.lists{width:100%;display:inline-block;float:left;margin-top:12px;}




.media{
  margin:5px 5px 15px;
}
.panel-heading{
  margin-bottom: 5px;

}
.containerinter{

}
.f-bg {
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: 136px;

}
.f-bg .media-heading{margin-top: 10px;color: #666;font-weight: normal;}
.f-bg p{
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  margin: 0;
  color: #999;
}
p.viewbtn{
  margin-top: 5px;
}
a:hover{
  text-decoration: none;
}
.containerinter .row{
  margin-right: 0;
  margin-left: 0;
}
.containerteacher .media{
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.containerteacher .media p{
  font-size: 12px;
}
.containerteacher .media .media-heading{
  margin-top: 5px;
}



.myfooter a{
  color: #999;
}
.myfooter a:hover{
  color: #13a654;
}
a{
  color: #333;

}
.content2{
  font-size: 12px;
}
a:hover{
  color: #13a654;
}
/**************************view内容详细页********************************************************************/
.view_box{
  height: 460px;
  width: auto;
    background-color: #fff;
    margin-bottom: 10px;
}

.clear{
  clear: both;
}
body{
  background-color: #eee;
}
.view-left,.view-right{
  background: #fff;
}
.v_box{
margin-bottom: 20px;
}
.view_c1{
  padding: 20px;
  color: #444;
  text-align: left;
}
.view_header h2{
    height: 20px;
  font-size: 18px;
  line-height: 19px;
padding-right:0;width:100%
}
.storediv{
  padding-right: 15px;
}
.view_right_c1 h2{
    height: 20px;
   margin-top: 0;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 19px;
  max-width: 660px;
}
.bgfff{
  padding-top: 0;
  margin: 0;
}
.view_right_content{
  border-top: 1px solid #dfdfdf;
  padding: 20px;
}
/**************************feedback 留言内容********************************************************************/
.feedlist .user-name{
  font-size: 12px;
  color: #6d6d6d;
  margin-bottom: 10px;
}
.feedlist .feedcontent{
    color: #3d3d3d;

  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;

}
.feedlist .feedtime{
    margin: 3px 0 10px;
  color: #9d9d9d;
  font-size: 12px;
}
.feedlist .media{
  border-bottom: 1px solid #e6e6e6;
}


.teacher_course .media:hover{
  background-color: #f6f6f6;
}
.right_list .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.mt60{
  margin-top: 60px;
}
/**************************my_nav_list ********************************************************************/
.my_nav_list{
  padding-top: 0px;
  background-color: #fff;
  padding-left: 0px;
}
.my_nav_list ul{
  padding-left: 0px;
}
.my_nav_list ul li{
  list-style: none;
  text-indent: 15px;
}
.my_nav_list a{
  display: block;
  line-height: 2em;
  font-size: 13px;
}
.my_nav_title{
  padding: 10px;
  font-size: 14px;
  font-weight: 900;
}
.my_nav_list ul li a.red{
  background: #5cb85c;
  color: #fff;
}
/**************************page_one ********************************************************************/

.page_one{
    margin-top: -10px;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
  padding-top: 20px;
  padding-bottom: 15px;
 
}

.page_one .mynav {
  margin: 0 -15px 1em -15px;
  font-size: 1.2em;
  padding-left: 25px;
  text-align: center;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#eee), color-stop(0.6, #fff));
  background-image: -webkit-linear-gradient(bottom, #eee, #fff 60%);
  background-image: -moz-linear-gradient(bottom, #eee, #fff 60%);
  background-image: -o-linear-gradient(bottom, #eee, #fff 60%);
  background-image: linear-gradient(bottom, #eee, #fff 60%);
}

/************************* notice *************************/
.notice-post-meta{
  color:#999;
  margin-bottom: 20px;
}
.notice-post-content{
  line-height: 2em;

}
.notice-post-content p{
  text-indent: 28px;
  margin: 25px 0;
}
/************************* 前端定制页面 *************************/
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: #eee;
}
.skin-blue .main-header .navbar .nav>li>a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.bner {
  margin-bottom: 15px;
  height: 160px;
  background: url(../img/headbg.png) center center;
  background-color: #fff;
  box-shadow: 0 1px 2px #bbb;
}
.user-panel{
  padding-top: 35px;
}
.user-panel>.image>img {
  width: 100%;
  max-width: 80px;
  height: auto;
}
.user-panel>.info {
  padding: 15px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 90px;
}