@import url(footer.css);

body{
	color:#555 !important;
	color: #666666;
}
.nav_link{
	height:40px;
	line-height:40px;
	padding-left:30px;
	margin-bottom:10px;
	color:#fff;
	background:#4badf6;
}
.nav_link a{
	color:#fff;
	font-weight:bold;
	font-family:"Microsoft YaHei";
}
.main_content{ padding-bottom:10px; font-size:12px;}
.left_side{ width:680px; float:left;
}
.right_side{ width:320px; float:right; }


.app_mes{ 
	padding: 20px;
	border-right:4px solid #E8E8E8;
	border-bottom: 8px solid #E8E8E8;
}
.app_mes .cover{
	width: 370px;
	background: #ccc;
	float: left;
	margin-right: 20px;
	padding: 5px;
}
.app_mes .border{ border: 1px solid #fff; }
.app_mes .cover img{ width:100%; }
.app_mes .intro{ width: 58%;}
.intro h1{
	font:22px/30px "Microsoft YaHei";
	color: #021830;
	padding-right: 60px;
}
.intro .intro_more{ vertical-align: middle; margin-top: 20px; }
.intro .intro_more span{
	display: block;
	line-height: 24px;
	margin-right:20px;
	word-wrap: break-word;
	font-size: 12px;
}
.course_raty span{ 
	display: block; 
	margin-right: 20px;
	font-size: 12px;
}
.course_raty .raty{ line-height: 14px; float: left;}

.study_btn{
	display: block;
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 160px;
	height: 40px;
	border: 1px solid #206ec4;
	font: 24px/36px "Microsoft YaHei";
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.study_btn:hover{ color: #fff;}
.gradient_btn_gray{
	background:linear-gradient(to bottom, #3195df 0%,#3094dd 9%,#1a6aa7 85%,#1a6aa7 100%);
}
.radius5{ border-radius: 5px; -webkit-border-radius: 5px;}
.price_box{ 
	position: absolute;
	right: -27px;
	top: 10px;
}
.price{
	display:block;
	width:78px;
	height:35px;
	background: url(../images/course/price_bg.png) no-repeat;
	padding-left: 12px;
	font: 18px/30px "Microsoft YaHei";
	color: #fff;
	text-align: center;
}

.description, .course_contents, .course_time, .course_rel{ 
	border-right:4px solid #E8E8E8;
	border-bottom: 8px solid #E8E8E8;
}
.description p{
	font-size: 14px;
	color: #333;
	position: relative;
	line-height: 180%;
}
.content{ background: #fff; padding: 20px; }
.content .title{ 
	border-bottom: 1px solid #d8d9dc;
	padding-bottom: 5px;
	color: #185582;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: bold;
}
.content .title span{
	display: block;
	padding-left: 10px;
	border-left: 6px solid #185582;
	height: 20px;
	line-height: 20px;
}
.info_readmore{
	margin: 20px 10px 0;
	min-height: 25px;
	white-space: normal;
	word-wrap: break-word;
	overflow: hidden;
}
.info_readmore_toggle{
	float:right;
	display:inline-block;
	margin-right:10px;
	text-align:right;
}
.coursecontent{ background: #fff; padding: 20px; }
.coursecontent .title{ 
	border-bottom: 1px solid #d8d9dc;
	padding-bottom: 5px;
	color: #185582;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: bold;
}
.coursecontent .title span{
	display: block;
	padding-left: 10px;
	border-left: 6px solid #185582;
	line-height: 20px;
}
.course_contents .section{
	margin-left: 20px;
	border-left: 7px solid #ebebe7;
	padding-top: 10px;
	padding-bottom: 20px;
}
.course_contents .section h3{
	margin-left: -27px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #333;
}
.course_contents .section em{
	display: inline-block;
	width: 49px;
	background: url(../images/course/section_base.png) no-repeat;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	color: #666;
	text-align: center;
	font-weight: normal;
	margin-right: 11px;
}
.course_contents .section li{
	padding: 7px 0 7px 32px;
	height: 20px;
	line-height: 20px;
	position: relative;
}
.course_contents .section .chapter{
	position: absolute;
	left: -14px;
	top: 9px;
	display: block;
	width: 21px;
	height: 16px;
	background: url(../images/course/chapter_base.png) no-repeat;
	line-height: 16px;
	text-align: center;
}
.course_contents .section a{
	display: block;
	height: 20px;
	overflow: hidden;
	text-decoration: none;
	padding-right: 80px;
	color: #666;
	line-height: 20px;
	vertical-align: middle;
}
.course_contents .section a:hover{
	display:block;
	height:20px;
	overflow:hidden;
	text-decoration:none;
	padding-right: 80px;
	color: #666;
	line-height: 20px;
	vertical-align: middle;
}
.type_video{
	background: url(../images/course/video_ico.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 14px;
	margin:0 10px;
}

.all_time{
	padding-left: 36px;
	height: 43px;
	background: url(../images/course/clock_ico.png) no-repeat;
	line-height: 30px;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}
.course_time h4{
	width: 60px;
	text-align: center;
	font-size: 12px;
	background: #206ec4;
	height: 18px;
	color: #fff;
	line-height: 18px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-right: 20px;
}
.course_time p{
	margin-bottom: 6px;
	margin-top: 6px;
	line-height:1.6em;
}
.rellist div{ overflow: hidden; padding-top: 10px; }
.rellist .course_covers{
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
}
.rellist div p{ padding-left: 106px; }
.rellist div a{ display: block;}

.my_assess, .other_comment{ border:1px solid #8E8E8E; margin-bottom:10px; }
.assess_title, .other_title{ 
	height:40px;
	padding-right:15px;
	line-height:40px;
	background:#EBEBEB;
}
.assess_title h4, .other_title h4{
	color:#168CDB;
	padding-left:35px;
	float:left;
	letter-spacing:1px;
}
.assess_title h4{ background:url(../images/course/1.png) no-repeat 5px center; }
.other_title h4{ background:url(../images/course/file3.png) no-repeat 5px center; }
.other_title span{ 	float:right; font-size:13px; }
.comment_txt{
	width:820px;
	border:none;
	outline:none;
	border-bottom:2px solid #000;
}
.assess_content{ padding:15px; }
.btn_submit{
	padding:5px 15px;
	color:#fff;
	background:#35aa47;
}
.btn_submit:hover{
	color:#fff;
	background:#198329;
}
.star_score{
	height:24px;
	position:relative;
}
.star_score ul, .star_score span, .star_score li{
	float:left;
	overflow:hidden;
}
.star_score li{
	width:24px;
	height: 21px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/course/star.png) no-repeat;
}
.star_score li.on{
	background-position:0 -28px;
}
.star_score span{
	font-size:14px;
}

.emCurrent{ background:url(../images/course/section_over.png) no-repeat; color: #fff;}
.current{
	background: #DAE7F5;
}
.enter{ padding:0 8px;cursor:pointer;}


h3{ font-size: 14px; }
a{ color:#1a6aa7;}
em{ font-weight: bold;}
.overnone{ overflow: hidden; }
.marb30{ margin-bottom:30px !important; }
.postr{ position: relative;}
.clearfix{ zoom: 1;}
.clearfix:after{
	content:".";
	height: 0;
	display:block;
	visibility: hidden;
	clear:both;
};