@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Kanit);
body#mainpage {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px;
	background-attachment: scroll;
	background-color: transparent;
	color: #333333;
	font-family: Tahoma;
	height:100%;
	margin:0px;
}

div#headercontainer {
	padding-top:10px;
}

div#maincontainer {
	padding-top:10px;
	overflow:hidden;
	width:1200px;
}

div.maincontainer {
	padding-top:10px;
	overflow:hidden;
	width:1200px;
}

div#leftcontent {
	float:left;
	width:235px;
}

div#rightcontent {
	float:left;
	width:760px;
	text-align:left;
}

div.content h2 {
	font-size: 16px;
	color: #1e1d1d;
	font-weight: 400;
	line-height: 22px;
	height: 48px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
div#headerbanner {
	width: 100%;
}
.banner-a-carousel.owl-carousel .owl-item img {
	width: 100%;
}

div#categories {
	margin-top:10px;
}

div#breadcrumb ul{
	padding: 0;
	list-style-type: none;
}

div#breadcrumb ul li {
	font-size:12px;
	float:left;
	font-weight:bold;
	padding-left:15px;
}

div#breadcrumb ul li a{
	text-decoration:none;
	color:#0579b7;
}

div#searchsuggest ul li{
	margin:0px;
	float:left;
	list-style:none;
	line-height:20px;
	font-size:12px;
	margin-left:-40px;
}

div#searchsuggest ul li.title{
	color:gray;
}

div#searchsuggest ul li.item{
	background-color:#e8e6e6;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom: 5px;
}

div#searchsuggest ul li.item a{
	color:#0579b7;
	text-decoration:none;
}

div#inputtext
{
	width:400px;
	/*height:60px;*/
	overflow:hidden;
	float:left;
}

.input-xlarge
{
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	margin-left: 1px;
	border: 1px solid #AAAAAA;
	display: block;
	width: 100%;
	padding:5px;
}

div#catagories
{
	float:left;
}

div#searchbutton
{
	float:left;
}

.chosen-container-single .chosen-single {
	border: 1px solid #AAAAAA;
	border-radius: 0px;
	box-shadow:0;
	height:40px;
	font-size: 14px;
	line-height: 40px;
	color:#0579B7;
	font-weight:bold;
	text-align:left;
}

.chosen-container-single .chosen-single  div {
	margin-right:10px;
}

div#detaildesc
{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eeeeee;
}


div#options div.rearrange
{
	float:right;
	padding:15px 0 10px 0;
}


/* button group */
div#options div.nav-data
{
	padding:15px 0 15px 10px;
	float:left;

}

.btn-group {
	white-space: nowrap;
}

.nav-data > a.btn.active {
	background-color: #EFEFEF;
	font-weight:bold;
}

.filter-data .nav-data > a.btn {
	margin-left:-8px;
	background-color: #FFFFFF;
	background-image: none;
	color: #0579B7;
	font-size: 13px;
	text-decoration:none;
}


.filter-data .btn.active, .btn:active {
	background-image: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0 none;
}

.filter-data .nav-data a.btn:hover {
	color:orange;
}


.btn {
	border:1px solid #A2A2A2;
	border-radius: 50px;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
}

.btn-group > .btn {
	border-radius: 0 0 0 0;
	position: relative;
}

.btn-group > .btn:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin-left: 0;
}

.btn-group > .btn:last-child {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-left: 0;
}

div#listing
{
	padding:10px;
}




#pagination-digg {
	margin-left:-30px;
}

#pagination-digg li{
	border:0;
	padding:0px;
	font-size:14px;
	list-style:none;
	margin-right:0px 2px 0px 0px;
}
#pagination-digg a{
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	line-height: 17px;
	margin: 0 5px;
	color:#0579B7;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	color:gray;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
#pagination-digg .active{
	display:block;
	float:left;
	padding:3px 6px;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	line-height: 17px;
	margin: 0 5px;
	background-color: #F5F5F5;
	color:black;
}
#pagination-digg a:link,
#pagination-digg a:visited {
	color:#0579B7;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-digg a:hover{
	border:solid 1px #0579B7;
}
#pagination-digg .next a,
#pagination-digg .previous a {
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	font-weight:bold;
	background-color: #FF6B19;
	color:white;
}

div.footer {
	background-image: url("../images/bg-footer.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	height:40px;
	width:100%;
	padding:20px 0 20px 0;
	margin:20px 0 0 0;
	font-size:11px;
	color:gray;
}

div.weblogo {

}

div.postfree {
	padding-top:20px;
}

div.easyregister {
	padding-top:10px;
}

div.maincategory {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #444444;
	display: block;
	width:180px;
	text-align:left;
}

div.maincategory div.header {
	background-color: #0579B7;
	border-radius: 3px 3px 0 0;
	color:#ff7e00;
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	text-align:center;
}

div.maincategory ul {
	list-style:none;
	margin:0 0 0 -40px;
}

div.maincategory ul.ie {
	list-style:none;
	margin:0px;
}

div.maincategory ul li{
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	display: flow-root;
}

div.maincategory ul li.last{
	border-bottom:0px;
}

div.maincategory ul li a{
	color:#0579B7;
	text-decoration:none;
}

div.maincategory ul li a:hover{
	color:#ff7e00;
	text-decoration:none;
}

div.tags {
	padding:10px;
}

div.datesearch {
	margin-top:20px;
	background-color: #efefef;
	border: 1px solid #dddddd;
	border-radius: 3px 3px 3px 3px;
	color: #000000;
	display: block;
	width:180px;
	line-height:30px;
}

div.datesearch div.header{
	background-color: #efefef;
	border-radius: 3px 3px 0 0;
	color:gray;
	font-size:12px;
	line-height:30px;
	border-bottom:1px solid #dddddd;
}

div.datesearch div.myfooter{
	background-color: #efefef;
	font-size:12px;
	line-height:30px;
	border-top:1px dashed #dddddd;
}

div.datesearch div.myfooter a{
	color:red;
	text-decoration:none;
}

div.datesearch ul {
	list-style:none;
	margin:0 0 0 -40px;
}

div.datesearch ul.ie {
	list-style:none;
	margin:0px;
}

div.datesearch ul li a{
	color:#767676;
	text-decoration:none;
}

div.datesearch ul li a.current{
	color:#0579B7;
	font-weight:bold;
}

div.datesearch ul li a:hover{
	color:#000000;
	text-decoration:underline;
}

div.sidebarads {
	border:1px solid #CCCCCC;
	padding:4px 2px 4px 2px;
	margin-top:20px;
	width:184px;
	overflow:hidden;
}

/* REGISTER BUTTONS */

/*div a.register-button {
	margin-left:50px; !* move to middle after disable callback btn *!
	float:left;
	display: block;
	width: 80px;
	height: 32px;
	margin-right:10px;
	background: url(../images/register-buttons.png)	no-repeat 0px 0px;
}

div a.register-button:hover {
	background: url(../images/register-buttons.png)	no-repeat -90px 0px;
}

div a.register-button:active {
	background: url(../images/register-buttons.png)	no-repeat -180px 0px;
}*/

div a.callback-button {
	float:left;
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/callback-buttons.png)	no-repeat 0px 0px;
	display:none;
}

div a.callback-button:hover {
	background: url(../images/callback-buttons.png)	no-repeat -90px 0px;
}

div a.callback-button:active {
	background: url(../images/callback-buttons.png)	no-repeat -180px 0px;
}

div a.callback-button-off {
	float:left;
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/callback-buttons-off.png)	no-repeat 0px 0px;
	display:none;
}

/*div a.register-button-off {
	margin-left:50px; !* move to middle after disable callback btn *!
	float:left;
	display: block;
	width: 80px;
	height: 32px;
	margin-right:10px;
	background: url(../images/register-buttons-off.png)	no-repeat 0px 0px;
}*/

div.buyerguide {
	color: red;
	font-size: 14px;
	background-color: #f6f6f6;
	padding: 15px;
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	line-height: 25px;
}
div.buyerguide ul {
	list-style: none;
}
div.buyerguide ul > li{
	counter-increment: li;
}
div.buyerguide ul > li::before {
	content: counter(li)".";
	color: red;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}
div.buyerguide ul h3 {
	text-align: center;
	margin: 0;
	margin-bottom: -14px;
	font-size: 20px;
	font-family: 'kanit','sans-serif';
}

p.suggestion {
	font-size:12px;
}

.chosen-container {
	text-align:left;
}

li h1 {
	font-size:12px;
	color:black;
	font-weight:bold;
	margin-top:0px;
}


div.postdetail
{
	padding:5px;
	border-top:1px dashed #e1e2e3;
	border-bottom:1px dashed #e1e2e3;
	margin-bottom:10px;
	width: 100%;
	position:relative;
}

div.calendar
{
	background-image: url("../images/icon_calendar.gif");
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px;
	font-size:12px;
	width:170px;
	/*width:200;*/
	float:left;
	color:#747474;
	text-align:left;
}

a.eventdate
{
	color:#747474;
	text-decoration:none;
}

a.eventdate.active
{
	color:green;
	text-decoration:none;
}

div.counter
{
	background-image: url("../images/icon_chart.png");
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px;
	font-size:12px;
	width:130px;
	/*width:200;*/
	float:left;
	color:#747474;
	text-align:left;
}

div.complaint
{
	width:170px;
	float:left;
	font-size:12px;
	color:#F44336;
	text-align:left;
	cursor: pointer;
}

div.register
{
	float: right;
	padding: -10px;
	right: 0;
}


.registerlink {
	display: block;
	width: 118px;
	height: 26px;
	background: url('../images/button-register.png') top;
}
.registerlink:hover {
	background-position: bottom;
}

.registerlink-off {
	display: block;
	width: 118px;
	height: 26px;
	background: url('../images/button-register-off.png') top;
}

div.desc
{
	padding-top:10px;
}

div.desc h1
{
	font-size:24px;
}

div#mainimg
{
	width: 100%;
}

.largebutton
{
	font-size:18px;
	padding:5px;
}
div#headerbanner img
{
	border:1px solid #c2c2c2;
}

/* admin panel */



div.topmostnav
{
	background-color:black;
	color:gold;
	padding:10px;
	font-size:16px;
}

div.innertopmostnav
{
	float:right;
}

div.adminpostoption
{
	float:right;
}

div.innertopmostpostoption
{
	background-color:white;
	color:black;
	padding:5px;
	margin-top:15px;
}

/*jqte*/

.jqte{
	border:1px solid #7F9DB9 !important;
	border-radius:0px !important;
	box-shadow:none !important;
	margin:0px !important;
}

div.sectionheader{
	background:url("../images/icon-info-bw.png") no-repeat left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 3px 40px;
	border-bottom:1px dashed #E1E2E3;
	font-size:16px;
	font-weight:bold;
	color:#0579B7;
}

div.sectioncontent{
	padding:10px 10px 20px 20px;
	font-size: 16px;
	line-height: 25px;
}

.posterinfo{
	font-weight:bold;
}

.errormessage{
	border:1px solid red;
	padding:10px;
	color:red;
	margin-bottom: 30px;
}

div#calendar-instruction{
	font-size:12px;
	color:blue;
}

div.datepickertitle{
	font-weight:bold;
}

/* banners */
div.squarebanner {
	padding-left: 0;
	margin-top: 10px;
	text-align: center;
}

div.squarebanner ul{
	margin: 0;
	padding: 0;
}

div.squarebanner ul li{
	list-style: none;
	margin: 0px 17px 10px 0;
	width: auto;
	display: inline-block;
	width: 48%;
}

div.fb-like-box{
	margin-top:20px;
}

div.g-plusone, div.fb-like, div.twitter-tweet{
	float:left;
	margin-left:10px;
	width:100px;
}

.postpagetitle{
	font-weight:bold;
	padding:5px;
}

div.filenotfound{
	background:url('../images/hagaw-404.png') no-repeat right;
	min-height:320px;
	height:auto !important;
	height:320px;
}

div.filenotfound h1{
	color:red;
}

#pagenotfoundtext{
	font-size:20px;
}

#pagenotfoundbutton{
	font-size:20px;
	padding:3px 10px 3px 10px;
}

div.topnav{
	height:20px;
	background-color:#E8E6E6;
	border-bottom:1px solid #dbdbdb;
}

div.subtopnav{
	width:1000px;
	font-size:11px;
	line-height:20px;
}

div.subtopnav a{
	color:black;
	text-decoration:none;
}

div.subtopnav a:hover{
	text-decoration:underline;
}

/* ------------------- list---------------------------- */

div.relatedpostitem-list{
	margin-bottom:10px;
	width:700px;
	border:1px solid #e8e6e6;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	height:145px;
}

div.relatedpostitem-list div.content, div.hotdealpostitem-list div.content, div.scheduledpostitem-list div.content{
	position:relative;
	padding:5px;
	text-align:left;
}

div.relatedpostitem-list div.thumb, div.hotdealpostitem-list div.thumb, div.scheduledpostitem-list div.thumb{
	width:130px;
	float:left;
	padding:5px;
	position:relative;
}

div.relatedpostitem-list div.subcontent, div.hotdealpostitem-list div.subcontent, div.scheduledpostitem-list div.subcontent{
	width:540px;
	float:left;
	padding:3px;
}

div.relatedpostitem-list img{
	border-radius: 3px 3px 3px 3px;
}

div.hotdealpostitem-list{
	width:700px;
	margin-bottom:10px;
	height:170px;
	border:1px solid red;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	position:relative;
}

div.scheduledpostitem-list{
	width:700px;
	margin-bottom:10px;
	height:170px;
	border:1px solid red;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	position:relative;
}

div.hotdealpostitem-list div.header{
	height:15px;
	background-color:red;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:3px 3px 3px 10px;

}

div.scheduledpostitem-list div.header{
	height:15px;
	background-color:red;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:3px 3px 3px 10px;

}

div.hotdealpostitem-list div.button-options, div.relatedpostitem-list div.button-options,div.scheduledpostitem-list div.button-options {
	margin-bottom:0px;
	padding:5px 0 7px 5px;
	float:right;
	width:170px;
}

div.hotdealpostitem-list div.subcontent div.title, div.relatedpostitem-list div.subcontent div.title , div.scheduledpostitem-list div.subcontent div.title {
	font-size:15px;
	height:35px;
	overflow:hidden;
}

div.hotdealpostitem-list div.subcontent div.relatedpostitem_desc, div.relatedpostitem-list div.subcontent div.relatedpostitem_desc ,div.scheduledpostitem-list div.subcontent div.relatedpostitem_desc{
	font-size:12px;
	height:50px;
	overflow:hidden;
}


div.relatedpostitem-list div.relatedpostitem_eventdate, div.hotdealpostitem-list div.relatedpostitem_eventdate, div.scheduledpostitem-list div.relatedpostitem_eventdate
{
	background: url("../images/icon_calendar.gif") #e8e6e6 no-repeat 10px 2px;
	border:1px solid #d7d6d6;
	border-radius: 5px 5px 5px 5px;
	padding:3px 10px 3px 25px;
	margin:10px 0 10px 0;
	font-size:12px;
	color:green;

	float:left;
	width:190px;
	height:15px;
}

div.relatedpostitem-list div.relatedpostitem_eventdate-off, div.hotdealpostitem-list div.relatedpostitem_eventdate-off, div.scheduledpostitem-list div.relatedpostitem_eventdate-off
{
	background: url("../images/icon_calendar.gif") #e8e6e6 no-repeat 10px 2px;
	border:1px solid #d7d6d6;
	border-radius: 5px 5px 5px 5px;
	padding:3px 10px 3px 25px;
	margin:10px 0 10px 0;
	font-size:12px;
	color:gray;

	float:left;
	width:190px;
	height:15px;
}

div.relatedpostitem-list div.relatedpostitem_eventdate-off a, div.hotdealpostitem-list div.relatedpostitem_eventdate-off a, div.scheduledpostitem-list div.relatedpostitem_eventdate-off a
{
	color:gray !important;
	text-decoration:none !important;
	font-weight:normal !important;
}

div.relatedpostitem-list div.relatedpostitem_eventdate a, div.hotdealpostitem-list div.relatedpostitem_eventdate a, div.scheduledpostitem-list div.relatedpostitem_eventdate a
{
	color:green !important;
	text-decoration:none !important;
}

div.relatedpostitem-list div.relatedpostitem_stats, div.hotdealpostitem-list div.relatedpostitem_stats, div.scheduledpostitem-list div.relatedpostitem_stats
{
	background: url("../images/icon_chart.png") #e8e6e6 no-repeat 10px 2px;
	border:1px solid #d7d6d6;
	border-radius: 5px 5px 5px 5px;
	padding:3px 10px 3px 25px;
	margin:10px 0 10px 5px;
	font-size:12px;
	color:gray;

	float:left;
	width:90px;
	height:15px;
}

div.relatedpostitem-list a, div.hotdealpostitem-list a, div.scheduledpostitem-list a
{
	color:#0579B7;
	text-decoration:none;
	font-weight:bold;
}

div.relatedpostitem-list:hover
{
	border:1px solid #0579B7;
	background-color:#fbfbfb;
	text-decoration:none;
	box-shadow: 0 1px 4px #0579B7;
}

div.hotdealpostitem-list:hover
{
	box-shadow: 0 1px 4px #FF0000;
}

div.scheduledpostitem-list:hover
{
	box-shadow: 0 1px 4px #FF0000;
}

div.relatedpostitem, div.scheduledpostitem
{
	float:left;
	width: 275px;
	border:1px solid #e8e6e6;
	border-radius: 3px 3px 3px 3px;
	padding:10px 3px 3px 3px;
	margin-right:10px;
	margin-bottom:10px;
	height:440px;
	overflow:hidden;
	position:relative;
	text-align:center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

div.relatedpostitem div.relatedpostitem_eventdate, div.hotdealpostitem div.relatedpostitem_eventdate, div.scheduledpostitem div.relatedpostitem_eventdate {
	background: url(../images/icons/icon-place-marker.png) #e8e6e6 no-repeat 10px 2px;
	background-size: 18px 18px;
	border: 1px solid #d7d6d6;
	font-size: 12px;
	color: green;
	padding: 3px 3px 4px 15px;
	margin: 16px 0 10px -3px;
	width: 95%;
	height: 15px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
div.relatedpostitem_eventdate.video {
	background: url(../images/icons/icon-vdo-black.png) #e8e6e6 no-repeat 10px 0px !important;
	background-size: 20px 20px !important;
}
div.relatedpostitem_eventdate.live {
	background: url(../images/icons/icon-live-black.png) #e8e6e6 no-repeat 10px 0px !important;
	background-size: 20px 20px !important;
}
div.relatedpostitem_eventdate > a {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
}

div.relatedpostitem div.relatedpostitem_eventdate-off, div.hotdealpostitem div.relatedpostitem_eventdate-off, div.scheduledpostitem div.relatedpostitem_eventdate-off
{
	background: url(../images/icons/icon-place-marker.png) #e8e6e6 no-repeat 15px 1px;
	background-size: 18px 18px;
	border: 1px solid #d7d6d6;
	border-radius: 5px 5px 5px 5px;
	padding: 3px 2px 3px 12px;
	margin: 15px 0px 10px -5px;
	font-size: 12px;
	color: gray;
	width: 100%;
}

div.relatedpostitem div.relatedpostitem_eventdate-off a, div.hotdealpostitem div.relatedpostitem_eventdate-off a, div.scheduledpostitem div.relatedpostitem_eventdate-off a
{
	color:gray !important;
	text-decoration:none !important;
	font-weight:normal !important;
}

div.relatedpostitem div.relatedpostitem_eventdate a, div.hotdealpostitem div.relatedpostitem_eventdate a, div.scheduledpostitem div.relatedpostitem_eventdate a
{
	color:green !important;
	text-decoration:none !important;
}


div.relatedpostitem:hover
{
	border:1px solid #0579B7;
	background-color:#fbfbfb;
	text-decoration:none;
	box-shadow: 0 1px 4px #0579B7;
}

div.hotdealpostitem:hover
{
	box-shadow: 0 1px 4px #FF0000;
}



div.relatedpostitem a, div.hotdealpostitem a, div.scheduledpostitem a
{
	color:#0579B7;
	text-decoration:none;
	font-weight:bold;
}
div.relatedpostitem_desc
{
	font-size:12px;
	padding-top:5px;
}


/* hot deal */
div.hotdealpostitem
{
	float:left;
	width: 275px;
	border:1px solid red;
	border-radius: 3px 3px 3px 3px;
	padding:0;
	margin-right:10px;
	margin-bottom:10px;
	height: 453px;
	overflow:hidden;
	position:relative;
	text-align:center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
div.hotdealpostitem .div-price-and-lecturer {
	margin-top: -7px;
}
div.hotdealpostitem .image-seminar-res {
	left: -5px;
}


div.hotdealpostitem div.header {
	height:15px;
	background-color:red;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:3px;

}


div.hotdealpostitem div.content {
	padding:10px 5px;
	text-align:center;
}



div.hotdealpostitem div.thumb, div.relatedpostitem div.thumb, div.scheduledpostitem div.thumb{
	position:relative;
	height: 260px;
	width: 100%;
}

div.hotdealpostitem div.thumb  div.icon-thumbup,div.relatedpostitem div.thumb div.icon-thumbup ,div.scheduledpostitem div.thumb  div.icon-thumbup{
	background:url('../images/icon_ribbon.png') no-repeat;
	position:absolute;
	top:-5px;
	left:-5px;
	display:block;
	height:32px;
	width:32px;
	z-index: 1;
}

div.hotdealpostitem  div.thumb div.icon-new, div.relatedpostitem  div.thumb div.icon-new, div.scheduledpostitem  div.thumb div.icon-new, .coach-profile > .pic-coach > div.icon-new , .block-gleaning-seminar > a > div.icon-new{
	background:url('../images/icon_new_badge.png') no-repeat;
	position:absolute;
	top:-8px;
	left:0px;
	display:block;
	height:32px;
	width:32px;
	/*z-index:9999;*/
	z-index:1;
}

div.hotdealpostitem  div.thumb img, div.relatedpostitem div.thumb img, div.scheduledpostitem  div.thumb img{
	position:relative;
	/*border-radius: 3px 3px 3px 3px;*/
}

div.hotdealpostitem  div.thumb div.price-free,
div.scheduledpostitem  div.thumb div.price-free,
div.relatedpostitem  div.thumb div.price-free,
div.hotdealpostitem-list  div.thumb div.price-free,
div.scheduledpostitem-list  div.thumb div.price-free,
div.relatedpostitem-list  div.thumb div.price-free
{
	position:absolute;
	bottom:0px;
	right:-3px;
	min-width:80px;
	width:auto !important;
	width:80px;
	display:block;
	background-color:green;
	color:white;
	font-size:12px;
	padding:2px;
	text-align:center;
}

div.hotdealpostitem  div.thumb div.price,
div.scheduledpostitem  div.thumb div.price,
div.relatedpostitem  div.thumb div.price,
div.hotdealpostitem-list  div.thumb div.price,
div.scheduledpostitem-list  div.thumb div.price,
div.relatedpostitem-list  div.thumb div.price
{
	position:absolute;
	bottom:0px;
	right:-3px;
	min-width:80px;
	width:auto !important;
	width:80px;
	display:block;
	background-color:red;
	color:white;
	font-size:12px;
	padding:2px;
	text-align:center;
}

div.hotdealpostitem div.button-options, div.relatedpostitem div.button-options, div.scheduledpostitem div.button-options{
	padding:5px 0 7px 23px;
	position: absolute; bottom: 0; left: 0;
}


/* scheduled post */
div.scheduledpostitem
{
	border:1px solid blue;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding-top: 0;
	height: 450px;
}


div.scheduledpostitem div.header {
	height: 15px;
	background-color: blue;
	color: white;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	z-index: 9;
	width: 100%;
	margin-left: -3px;
}

div.scheduledpostitem div.content {
	padding:10px 5px;
	text-align:center;
}

div.scheduledpostitem:hover
{
	box-shadow: 0 1px 4px blue;
}

/* bottom page ads */
div#bottompageads
{
	position:fixed;
	bottom:0px;
	right:0px;
	width:300px;
	height:200px;
}

div#bottompageads div.content{
	position:relative;
	bottom:0px;
	right:0px;
}

div#bottompageads div.content a.closebutton{
	position:absolute;
	left:30px;
	top:10px;
}

div#bottompageads div.content div.fb-like{
	position:absolute;
	left:90px;
	top:23px;
}

div#bottompageads-fix
{
	position:fixed;
	bottom:0px;
	right:0px;
	width:160px;
	height:410px;
}

div#bottompageads-fix div.content{
	position:relative;
	bottom:0px;
	right:0px;
}

div#bottompageads-fix div.subcontent{
	margin-top:5px;
}

div#bottompageads-fix div.content a.closebutton{
	position:absolute;
	left:-20px;
	top:-20px;
}

/* top nav */
div.innertopmostnav a{
	color:white;
}

/* seen from us */
div.seenfromus{
	color:red;
	padding:5px 0px 0px 20px;
}

/* FB like */
div.fblikebar{
	background-color: #0FAAE0;
	height: 40px;
	color: #ffffff;
	padding-top: 7px;
	border-bottom: 3px solid #ff9126;
}

div.fb-has-login {
	font-family: 'kanit', 'sans-serif';
	list-style: none;
	display: inline-flex;
	padding: 0;
	margin-top: 4px;
	margin-bottom: -20px;
	width: 1200px;
	margin-left: 0;
}

div.fb-header-left {
	float: left;
	margin-left: 15px;
	font-size: 13px;
	margin-top: 3px;
}

.fb-header-left a {
	color: white;
	text-decoration: none;
}

.fb-header-left img {
	width: 15px;
	position: absolute;
	margin-left: 5px;
	margin-top: 3.5px;
}

div.fb-header-right {
	position: relative;
	display: inline-block;
	text-align: left;
	margin-right: 15px;
	margin-left: auto;
	font-family: 'kanit', sans-serif;
}

.fb-header-right span {
	padding: 5px 20px;
	cursor: pointer;
}

.fb-header-right span.register-user-header {
	border: 1px solid #006385;
	border-radius: 5px;
	transition: 0.3s;
	margin-right: 15px;
}
.fb-header-right span.register-user-header:hover {
	background-color: #006385;
}
.fb-header-right span.login-user-header {
	border: 1px solid #ff9126;
	border-radius: 5px;
	transition: 0.3s;
	background-color: #ff7e00;
}
.fb-header-right span.login-user-header:hover {
	background-color: white;
	border: 1px solid #ff9126;
	color: #ff7e00;
}

div.fb-like-top-panel{
	width:650px;
}

div.fb-like-panel{
	float:left;
	width:220px;
}

div.fb-like-panel-content{
	float:left;
	width:420px;
}

/* Signup */
div.signup{
	width:730px;
	padding:10px 20px 20px 20px;
}

div.signup div.left{
	float:left;
	width:500px;
	border-left:3px solid #E6E6E6;
	padding:0px 20px 10px 20px;
}

div.signup div.left div.input-row-left, div.signup div.left div.input-row-right{
	float:left;
	width:220px;
}

div.input-row-heading{
	font-size:16px;
	margin:10px 0px 10px 0px;
}

.input-text {
	-moz-box-sizing: border-box;
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	border-radius: 0.25em 0.25em 0.25em 0.25em;
	display: inline-block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	height: 2.8em;
	margin: 0 0 1.5em;
	padding: 0 0.8em;
}

div.signup-accountinfo{
	background-image: url(../images/contact-privacy.jpg);
	background-position: right 70px ;
	background-repeat: no-repeat;
}

div.signup-companyinfo{
	background:url(../images/trusted-by.jpg);
	background-position: right 70px ;
	background-repeat: no-repeat;
}

div.signup-typeinfo{
	background:url(../images/account-type.jpg);
	background-position: right 30px ;
	background-repeat: no-repeat;
}

.input-select-wrapper:before, .input-select-wrapper:after {
	border: 0.3em solid rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
	right: 0.8em;
	top: 50%;
	z-index: 1;
}

.input-select-wrapper:after {
	border-bottom-color: #333333;
	margin-top: -0.6em;
}
.input-select-wrapper > select {
	-moz-appearance: window;
	border: medium none;
	opacity: 0;
	position: relative;
	z-index: 1;
}

div.register-account{
	padding-left:40px;
}

div a.register-account-button {
	float:left;
	display: block;
	width: 190px;
	height: 48px;
	margin-right:10px;
	background: url(../images/register-account-buttons.png)	no-repeat 0px 0px;
}

div a.register-account-button:hover {
	background: url(../images/register-account-buttons.png)	no-repeat 0px -60px;
}

div a.register-account-button:active {
	background: url(../images/register-account-buttons.png)	no-repeat 0px -120px;
}

input[type=checkbox].css-checkbox {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:30px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}

.css-label{ background-image:url(../images/web-two-style.png); }

.underline{ text-decoration:underline; }

.tagcontainer{
	width:750px;
}
.tagcontainer img{
	max-width:100%;
}

/* login page */
div.mainlogin{
	width:880px;
}
div.leftlogin{
	float:left;
	width:450px;
	border: 1px solid red;
	text-align:left;
	padding:20px;
}
div.rightlogin{
	float:left;
	width:300px;
	border: 1px solid blue;
	text-align:left;
	padding:20px;
}

.hotdealnoregister{
	display:none;
}
/* Bow edit */
.container-pading {
	padding-left: 90px;
	padding-right: 90px;
}
div.header-mobile-top{
	background-color: #1998de;
	/*box-shadow: 0 1px 1px #5a5a5a;*/
	padding-top: 10px;
	height: 45px;
	box-sizing: border-box;
	top:-100px;
	-webkit-transition:top 0.3s;
	transition:top 0.3s;
}
.header-mobile-top.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
}
.color-white {
	color: #ffffff;
}

.text-header-top {
	display: none;
	margin-left: 115px;
	margin-top: -17px;
}
.text-header-top-ipad {
	display: none;
	margin-left: 115px;
	margin-top: -6px;
}
.header-mobile-social {
	position: absolute;
	top: 10px;
	float: right;
	right: 10px;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.table-booking-register {
	width: 114%;
}
.img-register-booking {
	display: block;
}
.footer-mobile {
	display: none;
}
.text-footer {
	float: left;
	width: 650px;
	margin-top: 14px;
}
.social-footer {
	height: 53px;
	margin-top: -13px;
}

.animate-register
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.action-button-register {
	position: relative;
	padding: 5px 20px;
	margin: 0px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
}
.action-button-register:hover {
	text-decoration: none !important;
}
.action-button-register:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.action-button-register-off {
	position: relative;
	padding: 5px 20px;
	margin: 0px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;

}
.action-button-register-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
.action-button-register-off:active {

}

.action-button-register-free {
	position: relative;
	padding: 5px 12px;
	margin: 0px 10px 10px -2px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
}
.action-button-register-free:hover {
	text-decoration: none !important;
}
.action-button-register-free:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.action-button-register-free-off {
	position: relative;
	padding: 5px 15px;
	margin: 0px 10px 10px -2px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;

}
.action-button-register-free-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
.action-button-register-free-off:active {

}

/*div.relatedpostitem a.action-button-register, div.hotdealpostitem a.action-button-register, div.scheduledpostitem a.action-button-register {
	color: #2e2e2e !important;
	font-weight: normal !important;
}*/

.action-button-register-row {
	position: relative;
	padding: 5px 18px;
	margin: -14px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 21px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	width: 65%;
}
.hotdealpostitem-list .action-button-register-row, .relatedpostitem-list .action-button-register-row{
	padding: 5px 10px;
	margin: -14px 10px 10px 1px;
	font-size: 20px;
	width: auto;
}
div.relatedpostitem-list.ads-post-border a.btn-orange-register {
	color: white;
}
.relatedpostitem-list.-off, .hotdealpostitem-list.-off {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}



.action-button-register-row:hover {
	text-decoration: none !important;
}
div.relatedpostitem a.action-button-register-row, div.hotdealpostitem a.action-button-register-row, div.scheduledpostitem a.action-button-register-row {
	color: #2e2e2e !important;
	font-weight: normal !important;
}

.action-button-register-row:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

.action-button-register-row-off {
	position: relative;
	padding: 1px 12px;
	margin: -8px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
}
.action-button-register-row-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
div.relatedpostitem-list a.action-button-register-row-off, div.hotdealpostitem-list a.action-button-register-row-off, div.scheduledpostitem-list a.action-button-register-row-off {
	color: #2e2e2e !important;
	font-weight: normal !important;
}

.action-button-register-row-off:active {

}

.action-button-register-detail {
	position: relative;
	padding: 10px 50px;
	margin: 0px 10px 10px -52px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #0579B7;
	font-weight: bold;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	width: 100%;
}
.action-button-register-detail:hover {
	text-decoration: none !important;
}
.action-button-register-detail:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

.action-button-register-detail-off {
	position: relative;
	padding: 10px 50px;
	margin: 0px 10px 10px -52px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	width: 100%;
}
.action-button-register-detail-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
.action-button-register-detail-off:active {

}

/**/

.action-button-register-detail-top {
	position: relative;
	padding: 0px 15px;
	margin: 0px 10px 0px -15px;
	float: left;
	border-radius: 6px;
	font-size: 21px;
	color: #0579B7;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	-webkit-animation: pulse-btn-register 1.7s infinite;
	margin-top: 6px;
}
.action-button-register-detail-top:hover {
	text-decoration: none !important;
	-webkit-animation: none;
}
.action-button-register-detail-top:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

@-webkit-keyframes pulse-btn-register {
	0% {
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	70% {
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: 0 0 0 5px rgb(217, 244, 255);
	}
	100% {
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgb(217, 244, 255);
	}
}


.action-button-register-detail-top-off {
	position: relative;
	padding: 0px 10px;
	margin: 0px 10px 0px -15px;
	float: left;
	border-radius: 6px;
	font-size: 21px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
}
.action-button-register-detail-top-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
.action-button-register-detail-top-off:active {

}

.btn-blue {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,244,255,1)), color-stop(20%, rgba(181,228,243,1)), color-stop(99%, rgba(61,188,227,1)), color-stop(100%, rgba(1,139,191,1)));
	background: -webkit-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -o-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -ms-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: linear-gradient(to bottom, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #2980B9;
	/*text-shadow: 0px -2px #dedede;*/
}
.btn-blue-off {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,244,255,1)), color-stop(20%, rgba(181,228,243,1)), color-stop(99%, rgba(61,188,227,1)), color-stop(100%, rgba(1,139,191,1)));
	background: -webkit-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -o-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -ms-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: linear-gradient(to bottom, rgb(198, 198, 198) 0%, rgb(156, 156, 156) 20%, rgb(107, 107, 107) 99%, rgb(55, 55, 55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #424242;
	/*text-shadow: 0px -2px #dedede;*/
}
div.relatedpostitem a.btn-blue-off, div.hotdealpostitem a.btn-blue-off, div.scheduledpostitem a.btn-blue-off {
	color: #2e2e2e !important;
	font-weight: normal !important;
}
.btn-orange-register {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(255, 206, 158) 0%, rgb(250, 164, 80) 20%, rgb(61, 188, 227) 99%, rgb(255, 126, 0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 206, 158,1)), color-stop(20%, rgba(250, 164, 80,1)), color-stop(99%, rgba(255, 144, 35,1)), color-stop(100%, rgba(255, 126, 0,1)));
	background: -webkit-linear-gradient(top, rgb(255, 206, 158) 0%, rgb(250, 164, 80) 20%, rgb(255, 144, 35) 99%, rgb(255, 126, 0) 100%);
	background: -o-linear-gradient(top, rgb(255, 206, 158) 0%, rgb(250, 164, 80) 20%, rgb(255, 144, 35) 99%, rgb(255, 126, 0) 100%);
	background: -ms-linear-gradient(top, rgb(255, 206, 158) 0%, rgb(250, 164, 80) 20%, rgb(255, 144, 35) 99%, rgb(255, 126, 0) 100%);
	background: linear-gradient(to bottom, rgb(255, 206, 158) 0%, rgb(250, 164, 80) 20%, rgb(255, 144, 35) 99%, rgb(255, 126, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #a95300;
}
.btn-orange-register-off {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,244,255,1)), color-stop(20%, rgba(181,228,243,1)), color-stop(99%, rgba(61,188,227,1)), color-stop(100%, rgba(1,139,191,1)));
	background: -webkit-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -o-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: -ms-linear-gradient(top, rgb(217, 244, 255) 0%, rgb(181, 228, 243) 20%, rgb(61, 188, 227) 99%, rgb(1, 139, 191) 100%);
	background: linear-gradient(to bottom, rgb(198, 198, 198) 0%, rgb(156, 156, 156) 20%, rgb(107, 107, 107) 99%, rgb(55, 55, 55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #424242;
}
div.relatedpostitem.ads-post-border a.btn-orange-register {
	color: #ffffff;
}
#form-register {
	overflow: hidden;
	margin-top: -33px;
	text-align: center;
}

/* REGISTER */
.form-group-register {
	position: relative;
	display: block;
	margin-bottom: -8px;
}

.imgcaptcha-register {
	margin-bottom: -6px;
	margin-top: 10px;
}
/* POST */
form#form-post label.form-post-booking {
	background: #1998de;
	color: #fff;
	font-weight: 400;
	padding: 3px 15px 3px 15px;
	border-radius: 50px;
	font-size: 14px;
	position: absolute;
	margin-top: 2px;
	margin-left: 10px;
	z-index: 10000;
}
form#form-post input.form-post-input-published {
	background: rgba(174, 174, 174, 0.15);
	width: 80%;
	padding: 8px;
	margin: 15px 0px;
	margin-left: 0px;
	border: none;
	border-radius: 10px;
	outline: none;
	color: #2e2d2d;
	font-size: 16px;
	height: 30px;
	border-style: dotted;
	border-color: #1998de;
	border-width: 1px;
}


.form-group-register-textarea {
	position: relative;
	display: block;
	margin-top: 25px;
	margin-bottom: 15px;
}

.form-group-register-date {
	position: relative;
	display: block;
	margin-top: 25px;
	margin-bottom: 38px;
}
.dateevent-row {
	display: inline-flex;
}
.DynarchCalendar {
	margin-right: 20px;
}
div#calendar-instruction {
	margin-top: 10px;
}

.imgcaptcha-post {
	margin-top: 10px;
}
.btn-green {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,255,116,1)), color-stop(20%, rgba(73,207,88,1)), color-stop(99%, rgba(33,167,48,1)), color-stop(100%, rgba(3,89,13,1)));
	background: -webkit-linear-gradient(top, rgb(98, 255, 116) 0%,rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -o-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -ms-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: linear-gradient(to bottom, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #00710d;
	/* text-shadow: 0px -2px #dedede; */
}
.btn-register-seminar {
	display: inline-block;
}
.action-button-register-modal {
	position: relative;
	padding: 10px 40px;
	margin: 0px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #0579B7;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	cursor: pointer;
	outline: none;
	font-weight: bold;
	border: 0;
	border-bottom: 5px solid #2980B9;
}
.action-button-register-modal:hover {
	text-decoration: none !important;
}
.action-button-register-modal:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.action-button-register-modal-off {
	position: relative;
	padding: 10px 40px;
	margin: 0px 10px 10px 14px;
	float: left;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;

}
.action-button-register-modal-off:hover {
	text-decoration: none !important;
	cursor: not-allowed;
}
.action-button-register-modal-off:active {

}


input.input-register,
select.input-register,
textarea.input-register {
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

input.input-register::-moz-focus-inner,select.input-register::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input.input-register[type='text'], input.input-register[type='email'], input.input-register[type='password'], select.input-register {
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	/* margin-left: -21px; */
}

.form-input-register {
	display: inline-block;
	position: relative;
	margin: 23px 5px 0 0;
	width: 30%;
}
.form-input-register input,.form-input-register select {
	transition: .1s all linear;
}

.form-input-register label {
	position: absolute;
	top: 11px;
	left: 15px;
	font-size: 14px;
	color: #aaa;
	transition: .1s all linear;
	cursor: text;
}

.input-register-group .form-input-register.active label {
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
}


/* POST */

input.input-post,
select.input-post,
textarea.input-post {
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

textarea.input-post {
	border: 1px solid #aaa;
}

input.input-post::-moz-focus-inner,select.input-post::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input.input-post[type='text'], input.input-post[type='email'], input.input-post[type='password'], select.input-post {
	width: 97%;
	padding: 10px 10px 12px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
}
input.input-post[disabled] {
	cursor: no-drop;
	background-color: #ddd;
}
input.input-post[readonly] {
	background-color: #d8d8d8;
	cursor: no-drop;
}

.form-input-post {
	display: inline-block;
	position: relative;
	margin: 23px 5px 0 0px;
	width: 100%;
}
.form-input-post-securiry {
	display: inline-block;
	position: relative;
	margin: 23px 5px 0 15px;
	width: 208px;
}
.select-magin-left {
	margin-left: 0;
	width: 30%;
}
.form-input-post input,.form-input-post select, .form-input-post-securiry input {
	transition: .1s all linear;
}

.form-input-post label ,.form-input-post-securiry label {
	position: absolute;
	top: 13px;
	left: 15px;
	font-size: 14px;
	color: #aaa;
	transition: .1s all linear;
	cursor: text;
}

/*.input-post-group .form-input-post.active input, .input-post-price .form-input-post.active input{
	width: 279%;
	padding-left: 15px;
}*/

.input-post-group .form-input-post.active select {
	width: 100%;
	padding-left: 15px;
}

.input-post-group .form-input-post.active label, .input-post-price .form-input-post.active label, .input-post-price-zoom .form-input-post.active label, .body-modal-rearrangepost .form-input-post.active label {
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
}
input.input-post-security[type='text']{
	width: 299%;
	padding: 10px 10px 12px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 16px;
}
/*.input-post-group-securiry .form-input-post-securiry.active input.input-post-security{
	!*width: 420%;*!
	width: 366%;
	padding-left: 15px;
}*/

.input-post-group-securiry .form-input-post-securiry.active label{
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
	width: 84%;
}
.input-post-group-securiry {
	display: inline-flex;
}
.select-magin-left-post {
	width: 100%;
}
form#form-post label.form-post-booking-textarea {
	top: -3px;
	left: 0px;
	padding: 3px 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
	background: #1998de;
}
form#form-post label.form-post-booking-time {
	background: #1998de;
	color: #fff;
	font-weight: 400;
	padding: 3px 15px 3px 15px;
	font-size: 14px;
	position: absolute;
	margin-top: -7px;
	margin-left: 0px;
	z-index: 999;
}
form#form-post select.form-post-input-time {
	width: 17%;
	padding: 5px;
	margin: 15px 0px;
	margin-left: 0px;
	color: #2e2d2d;
	font-size: 16px;
	height: 35px;
	border: 1px solid #aaa;
	background-color: #fff;
}
form#form-post label.form-post-booking-keyword {
	background: #1998de;
	color: #fff;
	font-weight: 400;
	padding: 3px 15px 3px 15px;
	font-size: 14px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 1;
}
form#form-post input.form-post-input-keyword {
	width: 30%;
	padding: 5px;
	margin: 5px 0px;
	margin-left: 0px;
	color: #2e2d2d;
	font-size: 16px;
	border: 1px solid #aaa;
	background-color: #fff;
}
form#form-post label.form-post-booking-picture {
	background: #1998de;
	color: #fff;
	font-weight: 400;
	padding: 3px 15px 3px 15px;
	font-size: 14px;
	position: absolute;
	margin-top: 6px;
	margin-left: 0px;
	z-index: 999;
}
.action-button-post {
	position: relative;
	padding: 10px 40px;
	margin: 0px 10px 10px 14px;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	cursor: pointer;
}
.action-button-post:hover {
	text-decoration: none !important;
}
.action-button-post:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}
.btn-confirm, .btn-confirm-pay {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,255,116,1)), color-stop(20%, rgba(73,207,88,1)), color-stop(99%, rgba(33,167,48,1)), color-stop(100%, rgba(3,89,13,1)));
	background: -webkit-linear-gradient(top, rgb(98, 255, 116) 0%,rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -o-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: -ms-linear-gradient(top, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	background: linear-gradient(to bottom, rgb(98, 255, 116) 0%, rgb(73, 207, 88) 20%, rgb(33, 167, 48) 99%, rgb(3, 89, 13) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #00710d;
	/* text-shadow: 0px -2px #dedede; */
}
.btn-cancel {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top,rgb(236, 136, 136) 0%, rgb(255, 88, 88) 20%, rgb(213, 20, 20) 99%, rgb(179, 0, 0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,136,136,1)), color-stop(20%, rgba(255,88,88,1)), color-stop(99%, rgba(213,20,20,1)), color-stop(100%, rgba(179,0,0,1)));
	background: -webkit-linear-gradient(top, rgb(236, 136, 136) 0%,rgb(255, 88, 88) 20%, rgb(213, 20, 20) 99%, rgb(179, 0, 0) 100%);
	background: -o-linear-gradient(top, rgb(236, 136, 136) 0%, rgb(255, 88, 88) 20%, rgb(213, 20, 20) 99%, rgb(179, 0, 0) 100%);
	background: -ms-linear-gradient(top, rgb(236, 136, 136) 0%, rgb(255, 88, 88) 20%, rgb(213, 20, 20) 99%, rgb(179, 0, 0) 100%);
	background: linear-gradient(to bottom, rgb(236, 136, 136) 0%, rgb(255, 88, 88) 20%, rgb(213, 20, 20) 99%, rgb(179, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #660505;
	/* text-shadow: 0px -2px #dedede; */
}
.action-button-post-cancel {
	position: relative;
	padding: 10px 20px;
	margin: 0px 10px 10px 6px;
	border-radius: 6px;
	font-size: 23px;
	color: #000;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
	cursor: pointer;
}
.form-group-post-btn {
	margin-top: 40px;
	text-align: center;
}
.form-post-booking-dateevent {
	top: -13px;
	left: 0px;
	padding: 3px 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
	background: #1998de;
}
.input-post-price > .form-input-post {
	width: 20%;
	margin-top: 15px;
}
.input-post-price-zoom > .form-input-post {
	width: 20%;
	margin-top: 20px;
}
.form-post-booking-export {
	top: -86px;
	left: -30px;
	padding: 3px 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
	background: #1998de;
}
.text-left-checkbox {
	text-align: left;
	display: inline-block;
}
.form-group-register-checkbox {
	position: relative;
	display: block;
	margin-top: 18px;
}
#BackToTop {
	z-index: 99;
}
select.input-register {
	width: 100%;
	margin-left: 0;
}
.input-register-group .select-magin-left.active label {
	left: 0;
}
.form-input-post-why-free {
	display: inline-block;
	position: relative;
}
.label-why-free {
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
}
.input-post-why-free {
	margin-top: 0px;
}
select.input-post-why-free {
	width: 100%;
	padding: 10px 10px 12px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	margin-top: 2px;
}
.border-bg {
	border: 1px dashed green;
	padding: 20px;
	color: green;
	font-size: 15px;
}

.color-red {
	color: red !important;
}
.noneactive-nonedelete {
	background-color: #fa5555;
	padding-left: 20px;
	border: 1px dashed #feabab;
	margin-top: 20px;
	color: black;
}
div.noneactive-nonedelete > p > a {
	font-size: 18px;
	color: black;
	font-weight: bold;
}
.eedu-department-heading {
	margin-top: 45px;
	padding-bottom: 5px;
	border: 1px solid #ddd;
	padding-top: 5px;
	font-weight: bold;
	width: 28%;
}
.eedu-seminar-title {
	margin-top: 15px;
	padding-bottom: 10px;
	border: 1px solid #ff7e00;
	padding-top: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	background: #ff7e00;
	border-radius: 10px;
	width: 35%;
}
.eedu-seminar-by {
	text-align: center;
	font-size: 12px;
}
.eedu-contact {
	font-size: 20px;
	margin-bottom: -5px;
	margin-top: -5px;
}
.eedu-contact-phone {
	font-size: 30px;
	font-weight: bold;
	color: #ff7e00;
	margin-top: 10px;
}
.phone-line-2 {
	margin-top: -25px;
	margin-bottom: -5px;
}

.btn-orange {
	background: rgba(183,222,237,1);
	background: -moz-linear-gradient(top, rgb(253, 185, 126) 0%, rgb(255, 179, 100) 20%, rgb(251, 155, 57) 99%, rgb(255, 170, 109) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,185,126,1)), color-stop(20%, rgba(255, 170, 109)), color-stop(99%, rgba(255, 170, 109)), color-stop(100%, rgba(255, 170, 109)));
	background: -webkit-linear-gradient(top, rgb(253, 185, 126) 0%, rgb(255, 179, 100) 20%, rgb(251, 155, 57) 99%, rgb(255, 170, 109) 100%);
	background: -o-linear-gradient(top, rgb(253, 185, 126) 0%, rgb(255, 179, 100) 20%, rgb(251, 155, 57) 99%, rgb(255, 170, 109) 100%);
	background: -ms-linear-gradient(top, rgb(253, 185, 126) 0%, rgb(255, 179, 100) 20%, rgb(251, 155, 57) 99%, rgb(255, 170, 109) 100%);
	background: linear-gradient(to bottom, rgb(253, 185, 126) 0%, rgb(255, 179, 100) 20%, rgb(251, 155, 57) 99%, rgb(255, 170, 109) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed', GradientType=0 );
	border-bottom: 5px solid #ff7600;
	/* text-shadow: 0px -2px #dedede; */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 7px;
	font-size: 24px;
}
div.margin-btn-back {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: max-content;
}

.left-dashboard {
	float: left;
	width: 550px;
	margin-left: 6px;
}
.card {
	background: #fff;
	border-radius: 2px;
	margin: 1rem;
	position: relative;
	box-shadow: 0 4px 15px rgba(0,0,0,0.19), 0 3px 2px rgba(0,0,0,0.23);
	border: 1px solid #e8e6e6;
}
.card-profile {
	height: auto;
	padding-left: 10px;
	padding-right: 15px;
	display: flex;
}
img.profile-picture {
	padding: .7em;
	margin-top: .3em;
	height: 7em;
	width: 7em;
	border-radius: 18em;
	margin-left: -4px;
}
img.profile-picture-square {
	border-radius: 18px;
	background-color: #fff;
}
.font-kanit {
	font-family: 'kanit', sans-serif !important;
}
.border-heading-text {
	border-bottom: 3px solid #ff7e00;
	display: flex;
}
.border-heading-text-sky {
	border-bottom: 2px solid #0faae0;
	display: flex;
	margin-bottom: 6px;
	position: relative;
}
.border-heading-text-oragnge {
	border-bottom: 2px solid #ff7e00;
	display: flex;
	margin-bottom: 6px;
	position: relative;
}
.div-profile-dashboard {
	text-align: left;
	width: 30%;
	margin-right: auto;
}
.div-profile-dashboard-detail {
	float: right;
	width: 100%;
}
.dashboard-result {
	float: right;
	width: 580px;
	margin-top: 0;
	margin-right: 10px;
}
.btn-profile-dashboard-detail {
	position: absolute;
	right: 15px;
	top: 13px;
}
.btn-edit-profile {
	overflow: hidden;
	border: 1px solid #ff7e00;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	font-weight: 400;
	text-decoration: none;
	border-radius: 50px;
	font-size: 12px;
	-webkit-transition: all .5s;
}
.btn-edit-profile:hover {
	color: white;
	background-color: #ff7e00;
	border: 1px solid transparent;
}
.btn-preview-profile {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 50px;
	font-size: 12px;
	background-color: #ff7e00;
	-webkit-transition: all .5s;
	border: 1px solid transparent;
}
.btn-preview-profile:hover {
	color: black;
	background-color: #ffffff;
	border: 1px solid #ff7e00;
}
.detail-card-profile {
	margin-top: 0px;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
}
.detail-card-profile > p {
	line-height: 15px;
}
.card-result {
	width: 100%;
	padding-left: 10px;
	padding-right: 15px;
	margin-left: 2px;
	margin: 17px 0px 0px 17px;
}
.select-no-lable {
	width: 50%;
	float: right;
	padding: 5px 10px 7px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
}
.div-icon-result-dashboard {
	width: 25%;
	text-align: center;
	margin-top: 19px;
	float: left;
	margin-left: 0px;
}
.div-detail-result-dashboard {
	text-align: right;
}
.result-number {
	font-size: 30px;
	font-weight: bold;
	margin-top: -22px;
	margin-bottom: 0px;
}
.card-posts {
	height: 89px;
}
.btn-post-free-dashboard {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 15px;
	background-color: #ff7e00;
	-webkit-transition: all .5s;
	border: 1px solid transparent;
}
.btn-post-free-dashboard:hover {
	background-color: white;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.images-recommend-dashboard {
	margin-left: 0px;
	width: 465px;
}
.images-recommend-dashboard > img {
	width: 465px;
	height: 110px;
}

.tab-dashboard {
	padding-top: 50px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background: #fff;
	width: 99%;
	margin: 0 auto;
	line-height: 1.5;
	font-weight: 300;
	color: #888;
	-webkit-font-smoothing: antialiased;
	margin-left: 15px;
}

.tabs-dashboard {
	display: inline-flex;
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 99%;
	padding-left: 0;
	border-bottom: 2px solid #0579b7;
}
.tabs-dashboard li {
	float: left;
	line-height: 38px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin-bottom: -1px;
}
.tabs-dashboard a {
	background-color: #eff0f2;
	border-bottom: 1px solid #fff;
	color: #888;
	font-weight: 500;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tabs-dashboard_item {
	display: none;
	padding: 10px 0;
}
.tabs-dashboard_item h4 {
	font-weight: bold;
	color: blue;
	font-size: 20px;
}
.tabs-dashboard_item:first-child {
	display: block;
}

.current-tab-dashboard a {
	color: #fff;
	background: #0395d9;
}
.tab-result-dashboard {
	padding: 5px 10px 7px 10px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 5px;
}
#form-sort-table {
	right: 0;
	float: right;
	position: absolute;
}
.badge-result-table-dashboard {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 1.25rem;
	background-color: #ff7e00;
	position: absolute;
	top: 0px;
	right: 0px;
}
.download-to-excel-dashboard {
	float: right;
	margin-right: 5px;
	display: inline-flex;
	margin-top: -22px;
}
.text-download-to-excel {
	text-decoration: none;
	color: #333;
	font-family: 'kanit','sans-serif';
	margin-left: 15px;
}
.text-download-to-excel img {
	margin-right: 5px;
	width: 25px;
	vertical-align: middle;
}
.text-download-to-excel:hover {
	color: #ff7e00;
	font-width: bold;
}
.table-result {
	margin-top: 30px;
}
.table-result > thead > tr > th {
	background-color: #ff7e00;
	color: white;
}
.dataTables_wrapper .ui-toolbar {
	margin-bottom: 30px;
}
#registed_filter > label > input[type="search"], #seminar_filter > label > input[type="search"] {
	padding: 5px 10px 6px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
}
#registed_length > label > select, #seminar_length > label > select {
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dataTables_wrapper .dataTables_paginate .ui-state-disabled {
	background-color: #eff0f2;
	border-radius: 5px;
	cursor: no-drop !important;
}
.fg-toolbar {
	font-family: 'kanit', sans-serif !important;
}
.table-result > thead > tr > th {
	font-family: 'kanit', sans-serif !important;
}

/* EDIT PROFILE */
.picture-profile {
	float: left;
	text-align: center;
	width: 34.5%;
}
.result-picture-profile {
	text-align: center;
	padding: 50px;
	font-size: 22px;
	color: #aaa;
	width: 130px;
	height: 88px;
	margin: 30px auto;
	border: 1px solid #aaa;
	margin-left: 15px;
}
.btn-upload-profile {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 15px;
	background-color: #ff7e00;
	border: 0;
	margin-top: -15px;
}
.btn-upload-profile:hover {
	color: black;
	background-color: #ffffff;
	border: 1px solid #ff7e00;
}
.detail-data-profile {

}
.radio-custom {
	margin: 0.5rem;
}
.radio-custom input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radio-custom input[type="radio"] + .radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: -0.2em;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.radio-custom input[type="radio"]:checked + .radio-label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio-custom input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #3197EE;
}
.radio-custom input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.radio-custom input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}
.none {
	display: none !important;
}
.aptitude-div {
	margin-top: 20px;
}
.btn-save {
	float: initial;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
}
.avatar-upload {
	position: relative;
	max-width: 205px;
	margin-bottom: 25px;
}
.avatar-upload .avatar-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
}
.avatar-upload .avatar-edit input {
	display: none;
}
.avatar-upload .avatar-edit input + label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #ff7e00;
	border: 1px solid #bebebe8f;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
	background: #ed7704;
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.28);
}
.avatar-upload .avatar-edit input + label:after {
	content: "\f030";
	font-family: 'FontAwesome';
	color: white;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}
.avatar-upload .avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.avatar-upload .avatar-preview.avatar-square > div {
	border-radius: 0;
}
.avatar-upload .avatar-preview.avatar-square {
	border-radius: 8px;
}
.avatar-upload .avatar-preview.avatar-square .jwc_frame {
	border-radius: 0;
}
.avatar-upload-company-profile {
	margin-bottom: 0;
	top: 21px;
	left: 40px;
}





.avatar-upload-cover {
	position: absolute;
	width: 95%;
}
.avatar-upload-cover .avatar-edit-cover {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
}
.avatar-upload-cover .avatar-edit-cover input {
	display: none;
}
.avatar-upload-cover .avatar-edit-cover input + label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #ff7e00;
	border: 1px solid #bebebe8f;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.avatar-upload-cover .avatar-edit-cover input + label:hover {
	background: #ed7704;
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.28);
}
.avatar-upload-cover .avatar-edit-cover input + label:after {
	content: "\f030";
	font-family: 'FontAwesome';
	color: white;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}
.avatar-upload-cover .avatar-preview-cover {
	width: 100%;
	height: 240px;
	position: relative;
	border: 2px solid #F8F8F8;
}
.avatar-upload-cover .avatar-preview-cover > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.avatar-upload-cover .jwc_frame {
	border-radius: 0;
}
.avatar-upload-cover .jwc_frame > .crop_me_cover.jwc_image {
	/*left: 0px !important;*/
}
.avatar-upload-cover .jwc_frame .jwc_zoom_in {
	left: inherit;
	right: 0;
}
.notify-success {
	background-color: #85ec91;
	border-radius: 8px;
	padding: 10px;
	padding-left: 15px;
	color: #323232;
	font-family: 'kanit', sans-serif !important;
}
.body-profile .notify-success {
	margin-top: 50px;
	margin-bottom: 30px;
	position: relative;
}
.body-profile .notify-success span, .body-profile .notify-danger span {
	top: 5px;
	position: absolute;
	right: 6px;
	color: #8b8b8b;
}
.body-profile .notify-success li {
	list-style: none;
}
.notify-danger {
	background-color: #ff8787;
	border-radius: 8px;
	padding: 10px;
	padding-left: 15px;
	color: #323232;
	font-family: 'kanit', sans-serif !important;
	position: relative;
}
.notify-info {
	background-color: #79dcff;
	border-radius: 8px;
	padding: 10px;
	padding-left: 15px;
	color: #005c7c;
	font-family: 'kanit', sans-serif !important;
	clear: both;
}


/* EDIT PROFILE */

/* COACH */
.body-margin {
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
}
.color-sky {
	color: #0faae0 !important;
	font-weight: 400;
}
.color-oragnge {
	color: #ff7e00 !important;
	font-weight: 400;
}
.new-interview-left {
	float: left;
	width: 57%;
	margin-top: 30px;
}
.boder-interview {
	border: 1px solid #efefef;
	background-color: #efefef;
	height: 255px;
	border-radius: 10px;
}
.interview-picture-coach {
	float: left;
}
.interview-picture-coach > img {
	width: 215px;
	height: 255px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.data-infomation-interview {
	float: right;
	width: 44%;
	font-size: 20px;
	padding-top: 30px;
}
.data-infomation-interview > .interview-name {
	font-size: 32px;
	font-weight: bold;
	margin-top: 5px;
}
.data-infomation-interview > .interview-lname {
	margin-top: -31px;
	font-size: 15px;
	color: #222;
}
.label-aptitude {
	background-color: #ff7e00;
	font-size: 13px;
	color: white;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 5px;
	width: 11.5%;
	position: absolute;
}
.color-black {
	color: black;
	text-decoration: none;
}
.new-interview-right {
	float: right;
	margin-top: 30px;
	width: 41%;
}
.boder-interview-right {
	height: 70px;
	border-radius: 8px;
	background-color: #dff7ff;
	margin-left: 38px;
	margin-bottom: 24px;
}
.interview-picture-coach-left {
	float: left;
	width: 16%;
}
.interview-picture-coach-left > img {
	border-radius: 50%;
	height: 70px;
	width: 70px;
	margin-left: -35px;
}
.data-infomation-interview-right {
	padding-top: 5px;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 82%;
	white-space: nowrap;
}
.font-name-coach-oragnge {
	color: #ff7e00;
	font-size: 22px;
}
.font-up-aptitude {
	font-size: 12px;
}



#profile-new-coach img:not(.coach-more) {
	width: 135px;
	height: 135px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 2px solid #ff7e00;
}
#profile-new-coach span {
	background-color: #ff7e00;
	font-size: 12px;
	color: white;
	padding: 3px 15px;
	border-radius: 8px;
}
.information-coach-detail {
	margin-top: 10px;
	text-align: center;
}
.name-coach-other {
	margin-top: 5px;
}
.small-lname-coach-other {
	font-size: 12px;
	margin-top: -15px;
	color: #797777;
}
.div-new-coach > a:hover {
	color: #0faae0;
}
.div-new-coach > a:hover > #profile-new-coach:after {
	border: 2px solid #0faae0;
}
.div-new-coach > a:hover > #profile-new-coach > .information-coach-detail > span {
	background-color: #0faae0;
}
.name-company-other {
	font-size: 12px;
}


#profile-new-coach small {
	position: absolute;
	margin-top: 175px;
	left: 4px;
	display: block;
	width: 140px;
	text-align: center;
	font-size: 14px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 5px;
}
.div-new-coach {

}
.profile-coach-items {
	position: relative;
	width: 23%;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	transition: 0.3s;
}
.profile-coach-items:hover #profile-new-coach > div > img:not(.coach-more) {
	border: 2px solid #0faae0;
	transition: 0.3s;
}
.profile-coach-items:hover #profile-new-coach span {
	background-color: #0faae0;
	transition: 0.3s;
}
.btn-search-icon {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 15px;
	background-color: #ff7e00;
	margin-top: -28px;
}
.btn-search-icon-sky {
	position: absolute;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 15px;
	background-color: #0FAAE0;
	margin-top: -25px;
	margin-left: 395px;
}
.select-no-lable-top-heading {
	padding: 3px 10px 4px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
	position: relative;
	margin-left: 16px;
}
.select-no-lable-top-heading.search-input {
	margin-left: 0;
	position: absolute;
	right: 50px;
}
.category-hightlight-page{
	margin-left: 16px;
}

.cards-category {
	position: relative;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cards-category {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	width: 20%;
	height: 174px;
	padding: 0;
	-webkit-perspective: 700px;
	perspective: 700px;
}
.card-object {
	color: #FFF;
	display: block;
	float: left;
	position: absolute;
	top: 6%;
	left: 6%;
	width: 88%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.face-category {
	color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.face-category.front {
	z-index: 20;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.face-category.front::before {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	content: "";
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%) no-repeat;
	opacity: .7;
	z-index: 20;
	transition: opacity .2s ease;
}
.face-category.front::after {
	position: absolute;
	top: 7%;
	right: 7%;
	bottom: 7%;
	left: 7%;
	border: 1px solid rgb(110, 218, 255);
	z-index: 100;
	content: "";
}
.face-category.front .title-wrapper {
	position: absolute;
	left: 8%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	z-index: 100;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: -webkit-transform .28s ease;
	transition: transform .28s ease;
	transition: transform .28s ease, -webkit-transform .28s ease;
	width: 85%;
}
.face-category.front .title-wrapper .title {
	position: relative;
	font-family: 'Archivo Black', sans-serif;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;
	opacity: .8;
	transition: opacity .2s ease;
}
.face-category.front .title-wrapper .title::after {
	display: block;
	margin: 7% auto 8% auto;
	width: 100%;
	height: 1px;
	content: "";
	background-color: #fff;
	opacity: .5;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: -webkit-transform .15s;
	transition: transform .15s;
	transition: transform .15s, -webkit-transform .15s;
}
.face-category.front .title-wrapper .subtitle {
	font-size: .9vw;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity .15s;
}
.face-category.front:hover::before {
	opacity: .9;
}
.face-category.front:hover .title-wrapper {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.face-category.front:hover .title-wrapper .title {
	opacity: 1;
}
.face-category.front:hover .title-wrapper .title::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: .5;
	transition-delay: .15s;
	transition-duration: .2s;
}
.face-category.front:hover .title-wrapper .subtitle {
	opacity: .7;
	transition-delay: .2s;
	transition-duration: .2s;
}
.images-cateogry {
	width: 168px;
	height: 174px;
}
.border-search-result {
	margin-top: 30px;
	background-color: #efefef;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: black;
	border-radius: 8px;
	font-family: 'kanit', sans-serif !important;
	position: relative;
}
.border-search-result-postby {
	margin-top: 15px;
	background-color: #efefef;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: black;
	border-radius: 8px;
	font-family: 'kanit', sans-serif !important;
	height: 60px;
}
#result-search-number {
	font-size: 18px;
}
.select-no-lable-top-heading-sort {
	padding: 3px 10px 4px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
	margin-left: 10px;
}
.sort-select-company {
	width: 37%;
}
#text-sort-select {
	margin-left: 215px;
	margin-top: 2px;
}



.profile-coach {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: url(../images/backgroud-interview.jpg);
	background-size: cover;
	margin: 0;
	padding: 0;
	width: 31%;
	border-radius: 15px;
	margin-top: 90px;
	margin-right: 6px;
	margin-left: 6px;
}

.card-profile-coach {
	padding: 15px;
	justify-content: space-around;
	flex-wrap: wrap;
	background: rgba(255,255,255, 0.85);
	border-radius: 15px;
	background-size: cover;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.35);
	transition: background 0.5s ease;
	width: 100%;
	height: 120px;
	margin-top: -1px;
	margin-right: 0px;
	text-align: center;
	margin-left: 0px;
}

.card-profile-coach:hover {
	background: rgba(255,255,255, 0.95);
}

.coach-profile {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #FF0080;
	background: linear-gradient(150deg, #40E0D0, #FF0080);
	animation: gradientRotate 7s ease infinite;
	transition: border-radius 0.5s ease;
	margin-top: -72px;
}

.coach-profile:hover {
	border-radius: 45%;
}

.pic-coach {
	width: 95%;
	height: 95%;
	background-size: cover;
	border-radius: 50%;
	animation: picFix 7s ease infinite;
	position: relative;
	background-color: #fff;
}
.img-picture-coach {
	width: 95px;
	height: 95px;
	border-radius: 50%;
}
.info-card-profile {
	color: #C33764;
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	margin-top: 10px;
}
.info-card-profile .title {
	color: #0faae0;
	font-size: 18px;
	font-weight: 300;
}

.info-card-profile .title span {
	font-weight: bold;
	font-size: 20px;
}

.info-card-profile .sub-title {
	color: #727272;
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	margin-bottom: -7px;
	height: 45px;
}
.remove-border-link {
	text-decoration: none;
}

@keyframes gradientRotate {
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}

@keyframes picFix {
	0%{transform: rotate(360deg)}
	100%{transform: rotate(0deg)}
}

.pagination-custom {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin-top: 40px;
	float: right;
}
.pagination-custom li {
	display: inline;
	text-align: center;
}
.pagination-custom a {
	float: left;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 12px;
	color: #fff;
	margin-left: -1px;
	border: 1px solid transparent;
	line-height: 1.5;
}
.pagination-custom a.active {
	cursor: default;
}
.pagination-custom a:active {
	outline: none;
}

.square-1 li:first-child a {
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 0 0 6px;
}
.square-1 li:last-child a {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0;
	border-radius: 0 6px 6px 0;
}
.square-1 a {
	border-color: #ddd;
	color: #4285F4;
	background: #fff;
}
.square-1 a:hover {
	background: #eee;
}
.square-1 a.active, .square-1 a:active {
	border-color: #4285F4;
	background: #4285F4;
	color: #fff;
}
/* END COACH */

/* Gleaning */
.block-gleaning-seminar-left {
	border: 1px solid #ddd9d9;
	width: 440px;
	height: 495px;
	border-radius: 8px;
	float: left;
}
.block-gleaning-seminar-left > a {
	color: #333333;
}
.block-gleaning-seminar-left > a > img {
	width: 440px;
	height: 380px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.block-gleaning-seminar-left > a > h3 {
	padding-left: 15px;
	padding-right: 15px;
}
.block-gleaning-seminar-left > a > p {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.block-gleaning-seminar-right {
	float: right;
	width: 260px;
	height: 234px;
	border: 1px solid #ddd9d9;
	border-radius: 8px;
	margin-bottom: 25px;
}
.block-gleaning-seminar-right > a {
	color: #333333;
}
.block-gleaning-seminar-right > a > img {
	width: 260px;
	height: 153px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.block-gleaning-seminar-right > a > h4 {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#result-gleaning-seminar {
	margin-top: 30px;
	margin-left: 18px;
}
.block-gleaning-seminar {
	width: 30%;
	height: 470px;
	border: 1px solid #ddd9d9;
	border-radius: 8px;
	display: inline-flex;
	margin-right: 20px;
	margin-bottom: 26px;
}
.gleaning-seminar-image {
	height: 250px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}
.gleaning-seminar-image > img {
	margin: auto;
	display: block;
	width: 100%;
}
.block-gleaning-seminar > a {
	color: #333333;
}
.block-gleaning-seminar > a > img {
	width: 100%;
	height: 250px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.text-center {
	text-align: center;
}
.block-gleaning-seminar > a > h3 {
	padding-left: 15px;
	padding-right: 15px;
}
.block-gleaning-seminar > a > p {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -15px;
}
.block-gleaning-seminar-right > a > p {
	margin-top: -15px;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 14px;
}
/* END Gleaning */

/* ARTICLES DETAIL */
.content-articles-coach {
	border: 1px solid #efefef;
	border-radius: 8px;
	margin-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.content-articles-coach img {
	max-width: 100%;
	height: auto !important;
}
.img-cover-articles-coach {
	margin-left: -15px;
	width: 102.8%;
}
.cover-articles-coach {
	max-width: 728px;
	max-height: 314px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.articles-coach-category {
	background-color: #ff7e00;
	width: 100%;
	position: absolute;
	margin-left: -15px;
	text-align: center;
	color: white;
}
.div-infomation-author {
	margin-top: 40px;
	margin-bottom: 35px;
}
.picture-author {
	border-radius: 50%;
	left: 20%;
	width: 80px;
	height: 80px;
}
#div-infomation-author-text {
	margin-left: 106px;
	position: absolute;
	margin-top: -68px;
	color: black;
}
.text-name-articles-coach-detail {
	font-size: 25px;
	color: #0FAAE0;
}
#div-infomation-author-text > a > p {
	margin-top: -5px;
}
p.aptitude-infomation-author {
	background-color: #ff7e00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
	border-radius: 5px;
	width: auto;
	color: white;
}
#tags-articles-coach {
	margin-top: 30px;
}
.tags-articles-coach {
	background-color: #ffdbdb;
	padding: 4px 15px 5px 15px;
	border-radius: 30px;
	font-family: 'kanit', sans-serif;
	color: #333333;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 10px;
	border: 1px solid transparent;
}
.tags-articles-coach:hover {
	background-color: #ffffff;
	border: 1px solid #ffdbdb;
	color: #ffdbdb;
	font-weight: bold;
}
#btn-facebook-like-share {
	margin-top: 50px;
}
#btn-facebook-like-share > .fb-like {
	margin-top: -40px;
}
.border-articles-coach {
	width: 29%;
	border: 1px solid #cac8c8;
	border-radius: 8px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	display: inline-block;
	margin-right: 25px;
	padding-right: 9px;
	position: relative;
}
.border-articles-coach:hover {
	border: 1px solid #0579B7;
	background-color: #fbfbfb;
	text-decoration: none;
	box-shadow: 0 1px 4px #0579B7;
}
.border-articles-coach > a {
	color: #333333;
}
.border-articles-coach > a > img {
	width: 106.5%;
	height: 230px;
	margin-left: -10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.category-articles-coach-block {
	width: 100%;
	background-color: #ff7e00;
	color: white;
	position: absolute;
	margin-left: -10px;
	text-align: center;
	font-size: 13px;
	font-family: 'kanit', sans-serif;
}
.date-articles-coach-block {
	float: right;
	margin-top: 24px;
	font-size: 11px;
	font-family: 'kanit', sans-serif;
	height: 7px;
}
.title-articles-coach-block {
	color: #0faae0;
	font-family: 'kanit', sans-serif;
	font-size: 18px;
	margin-top: 43px;
	height: 55px;
}
.content-articles-coach-block {
	margin-top: -14px;
	font-size: 13px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
.content-author-coach-block {
	margin-top: -5px;
	font-size: 13px;
}
.author-img-articles {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.content-author-coach-block > span {
	display: inline-block;
	color: #7b7b7be6;
	position: absolute;
	margin-left: 10px;
	margin-top: 6px;
}

.btn-view-all {
	position: absolute;
	float: right;
	right: 0;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;
	background-color: #ff7e00;
	border: 1px solid transparent;
	transition: 0.3s;
}

.btn-view-all:hover {
	background-color: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.btn-view-all-coach {
	margin-left: 592px;
}
a.icon-action-table {
	color: black;
	font-size: 16px;
}
a.icon-action-table:hover {
	color: #0395d9;
}
.text-right {
	text-align: right !important;
}

/* END ARTICLES DETAIL */
.fancybox-opened {
	z-index: 9999999;
}
.font-bold {
	font-weight: bold;
}
.span-gleaning-left {
	width: auto;
	background-color: #ff7e00;
	color: white;
	text-align: center;
	font-size: 13px;
	font-family: 'kanit', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.span-gleaning-right {
	width: auto;
	border: 1px solid #ff7e00;
	color: #ff7e00;
	text-align: center;
	font-size: 13px;
	font-family: 'kanit', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: -4px;
}
.span-center-gleaning {
	text-align: center;
}
/* COACH DETAIL */
.img-coach-detail-left {
	width: 27%;
	min-height: 105px;
	margin-right: 27px;
	display: inline-block;
	vertical-align: top;
}
.info-coach-detail-right {
	margin-top: -10px;
	position: relative;
	display: inline-block;
	width: 69%;
}
.img-coach-detail-left > img {
	width: 320px;
	max-height: 500px;
}
.info-coach-detail-right > p {
	font-family: 'kanit', sans-serif;
}
.name-coach-detail-right {
	font-size: 25px;
	font-weight: 500;
}
.fullname-coach-detail-right {
	margin-top: -14px;
}
.aptitude-coach-detail {
	background-color: #ff7e00;
	color: white;
	border-radius: 8px;
	margin-top: -8px;
	padding-left: 15px;
}
/* COACH DETAIL */
#form-reset-password {
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}
div.successmessage{
	border: 1px dashed #00b200;
	padding: 10px;
	color: #00b200;
}
#modal-container-confirm {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: scale(0);
	z-index: 99999;
}
#modal-container-confirm.one {
	transform: scaleY(0.01) scaleX(0);
	animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm.one .modal-background-confirm .form-modal-confirm {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm.one .modal-background-confirm .modal-close-confirm {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm.one.out {
	transform: scale(1);
	animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm.one.out .modal-background-confirm .form-modal--confirm {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm.one.out .modal-background-confirm .modal-close-confirm {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-confirm .modal-background-confirm {
	display: table-cell;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	vertical-align: middle;
}
#modal-container-confirm .modal-background-confirm .form-modal-confirm {
	background: white;
	display: inline-block;
	border-radius: 3px;
	font-weight: 300;
	position: relative;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.form-modal-confirm {
	height: 230px;
	width: 400px;
}
.form-modal-confirm input{
	width: 80%;
	padding: 1.2em 1.7em 1.2em 1.7em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-radius: 20px;
	border: none;
	background: #ebebeb;
	outline: none;
	transition: 0.4s;
	font-family: 'kanit', sans-serif !important;
}

.form-modal-confirm input:focus , .form-modal-confirm input:active{
	transform:scaleX(1.02);
}

.form-modal-confirm input::-webkit-input-placeholder{
	color:#222;
}

.form-modal-confirm .confirm-email{
	border-radius: 20px;
	border: none;
	font-size: 1.2em;
	padding: 0.8em 1em 0.8em 1em!important;
	transition: 0.5s;
	margin-bottom: 0.5em;
	background-color: #ff7e00;
	color: white;
	font-family: 'kanit', sans-serif !important;
	background: #ff7e00;
	color: #fff;
}

.form-modal-confirm .confirm-email:hover {
	background: #fff;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.confirm-email:disabled{
	cursor: no-drop;
	background-color: #b2b1b1;
}
.modal-close-confirm {
	color: black;
	background-color: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 24px;
	font-size: 12px;
	position: absolute;
	left: 65%;
	top: 28%;
	padding-left: 0px;
	cursor: pointer;
}
.modal-close-confirm:hover {
	color: #ff7e00;
	border: 1px solid #ff7e00;
	background-color: transparent;
}
.image-center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.location-gleaning-seminar {
	display: none;
}

/* HOME */
.block-home-guru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: url(../images/background-interview.jpg) 0% 0% / cover;
	margin: 25px 0px 0px;
	padding: 0px;
	border-radius: 15px;
}
.card-home-guru {
	padding: 0px 15px 15px 15px;
	justify-content: space-around;
	flex-wrap: wrap;
	background: rgba(255,255,255, 0.65);
	border-radius: 15px;
	background-size: cover;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.35);
	transition: background 0.5s ease;
	width: 96.2%;
	height: auto;
}
.button-view-all-coach-home {
	text-align: center;
	margin-top: 50px;
}
.btn-view-all-coach-home {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	background-color: #0faae0;
	font-family: 'kanit', sans-serif;
}
.btn-view-all-coach-home:hover {
	background-color: white;
	border: 1px solid #0faae0;
	color: #0faae0;
}
.block-articles-coach-home {
	margin-top: 40px;
}
.left-articles-coach-home {
	width: 40%;
	float: left;
	border-radius: 7px;
	background-color: #ebebebeb;
	height: 630px;
}
.articles-coach-home-page {
	font-family: 'kanit', sans-serif;
	margin-top: 30px;
}
.img-articles-coach-left {
	width: 100%;
	height: 270px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#category-articles-coach-home {
	position: absolute;
	margin-top: -30px;
	background-color: #0faae0;
	text-align: center;
	padding: 2px 15px 5px 15px;
	color: white;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 274px;
}
#date-time-articles-coach-home {
	float: right;
	margin-top: -18px;
	font-size: 12px;
}
#content-text-articles-coach-home {
	padding-left: 10px;
	padding-right: 10px;
}
#name-author-artices-coach {
	position: absolute;
	margin-top: -6px;
	margin-left: 12px;
	color: #0faae0;
	font-size: 16px;
}
#author-img-articles-home {
	margin-top: -9px;
}
.btn-view-articles-coach-home {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #0faae0;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	font-family: 'kanit', sans-serif;
	float: right;
	margin-right: 10px;
	margin-top: 15px;
	border: 1px solid #0faae0;
}
#content-articles-coach-home {
	margin-top: 8px;
	color: #696969;
	height: 157px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
}
.articles-coach-home-page {
	display: inline-flex;
}
.right-articles-coach-home {
	width: 57%;
	margin-left: 22px;
}
.img-left-articles-coach-home {
	float: left;
	width: 330px;
	margin-right: 18px;
	height: 100%;
}
.img-articles-coach-right {
	display: inline;
	height: 195px;
	width: 100%;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#category-articles-coach-right-home {
	margin-top: 0px;
	background-color: #0faae0;
	text-align: center;
	color: white;
	border-bottom-left-radius: 7px;
	width: 170px;
	position: absolute;
	height: 50px;
}
.text-right-articles-coach-home {
	padding-right: 10px;
}
.articles-coach-home-right-border {
	border: 1px solid #c9c9c9;
	border-radius: 7px;
	height: 195px;
	margin-bottom: 20px;
}
#content-right-articles-coach-home {
	margin-top: 4px;
	color: #696969;
	height: 67px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#author-img-articles-right-home {
	margin-top: -10px;
}
#name-author-artices-coach-right {
	position: absolute;
	margin-top: -7px;
	margin-left: 12px;
	color: #0faae0;
	font-size: 16px;
}

/* PR CARD */
/*PEN STYLES*/
.pr-card {
	transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
	margin: 0 auto 1.6%;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 1.45em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 210px;
	font-family: 'kanit', sans-serif;
	margin-top: 30px;
}
.pr-card:hover.alt .details {
	right: 0;
}
.pr-card.alt .details {
	right: -100%;
	left: inherit;
	padding-left: 30px;
}
.pr-card .photo {
	height: 200px;
	position: relative;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	float: left;
	height: 100%;
	width: 40%;
}
.pr-card .photo img {
	background-size: cover;
	width: 100%;
	height: 210px;
}
.pr-card .description {
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 60%;
	z-index: 0;
	height: 100%;
}
.pr-card .description h2 > a {
	line-height: 25px;
	margin: 0 0 10px 0;
}
.pr-card .description p {
	position: relative;
	margin: 0;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pr-card .description span.date {
	margin-top: 7px;
	position: absolute;
}
.pr-card .description p:after {
	content: "";
	background: #ff7e00;
	height: 6px;
	width: 80px;
	position: absolute;
	top: 6px;
	left: 0;
}
.pr-card .description a.link {
	color: #ff7e00;
	margin-bottom: 10px;
	float: right;
	font-size: 15px;
	margin-top: 6px;
}
.pr-card .description h2 {
	margin-top: 0px;
	margin-bottom: -1px;
}
.pr-card .description h2 a {
	color: black;
	text-decoration: none;
}
.pr-card .description a:after {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	content: "\f061";
	font-family: FontAwesome;
	margin-left: -10px;
	opacity: 0;
	vertical-align: middle;
}
.pr-card .description a:hover:after {
	margin-left: 5px;
	opacity: 1;
}
.pr-card:hover .photo {
	-webkit-transform: rotate(5deg) scale(1.3);
	transform: rotate(5deg) scale(1.3);
}
.pr-card:hover.alt .photo {
	-webkit-transform: rotate(-5deg) scale(1.3);
	transform: rotate(-5deg) scale(1.3);
}
.pr-card.alt .description {
	float: right;
}
.pr-card.alt .description:before {
	-webkit-transform: skewX(5deg);
	transform: skewX(5deg);
	right: -15px;
	left: inherit;
}
.pr-card.alt .photo {
	float: right;
}
.pr-card .description:before {
	-webkit-transform: skewX(-5deg);
	transform: skewX(-5deg);
	content: "";
	background: #fff;
	width: 100%;
	z-index: -1;
	/*POSITION*/
	position: absolute;
	left: -15px;
	top: 0;
	bottom: 0;
}

/* PR CARD */
label.form-post-booking-textarea {
	top: -3px;
	left: 0px;
	padding: 3px 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
	background: #1998de;
}
.view-all-pr-line {
	border: 1px solid #ff7e00;
	width: 85%;
	float: left;
	margin-top: 30px;
}
.view-all-pr-text {
	float: right;
	margin-top: 17px;
}
.view-all-pr-text > a {
	color: black;
	text-decoration: none;
	font-family: 'kanit', sans-serif;
}
.view-all-pr-text > a:hover {
	color: #ff7e00;
	text-decoration: underline;
}
#img-left-coach-home {
	float: left;
	width: 50%;
	margin-right: 20px;
	height: 450px;
}
#text-data-coach-home {
	font-family: 'kanit', sans-serif;
	width: 95%;
}
#text-coach-home {
	font-size: 28px;
}
#name-coach-home {
	font-size: 40px;
	margin-top: -42px;
	color: #0faae0;
}
#lname-coach-home {
	color: black;
	margin-top: -43px;
	font-size: 20px;
}
#aptitude-coach-home {
	background-color: #ff7e00;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 3px;
	padding-bottom: 5px;
}
#aptitude-coach-home > a {
	color: white;
	text-decoration: none;
}
.button-view-interview-home {
	margin-top: 35px;
}
.btn-view-interview-home {
	overflow: hidden;
	padding-left: 22px;
	padding-right: 21px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #ff7e00;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	font-family: 'kanit', sans-serif;
	border: 1px solid #ff7e00;
}
.btn-view-interview-home:hover {
	border: 0;
	color: white;
	background-color: #ff7e00;
}
#content-interview-coach-home {
	margin-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.owl-nav {
	position: absolute;
	top: 50%;
	width: 113%;
	margin-left: -42px;
}
.owl-nav > button.owl-prev {
	background-color: #ff7e00 !important;
	color: white !important;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	outline: none;
}
.owl-nav > button.owl-prev:disabled, .owl-nav > button.owl-next:disabled {
	background-color: transparent;
	color: #ffffff00 !important;
	width: 0px;
	height: 0px;
}
.owl-nav > button.owl-next {
	background-color: #ff7e00 !important;
	color: white !important;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	float: right;
	outline: none;
}
.slider-coach-interview {
	padding-left: 30px;
	padding-right: 30px;
}
.block-new-coach-home {
	margin-top: 40px;
}
.left-articles-coach-home:hover {
	background-color: #fbfbfb;
	box-shadow: 0 1px 4px #0579B7;
}
.btn-view-articles-coach-home:hover {
	background-color: #0faae0;
	color: white;
	border: 0;
}
.articles-coach-home-right-border:hover {
	background-color: #ebebebeb;
	box-shadow: 0 1px 4px #0579B7;
}
.btn-view-articles-coach-home-right {
	margin-right: -2px;
	margin-top: -18px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content-text-articles-coach-home > h2 > a, .text-right-articles-coach-home > h3 > a {
	color: black;
	text-decoration: none;
}
.btn-search-gleaning {
	cursor: pointer;
	outline: none;
	border: 0px;
	top: 24px;
	right: 0;
}
.card-profile-coach:hover {
	box-shadow: 0 1px 4px #0579B7;
}
#form-send-email-confirm {
	width: 35%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
}
.img-kagaw {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 250px;
}
#new-company {
	width: 180px;
}
.select-no-lable-top-sidebar {
	padding: 3px 10px 4px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
	width: 154px;
}
.select-no-lable-top-select-sidebar {
	padding: 3px 3px 5px 5px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 5px;
	width: 180px;
	margin-top: 10px;
}
.btn-search-sidebar {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	background-color: #0faae0;
	font-family: 'kanit', sans-serif;
	outline: none;
	border: 0;
	margin-top: 13px;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.btn-search-sidebar:hover {
	background-color: white;
	border: 1px solid #0faae0;
	color: #0faae0;
}
#img-company-sidebar {
	border: 1px solid #e1e2e3;
	width: 75px;
	height: 75px;
	border-radius: 7px;
	margin-right: -10px;
}
#img-company-sidebar > img {
	width: 75px;
	height: 75px;
	border-radius: 7px;
}
#text-company-sidebar {
	font-family: 'kanit', sans-serif;
	width: 100%;
	margin-top: -10px;
	text-align: center;
	color: #0faae0;
}
#text-company-sidebar > p {
	max-height: 44px;
	text-overflow: ellipsis;
	overflow: hidden;
}
#text-company-sidebar > p.small-text {
	color: #777;
	font-size: 13px;
	margin-top: -13px;
}
#block-company-sidebar {
	max-height: 160px;
}

.btn-search-sidebar.view-all {
	position: relative;
	display: block;
}
#new-coach {
	border: 1px solid #0faae0;
	width: 180px;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 30px;
}
.btn-search-sidebar.view-all-new-coach-sidebar {
	position: relative;
	display: block;
	margin-left: -10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.view-all-new-coach-sidebar:hover {
	border: 0;
	border-top: 1px solid #0faae0;
}
#img-coach-sidebar {
	width: 65px;
	height: 65px;
}
#img-coach-sidebar > img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
#text-coach-sidebar {
	font-family: 'kanit', sans-serif;
	width: 100%;
	margin-top: 7px;
	text-align: left;
}
.hr-coach-sidebar {
	border: 0.5px solid #ededed;
	margin-left: auto;
	width: 95%;
	margin-top: 2px;
	margin-left: 1px;
}
#text-coach-sidebar > small {
	display: block;
	text-align: center;
	font-size: 11px;
	background-color: #0faae0;
	color: white;
	border-radius: 5px;
}
#text-coach-sidebar > p {
	margin-top: 0px;
	text-align: center;
}
#text-coach-sidebar > p.lname  {
	margin-top: -14px;
	text-align: center;
	font-size: 12px;
}
#block-coach-sidebar {
	max-height: 155px;
	margin-top: 15px;
}
#form-search-coach-sidebar {
	margin-bottom: 20px;
}
#block-coach-sidebar:hover #img-coach-sidebar > img {
	box-shadow: 0 1px 4px #0579B7;
	border-radius: 7px;
	border-radius: 50%;
}

#block-company-sidebar:hover #img-company-sidebar > img {
	box-shadow: 0 1px 4px #0579B7;
	border-radius: 7px;
}
#block-company-sidebar:hover #text-company-sidebar > p {
	color: #ff7e00;
}
#form-search-company-sidebar {
	margin-bottom: 20px;
}
.sort-select-hightlight-page {
	width: 33%;
}
.select-category-articles-page {
	margin-left: 15px;
}
.sweet-alert {
	font-family: 'kanit', sans-serif !important;
}
.text-left {
	text-align: left;
}
.border-profile-none {
	padding: .7em;
	margin-top: 13px;
	height: 85px;
	width: 85px;
	border-radius: 18em;
	margin-left: 4px;
	margin-right: 9px;
	border: 1px solid #d8d8d8;
}
.page-footer {
	background-image: url(../images/bg-footer.png);
	padding-top: 1px;
	padding-bottom: 10px;
	margin-top: 200px;
}
.footer-copyright {
	font-size: 12px;
}
.text-email-bold {
	font-size: 20px;
	color: #0faae0;
}
.small-text-info {
	font-size: 12px;
	color: #000;
}
.counter-view-articles {
	margin-top: 25px;
	position: absolute;
	font-size: 12px;
	width: 100%;
	text-align: right;
	margin-left: -15px;
	right: 10px;
}


.block-coach-new {
	position: relative;
	display: inline-flex;
}

.card-coach-new {
	width: 325px;
	height: 155px;
	min-height: 100px;
	padding: 15px;
	border-radius: 3px;
	background-color: white;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
	border-radius: 7px;
	margin-right: 20px;
}
.card-coach-new:after {
	content: '';
	display: block;
	width: 174px;
	height: 300px;
	background: #0faae0;
	position: absolute;
	transform: rotate(-30deg);
	top: -24px;
	left: -78px;
}

.info-coach-new {
	flex-direction: row;
	z-index: 2;
	position: relative;
}
.info-coach-new img {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin-top: 17px;
}
.info-coach-new .datainfo-coach-new {
	display: inline-block;
	font-family: 'kanit', sans-serif;
	position: absolute;
	margin-top: -15px;
	margin-left: 15px;
}
.info-coach-new .datainfo-coach-new h1 {
	font-size: 20px;
}
.info-coach-new .datainfo-coach-new h3 {
	font-size: 13px;
	color: #0faae0;
	font-style: italic;
	margin-top: -6px;
}
.info-coach-new .datainfo-coach-new p.text-short-coach-new {
	padding: 0px 0px;
	color: #5A5A5A;
	line-height: 1.2;
	font-style: initial;
	margin-top: -4px;
}
.card-coach-new:hover{
	box-shadow: 0 1px 4px #0579B7;
	cursor: pointer;
}
.div-articles-coach-block-btn-all {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 24px;
}
.btn-view-articles-all-home {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #0faae0;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	font-family: 'kanit', sans-serif;
	margin-top: 15px;
	border: 1px solid #0faae0;
}
.btn-view-articles-all-home:hover {
	background-color: #0faae0;
	color: white;
	border: 0;
}
.btn-pr-new-view-all {
	position: absolute;
	right: 0;
}
.img-firstpage {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
}
.select-no-lable-top-heading.search-input.articles-coach-input {
	right: 50px;
	float: right;
	position: absolute;
}
.btn-search-icon-sky.articles-coach-input {
	position: absolute;
	right: 0;
	top: 24px;
}
#truehits_div {
	position: relative;
	display: inline-flex;
	float: right;
	margin-top: -54px;
	right: 72px;
	height: 18px;
}

/* The element to hover over */
.info-disclaimer {
	color: #e3fbff;
	cursor: default;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	margin-top: -5px;
	margin-left: 6px;
}
.popover {
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: none;
	font-size: 12px;
	font-family: Tahoma;
	padding: 7px 10px;
	position: absolute;
	width: 720px;
	z-index: 4;
	margin-top: 14px;
	line-height: 18px;
}
.popover:before {
	border-bottom: 7px solid rgba(0, 0, 0, 0.85);
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	bottom: 50px;
	content: '';
	display: block;
	left: 92.1%;
	margin-left: -7px;
	position: absolute;
}
.info-disclaimer:hover ~ .popover {
	display: block;
}
.block-gleaning-seminar:hover {
	box-shadow: 0 1px 4px #0579B7;
}
p.edit-post-dont-login {
	margin-top: -70px;
	position: absolute;
	color: red;
	border: 1px dotted red;
	border-radius: 7px;
	width: 100%;
	font-size: 16px;
	line-height: 25px;
}
p.info-crop-image {
	margin-top: -70px;
	position: absolute;
	color: white;
	border: 1px dotted green;
	border-radius: 7px;
	width: 100%;
	font-size: 16px;
	line-height: 25px;
}
.info-card-profile .title-company {
	color: #0faae0;
	font-size: 16px;
	font-weight: 300;
}
#about-coach img, #edu-coach img, #exp-coach img {
	max-width: 100%;
}
.block-venue-seminar {
	width: 330px;
	height: 450px;
	border: 1px solid #ddd9d9;
	border-radius: 8px;
	display: inline-flex;
	margin-right: 20px;
	margin-bottom: 26px;
}
.block-venue-seminar img.image-cover-venue {
	width: 330px;
	height: 260px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.block-venue-seminar div.desc-venue-block {
	color: #313131;
	font-size: 14px;
	margin-top: -7px;
}
p.small-venue-address {
	font-size: 12px;
	color: #a2a2a2;
	height: 40px;
	margin-top: -8px;
}
#content-venue {
	padding-left: 15px;
	padding-right: 15px;
}
.block-venue-seminar:hover {
	box-shadow: 0 1px 4px #0579B7;
}
.counter-view-venue {
	color: #cdcdcd;
	font-size: 10px;
	float: right;
	margin-top: 3px;
	margin-bottom: -17px;
}
.image-cover-venue-detail {
	width: 100%;
	max-height: 700px;
}
.desc-venue-block-detail img {
	width: 100%;
}
.content-venue-detail {
	margin-bottom: 100px;
}
.google-map-show {
	height: 300px;
	position: relative;
}
#map-google {
	width: 100%;
	height: 320px;
	position: absolute;
	overflow: hidden;
	display: block;
}
.image-detail-postby {
	width: 320px;
	max-height: 500px;
	float: left;
}
.information-postby-detail {
	margin-top: 25px;
	width: 100%;
}
.info-postby-detail-right {
	float: right;
	width: 55%;
	left: 0;
	font-family: 'kanit', sans-serif;
}
.title-contact-postby {
	font-size: 18px;
	border-bottom: 1px solid #6edaff;
}
.desc-venue-block-detail img {
	max-width: 100%;
	height: auto;
}
.content-gleaning-detail img {
	max-width: 100%;
	height: auto;
}
.category-top-heading-coach-all {
	margin-left: 65px;
}
.cards-index {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	width: 25%;
	height: 0;
	padding: 0 0 20%;
	-webkit-perspective: 700px;
	perspective: 700px;
}
.cards-index-w-50 {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	width: 50%;
	height: 0;
	padding: 0 0 20%;
	-webkit-perspective: 700px;
	perspective: 700px;
	margin-left: -9px;
}
.cards-index-w-50 .card-object {
	width: 91%;
}
.cards-index-w-50 .card-object, .cards-index .card-object {
	height: 145px;
}

.cards-index-w-50 .images-cateogry {
	width: 100%;
	height: 100%;
}
.cards-index-w-50 > .card-object > .face-category.front::after {
	position: absolute;
	top: 8%;
	right: 4%;
	bottom: 8%;
	left: 4%;
	border: 1px solid rgb(110, 218, 255);
	z-index: 100;
	content: "";
}
.cards-index .images-cateogry {
	width: 100%;
	height: 100%;
}
.cards-index-3 {
	display: block;
	float: right;
	position: relative;
	margin: 0;
	width: 26%;
	padding: 0 0 20%;
	-webkit-perspective: 700px;
	perspective: 700px;
	height: 147px;
	margin-top: -12px;
}
.cards-index-3 .images-cateogry {
	height: 100%;
	width: 100%;
}
.cards-index-3 .cards-category {
	height: 100%;
}
.cards-index-line-2 {
	margin-top: 0;
}
.cards-index-3 > .card-object > .face-category.front::after {
	position: absolute;
	top: 5%;
	right: 7%;
	bottom: 5%;
	left: 7%;
	border: 1px solid rgb(110, 218, 255);
	z-index: 100;
	content: "";
}
.cards-index-3 > .card-object > .face-category > .title-wrapper {
	top: 83%;
}
.font-down-size {
	font-size: 18px;
}
.font-down-size-small {
	font-size: 11px !important;
}
.title-wrapper {
	top: 74%;
}
.face-category.front .title-wrapper .title::after {
	margin: 2% auto 3% auto;
	width: 85%;
}
.cards-index-horizontal {
	display: none;
	float: left;
	position: relative;
	margin: 0;
	margin-left: 0px;
	margin-left: 0px;
	width: 106.6%;
	height: 160px;
	padding: 0 0 0;
	-webkit-perspective: 700px;
	perspective: 700px;
	margin-left: -13px;
}
.cards-index-horizontal .images-cateogry {
	width: 422px;
	height: 142px;
}
.search-input-venue {
	margin-left: 147px;
}
.btn-search-venue {
	margin-top: -27px;
	margin-left: 540px;
}
#venue-sort-text {
	margin-left: 170px;
}
.cards-category > .card-object > .face-category > .title-wrapper {
	top: 62%;
}
.color-orange{
	color: #ff8a10;
}

.info-image {
	color: #e3fbff;
	cursor: help;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	text-align: center;
	margin-top: -5px;
	margin-left: 6px;
}
.popover-image {
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: none;
	font-size: 12px;
	font-family: Tahoma;
	padding: 7px 10px;
	position: absolute;
	width: 720px;
	z-index: 99999;
	margin-top: 14px;
	line-height: 18px;
}
.info-image:hover ~ .popover-image {
	display: block;
}


/* CROP IMAGE IN POST PAGE */
.btn-save-crop {
	font-size: 20px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	margin-bottom: 0;
	border: none;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	font-family: 'kanit', sans-serif;
	background-color: #ff7e00;
	transition: 0.3s;
}
.btn-save-crop:hover {
	color: #ff7e00;
	border: 1px solid #ff7e00;
	background-color: transparent;
}
#preview-cover {
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: all 400ms ease;
}
#modal-container-crop {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: scale(0);
	z-index: 99999;
}
.modal-close-crop {
	color: black;
	background-color: #fff;
	width: 25px;
	height: 25px;
	line-height: 24px;
	font-size: 12px;
	padding-left: 0px;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.modal-close-crop:hover {
	color: #ff7e00;
	border: 1px solid #ff7e00;
	background-color: transparent;
}
.modal-close-crop {
	left: 66.5%;
	top: 17.1%;
}
#modal-container-crop.one .modal-background-crop {
	overflow-y: scroll;
}
#modal-container-crop.one .modal-background-crop .form-modal-crop {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop.one .modal-background-crop .modal-close-crop {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop.one.out {
	transform: scale(1);
	animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop.one.out .modal-background-crop .form-modal-crop {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop.one.out .modal-background-crop .modal-close-crop {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop .modal-background-crop {
	display: table-cell;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	vertical-align: middle;
}
#modal-container-crop .modal-background-crop.crop-in-advertising {
	display: block;
}
#modal-container-crop .modal-background-crop .form-modal-crop {
	display: inline-block;
	border-radius: 3px;
	font-weight: 300;
	position: relative;
}
#modal-container-crop.one.out {
	transform: scale(1);
	animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container-crop.one {
	transform: scaleY(0.01) scaleX(0);
	animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#image-crop-div{
	width: 500px;
	height: 400px;
}
#thumbnail{
	min-width: 282px;
	max-width: 282px;
	max-height:100%;
	margin-left: -14px;
}
#preview-cont {
	width:200px;
	height:200px;
	overflow:hidden;
	border:1px solid #000;
	float:right;
}
#div-save-crop {
	position: absolute;
	left: 103%;
}

.preview-cover-div {
	width: 200px;
	height: 200px;
	overflow:hidden;
	border: 2px solid #e4e4e4;
	margin-top: 15px;
}
.preview-cover-div-hover:hover #preview-cover {
	transform: scale(1);
	transition: all 600ms ease;
	filter: blur(6px);
}
.preview-cover-div-hover:hover .btn-link-preview {
	transform: translate(-50%, -50%);
	transition-delay: 200ms;
	opacity: 1;
	display: block;
}
.btn-link-preview {
	display: none;
	background: #ff7e00;
	padding: 0.6em 1.0em;
	border-radius: 10px;
	text-decoration: none;
	font-family: helvetica;
	color: #ffffff;
	position: absolute;
	top: 73%;
	left: 13.5%;
	transform: translate(-50%, 0%);
	transition: all 400ms ease;
	opacity: 0;
	font-size: 12px;
}
.btn-link-preview:hover {
	color: black;
}
.upload-image {
	float: left;
}
.image-info-right {
	float: right;
	margin-top: -8px;
	margin-bottom: -11px;
}
.image-info-right > img {
	height: 260px;
}
#preview-detail-image {
	min-width: 200px;
	min-height: 200px;
	max-width: 500px;
	max-height: 500px;
	overflow: hidden;
	border: 2px solid #e4e4e4;
	margin-top: 15px;
}
#preview-upload {
	max-width: 500px;
	max-height: 500px;
}
p.info-text-main-image {
	border: 1px dotted #ff7907;
	color: #ff7907;
	padding: 10px;
}
p.info-text-main-image-danger {
	border: 1px dotted red;
	color: red;
	padding: 10px;
}
.emphasize-text-info-image-main {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
/* CROP IMAGE IN POST PAGE*/
.img-postpage {
	max-width: 100%;
}
#text-sort-select-highlight-all {
	margin-left: 223px;
}
.search-input-highlight {
	right: 50px;
}
#text-sort-select-company-all {
	margin-left: 195px;
}
.dont-has-dateevent-highlight {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.btn-view-all-company {
	margin-left: 543px;
}
.notify-green-feedback {
	border: 1px solid #378b74;
	padding: 15px;
	border-radius: 8px;
	background-color: #dbf0eb;
	font-family: 'kanit', sans-serif !important;
	margin-left: 15px;
	margin-right: 15px;
}
.link-feedback {
	color: #378b74;
}
.link-feedback:hover {
	color: black;;
}
img.kagaw-feedback {
	width: 80px;
	height: 80px;
	position: absolute;
	margin-top: -28px;
}
.close-block-feedback {
	cursor: pointer;
	display: inline-block;
}

@-moz-document url-prefix() {
	#category-articles-coach-home {
		margin-top: 240px;
		margin-left: -304px;
	}
	#category-articles-coach-right-home {
		margin-top: 145px;
		margin-left: -170px;
	}
}

button.btn-orange, a.btn-orange{
	cursor: pointer;
	outline: none;
	background: #ff7e00;
	color: #fff;
	transition:0.2s;
	border-radius: 50px;
	border: none;
	font-size: 1.2em;
	padding: 10px 15px 10px 15px;
	margin-bottom: 0.5em;
	background-color: #ff7e00;
	font-family: 'kanit', sans-serif !important;
	border: 1px solid transparent;
	text-decoration: none;
}

button.btn-orange:not([disabled]):hover, a.btn-orange:not([disabled]):hover {
	background: #fff;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.btn-orange:disabled {
	background: #bebebe;
	cursor: progress;
}
.required{
	color:red;
	font-weight:bold;
}
.paymentdesc > #price {
	margin-left: auto;
	margin-right: auto;
}
.social-login button {
	margin: 10px auto;
	padding: 23px;
	display: block;
	font-family: 'kanit', sans-serif;
	text-align: left;
	cursor: pointer;
	color: white;
}
/*.social-login button:first-child {
	background-color: #3b5998;
	margin-top: 25px;
}
.social-login button:first-child:hover {
	background-color: #1565C0;
}*/
.social-login a .btn-facebook-login {
	background-color: #3b5998;
	margin-top: 25px;
	border-radius: 5px;
}
.social-login a .btn-facebook-login:hover {
	background-color: #1565C0;
}
.social-login a .btn-google-login {
	background-color: #d34836;
	border-radius: 5px;
}
.social-login a .btn-google-login:hover {
	background-color: #e6513e;
}
.form-modal-login-user .social-login .btn-facebook-login {
	padding-left: 45px !important;
}
.form-modal-login-user .social-login .btn-google-login {
	padding-left: 55px !important;
}
.social-login button i, .social-login button img {
	margin-right: 13px;
}
.social-login > a {
	text-decoration: none;
	display: inline-block;
}
.social-login > a > .line-btn {
	background-color: #00c300;
	border: 1px solid #00c300;
	padding-top: 17px;
}
.social-login > a > .line-btn:hover {
	background-color: #00e000;
}
.no-account-click-here {
	font-family: 'kanit', sans-serif;
	font-size: 14px;
	color: #6f6f6f;
	margin-top: 0px;
}
.no-account-click-here > a {
	color: #ff7e00;
}
.no-account-click-here > a:hover {
	color: #000;
}
#div-form-center {
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#modal-seminardd {
		-webkit-transform: scale(0);
	}
	#modal-seminardd.one {
		-webkit-transform: scale(1);
	}
	#modal-seminardd.one .modal-background-seminardd .modal {
		-webkit-transform: scale(1);
	}
	#modal-seminardd.one.out {
		-webkit-transform: scale(0);
	}
}

/* MODAL */
#modal-seminardd {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: scale(0);
	z-index: 9999;
}
#modal-seminardd.one {
	transform: scaleY(0.01) scaleX(0);
	animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.one .modal-background-seminardd .modal {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.one.out {
	transform: scale(1);
	animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.one.out .modal-background-seminardd .modal {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-seminardd.five {
	transform: scale(1);
}
#modal-seminardd.five .modal-background-seminardd {
	background: rgba(0, 0, 0, 0);
	animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.five .modal-background-seminardd .modal {
	transform: translateX(-1500px);
	animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.five.out {
	animation: quickScaleDown 0s .5s linear forwards;
}
#modal-seminardd.five.out .modal-background-seminardd {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd.five.out .modal-background-seminardd .modal {
	animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-seminardd .modal-background-seminardd {
	display: table-cell;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	vertical-align: middle;
}
#modal-seminardd .modal-background-seminardd .modal {
	background: white;
	padding: 50px;
	display: inline-block;
	border-radius: 3px;
	font-weight: 300;
	position: relative;
}
#modal-seminardd .modal-background-seminardd .modal .modal-svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 3px;
}
#modal-seminardd .modal-background-seminardd .modal .modal-svg rect {
	stroke: #fff;
	stroke-width: 2px;
	stroke-dasharray: 778;
	stroke-dashoffset: 778;
}
@keyframes fadeIn {
	0% {
		background: rgba(0, 0, 0, 0);
	}
	100% {
		background: rgba(0, 0, 0, 0.7);
	}
}
@keyframes fadeOut {
	0% {
		background: rgba(0, 0, 0, 0.7);
	}
	100% {
		background: rgba(0, 0, 0, 0);
	}
}
@keyframes roadRunnerIn {
	0% {
		transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
	}
	70% {
		transform: translateX(30px) skewX(0deg) scaleX(0.9);
	}
	100% {
		transform: translateX(0px) skewX(0deg) scaleX(1);
	}
}
@keyframes roadRunnerOut {
	0% {
		transform: translateX(0px) skewX(0deg) scaleX(1);
	}
	30% {
		transform: translateX(30px) skewX(0deg) scaleX(0.9);
	}
	100% {
		transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
	}
}
/* MODAL */

.block-eventdate-div {
	display: inline-flex;
	width: 100%;
}
.block-eventdate-div > .block-eventdate-div-left {
	width: 25%;
}
.block-eventdate-div > .block-eventdate-div-right {
	width: 40%;
	margin-top: 8px;
}
.block-eventdate-div-left input.input-post[type='text'] {
	width: 80%;
	padding: 10px 0px 12px 15px;
}
form#form-post .block-eventdate-div-right select.form-post-input-time {
	width: 20%;
	height: 41px;
}
.buttons-add-date {
	display: block;
	width: 100%;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.buttons-add-date > .date-button {
	transition: all .15s ease-in-out;
	width: 126px;
	height: 22px;
	border-radius: 5px;
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	background-color: #FF6B19;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
	font-size: 16px;
	padding-left: 9px;
	padding-top: 2px;
}
/*.buttons-add-date {
	width: 20%;
	height: 20px;
	margin-top: -4px;
	margin-bottom: 15px;
	float: right;
}
.buttons-add-date > .date-button {
	transition: all .15s ease-in-out;
	width: 126px;
	height: 22px;
	border-radius: 5px;
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	background-color: #FF6B19;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
	font-size: 16px;
	padding-left: 9px;
	padding-top: 4px;
	float: right;
	line-height: 15px;
}*/
.buttons-add-date > .date-button:hover {
	background-color: transparent;
	border: 1px solid #FF6B19;
	color: #FF6B19;
}
#ui-datepicker-div {
	z-index: 9999 !important;
}
.div-button-remove-eventdate-more {
	margin-top: 26px;
}
.btn-eventdate-remove-more {
	font-size: 20px;
	transition: all .15s ease-in-out;
	width: 35px;
	height: 33px;
	border-radius: 50%;
	background-color: #ff1939;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
}
.btn-eventdate-remove-more:hover {
	background-color: white;
	border: 1px solid #ff1939;
	color: #ff1939;
}
#show-lecturer-post {
	display: inline-flex;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;
}
#picture-lecturer-post {
	width: 20%;
}
#picture-lecturer-post > a > img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
#content-lecturer-post {
	width: 75%;
	margin-top: -10px;
}
#content-lecturer-post > a {
	text-decoration: none;
}
#content-lecturer-post > a > .name-lecturer {
	font-size: 18px;
	font-weight: bold;
	color: black;
}
#content-lecturer-post > a > .name-lecturer > .nickname {
	font-size: 12px;
}
#content-lecturer-post > #aptitude-of-coach-post > .small-category-lecturer {
	font-size: 12px;
	/*background-color: #fe8043;*/
	background-color: #ff7d01;
	color: white;
	border-radius: 7px;
	padding: 5px;
	width: auto;
	display: initial;
}
.view-history-coach-post-page {
	background-color: #0faae0;
	border-radius: 7px;
	padding: 5px;
	text-decoration: none;
	color: white;
	width: 102px;
	display: block;
	text-align: center;
	margin-top: 10px;
	border: 1px solid transparent;
}
.view-history-coach-post-page:hover {
	border: 1px solid #0faae0;
	color: #0faae0;
	background-color: white;
}
.hr-show-lecturer-post {
	border: 0;
	border-bottom: 2px dashed #E1E2E3;
}
.icon-approve {
	text-decoration: none;
	color: green;
}
/*.detail-info-dashboard > p:not(:first-child){
	margin-top: -13px;
}*/
.detail-info-dashboard {
	vertical-align: top;
}
.detail-info-dashboard > p{
	margin: 0;
	margin-bottom: 2px;
}
table.dataTable.no-footer {
	width: 99%;
}
.small-round-dashboard {
	font-size: 12px;
}
.tag-a-title-dashboard {
	text-decoration: none;
	color: #888;
}
.tag-a-title-dashboard:hover {
	color: #0395d9;
}
.color-green {
	color: green !important;
}
.color-gray {
	color: #bababa !important;
}
.color-organge {
	color: orange !important;
}
.form-input-post-title {
	width: 100%;
}
input.input-post-title[type='text'] {
	width: 97%;
}
.info-change-data-coach {
	text-align: center;
	background-color: #0395d9;
	border-radius: 7px;
	color: white;
	padding: 7px;
	font-family: 'kanit', sans-serif;
	font-size: 13px;
	margin-top: 60px;
	margin-bottom: 60px;
}
.img-info-change-data-coach {
	width: 70px;
	position: absolute;
	margin-left: -67px;
	margin-top: -32px;
}
.info-change-data-coach:hover {
	font-size: 14px;
}
#create-date-post-admin {
	display: inline-block;
	float: right;
	font-size: 10px;
}
#owner-post-header {
	font-size: 10px;
	display: block;
	width: 100%;
	right: 0;
	text-align: right;
}
.block-eventdate-div-start, .block-eventdate-div-end {
	width: 20%;
}
.block-eventdate-div-start input.input-post[type='text'], .block-eventdate-div-end input.input-post[type='text']{
	width: 80%;
	padding: 10px 0px 12px 15px;
}
.block-time-div-start, .block-time-div-end {
	width: 16%;
	margin-top: 8px;
}
.block-allow-zoom {
	width: 9%;
	margin-top: 22px;
	margin-right: 10px;
}
.block-allow-zoom select.has, .block-allow-zoom select option[value='1'] {
	background-color: green;
	color: white;
}
form#form-post .block-time-div-start select.form-post-input-time, form#form-post .block-time-div-end select.form-post-input-time {
	width: 41%;
	padding: 4px;
	margin: 15px 0px;
	margin-left: 0px;
	color: #2e2d2d;
	font-size: 16px;
	height: 40px;
	border: 1px solid #aaa;
	background-color: #fff;
}
.round-text-post-form {
	margin-top: 30px;
	width: 10%;
	font-size: 17px;
	font-weight: bold;
	font-family: 'kanit', sans-serif;
}

.more-eventdate {

}
.popover-more-eventdate {
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: none;
	font-size: 12px;
	padding: 7px 10px;
	position: absolute;
	width: 91%;
	z-index: 4;
	margin-top: 10px;
	margin-left: 0;
	text-align: left;
	font-weight: 100;
}
.more-eventdate:hover ~ .popover-more-eventdate {
	display: block;
}
.round-color {
	color: #ff7e00;
}
.popover-more-eventdate-time {
	margin-top: 5px;
	margin-left: 50px;
	margin-bottom: -5px;
}
.notice-post {
	position: relative;
	margin: 1em;
	background: #F9F9F9;
	padding: 1em 1em 1em 2em;
	border-left: 4px solid #DDD;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

.notice-post:before {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: -17px;
	background-color: #DDD;
	color: #FFF;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-family: Georgia;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.notice-post.info {
	border-color: #0074D9;
	color: #0074D9;
}

.notice-post.info:before {
	content: "i";
	background-color: #0074D9;
}

.notice-post.success {
	border-color: #2ECC40;
	color: #087e16;
}

.notice-post.success:before {
	content: "√";
	background-color: #2ECC40;
}
.notice-post.success.text-notify-line:before {
	content: "i";
}

.notice-post.warning {
	border-color: #ff7907;
	color: #ff7907;
}

.notice-post.warning:before {
	content: "!";
	background-color: #ff7907;
}

.notice-post.error {
	border-color: #FF4136;
	color: #FF4136;
}

.notice-post.error:before {
	content: "X";
	background-color: #FF4136;
}
.notice-for-coach-edit-profile > .notice-post.error:before {
	content: "!";
	background-color: #FF4136;
}
ul.notice-post {
	list-style: none;
	counter-reset: li;
	line-height: 24px;
}
ul.notice-post > li::before {
	content: counter(li);
	color: red;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}
ul.notice-post > li {
	margin-left: 30px;
	counter-increment: li;
}
ul.notice-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
}



#choose-month-date-page {
	margin-top: 30px;
	display: block;
	width: 100%;
	height: 90px;
	justify-content: center;
	display: flex;
}
.month-select {
	box-sizing: border-box;
	border: 3px solid rgba(255, 159, 76, 0.3);
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	padding-top: 8px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	transition: all .5s;
	color: rgba(255, 159, 76, 1);
	text-decoration: none;
	font-family: 'kanit', 'Sans-Serif';
	font-size: 20px;
}
.month-select > p {
	margin-top: -5px;
	font-size: 15px;
}
.month-select:hover {
	border: 3px solid rgb(254, 128, 67);
}

.selected-of-month {
	border-top: 3px solid rgb(254, 128, 67);
	color: white;
	position: absolute;
	top: 0;
	border-radius: 50%;
	background: white;
	transition: all 0.4s ease;
	background: white;
	position: relative;
}
#choose-days-date-page {
	display: block;
	width: 99%;
	height: 21px;
	background-color: #636363;
	border-radius: 7px;
	padding: 5px;
}
.selected-of-month {
	background-color: #636363;
	width: 81px;
	height: 79px;
	border-radius: 50%;
	font-size: 24px;
}
.selected-of-month > p {
	font-size: 16px;
	margin-left: -3px;
}
.selected-of-month-april:before {
	margin-left: -21px;
}
.selected-of-month:after {
	content: '';
	position: absolute;
	top: 67px;
	left: 44%;
	width: 7px;
	height: 23px;
	border-radius: 0;
	background: #636363;
	transition: all 0.4s ease;
	-webkit-animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
	animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
}
#clouds-select-days {
	margin-top: -47px;
	width: 102%;
	margin-left: -5px;
	position: relative;
}
#clouds-select-days path {
	fill: #ffffff;
	stroke: #ffffff;
}
.days-select {
	box-sizing: border-box;
	border: 3px solid rgba(255, 159, 76, 0.3);
	border-radius: 50%;
	width: 55px;
	height: 55px;
	text-align: center;
	padding-top: 0px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	transition: all .5s;
	color: rgba(255, 159, 76, 1);
	text-decoration: none;
	font-family: 'kanit', 'Sans-Serif';
	font-size: 20px;
}
.days-select > p {
	margin-top: -6px;
	font-size: 12px;
}
.days-select:hover {
	border: 3px solid rgb(254, 128, 67);
}

.selected-of-days {
	border-top: 3px solid rgb(254, 128, 67);
	color: white;
}
.selected-of-days {
	background-color: #636363;
	width: 64px;
	height: 62px;
	z-index: -1;
	border-radius: 50%;
	margin-left: -4px;
	padding-top: 4px;
}
.selected-of-days:after {
	content: '';
	top: -111px;
	left: 43%;
	width: 7px;
	height: 50px;
	border-radius: 0;
	background: #636363;
	transition: all 0.4s ease;
	-webkit-animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
	animation: droplet 1.4s 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1;
	display: block;
	position: relative;
}
.days-date-page {
	margin-top: -50px;
}
.days-date-page .owl-nav {
	width: 100%;
	margin-left: 0;
	top: 41%;
	z-index: 0;
}
.days-date-page .owl-stage-outer {
	z-index: 1;
	width: 94%;
	margin-left: 40px;
	height: 70px !important;
	padding-top: 30px;
}
.date-page-class {
	margin-top: 80px;
}
.search-date-result-heading {
	text-align: left;
	font-family: 'kanit', sans-serif;
	background-color: #0395d9;
	color: white;
	font-weight: 300;
	width: 100%;
	padding-left: 15px;
}

.toggle-iphone {
	display: none;
}
.toggle-iphone, .toggle-iphone:after, .toggle-iphone:before, .toggle-iphone *, .toggle-iphone *:after, .toggle-iphone *:before, .toggle-iphone + .toggle-iphone-btn {
	box-sizing: border-box;
}
.toggle-iphone::-moz-selection, .toggle-iphone:after::-moz-selection, .toggle-iphone:before::-moz-selection, .toggle-iphone *::-moz-selection, .toggle-iphone *:after::-moz-selection, .toggle-iphone *:before::-moz-selection, .toggle-iphone + .toggle-iphone-btn::-moz-selection {
	background: none;
}
.toggle-iphone::selection, .toggle-iphone:after::selection, .toggle-iphone:before::selection, .toggle-iphone *::selection, .toggle-iphone *:after::selection, .toggle-iphone *:before::selection, .toggle-iphone + .toggle-iphone-btn::selection {
	background: none;
}
.toggle-iphone + .toggle-iphone-btn {
	outline: 0;
	display: block;
	width: 55px;
	height: 30px;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-iphone + .toggle-iphone-btn:after, .toggle-iphone + .toggle-iphone-btn:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}
.toggle-iphone + .toggle-iphone-btn:after {
	left: 0;
}
.toggle-iphone + .toggle-iphone-btn:before {
	display: none;
}
.toggle-iphone:checked + .toggle-iphone-btn:after {
	left: 50%;
}

.toggle-iphone-ios + .toggle-iphone-btn {
	background: #fbfbfb;
	border-radius: 2em;
	padding: 2px;
	transition: all .4s ease;
	border: 1px solid #e8eae9;
}
.toggle-iphone-ios + .toggle-iphone-btn:after {
	border-radius: 2em;
	background: #fbfbfb;
	transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.toggle-iphone-ios + .toggle-iphone-btn:hover:after {
	will-change: padding;
}
.toggle-iphone-ios + .toggle-iphone-btn:active {
	box-shadow: inset 0 0 0 2em #e8eae9;
}
.toggle-iphone-ios + .toggle-iphone-btn:active:after {
	padding-right: .8em;
}
.toggle-iphone-ios:checked + .toggle-iphone-btn {
	background: #86d993;
}
.toggle-iphone-ios:checked + .toggle-iphone-btn:active {
	box-shadow: none;
}
.toggle-iphone-ios:checked + .toggle-iphone-btn:active:after {
	margin-left: -.8em;
}
.no-eventdate-block {
	display: inline-flex;
	width: 100%;
}
#card-result-eventdate {
	position: relative;
	margin: 1em;
	background: #F9F9F9;
	padding: 8px 15px 15px 15px;
	border-bottom: 4px solid #DDD;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
	font-family: 'kanit', 'sans-serif';
}
#card-result-eventdate > h3 {
	margin-top: 0px;
	margin-bottom: 3px;
	border-bottom: 1px solid #DDD;
}
.eventdate-in-round {
	float: left;
	margin-left: -22px;
	width: 19%;
	text-align: center;
	margin-top: 11px;
}
.eventdate-in-round > p.eventdate-round-no {
	font-size: 35px;
	margin-top: -7px;
	margin-bottom: -7px;
}
.detail-eventdate-middle p.detail-event {
	margin-bottom: -15px;
	font-size: 17px;
}
.detail-eventdate-middle p.detail-time-small {
	font-size: 14px;
	color: #929292;
}
.detail-eventdate-middle .eventdate-middle-date {
	display: inline-block;
	width: 40%;
}
.detail-eventdate-middle .eventdate-middle-promotion {
	color: red;
	margin-top: -15px;
	margin-left: -9px;
	font-weight: bold;
}
.detail-eventdate-middle .eventdate-middle-promotion img {
	width: 30px;
	vertical-align: bottom;
}
hr.eventdate-block-hr {
	border: 1px solid #ddd;
}
.detail-eventdate-middle {
	position: relative;
	width: 60%;
}
.detail-eventdate-middle .eventdate-middle-price {
	position: absolute;
	right: 40px;
	top: 18px;
	color: #ff7e00;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}
.detail-eventdate-middle .eventdate-middle-price small {
	display: block;
	color: #858484;
	font-weight: 400;
	font-size: 12px;
}
.eventdate-in-days {
	text-align: center;
	margin-top: 7px;
}
.eventdate-days {
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: -7px;
}
.text-choose-round-in-register {
	text-align: center;
	margin-left: -22px;
	margin-bottom: -5px;
	margin-top: 0;
	font-size: 14px;
}
.text-choose-round-in-register.ishotdeal {
	letter-spacing: 0.5px;
}
.text-choose-round-in-register .btn-register-in-round-inhourse {
	margin-left: 15px;
	font-weight: 400;
}
.text-choose-round-in-register-ex {
	text-align: center;
	margin-left: -22px;
	margin-bottom: -5px;
	margin-top: 0;
	font-size: 19px;
	font-family: 'kanit', 'sans-serif';
}
.text-choose-round-in-register-ex-small {
	margin-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
}
.btn-register-in-round {
	background-color: #0faae0;
	border-radius: 7px;
	padding: 5px;
	text-decoration: none;
	color: white;
	width: 102px;
	display: block;
	text-align: center;
	margin-top: 10px;
	border: 1px solid transparent;
	transition: all .5s;
	-webkit-transition: all .5s;
	display: inline-block;
}
.btn-register-in-round:hover {
	border: 1px solid #0faae0;
	color: #0faae0;
	background-color: white;
}
.btn-register-in-round.request-inhouse {
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
	font-size: 11px;
}
.btn-register-in-round.request-inhouse:hover {
	border: 1px solid transparent;
	color: white;
	background-color: #0faae0;
}
.download-public-btn {
	background-color: white;
	border-radius: 7px;
	padding: 5px;
	text-decoration: none;
	color: #0faae0;
	width: 185px;
	display: block;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #0faae0;
	transition: all .5s;
	-webkit-transition: all .5s;
	display: inline-block;
	margin-left: 10px;
}
.download-public-btn:hover {
	border: 1px solid white;
	color: white;
	background-color: #0faae0;
}
.btn-register-in-round.off {
	border: 1px solid transparent;
	background-color: #a3a4a4;
	cursor: no-drop;
}
.btn-register-in-round.off:hover {
	color: white;
}
.counter-view-coach, .counter-view-company {
	font-size:12px;
	color:#747474;
	position: absolute;
	margin-top: 0px;
	right: 0;
}

.counter-view-highlight {
	font-size: 12px;
	color: #747474;
	text-align: center;
}

.view-counter-venue {
	font-size: 12px;
	color: #747474;
	text-align: center;
	margin-top: -15px;
}
.month-select-pass {
	border: 3px solid rgb(199, 198, 198);
	background-color: #e5e5e5;
	color: #c3c0c0;
}
.relatedpostitem.-off, .hotdealpostitem.-off  {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.div-button-remove-images {
	position: absolute;
}
.btn-remove-images {
	font-size: 20px;
	transition: all .15s ease-in-out;
	width: 29px;
	height: 28px;
	border-radius: 50%;
	background-color: #ff1939;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
}
.btn-remove-images:hover {
	background-color: white;
	border: 1px solid #ff1939;
	color: #ff1939;
}
.div-button-remove-images.post-page {
	margin-left: 0;
	margin-top: 17px;
}
.btn-next-date {
	padding: 17px;
	height: 25px;
	line-height: 24px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 16px;
	background-color: #ff7e00;
	display: inline-block;
	font-family: 'kanit', 'sans-serif';
	border:1px solid transparent;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.btn-next-date:hover {
	background-color: white;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.btn-next-date.next {
	float: right;
}

.searchsuggest-desktop {
	display: block;
}
.searchsuggest-mobile {
	display: none;
}
.animate-register.download-register {
	margin: 0px 10px 10px -9px;
	font-size: 21px;
}
.animate-register.call-register {
	margin: 0px 10px 10px 7px;
}
#register-other-box {
	padding: 11px;
	border: 1px dotted #848484;
	background-color: #f0f0f0;
	border-radius: 8px;
	margin-bottom: 30px;
}
.font-phone-register {
	margin-bottom: -20px;
}
table.table-register-call td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dfdfdf;
}
table.table-register-call tr td:first-child{
	vertical-align: text-top;
}
.hakaw-register-call {
	width: 210px;
	height: 175px;
	margin-left: -6px;
}
.block-show-phone {
	display: inline-flex;
	width: 100%;
}

div.relatedpostcontainer .relatedpostitem_desc {
	font-weight: 500;
}
div.postdetail .animate-register.download-register {
	margin: 0px 10px 0px -30px;
}
.phone-number-call > a {
	text-decoration: none;
	color: #000;
}
.block-query-sort {
	border: 1px solid transparent;
	border-radius: 8px;
	margin-top: 15px;
	padding: 15px;
	background-color: #efefef;
}
#block-select-sort {
	float: right;
	width: 290px;
	margin-right: 0px;
}
.select-sort-seminar {
	width: 200px;
	padding: 3px 10px 4px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
	margin-left: 10px;
}
.btn-view-post-coach-all {
	margin-left: 641px;
}
.about-coach-line, .edu-coach-line {
	width: 115px;
}
.exp-coach-line {
	width: 95px;
}
.img-coach-post-left {
	float: left;
	width: 40%;
	/*min-height: 105px;*/
}
.img-coach-post-left > img {
	border-radius: 50%;
	width: 190px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.info-coach-post-right {
	float: right;
	width: 53%;
}
.info-coach-post-right > p {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#all-post-of-coach {
	margin-top: 20px;
}
.coach-post-title {
	margin-bottom: 30px;
}
#box-view-status-by-admin {
	position: fixed;
	right: 15px;
	background-color: #000;
	border-radius: 8px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	bottom: 10px;
	max-width: 250px;
}
.small-by-text-admin {
	font-size: 10px;
	text-align: center;
}
.disapprove-status-admin {
	font-size: 12px;
}
.block-footer-fixed-small {
	position: fixed;
	bottom: -2px;
	width: 100%;
	z-index: 99999;
	display: inline-flex;
}
.block-footer-fixed {
	position: fixed;
	bottom: -3px;
	width: 100%;
	z-index: 99999;
	display: inline-flex;
}
#box-register-seminar {
	width: 70%;
}
#box-share-seminar {
	width: 30%;
	background-color: #fff;
	border-top: 2px solid #ff7e00;
	border-right: 2px solid #ff7e00;
}
.share-btn-footer-mobile {
	width: 100%;
	text-align: center;
	height: 100%;
	padding-top: 2px;
	font-size: 28px !important;
	color: #ff7e00;
}
.block-footer-fixed .share-btn-footer-mobile {
	padding-top: 11px;
}
.btn-register-footer-mobile {
	width: 100%;
	color: white;
	font-weight: 400;
	text-decoration: none;
	background-color: #ff7e00;
	display: inline-block;
	font-family: 'kanit', 'sans-serif';
	border: 1px solid transparent;
	transition: all .5s;
	-webkit-transition: all .5s;
	text-align: center;
	line-height: 30px;
	font-size: 26px;
}
.block-footer-fixed .btn-register-footer-mobile {
	line-height: 50px;
	font-size: 27px;
}
.btn-register-footer-mobile:hover {
	background-color: #c66302;
	border: 1px solid #ff7e00;
	color: #64390f;
	text-shadow: 2px 2px #000000;
	border-bottom: 9px solid #d67312;
}
.btn-register-footer-mobile.-off {
	border: 1px solid transparent;
	background-color: #a3a4a4;
	cursor: no-drop;
}
.btn-register-footer-mobile.-off:hover {
	color: white;
}
#box-share-seminar.-off {
	border-top: 2px solid #a3a4a4;
	border-right: 2px solid #a3a4a4;
}
.share-btn-footer-mobile.-off {
	color: #a3a4a4;
}
.ex-choose-round {
	border: 1px solid #fee567;
	border-radius: 7px;
	padding: 15px;
}
.icon-info-ex-date {
	color: #fee567;
	font-size: 20px !important;
}
.ex-choose-round #card-result-eventdate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.ex-choose-round .eventdate-in-days a:hover {
	background-color: #0faae0;
	color: white;
}
.ex-choose-round-header {
	background-color: #fee567;
	margin-top: -15px;
	width: 104.2%;
	margin-left: -15px;
	margin-bottom: -15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	cursor: pointer;
}
.ex-choose-round-body {
	display: none;
}

.btn-view-all-seminar {
	padding: 20px;
	height: 40px;
	line-height: 39px;
	padding-top: 2px;
	padding-bottom: 4px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 20px;
	background-color: #ff7e00;
	display: inline-block;
	font-family: 'kanit', 'sans-serif';
	border:1px solid transparent;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.btn-view-all-seminar:hover {
	background-color: white;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.div-btn-center {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}



.social-box {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
	-webkit-display: "-webkit-flex";
	-webkit-flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	-webkit-align-items: center;
	-webkit-align-content: stretch;
	position: fixed;
	bottom: 9px;
	right: 36px;
	width: 50px;
	height: 100px;
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 9999;
}

.big-footer-register .social-box {
	bottom: 27px !important;
}
.social-box .node-social {
	-webkit-transition: height 0.5s, width 0.5s;
	-moz-transition: height 0.5s, width 0.5s;
	-ms-transition: height 0.5s, width 0.5s;
	-o-transition: height 0.5s, width 0.5s;
	transition: height 0.5s, width 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.social-box .stem-footer-social-mobile {
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	-ms-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.social-box.open {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.social-box.open:nth-child(2) {
	-moz-transform: rotate(22deg);
	-o-transform: rotate(22deg);
	-ms-transform: rotate(22deg);
	-webkit-transform: rotate(22deg);
	transform: rotate(22deg);
}
.social-box.open:nth-child(3) {
	-moz-transform: rotate(-27deg);
	-o-transform: rotate(-27deg);
	-ms-transform: rotate(-27deg);
	-webkit-transform: rotate(-27deg);
	transform: rotate(-27deg);
}
.social-box.open .stem-footer-social-mobile {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	height: 50px;
}
.social-box.open .node-social {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	height: 50px;
	width: 45px;
}
.social-box.open .node-social:hover {
	border-width: 6px;
}
.social-box.open .node-social:active {
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.social-box.no-animation {
	animation: none;
}

.node-social {
	flex-basis: auto;
	flex-grow: 0;
	order: 0;
	align-self: auto;
	-webkit-flex-basis: auto;
	-webkit-flex-grow: 0;
	-webkit-order: 0;
	-webkit-align-self: auto;
	width: 10px;
	height: 10px;
	background-color: #292929;
	border-radius: 50%;
	border: solid 5px;
}
.node-social#facebook {
	border-color: #3b5998;
}
.node-social#line {
	border-color: #54cf17;
}

.icon-footer-mobile {
	width: 33px;
	margin-left: 6px;
	margin-top: 8px;
}
.icon-footer-facebook-mobile {
	color: white;
	font-size: 30px !important;
	margin-left: 13px;
	margin-top: 7px;
}

.stem-footer-social-mobile {
	flex-basis: auto;
	flex-grow: 0;
	order: 1;
	align-self: auto;
	-webkit-flex-basis: auto;
	-webkit-flex-grow: 0;
	-webkit-order: 1;
	-webkit-align-self: auto;
	width: 4px;
	height: 0px;
	background-color: #ff7e00;
}
.post-detail-footer-mobile {
	display: none;
}
.images-post-detail-div {
	position: relative;
	text-align: center;
	color: black;
}
.img-blur-pass {
	-webkit-filter: blur(5px) grayscale(100%);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	min-height: 340px;
}
.pass-seminar-images-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 7px;
	padding: 20px 25px 20px 25px;
	font-size: 20px;
	width: 55%;
	opacity: 0.9;
}
.pass-seminar-no-images-bg {
	background-color: #fff;
	border-radius: 7px;
	padding: 20px 25px 20px 25px;
	font-size: 20px;
	width: 55%;
	opacity: 0.9;
	margin-left: auto;
	margin-right: auto;
}
.reserve-seminar-images-bg {
	background-color: #0faae0;
	color: #ffffff;
	border-radius: 7px;
	padding: 20px 25px 20px 25px;
	font-size: 16px;
	cursor: pointer;
	width: 65%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'kanit', 'sans-serif';
}
.reserve-txt-span {
	font-size: 14px;
}
.invite-seminar-images-bg {
	background-color: #ff7d01;
	color: #ffffff;
	border-radius: 7px;
	padding: 20px 25px 20px 25px;
	font-size: 16px;
	cursor: pointer;
	width: 65%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.invite-seminar-bg {
	background-color: #ff7d01;
	border-radius: 7px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
	width: 78%;
	font-family: 'kanit', 'sans-serif';
	margin-left: auto;
	margin-right: auto;
}
.register-waiting-inhouse .invite-seminar-bg {
	width: 57%;
}
.invite-seminar-bg > a{
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 20px 0px 20px 0px;
}
.reserve-seminar-bg {
	font-family: 'kanit', 'sans-serif';
	background-color: #0faae0;
	color: #ffffff;
	border-radius: 7px;
	font-size: 16px;
	padding: 20px 25px 20px 25px;
	cursor: pointer;
	width: 50%;
}
.register-waiting-inhouse {
	display: block;
	padding-bottom: 25px;
}
.register-button-user {
	padding-top: 25px;
}
div.color-gray-turn-off {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	cursor: context-menu;
}

.border-post-form-admin {
	width: 96%;
	padding: 10px;
	border: 2px solid #b2b2b2;
	margin: 0;
	border-radius: 10px;
	background-color: #dddddd
}

.txt-title-border {
	border-bottom: 2px solid #6f6f6f;
	padding-bottom: 1px;
	width: 21.5%;
}
.text-post-success {
	width: 61%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.btn-approve {
	color: green;
}
.sweet-alert input#disapprove {
	display: block;
}
.sweet-alert input#check_email {
	width: auto;
	display: inline-flex;
	height: 20px;
	box-shadow: inherit;
}
ul.copy-text {
	text-align: left;
	font-size: 14px;
}
ul.copy-text > li > a {
	color: #ff7e00d9;
	text-decoration: none;
}
ul.copy-text > li > a:hover {
	text-decoration: underline;
}
p.info-copy-text {
	font-size: 13px !important;
	margin-top: -11px !important;
	margin-bottom: 11px !important;
}

.post-popular > .relatedpostcontainer > .relatedpostitem {
	height: 350px;
}

.coach-popular {
	height: 150px;
}

.float-right {
	float: right;
}
.float-left {
	float: left;
}
ul.submenu-category li:first-child {
	border-top: 1px solid #CCCCCC;
}
ul.submenu-category li:last-child {
	border: 0;
}
ul.submenu-category li {
	padding-left: 15px !important;
	padding-right: 0px !important;
}
ul.submenu-category li > a {
	font-size: 12px;
}
.open-sub-menu {
	cursor: pointer;
}
.header-category-module {
	display: inline-flex;
	width: 100%;
	margin-top: 20px;
}
.img-category-module {
	width: 22%;
}
.img-category-module > img{
	width: 100%;
}
.contact-category-module {
	width: 78%;
	margin-left: 20px;
	margin-top: -17px;
}
.title-category-module {
	font-family: 'kanit', 'sans-serif';
	margin-bottom: 8px;
}
.keyword-category-module {
	margin-left: -39px;
}
.keyword-category-module > ul > li {
	background-color: #e8e6e6;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	list-style: none;
	line-height: 20px;
	font-size: 12px;
	border-radius: 5px;
}
.keyword-category-module > ul > li > a{
	color: #0579b7;
	text-decoration: none;
}
.choose-catalog-sub {
	border: 1px solid #ff7e00;
	border-radius: 8px;
	margin-top: 20px;
	margin-bottom: 11px;
	font-family: 'kanit','sans-serif';
}
.header-choose-catalog-sub {
	background-color: #ff7e00;
	color: white;
	padding: 1px;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-top: -1px;
	font-size: 16px;
	cursor: pointer;
}
ul.body-choose-catalog-sub {
	width: 100%;
	display: inline-block;
	list-style: none;
}
ul.body-choose-catalog-sub > li {
	width: 50%;
	float: left;
}
ul.body-choose-catalog-sub > li:before {
	content: "■";
	padding-right: 5px;
}
ul.body-choose-catalog-sub > li > a {
	color: #333;
	text-decoration: none;
}
ul.body-choose-catalog-sub > li > a:hover {
	color: #ff7e00;
}
.disable-link {
	color: #d3d2d2 !important;
}
.disable-link:hover {
	color: #d3d2d2 !important;
	cursor: no-drop;
}
.small-text {
	font-size: 14px;
}
.hr-sub-header-category {
	border: 2px solid #efefef;
	border-radius: 8px;
	margin-top: 20px;
}
.btn-back-main-catalog {
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 19px;
	background-color: #ff7e00;
	font-family: 'kanit','sans-serif';
}
.contact-subcatalog-module {
	width: 100%;
}
.sweet-alert input#new-category {
	display: block;
}
.div-btn-recommend-category {
	text-align: left;
	margin-top: -57px;
	float: right;
}
a.btn-orange-seminardd {
	text-decoration: none;
	display: inline-block;
}
.btn-orange-seminardd {
	cursor: pointer;
	background-color: #ff6b19;
	border: 1px solid transparent;
	color: white;
	transition: all .20s ease-in-out;
	outline: none;
}
.btn-orange-seminardd:hover {
	background-color: white;
	border: 1px solid #ff6b19;
	color: #ff6b19;
}
.btn-orange-seminardd-hover-trasparent:hover {
	background-color: transparent;
}
.btn-sky-seminardd {
	cursor: pointer;
	background-color: #0395d9;
	border: 1px solid transparent;
	color: white !important;
	transition: all .20s ease-in-out;
	outline: none;
	text-decoration: none;
	font-family: 'kanit','sans-serif';
}
.btn-sky-seminardd:hover {
	background-color: white;
	border: 1px solid #0395d9;
	color: #0395d9 !important;
}
.btn-md {
	padding: 8px 15px 10px 15px;
	font-size: 20px;
}
.info-new-category {
	font-size: 15px;
	color: #989898;
	font-family: 'sans-serif';
}
.at-line {
	width: 350px;
}
.logo-company {
	width: 100px;
	height: 100px;
	border-radius: 15px;
}
.all-leading-organizer .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	outline: none !important;
}
.item-leading-organizer {
	text-transform: uppercase;
	cursor: help;
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.item-leading-organizer .tooltip-company {
	background: #0faae0;
	bottom: 100%;
	color: #fff;
	left: -97px;
	display: block;
	margin-bottom: 0;
	opacity: 0;
	padding: 5px 5px 0px 5px;
	pointer-events: none;
	position: absolute;
	width: 300px;
	border-radius: 15px;
	font-family: 'kanit','sans-serif';
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.item-leading-organizer .tooltip-company:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

/* CSS Triangles - see Trevor's post */
.item-leading-organizer .tooltip-company:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #0faae0 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
}

.item-leading-organizer:hover .tooltip-company {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .item-leading-organizer .tooltip-company {
	display: none;
}

.lte8 .item-leading-organizer:hover .tooltip-company {
	display: block;
}
.item-leading-organizer {
	width: 100px;
	margin-top: 77px;
}
.title-company-leading-organizer {
	margin-top: 0px;
	margin-bottom: -12px;
	text-align: center;
	font-size: 14px;
}
.sub-company-leading-organizer {
	font-size: 13px;
	text-align: center;
}
.sub-company-leading-organizer > a{
	color: #ff7e00;
	font-weight: bold;
}
.all-leading-organizer > .owl-stage-outer {
	height: 206px;
}

.all-leading-organizer {
	margin-top: -100px;
	clear: both;
}
.all-leading-organizer.owl-carousel .owl-item img {
	width: 100px;
}
.block-leading-organizer {
	overflow: initial;
}
.all-leading-organizer {
	margin-top: -75px;
}
.count-seminar-leading-organizer {
	text-align: center;
	font-family: 'kanit','sans-serif';
	margin-top: 5px;
	border: 2px solid #efefef;
	border-radius: 8px;
	font-size: 12px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.heading-line {
	position: relative;
	overflow: hidden;
}
.heading-line span {
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
	position: relative;
	padding: 0 20px;
}
.heading-line span:before, .heading-line span:after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	top: 0.68em;
	border-top: 4px solid #efefef;
}
.heading-line span:before {
	right: 100%;
}
.heading-line span:after {
	left: 100%;
}
.post-by-form {
	width: 90%;
}
.btn-search-owner {
	float: right;
	margin-top: 29px;
	margin-right: 0px;
}
.input-post-group .form-input-post select#main_catalog {
	width: 100%;
}
.main_catalog_select {
	width: 76.5%;
}
.old-category-color {
	color: #b2b2b2 !important;
}

/* only demo styles */

body {
	font-family: Raleway;
}

/* end only demo styles */

.radio-seminar {
	opacity: 0;
	position: absolute;
}

.radio-seminar, .radio-seminar-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}
.radio-seminar-label {
	position: relative;
}
.block-budget-plus .radio-seminar-label{
	display: block;
}


.radio-seminar + .radio-seminar-label:before {
	content: '';
	background: #fff;
	border: 2px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	height: 20px;
	padding: 2px;
	margin-right: 10px;
	text-align: center;
	padding-top: 5px;
}

.radio-seminar + .radio-seminar-label:before {
	border-radius: 50%;
}
.radio-seminar[type="checkbox"] + .radio-seminar-label:before {
	border-radius: 0%;
}

.radio-seminar:checked + .radio-seminar-label:before {
	content: "\f00c";
	font-family: 'FontAwesome';
	color: #0FAAE0;
}
.radio-seminar[disabled] + .radio-seminar-label {
	color: #9b9b9b;
}
.radio-seminar[disabled] + .radio-seminar-label:before {
	color: #6dd9ff;
}
.block-register-personal, .block-register-company {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
}
.block-register-personal .form-input-register, .block-register-company .form-input-register {
	width: 100%;
}
button.btn-sm {
	padding: 5px 10px 5px 10px;
	font-size: 15px;
}
.block-more-registed {
	background-color: #f2f2f2;
	padding: 15px;
	border-bottom: 3px solid #dadada;
	position: relative;
	right: 0;
	z-index: 2;
	margin-top: 10px;
}
.remove-register-more {
	color: red;
	float: right;
}
.remove-register-more:hover {
	color: #a30808;
}
.block-register-company {
	display: none;
}
.title-block-register-type {
	margin-bottom: 3px;
}
.scode-success {
	font-size: 20px;
	font-weight: bold;
}
.loading-register {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0.4;
	height: auto;
}
.title-sucess-post {
	margin-top: -30px;
}

.content-articles-coach-text {
	line-height: 24px;
}
.crop_me {
	background-color: white;
}
#modal-duplicate-post-new {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: scale(0);
	z-index: 999999;
}
#modal-duplicate-post-new.duplicate-post-new {
	transform: scaleY(0.01) scaleX(0);
	animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.duplicate-post-new .modal-background-duplicate-post .modal {
	transform: scale(0);
	animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.duplicate-post-new.out {
	transform: scale(1);
	animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.duplicate-post-new.out .modal-duplicate-post .modal {
	animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-duplicate-post-new.five {
	transform: scale(1);
}
#modal-duplicate-post-new.five .modal-duplicate-post {
	background: rgba(0, 0, 0, 0);
	animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.five .modal-background-duplicate-post .modal {
	transform: translateX(-1500px);
	animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.five.out {
	animation: quickScaleDown 0s .5s linear forwards;
}
#modal-duplicate-post-new.five.out .modal-background-duplicate-post {
	animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new.five.out .modal-background-duplicate-post .modal {
	animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-duplicate-post-new .modal-background-duplicate-post {
	display: table-cell;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	vertical-align: middle;
}
#modal-duplicate-post-new .modal-background-duplicate-post .modal {
	background: white;
	padding: 50px;
	display: inline-block;
	border-radius: 20px;
	font-weight: 300;
	position: relative;
}
#modal-duplicate-post-new .modal-background-duplicate-post .modal h2 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 15px;
}
#modal-duplicate-post-new .modal-background-duplicate-post .modal p {
	font-size: 18px;
	line-height: 22px;
}
#modal-duplicate-post-new .modal-background-duplicate-post .modal .modal-svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 3px;
}
#modal-duplicate-post-new .modal-background-duplicate-post .modal .modal-svg rect {
	stroke: #fff;
	stroke-width: 2px;
	stroke-dasharray: 778;
	stroke-dashoffset: 778;
}
.w-modal-duplicate-post {
	width: 350px;
	height: auto;
}
.close-duplicate-post {
	color: black;
	background-color: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 24px;
	font-size: 12px;
	position: absolute;
	left: 98%;
	top: -4%;
	padding-left: 0px;
	cursor: pointer;
}
.close-duplicate-post:hover {
	color: #ff7e00;
	border: 1px solid #ff7e00;
	background-color: transparent;
}
.modal-header-duplicate-post {
	background-color: #0579B7;
	color: #fdf9f9;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-top: -69px;
	margin-left: -50px;
	width: 128.7%;
	height: 45px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.btn-save-post {
	border-radius: 20px;
	border: none;
	font-size: 1.2em;
	padding: 0.8em 1em 0.8em 1em!important;
	transition: 0.5s;
	margin-top: 30px;
	background-color: #ff7e00;
	color: white;
	font-family: 'kanit', sans-serif !important;
	cursor: pointer;
}
.btn-save-post:hover {
	background: #fff;
	color: #ff7e00;
	border: 1px solid #ff7e00;
	margin-bottom: 2px;
}
.btn-done {
	border-radius: 20px;
	border: none;
	font-size: 1.2em;
	padding: 0.8em 1em 0.8em 1em!important;
	transition: 0.5s;
	margin-top: 30px;
	background-color: #a2a19f;
	color: white;
	font-family: 'kanit', sans-serif !important;
	cursor: pointer;
}
.btn-done:hover {
	background: #fff;
	color: #a2a19f;
	border: 1px solid #a2a19f;
	margin-bottom: 2px;
}
.duplicate-block-right p {
	font-size: 16px !important;
}
.duplicate-block-right p > a {
	font-size: 14px !important;
}
.duplicate-modal-footer {
	margin-top: -10px;
}
.duplicate-block-content {
	display: inline-flex;
	border: 1px solid rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	background-color: #f7f5f5;
	padding: 20px;
	margin: 10px;
}
.duplicate-post-block {
	overflow: auto;
	height: 330px;
	width: 128%;
	margin-left: -14%;
	margin-bottom: -20px;
}
body.modal-open {
	overflow: hidden;
}
.img-duplicate-post {
	width: 100px;
	height: 100px;
}
.dupilcate-block-left {
	width: 30%;
}
.duplicate-block-right {
	width: 65%;
	margin-top: -20px;
	padding-left: 10px;
}
.modal-header-duplicate-post > .txt-modal-header {
	line-height: 45px !important;
}
.duplicate-post-block > .txt-comment-duplicate {
	font-size: 15px !important;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 500;
	text-align: left;
}
.duplicate-checkbox {
	text-align: left;
	padding-left: 10px;
	font-weight: 600;
	font-size: 14px;
}
.btn-disabled-duplicate {
	display: none;
}
.btn-duplicate-edit-post {
	text-decoration: none;
	color: #fff;
	background: #ff7e01;
	border: 1px solid #e47407;
}
.txt-alert-duplicate {
	font-size: 13px !important;
	padding-left: 10px;
	padding-right: 10px;
	color: red;
}
.duplicate-none {
	display: none;
}
.table-result-registed td, .table-result-seminar td, .table-ads td{
	vertical-align: top;
}
.table-result-registed a, .table-result-registed p, .table-result-registed, .table-result-seminar a, .table-result-seminar p, .table-result-seminar
, .table-ads p, .table-ads{
	color: #333;
}

.table-result-registed tr:nth-child(even), .table-result-seminar tr:nth-child(even), .table-ads tr:nth-child(even) {
	background-color: #e2f4ff
}
.table-result-registed tbody th, .table-result-registed tbody td, .table-result-seminar tbody th, .table-result-seminar tbody td
, .table-ads tbody th, .table-ads tbody td{
	padding: 10px 10px;
}

.list-group > .list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	text-align: left;
	text-decoration: none;
	color: #333;
}

.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.list-group .list-group-item:hover, .list-group .list-group-item:hover b {
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
}
.stickyside-dashboard {
	float: left;
	width: 200px;
	font-family: 'kanit', 'sans-serif';
	margin-top: 17px;
}
.card-inline-dashboard {
	display: inline-flex;
	width: 100%;
}
.announcement-dashboard {
	margin-top: 35px;
	display: block;
	position: relative;
	width: 97%;
	margin-left: 5px;
	margin-bottom: 35px;
}
.announcement-header {
	background: #ff7e00;
	color: white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 2px;
	font-family: 'kanit', 'sans-serif';
	font-size: 17px;
	text-align: left;
	padding-left: 15px;
	height: 27px;
}
.btn-view-announcement {
	float: right;
	background-color: #ff7e00;
	border: 1px solid transparent;
	color: white;
	cursor: pointer;
	transition: .5s;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
}
.btn-view-announcement:hover {
	background-color: white;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.announcement-body {
	border: 1px solid transparent;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	height: 68px;
	padding: 5px 15px 5px 15px;
	overflow: auto;
	text-align: left;
	line-height: 20px;
	border: 2px solid #ff7e00;
}
.announcement-body > p {
	margin: 0;
	margin-top: 5px;
}
.announcement-body > p > img{
	vertical-align: bottom;
	margin-right: 5px;
}
/* SCROLL BAR MODAL */
.announcement-body::-webkit-scrollbar {
	background-color:#fff;
	width:16px
}
.announcement-body::-webkit-scrollbar-track {
	background-color:#fff
}
.announcement-body::-webkit-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:4px solid #fff
}
.announcement-body::-webkit-scrollbar-button {
	display:none
}
.border-gray {
	border: 1px solid #eee;
	border-radius: 8px;
}
.more-announcement-seminardd {
	text-align: left;
	font-family: 'sans-serif';
	max-height: 215px;
	overflow: auto;
}
a.color-333:hover {
	color: #333;
}
.location-register-eedu {
	margin-top: -5px;
	font-size: 16px;
}
.map-success > img {
	max-width: 100%;
}
.map-success {
	margin-top: 35px;
}
.choose-radio-label {
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
}
.radio-magin-left {
	width: 30%;
	text-align: left;
}
.radio-choose {
	margin-top: 15px;
	margin-bottom: 5px;
}
.plusIcon {
	cursor: pointer;
	text-align: center;
	color: #000;
	font-size: 20px;
}
.title-register-data {
	color: black !important;
	font-size: 16px;
	font-weight: bold;
	font-family: 'kanit', 'sans-serif';
}
.date-of-seminar-dashboard {
	font-size: 12px;
	margin-top: 5px;
}
.padding-data-register {
	margin-left: 15px;
	margin-bottom: -8px;
}
.padding-data-register > p{
	margin-top: -15px;
}
.padding-data-register > p:first-child{
	margin-top: 0px;
}
.padding-data-register > p:last-child{
	margin-top: -13px;
}

/* WIZARD */
.add-banner-div {
	position: relative;
	max-width: 1080px;
	margin: 50px auto;
}

.wizard {
	max-width: 620px;
	margin: 0 auto;
}
.wizard__header {
	position: relative;
	color: #FFF;
	padding: 50px;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-align: center;
	height: 100px;
	background: url(../images/imagebanner.jpg);
	background-color: #4D637B;
}
.wizard__header-content {
	position: absolute;
	width: 100%;
	padding: 0 50px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
}
.wizard__header-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(77, 99, 123, 0.6);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.wizard__title {
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0;
	text-shadow: 2px 2px #313131;
	letter-spacing: 1px;
}
.wizard__subheading {
	text-transform: uppercase;
	margin: 0;
	font-size: .8rem;
	font-weight: 100;
	letter-spacing: 2px;
	text-shadow: 1px 1px #252525;
}
.wizard__subheading span {
	font-weight: 600;
}
.wizard__steps {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(50%);
	z-index: 10;
}
.wizard__footer {
	padding: 0 50px 50px;
	border-radius: 5px;
	text-align: right;
}
.wizard__content {
	background: #FFF;
	box-shadow: 0px 0px 10px #c5c5c5;
	border-radius: 5px;
	text-align: left;
}
.wizard__congrats-message {
	color: #676767;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}
.wizard.completed .wizard__content {
	animation: gettingOut 2s cubic-bezier(1, -0.71, 1, 1.16) forwards;
}
.wizard.completed .wizard__congrats-message {
	animation: fadeIn 2s cubic-bezier(1, -0.71, 1, 1.16) forwards;
}

.line {
	position: absolute;
	top: 20px;
	left: 50%;
	z-index: -1;
	height: 6px;
	transition: all 0.5s ease;
}
.line.-start {
	left: 0%;
	background: #0faae0;
	width: 50%;
}
.line.-end {
	left: 50%;
	background: #0faae0;
	width: 50%;
}
.line.-background {
	background: #c3c3c3;
	width: 100%;
}
.line.-progress {
	background: #0faae0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: left center;
}
.line.-in-progress {
	transform: scaleX(1);
}

.panels {
	position: relative;
	overflow: hidden;
}

.panel {
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s all;
	padding: 50px;
}
.panel__header {
	margin-bottom: 30px;
}
.panel__title {
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0;
}
.panel__subheading {
	font-size: .9rem;
	line-height: 1.2rem;
	margin: 0;
}
.panel.movingOutBackward {
	transform: translateX(-620px);
}
.panel.movingOutFoward {
	transform: translateX(620px);
}
.panel.movingIn {
	transform: translateX(0);
	width: 83%;
}

.steps {
	position: relative;
	display: flex;
	flex: 0 1 auto;
	color: #fff;
}

.step {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	border-radius: 5px;
}
.step__content {
	position: relative;
	z-index: 2;
}
.step__number {
	font-size: 1.3rem;
	color: #676767;
	background: #FFF;
	font-weight: 800;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	border-radius: 50%;
	border: 5px solid #c3c3c3;
	transition: opacity .5s;
	opacity: 1;
	z-index: 5;
}
.step__number > img {
	padding-top: 7px;
	padding-left: 1px;
}
.step.-completed .step__number {
	opacity: 0;
}
.step.-completed .checkmark {
	z-index: 0;
	animation: fill .4s ease-in-out forwards,  scale .3s ease-in-out .6s both;
}
.step.-completed .checkmark__check {
	animation: stroke .5s linear .4s forwards;
}
.step.-completed .line {
	transform: scaleX(1);
}
.step:last-child .line {
	width: 50%;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #75b2f5;
	z-index: -1;
}
.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 8;
	stroke-miterlimit: 10;
	stroke: #0faae0;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 40;
	stroke-dashoffset: 40;
	stroke: #FFF;
	stroke-width: 5;
}

.button {
	cursor: pointer;
	font-size: 1rem;
	line-height: 1rem;
	background: #0faae0;
	color: #FFF;
	padding: 10px 15px;
	border: none;
	outline: none;
	display: inline-block;
	transition: all .3s;
}
.button:hover {
	background: #7baee6;
}
.button.previous {
	margin-right: 5px;
}
.button.disabled {
	background: #c3c3c3;
	cursor: default;
}

@keyframes stroke {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes scale {
	50% {
		transform: translateX(-50%) scale3d(1.5, 1.5, 1.5);
	}
	100% {
		transform: scale3d(0);
	}
}
@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #0faae0;
	}
}
@keyframes gettingOut {
	0% {
		transform: translateY(0%);
	}
	30% {
		transform: translateY(100px);
	}
	100% {
		transform: translateY(-200%);
	}
}
@keyframes fadeIn {
	100% {
		opacity: 1;
	}
}
/* The element to hover over */
.view-banner-show {
	position: relative;
	text-align: center;
	width: 30px;
}
.view-banner-show .popover-banner-show {
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 5px;
	bottom: -7px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: none;
	font-size: 12px;
	font-family: 'Helvetica',sans-serif;
	left: 305px;
	padding: 7px 10px;
	position: absolute;
	width: 200px;
	z-index: 4;
}
.view-banner-show .popover-banner-show:before {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid rgba(0, 0, 0, 0.85);
	bottom: 43%;
	content: '';
	display: block;
	left: -7px;
	position: absolute;
}
.view-banner-show:hover .popover-banner-show {
	display: block;
	max-width: 325px;
	max-height: 215px;
	transform: translateY(37%);
	-webkit-animation: fade-in .3s linear 1, right-slide .3s linear 1;
	-moz-animation: fade-in .3s linear 1, right-slide .3s linear 1;
	-ms-animation: fade-in .3s linear 1, right-slide .3s linear 1;
}
.view-banner-show:hover .popover-banner-show img {
	width: 100%;
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-ms-keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes right-slide {
	from {
		left: 70%;
	}
	to {
		left: 100%;
	}
}
@-moz-keyframes right-slide {
	from {
		left: 70%;
	}
	to {
		left: 100%;
	}
}
@-ms-keyframes right-slide {
	from {
		left: 70%;
	}
	to {
		left: 100%;
	}
}
.banner-conclude-price {
	text-align: center;
}
.banner-conclude-price p {
	margin-bottom: -25px;
	font-weight: bold;
}
label.choose-type-ads {
	display: inline-block;
	border: 2px solid #ebebeb;
	padding: 10px 10px 0px 10px;
	margin-bottom: -7px;
	width: 95.5%;
	transition: 0.8s;
}
label.choose-type-ads p {
	margin-top: -31px;
	margin-left: 41px;
}
label.choose-type-ads p.view-ex-link {
	display: none;
	margin-top: -6px;
	font-size: 12px;
}
label.choose-type-ads p.view-ex-link a {
	color: #ff6b19;
	text-decoration: none;
}
label.choose-type-ads p.view-ex-link a:hover {
	color: #0faae0;
}
label.choose-type-ads p > span {
	display: block;
	font-size: 12px;
	margin-top: 3px;
}
.content-for-boost-detail .view-ex-link.title-post, .content-for-rearrange-detail .view-ex-link.title-post {
	display: none;
	margin-bottom: -20px;
	margin-top: -1px;
	margin-left: 1px;
}
.content-for-boost-detail .view-ex-link.title-post a, .content-for-rearrange-detail .view-ex-link.title-post a {
	color: #ff6b19;
	text-decoration: none;
}
.content-for-boost-detail .view-ex-link.title-post a:hover, .content-for-rearrange-detail .view-ex-link.title-post a:hover {
	color: #0faae0;
	text-decoration: none;
}
.status-choose-postion {
	margin-left: 10px;
	padding: 2px 16px 4px 15px;
	border-radius: 50px;
}
.status-choose-postion.empty{
	background-color: #81f380;
	color: black;
}
.status-choose-postion.full{
	background-color: #ff7070;
	color: white;
}
.in-web, .out-web {
	display: none;
	margin-top: -29px;
	margin-bottom: 10px;
	margin-left: 39px;
	width: 90%;
	margin-top: -8px;
}
.in-web > input {
	padding-left: 184px !important;
	padding-top: 8px !important;
	color: #0faae0 !important;
	font-size: 18px !important;
	font-weight: bold;
}
.choose-post-div {
	margin-top: -29px;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 2px;
	display: inline-flex;
}

.div-upload-btn {
	margin-top: 20px;
}
.btn-upload-input {
	height: 0;
	overflow: hidden;
	position: absolute;
	display: none;
}
.upload-button {
	padding: 10px 30px;
	border: 1px solid transparent;
	border-radius: 10px;
	background-color: #ff7e00;
	color: #fff;
	transition: background-color 0.3s ease, color 0.3s ease;
	font-family: 'kanit','sans-serif';
	display: inline-block;
}
.upload-button-disabled {
	padding: 10px 30px;
	border: 1px solid transparent;
	border-radius: 10px;
	background-color: #dbdbdb;
	color: #fff;
	transition: background-color 0.3s ease, color 0.3s ease;
	font-family: 'kanit','sans-serif';
	display: inline-block;
	cursor: no-drop;
}
.upload-button:hover {
	background-color: transparent;
	color: #ff7e00;
	border: 1px solid #ff7e00;
	cursor: pointer;
}
.div-upload-btn label.upload-button, .div-upload-btn label.upload-button-disabled {
	font-size: 19px;
	text-align: center;
	padding: 8px 22px;
}

.show-date-choose {
	display: none;
	font-size: 12px;
	margin-top: 5px;
}
.left-block-position-choose {
	width: 60%;
	float: left;
}
.right-block-position-choose {
	border: 2px solid #dadada;
	border-radius: 6px;
	width: 34%;
	float: right;
	padding: 10px;
	margin-top: 4px;
	height: 80px;
	display: none;
}
.right-block-position-choose > h3 {
	margin-top: -6px;
}
.right-block-position-choose > p {
	margin-top: -8px;
}
.price-in-banner, .price-out-banner {
	font-weight: bold;
	color: #ff7e00;
}
/* END WIZARD */
.link-color-sky {
	color: #1998de !important;
	text-decoration: none;
}
.link-color-sky:hover {
	color: #1074aa;
}
.btn-stick-input {
	margin-left: -2px;
}
.btn-stick-input.right {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.small-sub-title {
	font-size: 12px;
	margin-top: -14px;
}
.small-sub-title a{
	color: #0FAAE0;
	text-decoration: none;
}
.inline-input {
	display: inline-flex;
}
.inline-input .input-post-group.date-start {
	width: 40%;
	margin-right: 45px;
}
.inline-input .input-post-group.date-end {
	width: 42%;
	margin-right: 45px;
}
.inline-input .input-post-group.date-end .form-input-post.active select {
	width: 100%;
}
.small-text2 {
	font-size: 12px;
}
.show-banner-pay-page {
	margin-top: 10px;
	max-width: 728px;
	max-height: 200px;
}
.btn-lg {
	font-size: 2.2em !important;
	padding: 20px 20px 20px 20px !important;
}
.block-my-wallet {
	text-align: center;
	border: 1px solid #ff7e00;
	border-radius: 8px;
	padding: 10px 25px 0px 25px;
	width: 19%;
	margin-right: auto;
	background-color: #f4f4f4;
	float: left;
}
.block-my-wallet > p:first-child {
	font-size: 12px;
}
.block-my-wallet > p:last-child {
	font-size: 25px;
	margin-top: -8px;
	font-weight: bold;
}
.border-my-wallet {
	border: 2px solid #f4f4f4;
	margin-top: 20px;
	margin-bottom: 17px;
}
.right-my-wallet-block {
	width: 70%;
	text-align: left;
	display: inline-flex;
	margin-top: 20px;
}
.detail-my-wallet {
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}
.status-pay {
	background-color: #a6f38d;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #00490c;
}
.status-cancel {
	background-color: #ff6b71;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #f5f5f5;
}
.status-waiting {
	background-color: #ffa84e;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #8c4c09;
}
.status-process {
	background-color: #ebf45f;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #60651a;
}
.status-danger {
	background-color: #ff4b74;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #9e0e2e;
}
.status-offline {
	background-color: #cdcdcd;
	border-radius: 8px;
	padding: 5px 10px 5px 10px;
	color: #929292;
}

/* START TOOLTIP STYLES */
[tooltip] {
	position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
	text-transform: none; /* opinion 2 */
	font-size: .9em; /* opinion 3 */
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
	content: attr(tooltip);
	font-family: Helvetica, sans-serif;
	text-align: center;
	min-width: 3em;
	max-width: 21em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
	display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
a[tooltip]:not([flow])::before,
a[tooltip][flow^="up"]::before {
	bottom: 185%;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
a[tooltip]:not([flow])::after,
a[tooltip][flow^="up"]::after {
	bottom: calc(100% + 20px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
	to {
		opacity: .9;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz {
	to {
		opacity: .9;
		transform: translate(0, -50%);
	}
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}

.modal-seminardd {
	will-change: visibility, opacity;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: -50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition-delay: $modal-delay;
}
.modal-seminardd--active {
	visibility: visible;
	opacity: 1;
}
.modal-seminardd--align-top {
	align-items: flex-start;
}
.modal-seminardd__bg {
	/*background: transparent;*/
	background: #4a4a4a66;
	z-index: 9999999;
}
.modal-seminardd__dialog {
	max-width: 600px;
	padding: 1.2rem;
}
.modal-seminardd__content {
	will-change: transform, opacity;
	position: relative;
	padding: 2.4rem;
	background: #fff0e1;
	background-clip: padding-box;
	box-shadow: 6px 10px 13px 3px rgba(0,0,0,0.25);
	opacity: 0;
	transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	border-bottom: 5px solid #ff7e00;
	border-radius: 8px;
	max-height: 360px;
	overflow-y: scroll;
}
.modal-seminardd__content--active {
	opacity: 1;
}
.modal-seminardd__close {
	z-index: 1100;
	cursor: pointer;
}
.modal-seminardd__trigger {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal-seminardd__trigger--active {
	z-index: 10;
}
#modal-seminardd__temp {
	will-change: transform, opacity;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fadec2;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
/**
 * Demo specific CSS
 */

.demo-btns header {
	padding: 7vh 10vw;
	background: #fadec2;
	display: flex;
	align-items: center;
}
.demo-btns header h1 {
	margin: 0;
	color: rgba(0,0,0,0.54);
	font-weight: 300;
}
.demo-btns .info {
	background: #f44336;
	padding: 3vh 10vw;
	height: 70vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
}
.demo-btns p {
	text-align: center;
	color: #fff;
}
.demo-btns .link {
	font-size: 20px;
}
.demo-btns .modal__trigger {
	margin-right: 3px;
}
@media (max-width: 640px) {
	.demo-btns .modal__trigger {
		margin-bottom: 0.8rem;
	}
}
.demo-close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1.2rem;
	padding: 0.6rem;
	background: rgba(0,0,0,0.3);
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.demo-close svg {
	width: 24px;
	fill: #fff;
	pointer-events: none;
	vertical-align: top;
}
.demo-close:hover {
	background: rgba(0,0,0,0.6);
}
.btn-topup {
	border-radius: 35px !important;
	padding: 20px 30px 20px 30px !important;
	font-size: 25px !important;
}

.btn-withdraw {
	cursor: pointer;
	outline: none;
	background: #0395d9;
	color: #fff;
	transition: 0.2s;
	border-radius: 20px;
	border: none;
	font-size: 1.2em;
	padding: 10px 20px 10px 20px;
	margin-bottom: 0.5em;
	background-color: #0395d9;
	font-family: 'kanit', sans-serif !important;
	border: 1px solid transparent;
	text-decoration: none;
}
.btn-withdraw:hover {
	background: #fff;
	color: #0395d9;
	border: 1px solid #0395d9;
}
.table-wallet-detail {
	width: 100%;
}
.table-wallet-detail span {
	font-size: 12px;
}
.color-pink {
	color: #ff3bba !important;
	font-weight: 400;
}

.block-advt {
	position: absolute;
	top: 0px;
	left: -3px;
	width: auto;
	display: block;
	background-color: #ff7e00;
	color: white;
	border: 1px solid #ff7e00;
	font-size: 12px;
	padding: 2px;
	text-align: center;
	z-index: 99;
}
.block-type-post {
	position: absolute;
	top: -4px;
	right: 0px;
	width: auto;
	display: block;
	color: white;
	font-size: 12px;
	padding: 2px;
	text-align: center;
	z-index: 99;
}
.block-type-post > img {
	width: 40px !important;
	vertical-align: middle;
}
.btn-withdraw:disabled {
	background: #cdcdcd;
	cursor: no-drop;
}
.btn-withdraw:disabled:hover {
	border: 1px solid transparent;
	color: white;
}
div.ads-post-border {
	border: 1px solid #ff7e00;
	box-shadow: 0px -7px 0px 0px #ff7e00 inset;
}
div.ads-post-border:hover {
	border: 1px solid #ff7e00;
	background-color: #fbfbfb;
	text-decoration: none;
	box-shadow: 0 3px 7px rgb(255, 126, 0);
}
.image-middle-text {
	vertical-align: middle;
}
table.table-history td img {
	margin-top: -4px;
}
.view-link-pay-topup {
	margin-top: 5px;
	display: inline-block;
}
.menu-table-right-wallet {
	width: 100%;
	position: relative;
	display: inline-block;
}
.btn-cancel-order-customer {
	color: #ff6c6c !important;
	position: absolute;
	right: -2px;
	top: -23px;
}
.btn-cancel-order-customer:hover {
	color: #e54444;
}
/* VENUE */
.venue-bg-search {
	margin-top: 30px;
	width: 100%;
	height: 330px;
	font-family: 'kanit', 'sans-serif';
	position: relative;
	color: #FFF;
	border-radius: 5px;
	background: url(/images/venuebg.png);
}
.venue-bg-search-content {
	position: absolute;
	width: 100%;
	padding: 0 50px;
	text-align: center;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -60%);
}
.venue-bg-search-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(72, 72, 72, 0.6);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.venue-bg-search > .venue-bg-search-content > h1 {
	color: white;
	font-size: 35px;
}
.venue-bg-search > .venue-bg-search-content > p.venue-sub-bg-search {
	color: #dbd7d7;
	margin-top: -25px;
	font-size: 17px;
}
.btn-venue-bg-search {
	margin-top: 30px;
}
.stick-input-inline {
	display: -webkit-inline-box;
	margin-top: 10px;
	width: 55%;
}
.stick-input-inline input, .stick-input-inline select {
	height: 50px;
	width: 310px;
	border-radius: 8px;
	outline: none;
	border: 2px solid #d3d3d3;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 30px;
	transition: 0.8s;
}
.stick-input-inline .inner-icon .left-icon input {
	padding-left: 45px;
}
.inner-icon {
	position: relative;
}
.inner-icon i {
	left: 15px;
	top: 15px;
	font-size: 25px;
	width: 30px;
	position: absolute;
	z-index: 99;
	color: #757575;
}
.number-people-input {
	margin-left: -27px;
	width: 30%;
}
.number-people-input .left-icon i {
	left: 15px;
	top: 21px;
	font-size: 18px;
}
.stick-input-inline .inner-icon.number-people-input .left-icon input {
	width: 60%;
	border-radius: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 50px;
}
.btn-start-search {
	font-size: 25px !important;
	padding: 15px 20px 15px 20px !important;
	border-radius: 8px !important;
}
.place-popular {
	text-align: left;
	width: 100%;
	display: inline-flex;
	margin-left: 0;
	overflow: hidden;
	cursor: pointer;
}

.place-popular img {
	width: 350px !important;
	height: 200px;
	max-height: 200px;
	float: left;
	margin-right: 40px;
}
.place-popular:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
.right-contect-place-popular {
	padding-top: 1px;
}
.right-contect-place-popular > h3 {
	margin-top: 8px;
}
.right-contect-place-popular > a > h3, .contact-place-seminar > a > h3 {
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.right-contect-place-popular > a, .contact-place-seminar > a {
	text-decoration: none;
}
.right-contect-place-popular > a:hover, .contact-place-seminar > a:hover {
	text-decoration: underline;
}
.right-contect-place-popular .place-address, .contact-place-seminar .place-address {
	margin-top: -14px;
	font-size: 14px;
}
.contact-place-seminar .place-address {
	font-size: 12px;
}
.right-contect-place-popular .place-address a, .contact-place-seminar .place-address a {
	color: #333333;
	text-decoration: none;
}
.right-contect-place-popular .place-address a:hover, .contact-place-seminar .place-address a:hover {
	color: #0faae0 !important;
}
.right-contect-place-popular .place-price, .contact-place-seminar .place-price {
	color: #22b14c;
	font-size: 24px;
	font-weight: bold;
	margin-top: -3px;
	letter-spacing: 1px;
	height: 30px;
}
.right-contect-place-popular .place-price > span, .contact-place-seminar .place-price > span {
	font-size: 11px;
	color: #333333;
	letter-spacing: 0px;
}
.right-contect-place-popular .place-additional, .contact-place-seminar .place-additional {
	margin-top: -19px;
	font-size: 12px;
	color: #333333;
	text-align: left;
}
.div-btn-choose-place {
	margin-top: 22px;
	text-align: left;
}
.place-venue-popular .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-left: 0px;
}
.owl-carousel.place-venue-popular .owl-nav button.owl-next {
	float: right;
}
.owl-carousel.place-venue-popular .owl-nav button.owl-prev {
	float: left;
}
.owl-carousel.place-venue-popular .owl-item:not(.active) img {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}
.owl-carousel.place-venue-popular .owl-stage-outer {
	height: 200px;
}
.filter-venue-box {
	margin-top: 40px;
	background-color: #f1f2f2;
	-webkit-box-shadow: 2px 2px 1px 0px rgba(189, 189, 189, 0.75);
	-moz-box-shadow: 2px 2px 1px 0px rgba(189, 189, 189, 0.75);
	box-shadow: 2px 2px 1px 0px rgba(189, 189, 189, 0.75);
	text-align: left;
	padding: 1px 15px 32px 25px;
	font-family: 'kanit', 'sans-serif';
	border-radius: 8px;
}
.filter-venue-box .stick-input-inline {
	margin-top: -8px;
}
.filter-venue-box .stick-input-inline input, .filter-venue-box .stick-input-inline select {
	height: 35px;
	font-size: 16px;
}
.filter-venue-box .stick-input-inline select {
	height: 41px;
}
.filter-venue-box .inner-icon {
	width: 53%;
}
.filter-venue-box .inner-icon.number-people-input {
	width: 30%;
}
.filter-venue-box .inner-icon i {
	left: 15px;
	top: 10px;
	font-size: 20px;
}
.filter-venue-box .number-people-input .left-icon i {
	left: 15px;
	top: 13px;
	font-size: 16px;
}
.filter-venue-box .stick-input-inline .inner-icon .left-icon input {
	padding-left: 33px;
}
.filter-venue-box .stick-input-inline .inner-icon .left-icon input#number-people {
	padding-left: 40px;
}
.filter-venue-box .stick-input-inline .number-budget-input {
	margin-left: -19px;
	width: 30%;
}
.filter-venue-box .stick-input-inline .number-budget-input .left-icon i {
	left: 15px;
	top: 13px;
	font-size: 18px;
}
.filter-venue-box .stick-input-inline .inner-icon.number-budget-input .left-icon input {
	width: 60%;
	border-radius: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 41px;
}
.filter-venue-box .stick-input-inline .additional-select {
	margin-left: -17px;
	width: 70%;
}
.filter-venue-box .stick-input-inline .inner-icon.additional-select select {
	width: 100%;
	border-radius: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 7px;
	padding-right: 3px;
}
.btn-search-stick {
	margin-left: -5px;
	margin-top: 1px;
}
.btn-search-inline {
	border: 1px solid transparent;
	background-color: #ff7e00;
	color: white;
	font-size: 20px;
	padding: 8px 15px 8px 15px;
	transition: 0.8s;
	cursor: pointer;
}
.btn-search-inline:hover {
	border: 1px solid #ff7e00;
	background-color: transparent;
	color: #ff7e00;
}
.block-show-place {
	margin-top: 30px;
	text-align: left;
}
.block-show-place > .heading-show-place > .left-heading-show-place {
	float: left;
}
.block-show-place > .heading-show-place > .left-heading-show-place > h3 {
	margin: 0px;
}
.block-show-place > .heading-show-place > .left-heading-show-place > h3 > span {
	color: #0faae0;
	font-size: 26px;
}
.block-show-place > .heading-show-place > .right-heading-show-place {
	float: right;
}
.block-show-place > .heading-show-place > .right-heading-show-place > .inner-icon i {
	left: 13px;
	top: 9px;
	font-size: 16px;
}
.block-show-place > .heading-show-place > .right-heading-show-place > .inner-icon input {
	padding-left: 36px;
	padding-right: 5px;
	height: 30px;
	width: auto;
	border-radius: 8px;
	outline: none;
	border: 2px solid #d3d3d3;
	transition: 0.8s;
}
ul.filter-tag-place {
	list-style-type: none;
	margin: 0;
	margin-left: -41px;
	display: inline-flex;
}
ul.filter-tag-place > li {
	border: 1px solid #d5d2d2;
	background-color: #f8f4f4;
	border-radius: 50px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	font-size: 13px;
	color: #a9a9a9;
	margin-right: 10px;
}
ul.filter-tag-place > li > a {
	color: #a9a9a9;
	transition: 0.8s;
}
ul.filter-tag-place > li > a:hover {
	color: red;
}
ul.filter-tag-place > li.remove-filter {
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	width: auto;
	font-size: 13px;
	color: #0faae0;
	cursor: pointer;
}
ul.filter-tag-place > li.remove-filter:hover {
	text-decoration: underline;
}
.block-show-place > .body-show-place {
	margin-top: 30px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.body-show-place > .block-place-seminar {
	width: 45%;
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
}
.body-show-place > .block-place-seminar > .img-place-seminar > a > img {
	width: 100%;
	height: 280px;
}
.body-show-place > .block-place-seminar > .contact-place-seminar > .left-detail-place-seminar {
	float: left;
}
.body-show-place > .block-place-seminar > .contact-place-seminar > .right-btn-place-seminar {
	float: right;
}

.img-place-seminar {
	overflow: hidden;
	cursor: pointer;
}
.body-show-place .img-place-seminar:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

/* END VENUE */
.btn-orange-outline {
	background: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
	text-decoration: none;
	transition: 0.8s;
	font-family: 'kanit', 'sans-serif';
}
.btn-orange-outline:hover {
	background: #ff7e00;
	border: 1px solid transparent;
	color: white;
}
.btn-orange-outline-middle {
	font-size: 19px;
	padding: 8px 15px 10px 15px;
}
.hr-line-gray {
	border: 2px solid #f1f2f2;
}
.open > .dropdown-menu {
	display: block;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
	padding: 4px 8px;
}
.additional-select .dropdown-menu.inner {
	padding: 7px 20px !important;
}
.bs-searchbox .form-control {
	width: 90% !important;
}
@font-face {
	font-family: 'Glyphicons Halflings';

	src: url('font/glyphicons-halflings-regular.eot');
	src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('font/glyphicons-halflings-regular.woff2') format('woff2'), url('font/glyphicons-halflings-regular.woff') format('woff'), url('font/glyphicons-halflings-regular.ttf') format('truetype'), url('font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-ok:before {
	content: "\e013";
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100% !important;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle {
	color: #757575 !important;
	height: 41px;
	border: 2px solid #d3d3d3;
	background-color: white;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 100%;
	font-family: 'kanit', 'sans-serif';
	font-size: 18px;
}
.bootstrap-select>.dropdown-toggle {
	color: black !important;
}

.card-detail {
	background: #fff;
	border-radius: 2px;
	margin: 1rem;
	position: relative;
	box-shadow: 0 4px 15px rgba(0,0,0,0.19), 0 3px 2px rgba(0,0,0,0.23);
	border: 1px solid #e8e6e6;
}
.card-detail .content-card-detail {
	padding: 0px 25px;
	text-align: left;
}
.room-detail .img-room-detail {
	float: left;
	width: 45%;
	margin-right: 40px;
	margin-bottom: 40px;
}
.room-detail .img-room-detail a img {
	width: 100%;
	max-height: 220px;
}
.detail-room-content h3 {
	color: #0faae0 !important;
	margin-top: 0px;
}
.price-green {
	color: #22b14c;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
table.price-addons {
	width: 50%;
}
table.price-addons td {
	border-bottom: 2px solid #cdcdcd33;
	padding-top: 5px;
}
.margin-top-venue-room {
	margin-top: -15px;
}
.more-images-room-div {
	width: 412px;
	height: 231px;
	position: absolute;
	color: #bdbdbd;
	font-size: 30px;
	margin-left: 15px;
	margin-top: 15px;
}
.block-show-place.recommend {
	margin-top: 10px;
}
a.view-all-room {
	border-radius: 8px;
}
.div-view-all-room {
	margin-top: 28px;
}
.venue-block-post-detail {
	margin-top: -10px;
	height: 170px;
}
.location-image {
	float: left;
	margin-right: 30px;
	min-height: 160px;
}
.location-image > a > img, .location-image > img {
	width: 250px;
	max-height: 160px;
}
.location-content > h4 > a, .location-content > h4 {
	color: #0faae0;
	font-size: 20px;
	margin-bottom: 22px;
	text-decoration: none;
	transition: 0.3s;
}
.location-content > h4 > a:hover {
	color: #026a8e;
}

#room-name-location {
	color: #525252;
	font-weight: 400;
	font-size: 14px;
	margin-top: -17px;
	margin-bottom: 26px;
}
.location-content > .location-address{
	margin-top: -19px;
	font-size: 12px;
}
.title-location-travel {
	font-weight: bold;
	margin-top: -2px;
	font-size: 19px;
}
.location-travel {
	margin-top: -5px;
}
.choose-type-ads:hover {
	background-color: #f5f5f5;
}
.choose-type-ads:hover .action-list-bank {
	display: block;
}
.action-list-bank {
	display: none;
	position: absolute;
	float: right;
	right: 0px;
	top: 20px;
	width: 18%;
}
.action-list-bank > a {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #ffffff;
	transition: 0.5s;
	border: 1px solid transparent;
}
.action-list-bank > a.edit-bank {
	background-color: #ff8d00;
	padding: 6px 5px 5px 7px;
}
.action-list-bank > a.remove-bank {
	background-color: #fa395d;
	padding: 6px 7px 5px 7px;
}
.action-list-bank > a.edit-bank:hover {
	background-color: transparent;
	border: 1px solid #ff8d00;
	color: #ff8d00;
}
.action-list-bank > a.remove-bank:hover {
	background-color: transparent;
	border: 1px solid #fa395d;
	color: #fa395d;
}
.radio-seminar + .radio-seminar-label.choose-type-ads:before {
	margin-top: 7px;
}
label.choose-type-ads p {
	margin-top: -35px;
}
.get-invoice-block .w-25 {
	width: 26.6%;
}
.get-invoice-block .w-20 {
	width: 20%;
}

.notice-investment {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 16px;
}
.claim-coach {
	text-align: center;
	background-color: #0395d9;
	border: 1px solid transparent;
	border-radius: 7px;
	padding: 7px;
	font-family: 'kanit', sans-serif;
	font-size: 16px;
	margin-top: 60px;
	margin-bottom: 60px;
	width: 165px;
	margin-left: auto;
	margin-right: auto;
	transition: 0.5s;
}
.claim-coach > a {
	color: white;
	text-decoration: none;
}
.claim-coach .img-info-change-data-coach {
	width: 70px;
	position: absolute;
	margin-left: -67px;
	margin-top: -15px;
}
.claim-coach:hover {
	border: 1px solid #0395d9;
	background-color: transparent;
	cursor: pointer;
}
.claim-coach:hover a {
	color: #0395d9;
}
.block-inline-input {
	display: inline-flex;
	width: 100%;
}
form#form-claim-update .form-input-register {
	width: 100%;
}

form#form-claim-update .block-left-nickname, form#form-claim-update .block-right-prefix {
	width: 14.7%;
}
form#form-claim-update .block-left-nickname, form#form-claim-update .block-right-prefix, form#form-claim-update .block-right-fullname {
	margin-right: 35px;
	margin-bottom: 15px;
}
form#form-claim-update #about-claim{
	width: 97%;
}
form#form-claim-update label.form-post-booking-textarea {
	top: -3px;
	left: 0px;
	padding: 3px 5px;
	font-size: 15px;
	color: #fff;
	position: relative;
	background: #1998de;
}
form#form-claim-update .div-button-add-more-sub {
	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
form#form-claim-update .div-button-add-more-sub {
	margin-left: 15px;
}
form#form-claim-update .btn-add-new-sub {
	font-size: 20px;
	transition: all .15s ease-in-out;
	width: 35px;
	height: 33px;
	border-radius: 50%;
	background-color: #FF6B19;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
}
form#form-claim-update .btn-add-new-sub > i {
	padding-left: 10px;
	padding-top: 7px;
}
form#form-claim-update .btn-add-new-sub:hover {
	background-color: white;
	border: 1px solid #FF6B19;
	color: #FF6B19;
}
form#form-claim-update .block-sub-category {
	width: 100%;
	display: inline-flex;
}
form#form-claim-update .select-sub-div{
	width: 100%;
}
form#form-claim-update .block-left-phone-claim, form#form-claim-update .block-right-email-claim {
	width: 30%;
	margin-right: 35px;
}
form#form-claim-update .btn-add-remove-more {
	font-size: 20px;
	transition: all .15s ease-in-out;
	width: 35px;
	height: 33px;
	border-radius: 50%;
	background-color: #ff1939;
	outline: none;
	cursor: pointer;
	color: white;
	border: 1px solid transparent;
}
form#form-claim-update .btn-add-remove-more:hover {
	background-color: white;
	border: 1px solid #ff1939;
	color: #ff1939;
}
form#form-claim-update .div-button-add-more-sub {
	margin-top: 28px;
	margin-left: 15px;
	margin-right: auto;
	display: block;
}
form#form-claim-update .edit-thumnail {
	display: none;
	position: absolute;
	top: 39%;
	left: 40%;
	background-color: #ff8e02;
	color: white;
	outline: none;
	border: 1px solid transparent;
	transition: .5s;
}
form#form-claim-update #imagePreviewMore-1:hover .edit-thumnail {
	display: block;
}
form#form-claim-update .edit-thumnail:hover {
	background-color: white;
	color: #ff8e02;
	border: 1px solid #ff8e02;
	cursor: pointer;
}
form#form-claim-update .footer-claim-modal {
	margin-top: 20px;
	text-align: center;
}

.changebanner-link-modal .in-web, .changebanner-link-modal .out-web {
	margin-bottom: 10px;
	margin-left: -14px;
	width: 98%;
	margin-top: 20px;
	position: relative;
}
.changebanner-link-modal .in-web {
	display: inline-flex;
}
.changebanner-link-modal .out-web {
	display: block;
}
.changebanner-link-modal .text-in-input {
	left: 20px;
	top: 13px;
}
.changebanner-link-modal .in-web input.input-post-title[type='text'] {
	width: 63%;
}
.changebanner-link-modal .in-web > input {
	padding-left: 190px !important;
	padding-top: 10px !important;
}
.pac-container {
	z-index: 99999;
}
input#place-name-1::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}
input#place-name-1:focus::-webkit-input-placeholder { /* WebKit browsers */
	color: #aaa;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	width: 90%;
}
.notfoundplacetext {
	height: 150px;
}
.btn-boost-post {
	float: inherit;
	display: inline-block;
	background-color: #ff3bba;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-boost-post:hover {
	background-color: transparent;
	border: 1px solid #ff3bba;
	color: #ff3bba !important;
}
.btn-boost-post-again {
	float: inherit;
	display: inline-block;
	background-color: #00ad1b;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-boost-post-again:hover {
	background-color: transparent;
	border: 1px solid #00ad1b;
	color: #00ad1b !important;
}
.btn-report-pass {
	font-size: 12px !important;
	transition: 0.5s;
	margin-right: -10px;
	vertical-align: sub;
	margin-top: 6px;
	position: absolute;
}
.btn-report-pass:hover {

}

.btn-rearrange-post[tooltip][flow^="left"]:hover::after{
	font-size: 14px;
}
.btn-boost-post[tooltip][flow^="left"]:hover::after{
	font-size: 14px;
}
a.btn-boost-post[tooltip]:not([flow])::before, a.btn-boost-post[tooltip][flow^="up"]::before,
a.btn-rearrange-post[tooltip]:not([flow])::before, a.btn-rearrange-post[tooltip][flow^="up"]::before {
	bottom: 135%;
}
a.btn-boost-post[tooltip]:not([flow])::after, a.btn-boost-post[tooltip][flow^="up"]::after,
a.btn-rearrange-post[tooltip]:not([flow])::after, a.btn-rearrange-post[tooltip][flow^="up"]::after {
	bottom: calc(100% + 13px);
}
.btn-rearrange-post {
	display: inline-block;
	background-color: #00c4ff;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-rearrange-post:hover {
	background-color: transparent;
	border: 1px solid #00c4ff;
	color: #00c4ff !important;
}
.text-left-important {
	text-align: left !important;
}
.invite-ads {
	margin-top: 25px;
	margin-bottom: -15px;
	text-align: left;
	color: white;
	opacity: 1;
	background: -webkit-linear-gradient(left, #0ecece, #047d90);
	background: linear-gradient(to right, #0ecece, #047d90);
	background-repeat: repeat-x;
	border-radius: 6px;
	padding: 10px 15px 10px 15px;
	position: relative;
}
.close-invite-ads {
	display: block;
	position: absolute;
	right: 15px;
	top: 4px;
	text-align: right;
	color: #eeeeeea8;
	transition: 0.3s;
}
.close-invite-ads:hover {
	color: white;
}
.invite-ads > img {
	vertical-align: top;
}
.invite-ads > .text-invite-ads {
	display: inline-block;
	margin-top: -17px;
	margin-left: 5px;
	line-height: 25px;
	margin-bottom: -17px;
	font-family: 'kanit', 'sans-serif';
}
.invite-ads > .text-invite-ads > p > span{
	font-size: 22px;
	padding-left: 2px;
	padding-right: 3px;
	text-shadow: 2px 2px #313131;
}
.invite-ads > .div-btn-link-invite {
	display: inline-flex;
	margin-top: 8px;
	position: absolute;
	right: 70px;
}
.invite-ads > .div-btn-link-invite > .btn-invite-ads {
	background-color: #fe8850;
	text-decoration: none;
	border: 1px solid transparent;
	color: #a43500;
	transition: 0.5s;
	font-family: 'kanit', 'sans-serif';
}
.invite-ads > .div-btn-link-invite > a {
	text-decoration: none;
}
.invite-ads > .div-btn-link-invite > a:not(:last-child) {
	margin-right: 10px;
}
.invite-ads > .div-btn-link-invite > .btn-invite-ads:hover {
	color: #ffcfb9;
	background-color: #bf5522;
}
.btn-location-content {
	margin-top: 20px;
}
.btn-location-content > a {
	text-decoration: none;
	padding: 5px 10px 6px 10px;
	border: 1px solid transparent;
	transition: 0.5s;
}
.btn-location-content > a.btn-lcoation-view-google-map {
	padding: 7px 10px 7px 10px;
	background-color: #57d3ff;
	color: #065470;
}
.btn-location-content > a.btn-lcoation-view-travel {
	background-color: #fe8850;
	color: #a43500;
}
.btn-location-content > a.btn-lcoation-view-google-map:hover {
	background-color: transparent;
	border: 1px solid #57d3ff;
	color: #57d3ff;
}
.btn-location-content > a.btn-lcoation-view-travel:hover {
	background-color: transparent;
	border: 1px solid #fe8850;
	color: #fe8850;
}
#view-travel .modal-seminardd__dialog {
	width: 600px;
}
body.open-modal {
	overflow: hidden;
}
.location-travel img {
	width: 100% !important;
}
.result-text-show-boost-post {
	margin-top: -2px;
}
.card-result.card-count-ads {
	width: 41%;
	height: 93px;
}
.btn-add-ads-dashboard {
	background-color: #ff7e00;
	color: white;
	text-decoration: none;
	border: 1px solid transparent;
	transition: 0.5s;
}
.btn-add-ads-dashboard:hover {
	background-color: transparent;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.card-count-ads .div-detail-result-dashboard {
	margin-top: 2px;
	position: absolute;
	margin-left: -25px;
	width: 100%;
}

.text-no-ads {
	font-size: 14px;
	text-align: center;
	float: right;
	margin-right: 1px;
	margin-bottom: 10px;
}
table.table-ads.dataTable.cell-border tbody td{
	padding-top: 15px;
	padding-bottom: 15px;
}
.notify-dashboard {
	width: 97%;
	margin-left: 5px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 25px;
	line-height: 2;
}
.btn-topup-mobile {
	display: none;
}
.block-ads-post-dashboard {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 5px 5px 5px 0px;
	width: 102%;
	margin-left: -5px;
	background-color: #595959;
}
.block-ads-post-dashboard > p.title-ads-post{
	font-size: 12px;
	margin: 0;
	color: #ffffff;
	text-align: center;
	margin-top: -3px;
	margin-left: 11px;
	font-family: 'kanit', 'sans-serif';
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.btn-edit-post {
	float: inherit;
	display: inline-block;
	background-color: #ff9126;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}

.btn-edit-post:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126 !important;
}
.btn-pay-post {
	float: inherit;
	display: inline-block;
	background-color: #00ac1b;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-pay-post:hover {
	background-color: transparent;
	border: 1px solid #00ac1b;
	color: #00ac1b !important;
}
.btn-delete-post {
	display: inline-block;
	background-color: #ff0047;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit', 'sans-serif';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-delete-post:hover {
	background-color: transparent;
	border: 1px solid #ff0047;
	color: #ff0047 !important;
}
.btn-info-post {
	display: inline-block;
	background-color: #0faae0;
	padding: 2px 5px 3px 10px;
	text-align: center;
	border-radius: 8px;
	color: white !important;
	font-family: 'kanit', 'sans-serif';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-info-post:hover {
	background-color: transparent;
	border: 1px solid #0faae0;
	color: #0faae0 !important;
}
.color-gray-none {
	color: #cacaca;
}
.text-for-admin {
	color: #ff5d5d;
	background-color: #242244;
	padding: 5px;
	display: table-cell;
	border-radius: 8px;
}
.list-group-item.active > b.color-orange {
	color: white;
}
.sweet-alert.swal-wide-btn {
	width: 365px;
	left: 54%;
}
.sweet-alert.swal-wide-btn .sa-button-container, .sweet-alert.swal-wide-btn-one .sa-button-container {
	width: 109.6%;
	display: inline-flex;
	margin-left: -18px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: -17px;
}

.sweet-alert.swal-wide-btn button, .sweet-alert.swal-wide-btn-one button {
	margin: 26px 0 0 0px;
	border-radius: 0;
	height: 50px;
	font-family: 'kanit','sans-serif';
}
.sweet-alert.swal-wide-btn button.cancel {
	width: 50%;
	margin-left: 0px;
}
.sweet-alert.swal-wide-btn .sa-confirm-button-container {
	width: 50%;
}
.sweet-alert.swal-wide-btn-one .sa-confirm-button-container {
	width: 100%;
}
.sweet-alert.swal-wide-btn button.confirm, .sweet-alert.swal-wide-btn-one button.confirm {
	width: 100%;
	font-weight: 600;
	font-size: 19px;
}
.sweet-alert.swal-wide-btn.swal-padding-confirm-5 button.confirm {
	padding: 5px 5px;
}
.sweet-alert.swal-btn-long button.confirm {
	font-size: 16px;
}
.sweet-alert.swal-wide-btn .title-swal {
	/* border: 2px solid #0FAAE0; */
	margin-top: -10px;
	padding-top: 7px;
	padding-bottom: 8px;
	border-radius: 6px;
	background-color: #adebff;
	color: #006d90;
}
.sweet-alert.swal-wide-btn .bg-sky {
	margin-top: -10px;
	padding-top: 7px;
	padding-bottom: 8px;
	border-radius: 6px;
	background-color: #adebff;
	color: #006d90;
	margin-top: 15px;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: -25px;
}
.sweet-overlay {
	background-color: rgba(0, 0, 0, 0.8) !important;
}
a.close-sweetalert{
	position: absolute;
	top: -36px;
	right: 0;
	font-size: 13px;
	color: #7d7d7d;
	text-decoration: none;
	font-family: Tahoma;
	font-weight: 400;
}
a.close-sweetalert:hover{
	color: black;
	font-weight: bold;
}
a.close-sweetalert{
	top: -146px;
	right: -10px;
	font-size: 17px;
	color: #b7b7b7;
	transition: 0.5s;
}
a.close-sweetalert.close-has-image {
	top: -138px;
}
img.coins-50 {
	width: 50px;
	vertical-align: sub;
	margin-left: -5px;
	margin-right: -5px;
}
img.coins-40 {
	width: 40px;
	vertical-align: sub;
	margin-left: -5px;
	margin-right: -5px;
}
img.coins-30 {
	width: 30px;
	vertical-align: middle;
	margin-left: -5px;
	margin-right: -5px;
}
img.coins-20 {
	width: 20px;
	vertical-align: middle;
	margin-left: -5px;
	margin-right: -5px;
}
.body-table-banner {
	margin-left: 50px;
}
.table-list-banner {
	width: 100%;
}

.table-list-banner td{
	vertical-align: top;
}
.table-list-banner p, .table-ads{
	color: #333;
}

.table-list-banner tbody th, .table-list-banner tbody td{
	padding: 10px 10px;
}
table.table-list-banner tbody td{
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: middle;
}
table.table-list-banner thead th {
	background-color: #ff8a10;
	color: white;
	padding: 20px 20px 20px 20px;
	text-align: center;
	font-size: 17px;
}
table.table-list-banner tbody th, table.table-list-banner tbody td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
table.table-list-banner tbody tr th:first-child, table.table-list-banner tbody tr td:first-child {
	border-left: 1px solid #ddd;
}
table.table-list-banner tbody tr:last-child td {
	border-bottom: 1px solid #ddd;
}
table.table-list-banner tbody tr:hover {
	background-color: #e1f7ff;
}
.title-position {
	font-size: 35px;
	text-align: center;
}
p.table-price-in > span, p.table-price-out > span {
	font-size: 20px;
	color: #07b807;
}
.btn-success {
	background-color: #07b807;
	color: white;
	text-decoration: none;
	border: 1px solid transparent;
	transition: 0.3s;
	outline: none;
}
.btn-success:hover {
	cursor: pointer;
	background-color: white;
	color: #07b807;
	border: 1px solid #07b807;
}
.btn-default {
	color: #9c9c9c;
	border: 1px solid transparent;
	outline: none;
}
.btn-default:active {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0px 0px rgba(0, 0, 0, 0.05);
}
.boostpost-block-dashboard {
	display: inline-block;
	background-color: #ff3bba;
	padding: 2px 7px 0px 6px;
	text-align: center;
	border-radius: 8px;
	color: white !important;
	font-family: 'kanit';
	transition: 0.5s;
	border: 1px solid transparent;
	font-size: 16px;
	margin-right: 0px;
}
.block-ads-post-dashboard:not(.ready-boost) {
	text-align: center;
}
.block-ads-post-dashboard:not(.ready-boost) .btn-boost-post {
	margin-left: 10px;
}
.boostpost-block-dashboard > p {
	font-size: 12px;
	color: white;
	margin: 0;
}
.boostpost-block-dashboard > a {
	vertical-align: middle;
}
.boostpost-block-dashboard > a.view-info {
	margin-top: -3px;
}
.notify-danger > span.close-notify, .notify-success > span.close-notify, .notify-info > span.close-notify {
	float: right;
	cursor: pointer;
	transition: 0.2s;
	position: absolute;
	right: 7px;
	top: 5px;
}
.notify-danger > span.close-notify:hover, .notify-success > span.close-notify:hover, .notify-info > span.close-notify:hover {
	color: white;
}
.m-t-10 {
	margin-top: 10px;
}
.result-text-show-boost-post {
	display: none;
}
.boostpost-block-btn-div {
	display: inline-block;
}
.div-ex-position-banner {
	display: none;
}

/*load more*/
.loader {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #ff6b19;
	width: 35px;
	height: 35px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
	margin-left: auto;
	margin-right: auto;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.btn-load-more {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 12px 25px;
	font-family: 'kanit', sans-serif;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 23px;
	background-color: #ff7e00;
	border: 1px solid #ff7e00;
}

.btn-load-more:hover {
	background-color: white;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
/*End load more*/
.banner-new-features {
	width: 99%;
	height: auto;
	margin-bottom: 15px;
}
.code-register {
	color: #ff9126;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-family: 'kanit', 'sans-serif';
	font-size: 18px;
}
.count-view-boost-post {
	font-size: 22px !important;
	float: left;
	margin-left: 0px !important;
	margin-top: -4px !important;
}
.count-view-boost-post > span {
	display: block;
	font-size: 10px;
	margin-top: -7px;
}
.btn-manage-boost-post-div {
	height: 40px;
	line-height: 47px;
	float: right;
	margin-left: 8px;
}
.btn-manage-boost-post-div > a:first-child {
	margin-right: -3px;
}
.boostpost-manage-dashboard {
	margin: 0;
	border: 0.5px solid white;
	margin-bottom: 3px;
	margin-top: 3px;
}
.color-white {
	color: white !important;
}
div.relatedpostitem.ads-post-border .relatedpostitem_eventdate {
	background-color: #ff7e00;
}
.block-ads-horizontal {
	border: 1px solid #ff7e00;
	padding: 10px 10px 10px 10px;
	border-radius: 8px;
	position: relative;
	display: inline-flex;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 97%;
}
.block-ads-horizontal.block-ads-horizontal-for-articles {
	width: 98%;
}
.block-ads-horizontal > .block-advt {
	top: 10px;
	left: 0px;
}
.block-ads-horizontal > .list-ads-boostpost {
	width: 50%;
	margin-top: 30px;
}
.block-ads-horizontal > .list-ads-boostpost.one-ads-horizontal {
	width: 100%;
}

.block-ads-horizontal > .list-ads-boostpost.last {
	margin-left: 20px;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-img {
	display: inline-block;
	float: left;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-img > img {
	width: 150px;
	height: 150px;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content {
	display: inline-block;
	width: 52%;
	margin-left: 8px;
	margin-top: -26px;
	text-align: left;
}
.block-ads-horizontal > .one-ads-horizontal > .list-ads-boostpost-content {
	margin-top: -28px;
	width: 76%;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content > .list-ads-boostpost-text {
	height: 148px;
	overflow-y: hidden;
}
.block-ads-horizontal > .list-ads-boostpost.one-ads-horizontal > .list-ads-boostpost-content > .list-ads-boostpost-text {
	height: 150px;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content > .list-ads-boostpost-text > h5 {
	color: #ff7e00;
	font-family: 'kanit', 'sans-serif';
}
.block-ads-horizontal > .list-ads-boostpost.one-ads-horizontal > .list-ads-boostpost-content > .list-ads-boostpost-text > h5 {
	font-size: 17px;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content > .list-ads-boostpost-text > p {
	font-size: 12px;
	margin-top: -12px;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content > .list-ads-boostpost-text > .eventdate-ads-boostpost {
	background: url(../images/icon_calendar.gif) #e8e6e6 no-repeat 10px 2px;
	border: 1px solid #d7d6d6;
	border-radius: 5px 5px 5px 5px;
	padding: 3px 3px 3px 35px;
	margin: -14px 0 0 0;
	font-size: 11px;
	color: green;
}
.block-ads-horizontal > .list-ads-boostpost > .list-ads-boostpost-content > .list-ads-boostpost-text > .eventdate-ads-boostpost > a{
	color: green !important;
	text-decoration: none !important;
}

.block-ads-horizontal .btn-orange {
	transition: 0.3s;
	border-radius: 8px;
	font-size: 16px;
	padding: 2px 20px 5px 20px;
	margin-bottom: 0;
}
.unsent-twh {
	color: red !important;
	margin: 0;
	font-size: 12px;
}
.unsent-twh.for-advertising-page {
	margin-top: 10px;
}
.block-address-my-company-swal {
	text-align: left;
	margin-top: 10px;
}
#chart_div > div > div[dir="ltr"] {
	width: 100% !important;
	text-align: center;
}
.table-in-sweetalert {
	border: 1px solid #c0c0c0;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
}
.table-in-sweetalert.table-in-sweetalert-90 {
	border: 1px solid #c0c0c0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 8px;
}
.table-in-sweetalert.table-sweetalert-100 {
	width: 100%;
}
.table-in-sweetalert > tbody > tr > td {
	padding: 5px 15px 5px 15px;
}

.table-in-sweetalert > tbody > tr > td:not(:last-child) {
	border-right: 1px solid #c0c0c0;
}
.table-in-sweetalert > tbody > tr:not(:last-child) > td {

	border-bottom: 1px solid #c0c0c0;
}
.table-in-sweetalert > tbody > tr> td:first-child {
	text-align: left;
}
.table-in-sweetalert-90 h3 {
	text-align: center;
	margin: 0;
}
.table-in-sweetalert-90 h3 > a{
	text-decoration: none;
	color: #333;
}
.div-btn-budget-plus {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.table-in-sweetalert-90 h3 > a:hover{
	color: #00c4ff;
}
.table-in-sweetalert-90 .btn-budget-plus, .table-in-sweetalert-90 .btn-budget-plus-save {
	margin: 0px;
	background-color: #ff7e00;
	border: 1px solid transparent;
	padding: 10px 15px 10px 15px;
	border-radius: 8px;
	display: inline-block;
}
.table-in-sweetalert-90 .btn-budget-plus-cancel {
	margin: 0px;
	background-color: #c3c3c3;
	border: 1px solid transparent;
	padding: 6px 10px 6px 10px;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	vertical-align: sub;
}
.table-in-sweetalert-90 .btn-budget-plus-cancel:hover {
	background-color: transparent;
	border: 1px solid #c3c3c3;
	color: #ff7e00;
}
.table-in-sweetalert tr.sum-table > td {
	font-size: 22px;
	font-weight: bold;
}
.swal-note {
	font-size: 14px !important;
	margin-top: 15px !important;
}
.table-report-ads > thead > tr {
	background-color: #b9efff;
}
.table-report-ads > thead > tr > th > p {
	font-size: 13px;
	font-weight: 400;
	margin: 4px 0 0 0;
}
.table-report-ads > thead > tr > th {
	vertical-align: text-top;
}
.tooltip-table-header {
	color: #9a9a9a;
	position: relative;
}
.tooltip-table-header:hover, .tooltip-table-header:focus, .tooltip-table-header:active {
	color: #ff9126;
}
.tooltip-table-header .tooltip-html {
	display: none;
	text-transform: none;
	line-height: 21px;
	user-select: none;
	pointer-events: none;
	position: absolute;
	opacity: 0;
	font-family: 'sans-serif';
	overflow: hidden;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	z-index: 1000;
	font-weight: 400;
	animation: tooltips-horz 300ms ease-out forwards;
	left: -165px;
	bottom: calc(-23% + 5px);
	width: 350px;
	text-align: left;
}
.tooltip-table-header.tooltip-left .tooltip-html {
	left: -183px;
	bottom: calc(-105% + 5px);
	animation: tooltips-vert 300ms ease-out forwards;
}
.tooltip-html > b {
	font-weight: 800;
	font-size: 18px;
}
.tooltip-table-header:hover::before {
	content: '';
	text-transform: none;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	opacity: 0;
	border: 5px solid transparent;
	z-index: 1001;
	border-bottom-width: 0;
	border-top-color: #333;
	left: 55%;
	transform: translate(-50%, -0.5em);
	animation: tooltips-vert 300ms ease-out forwards;
	bottom: 95%;
	font-weight: 400;
	font-size: 16px;
}
.tooltip-table-header.tooltip-left:hover::before {
	top: 50%;
	left: calc(0em - 9px);
	transform: translate(-.5em, -50%);
	animation: tooltips-horz 300ms ease-out forwards;
	font-size: 14px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #333;
}
.tooltip-table-header:hover .tooltip-html{
	display: block;
}

a.tooltip-table-header[tooltip]:not([flow])::before, a.tooltip-table-header[tooltip][flow^="up"]::before {
	bottom: 100%;
}
a.tooltip-table-header[tooltip]:not([flow])::after, a.tooltip-table-header[tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
a.tooltip-table-header[tooltip]:not([flow]):hover::before, a.tooltip-table-header[tooltip]:not([flow]):hover::after, a.tooltip-table-header[tooltip][flow^="up"]:hover::before, a.tooltip-table-header[tooltip][flow^="up"]:hover::after, a.tooltip-table-header[tooltip][flow^="down"]:hover::before, a.tooltip-table-header[tooltip][flow^="down"]:hover::after , a.tooltip-table-header[tooltip][flow^="left"]:hover::before, a.tooltip-table-header[tooltip][flow^="left"]:hover::after {
	font-weight: 400;
	font-size: 16px;
}
a.tooltip-table-header[tooltip]::after {
	max-width: 35em;
}
.add-coins-boosting {
	font-size: 12px;
	color: #00c118 !important;
	display: block;
	margin-top: -32px;
	text-decoration: none;
}
.add-coins-boosting:hover {
	text-decoration: underline;
	color: #ffffff !important;
}
.sweet-alert input#budget-plus, .sweet-alert input#days-plus {
	display: inline-block;
	width: 30%;
}
.sweet-alert input.paywith {
	display: block;
	z-index: 9;
	width: 80%;
	height: auto;
}
a.close-sweetalert.donthascoins {
	top: -28px;
}
a.close-sweetalert.close-info-boostpost {
	top: -37px;
	right: -10px;
	font-size: 17px;
	color: #b7b7b7;
	transition: 0.5s;
}
a.close-sweetalert.close-info-boostpost:hover {
	color: black;
}
.block-boostpost-pass {
	margin-left: 5px;
	margin-right: -9px;
}
.boostpost-pass-div {
	height: 35px;
	line-height: 33px;
	float: right;
	margin-left: 8px;
	width: 100%;
	text-align: left;
}
.ui-widget-header {
	border: 0px solid #dddddd !important;
	background: transparent !important;
	color: inherit !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #0faae0 !important;
	background: #0faae0 !important;
	color: white !important;
}
.notify-danger li {
	list-style-type: none;
}
.choosepost-body .dataTables_wrapper .ui-toolbar {
	margin-bottom: 10px;
}
.info-banner-image {
	max-width: 100%;
	max-height: 100px;
}
.advertising-page .dataTables_wrapper .ui-toolbar {
	margin-bottom: 10px;
}
.info-card-profile > p.about-coach {
	font-size: 14px;
	color: #646464;
	margin-top: 4px;
	margin-bottom: 0;
	height: 54px;
	overflow: hidden;
}
.image-seminar-res {
	width: 103.7%;
	height: 109.8%;
	top: -10px;
	left: -3px;
}
.ads-post-border .image-seminar-res {
	left: -6px;
}
.poster-boostpost-div .thumb {
	height: 100%;
}
.poster-boostpost-div img{
	height: 454px;
	width: 281px;
	left: -3px;
}
.poster-boostpost-div.poster-boostpost-mobile img{
	width: 102.6%;
	height: 103.5%;
}
.poster-boostpost-div.poster-boostpost-mobile .thumb{
	height: 100%;
}
.block-ads-horizontal-poster-boostpost a {
	width: 100%;
}
.block-ads-horizontal-poster-boostpost img {
	width: 100%;
	height: 140px;
}
.block-ads-horizontal-poster-boostpost-mobile img {
	width: 100%;
	height: 100%;
}
.body-profile {
	text-align: left;
}
.body-profile > .title-page {
	position: relative;
}
.form-profile-input {
	float: left;
	width: 100%;
}
.div-toggle-iphone-right {
	position: absolute;
	right: 0;
	top: -20px;
	width: 30%;
}
.div-right-not-instructor {
	position: absolute;
	right: 0;
	top: -20px;
	width: 35%;
}
.div-toggle-iphone-right .toggle-iphone-btn {
	margin-left: auto;
	margin-right: auto;
}
.body-profile #map-google {
	position: relative;
	width: 100%;
}




.panel-seminar {
	margin-top: 35px;
}
.panel-seminar-content {
	border: 1px solid #eee;
	border-radius: 5px;
	margin-bottom: 15px;
}
.panel-seminar-content > .header-block {
	background-color: #eee;
	padding: 8px 10px 10px 10px;
	font-size: 18px;
	font-weight: bold;
}
.panel-seminar-content > .panel-seminar-body {
	padding: 10px 20px 20px 20px;
	position: relative;
}
.panel-seminar-content > .panel-seminar-body.panel-upload-cover-company {
	height: 245px;
}
.choose-company-or-coach {
	margin-top: 15px;
}
.choose-company-or-coach > input.input-post[type='text'] {
	display: inline-flex;
	width: 50%;
}
.choose-company-or-coach > .btn-seach-data {
	padding: 9px 12px;
	margin-top: -2px;
	margin-left: 10px;
}
.choose-company-or-coach > p.text-info {
	font-size: 13px;
	margin-top: -8px;
	margin-bottom: 20px;
}
.text-info-coordinate {
	font-family: 'kanit';
	font-weight: bold;
	margin-bottom: -14px;
	margin-top: 4px;
}
.des-organizer-coordinate {
	margin-top: -15px;
}
.img-profile-50 {
	border-radius: 50%;
	width: 45px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
}
.left-img-profile {
	float: left;
	margin-right: 20px;
}
.left-img-profile > img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 80px;
}
.detail-sub-account > p {
	font-size: 12px;
	margin-top: -12px;
}
.btn-aceept, .btn-not-aceept {
	padding: 7px 15px 8px 15px;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 18px;
	color: white;
	transition: 0.3s;
	outline: none;
	text-decoration: none;
	font-family: 'kanit','sans-serif';
}
.btn-aceept {
	background-color: #07b807;
}
.btn-aceept:hover {
	border: 1px solid #07b807;
	color: #07b807;
	background-color: transparent;
}
.btn-not-aceept {
	background-color: #ff4d4d;
}
.btn-not-aceept:hover {
	border: 1px solid #ff4d4d;
	color: #ff4d4d;
	background-color: transparent;
}
.btn-post-style-original {
	padding: 5px 10px 5px 10px;
	font-size: 14px !important;
}
.btn-post-style-original[tooltip]::before, .btn-post-style-original[tooltip]::after {
	font-size: 14px;
}
.btn-post-style-original[tooltip]:not([flow])::before, .btn-post-style-original[tooltip][flow^="up"]::before {
	bottom: 135%;
}
.btn-post-style-original[tooltip]:not([flow])::after, .btn-post-style-original[tooltip][flow^="up"]::after {
	bottom: calc(100% + 16px);
}
.block-prefix-select {
	display: inline-flex;
	width: 100%;
}
.block-two-colum-input {
	display: inline-flex;
	width: 100%;
}
.block-two-colum-input > .block-nickname {
	margin-right: 46px;
	width: 20%;
}
.block-two-colum-input > .div-left-input {
	width: 34%;
	margin-right: 40px;
}
.block-two-colum-input > .div-right-input {
	width: 35%;
}
.block-two-colum-input > .div-left-input-phone {
	width: 47%;
	margin-right: 40px;
}
.block-two-colum-input > .div-right-input-email {
	width: 47%;
}
.block-four-colum-input {
	display: inline-flex;
	width: 100%;
}
.block-four-colum-input > .div-left-input {
	width: 21%;
	margin-right: 42px;
}
.block-four-colum-input > .div-center-input {
	width: 21%;
	margin-right: 42px;
}
.block-four-colum-input > .div-right-input {
	width: 21%;
}
.block-prefix-select .input-post-group:first-child {
	width: 20%;
	margin-right: 20px;
}
#prefix-select {
	width: 100%;
}
#prefix-other-input {
	width: 100%;
}
.block-prefix-other {
	display: none;
	margin-right: 48px;
}
.map-input-latitude-longgitude {
	display: inline-flex;
	width: 99%;
}
.map-input-latitude-longgitude > .input-post-group {
	width: 50%;
}
.map-input-latitude-longgitude > .input-post-group:first-child {
	width: 50%;
	margin-right: 35px;
}
.block-add-sub-account {
	margin-top: 20px;
}
.block-add-sub-account > .inline-input {
	display: inline-flex;
	width: 100%;
}
.block-add-sub-account > .inline-input > .inline-input-name {
	width: 47%;
	margin-right: 25px;
}
.block-add-sub-account > .inline-input > .inline-input-lname {
	width: 47%;
}
.block-add-sub-account .form-input-register {
	width: 96%;
}
.block-add-sub-account > label.title-label {
	font-family: 'kanit','sans-serif';
	font-weight: bold;
	font-size: 16px;
}
.profile-w-50-radius {
	width: 50px;
	border-radius: 50%;
}
.border-bg-gray {
	border: 1px solid transparent;
	background-color: #dcdcdc;
	padding: 10px 10px 10px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.btn-lg-seminar {
	font-size: 20px !important;
	padding: 15px 20px 15px 20px;
	border-radius: 10px;
}
.text-next-step {
	font-family: 'kanit','sans-serif';
	font-size: 18px;
	margin: 0;
	margin-bottom: 15px;
	border-bottom: 2px solid #bcbcbc;
}
.text-next-step > img {
	vertical-align: top;
}
.btn-view-coach-post-all {
	float: right;
	right: 0;
}
.block-add-more-aptitude {
	border: 1px solid #eee;
	border-radius: 8px;
	margin-top: 15px;
	padding: 15px 15px 16px 15px;
}
.block-add-more-aptitude > p {
	margin: 0;
	font-family: 'kanit';
	font-size: 16px;
	margin-bottom: 13px;
}
select.add-more-aptitude {
	width: 90% !important;
	margin-right: 15px;
}
.btn-eventdate-remove-more[tooltip]:not([flow]):hover::before, .btn-eventdate-remove-more[tooltip]:not([flow]):hover::after, .btn-eventdate-remove-more[tooltip][flow^="up"]:hover::before, .btn-eventdate-remove-more[tooltip][flow^="up"]:hover::after, .btn-eventdate-remove-more[tooltip][flow^="down"]:hover::before, .btn-eventdate-remove-more[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
	font-size: 14px;
}
label.label-for-select-multiple {
	top: -23px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
}
input.google-map-search-box {
	font-size: 16px;
	margin-left: 0;
	padding: 5px 11px 5px 13px;
	margin-bottom: 10px;
	width: 35%;
}
p.registerdesc {
	margin-top: 0px !important;
}
.fancybox-close > i {
	margin-top: 20%;
	font-size: 15px;
}
.block-bg-sky {
	padding: 15px 15px 15px 15px;
	background-color: #0faae0;
	color: white;
	border-radius: 8px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.block-bg-sky > p {
	margin: 0;
}
.block-bg-sky  button.btn-orange {
	font-size: 17px;
	padding: 7px 10px 8px 10px;
	margin-top: -25px;
}
.block-bg-sky  button.btn-orange a {
	text-decoration: none;
	color: white;
}
.block-bg-sky  button.btn-orange:hover a, .block-bg-sky  button.btn-orange a:hover {
	color: #ff7e00;
}
.block-bg-sky > .btn-float-right-add-instructor {
	margin-top: -7px;
}
.text-size-18 {
	font-size: 18px;
}
img.vertical-align-middle {
	vertical-align: middle;
}
.img-company-profile-block {
	position: relative;
	height: 190px;
}
.img-company-profile-block > .img-cover-company, .img-company-profile-block > .img-profile-company {
	position: absolute;
	width: 100%;
}
.img-company-profile-block > .img-profile-company {
	left: 15px;
	top: 16px;
}
.img-company-profile-block > .img-cover-company > img {
	width: 100%;
	height: 190px;
}
.img-company-profile-block > .img-profile-company > img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid #efefef;
	background-color: #fff;
}
.main-li {
	margin-left: -20px;
	list-style: none;
	margin-bottom: 5px;
	margin-top: 5px;
}
.sub-li {
	margin-left: 15px;
}
.border-cover-no-img {
	border: 1px solid #333;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 100%;
	height: 185px;
}
.margin-top-30 {
	margin-top: 30px;
}
.post-detail-page {
	margin-top: -20px;
}
.sidebar-logo-seminar {
	margin-top: 5px;
	margin-bottom: -11px;
}
.logo-website {
	width: 200px;
	height: 40px;
}
.verify-instructor {
	position: absolute;
	right: 6px;
	top: -18px;
}
.verify-instructor.img-verify-sidebar {
	right: 2px;
	top: 48px;
}
.verify-instructor.img-verify-type {
	right: -1px;
	top: 75px;
}
.verify-instructor.coach-more {
	right: 70px;
	top: 100px;
	z-index: 100;
}
.verify-instructor.postpage {
	right: 15px;
	top: 32px;
}
.verified-by-seminardd[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {
	bottom: 150%;
}
.verified-by-seminardd[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after {
	bottom: calc(150% + 5px);
}
.block-social-media-detail > a {
	margin-right: 5px;
}

/* social media */
.icon-social {
	width: 25px;
	height: 25px;
	transition: 0.6s;
	cursor: pointer;
	display: block;
}
.icon-social.inline {
	display: inline-flex;
}

.facebook-icon {
	background: url("/images/icon-facebook-f-filled-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.facebook-icon:hover {
	background: url("/images/icon-facebook-f-filled-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line-icon {
	background: url("/images/icon-line-filled-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.line-icon:hover {
	background: url("/images/icon-line-filled-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.linkedin-icon {
	background: url("/images/icon-linkedin-2-filled-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.linkedin-icon:hover {
	background: url("/images/icon-linkedin-2-filled-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.instagram-icon {
	background: url("/images/icon-instagram-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.instagram-icon:hover {
	background: url("/images/icon-instagram-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.youtube-icon {
	background: url("/images/icon-youtube-filled-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.youtube-icon:hover {
	background: url("/images/icon-youtube-filled-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.twitter-icon {
	background: url("/images/icon-twitter-filled-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.twitter-icon:hover {
	background: url("/images/icon-twitter-filled-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.website-icon {
	background: url("/images/icon-website-black.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.website-icon:hover {
	background: url("/images/icon-website-color.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#imagePreview {
	background-color: #fff;
}
.sub-menu-organizers {
	position: absolute;
}
ul.menu-inline {
	display: inline-flex;
	padding-left: 0;
}
ul.menu-inline > li {
	list-style: none;
	position: relative;
	display: block;
	margin-bottom: -1px;
	background-color: #fff;
	border-left: 1px solid rgba(0,0,0,.125);
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
	cursor: pointer;
	transition: 0.3s;
}
ul.menu-inline > li > a {
	font-family: 'kanit','sans-serif';
	text-align: left;
	text-decoration: none;
	color: #333;
	display: block;
	height: 100%;
	padding: 10px 15px;
}
ul.menu-inline > li > a > span:before {
	content: "\f0d7";
	font-family: 'FontAwesome';
}
ul.menu-inline > li:hover {
	background-color: #0faae0;
}
ul.menu-inline > li:hover a {
	color: white;
}
ul.menu-inline > li:hover a > span:before {
	content: "\f0d8";
	font-family: 'FontAwesome';
}
ul.menu-inline > li:hover a > b{
	color: white;
}
ul.menu-inline > li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.menu-inline > li:last-child {
	border-right: 1px solid rgba(0,0,0,.125);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul.menu-inline > li.active {
	background-color: #0faae0;
}
ul.menu-inline > li.active > a {
	color: white;
}
ul.sub-menu-inline {
	display: none;
	position: absolute;
	padding-left: 0;
	top: 44px;
	left: -1px;
	width: 101%;
	border-bottom: 1px solid rgba(0,0,0,.125);
	z-index:999;
}
ul.sub-menu-inline > li {
	list-style: none;
	transition: 0.3s;
	position: relative;
	background-color: #fff;
	border-left: 1px solid rgba(0,0,0,.125);
	border-right: 1px solid rgba(0,0,0,.125);
	/*border-bottom: 1px solid rgba(0,0,0,.125);*/
	cursor: pointer;
	transition: 0.3s;
	font-size: 13px;
	text-align: left;
}
ul.sub-menu-inline div.sub-menu-inline-hr {
	border-top: 1px solid #dfdfdf;
}
ul.sub-menu-inline > li.active {
	background-color: #0faae0;
}
ul.sub-menu-inline > li > a {
	font-family: 'kanit','sans-serif';
	text-align: left;
	text-decoration: none;
	color: #333 !important;
	display: block;
	height: 100%;
	padding: 10px 10px 10px 10px;
}
ul.sub-menu-inline > li.active > a {
	color: white !important;
}
ul.menu-inline > li:hover ul.sub-menu-inline {
	display: block;
}
ul.sub-menu-inline > li:hover {
	background-color: #0faae0;
}
ul.sub-menu-inline > li:hover a {
	color: white !important;
}
ul.sub-menu-inline > li.li-header {
	display: block;
	padding: 5px 10px 0px 5px;
	margin-bottom: 0;
	font-size: 15px;
	color: #ff7e00;
	white-space: nowrap;
	font-family: 'kanit','sans-serif';
	font-weight: 600;
	cursor: auto;
}
ul.sub-menu-inline > li.li-header:hover {
	background-color: #fff;
}
ul.sub-menu-inline > li.li-footer {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.menu-organizer-div {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 10px;
}
.course-history-coach-line {
	width: 172px;
}
.owl-carousel .owl-item img {
	width: inherit;
}
.owl-carousel.banner-new-features .owl-item img {
	width: 100%;
}
.block-random-show-in-list {
	padding: 5px 0px 15px 10px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.block-random-show-in-list a {
	color: #333;
	text-decoration: none;
	transition: 0.3s;
}
.block-random-show-in-list a:hover {
	color: #0FAAE0;
}
.block-random-show-in-list > h3 {
	font-family: 'kanit','sans-serif';
	margin: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}
.block-random-show-in-list.block-articles {
	background-color: #f4f4f4;
	height: 225px;
	margin-left: -10px;
	width: 103%;
}
.block-random-show-in-list.block-articles img {
	width: 290px;
	height: 180px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.block-random-show-in-list .block-slider-random .owl-nav {
	top: -37px;
}
.block-random-show-in-list .block-slider-random .owl-nav > button.owl-prev {
	display: none;
}
.block-random-show-in-list .block-slider-random .owl-nav > button.owl-next {
	position: absolute;
	right: 22px;
	top: -3px;
	background-color: transparent !important;
	color: black !important;
	font-size: 26px !important;
}
.block-random-show-in-list.block-seminar-random .block-slider-random .owl-nav > button.owl-next {
	right: 40px;
}
.block-random-show-in-list.block-category-random {
	padding: 5px 10px 15px 10px;
}
.block-random-show-in-list.block-category-random > ul{
	padding-left: 0px;
	position: relative;
}
.block-random-show-in-list.block-category-random > ul > a {
	text-decoration: none;
	color: #333333;
	font-family: 'kanit','sans-serif';
}
.block-random-show-in-list.block-category-random > ul > a:after {
	font-family: 'FontAwesome';
	content: '\f054';
	position: absolute;
	right: 20px;
	margin-top: -21px;
	font-size: 11px;
}
.block-random-show-in-list.block-category-random > ul > a > li{
	list-style: none;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	padding: 5px 15px 5px 15px;
	transition: 0.3s;
}
.block-random-show-in-list.block-category-random > ul > a:hover li {
	background-color: #1998de;
	color: white;
}
.block-random-show-in-list.block-category-random > ul > a:first-child > li{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.block-random-show-in-list.block-category-random > ul > a:last-child > li{
	border-bottom: 1px solid #c0c0c0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.block-random-show-in-list.block-instructor-random .coach-profile{
	margin-top: 0;
	width: 125px;
	height: 125px;
	position: absolute;
}
.block-random-show-in-list.block-instructor-random .pic-coach {
	animation: inherit;
	left: 3px;
	top: 3px;
}
.block-random-show-in-list.block-instructor-random .pic-coach > img {
	width: 120px;
	height: 120px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.block-random-show-in-list.block-instructor-random h5 {
	font-family: 'kanit','sans-serif';
	margin: 0;
	margin-top: 10px;
	font-size: 8px;
	color: #ff7e00;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 120px;
}
.block-random-show-in-list.block-instructor-random h4 {
	font-family: 'kanit','sans-serif';
	margin: 0;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 120px;
}
.block-random-show-in-list.block-seminar-random {
	padding: 5px 0px 10px 0px;
	background-color: #f4f4f4;
	margin-left: -10px;
	width: 105%;
}
.block-random-show-in-list.block-seminar-random > .block-slider-random {
	padding-left: 10px;
}
.block-random-show-in-list.block-seminar-random > h3 {
	padding: 0px 10px 0px 10px;
}
.block-random-show-in-list.block-seminar-random img {
	width: 250px !important;
	height: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.block-random-show-in-list.block-seminar-random h4 {
	font-family: 'kanit','sans-serif';
	margin: 0;
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
}

.verify-instructor.random-instructors {
	right: -5px;
	top: 96px;
}
.user-dashboard-coin {
	margin-top: 15px;
}
.user-block-coin {
	text-align: center;
	border: 1px solid #ff7e00;
	border-radius: 8px;
	padding: 5px 25px 5px 25px;
	width: 35%;
	margin-right: auto;
	background-color: #f4f4f4;
	float: left;
}
.user-block-coin-reward-points-page {
	width: 252px;
	padding: 10px 0px 0px 0px;
}
.user-block-coin > p:first-child {
	font-size: 12px;
}
.user-block-coin > p:nth-child(n + 2) {
	font-size: 25px;
	margin-top: -8px;
	font-weight: bold;
}
.user-block-coin > a:last-child {
	margin-top: 0;
	margin-bottom: 15px;
}
.btn-coin-collect {
	display: inline-block;
	background-color: #ff9126;
	padding: 2px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white;
	font-family: 'kanit', 'sans-serif';
	font-size: 12px !important;
	transition: 0.3s;
	border: 1px solid transparent;
}
.btn-coin-collect:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126;
}
.date-of-seminar-dashboard-user {
	font-size: 14px;
	margin-top: 5px;
}
.date-of-seminar-dashboard-user img, .location-of-seminar-dashboard-user img {
	vertical-align: text-top;
}
.location-of-seminar-dashboard-user {
	font-size: 14px;
	margin-top: -10px;
}
.location-of-seminar-dashboard-user a {
	color: #0549e2;
}
.location-of-seminar-dashboard-user a:hover {
	color: #3c74f1;
}
.btn-check-dashboard-user {
	float: inherit;
	display: inline-block;
	background-color: green;
	padding: 2px 5px 3px 10px;
	text-align: center;
	border-radius: 8px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	cursor: pointer;
}
.btn-check-dashboard-user:hover {
	background-color: transparent;
	border: 1px solid green;
	color: green !important;
}
.btn-payment-register {
	float: inherit;
	display: inline-block;
	background-color: #ff3bba;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 11px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	cursor: pointer;
}
.btn-payment-register:hover {
	background-color: transparent;
	border: 1px solid #ff3bba;
	color: #ff3bba !important;
}
.btn-cancel-register {
	float: inherit;
	display: inline-block;
	background-color: #6d6d6d;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 11px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	cursor: pointer;
}
.btn-cancel-register:hover {
	background-color: transparent;
	border: 1px solid #6d6d6d;
	color: #6d6d6d !important;
}
.btn-edit-profile-user {
	border-radius: 50px;
	border: 1px solid transparent;
	font-size: 1.8em;
	padding: 0.8em 1em 0.8em 1em!important;
	transition: 0.5s;
	margin-bottom: 0.5em;
	background-color: #ff7e00;
	color: white;
	font-family: 'kanit', sans-serif !important;
}
.btn-edit-profile-user:hover {
	background: #fff;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.register-table {
	margin-bottom: 10px;
}
.register-table table, .register-table th, .register-table td, .register-table {
	border: 1px solid #cac9c9;;
	background-color: white;
}
.register th {
	font-family: 'kanit', 'sans-serif';
}
#form-login-user-register {
	display: none;
	text-align: left;
	padding: 10px;
	background-color: #e8f9ff;
	/*border-bottom: 3px solid #b4ecff;*/
	margin-bottom: 10px;
}
#form-login-user-register > h3 {
	margin: 0;
}
#form-login-user-register-facebook, #form-login-user-register-google {
	display: none;
}
.check-email-login, .check-email-login-facebook, .email-login-success, .check-email-login-google {
	display: none;
	font-size: 14px;
}
.form-register-login-input {
	display: inline-flex;
}
.form-register-login-input .input-register-group {
	width: 35%;
	margin-right: 10px;
}
.form-register-login-input button {
	margin-top: 25px;
}
.check-email-login .notify-dashboard, .check-email-login-facebook .notify-dashboard, .check-email-login-google .notify-dashboard {
	margin-bottom: 15px;
	padding: 5px;
}
.email-login-success .notify-dashboard {
	color: #105812;
	width: 92%;
}
#form-login-user-register-facebook a .btn, #form-login-user-register-google a .btn {
	margin-top: 0px;
}
.btn-login-register {
	padding: 5px 10px 5px 10px !important;
	font-size: 12px !important;
}
.register-user-seminardd {
	padding: 5px;
	width: 98%;
	margin-left: -15px;
}
.btn-register-user {
	padding: 5px 10px 5px 10px !important;
	font-size: 14px !important;
	margin-top: 5px;
}
.title-register-seminar {
	font-size: 20px;
	font-weight: 700;
}
.txt-register-seminar {
	font-size: 12px;
}
.register-line-seminar {
	width: 170px;
	height: auto;
	margin-top: 10px;
}
.londing-register {
	display: none;
	margin-top: -50px;
	margin-bottom: 15px;
}
.londing-register button {
	font-size: 18px;
	padding: 15px 15px;
}
.londing-register img {
	width: 150px;
}
.londing-register p span {
	font-size: 13px;
}
.form-alert-login button {
	font-size: 20px;
	padding: 15px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 600;
}
.form-alert-login p a, .form-alert-login p {
	color: white;
}
.form-alert-login h1 {
	color: white;
	margin-top: 5%;
	margin-bottom: 5%;
}
.alert-login-title {
	display: -webkit-box;
	width: 100%;
}
.alert-login-title img {
	width: 150px;
}
.alert-login-title h1 {
	width: 400px;
	text-align: center;
}
.txt-alert-login {
	font-size: 19px;
}
.status-dashoboard-users {
	/*display: -webkit-inline-box;*/
	margin-top: 20px;
}
.status-dashboard-organzer {
	display: block;
}
.btn-confirm-register {
	background-color: #00ad1b;
	padding: 2px 5px 3px 10px;
	text-align: center;
	border-radius: 8px;
	color: white !important;
	font-family: 'kanit';
	font-size: 11px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	margin-right: 8px !important;
	cursor: pointer;
}
.btn-confirm-register:hover {
	background-color: transparent;
	border: 1px solid #00ad1b;
	color: #00ad1b !important;
}
.div-upload-users {
	margin-left: auto;
	margin-right: auto;
}
.what-point-div {
	display: inline-flex;
}
.what-point-div > div {
	margin-right: 20px;
}
.block-how-to-get-reward {
	text-align: center;
	border: 1px solid transparent;
	margin-left: 20px;
	float: left;
	width: 252px;
	height: 134px;
}
.reward-points-20 {
	width: 20px;
	vertical-align: sub;
}
.reward-points-15 {
	width: 15px;
	vertical-align: sub;
}

/* LOGIN DAILY UL*/
.block-login-daily {
	text-align: center;
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 0 0 0 0;
	width: 46%;
	margin-right: auto;
	float: right;
}
.block-login-daily > p {
	color: #939393;
	font-size: 12px;
	text-align: center;
}
.block-login-daily > h4 {
	margin: 0;
	margin-top: -1px;
}
.reward-points-check-in-daily {
	background-image: url(../images/point-custom.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	font-size: 14px;
	color: white;
	line-height: 27px;
}
.reward-points-check-in-daily.off {
	background-image: url(../images/point-custom-gray.png);
}
.login-daily-wizard div.complete > .reward-points-check-in-daily, .login-daily-wizard div.complete-today > .reward-points-check-in-daily {
	background-image: url(../images/icon-ok-filled-50.png);
	width: 46px;
	height: 46px;
	margin-top: -3px;
}
.login-daily-wizard div.active > .reward-points-check-in-daily {
	width: 55px;
	height: 55px;
	line-height: 37px;
	font-size: 18px;
}
.login-daily-wizard .reward-points-daily {
	margin-top: 5px;
	font-size: 12px;
}
.login-daily-wizard {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	display: table;
	position: relative;
	margin-top: 10px;
}
.login-daily-wizard > li > small {
	display: block;
	font-size: 11px;
}
.login-daily-wizard > * {
	display: table-cell;
	text-align: center;
}
.login-daily-wizard > * .step {
	display: inline-block;
	position: relative;
	box-sizing: content-box;
}
.login-daily-wizard > * .step.active > a {
	text-decoration: none;
}
.login-daily-wizard > * .step.active > a > .reward-points-check-in-daily:hover {
	color: #ff9126;
	transition: 0.3s;
}
.login-daily-wizard > * .step:after {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	position: absolute;
	z-index: -1;
	border: 10px solid #fff;
	top: -10px;
	left: -5px;
	box-sizing: content-box;
}
.login-daily-wizard:after {
	content: " ";
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	position: absolute;
	z-index: -2;
	top: 65%;
}
.login-daily-wizard > * .step.complete:after {
	left: -2px;
}
.login-daily-wizard-steps-7 > * {
	width: 14.2857142857%;
}
.login-daily-wizard-steps-7:after {
	left: 7.1428571429%;
	right: 7.1428571429%;
}
.login-daily-wizard > li > div.reward-points-custom {
	color: white;
	margin-top: 7px;
}
.responsive-table {
	color: #888;
}
.register-call-area-div {
	width: 100%;
}
.input-post-error {
	border-color: #F44336 !important;
}
.btn-user-to-dashboard {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #0faae0;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 25px;
	font-family: 'kanit', sans-serif;
	margin-top: 15px;
	border: 1px solid #0faae0;
}
.btn-user-to-dashboard:hover {
	background-color: #0faae0;
	color: white;
	border: 0;
}
.btn-register-user-dashboard {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #0faae0;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	font-family: 'kanit', sans-serif;
	margin-top: 15px;
	border: 1px solid #0faae0;
}
.btn-register-user-dashboard:hover {
	background-color: #0faae0;
	color: white;
	border: 0;
}
.button-reward-points {
	display: inline-block;
	font-size: 16px;
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	font-family: 'kanit', 'sans-serif';
	border: 1px solid transparent;
	outline: none;
	border-radius: 8px;
	margin-bottom: 11px;
	margin-top: -7px;
	transition: 0.5s;
	color: white;
}
.button-reward-points.sky {
	background: #0faae0;
}
.button-reward-points.orange {
	background: #ff7d01;
}
.button-reward-points.btn-reward-point-small {
	font-size: 13px;
	padding: 2px 10px 4px 10px;
}
.button-reward-points > span.span-button-reward-points {
	display:inline-block;
}
.button-reward-points > span.span-button-reward-points a.view-get-reward-point{
	margin-left: 5px;
}
.button-reward-points > span.span-button-reward-points > span.span-button-reward-points-number {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-shadow: rgb(124, 124, 124) 0 1px 0px;
}
.button-reward-points.btn-reward-point-small > span.span-button-reward-points > span.span-button-reward-points-number {
	font-size: 16px;
}
.button-reward-points.sky > span.span-button-reward-points > span.span-button-reward-points-number {
	color: #ff7e00;
}
.button-reward-points.orange > span.span-button-reward-points > span.span-button-reward-points-number {
	color: white;
}
.block-register-seminar-header {
	display: inline-flex;
	margin-bottom: 20px;
	width: 100%;
}
.block-register-seminar-header > .left-seminar-img {
	width: 35%;
	margin-right: 15px;
	margin-top: 23px;
}
.block-register-seminar-header > .left-seminar-img > img {
	width: 100%;
}
.block-register-seminar-header > .title-and-price {
	position: relative;
	width: 59%;
}
.block-register-seminar-header > .title-and-price > p {
	text-align: left;
}
.ribbin {
	width: auto;
	height: 27px;
	background: #1998de;
	color: #fff;
	position: absolute;
	top: 10px;
	left: -5px;
}
.ribbin::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 0px;
	border: 3px solid #333;
	border-left: 3px solid transparent;
	border-top: 3px solid transparent;
}
.ribbin:after {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0;
	width: 0;
	height: 0;
	border-right: 15px solid white;
	border-top: 13px solid transparent;
	border-bottom: 14px solid transparent;
}
.ribbin.ribbin-login-to-get {
	width: 103px;
	height: 47px;
}
.ribbin.ribbin-login-to-get:after {
	border-top: 24px solid transparent;
	border-bottom: 24px solid transparent;
}
.ribbin.parent-bg-orange:after {
	border-right: 15px solid #ff7e00;
}
.ribbin.parent-bg-green:after {
	border-right: 15px solid #19a000;
}
.ribbin > p {
	text-align: left;
	position: relative;
	top: -10px;
	left: 5px;
	font-family: 'kanit','sans-serif';
	font-size: 13px;
}
.ribbin.ribbin-login-to-get > a {
	color: white;
	text-decoration: none;
	position: relative;
	top: 4px;
	left: -5px;
}
.ribbin.ribbin-login-to-get > a > p {
	font-size: 13px;
	margin: 0;
}
.ribbin > p > img.reward-points-20 {
	vertical-align: top;
}
.ribbin > a > p.login-get-reward-point {
	text-align: center;
	font-size: 16px;
	margin: 0;
	position: relative;
	top: -2px;
	left: 5px;
}

.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form {
	position: relative;
	background-color: #ff7e00;
	color: white;
	border-radius: 8px;
	font-family: 'kanit', 'sans-serif';
	padding: 5px 5px 5px 5px;
	width: 100%;
	height: 80px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form.block-price-register-seminar-form-free {
	background-color: #19a000;
	height: 63px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form.dont-text-vat {
	height: 63px;
}


.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form {
	float: right;
	text-align: left;
	width: 62%;
	margin-right: -10px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form.dont-has-ribbin {
	float: left;
	text-align: center;
	width: 100%;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > p{
	margin: 0;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: -10px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > h1 {
	margin: 0;
	margin-bottom: -6px;
	font-size: 37px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > h1.price-number-of-5 {
	font-size: 34px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > h1.price-number-of-6 {
	font-size: 32px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > h1 > small{
	font-weight: 400;
	font-size: 16px;
}
.block-register-seminar-header > .title-and-price > .block-price-register-seminar-form > .content-price-register-seminar-form > small{
	font-size: 11px;
}

/* SCROLL BAR MODAL */
body::-webkit-scrollbar {
	background-color:#fff;
	width:16px
}
body::-webkit-scrollbar-track {
	background-color:#fff
}
body::-webkit-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:4px solid #fff
}
body::-webkit-scrollbar-button {
	display:none
}
.hotdeal-badge {
	display: inline-flex;
	margin-bottom: 20px;
	width: 100%;
}
.hotdeal-badge > img {
	width: 35.5%;
}
.hotdeal-badge > img:nth-child(2) {
	margin-left: 15px;
}
.hotdeal-badge > img:nth-child(3) {
	margin-left: -25px;
}
.register-for-social-login {
	display: none;
	margin-top: -15px;
	text-align: center;
}
.register-for-social-login .social-login {
	display: -webkit-inline-box;
}
.register-for-social-login .social-login a .btn {
	padding: 5px 10px;
	font-size: 15px;
}
.hr-social-button {
	border: 1.5px solid #b4ecff;
	margin-left: -10px;
	margin-right: -10px;
}
.filter-bar {
	padding-left: 0;
	font-family: 'kanit', 'sans-serif';
	margin-top: 40px;
	margin-bottom: 40px;
}
.filter-bar > li {
	display: inline-block;
	list-style: none;
	padding: 5px;
}
.filter-bar > li > a {
	background-color: #e2e2e2;
	border: 1px solid #dbdbdb;
	color: #aeaeae;
	text-decoration: none;
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	transition: 0.2s;
	border-bottom: 5px solid #c5c5c5;
}
.filter-bar > li > a > img {
	width: 30px;
	vertical-align: bottom;
}
.filter-bar > li:not(:first-child) > a > img, .filter-bar > li:not(:last-child) > a > img {
	margin-right: 10px;
}
.filter-bar > li > a:hover, .filter-bar > li > a.active {
	background-color: #0395d9;
	color: white;
	border: 1px solid transparent;
	border-bottom: 5px solid #0395d9;
}
.filter-bar > li > a:not(.active):hover {
	border-bottom: 5px solid #006b9c;
}
.filter-bar > li > a:not(.active):active {
	transform: translate(5px,0px);
	-webkit-transform: translate(5px,0px);
	border-bottom: 1px solid #006b9c;
}
body #from-quotation {
	/*background-color: #f9f9f9 !important;
	height: 100%;*/
}
.title-text-quotation {
	text-align: center;
	font-size: 18px;
	font-family: 'kanit', sans-serif !important;
	margin-bottom: 5px;
}
.title-quotation {
	text-align: center;
	font-size: 20px;
	font-family: 'kanit', sans-serif !important;
	color: #ff7e00;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 5px;
}
.div-quotation-input-group {
	display: -webkit-inline-box;
	padding-left: 15px;
	padding-right: 15px;
}
.div-quotation-input-group .form-group {
	margin-right: 15px;
	width: 50%;
}
.div-quotation-textarrea-group, .div-quotation-fileupload {
	padding-left: 15px;
	padding-right: 15px;
}
.div-quotation-fileupload .form-group label span {
	font-size: 12px;
	color: #3e98d2;
}
.div-quotation-input-group-w-100 {
	padding-left: 15px;
}
.form-group .form-input-quotation {
	margin-top: 25px;
}
.div-quotation-select-group {
	display: -webkit-inline-box;
	padding-left: 15px;
	padding-right: 15px;
}
.div-quotation-select-group .form-group {
	width: 54%;
	margin-right: 15px;
}
#from-quotation button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.btn-quotation {
	float: inherit;
	display: inline-block;
	background-color: #ff9126;
	padding: 7px 15px 7px 15px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 18px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	outline: none;
}
.btn-quotation:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126 !important;
}
.div-quotation-input-group .form-group label, .div-quotation-fileupload .form-group label, .div-quotation-textarrea-group .form-group label, .div-quotation-company-profile .form-group label, .div-quotation-input-group-w-100 .form-group label, .div-quotation-select-group .form-group label {
	color: #006ab0;
	font-family: 'kanit', sans-serif;
}
.notify-quotation {
	text-align: left;
}
.div-inhouse-detail .title-inhouse {
	text-align: center;
	font-size: 20px;
	font-family: 'kanit', sans-serif !important;
	color: #ff7e00;
	font-weight: 600;
}
.panel-inhouse-detail {
	position: relative;
	padding: 0;
	font-size: 15px;
}
.icon-dashboard-organizers {
	width: 50px;
	height: 50px;
}
.panel-inhouse-detail .panel-body .row {
	line-height: 1.8;
	margin-top: 15px;
}
.alert-inhouse-detail .alert-inhouse-title img {
	width: 180px;
}
.alert-inhouse-title {
	display: -webkit-box;
	width: 100%;
}
.alert-inhouse-detail .alert-inhouse-title p {
	font-size: 35px;
	text-align: center;
	margin-left: -20px;
}
.alert-inhouse-detail p {
	color: #ffffff;
}
.alert-inhouse-detail button {
	font-size: 20px;
	padding: 15px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 600;
}
.btn-view-inhouse {
	display: -webkit-inline-box;
}
.container-quotation {
	width: 100% !important;
}
.panel-quotation-detail {
	position: relative;
	padding: 0;
}
.text-coins-inhouse {
	text-align: center !important;
	font-size: 25px !important;
	margin-bottom: 10px !important;
}
.btn-quotation-dashboard {
	display: inline-block;
	background-color: #00c4ff;
	padding: 4px 12px 4px 12px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 15px !important;
	transition: 0.5s;
	border: 1px solid transparent;
}
.btn-quotation-dashboard:hover {
	background-color: transparent;
	border: 1px solid #00c4ff;
	color: #00c4ff !important;
}
.btn-inhouse-req {
	float: inherit;
	display: inline-block;
	background-color: #ff9126;
	padding: 6px 17px 7px 17px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 18px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	margin-bottom: 10px;
}
.btn-inhouse-req:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126 !important;
}
.table-inhouse p{
	margin: 2px;
}
.table-inhouse .main-title {
	font-size: 16px;
}
.icon-fileupload {
	width: 30px;
}
/*file upload*/
.wrap {
	display: block;
	width: 100%;
	padding: 16px;
	margin: 0 0;
	background: #fafbfd;
	border-radius: 6px;
	line-height: normal;
	font-family: 'kanit', 'sans-serif';
}

.file {
	position: relative;
	font-size: 1.0625rem;
	font-size: 14px;
}
.file__input {
	padding: 11px 16px;
	background: #fff;
	border: 1px solid #ebeef1;
	border-radius: 6px;
	color: #0FAAE0;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.file__input--file {
	position: absolute;
	opacity: 0;
	height: 43px;
	width: 100%;
	margin-top: -11px;
	margin-left: -16px;
	cursor: pointer;
}
.file__input--label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	cursor: pointer;
}
.file__input--label:after {
	content: attr(data-text-btn);
	border-radius: 3px;
	background-color: #74aae0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18);
	padding: 0.9375rem 1.0625rem;
	margin: -0.9375rem -1.0625rem;
	color: white;
	cursor: pointer;
}
.file__value {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #0FAAE0;
	padding: 15px;
	border-bottom: 1px solid #eee;
}
.file__value:hover:after {
	color: red;
}
.file__value:after:hover {
	color: white;
}
.file__value--text {
	color: #333333;
	display: inline-flex;
}
.file__remove {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #000;
}
.file__value--text > .preview-detail-upload > p.size-file-upload {
	font-size: 11px;
	color: #909090;
	margin-top: -8px;
}
.file__value--text > .preview-detail-upload > p:first-child {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 220px;
	white-space: nowrap;
}
.file__value > .file__value--remove > i {
	cursor: pointer;
	transition: 0.8s;
	color: #858585;
}
.file__value > .file__value--remove > i:hover {
	color: red;
}

.file__value > .file__value--remove-edit > i {
	cursor: pointer;
	transition: 0.8s;
	color: #858585;
}
.file__value > .file__value--remove-edit > i:hover {
	color: red;
}
.preview-file-upload {
	float: left;
}
.preview-file-upload > img {
	width: 50px;
	max-height: 50px;
}
.preview-detail-upload {
	margin-left: 15px;
}
.text-color-red-inhouse {
	margin: 0;
}
.text-info-top-btn {
	text-align: center;
	font-size: 12px;
	color: #999;
}
.menu-has-badge:before {
	content: attr(data-number);
	position: absolute;
	top: -21%;
	right: 0px;
	background-color: #ff7e00;
	color: white;
	border-radius: 100%;
	z-index: 999;
	padding: 2px 6px 2px 7px;
	font-size: 12px;
}
.color-orange-shadow-white {
	color: #ff7e00;
	text-shadow: rgb(255, 221, 189) 1px 1px 3px;
	letter-spacing: 0.5px;
	font-weight: 400;
}
.disclaimer-for-cocah {
	font-size: 12px;
	margin-bottom: 25px;
}
.block-show-information {
	display: inline-flex;
	margin-top: -15px;
}
.block-show-information .toggle-iphone-ios + .toggle-iphone-btn {
	margin-top: 8px;
	margin-left: 11px;
}
.div-toggle-iphone-right-company-page {
	top:-30px;
}
.checkbox-ask-premission {
	width: 20px;
	height: 20px;
}
a.close-sweetalert.sweetalert-close-inhouse {
	top: -34px;
}
.block-bg-sky-index {
	margin-bottom: 0px;
}
.banner-new-features .owl-dots {
	display: inline-block;
	margin-top: -28px;
}
.banner-new-features .owl-dots span {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}
.banner-new-features .owl-dots .active span {
	background: #4a4a4a;
}
.card-inline-dashboard .card-result a {
	color: #333333;
	text-decoration: none;
}
.table-inhouse p.organizer-open-inhouse {
	margin-top: 15px;
}
.table-inhouse .image-icon-new {
	vertical-align: middle;
	margin-left: -12px;
	margin-right: 2px;
	width: 40px;
}
p.readed-quotation-inhouse {
	color: #2e9c00;
	margin: 0;
	font-size: 13px;
}
p.readed-quotation-inhouse[tooltip][flow^="right"]::before {
	right: calc(0em - -10px);
}
p.readed-quotation-inhouse[tooltip][flow^="right"]::after {
	left: calc(100% + -10px);
}
.btn-form-login-organizer {
	font-family: 'kanit','sans-serif';
	border: 1px solid transparent;
	margin-top: -4px;
	background-color: #ff9126;
	color: white;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
	display: inline-block;
}
.btn-form-login-organizer:hover {
	border: 1px solid #ff9126;
	background-color: white;
	color: #ff9126;
}
.lastday-p {
	color: red !important;
	font-size: 13px;
	font-weight: bold;
}
.text-post-pay {
	margin-top: 15px;
	font-size: 25px;
	font-weight: bold;
	color: #ff7e00;
	margin-bottom: -25px;
}

form#highlight-post label.form-post-booking-picture {
	background: #1998de;
	color: #fff;
	font-weight: 400;
	padding: 3px 15px 3px 15px;
	font-size: 14px;
	position: absolute;
	margin-top: 6px;
	margin-left: 0px;
	z-index: 999;
}
.preview-highlight-cover-div {
	width: 440px;
	height: 380px;
	overflow: hidden;
	border: 2px solid #e4e4e4;
	margin-top: 15px;
}
.highlight-files-upload .wrap {
	width: auto;
}
.btn-save-heiglight {
	float: inherit;
	display: inline-block;
	background-color: #ff9126;
	padding: 10px 15px 10px 15px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 18px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	outline: none;
	cursor: pointer;
}
.btn-save-heiglight:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126 !important;
}
.btn-cancel-heiglight {
	float: inherit;
	display: inline-block;
	background-color: #b5b5b5;
	padding: 10px 15px 10px 15px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 18px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	outline: none;
	cursor: pointer;
}
.btn-cancel-heiglight:hover {
	background-color: transparent;
	border: 1px solid #b5b5b5;
	color: #b5b5b5 !important;
}
.div-button-highlight {
	text-align: center;
	margin-top: 20px;
}
.highlight-files-upload .preview-file-upload > img {
	width: 80px;
	max-height: 80px;
}
.highlight-gallery-div {
	margin-top: 15px;
}
.highlight-gallery {
	max-width: 900px;
	padding: .5vw;
	font-size: 0;
	border: 2px solid #c1c1c1;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: row;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
	margin: 0 auto;
}
.highlight-gallery div {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
	width: 250px;
	margin: .2vw;
}
.highlight-gallery div img {
	width: 100%;
	height: auto;
}
/*@media screen and (max-width: 400px) {
	.gallery div { margin: 0; }
	.gallery { padding: 0; }

}*/
.table-seminar {

}
.btn-view-all-highligh {
	margin-left: 640px;
}
.btn-highligh-post {
	float: inherit;
	display: inline-block;
	background-color: #ff9126;
	padding: 10px 15px 10px 15px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 18px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	outline: none;
	cursor: pointer;
}
.btn-highligh-post:hover {
	background-color: transparent;
	border: 1px solid #ff9126;
	color: #ff9126 !important;
}
.button-highlight-div {
	margin-top: 25px;
	text-align: center;
}
.articles-coach-div .panel {
	padding: 0;
}
.articles-coach-tags .bootstrap-tagsinput {
	width: 100%;
	border-radius: 0;
	padding: 10px 10px 12px 60px;
	padding-left: 10px;
}
#preview-upload-artcles {
	width: 728px;
	height: 314px;
}
.content-author-highlight-block {
	margin-top: -5px !important;
	margin-left: 15px;
	display: inline-flex;
	width: 100%;
}
.content-author-highlight-block > .content-author-highlight-block-img {
	width: 15%;
}
.content-author-highlight-block > .content-author-highlight-block-text {
	width: 75%;
	font-size: 13px;
	color: #7b7b7be6;
}
.author-highlight-block-detail {
	text-align: center;
}
.author-highlight-block-detail a img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-top: -5px;
}
.author-highlight-block-detail > a > span {
	display: inline-block;
	color: #7b7b7be6;
	font-size: 13px;
	margin-left: 35px;
}
.table-seminar.w-50 {
	width: 50%;
}
.table-seminar th {
	background-color: #ff7e00;
	color: white;
}
.table-seminar th, .table-seminar td {
	padding: 10px;
}
.table-seminar  p {
	margin: 0;
}
.table-seminar tbody th, .table-seminar tbody td {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table-seminar tbody td:first-child {
	border-left: 1px solid #ddd;
}
.table-seminar tbody tr:last-child td {
	border-bottom: 1px solid #ddd;
}
.owner-profile-company-contact {

}
.owner-profile-company-contact > p {
	margin: 0;
}
.owner-profile-company-contact > p:first-child {
	margin-bottom: 10px;
}
.name-company-profile {
	margin-top: -5px;
}
.sweet-alert.swal-btn-long.swal-btn-contact-owner-profile button.confirm {
	font-size: 15px;
}
.inline-block-quota {
	display: inline-flex;
	width: 100%;
}
.post-free-block-left {
	width: 25%;
	margin-right: 30px;
}
.post-free-block-left h1 {
	text-align: center;
	font-size: 50px;
	margin: 0;
}
.post-free-block-right {
	width: 70%;
}
.tag-p-last-swal {
	margin-top: 20px !important;
	margin-bottom: -20px !important;
	font-weight: bold !important;
}
.overflow-table-swal {
	max-height: 220px;
	overflow: hidden;
	overflow-y: scroll;
}
.overflow-table-swal::-webkit-scrollbar {
	background-color:#fff;
	width:16px
}
.overflow-table-swal::-webkit-scrollbar-track {
	background-color:#fff
}
.overflow-table-swal::-webkit-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:4px solid #fff
}
.overflow-table-swal::-webkit-scrollbar-button {
	display:none
}
.post-free-block-right p {
	margin: 0;
	margin-bottom: 10px;
}
form#form-post .block-time-div-start select.form-post-input-time[readonly], form#form-post .block-time-div-end select.form-post-input-time[readonly] {
	background-color: #d8d8d8;
}
.text-for-coach {
	display: none;
}
.notice-for-coach-edit-profile > ul{
	font-size: 15px;
	line-height: 22px;
}
.notice-for-coach-edit-profile > ul > strong{
	font-size: 18px;
}
input.input-post[type='text'].input-edit-profile-width {
	width: 30%;
}
.btn-quotation-no-send {
	display: inline-block;
	background-color: #ff3450;
	padding: 3px 10px 3px 10px;
	text-align: center;
	border-radius: 50px;
	color: white !important;
	font-family: 'kanit';
	font-size: 12px !important;
	transition: 0.5s;
	border: 1px solid transparent;
	margin-top: 10px;
}
.btn-quotation-no-send:hover {
	background-color: transparent;
	border: 1px solid #ff3450;
	color: #ff3450 !important;
}
.div-quotation-company-profile {
	padding-left: 15px;
	padding-right: 15px;
}
.company-no-profile-quotation {
	display: none;
}
.div-quotation-company-profile .form-group .btn-group button, .div-quotation-company-profile .form-group .btn-group button:hover {
	border-radius: 5px !important;
	border: 1px solid #ccc;
	height: 37px;
	font-size: 14px;
}
.div-quotation-company-profile .form-group .bootstrap-select .dropdown-menu {
	width: 100%;
}
#highlight-table_length > label > select, #seminar_length > label > select {
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#highlight-table_filter > label > input[type="search"], #seminar_filter > label > input[type="search"] {
	padding: 5px 10px 6px 60px;
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	background-color: #fff;
	padding-left: 15px;
	border-radius: 5px;
}
.tag-a-title-dashboard .icon-link-h {
	position: relative;
	bottom: 30px;
	float: right;
	visibility: hidden;
}
.tag-a-title-dashboard:hover .icon-link-h {
	visibility: visible;
}
.tag-a-title-dashboard .icon-link-articles {
	position: relative;
	bottom: 10px;
	float: right;
	visibility: hidden;
}
.tag-a-title-dashboard:hover .icon-link-articles {
	visibility: visible;
}
.section-img-dashboard {
	font-family: 'kanit','sans-serif';
	/*background-image: url(../images/in-house-bg-header-3.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 160px;
	margin-top: 20px;
	margin-bottom: -20px;
	/*background-image: linear-gradient(0deg,#3e9679,#4da567 51%,#58b25b);*/
	/*background: linear-gradient(0deg,rgba(62,150,121,.8),rgba(77,165,103,.8) 51%,rgba(88,178,91,.8)),url(../images/bg-post-organizer-dashboard.jpg) top no-repeat;*/
	background: linear-gradient(0deg,rgba(255, 107, 25, 0.77),rgba(255, 144, 48, 0.66) 51%,rgba(255, 182, 75, 0.58)),url(../images/bg-post-organizer-dashboard.jpg) top no-repeat;
	background-size: cover;
}
.section-img-dashboard .block-content-img-dashboard {
	/*top: 29%;*/
	position: relative;
	color: white;
	width: 100%;
}
button.btn-post-all-dashboard {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	font-family: 'kanit', sans-serif;
	background-color: #ffffff;
	color: #0faae0;
	border-bottom: 5px solid transparent;
	transition: 0.2s;
	font-size: 16px;
	padding: 10px 15px 10px 15px;
	box-shadow: 0px 3px 5px #888888;
	border-radius: 50px;
	outline: none;
}
button.btn-post-all-dashboard:hover {
	color: white;
	background: #0096c9;
	border-bottom: 5px solid #00769e;
	cursor: pointer;
}
button.btn-post-all-dashboard:active {
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid #003b4f;
}
.div-block-section-dashboard-left {
	float: left;
	width: 55%;
	padding-left: 50px;
	padding-top: 35px;
}
.div-block-section-dashboard-right {
	display: -webkit-box;
	float: right;
	width: 35%;
	text-align: left;
	padding-top: 40px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
}
.div-block-section-dashboard-left p {
	text-align: left;
}
.btn-text-post-dashboard {
	padding: 5px;
}
.view-img-file-need img {
	width: 50px;
	max-height: 50px;
	border: 1px solid #e3e1e1a3;
	border-radius: 8px;
}
.organizer-coins-td p b {
	font-family: 'kanit', 'sans-serif';
}
.organizer-coins-td p span {
	position: relative;
}
.organizer-coins-td p {
	margin-top: -5px;
}
.organizer-coins-td img {
	vertical-align: bottom;
	width: 25px;
}
.select-no-lable-top-heading.search-input.highlight-input {
	margin-left: 135px;
}
.btn-search-icon-sky.highlight-input {
	margin-left: 502px;
}
.highlight-row {
	margin: 0 auto;
}
.highlight-column {
	width: 33.33%;
	padding: 10px;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.highlight-post-module {
	position: relative;
	z-index: 1;
	display: block;
	background: #FFFFFF;
	min-width: 270px;
	height: 470px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.highlight-post-module .highlight-thumbnail {
	background: #000000;
	height: 400px;
	overflow: hidden;
}
.highlight-post-module .highlight-thumbnail img {
	display: block;
	width: 120%;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.highlight-post-module .highlight-thumbnail .highlight-post-date {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	background: #e74c3c;
	width: 55px;
	height: 55px;
	padding: 12.5px 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.highlight-post-module .highlight-thumbnail .highlight-post-date .day {
	font-size: 18px;
}
.highlight-post-module .highlight-thumbnail .highlight-post-date .month {
	font-size: 12px;
	text-transform: uppercase;
}
.highlight-post-module .highlight-post-content {
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
	width: 100%;
	padding: 20px;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	-o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.highlight-post-module .highlight-post-content .highlight-category {
	position: absolute;
	top: -34px;
	left: 0;
	background: #ff9138;
	padding: 10px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.highlight-post-module .highlight-post-content .highlight-title {
	margin: 0;
	padding: 0 0 10px;
	color: #333333;
	font-size: 18px;
	font-family: 'kanit', sans-serif !important;
	text-align: center;
	height: 70px;
	overflow: hidden;
}
.highlight-post-module .highlight-post-content .highlight-sub-title {
	margin: 0;
	padding: 0 0 20px;
	color: #e74c3c;
	font-size: 20px;
	font-weight: 400;
}
.highlight-post-module .highlight-post-content .highlight-description {
	display: none;
	color: #666666;
	font-size: 14px;
	line-height: 1.8em;
}
.highlight-post-module .highlight-post-content .highlight-post-meta {
	margin: 20px 0 0;
	color: #999999;
	font-size: 13px;
	line-height: 1;
}
.highlight-post-module .highlight-post-content .highlight-post-meta a {
	color: #999999;
	text-decoration: none;
}
/*.highlight-post-module:hover .highlight-thumbnail img {
	transform: scale(1.2);
}*/
.highlight-aurhor-image {
	width: 30px;
	vertical-align: middle;
	border-radius: 50%;
}
.highlight-post-meta .highlight-span-aurhor {
	text-align: left;
	float: left;
	width: 65%;
}
.highlight-post-meta .highlight-span-btn {
	text-align: right;
	float: right;
	width: 35%;
	margin-top: 5px;
}
.highlight-post-meta .highlight-span-btn a {
	color: #0eaae0 !important;
	border: 1px solid #0eaae0;
	transition: 0.3s;
}
.highlight-post-meta .highlight-span-btn a:hover {
	background-color: #0faae0;
	color: white !important;
	border: 0;
}
.btn-view-highlight-all-home {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #0faae0;
	font-weight: 400;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	font-family: 'kanit', sans-serif;
	margin-top: 15px;
	border: 1px solid #0faae0;
	transition: 0.3s;

}
.btn-view-highlight-all-home:hover {
	border: 1px solid transparent;
	background-color: #0faae0;
	color: white;
	border: 0;
}
.div-highlight-block-btn-all {
	margin-top: 10px;
	text-align: center;
}
.container-highlight-all {
	width: fit-content;
	height: auto;
	background-color: #0FAAE0;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
}
.container-highlight {
	width: calc(32% - 0px);
	overflow:hidden;
	height: fit-content;
	margin:3px;
	padding: 0;
	position:relative;

	display: inline-table;
}
.container-highlight img{
	width: 100%;
	transition-duration: .3s;
	max-width: 100%;
	display:block;
	overflow:hidden;
	cursor:pointer;
	height: 185px;
}
.container-highlight-all h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}
.container-highlight-all .container-highlight .hghlight-title-post {
	position:absolute;
	display:block;
	cursor:pointer;
	top: 50%;
	display: none;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	font-size: 1.6em;
	text-shadow: 1px 5px 10px black;
	transition-duration: .3s;
}
.container-highlight-all .container-highlight:hover img {
	transform: scale(1.2);
	transition-duration: .3s;
	filter: grayscale(50%);
	opacity: .7;
}
.container-highlight-all .container-highlight:hover span {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #ff7e00;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.container-highlight-all .container-highlight:hover span i {
	line-height: 50px;
	text-align: center;
	color: white;
	font-size: 22px;
}
.container-highlight-all .container-highlight:hover span {
	text-decoration: none;
	outline: none;
	opacity: .8;
}
#highlight-overlay {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) none 50% / contain no-repeat;
	cursor: pointer;
	transition: 0.3s;

	visibility: hidden;
	opacity: 0;
}
#highlight-overlay.open {
	visibility: visible;
	opacity: 1;
	z-index: 999;
}
#highlight-overlay:after {
	content: "\2715";
	position: absolute;
	color:#fff;
	top: 10px;
	right:20px;
	font-size: 2em;
}
.inline-search{
	display: inline-flex;
	width: 100%;
}
.inline-search > .left-inline {
	width: 25%;
	margin-top: 15px;
}
.inline-search > .left-inline img {
	width: 100%;
}
.inline-search > .right-inline {
	width: 70%;
	margin-left: 60px;
}
.inline-search > .right-inline > .search-bar {
	position: relative;
	text-align: left;
}
.inline-search > .right-inline input {
	height: 50px;
	font-size: 18px;
	font-family: kanit;
	padding-left: 15px;
	border-radius: 8px;
	outline: none;
	border: white;
	background-color: #efefef;
	width: 90%;
}
.btn-post-free-top {
	font-family: 'kanit','sans-serif';
	border: 1px solid transparent;
	background-color: #ff9126;
	color: white;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	padding: 10px 15px;
	margin-top: 5px;
	margin-bottom: 0;
}
.btn-post-free-top:hover {
	border: 1px solid #ff9126;
	background-color: transparent;
	color: #ff9126;
}
.btn-search-bar {
	position: absolute;
	right: 52px;
	font-family: 'kanit','sans-serif';
	border: 1px solid transparent;
	background-color: #ff9126;
	color: white;
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
	height: 52px;
	width: 50px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	font-size: 20px;
	outline: none;
}
.btn-search-bar:hover {
	background-color: #e77a10;
}
.inline-ads-banner-a {
	text-align: left;
	margin-top: -10px;
	display: inline-flex;
	width: 100%;
}
.inline-ads-banner-a .free-post {
	margin-left: 20px;
	width: 100%;
	text-align: center;
}
.inline-ads-banner-a .free-post h1:first-child {
	margin-bottom: -20px;
	margin-top: -8px;
}

.block-category {
	background-color: #eee;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
}
.content-category-index {
	width: 1200px;
}
.title-category-index {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.index-category-silder .owl-stage-outer {
	z-index: 9;
	margin-left: 25px;
}
.item-index-category-silder img {
	width: 80px !important;
}
.item-index-category-silder a{
	text-decoration: none;
	color: #333333;
}
.item-index-category-silder h5{
	margin-top: 5px;
}
.block-date-image-link {
	margin-top: 10px;
	width: 100%;
	display: inline-flex;
	text-align: left;
}
.block-date-image-link > .block-date-index {
	width: 25%;
}
.block-date-image-link > .block-image-link-index {
	width: 75%;
}
.search-month-seminar {
	list-style-type: none;
	margin-top: 7px;
	border: 1px solid #eee;
	padding: 0;
	border-radius: 8px;
	background-color: #eee;
}
.search-month-seminar > h4 {
	text-align: center;
	background-color: #0faae0;
	color: white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 5px 10px;
	margin: 0;
}
.search-month-seminar li {
	padding: 3px 10px;
	text-align: center;
}
.search-month-seminar li.search-month-seminar-past {
	border-top: 1px dotted #0faae0;
}
.search-month-seminar li > a{
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}
.search-month-seminar li > a:hover {
	color: #0faae0;
	text-decoration: underline;
}
.search-month-seminar li > a.current {
	color: #ff9126;
	font-weight: bold;
	font-size: 18px;
}
.search-month-seminar li.search-month-seminar-past > a {
	color: red;
	font-weight: bold;
	font-size: 14px;
}
.index-category-silder {
	padding-left: 15px;
	padding-right: 15px;
	width: 97%;
	position: relative;
}
.index-category-silder .owl-nav {
	position: absolute;
	top: 25%;
	width: 100%;
	margin-left: 0;
}
.index-category-silder .owl-nav .owl-prev {
	float: left;
}
.inline-filter-right {
	position: absolute;
	right: 15px;
	top: 7px;
}
#search-other-top-heading {
	right: 0;
	float: right;
	position: absolute;
}
div.squarebanner ul li img {
	margin-bottom: 5px;
	width: 100%;
}
.inline-title-and-image {
	display: inline-flex;
}
.inline-title-and-image > .inline-block-image {
	width: 80px;
}
.inline-title-and-image > .inline-block-text {
	margin-left: 15px;
}


/* Dropdown menu */
.dropdown-menu-in-table {
	display: inline-block;
	position: relative;
}

.button-dropdown-menu {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 5px 10px 5px 10px;
	background-color: #ff7e00;
	color: white;
	cursor: pointer;
	white-space: nowrap;
	width: 60px;
	transition: 0.3s;
}
.button-dropdown-menu:hover {
	border: 1px solid #ff7e00;
	background-color: #eeeeee;
	color: #ff7e00;
}
.input-dropdown-menu-check {
	display: none;
}
.dropdown-menu-ul {
	position: absolute;
	top: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0;
	margin: 2px 0 0 0;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	background-color: #ffffff;
	list-style-type: none;
}
.input-dropdown-menu-check + .dropdown-menu-ul {
	display: none;
}
.input-dropdown-menu-check:checked + .dropdown-menu-ul {
	display: block;
	text-align: left;
	z-index: 99;
	width: 100%;
}
.dropdown-menu-ul li {
	padding: 5px 10px;
	cursor: pointer;
	white-space: nowrap;
}
.dropdown-menu-ul li:hover {
	background-color: #f6f6f6;
}
.dropdown-menu-ul li a {
	display: block;
	margin: -10px -20px;
	padding: 10px 20px;
	font-size: 12px;
	text-decoration: none;
}
.dropdown-menu-ul li.divider{
	padding: 0;
	border-bottom: 1px solid #cccccc;
}
.button-promote {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 5px 10px 5px 10px;
	background-color: #ff3bba;
	color: white;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	width: 82px;
	transition: 0.3s;
}
.button-promote:hover {
	border: 1px solid #ff3bba;
	color: #ff3bba;
	background-color: #eeeeee;
}
.button-view-registed {
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 5px 10px 5px 10px;
	background-color: #0395d9;
	color: white;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	transition: 0.3s;
	color: white !important;
	text-decoration: none;
}
.button-view-registed:hover {
	border: 1px solid #0395d9;
	color: #0395d9 !important;
	background-color: #eeeeee;
}
.block-inline-boost-push-post {
	display: inline-flex;
	width: 100%;
}
.block-inline-boost-push-post > .left-bootpost {
	width: 50%;
}
.block-inline-boost-push-post > .right-pushpost {
	width: 50%;
}
.block-inline-boost-push-post h2 {
	text-align: center;
}
.block-inline-boost-push-post .border-separator-block {
	border: 1px solid #333;
	margin-left: 10px;
	margin-right: 10px;
}
.block-inline-boost-push-post button {
	font-size: 28px;
	font-family: 'kanit';
	border: 1px solid transparent;
	transition: 0.3s;
	cursor: pointer;
	color: white;
	border-radius: 50px;
	outline: none;
}
.block-inline-boost-push-post .left-bootpost button {
	padding: 15px 25px 15px 60px;
	margin-top: 30px;
	background-color: #ff3bba;
	margin-left: -85px;
}
.block-inline-boost-push-post .left-bootpost button:hover {
	border: 1px solid #ff3bba;
	color: #ff3bba;
	background-color: transparent;
}
.block-inline-boost-push-post .right-pushpost button {
	margin-top: 30px;
	background-color: #00c4ff;
	float: right;
	margin-right: -85px;
	padding: 15px 60px 15px 25px;
}
.block-inline-boost-push-post .right-pushpost button:hover {
	border: 1px solid #00c4ff;
	color: #00c4ff;
	background-color: transparent;
}
.block-inline-boost-push-post .text-detail-ads {
	height: 145px;
}
.promote-modal .body-modal {
	overflow-y: inherit;
	overflow-x: inherit;
}
.promote-modal .modal {
	height: 300px !important;
	overflow-x: hidden;
}
.select-round-register select {
	width: 270px;
}
.hr-seminardd {
	border: 1px solid #eee;
	margin-top: 20px;
	margin-bottom: 20px;
}
#form-select-date {
	display: inline-block;
}
#modal-seminardd.boost-post {
	z-index: 9999999 !important;
}
.margin-center {
	margin-left: auto;
	margin-right: auto;
}
.hr-li {
	border-top: 1px solid #ddd;
	margin-bottom: -8px;
	margin-top: 4px;
}
.block-checkbox-use-coins {
	margin-top: 15px;
	font-size: 14px;
	text-align: left;
}
.block-budget-plus .block-checkbox-use-coins {
	margin-top: -5px;
	margin-bottom: 10px;
}
.block-checkbox-use-coins.block-checkbox-use-coins-push {
	font-size: 14px;
}
.block-checkbox-use-coins .radio-seminar + .radio-seminar-label:before {
	width: 15px;
	height: 15px;
	padding: 1px 2px;
}
.swal-cancel-color-sky button.cancel {
	background-color: #0FAAE0 !important;
	font-size: 19px;
	font-weight: 600;
}
.sweet-alert.swal-wide-btn.swal-cancel-100w button.cancel {
	width: 100%;
}
.sweet-alert.swal-wide-btn.swal-cancel-100w .sa-confirm-button-container {
	display: none;
}
.btn-view-articles-all-home.orange {
	border: 1px solid #ff8a10;
	color: #ff8a10;
}
.btn-view-articles-all-home.orange:hover {
	background-color: #ff8a10;
	color: white;
}
.inline-my-package-page {
	display: inline-flex;
	width: 100%;
	margin-top: 10px;
}
.block-my-package {
	width: 25%;
	margin-right: 50px;
	margin-top: 5%;
}
.block-my-package > p {
	margin: 0;
	margin-bottom: -30px;
	font-size: 12px;
	color: #818181;
}
.block-my-package > h1 {
	font-size: 45px;
	margin-bottom: 3px;
	color: #0faae0;
}
.credit-my-package {
	width: 70%;
}

.table-my-package {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}

.table-my-package td, .table-my-package th {
	border: 1px solid #ddd;
	padding: 8px;
}

.table-my-package th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #4CAF50;
	color: white;
}
.package-near-expire {
	color: red;
	font-weight: bold;
}
.div-button-center-success-free-package {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: -8px;
	height: 40px;
}
.margin-minus-20 {
	margin-top: -20px;
}
.success-free-package-title {
	margin-top: 45px;
}
.table-my-package .inline {
	display: inline-flex;
}
.table-my-package .inline p {
	margin: 0;
}
.table-my-package .inline p:last-child {
	margin-top: 7px;
	margin-left: 19px;
}
.table-my-package td {
	vertical-align: top;
}
div#maincontainer.maincontainer-upgrade-page {
	overflow: inherit;
}
.bg-boostpost-run {
	display: inline-block;
	border: 1px solid transparent;
	padding: 5px 10px 5px 10px;
	background-color: #ff3bba;
	color: white;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	transition: 0.3s;
	border-radius: 8px;
	margin-top: 10px;
}
.bg-pushpost-run {
	display: inline-block;
	border: 1px solid transparent;
	padding: 5px 10px 5px 10px;
	background-color: #00c4ff;
	color: white;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	transition: 0.3s;
	border-radius: 8px;
	margin-top: 10px;
}
.bg-boostpost-run > i, .bg-pushpost-run > i {
	font-size: 20px;
}
.bg-boostpost-run > a > img, .bg-pushpost-run > a > img {
	vertical-align: sub;
}
.view-report-boostpost-info {
	text-decoration: none;
	color: #797979;
}.view-report-boostpost-info img {
	 vertical-align: sub;
 }
.sweet-alert.swal-height-350 > p {
	display: block;
	overflow: scroll;
	height: 350px;
}
.announcement-top-header {
	text-align: center;
	padding: 10px 10px;
	background-color: #e32f2e;
	color: white;
	font-size: 16px;
	position: relative;
}
.announcement-top-header .close-announcement-top-header {
	position: absolute;
	right: 20px;
	top: 8px;
	cursor: pointer;
}
.announcement-top-header div {
	margin-left: auto;
	margin-right: auto;
}
.announcement-top-header div#maincontainer {
	padding-top: 0;
}
#type_post {
	width: 30%;
}
.block-detail-video {
	margin-top: 30px;
	margin-bottom: 30px;
}
.block-detail-video .group-video {
	border: 1px solid #aaa;

}
#add-content-course .group-video, .group-video:not(:first-child) {
	margin-top: 0px;
}
.block-detail-video .group-video .group-video-title {
	display: inline-flex;
	width: 100%;
	background-color: #e4e4e4;
	border-bottom: 1px solid #aaa;
	position: relative;
}
.block-detail-video .group-video .group-video-title .div-button-remove-eventdate-more {
	margin-top: 2px;
	position: absolute;
	right: 5px;
}
.block-detail-video .group-video .group-video-title span {
	width: 20%;
	padding-top: 11px;
	text-align: center;
	font-weight: bold;
}
.block-detail-video .group-video .group-video-title input {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}
.block-detail-video .group-video .group-video-content {
	padding: 15px 15px;
}
.block-detail-video .group-video .group-video-content span {
	font-weight: bold;
}
.block-detail-video .group-video .group-video-content .group-video-content-inline {
	display: inline-flex;
	width: 100%;
}
.block-detail-video .group-video .group-video-content .group-video-content-inline .input-post-content {
	width: 60%;
}
.block-detail-video .group-video .group-video-content .group-video-content-inline .select-preview {
	width: 17%;
}
.block-detail-video .group-video .group-video-content .group-video-content-inline .select-document {
	margin-left: 25px;
	width: 17%;
	margin-right: 25px;
}
.block-detail-video .group-video .group-video-content .group-video-content-inline .block-time-div-start {
	margin-left: 25px;
	width: 20%;
}
.block-detail-video input.input-post[type='text'], .block-detail-video select.input-post {
	width: 92%;
}
.btn-add-more-block {
	background-color: #FF6B19;
	color: white;
	font-size: 16px;
	padding: 8px 15px;
	display: inline-block;
	border: 1px solid transparent;
	transition: 0.3s;
	cursor: pointer;
}
.btn-add-more-block:hover {
	background-color: transparent;
	color: #FF6B19;
	border: 1px solid #FF6B19;
}
.panel-section {
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}
.panel-section > .panel-section-heading {
	background-color: #b4ecff;
	padding: 5px 10px;
}
.panel-section > .panel-section-heading:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.panel-section > .panel-section-body {
	padding: 15px 15px;
}
.panel-section > .panel-section-body > .panel-section-body-left, .panel-section > .panel-section-body > .panel-section-body-right {
	display: inline-flex;
}
.panel-section > .panel-section-body > .panel-section-body-left {
	width: 70%;
}
.panel-section > .panel-section-body > .panel-section-body-right {
	float: right;
}
.free-preview {
	background-color: #189c00;
	color: white;
	padding: 5px 10px;
	margin-top: -5px;
}
.course-document {
	margin-top: -5px;
	margin-left: 15px;
}
.course-document > img, .course-video img {
	width: 25px;
}
.course-video {
	margin-top: -5px;
	margin-left: 15px;
}
.course-time {
	margin-left: 30px;
}
.div-type-post {
	color: white;
	padding: 5px;
	margin-bottom: 10px;
}
.div-type-post img {
	width: 45px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px;
}
.div-type-post.normal {
	background-color: #ff7e00;
}
.div-type-post.online {
	background-color: #0faae0;
}
.div-type-post.live {
	background-color: red;
	width: 100%;
}
.filter-bar-post {
	text-align: center;
	margin-top: 0px;
}
.filter-bar-post li {
	padding: 10px;
}
.filter-bar-post > li > a {
	padding: 15px 30px;
	font-size: 18px;
}
.filter-bar-post > li[tooltip]::after {
	max-width: inherit;
	bottom: calc(100% + 15px);
	font-size: 15px;
}
.filter-bar-post > li[tooltip]::before {
	bottom: calc(100% + 10px);
}
.block-copy-to-clipboard {
	background-color: #f6f6f6;
	padding: 4px 5px 2px 5px;
	border-radius: 50px;
	border: 1px solid #e8e8e8;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.125);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.125);
	width: 102%;
	position: relative;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -6px;
}
.block-copy-to-clipboard > a.copy-to-clipboard {
	text-decoration: none;
	position: absolute;
	right: -8px;
	top: -1px;
	font-size: 10px;
	background-color: #0faae0;
	border-radius: 50px;
	border: 1px solid transparent;
	color: white;
	padding: 5px 3px 5px 3px;
	transition: 0.3s;
}
.block-copy-to-clipboard > a.copy-to-clipboard[tooltip]:not([flow])::before, .block-copy-to-clipboard > a.copy-to-clipboard[tooltip][flow^="up"]::before {
	bottom: 113%;
}
.block-copy-to-clipboard > a.copy-to-clipboard[tooltip]:not([flow])::after, .block-copy-to-clipboard > a.copy-to-clipboard[tooltip][flow^="up"]::after {
	bottom: calc(100% + 8px);
}
.block-copy-to-clipboard a.detail-copy {
	color: #4b4b4b;
}
.block-copy-to-clipboard a.detail-copy:hover {
	text-decoration: none;
	color: #0faae0;
}
.block-copy-to-clipboard.copy-to-clipboard-register {
	padding: 15px 5px;
	font-size: 14px;
	width: 95%;
}
.block-copy-to-clipboard.copy-to-clipboard-register > a.copy-to-clipboard {
	right: 3px;
	top: 11px;
}
.block-copy-to-clipboard.copy-to-clipboard-register a.detail-copy {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 80%;
}
.block-course-other-border {
	border: 2px solid;
	border-radius: 8px;
}
.block-course-other-border .relatedpostitem {
	float: inherit;
}
.block-course-other-border .relatedpostitem img {
	width: 102%;
}
.block-course-other-border .relatedpostitem .block-type-post > img {
	width: 40px !important;
}
.block-course-other-border > .block-course-other-border-header {
	margin: 0;
	color: white;
	padding: 10px 10px;
}
.block-course-other-border.online > .block-course-other-border-header {
	background-color: #0faae0;
}
.block-course-other-border.live > .block-course-other-border-header {
	background-color: red;
}
.block-course-other-border.hotdeal > .block-course-other-border-header {
	background-color: #ff7e00;
}
.block-course-other-border.bundle > .block-course-other-border-header {
	background-color: #e4d0ff;
}
.block-course-other-border.recommend > .block-course-other-border-header {
	background-color: #00bf44;
}
.block-course-other-border.hotdeal > .block-course-other-border-header a.btn-orange {
	background: #ffffff;
	background-color: #ffffff;
	color: #ff7e00;
}
.block-course-other-border > .block-course-other-border-header > h3 {
	margin: 0;
	display: inline-block;
}
.block-course-other-border > .block-course-other-border-header > h3 > img {
	width: 50px;
	margin-right: 15px;
	vertical-align: sub;
}
.block-course-other-border > .block-course-other-border-header > .block-course-other-border-btn {
	float: right;
	right: 0;
	margin-top: 4px;
}
.block-course-other-border > .block-course-other-border-header > .block-course-other-border-btn > a{
	padding: 5px 22px;
	font-size: 16px;
}
.block-course-other-border > .block-course-other-border-body {
	display: inline-flex;
	padding: 15px 15px;
}
.block-course-other-border .owl-nav {
	top: 38%;
	margin-left: -15px;
	width: 97.6%;
}
.block-course-other-border .owl-nav > button {
	border-radius: 0px;
	width: 30px;
	height: 60px;
	font-size: 32px !important;
	line-height: 1px;
	background-color: #ff7e0085 !important;
	transition: 0.3s;
}
.block-course-other-border .owl-nav > button:hover {
	background-color: #ff7e00 !important;
}
.block-course-other-border.online {
	border-color: #0faae0;
}
.block-course-other-border.live {
	border-color: red
}
.block-course-other-border.hotdeal {
	border-color: #ff7e00
}
.block-course-other-border.bundle {
	border-color: #e4d0ff
}
.block-course-other-border.recommend {
	border-color: #00bf44
}
.block-course-other-border.signature-course {
	border-color: #FFCD34;
}
.block-course-other-border.signature-course > .block-course-other-border-header {
	background-color: #FFCD34;
}
.block-course-other-border {
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.block-course-other-border .owl-carousel .owl-dots, .banner-a-carousel.owl-carousel .owl-dots {
	position: absolute;
	bottom: -5px;
	margin-left: -15px;
	width: 100%;
	text-align: center;
}
.banner-a-carousel.owl-carousel .owl-dots {
	bottom: -3px;
}
.block-course-other-border .owl-carousel button.owl-dot, .banner-a-carousel.owl-carousel button.owl-dot {
	outline: none !important;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: #d3d3d3;
	margin: 3px;
}
.block-course-other-border .owl-carousel button.owl-dot.active, .banner-a-carousel.owl-carousel button.owl-dot.active {
	background-color: #464646;
}
.block-course-other-border.no-border-course-other {
	border: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.block-course-other-border.no-border-course-other > .block-course-other-border-header {
	background-color: transparent;
}
.block-course-other-border.no-border-course-other > .block-course-other-border-header > h3 {
	color: #333333;
	font-size: 1.5em;
}
.related-header {
	font-family: 'kanit', 'sans-serif';
}
.div-price-and-lecturer {
	display: inline-flex;
	width: 100%;
	margin-top: 10px;
}
.div-price-and-lecturer .price-seminar {
	text-align: left;
	font-size: 35px;
	font-weight: bold;
	padding-left: 15px;
	margin-top: -15px;
}
.div-price-and-lecturer .price-seminar.free {
	color: green;
}
.div-price-and-lecturer .price-seminar.paid {
	color: red;
}
.div-price-and-lecturer .price-seminar.paid small {
	font-size: 18px;
}
.div-price-and-lecturer .lecturer-seminar {
	right: 15px;
	position: absolute;
	display: inline-flex;
}
.div-price-and-lecturer .lecturer-seminar div:hover {
	font-size: 18px;
	border: 1px solid #0faae0;
	border-radius: 50%;
	z-index: 10 !important;
	transition: 0.3s;
}
.div-price-and-lecturer .lecturer-seminar img {
	border-radius: 50%;
	width: 40px !important;
	height: 40px;
}
.div-price-and-lecturer .lecturer-seminar div:not(:first-child) {
	margin-left: -20px;
}
.block-show-img.owl-carousel .owl-item img {
	width: 100%;
}
.group-video-content-inline .form-post-booking-time:before {
	content: 'นาที';
	position: absolute;
	top: 32px;
	right: 50px;
	color: #a6a6a6;
}
.group-video-content-inline .form-post-booking-time:after {
	content: 'วินาที';
	position: absolute;
	top: 32px;
	right: -51px;
	color: #a6a6a6;
}
.tooltip-question {
	display: inline-block;
	cursor: help;;
	cursor: pointer;
}
.tooltip-question[tooltip]::after {
	max-width: inherit;
	width: 215px;
	text-overflow: inherit;
	white-space: inherit;
	overflow: inherit;
}
.input-post-group {
	margin-bottom: 20px;
}
.div-img-pay-post {
	display: block;
	margin-top: -6px;
	font-size: 12px;
}
.div-img-pay-post > img {
	width: 18px;
	vertical-align: sub;
}
.toggle-canregister-post {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 5px;
}
.toggle-canregister-post > p {
	margin: 0;
	margin-bottom: 5px;
	font-size: 12px;
}
.used-wallet-post{
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	background-color: #0faae0;
	left: 0;
	right: 0;
	text-align: center;
	color: white;
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}
.div-post-desc {
	display: none;
}
.body-postfree .platform-select {
	width: 20%;
	display: inline-block;
	margin-right: 15px;
}
.body-postfree .block-input-link-watch {
	width: 75%;
	display: inline-block;
}
.body-postfree .block-input-link-watch.video {
	width: 100%;
	display: block;
}
.toggle-arrow-serach-month {
	display: none;
}
.block-silde-relatedpost .owl-item {
	width: 170px !important;
}
.block-agree-pp {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.block-agree-pp .radio-seminar + .radio-seminar-label:before {
	width: 10px;
	height: 10px;
	font-size: 11px;
	margin-top: -2px;
}
.block-agree-pp .radio-seminar-label {
	position: relative;
	font-size: 12px;
}
.block-agree-pp .radio-seminar, .block-agree-pp .radio-seminar-label {
	margin: 2px;
	font-weight: 400;
}
.block-agree-pp .radio-seminar.form-error + .radio-seminar-label:before {
	border-color: red;
}
.block-agree-pp a {
	color: #0FAAE0;
	text-decoration: none;
	transition: 0.3s;
}
.block-agree-pp a:hover {
	color: #006689;
	text-decoration: underline;
}
#quotation-request-form .block-agree-pp input[type='checkbox'] + label:not(.radio-label) {
	width: 99%;
	font-size: 15px;
}
#quotation-request-form .block-agree-pp .radio-seminar + .radio-seminar-label:before,
#form-signup-user .block-agree-pp .radio-seminar + .radio-seminar-label:before,
#from-quotation .block-agree-pp .radio-seminar + .radio-seminar-label:before,
#wiating-list-popup .block-agree-pp .radio-seminar + .radio-seminar-label:before
{
	width: 18px;
	height: 18px;
	padding-top: 0;
}
#wiating-list-popup #agree-pp-span {
	position: relative;
	width: 100%;
	display: grid;
}
.agree-cookie-block {
	margin: 8px;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 10px;
	background-color: #1a1a1a;
	color: white;
	padding: 10px 0;
	border-radius: 8px;
	z-index: 99999;
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
.agree-cookie-block a {
	color: #0faae0;
	text-decoration: none;
}
.agree-cookie-block a:hover {
	text-decoration: underline;
}
.agree-cookie-block button {
	background: #ff7e00d9;
	outline: none;
	border: 1px solid transparent;
	color: white;
	padding: 4px 16px 5px 15px;
	border-radius: 50px;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
	transition: 0.3s;
}
.agree-cookie-block button:hover {
	transform: translateY(-0.3rem);
	box-shadow: 0px 2px 5px 0px #7f3f00;
}
.button-pdpa {
	outline: none;
	border: 1px solid transparent;
	color: white;
	padding: 4px 16px 5px 15px;
	border-radius: 50px;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
	transition: 0.3s;
}
.button-pdpa.btn-agree {
	background: #ff7e00d9;
}
.button-pdpa.btn-disagree {
	background: #b4b3b3;
}
.button-pdpa:hover {
	transform: translateY(-0.3rem);
}
.choose-free-post-page .radio-seminar-label {
	margin: 0;
}
.choose-free-post-page .radio-seminar + .radio-seminar-label:before {
	width: 14px;
	height: 14px;
}
.choose-post-result {
	margin: 0;
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #0081ae;
	color: white;
	padding: 5px 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	z-index: 99999;
	text-align: center;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	font-family: kanit;
	font-size: 14px;
}
.banner-a-carousel.owl-carousel.owl-loaded {
	height: 100%;
}
.grecaptcha-badge {
	display: none !important;
}
.articles-cover-div .avatar-preview-cover {
	width: 100%;
	height: 100%;
	position: relative;
	border: 2px solid #F8F8F8;
}
.articles-cover-div .jwc_frame {
	border-radius: 0;
}
.articles-cover-div #preview-upload-artcles {
	width: 960px;
	height: 580px;
}
.articles-cover-div .jwc_zoom_in {
	left: 97%;
}
.articles-cover-div .jwc_zoom_out {
	left: 1%;
}
.td-color-text-green {
	color: #00a313;
}
.td-color-text-red {
	color: #ed0000;
}

.inline-my-package-page.package-future, .inline-my-package-page.package-future .block-my-package > h1, .inline-my-package-page.package-future .fa-check,
.inline-my-package-page.package-future .td-color-text-green, .inline-my-package-page.package-future .td-color-text-red
{
	color: #8d8d8d !important;
}
.block-featured-post {
	background-color: red;
	color: white;
	font-size: 12px;
	text-align: center;
	padding: 2px 2px 3px 2px;
}
.hr-package-renewal {
	border: 1px solid #d1d1d1;
	margin-top: 30px;
	width: 98%;
}
.post-view-register > i {
	color: #393939;
}
.post-view-register {
	font-size: 14px;
}
div.featured-post {
	border: 1px solid red;
	box-shadow: 0px -7px 0px 0px red inset;
}
div.relatedpostitem.featured-post:hover {
	border: 1px solid red;
	background-color: #fbfbfb;
	box-shadow: 0 1px 4px red;
}
div.featured-post > .featured-header{
	margin-top: -10px;
	background-color: red;
	width: 103%;
	margin-left: -5px;
	height: 30px;
	color: white;
	font-size: 14px;
}
div.featured-post .div-price-and-lecturer {
	margin-top: 0px;
}
button.btn-buy-coin-sm, a.btn-buy-coin-sm {
	padding: 2px 6px 2px 9px;
	font-size: 12px;
}
.btn-sky {
	border: 1px solid transparent;
	background-color: #00c4ff;
	cursor: pointer;
	color: white;
	outline: none;
	transition: 0.3s;
}
.btn-sky:hover {
	border: 1px solid #00c4ff;
	color: #00c4ff;
	background-color: transparent;
}
.btn-pink {
	border: 1px solid transparent;
	background-color: #ff3bba;
	cursor: pointer;
	color: white;
	outline: none;
	transition: 0.3s;
}
.btn-pink:hover {
	border: 1px solid #ff3bba;
	color: #ff3bba;
	background-color: transparent;
}
.block-top-seminar-today {
	margin-top: 40px;
	margin-bottom: 30px;
	width: 100%;
}
.block-top-seminar-today-free, .block-top-seminar-today-paid {
	background-color: #efefef;
	display: inline-block;
	width: 46%;
	padding: 10px 15px 10px 15px;
	vertical-align: top;
}
.block-top-seminar-today-free {
	margin-right: 20px;
}
.block-top-seminar-today-free > h3, .block-top-seminar-today-paid > h3 {
	border-bottom: 2px dotted #b6b6b6;
	padding-bottom: 5px;
	margin-top: 5px;
}
.block-top-seminar-today .top-seminar {
	display: inline-flex;
}
.block-top-seminar-today .block-top-seminar-today-free > .top-seminar:not(:nth-child(6)), .block-top-seminar-today .block-top-seminar-today-paid > .top-seminar:not(:nth-child(6)) {
	border-bottom: 2px dotted #b6b6b6;
	margin-bottom: 15px;
}
.block-top-seminar-today .top-seminar > .number-top-seminar {
	width: 12%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #dd6f04;
	padding: 50px 0;
}
.block-top-seminar-today .top-seminar > .image-top-seminar {
	display: inline-block;
	width: 20%;
}
.block-top-seminar-today .top-seminar > .image-top-seminar > img{
	width: 100%;
}
.block-top-seminar-today .top-seminar > .content-top-seminar {
	margin-left: 15px;
	width: 68%;
	position: relative;
}
.block-top-seminar-today .top-seminar > .content-top-seminar > p {
	margin: 0;
}
.block-top-seminar-today .top-seminar > .content-top-seminar > p.title-top-seminar {
	font-family: 'kanit', 'sans-serif';
	font-size: 22px;
	font-weight: bold;
}
.block-top-seminar-today .top-seminar > .content-top-seminar > p.category-top-seminar a {
	color: #7b7b7b;
	text-decoration: none;
}
.block-top-seminar-today .top-seminar > .content-top-seminar > a {
	text-decoration: none;
	color: #0faae0;
	font-size: 16px;
	position: absolute;
	bottom: 12px;
	left: 0;
	font-family: 'kanit', 'sans-serif';
}
.block-top-seminar-today .top-seminar > .content-top-seminar > a:hover {
	color: #7b7b7b;
}
.block-top-seminar-today a.view-all-top-seminar {
	text-align: center;
	background-color: #0faae0;
	margin-left: -15px;
	width: 105.5%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: -20px;
	display: block;
	color: white;
	transition: 0.3s;
	text-decoration: none;
	margin-top: 10px;
}
.block-top-seminar-today a.view-all-top-seminar:hover {
	color: black;
	transform: translateY(-0.3rem);
}
.header-category-recommend-ul, .category-hot-header {
	list-style: none;
	margin-left: 0;
	padding-left: 25px;
}
.header-category-recommend-ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.category-hot-header p {
	font-weight: bold;
	font-family: 'kanit', 'sans-serif';
}
#load-category-header {
	display: contents;
}
.category-hot-header li {
	display: inline-block;
}
.category-hot-header img {
	width: 80px;
	margin-left: 3px;
	margin-right: 3px;
}
.text-notify-line {
	font-family: 'kanit', 'sans-serif';
	margin-bottom: 25px;
}
.text-notify-line a {
	background: #00c300;
	outline: none;
	border: 1px solid transparent;
	color: white;
	padding: 3px 10px 3px 10px;
	border-radius: 50px;
	font-size: 14px;
	margin-left: 10px;
	cursor: pointer;
	transition: 0.3s;
	font-family: 'kanit', 'sans-serif';
	text-decoration: none;
}
.text-notify-line a:hover {
	transform: translateY(-0.3rem);
	box-shadow: 0px 2px 5px 0px #016b01;
}
.block-date-pushpost {
	display: inline-block;
	width: 30%;
	margin-right: 30px;
}
.block-time-pustpost {
	display: inline-block;
}
.block-time-pustpost label {
	top: 0px;
	left: 0px;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff;
	background: #1998de;
	width: inherit;
}
.block-time-pustpost select {
	width: 100%;
	padding: 4px;
	margin-left: 0px;
	color: #2e2d2d;
	font-size: 16px;
	height: 40px;
	border: 1px solid #aaa;
	background-color: #fff;
}
.block-ads-post-success {
	border: 1px solid #000;
	padding: 10px 15px 10px 15px;
}
.block-ads-post-success h1 {
	font-family: 'kanit', 'sans-serif';
	font-size: 24px;
	color: #ff7e00d9;
	font-weight: bold;
}
.block-ads-post-success .checkbox-select-ads {
	text-align: left;
	width: 46%;
	margin-left: auto;
	margin-right: auto;
}
.block-ads-post-success .checkbox-select-ads input[type="checkbox"] {
	width: 25px;
	height: 25px;
}
.block-ads-post-success .checkbox-select-ads label {
	vertical-align: super;
}
.block-ads-post-success .radio-seminar-label {
	width: 100%;
}
.input-number-in-text {
	width: 13%;
	padding-left: 5px;
	padding-right: 5px;
	border: 0;
	background-color: #ebebeb;
	color: #ff9126;
	font-weight: bold;
}
.block-ads-post-success a.ads-advanced {
	color: #333333;
	text-decoration: none;
}
.line-push-auto {
	margin-top: 15px;
	text-align: left;
}
.push-auto-custom {
	margin-top: 15px;
}
.block-push-custom-swal {
	text-align: left;
}
.block-push-custom-swal .input-number-in-text {
	width: 18%;
}
.isfree-code {
	font-size: 14px;
	color: #ff9126;
}
.block-question-register {
	text-align: left;
	max-height: 300px;
	overflow-y: scroll;
}
.question-regsiter span {
	color: red !important;
}
.question-regsiter {
	font-weight: bold !important;
	font-size: 18px !important;
	color: #434343 !important;
}
.answer-register span {
	color: green !important;
}
.answer-register {
	margin-left: 15px !important;
	font-family: 'sans-serif' !important;
}
.btn-question-regsiter-view {
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
	font-family: 'kanit', 'sans-serif';
	margin-left: 15px;
	border-radius: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.label-c-r-booking {
	top: 0px !important;
	left: 0px !important;
	padding: 3px 5px;
	font-size: 14px;
	color: #fff !important;
	background: #1998de;
}

.form-input-register .radio-form-booking label {
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
	cursor: pointer;
}
.body-changepassword {
	width: 40%;
}
.panel-quotation {
	margin-top: 20px;
	margin-bottom: 20px;
}
.panel-quotation .panel-header {
	background-color: #e8e8e8;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	text-align: left;
	padding: 15px;
	font-family: 'kanit' , 'sans-serif';
	font-size: 16px;
	letter-spacing: 0.5px;
}
.checkbox-quotation {
	width: 30px;
	height: 30px;
	vertical-align: middle;
}
.panel-quotation .panel-body {
	text-align: left;
	border: 1px solid #e8e8e8;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 15px 30px;
}
.panel-quotation .panel-body .checkbox-quotation {
	width: 25px;
	height: 25px;
}
#choose-seminardd-div, #aceept-other-div {
	display: none;
	padding-left: 40px;
	margin-top: 15px;
}
#choose-seminardd-div .form-control {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #d7d7d7;
}
#more-other-div {
	display: none;
}
.btn-questionnaire {
	border: 1px solid transparent;
	font-family: 'kanit', 'sans-serif';
	padding: 10px 30px;
	cursor: pointer;
	transition: 0.3s;
	outline: none;
	border-radius: 50px;
	line-height: 1.428571;
	text-decoration: none;
	font-weight: bold;
	background-color: #2cba09;
	color: white;
	font-size: 18px;
}
.btn-questionnaire:hover {
	box-shadow: 0px 2px 5px 0px #146600;
}
.invite-inhouse-block {
	text-align: center;
	margin-top: 30px;
}
.invite-inhouse-block a {
	text-decoration: none;
	font-family: 'Kanit', 'sans-serif';
	font-size: 18px;
	padding: 10px 20px;
	background-color: #ff7e00;
	color: white;
	border: 1px solid transparent;
	box-shadow: 0px 7px 0px -2px #7f3f00;
	transition: 0.3s;
}
.invite-inhouse-block a:hover {
	background-color: transparent;
	color: #ff7e00;
	border: 1px solid #ff7e00;
	box-shadow: 0px 0px 0px 0px #7f3f00;
}
.block-bg-video-online {
	font-family: 'kanit','sans-serif';
	background-image: url(../images/bg-blue-diamons.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: 100%;
	position: relative;
}
.block-bg-video-online .block-video-online-detail {
	width: 60%;
	text-align: left;
	float: left;
	padding: 20px 30px;
	color: white;
}
.block-bg-video-online .block-video-online-img {
	width: 28%;
	float: right;
	padding: 20px 30px;
	position: absolute;
	right: 55px;
}
.block-detail-lecturer {
	margin-top: 20px;
}
.block-bg-video-online .block-video-online-img img {
	max-height: 360px;
}
.block-detail-lecturer .block-detail-lecturer-img {
	display: inline-block;
	width: 15%;
}
.block-detail-lecturer .block-detail-lecturer-img img {
	border-radius: 50%;
	width: 100%;
}
.block-detail-lecturer .block-detail-lecturer-detail {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	margin-top: -23px;
}
.block-detail-lecturer .block-detail-lecturer-detail .aptitude-lecturer {
	background-color: #ff7d01;
	border-radius: 7px;
	padding: 5px;
	font-size: 12px;
	margin-top: -10px;
	color: white;
}
.block-detail-lecturer .block-detail-lecturer-detail .view-lecturer-block {
	margin-top: -13px;
}
.btn-view-lecturer {
	border: 1px solid transparent;
	background-color: #0FAAE0;
	text-decoration: none;
	color: white;
	border-radius: 8px;
	margin-top: 20px;
}
.block-bg-video-online .block-btn-pay-video-online {
	text-align: center;
	margin-top: 30px;
}
.block-bg-video-online .block-btn-pay-video-online button {
	padding: 15px 30px;
	border-radius: 8px;
	width: 190px;
	font-size: 22px;
	font-family: 'kanit', 'sans-serif';
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	transition: 0.3s;
}
.block-bg-video-online .block-btn-pay-video-online button.btn-preview-video-online {
	background-color: transparent;
	border: 1px solid #0FAAE0;
	color: #0FAAE0;
}
.block-bg-video-online .block-btn-pay-video-online button.btn-preview-video-online:hover {
	transform: translateY(-0.5rem);
	box-shadow: 0px 2px 5px 0px #002a39;
	background-color: #0FAAE0;
	border: 1px solid transparent;
	color: white;
}
.block-bg-video-online .block-btn-pay-video-online button.btn-pay-video-online {
	background-color: #0FAAE0;
	border: 1px solid transparent;
	color: white;
	border-bottom: 6px solid #005e7e;
}
.block-bg-video-online .block-btn-pay-video-online button.btn-pay-video-online:hover {
	transform: translateY(-0.5rem);
	box-shadow: 0px 2px 5px 0px #002a39;
}
.btn-play-table {
	text-decoration: none;
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
	padding: 10px 25px;
	font-family: 'kanit',sans-serif;
	font-size: 16px;
	display: inline-table;
	transition: 0.3s;
}
.btn-play-table:hover {
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
}
.btn-paycourseonline-bottom {
	margin: 0;
}
.section-view-courseonline {
	display: flex;
}
.section-view-courseonline .section-video-online {
	display: inline-block;
	width: 70%;
	height: 83%;
}
.section-view-courseonline .section-video-online h2 span{
	color: #a5a5a5;
	font-size: 18px;
	font-weight: 400;
}

.section-view-courseonline .section-chapter {
	display: inline-block;
	width: 29%;
	height: 523px;
	margin-bottom: 0;
}
.section-view-courseonline .section-chapter .chapter-block {
	border: 1px solid #dad9d9;
	border-radius: 8px;
	height: 100%;
	overflow-y: scroll;
}
.section-view-courseonline .section-chapter .chapter-block h5 {
	text-align: center;
	background-color: #26272b;
	margin-top: 0px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding: 10px 10px;
	color: white;
	font-size: 20px;
	margin-bottom: 0;
}
.section-view-courseonline .section-chapter .chapter-block ul {
	list-style: none;
	padding: 0;
}
.section-view-courseonline .section-chapter .chapter-block ul li {
	border-bottom: 1px solid #dad9d9;
	padding: 10px 20px;
	position: relative;
}
.section-view-courseonline .section-chapter .chapter-block ul li.chapter {
	background-color: #dadada;
	font-weight: bold;
}
.section-view-courseonline .section-chapter .chapter-block ul li a {
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}
.section-view-courseonline .section-chapter .chapter-block ul li a:hover {
	color: #0faae0;
}
.section-view-courseonline .section-chapter .chapter-block ul li.active {
	background-color: #b6ffb9;
}
.section-view-courseonline .section-chapter .chapter-block ul li small {
	color: #a5a5a5;
}
.section-view-courseonline .section-chapter .chapter-block ul li i.fa-play, .section-view-courseonline .section-chapter .chapter-block ul li i.fa-lock {
	float: right;
	position: absolute;
	text-align: right;
	right: 10px;
}
.section-view-courseonline .section-chapter .chapter-block ul li a.download {
	float: right;
	position: absolute;
	text-align: right;
	right: 30px;
}
.section-view-courseonline .section-chapter .chapter-block ul li.canview-ep, .section-view-courseonline .section-chapter .chapter-block ul li.canview-ep a {
	cursor: initial;
}
.section-view-courseonline .section-chapter .chapter-block ul li.canview-ep a:hover {
	color: #333333;
}
.detail-courseonline-page {
	margin-top: 50px;
}
.detail-courseonline-page .block-detail-lecturer-img img {
	width: 150px;
}
.section-chapter .i-seen {
	color: green;
	margin-right: 5px;
	display: inline-block;
}
.section-chapter .i-seen i {
	float: inherit !important;
}
.input-post-group .form-input-post.active select[name="level"] {
	width: 20%;
}
#checkbox_quotation_budget_online {
	width: 20px;
	height: 20px;
	vertical-align: sub;
	margin-right: 5px;
}
label[for="checkbox_quotation_budget_online"] {
	font-weight: 400;
	color: #333;
}
.inhouse-for p {
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	margin-bottom: 5px;
}
.btn-register-in-round-waiting-lis {
	width: 125px;
}
.btn-register-in-round-inhourse {
	background-color: #ff7d01;
	width: 250px;
	font-weight: 400;
}
.btn-register-in-round-inhourse:hover {
	background-color: transparent;
	color: #ff7d01;
	border: 1px solid #ff7d01;
}
.post-id-text-postdetail {
	text-align: left;
	float: left;
	margin-top: -1px;
	margin-right: 15px;
	font-size: 14px;
	color: #747474;
}
.post-id-text-postdetail-mobile {
	font-size: 14px;
	color: #747474;
}
.block-report-two-column {

}
.div-toggle-iphone-courseonline-report {
	display: inline-flex;
	text-align: left;
}
.div-toggle-iphone-courseonline-report:first-child {
	margin-right: 20px;
	width: 30%;
}
.div-toggle-iphone-courseonline-report:last-child {
	width: 65%;
}
.div-toggle-iphone-courseonline-report select {
	padding: 8px 15px 8px 15px;
	border-radius: 8px;
	font-size: 14px;
}
.div-toggle-iphone-courseonline-report .panel-seminar {
	width: 100%;
}
.div-toggle-iphone-courseonline-report table {
	width: 100%;
}
.div-toggle-iphone-courseonline-report td {
	padding: 8px 6px 8px 6px;
}
.div-toggle-iphone-courseonline-report td.price {
	font-family: 'kanit', 'sans-serif';
	font-size: 22px;
	font-weight: bold;
}
.div-toggle-iphone-courseonline-report td.price.price-lastchild {
	color: #ff7e00;
}
.notvat {
	font-size: 12px;
}
.btn-view-report {
	color: white;
	text-decoration: none;
	background-color: #0faae0;
	border: 1px solid transparent;
	font-family: 'kanit', 'sans-serif';
	margin-left: 15px;
}
.banner-a {
	font-family: 'kanit','sans-serif';
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
	background-position: 100%;
	background-blend-mode: saturation;
}
.banner-a:before {
	content: '';
	position: absolute;
	width: 100%;
	background-color: #0000006b;
	height: 500px;
}
.banner-a > .box-banner-a {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}
.banner-a > .box-banner-a > .box-banner-a-content {
	left: 0%;
	color: white;
	margin-top: 15%;
	position: absolute;
	width: 100%;
}
.banner-a > .box-banner-a > .box-banner-a-content p {
	margin-top: 20px;
}
.banner-a > .box-banner-a > .box-banner-a-content a > button {
	margin-top: 20px;
}
.banner-a-carousel .owl-nav {
	position: absolute;
	top: 41%;
	width: 97.5%;
	margin-left: 20px;
}
.banner-a-carousel .owl-nav > button.owl-prev, .banner-a-carousel .owl-nav > button.owl-next {
	background-color: transparent !important;
	color: #ffffff70 !important;
	font-size: 50px !important;
	transition: 0.3s;
}
.banner-a-carousel .owl-nav > button.owl-prev:hover, .banner-a-carousel .owl-nav > button.owl-next:hover {
	color: white !important;
}

.header-seminardd-desktop {
	position: relative;
	border-bottom: 1px solid #e7e7e7;
	height: 80px;
}
.header-seminardd-desktop .header-seminardd-desktop-content{
	height: 60px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.header-seminardd-desktop .menu > ul {
	margin-left: 0;
	padding-left: 0;
}
.header-seminardd-desktop .menu > ul > li {
	list-style: none;
	display: inline-block;
	color: #fff;
	margin-top: 10px;
}
.header-seminardd-desktop .menu > ul > li:not(.logo) {
	margin-left: 20px;
	margin-right: 20px;
	height: 57px;
}

.header-seminardd-desktop .menu > ul > li.logo {
	width: 49%;
}
.header-seminardd-desktop .menu > ul > li.logo img {
	vertical-align: middle;
	margin-top: -3px;
}
.header-seminardd-desktop .menu > ul li a {
	font-family: 'kanit', 'sans-serif';
	text-decoration: none;
	color: #3f3f3f;
	display: block;
}
.header-seminardd-desktop .menu .category-header-mega .mega-menu-col-3 {
	margin-top: 15px;
}
.header-seminardd-desktop .menu .category-header-mega .mega-menu-col-3 a img {
	width: 100%;
}
.header-seminardd-desktop .menu > ul li a:hover {
	color: #0faae0;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.category-sub-header {
	height: 421px;
	overflow-y: scroll;
}
.mega-menu {
	background-color: #f1f1f1 !important;
	position: absolute;
	width: 100%;
	padding: 15px;
	display: none;
	transition-duration: 0.9s;
	z-index: 999999;
	left: 0;
	margin-top: 28px;
	height: 490px;
	overflow: hidden;
}
.mega-menu-container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	display: flex;
	position: relative;
}
.mega-menu-container h5 {
	font-weight: bold;
	font-family: 'kanit', 'sans-serif';
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.mega-menu-col-1 {
	margin-right: 30px;
	width: 31%;
}
.mega-menu-col-2 {
	margin-right: 30px;
	width: 31%;
}
.mega-menu-col-3 {
	width: 31%;
}
.mega-menu-tag {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.mega-menu-tag li {
	border: 1px solid #e1e1e1;
	padding: 5px 12px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
	border-radius: 5px;
}
.display-on{
	display:block;
	transition-duration: 0.9s;
}
.drop-down > a:after{
	content:"\f103";
	color:#fff;
	font-family: FontAwesome;
	font-style: normal;
	margin-left: 5px;
}

.animated-mega-menu {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.mega-menu-container .block-top-seminar-today {
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}
.mega-menu-container .block-top-seminar-today-free {
	margin-right: 0px;
	width: 100%;
}
.mega-menu-container .block-top-seminar-today .top-seminar > .content-top-seminar > p.title-top-seminar {
	font-size: 14px;
}
.mega-menu-container .block-top-seminar-today .top-seminar > .number-top-seminar {
	padding: 40px 0;
}
.close-mega-menu-header {
	color: #0202023d;
	position: absolute;
	right: -10px;
	font-size: 28px;
	transition: 0.3s;
	cursor: pointer;
}
.close-mega-menu-header:hover {
	color: #000;
}
.mega-ul-type-post {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.mega-ul-type-post li {
	display: inline-block;
}
.header-seminardd-desktop .menu > ul li a.mega-type-post {
	color: white;
	padding: 15px 15px;
	border-radius: 5px;
	width: 84px;
	text-align: center;
	transition: 0.3s;
	border: 1px solid transparent;
}
.header-seminardd-desktop .menu > ul li a.mega-type-post[tooltip]:not([flow])::before {
	bottom: -10px;
}
.header-seminardd-desktop .menu > ul li a[tooltip]:not([flow])::after, a[tooltip][flow^="up"]::after {
	bottom: calc(-40px);
}
.header-seminardd-desktop .menu > ul li a.mega-type-post i {
	display: block;
}
.mega-type-post.normal {
	background-color: #ff7e00;
}
.mega-type-post.live {
	background-color: red;
}
.mega-type-post.vdo {
	background-color: #0faae0;
}
.mega-type-post:hover {
	background-color: transparent;
}
.mega-type-post.normal:hover {
	color: #ff7e00 !important;
	border: 1px solid #ff7e00 !important;
}
.mega-type-post.live:hover {
	color: red !important;
	border: 1px solid red !important;
}
.mega-type-post.vdo:hover {
	color: #0faae0 !important;
	border: 1px solid #0faae0 !important;
}
.sponsored-mega-menu img {
	width: 100% !important;
}
.sponsored-mega-menu .owl-nav {
	position: relative;
	top: inherit;
	margin-left: 0;
	bottom: -6px;
	width: 75px;
}
.sponsored-mega-menu.owl-carousel .owl-nav button.owl-next, .sponsored-mega-menu.owl-carousel .owl-nav button.owl-prev {
	border-radius: 0px;
	background-color: transparent !important;
	border: 1px solid #e8e8e8;
	color: black !important;
}
.category-header {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	height: 474px;
	overflow-y: scroll;
}
.category-header a.active {
	color: #0FAAE0 !important;
	font-weight: bold;
}
.category-header a li {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e2e2e2;
}
.category-header a li i {
	float: right;
	margin-top: 4px;
}
.li-search-header {
	position: relative;
	width: 40px;
	margin-right: 0 !important;
	text-align: center;
}
.header-search {
	display: none;
	position: absolute;
	top: 30px;
	left: -20em;
	z-index: 999;
}
.header-search input {
	color: black;
	height: 50px;
	font-size: 18px;
	font-family: 'kanit', 'sans-serif';
	padding-left: 15px;
	border-radius: 8px;
	outline: none;
	border: white;
	background-color: #efefef;
	width: 350px;
}
.header-search .btn-search-bar {
	right: 0;
}
.li-search-header:hover .header-search{
	display: block;
}
.btn-download {
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
	transition: 0.3s;
}
.btn-download:hover {
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
}
.block-type-showmorepicture .radio-seminar + .radio-seminar-label:before {
	width: 30px;
	height: 30px;
	padding-top: 3px;
}
.slider-show-more-pictre-post {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.slider-show-more-pictre-post img {
	margin-bottom: 15px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.slider-show-more-pictre-post .owl-dots span {
	background: none repeat scroll 0 0 #c2c1c1;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}
.slider-show-more-pictre-post .owl-dots .active span {
	background: #4a4a4a;
}
.slide-progress {
	width: 0;
	max-width: 100%;
	height: 4px;
	background: #ff7e00;
}
.sectionbundle {
	margin-top: 20px;
	margin-bottom: 50px;
}
.panel-bundle {
	border: 1px solid #eee;
	border-radius: 8px;
}
.panel-bundle > .panel-bundle-header {
	background-color: #ffd1a5;
	padding: 15px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family: 'kanit', 'sans-serif';
	font-weight: bold;
	font-size: 18px;
}
.panel-bundle > .panel-bundle-header span {
	border: 1px solid #ff7e00;
	padding: 1px 5px;
	font-size: 12px;
	color: #ff7e00;
	margin-right: 10px;
}
.panel-bundle > .panel-bundle-body {
	padding: 15px 0 15px 15px;
}
.panel-bundle > .panel-bundle-footer {
	background-color: #eee;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.panel-bundle > .panel-bundle-footer > .view-bundle-all {
	padding: 10px;
	text-align: center;
}
.panel-bundle > .panel-bundle-footer > .view-bundle-all a {
	text-decoration: none;
	color: #333333;
}
.bundle-content {
	display: inline-block;
	width: 100%;
}
.this-bundle-show, .bundle-choose {
	width: 23%;
	display: inline-block;
}
.bundles-show {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.bundles-show .bundle-seminar {
	width: 48%;
}
.bundle-seminar {
	position: relative;
}
.bundle-seminar .discount-tag {
	position: relative;
	z-index: 99;
}
.bundle-seminar .discount-tag:before {
	content: "";
	display: inline-block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: #ee4d2d transparent transparent #ee4d2d;
	border-style: solid;
	border-width: 8px;
	border-top-left-radius: 2px;
	position: absolute;
	top: 3px;
	right: 51px;
}
.bundle-seminar .discount-tag > span {
	display: inline-block;
	color: #fff;
	padding: 0px 0.25em 3px 0px;
	white-space: nowrap;
	text-transform: uppercase;
	background: #ee4d2d;
	padding-top: 2px;
	position: absolute;
	right: 0;
	width: 55px;
	text-align: center;
}
.bundle-seminar > .bundnle-seminar-img img {
	width: 100%;
	min-height: 185px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
}
.post-detail-page .bundle-seminar > .bundnle-seminar-img img {
	min-height: 269px;
}
.bundle-seminar > .bundle-seminar-content {
	margin-top: 5px;
}
.bundle-seminar > .bundle-seminar-content label {
	display: block;
	float: inherit;
}
.bundle-seminar > .bundle-seminar-content p:not(.content-aptitude-coach) {
	font-family: 'kanit', 'sans-serif';
	color: #ff7e00;
	font-weight: bold;
	font-size: 16px;
	margin-top: -3px
}
.bundle-seminar-content small {
	color: #7d7d7d;
	font-size: 11px;
}
.bundle-seminar > .bundle-seminar-content span.price_regular, .bundle-choose .bundle-choose-content span.price_regular {
	text-decoration: line-through;
	color: #969696;
	font-size: 12px;
}
.bundle-plus-icon {
	font-size: 30px;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 15px;
	color: #ff7e00;
	display: inline-block;
	margin-top: 120px;
}
.bundle-choose {
	border-left: 2px solid #eee;
	height: 320px;
	vertical-align: top;
}
.bundle-choose .bundle-choose-content {
	padding-left: 5px;
	padding-right: 5px;
	height: 100%;
	text-align: center;
	padding-top: 70px;
}
.bundle-choose .bundle-choose-content p {
	font-family: 'kanit', 'sans-serif';
	font-size: 14px;
}
.bundle-choose .bundle-choose-content .price-sale {
	color: #ff7e00;
	font-weight: bold;
}
.bundle-choose .bundle-choose-content p.thrifty {
	color: #06af04;
	font-weight: bold;
	font-size: 15px;
}
.is-choose-this-bundle > p.color-green img {
	width: 25px;
	margin-right: 7px;
}
.bundle-promotion-block {
	margin-top: 25px;
	text-align: center;
	border-top: 3px dotted #efeeee;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
}
.bundle-promotion-block img {
	width: 60px;
	margin-bottom: 10px;
}
.bundle-choose .bundle-choose-content .bundle-promotion-block p.promotion-bundle {
	color: red;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	width: 100%;

}
.bundnle-seminar-img {
	position: relative;
}
.this-bundle-show.filter-grey .bundnle-seminar-img, .this-bundle-show.filter-grey .bundle-seminar-content,
.bundle-seminar.filter-grey .bundnle-seminar-img, .bundle-seminar.filter-grey .bundle-seminar-content{
	filter: opacity(50%);
}
.div-icon-checkmark {
	position: absolute;
	right: 0px;
	bottom: 8.5rem;
}
.bundle-seminar .div-icon-checkmark img {
	width: 40px;
	min-height: 40px !important;
}
.post-detail-page .div-icon-checkmark {
	bottom: 6rem;
}
.sectionpromotion {
	border: 1px solid red;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 30px;
	text-align: center;
	margin-top: 37px;
	margin-bottom: 19px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.sectionpromotion h1 {
	color: red;
	font-family: 'kanit', 'sans-serif';
	margin: 0;
}
.sectionpromotion h1 img {
	width: 50px;
	vertical-align: bottom;
}
.btn-choose-bundle {
	background-color: #ff7e00;
	border: 1px solid #ff7e00;
	color: white;
	border-radius: 8px;
	padding: 10px 15px;
	text-decoration: none;
}
.btn-choose-bundle:hover {
	background-color: white;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.price-line-register-btn {
	font-family: 'kanit', 'sans-serif';
	float: left;
	margin-right: 30px;
	text-align: center;
	color: #ff7e00;
	font-weight: bold;
	margin-top: -5px;
	font-size: 22px;
}
.price-line-register-btn > small {
	display: block;
	font-size: 11px;
	color: #858484;
	margin-top: 5px;
	font-weight: 400;
}
.price-bottom-register {
	font-family: 'kanit', 'sans-serif';
	color: #ff7e00;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 22px;
}
.price-bottom-register > small {
	display: block;
	font-size: 12px;
	color: #858484;
	margin-top: 5px;
	font-weight: 400;
}
.section-promotion {
	background: rgb(255,0,116);
	background: linear-gradient(180deg, rgba(255,0,116,1) 48%, rgba(224,57,15,1) 100%);
	text-align: left;
	border-radius: 8px;
	width: 60%;
}
.section-promotion > .promotion-image {
	display: inline-block;
	width: 13%;
	vertical-align: bottom;
}
.section-promotion > .promotion-text {
	color: white;
	width: 85%;
	display: inline-block;
	font-family: 'kanit';
	font-size: 16px;
	letter-spacing: 0.5px;
}
.this-promotion-post {
	position: relative;
}
.price-line-register-btn .free-post-page {
	margin-top: 8px;
}
.free-post-page {
	font-family: 'kanit', 'sans-serif';
	color: green;
	font-weight: bold;
	font-size: 22px;
}
.platform-bottom-post-page {
	margin-top: -5px;
	font-size: 12px;
	color: #858484;
	font-family: 'kanit', 'sans-serif';
}
.register-success-page {
	width: 47%;
	margin-top: 50px;
}
.register-success-page h2 {
	font-family: 'kanit', 'sans-serif';
}
.register-success-page .s-code {
	font-weight: bold;
}
.div-block-btn-register-success {
	margin-top: 50px;
	margin-bottom: 50px;
}
.register-success-page .btn-outline {
	background-color: transparent;
	border: 1px solid #ff7e00;
	color: #ff7e00;
}
.register-success-page .btn-outline:hover {
	background-color: #ff7e00 !important;
	border: 1px solid transparent !important;
	color: white !important;
}
.register-success-page .div-block-btn-register-success a:first-child {
	margin-right: 15px;
}
.register-success-page .small-red {
	font-size: 12px;
	color: red;
}
.bundle-choose .bundle-choose-content p.title-bundle-text {
	font-size: 18px;
	margin: 0;
	width: 100%;
}
.bundle-choose .bundle-choose-content p.price {
	font-size: 25px;
}
.register-user-seminardd {
	width: 30%;
}
.register-user-seminardd button {
	margin-left: 15px;
}
.block-category-seminar-img {

}
.block-category-seminar-img ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
}
.block-category-seminar-img ul.title-category-choose > li {
	display: inline-block;
	font-family: 'kanit', 'sans-serif';
	font-size: 1.17em;
	padding: 5px 30px 5px 30px;
	transition: 0.3s;
}
.block-category-seminar-img ul.title-category-choose > li.active {
	background-color: #ff9126;
	color: white;
	border-radius: 50px;
}
.block-category-seminar-img ul.title-category-choose > li:hover {
	background-color: #ff9126;
	color: white;
	border-radius: 50px;
	cursor: pointer;
}
.block-category-seminar-img .block-seminar-img ul > li {
	display: inline-block;
	padding-top: 2px
}
.block-category-seminar-img .block-seminar-img ul > li img {
	width: 230px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
}
.zoom-img {
	overflow: hidden;
	position: relative;
}
.zoom-img img {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	transition: all 2s ease;
}
.zoom-img img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	z-index: 0;
}
.last-img-category {
	position: absolute;
	background-color: #00000052;
	width: 100%;
	height: 100%;
	line-height: 230px;
	text-align: center;
}
.last-img-category span {
	color: white;
	font-family: 'kanit', 'sans-serif';
	font-size: 60px;
}
.block-choose-category {
	padding-left: 30px;
}
.block-course-other-border.signature-course > .block-course-other-border-body {
	display: block;
}
.block-course-other-border.signature-course div.relatedpostitem {
	margin-right: 5px;
	display: inline-block;
}
.block-course-other-border.signature-course > .block-course-other-border-body {
	padding: 15px 10px;
}
.block-form-search-download-calender {
	text-align: left;
	border: 1px solid #e7e7e7;
	border-radius: 8px;
	padding: 15px;
	background: #f9f9f9;
	margin-top: 30px;
}
.block-button-search {
	margin-top: 25px;
}
.btn-search-calendar {
	background-color: #ff7e00;
	color: white;
	border: 1px solid transparent;
	font-size: 16px;
	font-family: 'kanit';
	padding: 9px 20px;
	transition: 0.3s;
}
.btn-search-calendar:hover {
	background-color: transparent;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.btn-filter-block {
	text-align: right;
}
.btn-filter-calendar {
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
	font-family: 'kanit';
	transition: 0.3s;
}
.btn-filter-calendar:hover {
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
}
.btn-filter-calendar:active {
	box-shadow: initial;
}
.btn-filter-calendar:focus {
	outline: initial;
}
.btn-filter-calendar.open i.arrow {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.block-form-search-download-calender .border-left {
	border-left: 2px solid #d3d3d3;
}
.block-form-search-download-calender .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-size: 15px;

}
.block-form-search-download-calender .bootstrap-select > .dropdown-toggle {
	border-radius: 5px ;
}
.block-form-search-download-calender select.form-control {
	border: 2px solid #d3d3d3;
	font-family: 'kanit', 'sans-serif';
	font-size: 15px;
	height: 42px;
}
.block-form-search-download-calender .separator {
	position: absolute;
	left: -4px;
	top: 5px;
	font-size: 22px;
}
.block-center-row {
	margin: auto;
	max-width: 79%;
}
.bundle-list {
	display: block;
}
.bundle-list:not(:first-child) {
	margin-top: 10px;
	border-top: 1px solid #eeeeee;
	padding-top: 25px;
}
.bundle-list .bundle-seminar {
	width: 100%;
	display: inline-flex;
}
.bundle-list .bundle-seminar > .bundnle-seminar-img {
	position: relative;
	width: 25%;
}
.bundle-list .bundle-seminar > .bundnle-seminar-img img {
	min-height: 222px;
}
.bundle-list .bundle-seminar > .bundle-seminar-content {
	margin-top: 0;
	margin-left: 20px;
	width: 75%;
}
.bundle-list .bundle-seminar > .bundle-seminar-content h2, .bundle-list .bundle-seminar > .bundle-seminar-content p {
	margin: 0;
}
.bundle-list .bundle-seminar-content small {
	color: #aeaeae;
}
.sectionbundle .bundle-content .bundle-post-title {
	width: 74%;
	display: inline-block;
	border-right: 2px solid #eee;
}
.sectionbundle .bundle-content .bundle-choose-bundle-page {
	width: 25%;
	display: inline-block;
	border-left: initial;
}
.bundle-list #picture-lecturer-post > a > img {
	width: 80px;
	height: 80px;
}
.bundle-list #content-lecturer-post > a > .name-lecturer {
	margin-bottom: 15px;
}
.bundle-list #content-lecturer-post .content-aptitude-coach {
	margin-top: 10px;
}
.bundle-list .view-history-coach-post-page {
	width: 65px;
}
.bundle-list #picture-lecturer-post {
	width: 16%;
}
.bundle-list #content-lecturer-post {
	width: 82%;
}
.bundle-choose-bundle-page.fixed {
	position: absolute;
	right: 0;
	top: 0;
}
.bundle-choose-bundle-page.fixed > .bundle-choose-content {
	position: fixed;
}
.relatedpostitem_middle {
	background-color: #e8e6e6;
	background-size: 18px 18px;
	border: 1px solid #d7d6d6;
	font-size: 12px;
	color: green;
	padding: 3px 3px 4px 15px;
	margin: 16px 0 10px -3px;
	width: 95%;
	height: 15px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
}
.bundles-list {
	display: inline-block;
	width: 45%;
	border: 1px solid #eee;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
}
.bundles-list .bundles-list-img img {
	height: 250px;
	width: 100%;
}
.bundles-list .bundles-list-title {
	background-color: #eee;
	text-align: center;
	font-family: 'Kanit', 'sans-serif';
}
.bundles-list .bundles-list-title a {
	text-decoration: none;
}
.bundles-list .bundles-list-title h2 {
	margin: 0;
	color: #0FAAE0;
}
.bundles-list .bundles-list-detail {
	padding: 15px 10px 15px 10px;
	height: 230px;
}
.bundles-list .bundles-list-detail .bundles-list-courses {
	display: inline-block;
	width: 68%;
	vertical-align: top;
}
.bundles-list .bundles-list-detail .bundles-list-price {
	display: inline-block;
	width: 30%;
	border-left: 1px solid #eee;
	padding: 0;
	text-align: center;
}
.bundles-list .bundles-list-detail .bundles-list-courses .bundles-courses:not(:first-child) {
	margin-top: 15px;
	border-top: 1px solid #eee;
	padding-top: 10px;
}
.bundles-list .bundles-list-detail .bundles-list-courses-img {
	width: 23%;
	display: inline-block;
	vertical-align: top;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail {
	width: 73%;
	display: inline-block;
	position: relative;
	margin-left: 8px;
	text-align: left;
}
.bundles-list .bundles-list-detail .bundles-list-courses-img img {
	width: 80px;
	height: 80px;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail [tooltip] {
	font-size: 12px;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail a {
	color: #333333;
	text-decoration: none;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail h3 {
	margin: 0;
	font-family: 'kanit', 'sans-serif';
	margin-top: 5px;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail .price-regular-bundle {
	font-size: 12px;
	color: #716e6e;
	text-decoration: line-through;
	font-family: 'kanit', 'sans-serif';
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail .lecturer-seminar {
	right: 30px;
	position: absolute;
	display: inline-flex;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail .lecturer-seminar div:not(:first-child) {
	margin-left: -20px;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail .lecturer-seminar div:hover {
	font-size: 18px;
	border: 1px solid #0faae0;
	border-radius: 50%;
	z-index: 10 !important;
	transition: 0.3s;
}
.bundles-list .bundles-list-detail .bundles-list-courses-detail .lecturer-seminar img {
	border-radius: 50%;
	width: 30px !important;
	height: 30px;
}
.bundles-list .bundles-list-detail .bundles-list-price {

}
.bundles-list .bundles-list-detail .bundles-list-price p.title-bundle-text {
	font-family: 'kanit', 'sans-serif';
}
.bundles-list .bundles-list-detail .bundles-list-price p.price {
	font-family: 'kanit', 'sans-serif';
}
.bundles-list .bundles-list-detail .bundles-list-price p.price span.price_regular {
	text-decoration: line-through;
	color: #969696;
	font-size: 12px;
}
.bundles-list .bundles-list-detail .bundles-list-price p.price span.price-sale {
	font-size: 25px;
	color: #ff7e00;
	font-weight: bold;
}
.bundles-list .bundles-list-detail .bundles-list-price p.thrifty {
	font-family: 'kanit', 'sans-serif';
	color: #06af04;
	font-weight: bold;
	font-size: 15px;
}
.bundles-list .more-bundles {
	background-color: #eee;
	margin-top: 20px;
	padding: 2px;
	font-size: 12px;
	font-family: 'kanit', 'sans-serif';
}
.bubdle-relatedpost {
	text-align: center;
}
.block-bundle-index {
	margin-bottom: 50px;
	background-image: url(/images/banner-index/3.jpg);
	font-family: 'kanit','sans-serif';
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 710px;
	background-position: 100%;
	background-blend-mode: saturation;
}
.block-bundle-index .block-bundle-content {
	padding: 15px;
	width: 1200px;
}
.block-bundle-index .owl-stage-outer {
	height: 500px;
}
.block-bundle-index .owl-stage {
	margin-left: auto;
	margin-right: auto;
}
.block-bundle-index .block-bundle-index-title {
	text-align: center;
	margin-top: 10px;
}
.block-bundle-index .block-bundle-index-title span {
	border: 1px solid #ff7e00;
	padding: 1px 5px;
	font-size: 12px;
	color: #ff7e00;
	margin-right: 10px;
	font-family: 'kanit', 'sans-serif';
	background-color: white;
}
.block-bundle-index .block-bundle-index-title h1 {
	font-family: 'Kanit';
	margin: 0;
	margin-bottom: 20px;
	background-color: #ff7e00;
	color: white;
	margin-top: 10px;
	width: 35%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;
}
.block-bundle-index .bundle-no-border-list {
	width: 95%;
	height: 470px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
	background-color: white;
	border-radius: 5px;
	padding: 5px;
}
.block-bundle-index .bundle-no-border-list .bundle-img {
	position: relative;
}
.block-bundle-index .bundle-no-border-list .bundle-img img {
	width: 100%;
	height: 250px;
	border-radius: 5px;
}
.block-bundle-index .bundle-no-border-list .bundle-thrifty {
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	background-color: #06af04;
	font-family: 'kanit';
	padding: 5px 15px;
	line-height: 22px;
	border-bottom-left-radius: 20px;

}
.block-bundle-index .bundle-no-border-list .bundle-thrifty span {
	font-size: 12px;
}
.block-bundle-index .bundle-no-border-list .bundle-thrifty p {
	font-size: 22px;
	margin: 0;
}
.block-bundle-index .bundle-no-border-list .bundle-courses {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
.block-bundle-index .bundle-no-border-list .bundle-courses a {
	display: inline-block;
}
.block-bundle-index .bundle-no-border-list .bundle-courses a img {
	width: 55px;
	height: 55px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
}
.block-bundle-index .bundle-no-border-list .bundle-courses i {
	position: absolute;
	top: 23px;
	margin-left: -6px;
	color: #ff7e00;
}
.block-bundle-index .bundle-no-border-list .bundle-detail {
	text-align: center;
}
.block-bundle-index .bundle-no-border-list .bundle-detail a {
	text-decoration: none;
	color: #1e1d1d;
}
.block-bundle-index .bundle-no-border-list .bundle-detail a h5 {
	margin: 0;
	font-family: 'kanit', 'sans-serif';
	font-size: 18px;
	height: 35px;
}
.block-bundle-index .bundle-no-border-list .bundle-detail a p {
	margin: 0;
	margin-top: 0;
	height: 50px;
}
.block-bundle-index .bundle-no-border-list .bundle-footer {

}
.block-bundle-index .bundle-no-border-list .bundle-price {
	display: inline-block;
	width: 55%;
	text-align: left;
	color: #ff7e00;
	font-weight: bold;
	font-size: 28px;
}
.block-bundle-index .bundle-no-border-list .bundle-price span.price-regular {
	text-decoration: line-through;
	color: #969696;
	font-size: 12px;
	font-weight: 400;
}
.block-bundle-index .bundle-no-border-list .bundle-btn {
	display: inline-block;
	width: 38%;
	text-align: right;
}
.block-bundle-index .bundle-no-border-list .bundle-btn a {
	background-color: #0faae0;
	border: 1px solid #0faae0;
	color: white;
	border-radius: 8px;
	padding: 5px 15px;
	text-decoration: none;
	text-decoration: none;
	transition: 0.3s;
	font-family: 'kanit', 'sans-serif';
	font-size: 14px;
}
.block-bundle-index .bundle-no-border-list .bundle-btn a:hover {
	background-color: white;
	border: 1px solid #0faae0;
	color: #0faae0;
}
.last-img-bundle-courses {
	position: absolute;
	background-color: #00000052;
	width: 76%;
	height: 100%;
	text-align: center;
	line-height: 58px;
	margin-left: 9px;
	border-radius: 5px;
}
.last-img-bundle-courses span {
	color: white;
	font-family: 'kanit', 'sans-serif';
	font-size: 30px;
}
.block-course-bundle.owl-carousel button.owl-dot {
	outline: none !important;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: #d3d3d3;
	margin: 3px;
}
.block-course-bundle.owl-carousel button.owl-dot.active {
	background-color: #464646;
}
.block-bundle-index .block-bundle-index-footer {
	margin-top: 30px;
}
.block-bundle-index .block-bundle-index-footer a {
	text-decoration: none;
	background-color: #ff7e00;
	color: white;
	border: 1px solid transparent;
	padding: 8px 25px;
	border-radius: 50px;
	font-size: 22px;
	transition: 0.3s;
}
.block-bundle-index .block-bundle-index-footer a:hover {
	background-color: white;
	color: #ff7e00;
	border: 1px solid #ff7e00;
}
.section-customers-our-service {
	font-family: 'kanit','sans-serif';
	padding: 10px 35px 10px 35px;
	margin-top: 30px;
	height: 1025px;
}
.section-customers-our-service .btn-form-div-margin {
	margin-top: 50px;
}
.section-customers-our-service h1 {
	text-align: center;
}
.block-img-out-service {
	width: 110px;
	height: 145px;
}
.block-img-service {
	text-align: center;
}
.block-img-service .col-img {
	width: 13.1%;
	display: inline-block;
	height: 100px;
}
.block-img-out-service {
	display: inline-block;
}
.img-customer-out-service {
	transition: 0.5s;
	width: 100px;
	margin-top: 20px;
	height: auto;
}
#sort-calendar-form {
	display: inline-block;
}
.sort-calendar {
	display: inline-block;
	width: 160px;
	border-radius: 50px;
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
	font-family: 'FontAwesome', 'Second Font name'
}
.block-img-service p.footer-block-sevice {
	margin-top: 45px;
	font-size: 16px;
}
.text-right-block-post a {
	color: #0FAAE0;
	text-decoration: none;
	font-family: 'kanit', 'sans-serif';
}
.text-right-block-post a:hover {
	color: #01688c;
}
.block-inhouse-request-postpage {
	font-family: 'kanit', 'sans-serif';
	text-align: center;
	border: 1px solid #ff7d01;
	border-radius: 8px;
	padding: 5px 10px 12px 10px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.block-inhouse-request-postpage p {
	font-weight: bold;
	margin: 0;
}
.block-inhouse-request-postpage p a {
	margin-left: 10px;
}
.inhouse-request-in-round {
	margin-top: 7px;
	width: 13%;
	margin-left: 20px;
}
.inhouse-request-in-round a.btn-register-in-round{
	background-color: white;
	border: 1px solid #0faae0;
	color: #0faae0;
}
.inhouse-request-in-round a.btn-register-in-round:hover {
	background-color: #0faae0;
	border: 1px solid transparent;
	color: white;
}
.block-inhouse-couseoutline-bottom {
	text-align: center;
	margin-top: -15px;
	margin-bottom: 20px;
}
.block-inhouse-couseoutline-bottom a {
	text-decoration: none;
	transition: 0.3s;
	border-radius: 7px;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 10px;
	transition: all .5s;
	-webkit-transition: all .5s;
	display: inline-block;
	font-family: 'kanit', 'sans-serif';
}
.block-inhouse-couseoutline-bottom a.inhouse {
	background-color: #0faae0;
	color: white;
	border: 1px solid transparent;
}
.block-inhouse-couseoutline-bottom a.course-outline {
	background-color: transparent;
	color: #0faae0;
	border: 1px solid #0faae0;
}
.eventdate-middle-type-post {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	text-align: center;
	margin-top: 10px;
	position: relative;
}
.eventdate-middle-type-post .location-in-round {
	font-size: 12px;
	margin-top: 5px;
	line-height: 15px;
}
.eventdate-middle-type-post hr {
	position: absolute;
	top: -16px;
	width: 630px;
	border: 1px solid #e0dddd;
}
.promotion-post-card {
	color: red;
	font-family: 'kanit', 'sans-serif';
	font-weight: bold;
	position: absolute;
	bottom: 5px;
	display: flex;
}
.promotion-post-card img {
	width: 25px !important;
	vertical-align: bottom;
}
.cant-edit-address {
	color: red;
	margin-top: 10px;
}
@media (min-width: 850px) {
	.label-aptitude {
		width: 8%;
	}
}