.list-couese{
	background: #fff;
}
.list-course-header{
	background: #ccc;
	text-transform: uppercase;
}
.course-col{
	float: left;
	width: 120px;
	text-align: center;
}
.course-col select{
	max-width: 100%;
}
.course-col span,
.course-col a{
	display: block;
	padding: 10px;
}
.close-course{
	background: none;
	border: none;
	width: 30px;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}
.course-col a{
	color: #f00;
}
.course-col a:hover{
	text-decoration: underline;
}
.list-course-header .filter img{
	width: 20px;
}
.course-col.course-col1{
	width: calc(100% - 1020px);
	text-align: left;
}
.course-col.course-col2{
	width: 100px;
	text-align: center;
}
.course-col:nth-child(3){
	
}
.course-col:nth-child(4){

}
.course-col:nth-child(5){

}
.course-col:nth-child(6){

}
.course-col:nth-child(7){

}
.course-col:nth-child(8){
	
}
.course-col:nth-child(9){
	
}
.course-col.course-col10{
	width: 80px;
}
.course-row{
	
}
.course-row:after{
	clear: both;
	content: '';
	display: block;
}
.list-course-body .course-row:nth-child(2n){
	background: #f2f2f2;
}
.course-row-filter{
	background: #6f6f6f;
	display: none;
}
.course-row-filter.active{
	display: block;
}
.course-row.hidden{
	display: none;
}
.popup-course-register{
	width: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	height: 100%;
	display: none;
}
.popup-course-register.active{
	display: block;
}
.course-register-content{
	max-width: 800px;
	margin: auto;
	background: #fff;
	padding: 30px;
	position: relative;
}
.course-register-content:after{
	clear: both;
	content: '';
	display: block;
}
.left-course-register{
	float: left;
	width: calc(50% - 30px);
}
.left-course-register table{
	width: 100%;
	border-collapse: collapse;
}
.left-course-register tr{
	border-bottom: 1px solid #ccc;
}
.left-course-register td{
	padding: 10px 0;
}
.right-course-register{
	float: right;
	width: calc(50% - 30px);
	position: relative;
}
.right-course-register label{
	display: block;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 13px;
}
.right-course-register input{
	width: calc(100% - 22px);
	padding: 10px 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.right-course-register select{
	width: 100%;
}
.right-course-register button{
	margin-top: 20px;
	width: 150px;
	height: 35px;
	background: #dedede;
	border: none;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 13px;
}
.course-register-content h2{
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 20px;
}
.right-course-register .error {
	border: 1px solid #d70101;
}
#dieukhoan.error{
	box-shadow: 0px 0px 2px #f00;
}
.course_register-payment{
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
#registercourse{
	background: #29aae3;

	border: none;
	
	color: #fff;
	
	padding: 10px 20px;
	
	border-radius: 20px;
	
	display: block;
	
	margin: auto;
	font-size: 13px;
}
.right-course-register-info,.right-course-register-action{
	display: none;
}
.right-course-register-info.active,.right-course-register-action.active{
	display: block;
}
.success-mess,.error-mess{
	display: none;
}
.showmobile{
	display: none;
}
.list-course-body .course-col21{
	text-align: left;
}
.viewdetail{
	display: none;
}
.course-col10 a span{
	padding: 0;
}
.dangky-mobile{
	background: #ccc;
	border: none;
	font-size: 13px;
	text-transform: uppercase;
	padding: 10px 30px;
	margin: auto;
	    margin-top: auto;
	display: block;
	margin-top: 20px;
	display: none;
}
.course-col span.viewdetail{
	display: none;
}
.all-course{
	text-align: center;
}
.all-course table{
	width: 100%;
	border-collapse: collapse;
}
.all-course table th{
	text-transform: uppercase;
	font-size: 16px;
}
.all-course table td{
	width: 10%;
	padding: 10px;
}
.all-course table td:nth-child(1){
	
}
.all-course table td:nth-child(2){
	width: 30%;
	border-right: 1px solid #000;
}
.price.price-sale{
	width: 33.33%;
	float: left;
}
.price{
	font-size: 12px;
}
.price span{
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding-bottom: 5px;
}
.all-course table td:nth-child(1) h3{
	padding-bottom: 10px;
	margin: 0;
	font-size: 16px;
	color: #fe0000;
	text-transform: uppercase;
}
.all-course table td:nth-child(1) div{
	padding-bottom: 3px;
}
.all-course a{
	color: #26abe4;
}
.all-course a:hover{
	text-decoration: underline;
}
.course-filter{
	padding-bottom: 50px;
}
.all-course h1{
	padding: 20px;
	margin: 0;
	font-size: 20px;
	color: #fe0000;
	text-transform: uppercase;
}
.all-course table th{
	padding-bottom: 20px;
}
.course-filter select{
	margin: 0 5px;
}
.course_register-row:after{
	clear: both;
	content: '';
	display: block;
}
.thanhtoan-tm:after{
	clear: both;
	content: '';
	display: block;
}
.thanhtoan-tm > div{
	float: left;
	width: calc(50% - 30px);
	padding-right: 30px;
}
.thanhtoan-tm div.location2{
	padding-left: 30px;
	padding-right: 0;
}

