@charset "UTF-8";

.course--content h1 { font-size: 36px; }
.course--content h2 { font-size: 30px; }
.course--content h3 { font-size: 25px; }
.course--content h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.course-item {
	background-color: #FFF;
	border-bottom: 2px solid #b1b1b1;
}
.course_title {
	height: 60px;
}
.course_name {
	margin: 0px;
}
.course_instructor {
	color: #9b9ea0;
	margin: 0px;
}
.course_price {
	margin: 0px;
}


.course--content .text-indent { text-indent: 50px; }
.course--content .text-grey { color: #CCC; }
.course--content .caption {
	margin: 15px 0 5px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #e5e5e5;
}
.course--content .course-earn {
	margin: 0px;
	border: 1px solid #e5e5e5;
	padding: 5px;
}
.course--content .course-instructor .instructor-name {
	color: #84a949;
	font-weight: bold;
}

.course--content .lession-list {
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: 1px solid #e5e5e5;
}

.course--content .lession-list li {
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
	position: relative ;
	line-height: 20px;
}
.course--content .lession-list li:last-child {
	border-bottom: 0px;
}
.course--content .lession-list .title {
	background-color: #7B7B7B;
	color: #FFF;
}
.course--content .lession-list li .clip-time {
	width: 45px;
	text-align: right;
	/* display: inline-block; */
}
.course--content .lession-list li .lession-play {
	cursor: pointer;
	right: 55px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAphJREFUeNpi%2BP%2F%2FP0N6evp%2FEM2UkZHxnwEC%2FjOAREDCBQUF%2FwECiBnK%2BcYCkvr9%2BzcDw6NHj0Cy%2FwECCK4OBkASDHV1dd9AHKjRYAAQQGCVU6dOPQ8SXLdunQ2IzwAyHhmAFIDNu3nzJlw7iM0EdRkDJycnmL5w4QID3CIkIAAQQGCLNmzYII9uNgjs2bPnP1QTA9g1MAmYfV%2B%2FfkXRUFlZ%2BZ%2Fl0qVLBgxooKioCEyrqamB2QkJCQwMIH%2BBrICZCAsmZACyhRFsPxBMmzbt%2FJMnTwzAuqG%2B2rdvH8OMGTMYQXyAAIIrXL9%2BvQ1QctfLly%2FB%2FtfT07uQlZVlCHcPSCHIZzDrkQEoJEAhAvc1NnchKwYrBHkd2dELFizAUAwyjAnmeBg4fvw4AzAxMdy6dQsuBgpCJgYcoK%2Bvj%2BHt27dwPgsoGEABiwx8fHzAGAbExcW%2FMyCnsN7eXqzxDYoUnAkClmZhiQIe4KDc4OTkxGBgAIl6oO8ZZGRk4IEOEGBwhTAAikqQL4WEhMCaYBphAOQnEH737h1m7MEM3Lhxo%2Fy5c%2Beuf%2Fr0iROUqmRlZRmIAY8fPwaHIh8f33cjIyNNf3%2F%2Fh%2BDUCAog9CQBSpmgwMKXCpADEJZjmdXV1W%2BYm5uz%2Bvr6otgOirstW7YwHD58GEzv3buX4c%2BfPxhRCAJKSkoM3759Y7h8%2BXIkCyg1R0dHE%2FTe9%2B%2FfwQaDMCzTxcfHMwgLC4P5oLAGZhtOFgYSASiyQMkXm0vBKREUU8CoN2hra8NpiKWlJUNoaCgDFxcXTjWg5AMyC14MghIjMRGALbGC9EILL0SCRU46oHzi7OyM1%2BugSAKFJ0qSwZawYcXP8%2BfPJwMjTB1WBCFnRCC%2BKSkpmRsYGHgEXS8ArmLwLe7tSnUAAAAASUVORK5CYII%3D);
}
.course--content .lession-list .label-success {
	font-size: 14px;
	color: #FFF;
	padding: 2px 5px;
}


.course--content .section-clip {
	background-color: #000;
	color: #FFF;
}
.course--content .section-clip a { color: #FFF; }
.course--content .section-navg {
	background-color: #FFF;
}




.section-clip {
	background-color: #000;
	color: #FFF;
}
.section-clip a { color: #FFF; }
.section-navg {
	background-color: #FFF;
}