.backgroundCover, #home, #download, #packages, #subscribe, footer{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
@font-face{font-family:'thaisans_neueregular';src:url('font/thaisansneue-regular-webfont.eot');src:url('font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-regular-webfont.woff2') format('woff2'),
url('font/thaisansneue-regular-webfont.woff') format('woff'),
url('font/thaisansneue-regular-webfont.ttf') format('truetype'),
url('font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
@font-face{font-family:'thaisans_neuebold';src:url('font/thaisansneue-bold-webfont.eot');src:url('font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-bold-webfont.woff2') format('woff2'),
url('font/thaisansneue-bold-webfont.woff') format('woff'),
url('font/thaisansneue-bold-webfont.ttf') format('truetype'),
url('font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
@font-face{font-family:'cs_chatthaiuiregular';src:url('font/cschatthaiui-webfont.eot');src:url('font/cschatthaiui-webfont.eot?#iefix') format('embedded-opentype'),     url('font/cschatthaiui-webfont.woff2') format('woff2'),     url('font/cschatthaiui-webfont.woff') format('woff'),     url('font/cschatthaiui-webfont.ttf') format('truetype'),     url('font/cschatthaiui-webfont.svg#cs_chatthaiuiregular') format('svg');font-weight:normal;font-style:normal;}
body{background:#fff;font-family:'thaisans_neueregular', Tahoma, Arial;font-size:21px;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
a:hover{color:#FC6;text-decoration:none; outline:none;}
a:active{outline:none;}
.container{max-width:1140px;}
.wrapper{overflow-x:hidden; position:relative; max-width:100%; width:100%;margin-top:-150px;padding-top: 150px; padding-bottom:0; float:left;}
.container h2, .row h2{font-family:'thaisans_neuebold';font-size:50px;}
.container p, .row p{font-family:'thaisans_neueregular';font-size:25px;letter-spacing:0px;line-height:30px;}
header{color:black; z-index:9; position:relative;}
header.masthead .bannercontainer{width:100%;position:relative;padding:0;}
header.masthead .banner{width:100%;position:relative;}
header.masthead h1{text-transform:uppercase;font-size:55px;font-weight:bold;}
header.masthead .tp-caption a{color:white;}
header.masthead .mh-slider{position:absolute;bottom:0;top:auto;}
.menu-mobile{display:none!important;}
#home{width:100%!important;background:#fff;overflow:hidden;background-attachment:fixed;position:relative;text-align:center;margin-top:-70px;}
#home:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:url(../img/pattern.png) repeat;}
.navbar-collapse.collapse{float:right;margin-right:30px;margin-top: 10px; margin-bottom:10px}
#nav{ background: none;width:100%;position: relative;top:0;margin-bottom:0;min-height:50px;z-index:9999; border:0;}
#nav .navbar-brand{height:auto; padding:0;}
#nav .navbar-brand img{ width:90%; position:relative;}
#nav .navbar-brand img.logo-mobile{display:none;}
#nav.navbar-fixed-top{position:fixed;top:0;}
#nav .navbar-toggle{padding:10px;height:50px;}
#nav .navbar-toggle i{font-size:1.5em;}
#nav .navbar-nav.nav-title{margin-left: 120px;margin-top: 5px;}
#nav .navbar-nav.nav-title h1{font-family:'thaisans_neuebold';font-size:33px;padding:0;margin:0;padding-top:12px;margin-bottom:-3px;font-weight:normal;border-radius: 30px;padding: 0px 20px;display: inline-block;
-webkit-box-shadow: 0 3px 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 6px 1px 0 rgba(0,0,0,0.2);background: #fff;
color: #000;
margin-top:12px;
}
#nav .navbar-nav.nav-title h1.title_short{font-family:'thaisans_neueregular';font-size:23px;padding-top:0;}
#nav .navbar-right li a{text-transform:none;font-size:27px;padding:10px 10px; float:left;}
#nav .navbar-right li i {font-size: 12px;display: block;float: right;padding: 15px 15px 0 0;margin-left: -5px; color:#fff;}
#nav .navbar-right li{ font-family:'thaisans_neuebold';background:;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
#nav .navbar-right li.active{ background:#fff!important;border-radius: 50px;}
#nav .navbar-right li.active a{color:#000!important; text-shadow:none!important;}
#nav.navweb .navbar-right li:hover{background:none;}
#nav .navbar-right li a,
#nav .navbar-right li:hover a,
#nav .navbar-right li.active:hover a{color:#fff!important;text-shadow: 1px 1px 2px rgb(138, 138, 138);}
#nav .navbar-right li:active,
#nav .navbar-right li a:active,
.nav>li>a:hover,.nav>li>a:focus{background:#32394c;!important;border-radius: 50px; overflow:hidden;}
#nav .navbar-lang{float:right;margin-top:20px;margin-left:20px;}
#nav .navbar-lang li{background:#f05624;margin-left:2px;float:left;}
#nav .navbar-lang li:hover a{background:none;}
#nav .navbar-lang li a{font-family:'thaisans_neuebold';color:#fff;padding:4px 8px;font-size:17px;overflow:hidden;display:block;}
#nav.navweb .navbar-right > li{background:none;margin:0 11px;}
#nav.navweb .navbar-header{width: 310px; padding:10px; display:block; margin-left:0px;margin-top: -45px;}
#nav.navweb .
#nav .navbar-brand{float:none; height:auto; padding:0; margin:0; position:relative;}
/* nav fixed */
#nav.affix{ background:#fff;position:fixed;top:0;z-index:99999;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;border-bottom: 2px solid #e071ac;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
#nav.affix .navbar-collapse.collapse {margin-top: 15px;}
#nav.affix .navbar-header{margin-top:-40px;}
#nav.affix .navbar-brand img{width: 120px;}


.logo_title {
    float: left;
    width: 255px;
	margin-top:-45px;
}
header h2.title_header {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size: 35px;
    letter-spacing: 0px;
    padding: 0;
    line-height: 40px;
    margin: 0;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    text-indent: 7px;
    text-transform: uppercase;
	text-shadow:#000 2px 2px;
}
header h2.title_header_sub {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size: 31px;
    letter-spacing: 1px;
    padding: 0;
    line-height: normal;
    margin: 0;
    color: #000;
    background: #fff;
    text-align: center;
    width: 210px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 4px;
	line-height: 0.9;
	margin-left:5px;
}
header h3.title_anniversary {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size:24px;
    letter-spacing: 4.1px;
    padding: 0;
    line-height: 40px;
    margin: 0;
    color: #fff;
    margin-top: -5px;
    margin-bottom: 7px;
    text-indent: 7px;
    text-transform: none;
	width:220px; text-align: center;
}
/* top bar */
.nav_top{width:100%; position:relative; height:50px; background:none;}
.tel-line-nav{float:right; width:auto; padding-top:10px; padding-right:20px; } 
.tel-line-nav a{color:#fff;border-radius: 50px; padding:0px 25px; font-size:33px; display:inline-block; font-weight:normal;font-family:'thaisans_neuebold';}
.tel-line-nav a i{float: left;margin-top: 5px; margin-right:10px;}
.tel-line-nav a.btn-tell i{font-size:22px;}
.tel-line-nav a.btn-tell{background:#f6ba54;font-family:'thaisans_neueregular';}
.tel-line-nav a.btn-tell i{margin-top:12px;}
.tel-line-nav a.btn-line{background:#00c300;}
.tel-line-nav a.btn-tell:hover{background:#f2a52f;}
.tel-line-nav a.btn-line:hover{background:#bdee17;}
.tel-line-nav a.btn-apply{background:#ff0000; display:none;}
.top-menu-text{font-weight:normal!important;}
.top-menu-text:hover{ text-decoration:underline;}


h4{font-size:25px;}
h5{font-size:21px;}
h6{font-size:18px;}

/* top menu */
.nav-top-menu{float:right; width:auto; padding-top:15px;}
.nt-menu{padding:0; margin:0; list-style:none;}
.nt-menu li{list-style:none; float:left; padding:0 10px; }
.nt-menu li a{color:#000;}
body.home .main{  width:100%; position:relative; overflow:hidden;}
#page1 {
    text-align: center;
    background:none;
    background-size: cover;
    color: #fff;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 2;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#page1 .content{
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 3;
	position: relative;
	width: 100%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section {
    padding: 50px 0;
}
.title-cblue{font-family: 'thaisans_neuebold';
font-size: 41px!important;
padding: 12px 25px;
margin: 0;
margin-bottom:50px;
font-weight: normal;
border-radius: 30px;
padding: 0px 20px;
display: inline-block;
-webkit-box-shadow: 0 3px 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 6px 1px 0 rgba(0,0,0,0.2);
background: #0095DA;
color: #fff;
margin-top: 12px;}
.slick-dots{bottom:-33px!important;}
.slick-dots li button::before{font-size:11px!important;}
.slick-prev::before, .slick-next::before{font-size:35px!important;}
.slick-prev{left:-45px!important;}
.slick-prev,.slick-next{width:40px!important;height:40px!important;}
.slick-next{right:-45px!important;}
/* search */
.search-box{ width:100%;padding-left: 10px;background: #fbfbfb;float: left;border-radius: 3px 0 0 3px;border-color: #d2ccc1 !important;font-size: 21px;
color: #5a4e44;border: 1px solid #d2ccc1;height: 40px;vertical-align: middle;
line-height: 40px;padding: 0 1em;}
.btn_search{width: 80px;position: relative!important;margin-left: -1px;border-radius: 0px 3px 3px 0;top: 0px;background: #229ecc;
color: #f0f0f0;height: 40px;
line-height: 40px;border: 1px solid #dcd7d2;
right:0;float: right;
top: -40px;
font-size: 21px;}
.btn_search:hover{background: #51bde6;}

/* slide main */
.head-slide, .box-slide{float:right;}
.slide-main{width:100%; position:relative; overflow:hidden; padding-top:0px;}
.content-slider li{border-radius:25px; overflow:hidden;}
.lSSlideOuter .lSPager.lSpg > li a {background-color: rgba(206, 206, 206, 0.24)!important; width:16px!important; height:16px!important;}
.lSSlideOuter .lSPager.lSpg > li.active a {background-color: #daf5d1!important;}
.head-slide h1{ text-transform:uppercase;font-size:65px; color:#fff;font-family:'thaisans_neuebold'; line-height:1; margin-bottom:25px; margin-top:70px;}
.sub-head-slide{font-size:45px; line-height:1; display:block;}
.vc_tutor{ border-radius: 41px;padding: 10px 25px;
font-family:'thaisans_neuebold';
  color: #32394c;
  background-color: #fff;
  font-size: 40px;
  height: auto;
  line-height: 1.8;
  width: auto;
  border-color: transparent;
  
}
.sub-head-slide .row-3{display:block;}
.vc_tutor:hover{background-color:#ffcc66;color:#fff;}
.curveSection {
  width: 200%;
  height: 1000px;
  border-radius: 50%;
  background: #48cd18;
  background: linear-gradient(180deg, #48cd18 0%, #bdee17 110%);   left: -50%;
  right: 0;
  top:-450px;
  position: absolute;
  z-index:-9;
}


/* step main */
.step-main{margin:50px 0;}
.container-step{ background:#f2fcef;border-radius: 25px; padding-bottom:15px;}
.head-step h2{text-align:center; background:#69d811; color:#fff;border-radius: 25px;}
.content-step{ padding:0; margin:25px 0;}
.content-step li{list-style:none; padding:0; margin:1%; width: 23.22299999%; float:left;border-radius: 25px; background:#fff;}
.content-step li:first-child {margin-left:0;}
.content-step li:lasr-child {margin-right:0;}
.content-step li h3{border-top: 1px dashed #000;text-align:center;font-family:'thaisans_neuebold'; padding:15px 15px 0px;}



/* job main */
.job-main{width:100%; position:relative; overflow:hidden;}
.job-main .curveSection {
  width: 400%;
  height: 150%;
  border-radius: 50%;
  background: #48cd18;
  background: linear-gradient(180deg, #48cd18 0%, #bdee17 110%);   left: -150%;
  right: 0;
  top:0;
  position: absolute;
  z-index:8;
}
.bg-school{ background:url(../img/school-bg.png); width:100%; height:100%; position:absolute;}
.p-job-tutor .job-main .curveSection {display:none;}
.p-job-tutor .item-job{background:none; border:0; margin-bottom:100px; min-height:300px; float: left;width: 100%;}
.p-job-tutor .content-job li{background:#fcfcfc; width:49%;border: 1px solid #dfdfdf;}
.p-job-tutor .content-job li:nth-child(2n){margin-right:0;}
.p-job-tutor .content-job li:nth-child(2n+1){margin-left:0;}
.job-urgency .title-job{text-indent:50px;}
.text-urgency{padding:0px 15px 0px; left:0; top:10px; background:#fda909;color:#fff;border-radius: 0 10px 10px 0; position:absolute;font-family:'thaisans_neuebold';font-size:21px; font-weight:500; }

.head-job h2{text-align:center; color:#fff; margin-top:55px; display:block; margin-bottom:40px;}
.container-job {z-index:9; position:relative;}
.item-job{ border:1px solid #fff; margin-bottom:50px;border-radius: 0px;}
.content-job{ padding:0; margin:5px 0;}
.content-job li{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;list-style:none; padding:0; margin:1%; width: 48%; float:left;border-radius:4px; background:#fff; overflow:hidden; position:relative;}
.content-job li:hover{background:#c5f824;background: linear-gradient(180deg, #fff 10%, #c5f824 110%); }
.content-job li:hover h3{background:none;}
.content-job li:hover .job-list{color:#000;}
.content-job li:hover .box-icon{color:#000;}
.content-job li:hover .job-view{color:#fff;}


.content-job li h3{background:#f2fcef; color:#333;height: 70px;overflow: hidden; line-height:1.5; margin:0; padding:15px;font-family:'cs_chatthaiuiregular';  font-size: 18px;font-weight: 600;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear; margin-bottom:10px;}
.content-job li .job-list{color: #646464;padding:5px 15px; display:block; font-size:15px;font-family:'cs_chatthaiuiregular'; position:relative; display:block; width:100%; color:#8d8d8d-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.content-job li .box-icon { width:30px; color:#75e6a4; height:30px; display:block; float:left;}
.content-job li .job-view{ color:#009c85;position:absolute; z-index:9; right:14px; bottom:5px;font-size: 30px;}
.content-job li .job-id-left{ border-radius: 10px 0 0 10px; padding:2px 7px 2px 10px; background:#009c85; color:#fff;}
.content-job li .job-id-right{ border-radius: 0 10px 10px 0;padding:2px 10px 2px 7px; background:#75e6a4; color:#fff;}
.content-job li .job-id{float: left;padding-bottom:15px; padding-top:10px; padding-left:10px; font-size:21px;font-family:'thaisans_neuebold'; line-height:1;}
.content-job li .job-id i{font-size:15px;}
.box-job {padding: 0;max-height: 750px;}
.vc_job{ border-radius: 41px;padding: 10px 25px;
font-family:'thaisans_neuebold';
  color: #fff;
  background-color: #009c85;
  font-size: 25px;
  height: auto;
  line-height: 1.8;
  width: auto;
  border-color: transparent;
  margin-left:auto; margin-right:auto;
  text-shadow:2px 2px #333;
  
}
.vc_job:hover{background-color:#333333;color:#fff;}
.vc_policy{ border-radius: 41px;padding: 10px 25px;
font-family:'thaisans_neuebold';
  color: #fff;
  background-color: #e58014;
  font-size: 25px;
  height: auto;
  line-height: 1.8;
  width: auto;
  border-color: transparent;
  margin-left:25px; margin-right:auto;
  text-shadow:2px 2px #333;
  
}
.vc_policy:hover{background-color:#333333;color:#fff;}
.vc_follow{ border-radius: 41px;padding: 10px 25px;
font-family:'thaisans_neuebold';
  color: #fff;
  background-color: #fb5846;
  font-size: 25px;
  height: auto;
  line-height: 1.8;
  width: auto;
  border-color: transparent;
  margin-left:auto; margin-right:auto;
  
}
.vc_follow:hover{background-color:#333333;color:#fff;}
.more-follow{text-align:center;padding:50px 0 0;position: absolute;width: 100%;bottom: -25px;}


.more-job-page{text-align:center; padding:50px 0 0; margin-bottom: -20px;}
.content-job li .job-location,
.content-job li .job-time{height:30px; overflow:hidden; float:left; height:55px;}
.content-job li .job-location{width:60%;}
.content-job li .job-time{width:40%;}
	

/* job contact */
.job-contact{ background: url(../img/school-bg.png) #8fe117;}


/* contact main */
.main-contact{ background:#fff; border-radius: 25px; margin-top:50px; margin-bottom:80px; padding:30px 15px; padding-bottom: 40px;}
.head-contact{text-align:right;}
.content-contact{padding:0; margin:0;list-style:none;}
.content-contact li{padding:0; margin:0; list-style:none; width:200px; float:left; margin:10px;}
.list-contact {border-radius: 5px;text-align:center; color:#fff;width:200px; height:200px; padding:25px 15px; }
.list-contact a{color:#fff;}
.list-contact i{font-size:80px;}
.list-contact span{width:100%; display:block; margin-top:10px; font-size:27px;font-family:'thaisans_neuebold'; line-height:1;}
.box-facebook {background:#4b6db5;}
.box-line {background:#00cb1d;}
.box-facebook:hover {background:#4f75c5;}
.box-line:hover {background:#09b822;}


/* page contact */
.page-contact-row-line{list-style:none!important; padding:0!important; margin:0 0 50px 0!important; width:100%; float: left;}
.page-contact-row-line li{list-style:none!important; float:left; padding:15px!important; margin:0!important;}
.page-contact-row-line li:nth-child(1){width:50%; text-align:right;}
.page-contact-row-line li:nth-child(1) h3{text-align:right!important;}
.page-contact-row-line li:nth-child(2){ background:#00cb1d url(../img/M_jobddtutor_GW.png) no-repeat 10px 10px; background-size:90% auto; font-family:'thaisans_neuebold'; font-size:27px;width:200px; height:250px; text-align:center; padding-top:195px!important;}
.page-contact-row-line li:nth-child(2) a{color:#fff!important;}
.page-contact-row-line li:nth-child(2) a:hover{ text-decoration:none!important;}

.page-contact-row-group{list-style:none!important; padding:0!important; margin:0 0 50px 0!important; width:100%;display:flex;justify-content: center;}
.page-contact-row-group li{ width:200px; float:left;font-family:'thaisans_neuebold'; font-size:27px;text-align:center;list-style:none!important; display: list-item; padding:15px!important;  padding-top:200px!important; margin:1% 15px!important;}
.page-contact-row-group li a{color:#fff!important;}
.page-contact-row-group li a:hover{ text-decoration:none!important;}
.page-contact-row-group li:nth-child(1) {background:#4b6db5 url(../img/jobddtutor_facebook.png) no-repeat center 10px; background-size:180px;}
.page-contact-row-group li:nth-child(2) {background:#4ef79b url(../img/jobddtutor_OP1.png) no-repeat center 10px; background-size:180px;}
.page-contact-row-group li:nth-child(3) {background:#93ffc4 url(../img/jobddtutor_OP2.png) no-repeat center 10px; background-size:180px;}
.page-contact-row-group li:nth-child(2) a,
.page-contact-row-group li:nth-child(3) a{color:#333!important;}


/* view job */
.p-job-tutor .nav_title{margin-bottom:0;}
.tutor-manual-box{ background:#f2fcef; margin-bottom:0; padding-top:20px; padding-bottom:35px;}
.tutor-manual-view{ background:#69d811; color:#fff!important; text-align:center; font-size:27px!important; padding:7px 15px 5px;}
.p-job-tutor #content_view{ background:#f2f2f2; margin-bottom:50px;}
.p-job-tutor .more-job-page{ margin-bottom:50px;padding:0;}
.view-job-content{list-style:none!important; padding:0!important; margin:0 0 20px 0!important; width:100%; float:left;}
.view-job-content li{ position:relative; width: 100%; overflow:hidden; background:#fff;box-shadow: 0 3px 10px rgba(57,57,57,0.07); min-height:70px;border-radius: 10px;float:left;font-family:'thaisans_neuebold'; font-size:23px;text-align:center;list-style:none!important; display: list-item; padding:0!important; margin:1%!important;}
.p-job-tutor #content_view .content{width:100%; padding-top:30px;}
.id-left{ color:#fff; line-height:70px; width:50%; float:left; height:70px; background:#009c85;}
.id-left i{font-size:16px;}
.id-right{ color:#fff; line-height:70px; width:50%; float:left; height:70px; background:#8BC321;}
.id-right.reserved{background:#EC3A53;}
.row-topic {text-align:left!important;}
.row-topic span{display:inline-block; width:80%;font-family:'cs_chatthaiuiregular'; font-size:15px;}
.row-topic .topic-value{padding-bottom:10px; line-height:1.3;}
.row-topic i{width:50px; height:50px;border-radius:50%; margin:10px; background:#ff9700; color:#fff; text-align:center; line-height:50px; float:left;}
/*.row-id-1 i{background:#ff9700;}
.row-id-2 i{background:#f96519;}
.row-id-3 i{background:#f3bd01;}
.row-id-4 i{background:#ff3333;}
.row-id-5 i{background:#ab0000;}
.row-id-6 i{background:#16a59c;}
.row-id-7 i{background:#8bc321;}
.row-id-8 i{background:#fadc14;}
.row-id-9 i{background:#f37a01;}*/
.row-topic .topic{ margin-top:10px;font-family:'thaisans_neuebold'; font-size:21px; color:#F37A01;}
.row-topic .topic-value p{ margin:0!important; padding:0!important;}
.hiligt-job{position:absolute; width:50px; height:50px; line-height:50px; text-align:center; color:#fff;font-family:'thaisans_neuebold'; font-size:25px;border-radius:50%; z-index:9; left:32px; top:12px; background:#ff3333;}
.p-job-tutor .title_view{font-size:23px;}


/* job tutor manual */
.job-manual-view{list-style:none!important;overflow-y: scroll;overflow-x: hidden; max-height:560px; padding:0!important; margin:0 0 20px 0!important; width:100%; float:left;padding-top:0px !important;}
.job-manual-view li{ position:relative; width: 31%; background:#fcfcfc; height:220px;border-radius: 15px;float:left;font-family:'thaisans_neuebold'; font-size:27px;text-align:center;list-style:none!important; display: list-item; padding:0!important; margin:1%!important;}
.job-manual-view li img{margin:0!important; max-width:100%; width:100%;}
.job-manual-view li h4{ position:absolute; top:0px; left:5px; z-index:9;background:#009c85;font-family:'thaisans_neuebold'; font-size:25px; color:#fff; width:30px; height:30px; line-height:30px; border-radius: 50%;}
.job-manual-view li h3{font-family:'cs_chatthaiuiregular'!important;font-size:13px!important;width: 87%;margin-left: auto!important; margin-right:auto!important; }
.job-manual-view li:nth-child(2) h3,
.job-manual-view li:nth-child(4) h3,
.job-manual-view li:nth-child(5) h3{ width:70%;}

/* box timeline */
.box{margin:0 10%;padding: 10px 0 0px 60px;}

.job-manual{list-style-type: none;margin: 0!important;padding: 50px 0 150px 0!important;position: relative;transition: all 0.5s linear;top:0}
.job-manual:last-of-type{top:-60px}
.job-manual:before{content: "";display: block;width: 0;height: 100%;position: absolute;top:0;left:30px}
.job-manual li{ list-style:none!important;margin: 5px 10px 0px;margin-left:0!important; position: relative;padding: 32px 20px;border-radius: 10px;line-height: 17px;width: 100%;height: 300px;}
.job-manual li > h4{content: "";display: block;text-indent: 50000000px;width: 0;height: 290px;border:1px solid #e1e1e1;position: absolute;top:150px;left:50%}
.job-manual li:first-child > h4{margin-top: 50px;}
.job-manual li:last-child > h4{border:0;}
.job-manual li > h4:before{content: "";display: block;width: 50px;height: 50px;border-radius: 50%;top: -51px;font-family:'thaisans_neuebold'; font-size:35px;text-align: center;line-height: 45px;color: #fff;background:#009c85;border:2px solid #e1e1e1;position: absolute;left:-25px;text-indent: 0;}
.job-manual li > h4:after{top:-10px}
.job-manual li img{width:300px!important;background:#fcfcfc;margin:0!important;border-radius:25px 25px 0 0;}
.job-manual li h3{width:300px!important;background:#fcfcfc; margin:0!important; padding:10px 15px!important;border-radius:0 0 25px 25px; text-align:center;}
.job-manual li:nth-child(2n) img{margin-left:55%!important;}
.job-manual li:nth-child(2n) h3{margin-left:55%!important;}
.job-manual li:nth-child(2n+1) img{margin-left:15%!important;}
.job-manual li:nth-child(2n+1) h3{margin-left:15%!important;}
.job-manual li:nth-child(1) > h4:before{content: "1";}
.job-manual li:nth-child(2) > h4:before{content: "2";}
.job-manual li:nth-child(3) > h4:before{content: "3";}
.job-manual li:nth-child(4) > h4:before{content: "4";}
.job-manual li:nth-child(5) > h4:before{content: "5";}
.job-manual li:nth-child(6) > h4:before{content: "6";}
.job-manual li:nth-child(7) > h4:before{content: "7";}
.job-manual li:nth-child(8) > h4:before{content: "8";}
.job-manual li:nth-child(9) > h4:before{content: "9";}
.job-manual li:nth-child(10) > h4:before{content: "10";}


/* 
	Search Site
------------------------------------------------*/
.moodule-search{padding:0!important; position:absolute; top:0; left:-100px;}
.searchsite-toggle {
	z-index: 10;
	position:relative;
	top: 0;
	right: auto;
	display: block;
	width: 66px;
	height: 70px;
	background: none;
	cursor: pointer;
	text-align: center;
	line-height: 86px;
	left:0;
	top: 0;
	height: 80px;
	width: 80px;
}
.searchsite-toggle i{margin-left:-8px;}
.menu-item-search .searchsite-toggle {
	z-index: 10;
	position:relative;
	top: 0;
	right: auto;
	display: block;
	background: none;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	left:0;
	top: 0;
	height: 32px;
	width: 32px;
}
@media (min-width: 576px) {
	.searchsite-container .searchsite-toggle {
		right: auto;
		width: 80px;
		height: 80px;
		
	}
}
@media (min-width: 992px) {
	.searchsite-toggle {
		top: 0;
		right: auto;
		left: 0;
	}
}

/* 
	Search Site Container (Form and Suggest)
------------------------------------------------*/
.searchsite-container { 
	width: 100%;
	transition: all 0.3s ease;
	padding-left:15px;
	padding-right:15px;
}
.searchsite-is-open .searchsite-container { 
	overflow-y: hidden;
}
.searchsite-container .btn-close {
	z-index: 10;
	width: 70px;
	height: 70px;
	background-color: transparent;
}
.searchsite-inner {
	position: relative;
	padding: 0 0 60px 0;
    margin-left: auto;
    margin-right: auto;
}
.searchsite-inner .searchsite-title {
	line-height: 70px;	
	margin-bottom: 0;
	padding: 0 20px;
	font-size: 2.125em;
	color: #000;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight:300;
}
.searchsite-form {
	z-index: 1;
	display: block;
	margin: 0 0 60px 0;
	padding: 0;
}
.searchsite-container .searchsite-input {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	float: left;
	display: inline-block; 
	box-sizing: border-box; 
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 70px 0 20px;
	border: none;
	border-radius: 0;
	background-color: #fff; 
	font-size: 1.125em;
	color: #000;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
}
.searchsite-container .searchsite-input::-webkit-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-moz-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input:-ms-input-placeholder {
	opacity: 0.25; 
	color: #000; 
}
.searchsite-container .searchsite-input::-webkit-search-cancel-button,
.searchsite-container .searchsite-input::-webkit-search-decoration { 
	-webkit-appearance: none; 
}
.searchsite-container .searchsite-input::-ms-clear { 
	display: none; 
}
.searchsite-container .searchsite-input:focus{
	outline: none !important;
	outline-offset: -2px!important;
	-webkit-appearance: textfield!important;
	border:0!important;
}
.searchsite-container .searchsite-submit {
	position: absolute;  
	right: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	padding: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	cursor: pointer;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
}
@media (min-width: 576px) { 
	.searchsite-container .btn-close {
		width: 70px;
		height: 70px;
	}
	.searchsite-inner .searchsite-title {
		line-height: 70px;	
	}
	.searchsite-container .searchsite-input {
		height: 70px;
		line-height: 70px;
		padding: 0 80px 0 20px;
	}
	.searchsite-container .searchsite-submit {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
}
@media (min-width: 768px) { 
	.searchsite-container {
		padding-top: 40px;
	}
	.searchsite-inner .searchsite-title {
		padding: 0;
	}
	.searchsite-container .searchsite-input {
		padding-left: 30px;
		font-size: 1.25em;
	}
}
@media (min-width: 992px) { 
	.searchsite-container {
		width: 100%;
		padding-top: 0px;
	}
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner {
		padding: 0;
	}
	.searchsite-inner .searchsite-title {
		font-size: 2.25em;
		line-height: 70px;	
	}
	.searchsite-form {
		margin-bottom: 40px;
	}
	.searchsite-container .searchsite-submit {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
}


.glyphicon-exclamation-sign::before {
  content: "\f06a"!important;
  font-family: "Font Awesome 5 Free"!important;
  font-weight: 900!important;
}
.glyphicon-remove::before {
  content: "\f00d"!important;
  font-family: "Font Awesome 5 Free"!important;
  font-weight: 900!important;
}
.glyphicon-pause::before {
  content: ""!important;
  font-family: "Font Awesome 5 Free"!important;
  font-weight: 900!important;
}


/* footer */
.footer{color:#000; padding-top:0;background:#efeff0; padding-top:50px; padding-bottom:0;}
.develop_by{float:right;}
.footer a{ color:#000;}
.footer a:hover{ color:#000; text-decoration:underline;}
.menu-footer{ padding:0; margin:0; list-style:none;}
.menu-footer li{ padding:0; margin:0; list-style:none;font-family:'thaisans_neuebold'}
.footer-qr-line{max-width:100px;}
.head-footer{font-size:23px!important; padding:0; margin:0; margin-bottom:10px;}
.footer-2{padding-left:5%;}
.menu-footer.menu-social a{color:#009c85;}
.menu-footer.menu-social li.line{color:#00cb1d;}
.menu-footer.menu-social li.facebook{color:#4b6db5;}
.row-copyright{font-family:'cs_chatthaiuiregular';font-size:13px; margin-top:35px;}
.copyright{padding:10px 0;}
.developby{padding:10px 0; text-align:right;}


.pdpa-public .error{display:block!important;}
.pdpa-public p{text-indent:50px!important;}
	
	
.col-left{text-align:right;}
.register-page label.col-left{font-weight:bold;}
.req{color:#F00;}

.title_view{ background:#f2f2f2;font-family:'thaisans_neuebold';letter-spacing:0
5px;font-size:43px;color:#000;letter-spacing:0.5px;padding:15px 30px;float:none;margin:0;line-height:33px; border-bottom:3px solid #ddd;margin-bottom:25px;padding-right:27%;}
.title_cat{border:0;width:inherit!important;background:#06C;color:#fff!important;display:inline;padding:5px 20px !important;}
.view_path{ background:#f2f2f2;font-family:Tahoma, Geneva, sans-serif;color:#777;font-size:13px;padding:15px 0 5px 25px; border-bottom:1px solid #ddd;padding-right:27%;}
.view_path a{color:#0FA6CE;}
.nav_title{font-family:Tahoma, Geneva, sans-serif;font-size:12px;position:relative;overflow:hidden;background:#e7e7e7;padding:5px 30px;border-bottom:1px solid #cfcfcf;margin-bottom:25px;margin-top:-25px;}
.view_date_event{width:100%;border-bottom:1px solid #ccc;margin:-25px 0 25px 0;line-height:36px;display:block;text-indent:25px;color:#396;}
.nav_title i{margin:0 10px;}
.hits_path{margin-left:30px;}
#content_view{width:100%;min-height:450px; background:#fff; border-radius:25px;margin:10px auto 0px auto;overflow:hidden!important;padding:0;position:relative;}
#content_view .row{margin:15px 0;}
#content_view .content a{color:#0a10e3;}
#content_view .content a:hover{text-decoration:underline;color:#d51969;}
#content_view .content{font-family:Tahoma, Geneva, sans-serif;font-size:15px;margin:auto;line-height:28px;position:relative;min-height:350px;color:#303030;padding:15px;width:95%;margin-bottom:20px; overflow:hidden; }
#content_view .content ul{margin-top:15px;}
#content_view .content ul li{list-style-type:disc;margin-left:45px;line-height:25px;margin-bottom: 10px;}
#content_view .content ol{margin-left:65px;line-height:25px;}
#content_view .content ol li{list-style-type:decimal;line-height:28px;margin-bottom:10px;}
#content_view .content,#content_view .content p{font-family: 'cs_chatthaiuiregular', Geneva, sans-serif;font-size:16px;line-height:1.7;letter-spacing:normal;}
#content_view .content p{padding:0;margin:0 25px;margin-bottom:15px;}
#content_view .content blockquote{ font-size:16px;border-left: 5px solid #009c85;background: #f7f7f7;padding: 25px 0 10px 0;background: #f7f7f7;}
#content_view .content .btn span{color:#fff!important;}
#content_view .content h2{color:#ff1957;padding:5px 0;margin:15px 0;font-family:'thaisans_neuebold';font-size:32px;border-bottom:1px solid #eee;text-indent:30px;line-height:inherit;}
#content_view .content h2.tproduct{ margin:0;}
#content_view .content h1{font-size:36px;background:#135fa8;color:#fff;font-family:'thaisans_neueregular';padding:10px 15px; line-height:1;margin:25px 0;text-indent:0px;}
#content_view .content h1 a{color:#B3F7F7;}
#content_view .content.view p > img{margin-right:7px;max-width:100%;height:auto!important;text-indent:0;}
#content_view .content.view img{margin:10px 0;max-width:100%;}
#content_view .content.view h3{font-family:'thaisans_neuebold';font-size:25px;font-weight: normal;line-height:30px;margin:10px 0;color:#000;text-shadow:none;line-height:inherit;text-indent:30px;}
#content_view .content.view li h3{ text-indent:0;}
#content_view .content.view em{font-style:italic}
#content_view .content.view pre > img{margin-right:7px;max-width:880px;}
#content_view .content.view pre{margin:10px 0;padding:10px;}
#content_view .content.view address{font-style: italic;}
#content_view .content.view{color:#353535;font-family:'cs_chatthaiuiregular';}
.view-product #content_view .content.view {padding-top:10px;}
#content_view .content.view ul,#content_view .content.view ol{margin-bottom:20px;}
#content_view .content pre{margin:10px 0;padding:10px;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
#content_view .content-panel,#content_view .content-panel b{color:#054950;}
#content_view .content-panel .type_page{color:#999;}
#content_view .content strong,#content_view .content b{font-weight: normal;font-family:'thaisans_neuebold';}
#content_view .content.view h2 strong,
#content_view .content.view h3 strong{font-weight: bold;}
#content_view .content hr{border:none;height:1px;background:#e4e5e5;}
#content_view h2.title_view{font-size:39px;background:none;color:#333;}
#content_view table{margin:25px auto;width:100%!important;}
.blog-share{position:absolute;right:30px;top:17px;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
.count-share{float:left;display:inline-table;overflow:hidden;width:150px;height:80px;border-right:1px solid #ECECEC;margin-right:10px;}
.btn-share{display:inline-table;overflow:hidden;width:180px;height:80px;}
.btn-share a{color:#fff;width:40px;height:40px;overflow:hidden;display:inline-table;border:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;padding:6px 0 0 0;font-size:20px;}
.btn-share a:hover{color:#fff!important;opacity:0.7;filter:alpha(opacity=70);text-decoration:none!important;}
.text-btn-share,.text-count-share{float:left;width:100%;margin-bottom:12px;}
.num-share{font-size:26px;font-weight:bold;}
.btn-share-fb{background:#3354A5;}
.btn-share-tw{background:#5AC8E6;}
.btn-share-gp{background:#CB4C4C;}
.btn-share-line{background:#59c816;}
.btn-share-line i{font-size:23px!important;font-style:normal; color:#fff;}


.scrollup{width:40px;height:40px;position:fixed;bottom:50px;right:50px;display:none;text-indent:-9999px;background:url(../img/back_on_top.png) no-repeat center;background-size:120%;opacity:0.5;border-radius: 50%;z-index:9999;}
.scrollup:hover{opacity:0.9;}

.btn-reg-tutor{font-family:'thaisans_neuebold'; line-height:1; font-size:48px; margin-top:35px;
display: inline-block;
min-width: 200px;
padding: 10px 30px;
font-weight: 500;
color: #fff!important;
text-shadow:1px 2px #000;
text-transform: uppercase;
background: #ff1957;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.btn-reg-tutor:hover{ color:#fff;background: #f09433; text-decoration:none!important;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}

.register-form .list{width:100%; position:relative;display: inline-block;}
.register-form ul{padding:0!important; margin:0!important;list-style:none!important;}
.register-form li{list-style:none!important;padding:0!important; margin:0!important;}
.register-form .name-form{font-family:'thaisans_neuebold'; font-size:21px;width:30%; float:left; text-align:right; padding:10px;}
.register-form .box-form{width:70%; float:left;padding:10px;}
.register-form input[type="text"]{margin-bottom:10px;}
.register-form .error{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#F00;}
.register-form label{font-weight:normal;}

.register-form .regist-progress{margin-bottom:50px!important; display: flex;justify-content: center;float: left; width:100%;}
.register-form .regist-progress li{ width:33.333%; }
.register-form .regist-progress li i{width:50px; height:50px; font-size:25px; text-align:center; line-height:50px; border-radius: 50%; background:#ddd;color: #fff; margin-right:15px;}
.register-form .regist-progress li.current i{background:#cdf7e4;}
.register-form .regist-progress li.active i{background:#5ae4a7;}
.register-form .regist-progress li:nth-child(1){width:180px}
.register-form .regist-progress li:nth-child(2){width:200px}
.register-form .regist-progress li:nth-child(3){width:240px}



input[type="button"],input[type="submit"] { -webkit-appearance: none; display:block; margin:0 auto; min-width:260px; height:50px; padding:0 20px; font-family:'thaisans_neuebold', Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 500; border-radius: 20px; cursor:pointer; text-align:center; color:#fff; background:#d21770; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
input[type="button"]:hover ,input[type="submit"]:hover { background:#ff1957; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

input[type="text"],input[type="password"],input[type="email"] { height:40px; }

input[type="text"],input[type="password"],input[type="email"],input[type="file"], select,textarea { width:100%; padding:10px; font-family:'thaisans_neueregular', Arial, Helvetica, sans-serif !important; font-size: 21px !important; font-weight:300; line-height: 1.3em; color:#463835 !important; background:#f9f9f9; border:1px solid #ddd; -webkit-appearance: none;     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
input { -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
textarea,select { -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"],
textarea:focus,select:focus { border:1px solid #ee6a8d !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

input[type=file]:focus,
input[type=file]:hover,
input[type=checkbox]:focus,
select:focus,select:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

input[type=file],
input[type=checkbox],
select{ -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
label { cursor:pointer; }
select {background: #f9f9f9 url(../img/icon-select.png) no-repeat right center;-webkit-appearance: !important;-moz-appearance:!important;font-family:  Arial, Helvetica, sans-serif !important; font-size: 16px !important;  }
/*@-moz-document url-prefix() { select {  padding:4px 5px 5px 5px!important; } }*/
/*Checkbox*/

label {
  cursor: pointer;
  display: inline-block; position:relative;
}

input[type="checkbox"],
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  border-color: #999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  margin-bottom:10px;
  padding-left: 35px; 
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: '';
  color: #555;
  position: absolute;
  top:-2px;
  left: 1px;
  width: 25px;
  height: 25px;
 background:#f9f9f9; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  font-size: 18px;
  text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
  content: '';
  background-color: #ff7641;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 15px;
  height: 15px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
          transition: transform 200ms ease-out;
}

input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 7px;
  left: 6px;
  width: 17px;
  height: 8px;
  margin-top: -3px;
  border-style: solid;
  border-color: #ff7641;
  border-width: 0 0 3px 3px;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
      -ms-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
}
input[type="checkbox"]:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

input[type="radio"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 50%;
}

input[type="checkbox"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}
.mn { margin:0 !important; }
.mr { margin-right:0 !important; }
.ml { margin-left:0 !important; }
.mt { margin-top:0 !important }
.mb { margin-bottom:0 !important; }

.mt-10 { margin-top:10px !important; }
.mt-15 { margin-top:15px !important; }
.mt-20 { margin-top:20px !important; }
.mt-30 { margin-top:30px !important; }
.mt-40 { margin-top:40px !important; }
.mt-50 { margin-top:50px !important; }

.mr-10 { margin-right:10px !important; }
.mr-15 { margin-right:15px !important; }
.mr-20 { margin-right:20px !important; }
.mr-30 { margin-right:30px !important; }
.mr-40 { margin-right:40px !important; }
.mr-50 { margin-right:50px !important; }

.mb-10 { margin-bottom:10px !important; }
.mb-15 { margin-bottom:15px !important; }
.mb-20 { margin-bottom:20px !important; }
.mb-30 { margin-bottom:30px !important; }
.mb-40 { margin-bottom:40px !important; }
.mb-50 { margin-bottom:50px !important; }

.ml-10 { margin-left:10px !important; }
.ml-15 { margin-left:15px !important; }
.ml-20 { margin-left:20px !important; }
.ml-30 { margin-left:30px !important; }
.ml-40 { margin-left:40px !important; }
.ml-50 { margin-left:50px !important; }

.pn { padding:0 !important; }
.pr { padding-right:0 !important; }
.pl { padding-left:0 !important; }
.pt { padding-top:0 !important; }
.pb { padding-bottom:0 !important; }

.pt-5 { padding-top:5px !important;}
.pt-10 { padding-top:10px !important;}
.pt-15 { padding-top:15px !important;}
.pt-20 { padding-top:20px !important;}
.pt-30 { padding-top:30px !important;}
.pt-40 { padding-top:40px !important;}
.pt-50 { padding-top:50px !important;}
.pt-60 { padding-top:60px !important;}

.pr-10 { padding-right:10px !important;}
.pr-15 { padding-right:15px !important;}
.pr-20 { padding-right:20px !important;}
.pr-30 { padding-right:30px !important;}
.pr-40 { padding-right:40px !important;}
.pr-50 { padding-right:50px !important;}

.pb-5 { padding-bottom:5px !important;}
.pb-10 { padding-bottom:10px !important;}
.pb-15 { padding-bottom:15px !important;}
.pb-20 { padding-bottom:20px !important;}
.pb-30 { padding-bottom:30px !important;}
.pb-40 { padding-bottom:40px !important;}
.pb-50 { padding-bottom:50px !important;}
.pb-60 { padding-bottom:60px !important;}

.pl-10 { padding-left:10px !important;}
.pl-15 { padding-left:15px !important;}
.pl-20 { padding-left:20px !important;}
.pl-30 { padding-left:30px !important;}
.pl-40 { padding-left:40px !important;}
.pl-50 { padding-left:50px !important;}
.pl-60 { padding-left:60px !important;}
.pl-70 { padding-left:70px !important;}
.pl-80 { padding-left:80px !important;}
.register-form .col-0 { float:left; width:117px;  }
.register-form .col-3 { float:left; width:33.3333%; padding-right:5px; }
.register-form .col-2 { float:left; display:table-cell; width:50%; padding-right:5px; vertical-align:middle; }
.register-form .col-1 { float:left; display:table-cell; width:100%; vertical-align:middle; }

.head-form{font-family:'thaisans_neuebold'; font-size:30px; text-align:center; margin-top:25px; margin-bottom:25px; color:#000;}
.btn-nextPrev{font-family:'thaisans_neuebold'; font-size:23px;min-width:100px;}
.btn-nextPrev i{font-size:16px; }


/* Hide all steps by default: */
input.invalid,select.invalid,textarea.invalid  {
  background-color: #ffdddd;
}

.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {background-color: #04AA6D;}

/* cookies */
.highlight {
    background: rgba(255,215,0,0.115);
}
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
	background: #81888c;
	z-index:99999999999;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-advanced{display:none!important;}

.p-condition #content_view .content p{white-space: wrap;text-overflow: ellipsis;}


@-webkit-keyframes bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1);}
}
@keyframes bouncedelay{
0%,
80%,
100%{transform:scale(0);-webkit-transform:scale(0);}
40%{transform:scale(1);-webkit-transform:scale(1);}
}

@media all and (min-width:1367px){
body{background-size: 100% auto ;}
.container {width: 80%;}
}
@media (min-width:1280px){
}
@media all and (max-width:1780px){ 
.sub-head-slide{font-size:44px;}
#nav.navweb .navbar-right > li{margin: 0 4px;}
.head-slide h1{font-size: 55px;}
.row-copyright{padding-left:15px; padding-right:15px;}
.step-main{padding-left:15px; padding-right:15px;}
.container{width:auto; padding-left:15px; padding-right:15px;}
.wrapper{width:100%;}
header .container{width:100%;}
#nav .inner_nav{background-position:left;}
#nav .navbar-nav.nav-title {margin-left: 120px;}
.line_contact li.mail span{font-size:21px;}
#nav.navweb .navbar-header{margin-left: 0;}
}
@media all and (max-width:1100px){
#nav .container{width:100%;}
.box-contact p{font-size:21px;}
.title_view{font-size:37px;}
section {padding: 40px 0;}
section h2{font-size: 45px;}
#intorq.intorq2{background-position: -140px 0px;}
#nav .navbar-right li a{font-size: 25px;padding: 12px 10px;}
}
@media all and (max-width:992px){
.menu-mobile{display: block!important;}
.offcanvas-active #nav.navweb .navbar-header{height:100px;}
.sub-head-slide .row-3{display:inline;}
.head-job h2{margin-bottom:0;}
.searchsite-inner{padding-bottom:0;}
.footer{padding-top:0;}
.head-slide h1{color:#000; text-align:center;}
.vc_tutor{margin-left:auto!important; margin-right:auto!important; background:#fda909; color:#fff;display: table;padding: 0px 45px;}
.content-contact{display: flex;justify-content: center;}
.content-contact li{float:none;}
.head-contact{text-align:center;}
.navbar-nav.navbar-right{  background: rgb(240,240,240);
background: linear-gradient(32deg, rgba(240,240,240,1) 0%, rgba(254,248,216,1) 100%);  width:100%;padding-left: 6px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;position: relative;float: left !important;}
.navbar-collapse.collapse{border-radius: 15px; overflow:hidden; margin-top:25px!important;}
#nav .navbar-right li:first-child a{border:0;}
.curveSection{top: -550px;}
.box-slide{padding:0!important;}
.tel-line-nav a.btn-tell i{margin-top:0;}
.slide-main{padding-top:20px;}
#nav .navbar-brand img{width:190px;}
#home{margin-top:0px!important;}
#content_view { margin-top:15px;border-radius:15px; margin-left:15px; margin-right:15px;width: auto;}
.nav-top-menu{display:none;}
header{background:none; height:100px; position:relative; z-index:9;} 
#nav.navweb{height:100px;}
#nav.navweb .logo-desktop{display:none;}
#nav .navbar-brand img.logo-mobile{display:block;}
.tel-line-nav a.btn-apply{display:block; line-height:20px;font-size: 21px; padding-top:5px;}
#nav.navweb .navbar-header {width: 280px;margin-left: 85px;margin-top: -40px;padding: 0;}
.tel-line-nav span{display:none;}
.tel-line-nav a{height:50px; width:50px; padding:0; text-align:center;float: left;margin: 0 5px;}
.tel-line-nav a i{font-size:30px!important; line-height:50px;margin: auto; float:none;}
.tel-line-nav a.btn-tell i{font-size:25px!important}
body.home .pre-loader{ margin-top:0px;}
#nav .navbar-nav.nav-title {margin-top: 0px;}
body.home .main {margin-top: 0px;}
#nav .navbar-right li a,
#nav .navbar-right li.active a,
#nav .navbar-right li:hover a{color:#000;}
.container {width: auto;}
.container.view{width: 100%;padding-left: 0;padding-right: 0; margin-top:0;}
section {padding: 0;}
#nav .navbar-right li a,#nav .navbar-right li a:hover{color:#000;}
.navbar-collapse.collapse { background:#fcfcfc;margin-top: 10px;}
.navbar-header{float:none;min-height:60px;}
.navbar-left,.navbar-right{float:none !important;}
.navbar-nav.navbar-right:last-child {margin-right:0;}
#nav.navweb .navbar-toggle{display:block;position:absolute;left:0px;z-index:9999;width:100px!important;height:100px!important;color: #fff; background:none; border-radius:0; top:0; margin:0;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);max-height:none;}
.navbar-fixed-top{top:0;border-width:0 0 1px;}
.navbar-collapse.collapse{display:none!important;margin-right:0;float:none;}
.navbar-nav{float:none!important;margin-top:0;margin-bottom:0;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;text-align:center;}
.collapse.in{display:block !important; position:absolute; z-index:999; left:15px; right:15px; margin-top: 0 !important; margin-left:0px; padding:0;}
#nav .navbar-nav.nav-title{margin-left:150px;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:80px!important;}
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:160px!important;display:block;}
#nav .navbar-right li{background:none!important;}
#nav .navbar-right li a {padding: 25px 10px 15px;width: 100%;}
#nav .navbar-right li i {color: #000;position: absolute;right: 10px;}
#nav .navbar-right li.active{background:none!important;}
.title_view,.view_path{padding-right:30px;}
.title_view{float: left;line-height: 1; width:100%;}
.page-contact-row-line{margin-top:25px!important;}
.tutor-manual-box{float:left;}
.blog-share{width:100%;position:relative;height:50px;top:10px;right:0;}
.count-share{width:40%;}
.p-job-tutor #content_view .content{padding-top:10px;}
.title_view{margin-bottom:0;}
.p-job-tutor #content_view .content{width:auto; padding-left:0;}
.btn-share{width:260px;float: right;height: auto;}
.text-btn-share, .text-count-share {width: 100px;}
.btn-share a{margin-right:2%;margin-left:2%;}
.item-banner > a{height:140px;}
.item-banner:hover .grow img{margin:0!important;}
.contact .content{padding:0!important;}
.box-contact .inner{margin:auto;}
.content{padding:40px 0;}
.container h2, .row h2{font-size:40px;}
section{min-height:auto !important;}
.contact h2{margin-top:0;}
.copyright{position:relative;}
.copyright p{line-height:20px;font-size:12px;}
#content_view .row{margin:0;}
body, .onepage-wrapper, html,.main,.wrapper{ height:auto!important;position:relative;}
.wrapper{z-index:8;}
.line_contact li a{padding:10px 15px;font-size:25px;}
.line_contact li i{margin-top:0px;}
.list-service{width:100%;}
.line_contact span{display:none;}
.line_contact li a{padding-bottom:7px;text-align:center;width:100%;display:block;overflow:hidden;}
.line_contact li a i{margin-left:auto;margin-right:auto;float:none;}
.logo_title{ position:absolute;margin-top: 0;top: 0; left:220px;}
header h2.title_header{font-size: 32px;margin-top: 5px;margin-bottom: 2px;}
header h2.title_header_sub{width: 192px;font-size: 25px;}
header h3.title_anniversary{font-size: 19px;width: 192px;margin-top: -8px;}
.tel-line-nav{padding-top: 25px;}
#nav .navbar-toggle i {font-size: 2em;margin-top: 7px; margin-left:5px;}
#nav .navbar-right li.active,#nav .navbar-right li:active, #nav .navbar-right li a:active, .nav > li > a:hover, .nav > li > a:focus { border-radius: 0px;}
#nav .navbar-right li:hover a, #nav .navbar-right li.active a, #nav .navbar-right li.active:hover a {text-decoration: underline;text-shadow: none;}
#nav .navbar-right li a{color: #000 !important;text-shadow: none;}
.nav.nav_menu li a{border-top: 1px dashed #e0e0e0;}
.job-manual li img{width:220px!important;}
.job-manual li > h3{width:220px!important;}
.job-manual li:nth-child(2n+1) img {margin-left: 10% !important;}
.job-manual li:nth-child(2n+1) > h3 {margin-left: 10% !important;}
#content_view .content.view{margin-top:15px; float:left;overflow: visible;}
.footer .dev{display:none;}
.lSSlideOuter .lSPager.lSpg > li a {background-color: #feffe8 !important;}
.hiligt-job{top:-15px;}
.job-manual-view{max-height:none; overflow: visible!important;}
.job-manual-view li{height: auto;}
.job-manual-view li h3{height:50px;}
.job-manual-view .mCSB_container{top:0!important;}
.nav_title{font-size:11px;}
#nav .navbar-nav li a{text-align:left;}
}
@media all and (max-width:800px){
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{display:block;}
.webform-component-fieldset{margin-bottom:15px;}
section{font-size:23px;}
.job-manual-view .mCSB_container{top:0 !important;}
}
@media (max-width:767px){
.slick-dots{bottom:-25px;}
.navbar-nav{margin:0;}
.box-slide{position:relative; width:100%; max-width:100%;}
.head-slide, .box-slide{float:none;}
.content-slider {height:auto!important;}
.content-slider li,
.container-step,
.content-step li {border-radius: 15px;}
.content-step li{width: 49%;}
.container-step {padding-left:0; padding-right:0;}
.content-step li:nth-child(2n){ margin-right:0;}
.content-step li:nth-child(2n+1){ margin-left:0;}
.container-job  > div{padding-left:0; padding-right:0;}
.searchsite-form{margin-top:15px;}
.item-job{border:0;}
.content-job li,
.p-job-tutor .content-job li{width:100%; margin-left:0; margin-right:0;}
.content-job li h3{height:auto;padding-bottom: 5px;}
.content-job li .job-location, .content-job li .job-time,.content-job li .box-icon { height:auto;}
.footer-1{width:30%; float:left;height:105px;}
.footer-2{width:70%; float:left;height:105px;}
.footer-3,
.footer-4,
.footer-5{width:33%; float:left; padding-top:15px;}
.footer .content{padding-bottom:0;}
.curveSection {width: 300%;left: -100%;top:-12%;}
.page-contact-row-group,
.page-contact-row-line{display:block;}
.page-contact-row-line li:nth-child(2),
.page-contact-row-group li:nth-child(1),
.page-contact-row-group li:nth-child(2),
.page-contact-row-group li:nth-child(3){ background-size:auto 100% ; text-align:left!important;; margin-left:0!important; margin-right:0!important; background-position:left top; width:100%;height:150px; padding-top:45px!important; padding-left:170px!important; font-size:24px!important;font-family:'thaisans_neuebold';}
.page-contact-row-line li:nth-child(1),
.page-contact-row-line li:nth-child(1) h3{text-align:center!important; width:100%;}
.p-job-tutor-manual  .job-manual li img {margin-left: 60px!important;}
.p-job-tutor-manual  .job-manual li h3 {margin-left: 60px!important;}
.job-manual li > h4{left:35px;}
.p-job-tutor-manual #content_view .content.view h3{font-family:'cs_chatthaiuiregular'; font-size:14px; line-height:1.3;}
.register-form .regist-progress li i{margin-right:auto; margin-left:auto; display:block;}
.job-manual{padding-bottom:0!important;}
}
@media all and (max-width:640px){
.scrollup{right:30px;bottom:30px;}
.content {padding: 20px 0;}
#content_view .content ol {margin-left: 30px; margin-top:15px;}
.content-job li .job-location,
.content-job li .job-time {width: 100%;}
.tel-line-nav{position:absolute; right:0;}
.sub-head-slide .row-3 {display: block;}
.curveSection{top: -9.2222%;}
.p-condition #content_view .content p{margin-bottom:25px;}
.menu-footer a{font-size:21px;}
}
@media all and (max-width:480px){
.offcanvas-active #nav.navweb .navbar-header{height:75px;}
.head-slide h1{color:#000;margin-top: 25px;}
.sub-head-slide .row-3{display:block;}
.head-slide h1 {font-size: 40px;}
.curveSection{top: -14%;}
.sub-head-slide {font-size:34px;}
.nav_top .container{width:100%;}
#content_view .content.view{padding-top:10px;}
h3,.title_view,#content_view .content h1{font-size:25px;line-height:30px;text-indent:0;}
.title_view,#content_view .content h1{font-size:29px;font-family:'thaisans_neuebold'; padding:10px; padding-top:20px;}
#content_view .content h1{padding:7px 10px; line-height:1;}
.title_view{padding-top:0;}
#content_view .content h2{text-indent:0;font-size:25px;}
.title_view{ padding-bottom:5px;}
#content_view .content{border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#content_view .content p{margin:0;}
.content.view, .form-control{width:100%!important;}
label input[type="radio"], label input[type="checkbox"]{width:auto!important;}
section .container{width:95%;}
section .container h2{font-size: 30px;}
.view_path {padding:10px;}
.title_view{padding-top:10px; padding-bottom:10px;}
.head-step h2{font-size:30px; padding:10px 15px;}
.content-step li h3{font-size:21px;}
#content_view .content blockquote{padding-left:15px; padding-right:15px; margin-top:15px;}
#content_view .content.view ul, #content_view .content.view ol {padding-left: 0;margin-left:0px;}
#nav.navweb .navbar-toggle{width:70px!important; height:70px!important;}
#nav.navweb .navbar-header{margin-left: 58px;}
#nav .navbar-brand img {width: 150px;margin-top: -5px;}
header{height:70px;}
#nav.navweb{height:70px;}
.tel-line-nav{top:-10px;}
.footer-3, .footer-4{width:50%;}
.footer-5{width:100%;}
.regist-progress li{text-align:center!important; font-size:12px;}
.id-left,.id-right{width:100%;}
.row-topic span{width:70%;}
.job-manual-view li h3{line-height:1.3;}
.vc_policy{display:table; margin-left:auto; margin-right:auto; margin-top:15px;padding-top: 2px;padding-bottom: 2px;}
.nav_title{padding: 5px 1px;}
.job-manual-view li{width:48%;}
.p-job-tutor .curveSection{top:-500px;}
}
@media all and (max-width:420px){
.curveSection{top: -15%;}

}
@media all and (max-width:320px){
.container.view{padding:0;}
#content_view{margin-top:0;}
h3,.title_view,#content_view .content h1{font-size:23px;!important;line-height:25px;}
}