/*CSS RESET Author:Chinyu*//* Clear default Margin & Paddding*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dfn,img,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: middle;}
header,section,hgroup,aside,footer,nav{display: block;margin: 0;}
textarea{resize: none;}
body,button,textarea{font: 12px/180% 'Microsoft Yahei', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

body{background: #f0f0f0;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp,tt{font-family: "Courier New", Courier, monospace;}
small{font-size: 12px;}
em{font-weight: bold;}
ul,ol{list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
abbr[title],acronym[title]{border-bottom: 1px dotted;cursor: help;}
q:before,q:after{content: '';}
input,label,select{vertical-align: middle;}
legend{margin-left: 24px;padding: 0 12px;color: #000;}
img{border: none;}
fieldset{padding: 6px 10px 10px 10px;border: 1px solid #ccc;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
td{vertical-align: middle;}
hr{border: none;height: 1px;border-top: 1px solid #ccc;margin: 8px 0 10px 0;}
html{overflow-y: scroll;}
input::-ms-clear{display: none;}
.hide{display: none;}
.showblock{display: block;}
.inlineblock{display: inline-block}
.overnone{overflow: hidden;}
.posr{position: relative;}
.fl{float: left;}
.fr{float: right;}
.posa{position: absolute;}
.mart10{margin-top: 10px;}
.mart20{margin-top: 20px;}
.marb10{margin-bottom: 10px;}
.marb20{margin-bottom: 20px;}
.pdt20{padding-top: 20px}
.pdb20{padding-bottom: 20px;}
.pdr10{padding-right: 10px;}
.clear{clear: both;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden}
.clearfix{*zoom: 1}
.al{text-align: left}
.ar{text-align: right}
.tac{text-align: center;}
.pad25{padding: 25px;}
.radius5{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.radius2{border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.radius10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.noshadow{-moz-box-shadow: 0px 0px 0px;-webkit-box-shadow: 0px 0px 0px;box-shadow: none;}
.YaHei{font-family: 'Microsoft YaHei';}
html body .nom{margin: 0;}
.bold{font-weight: bold;}
.blue{color: #021830}
body{font-size: 12px;color: #666666;}
.wraper{margin-left: auto;margin-right: auto;min-width: 320px;}
a:link,a:visited{color: #1a6aa7}
a:hover{color: #fc7700}
a.cc_link:link,a.cc_link{position: absolute;right: 2px;top: 4px;font-size: 14px;color: #1a6aa7}
a.cc_link:hover{color: #fc7700}


/*NAVIGATOR*/
.content{border-top: 1px solid #d4d6d3;}
/*COURSELIST*/
div.course{border: 1px solid #ccc;}
div.course,div.courseimg,div.courseimg img{width: 100%;}
div.course_title_bg{position: absolute;opacity: .7;background-color: #001324;line-height: 22px;height: 32px;z-index: 4;filter: alpha(opacity = 70);width: 100%;bottom: 0;}
div.courseimg h4{position: absolute;font-family: 'Microsoft YaHei';font-size: 16px;line-height: 22px;color: #FFF;bottom: 0;width: 100%;padding: 5px 0;z-index: 5;font-weight: normal;min-height: 22px;max-height: 44px;}
div.courseimg h4 em{display: block;padding-left: 10px;padding-right: 10px;font-weight: normal}
div.course p.courseinfo{padding: 4px 10px;}
p.courseinfo a:link,p.courseinfo a:visited{color: #1a6aa7}
p.courseinfo em{display: block;height: 22px;line-height: 22px;overflow: hidden;}
em i{font-weight: normal;font-style: normal}
div.courseimg em a:link,div.courseimg em a:visited,div.courseimg em a:hover{color: #fff;text-decoration: none;}
p.courseinfo span.price{position: absolute;font-family: 'Microsoft YaHei';font-size: 15px;color: #e77302;right: 10px;top: 17px;font-weight: bold;}
p.courseinfo span.jg{position: absolute;text-decoration: line-through;font-size: 12px;color: #999;right: 10px;top: 8px;}
p.courseinfo span.jg_j{position: absolute;font-family: 'Microsoft YaHei';font-size: 15px;color: #e77302;right: 10px;top: 24px;font-weight: bold;}
p.weights{margin: 0 10px;border-top: 1px solid #ccc;padding-top: 2px;overflow: hidden;padding-bottom: 7px;}
span.raty{line-height: 18px;float: left;}
span.students{line-height: 20px;float: right;}
span.students b{font-weight: normal;color: #ff4b00;vertical-align: top;line-height: 20px;display: inline-block;}
.usercontent{background-color: #FFF;-moz-box-shadow: 0px 1px 6px #999;-webkit-box-shadow: 0px 1px 6px #999;box-shadow: 0px 1px 6px #999;padding: 30px 20px;}
.coursecontent{background-color: #FFF;border: 1px solid #ddd;-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.3);-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.3);box-shadow: 0px 0px 7px rgba(0,0,0,.3); padding:20px}
.userface,.edit_title{float: left;width: 20.4301075269%;padding-right: 1.61290322580645%;}
.userface_wraper{padding: 2px;border: 1px solid #ccc;}

.course_cover{width: 390px;background-color: #ccc;float: left;margin-right: 20px;padding: 5px;}
div.c01{width: 260px;}
.intro_content{width: 63%;}
.intro_content h1{font-family: "Microsoft YaHei";font-size: 22px;line-height: 30px;color: #021830;padding-right: 60px;}
.intro_content h1.c01{padding-right: 0px;}
.intro_content p.intro_more{vertical-align: middle;margin-top: 20px}
.intro_content p.intro_more span{display: block;line-height: 24px;margin-right: 20px;}
.course_raty{margin-top: 20px;}
.course_raty span{display: block;margin-right: 20px;}
a.study_btn:link,a.study_btn:visited,a.study_btn:hover{display: block;position: absolute;bottom: 0;right: 20px;width: 160px;height: 40px;border: 1px solid #206ec4;line-height: 36px;font-size: 24px;font-family: 'Microsoft YaHei';color: #FFF;text-align: center;text-decoration: none;}
.intro_content a.bd_line{border: 1px solid #a7a7a7}
div.price_box{position: absolute;right: -27px;top: 10px;}
em.price{display: block;width: 78px;height: 35px;background: url(../images/price_bg.png);padding-left: 12px;line-height: 30px;font-family: "Microsoft YaHei";font-size: 18px;color: #FFF;text-align: center;}
span.price_l{width: 15px;height: 35px;background: url(../images/price_bg_l.png) no-repeat;line-height: 30px;}
span.price_m{height: 35px;background: url(../images/price_bg_m.png) repeat-x;line-height: 30px;font-family: "Microsoft YaHei";font-size: 18px;color: #FFF;text-align: center;}
span.price_r{width: 4px;height: 35px;background: url(../images/price_bg_r.png) no-repeat;line-height: 30px;}
#course_left{float: left;width: 68.75%;}
#course_right{float: right;width: 31.25%;}
.course_time,.teacher_infos,.students_notes,.course_rel,.course_ping{margin-top: 10px;}
.description,.course_contents,.course_message{margin-top: 10px;}
h2.all_time{padding-left: 36px;height: 43px;line-height: 30px;font-size: 16px;font-family: "Microsoft YaHei";}
.course_ping h2{font-family: "Microsoft YaHei";}
.course_time p{margin-bottom: 6px;margin-top: 6px;}
.course_time h4{width: 60px;text-align: center;font-size: 12px;background-color: #206EC4;height: 18px;color: #FFF;line-height: 18px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;margin-right: 20px;}
.coursecontent h2.title{border-bottom: 1px solid #D8D9DC;padding-bottom: 5px;color: #185582;font-family: 'Microsoft YaHei';font-size: 18px;font-weight: bold;}
.coursecontent h2.title span{display: block;padding-left: 10px;border-left: 6px solid #185582;height: 20px;line-height: 20px;}
.coursecontent h2 a{display: inline;font-size: 12px;font-weight: normal;font-family: "宋体";margin-left: 20px;}
.description p{font-size: 14px;padding: 20px 10px;color: #333;position: relative;line-height: 180%;}
.description a.ext{position: absolute;bottom: 5px;right: 20px;font-size: 12px;text-decoration: none;}
.description h4{padding-left: 34px;height: 24px;line-height: 24px;font-size: 12px;background: url(../images/prep.png) no-repeat;margin-left: 10px;color: #0D519F}
.course_contents .section{padding-top: 10px;padding-bottom: 20px;}
.course_contents .section h3{margin-left: -27px;padding-top: 20px;padding-bottom: 10px;color: #333;}
.course_contents .section h3 em{display: inline-block;width: 49px;background-color: #ccc;font-size: 12px;height: 18px;line-height: 18px;color: 666;text-align: center;font-weight: normal;margin-right: 11px;}
.course_contents .section h3.current{font-weight: bold;color: #333;}
.course_contents .section h3.current em{color: #FFF;}
.course_contents .section ul li{padding: 7px 0 7px 17px;height: 20px;line-height: 20px;position: relative;}
.course_contents .section ul li span.chapter{position: absolute;left: -14px;top: 9px;display: block;width: 21px;height: 16px;line-height: 16px;text-align: center;}
.course_contents .section ul li span.chapter_over{background-image: url(../images/chapter_over.png);color: #FFF;}
.course_contents .section ul li.current{background-color: #DAE7F5;}
.course_contents a{color:#1743A0}
.course_contents a:hover{color:#2743A0}
/*2014.1 首页改版添加样式*/
.wraper{width: 1000px;}
.body_width{width: 100%;min-width: 1180px;}

/*navbar*/
.nav{padding-left: 0;margin-bottom: 0;list-style: none;}
.nav:before,
.nav:after{display: table;content: " ";}
.nav:after{clear: both;}
.nav:before,
.nav:after{display: table;content: " ";}
.nav:after{clear: both;}
.nav > li{position: relative;display: block;}
.nav > li > a{position: relative;display: block;padding: 10px 15px;text-decoration: none;}
.nav > li > a:hover,
.nav > li > a:focus{text-decoration: none;background-color: #eeeeee;}
.nav > li.disabled > a{color: #999999;}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus{color: #999999;text-decoration: none;cursor: not-allowed;background-color: transparent;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{background-color: #eeeeee;border-color: #428bca;}
.nav .nav-divider{height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.nav > li > a > img{max-width: none;}
.nav .caret{border-top-color: #428bca;border-bottom-color: #428bca;}
.nav a:hover .caret{border-top-color: #2a6496;border-bottom-color: #2a6496;}
.nav-tabs .dropdown-menu{margin-top: -1px;border-top-right-radius: 0;border-top-left-radius: 0;}
.navbar{position: relative;z-index: 1000;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}
.navbar:before,
.navbar:after{display: table;content: " ";}
.navbar:after{clear: both;}
.navbar:before,
.navbar:after{display: table;content: " ";}
.navbar:after{clear: both;}
@font-face {font-family: Danley;  src: url('Danley.ttf');  }  
.danley {font-family: Danley; }
.navbar-header a{text-decoration: none;}
.navbar{border-radius: 4px;}
.navbar-header:before,
.navbar-header:after{display: table;content: " ";}
.navbar-header:after{clear: both;}
.navbar-header:before,
.navbar-header:after{display: table;content: " ";}
.navbar-header:after{clear: both;}
.navbar-header{float: left;}
.navbar-collapse{max-height: 340px;padding-right: 15px;overflow-x: visible;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}
.navbar-collapse:before,
.navbar-collapse:after{display: table;content: " ";}
.navbar-collapse:after{clear: both;}
.navbar-collapse:before,
.navbar-collapse:after{display: table;content: " ";}
.navbar-collapse:after{clear: both;}
.navbar-collapse.in{overflow-y: auto;}
.navbar-collapse{width: auto;border-top: 0;box-shadow: none;}
.navbar-collapse.collapse{display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
.navbar-collapse.in{overflow-y: visible;}
.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left: -15px;}
.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right: -15px;}
.navbar-collapse .navbar-text:last-child{margin-right: 0;}
.container > .navbar-header,
.container > .navbar-collapse{margin-right: -15px;margin-left: -15px;}
.container > .navbar-header, .container > .navbar-collapse{margin-right: 0;margin-left: 0;}
.navbar-static-top{border-width: 0 0 1px;}
.navbar-static-top{border-radius: 0;}
.navbar-fixed-top,
.navbar-fixed-bottom{position: fixed;right: 0;left: 0;border-width: 0 0 1px;}
.navbar-fixed-top, .navbar-fixed-bottom{border-radius: 0;}
.navbar-fixed-top{top: 0;z-index: 1030;}
.navbar-fixed-bottom{bottom: 0;margin-bottom: 0;}
.navbar-brand{float: left;padding: 15px 15px;font-size: 18px;line-height: 20px;}
.navbar-brand:hover,
.navbar-brand:focus{text-decoration: none;}
.navbar > .container .navbar-brand{margin-left: -15px;}
.navbar-toggle{position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar{margin-top: 4px;}
.navbar-toggle{display: none;}
.navbar-nav > li > a{padding-top: 10px;padding-bottom: 10px;line-height: 20px;}
.navbar-nav .open .dropdown-menu{position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;box-shadow: none;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding: 5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu > li > a{line-height: 20px;}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{background-image: none;}
.navbar-nav{float: left;margin: 0;}
.navbar-nav > li{float: left;}
.navbar-nav > li > a{padding-top: 15px;padding-bottom: 15px;}
.navbar-left{float: left !important;}
.navbar-right{float: right !important;}
.navbar-form{padding: 10px 15px;margin-top: 8px;margin-right: -15px;margin-bottom: 8px;margin-left: -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);}
.navbar-form .form-group{display: inline-block;margin-bottom: 0;vertical-align: middle;}
.navbar-form .form-control{display: inline-block;}
.navbar-form .radio, .navbar-form .checkbox{display: inline-block;padding-left: 0;margin-top: 0;margin-bottom: 0;}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"]{float: none;margin-left: 0;}
.navbar-form .form-group{margin-bottom: 5px;}
.navbar-form{width: auto;padding-top: 0;padding-bottom: 0;margin-right: 0;margin-left: 0;border: 0;-webkit-box-shadow: none;box-shadow: none;}
.navbar-nav > li > .dropdown-menu{margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right{right: 0;left: auto;}
.navbar-btn{margin-top: 8px;margin-bottom: 8px;}
.navbar-text{float: left;margin-top: 15px;margin-bottom: 15px;}
.navbar-text{margin-right: 15px;margin-left: 15px;}
.navbar-default{background-color: #f8f8f8;border-color: #e7e7e7;}
.navbar-default .navbar-brand{color: #777777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{color: #5e5e5e;background-color: transparent;}
.navbar-default .navbar-text{color: #777777;}
.navbar-default .navbar-nav > li > a{color: #777777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color: #333333;background-color: transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{color: #555555;background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus{color: #cccccc;background-color: transparent;}
.navbar-default .navbar-toggle{border-color: #dddddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color: #dddddd;}
.navbar-default .navbar-toggle .icon-bar{background-color: #cccccc;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{border-color: #e6e6e6;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret{border-top-color: #333333;border-bottom-color: #333333;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{color: #555555;background-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret{border-top-color: #555555;border-bottom-color: #555555;}
.navbar-default .navbar-nav > .dropdown > a .caret{border-top-color: #777777;border-bottom-color: #777777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #777777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color: #333333;background-color: transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color: #555555;background-color: #e7e7e7;}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{color: #cccccc;background-color: transparent;}
.navbar-default .navbar-link{color: #777777;}
.navbar-default .navbar-link:hover{color: #333333;}
.navbar-inverse{background-color: #222222;border-color: #080808;}
.navbar-inverse .navbar-brand{color: #999999;}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus{color: #ffffff;background-color: transparent;}
.navbar-inverse .navbar-text{color: #999999;}
.navbar-inverse .navbar-nav > li > a{color: #999999;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{color: #ffffff;background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{color: #ffffff;background-color: #080808;}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus{color: #444444;background-color: transparent;}
.navbar-inverse .navbar-toggle{border-color: #333333;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{background-color: #333333;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #ffffff;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{border-color: #101010;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{color: #ffffff;background-color: #080808;}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret{border-top-color: #ffffff;border-bottom-color: #ffffff;}
.navbar-inverse .navbar-nav > .dropdown > a .caret{border-top-color: #999999;border-bottom-color: #999999;}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret{border-top-color: #ffffff;border-bottom-color: #ffffff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{border-color: #080808;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color: #999999;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color: #ffffff;background-color: transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{color: #ffffff;background-color: #080808;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{color: #444444;background-color: transparent;}
.navbar-inverse .navbar-link{color: #999999;}
.navbar-inverse .navbar-link:hover{color: #ffffff;}

.container{width:1000px; margin:0 auto}
.content{padding-top:50px}