.gln_course_register h1,
.title-pptt{
	padding: 20px;
	margin: 0;
	font-size: 20px;
	color: #fe0000;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}
.gln_course_register .course-register-content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fe0000;
    margin: 0;
    padding: 0;
}
.gln_course_register h3,.title-pptt{

}
.thanhtoan-tm h3,.thanhtoan-ck h3{
	font-size: 16px;
	margin: 0;
}
.thanhtoan-tm,.thanhtoan-ck{
	padding-top: 25px;

	border-bottom: 1px solid #ececec;
	
	padding-bottom: 40px;
	
	margin-bottom: 20px;
}
.course-dieukhoan{
	padding-top: 50px;
}
.course-dieukhoan > div.dieukhoan-content{
	margin-top: 20px;
	border: 1px solid #ccc;
	height: 200px;
	overflow: auto;
}
.dieukhoan-content > div{
	padding: 20px;
}
.course_register-check{
	padding: 30px 0;
}
.thanhtoan-ck h3{
	padding: 20px 0;
}
.price-2 span{
	color: #9e9e9e;
	font-weight: normal;
	text-decoration: line-through;
}
.last-price span{
	color: #fe0000;
}
.off-price{
	text-decoration: line-through;
	color: #797979;
}
.title-head2{
	float: none !important;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}
.thanhtoan-tm b{
	font-size: 15px;
	display: block;
	padding-bottom: 10px;
}
span.a-error{
	color: #d70101;
	display: block;
	padding: 5px 0;
	display: none;
}
@media only screen and (max-width: 1200px) {
	.course-col{
		float: left;
		width: 100px;
		text-align: center;
	}
	.course-col.course-col1 {
	    width: calc(100% - 880px);
	    text-align: left;
	}
}
@media only screen and (max-width: 1000px) {
	.course-col.course-col9,.course-col.course-col3{
		display: none;
	}
	.course-col.course-col1 {
	    width: calc(100% - 680px);
	    text-align: left;
	}
}
@media only screen and (max-width: 800px) {
	.course-col.course-col5{
		display: none;
	}
	.course-col.course-col1 {
	    width: calc(100% - 580px);
	    text-align: left;
	}
}
@media only screen and (max-width: 700px) {
	.course-col.course-col4,.course-col.course-col6,.course-col.course-col7{
		display: none;	
	}
	.showmobile{
		display: block;
	}
	.course-col21{
		width: 150px;
	}
	.course-col.course-col1 {
	    width: calc(100% - 430px);
	    text-align: left;
	}
	.price.price-sale {
	    width: 100%;
	    float: none;
	}
}
@media only screen and (max-width: 450px) {
	.course-col21{
		display: none;
	}
	.course-col2{
		display: none;
	}
	.course-col.course-col1 {
	    width: calc(100% - 180px);
	    text-align: left;
	}
	.left-course-register {
	    float: none;
	    width: 100%;
	}
	.right-course-register {
    	float: none;
	    width: 100%;
	    position: relative;
	}
	.course-register-content::before{
		display: none;
	}
	.course-col10 .viewdetail{
		display: block;
		padding: 0;
	}
	.course-col10 .Register{
		display: none;
		padding: 0;
	}
	.right-course-register{
		display: none;	
	}
	.dangky-mobile{
		display: block;
	}
	.course-col span.viewdetail {
	    display: block;
	}
	.course-col a.filter{
		display: none;
	}
	.price.price-sale:first-child,.price.price-sale:nth-child(2){
		display: none;
	}
	.all-course table td:nth-child(2){
		display: none;
	}
	.all-course table td:last-child{
		width: 60px;
	}
	.all-course table td{
		width: auto;
		padding: 20px 10px;
	}
	.all-course table tr:nth-child(2n){
		background: #eceaea;
	}
	.all-course table th{
		font-size: 14px;
	}
	.all-course table th {
	    font-size: 14px;
	    background: #ccc;
	    padding: 15px 0px;
	}
	.all-course table th:nth-child(2){
		display: none;
	}
}