@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
	outline: 0;
}
body {
	background:#FFF;
	font-family:rsuregular;
	font-size:16px;
}
a, a:hover {
	color:#FFF;
}
h1 {
	font-weight:600;
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);

}
.hovereffect #boxtext {
	margin-top: 50px;
	
}
.hovereffect h1 {
	color: #fff;
	text-align: center;
	position: relative;
}
.hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	-webkit-transform: translatey(-100px);
	-ms-transform: translatey(-100px);
	transform: translatey(-100px);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
}
.hovereffect a.info {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 10px 15px 10px 8px;
	padding: 7px 14px;
}
.hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
}
.hovereffect:hover img {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}
.hovereffect:hover h2, .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}
.hovereffect:hover a.info {
 -webkit-transition-delay: .2s;
 transition-delay: .2s;
}
.text-danger-red {
	color:#F00;
}
.intro-section {
	height: 100%;
	padding-top: 70px;
}
@media(min-width:768px) {
/*--------------ใช้เมาส์ชี้แล้วไม่เลื่อนลงมา -------------------*/
ul.nav li.dropdown:hover ul.dropdown-menu {
 display: block;
}
a.menu:after, .dropdown-toggle:after {
 content: none;
}
}
.text-bold {
	font-weight:bold;
}
.btn-yellow {
	color:#000;
	border-radius:0px;
	background-color:#f5c800;
	border-color:#f5c800
}
.btn-yellow:hover {
	color:#000;
	border-radius:0px;
	background-color:#ec971f;
	border-color:#d58512
}
.a-yellow:hover {
	color:#ec971f;
}
.nava {
	width:auto;
	padding:2px;
}
.nava:hover {
	border-bottom:solid 2px #f5c800;
	padding-bottom:10px;
}
#alldata {
	/*min-height: 550px;*/
 min-height: 250px;
}
#alldataB {
	min-height: 300px;
}
.border-yellow:hover {
	border-color:#f5c800;
}
panel-black {
	boder:none;
}
.panel-black>.panel-heading {
	height:50px;
	color:#000000;
	/*background-color:#231f20;*/
	background-color:#f5c800;/*border-color:#337ab7*/
}
.panel-black>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-black>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-black>.panel-body {
	border:5px solid #f5c800;
	/*background-color:#f5c800;*/
	height:240px;
}
.panel-black-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-yellow {
	boder:none;
}
.panel-yellow>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;
}
.panel-yellow>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-yellow>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-yellow>.panel-body {
	border:5px solid #f5c800;
	/*background-color:#f5c800;*/
	height:auto;
}
.panel-yellow-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-yellownoborder {
	boder:none;
}
.panel-yellownoborder>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;
}
.panel-yellownoborder>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-yellownoborder>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-yellownoborder>.panel-body {
	/*  border:5px solid #f5c800;
background-color:#f5c800;*/
	height:auto;
}
.panel-yellownoborder-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-webboard {
	boder:none;
}
.panel-webboard>.panel-heading {
	height:auto;
	color:#000000;
	background-color:#f5c800;
	border-radius:0px;
}
.panel-webboard>.panel-heading+.panel-collapse>.panel-body {
}
.panel-webboard>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
	height:auto;
}
.panel-webboard>.panel-body {
	background-color:#FFF;
	height:auto;
	border-radius:0px;
}
.panel-webboard-title {
	font-size:20px;
	font-weight:bold;
	color:inherit
}
panel-WB {
	boder:none;
}
.panel-WB>.panel-heading {
	height:50px;
	color:#000000;
	background-color:#f5c800;/*border-color:#337ab7*/
}
.panel-WB>.panel-heading+.panel-collapse>.panel-body {
/*border-top-color:#337ab7*/
}
.panel-WB>.panel-heading .badge {
	color:#337ab7;
	background-color:#fff;
}
.panel-WB>.panel-body {
	/* border:5px solid #f5c800;*/
    background-color:#e6e7e9;
	height:auto;
}
.panel-WB-title {
	/*margin-top:0;
	margin-bottom:0;*/
	font-size:20px;
	font-weight:bold;
	color:inherit
}
.btncircle {
	width: 12px;
	height: 12px;
	padding: 3px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	background-color:#000000;
}
.text-white {
	color:#FFF;
}
.text-black {
	color:#000;
}
.bg-black {
	background-color:#000;
	border-bottom:solid 1px #f5c800;
}
 @media (max-width:667px) {
.col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 {
float:left
}
.col-xxs-12 {
width:100%
}
.col-xxs-11 {
width:91.66666667%
}
.col-xxs-10 {
width:83.33333333%
}
.col-xxs-9 {
width:75%
}
.col-xxs-8 {
width:66.66666667%
}
.col-xxs-7 {
width:58.33333333%
}
.col-xxs-6 {
width:50%
}
.col-xxs-5 {
width:41.66666667%
}
.col-xxs-4 {
width:33.33333333%
}
.col-xxs-3 {
width:25%
}
.col-xxs-2 {
width:16.66666667%
}
.col-xxs-1 {
width:8.33333333%
}
.col-xxs-pull-12 {
right:100%
}
.col-xxs-pull-11 {
right:91.66666667%
}
.col-xxs-pull-10 {
right:83.33333333%
}
.col-xxs-pull-9 {
right:75%
}
.col-xxs-pull-8 {
right:66.66666667%
}
.col-xxs-pull-7 {
right:58.33333333%
}
.col-xxs-pull-6 {
right:50%
}
.col-xxs-pull-5 {
right:41.66666667%
}
.col-xxs-pull-4 {
right:33.33333333%
}
.col-xxs-pull-3 {
right:25%
}
.col-xxs-pull-2 {
right:16.66666667%
}
.col-xxs-pull-1 {
right:8.33333333%
}
.col-xxs-pull-0 {
right:auto
}
.col-xxs-push-12 {
left:100%
}
.col-xxs-push-11 {
left:91.66666667%
}
.col-xxs-push-10 {
left:83.33333333%
}
.col-xxs-push-9 {
left:75%
}
.col-xxs-push-8 {
left:66.66666667%
}
.col-xxs-push-7 {
left:58.33333333%
}
.col-xxs-push-6 {
left:50%
}
.col-xxs-push-5 {
left:41.66666667%
}
.col-xxs-push-4 {
left:33.33333333%
}
.col-xxs-push-3 {
left:25%
}
.col-xxs-push-2 {
left:16.66666667%
}
.col-xxs-push-1 {
left:8.33333333%
}
.col-xxs-push-0 {
left:auto
}
.col-xxs-offset-12 {
margin-left:100%
}
.col-xxs-offset-11 {
margin-left:91.66666667%
}
.col-xxs-offset-10 {
margin-left:83.33333333%
}
.col-xxs-offset-9 {
margin-left:75%
}
.col-xxs-offset-8 {
margin-left:66.66666667%
}
.col-xxs-offset-7 {
margin-left:58.33333333%
}
.col-xxs-offset-6 {
margin-left:50%
}
.col-xxs-offset-5 {
margin-left:41.66666667%
}
.col-xxs-offset-4 {
margin-left:33.33333333%
}
.col-xxs-offset-3 {
margin-left:25%
}
.col-xxs-offset-2 {
margin-left:16.66666667%
}
.col-xxs-offset-1 {
margin-left:8.33333333%
}
.col-xxs-offset-0 {
margin-left:0
}
.visible-xxs {
display:block!important
}
}
.panel-news {
	border-color:#f5c800
}
.panel-news>.panel-heading {
	color:#000;
	background-color:#f5c800;
	border-color:#f5c800
}
.panel-news>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#f5c800
}
.panel-news>.panel-heading .badge {
	color:#f5c800;
	background-color:#fff
}
.panel-news>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#f5c800
}
}
.bubble img {
	float:left;
	width:70px;
	height:70px;
	border:3px solid #ffffff;
	border-radius:10px
}
.bubble-content {
	position:relative;
	float:left;
	margin-left:-10px;
	/* width:400px;
   padding:0px 20px;*/
   width:auto;
	padding:30px 30px;
	border-radius:10px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .2);
}
.bubble {
	margin-top:20px;
}
.point {
	border-width:20px;
	border-top:-18px solid transparent;
	border-bottom:30px solid transparent;
	border-right: 30px solid #FFF;
	position:absolute;
	left:-20px;
	top:15px;
}
.bubble-contentright {
	position:relative;
	float:right;
	margin-right:-10px;
	/* width:400px;
   padding:0px 20px;*/
   width:93%;
	padding:30px 30px;
	border-radius:10px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 5px rgba(0, 0, 0, .2);
}
.bubble {
	margin-top:20px;
}
.pointright {
	border-width:20px;
	border-top:-18px solid transparent;
	border-bottom:30px solid transparent;
	border-left: 30px solid #FFF;
	position:absolute;
	right:-20px;
	top:15px;
}
/*---------------------------*/   
 .carouselTT {
	position:relative
}
.carouselTT-inner {
	position:relative;
	width:100%;
	overflow:hidden
}
.carouselTT-inner>.item {
	position:relative;
	display:none;
-webkit-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carouselTT-inner>.item>a>img, .carouselTT-inner>.item>img {
	line-height:1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carouselTT-inner>.item {
-webkit-transition:-webkit-transform .6s ease-in-out;
-o-transition:-o-transform .6s ease-in-out;
transition:transform .6s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000px;
perspective:1000px
}
.carouselTT-inner>.item.active.right, .carouselTT-inner>.item.next {
left:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
.carouselTT-inner>.item.active.left, .carouselTT-inner>.item.prev {
left:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.carouselTT-inner>.item.active, .carouselTT-inner>.item.next.left, .carouselTT-inner>.item.prev.right {
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carouselTT-inner>.active, .carouselTT-inner>.next, .carouselTT-inner>.prev {
	display:block
}
.carouselTT-inner>.active {
	left:0
}
.carouselTT-inner>.next, .carouselTT-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carouselTT-inner>.next {
	left:100%
}
.carouselTT-inner>.prev {
	left:-100%
}
.carouselTT-inner>.next.left, .carouselTT-inner>.prev.right {
	left:0
}
.carouselTT-inner>.active.left {
	left:-100%
}
.carouselTT-inner>.active.right {
	left:100%
}
.carouselTT-control {
	/*	position:absolute;*/
		position:fixed;
	top:0;
	bottom:0;
	left:0;
	width:5%;
	font-size:30px; /*-----------------*/
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6);
	background-color:rgba(0, 0, 0, 0);
	filter:alpha(opacity=50);
	opacity:.5
}
.carouselTT-control.left {
	background-repeat:repeat-x
}
.carouselTT-control.right {
	right:0;
	left:auto;
	background-repeat:repeat-x;
}
.carouselTT-control:focus, .carouselTT-control:hover {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carouselTT-control .glyphicon-chevron-left, .carouselTT-control .glyphicon-chevron-right, .carouselTT-control .icon-next, .carousel-control .icon-prev {
	/*position:absolute;*/
	position:absolute;
	top:60%;
	z-index:5;
	display:inline-block;
	margin-top:-10px
}
.carouselTT-control .glyphicon-chevron-left, .carouselTT-control .icon-prev {
	left:250%;
	margin-left:-10px;
	color:#ADADAD; /*-----------สี------------*/
}
.carouselTT-control .glyphicon-chevron-right, .carouselTT-control .icon-next {
	/*right:50%;*/
	right:250%;
	margin-right:-10px;
	color:#ADADAD; /*-----------สี------------*/
}
.txtshadow {
	color: white;
	text-shadow:
 -1px -1px 0 #cc9933,  1px -1px 0 #cc9933,  -1px 1px 0 #cc9933,  1px 1px 0 #cc9933;
}
.div_hover {
	background-color: #8bc53f;
	color:#000;
}
.div_hover:hover {
	background-color: #f5c800;
	color:#fff;
}


.div_tutor_post {
	background-color:#fff8b3;
}
.div_member_post {
	background-color:#f5c800;
}

.btnhover {
	background-color:#bababa;
}
.btnhover:hover {
	background-color: #f5c800;
}
/*--------------------start category and item--------------------*/
.body .review
{
	background-color:#F7F5F4;
	padding:5px 15px;
}
.body .title
{
	font-size:20px;
	font-weight:700;
	margin:35px 0 25px 10px;
}
.body .title-page
{
	font-size:24px;
	font-weight:700;
	margin:15px 0 0 0;
}
.body .review .title
{
	margin:35px 0 35px 0;
}
.body .item-div
{
	margin:40px 0 0 0;
}
.body .item-div p
{
	margin:35px 0 35px 15px;
	font-size:15px;
}
.body .category
{
	overflow: auto;
	white-space: nowrap;
	font-size:17px;
	border-bottom:2px solid #E4E4E4;
}
.body .category li,a
{
	display: inline-block;
	margin:0 0 0 5px;
	text-decoration: none;
	color:#707070;
}
.body .category a:hover
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a:active
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a:focus
{
	color:#F36F24;
	text-decoration:none;
}
.body .category a.active
{
	color:#F36F24;
	font-weight:bold;
	border-bottom:3px solid #F36F24;
}
/*-----------------------------สำหรับ item ธรรมดา-----------------------------------*/
.body .item-row
{
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin:35px 0 0 0;
	position: relative;
}
.body .item-row::-webkit-scrollbar
{
	width: 10px;
	height:8px;
}
.body .item-row::-webkit-scrollbar-thumb
{
	background: #CCC;
	border-radius: 25px;
}
.body .item-row .item
{
	max-width:250px;
	padding: .75rem;
	margin: 5px;
	margin-bottom: 10px;
	border: 0;
	flex-basis: 90%;
	flex-grow: 0;
	flex-shrink: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.16);
	border-radius: 5px;
}
.body .item-row .item a
{
	margin:0;
}
.body .item .row
{
	margin-right: -23px;
    margin-left: -23px;
}
.body .item .row img,.body .item .row svg
{
	border-radius: 5px;
}
.body .item a
{
	text-decoration-line:none;
	color:#191919;
}
.body .item a:hover
{
	color:#191919;
}
.body .item .topic
{
	overflow: hidden;
	display: -webkit-box;
	height: 40px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0;
	font-size:15px;
	font-weight:bold;
	margin:15px 0 15px;
}
.body .item .author
{
	font-size:14px;
	color:#070707;
	margin:0 0 5px;
}
.body .item .rate
{
	width:50%;
	float:left;
	line-height:20px;
	color:#707070;
}
.body .item .favorite
{
	font-size:13px;
}
.body .item .favorite i.checked
{
	color:#F1BD3E;
}
.body .item .vote
{
	font-size:13px;
}
.body .item .price
{
	width:50%;
	float:left;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#191919;
	line-height:35px;
}
.body .item .view
{
	width:50%;
	float:left;
	text-align:right;
	line-height:20px;
}
/*-----------------------------สำหรับ item ธรรมดา-----------------------------------*/
.btn-header
{
	color:white;
	font-size:13px;
	width:120px;
	position:absolute;
	top:5px;
	left:20px;
}
.btn-header:hover,.btn-header:focus
{
	color:white;
}
.btn-favorite
{
	background:white;
	color:#E7215C;
	width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857;
	position:absolute;
	top:5px;
	right:20px;
}
.btn-favorite:hover,.btn-favorite:focus
{
	background:#E7215C;
	color:white;
}
.btn-favorite.active
{
	background:#E7215C;
	color:white;
}
.btn-favorite.active:hover,.btn-favorite.active:focus
{
	background:white;
	color:#E7215C;
}
.body .view-all
{
	margin-top:35px;
	text-align:center;
}
.body .view-all a
{
	background:#F36F24;
	color:white;
	border-radius:15px;
	width:30%;
}
.body .view-all a:hover,.body .view-all a:focus
{
	background:white;
	color:#F36F24;
	border-color:#F36F24;
}
@media screen and (max-width: 640px)
{
	.body .view-all
	{
		margin-bottom:35px;
	}
	.body .view-all a
	{
		width:80%;
	}
}
/*--------------------end category and item--------------------*/
/*--------------------start section--------------------*/
.section-container
{
	margin:25px 0;
}
.image-hover
{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:13px;
	font-weight:700;
}
figure
{
	height: auto;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-align:center;
}
figure:hover figcaption ,figure:active figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: 0;
}
figcaption
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s;
}
.section
{
	width:24%;
	float:left;
	border-radius:5px;
	box-shadow:0 3px 3px #E4E4E4;
	margin:5px;
	padding-bottom:10px;
	position:relative;
	margin-bottom:15px;
	background:white;
}
.section a
{
	margin:0;
}
.section-img
{
	width:100%;
	position:relative;
}
.section-img img
{
	border-radius:5px;
}
.section-desc
{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.section-topic
{
	font-size:14px;
	font-weight:700;
	overflow: hidden;
	display: -webkit-box;
	height: 40px;
	line-height: 22px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 15px;
}
.section-topic-course
{
	font-size:16px;
	font-weight:700;
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin:0 0 10px;
}
.section-topic a,.section-topic-course a
{
	text-decoration-line:none;
	color:#21242C;
}
.section-desc a
{
	text-decoration-line:none;
	color:#21242C;
}
.section-author
{
	text-align:right;
	font-size:12px;
	color:#070707;
	overflow: hidden;
	display: -webkit-box;
	height: 20px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.author-course
{
	font-size:12px;
	color:#070707;
}
.section-view
{
	text-align:right;
	font-size:12px;
	color:#707070;
}
.section-rate
{
	width:50%;
	float:left;
	font-size:12px;
	color:#707070;
}
.section-btm
{
	width:50%;
	float:left;
}
.section-btm .price
{
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#191919;
	line-height:35px;
}
.section .btn-header
{
	left:5px;
}
.section .btn-favorite
{
	right:5px;
}
@media screen and (max-width: 1199px)
{
	.section
	{
		width:32%;
	}
}
@media screen and (max-width: 991px)
{
	.section
	{
		width:32%;
	}
}
@media screen and (max-width: 767px)
{
	.section
	{
		width:31.9%;
	}
	.section-rate
	{
		width:45%;
		float:left;
	}
	.section-btm
	{
		width:55%;
		float:left;
	}
}
@media screen and (max-width: 726px)
{
	.section
	{
		width:31.7%;
	}
}
@media screen and (max-width: 694px)
{
	.section
	{
		width:31.8%;
	}
}
@media screen and (max-width: 691px)
{
	.section
	{
		width:48%;
	}
}
@media screen and (max-width: 529px)
{
	.section
	{
		width:98%;
		padding-bottom:0;
		margin-bottom:15px;
	}
	.section-img
	{
		width:40%;
		float:left;
	}
	.section-desc
	{
		width:60%;
		float:left;
	}
	.section-topic
	{
		margin-top:-5px;
		font-size:13px;
		width:100%;
	}
	.section-topic-course
	{
		margin-top:-10px;
		font-size:14px;
		width:100%;
	}
	.section-rate
	{
		width:45%;
		float:left;
	}
	.section-btm
	{
		width:55%;
		float:left;
	}
	.section .btn-header
	{
		font-size:11px;
		width:95px;
	}
	.section .btn-favorite
	{
		border:2px solid #E7215C;
	}
}
@media screen and (max-width: 374px)
{
	.section-topic-course
	{
		margin-top:0;
	}
	.section
	{
		width:97.5%;
		padding-bottom:0;
	}
	.section-img
	{
		width:100%;
		float:left;
	}
	.section-desc
	{
		width:100%;
		float:left;
	}
	.section-topic
	{
		font-size:14px;
	}
	.section .btn-header
	{
		font-size:13px;
		width:120px;
	}
	.section .btn-favorite
	{
		border:none;
	}
	.section .btn-header
	{
		left:5px;
	}
}
/*--------------------end section--------------------*/