@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');
:root {
  --size: 50vmin;
  --white: #fff;
  --blue: #3051f1;
  --purple: #c92bb7;
  --red: #f73344;
  --orange: #fa8e37;
  --yellow: #fcdf8f;
  --yellow_to: #fbd377;
}
*:focus {outline: none;}
.backgroundCover, #home, #download, #packages, #subscribe, footer{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body{font-family:'Kanit', Tahoma, Arial;font-size:21px; font-weight:300;}
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:#333;text-decoration: underline; outline:none;}
a:active{outline:none;}
h3, .h3{line-height:1.5;}
.container{max-width:1140px;}
.wrapper{position:relative; max-width:100%; width:100%;margin-top:-150px;padding-top: 150px; padding-bottom:0;}
.p-home .wrapper{padding-top: 180px;}
.main{position:relative; max-width:100%; width:100%;}

.container h2, .row h2{font-family:'Kanit';font-size:40px; font-weight:500; line-height:1.5;}
.container p, .row p{font-family:'Kanit';font-size:20px;letter-spacing:0px;line-height:1.5;}
header{color:black; z-index:999; 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-left:30px;margin-top: 18px; margin-bottom:0px}
#nav{ background: none;width:100%;position: relative;top:0;margin-bottom:0;min-height:50px;z-index:9999; border:0;box-shadow: 0 5px 70px rgba(38,42,76,.1); position:fixed; background:#fff; z-index:99999;}
#nav .navbar-brand{height:auto; padding:0;}
#nav .navbar-brand img{ width:100%; 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:'Kanit';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:'Kanit';font-size:23px;padding-top:0;}
#nav .navbar-right li a{text-transform:none;font-size:19px;padding:10px 5px; float:left; font-weight:400;}
#nav .navbar-right li i {font-size: 12px;display: block;float: right;padding: 5px 5px 0 0;margin-left: 5px; color:#333;}
#nav .navbar-right li{ font-family:'Kanit';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:#none!important;}
#nav .navbar-right li.active a{color:#554943!important; text-shadow:none!important;}
#nav.navweb .navbar-right li:hover{background:none;}
#nav .navbar-right li a{color:#080808!important;}
#nav .navbar-right li:hover a,
#nav .navbar-right li.active:hover a{color:#000099!important;}
#nav .navbar-right li:active,
#nav .navbar-right li a:active,
.nav>li>a:hover,.nav>li>a:focus{background:none!important 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:'Kanit';color:#fff;padding:4px 8px;font-size:17px;overflow:hidden;display:block;}
#nav.navweb .navbar-header{width: 300px; padding:5px; display:block; margin-left:0px;margin-top:0px;padding-left:0px; background:#fff; position:relative; z-index:99;}
#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;}
header{-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;}
#nav.navweb .navbar-header{-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;}



.body-bg{ background-repeat:no-repeat!important; background-size:100% auto!important; background-position:  0 140px!important;}
.body-bg .container-heading-post{background:#fff; margin-top:27%;border-radius: 15px 15px 0 0;}
.body-bg .container-heading-post .post-heading{ margin-top:0px;}


/* slide shape */
.slide-bg-bottom {
  width: 100%;
  height: 80px;
  position: absolute;
  z-index: 9;
  background: url(../img/bg-slide-bottom.png?v=4) no-repeat right top;
  bottom: 0;
}
.head-about img {
  width: 400px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  transform: scale(1);
  left: 0;
  top: 0;
  -webkit-animation: move-zoom 2s infinite ease forwards;
  animation: move-zoom 2s infinite ease forwards;
  max-height: 500px;
margin-top: 25px;
margin-left: -50px;
margin-bottom: 25px;
}

.ui-pnotify-title{font-size:16px;}
.ui-pnotify-text{font-size:14px; margin-top:10px;}

.nav_top{background:#f7f7f7;}
.menu-top{ list-style:none; padding:0; margin:0; margin-right:25px;width: 200px;float: right;}
.menu-top li{ list-style:none; display:inline-block; }
.menu-top li a{color:#fff;font-family:'Kanit'; line-height:50px; padding:0 15px;font-size: 18px; font-weight:500;}
.menu-top .btn-special{ background:#030a8c;border-radius: 25px;padding: 3px 33px;}
.menu-top .btn-special:hover{background:#02087e;}

/* top contact */
.top-nav{position:relative; float:right; margin-top:9px; margin-left:20px;}
.top-search{ float:left; width:40px; height:40px; text-align:center; display:block; background:#e6e6e6;}
.top-search i{font-size:20px; color:#2e2e2e; line-height:40px;}
.top-contact{float:left; width:auto; height:40px; display:block; background:#c39145; margin-left:5px; border:1px solid #a67428;}
.top-contact a{font-family: 'Kanit'; line-height:40px; color:#fff; padding:0px 22px;}


/* top social */
.top-social{list-style:none; padding:0; margin:0; }
.top-social li{ background:#f26a1b;list-style:none; display:block; float:left;margin-right:5px; width:30px; height:30px; line-height:40px; text-align:center;border-radius: 50%; }
.top-social li a{color:#fff;}
.top-social li:hover{background:#f05c17;}
.top-social li.ts-line a{ width:30px; height:30px; display:block; background:url(../img/icon-social-line.png?v=3) no-repeat center; background-size:auto 120%;}
.top-social li.ts-facebook a{ width:24px; height:24px; display:block; margin-top:2px; margin-left:auto;  margin-right:auto; background:url(../img/icon-social-fb.png) no-repeat; background-size:auto 100%;}
.top-social li.ts-tiktok a{ width:26px; height:26px; display:block; margin-top:2px; margin-left:auto;  margin-right:auto; background:url(../img/icon-social-tiktok.png) no-repeat; background-size:auto 100%;}
.top-social li.ts-instagram a{ width:30px; height:30px; display:block; background:url(../img/icon-social-ig.png) no-repeat; background-size:auto 100%;border-radius: 50%;}
.top-social li.ts-phone a{ width:25px; height:25px; display:block; margin-top:2px; margin-left:1px; background:url(../img/icon-social-mobile.png?v=2) no-repeat; background-size:auto 100%;border-radius: 50%;}
.top-social li.ts-phone-text { text-align: left; letter-spacing: 1px;font-size: 24px;font-weight: 400;width:160px; background:none; border-radius:0;display: block;}
.top-social li.ts-phone-text a{color:#fff;}


/* nav menu cousre */
.nav.nav_menu li > ul.sub-menu-course{ width:100%!important; max-width:1100px!important;  border:0 !important;left:0; right:0;margin-left: auto;margin-right: auto;}
.nav.nav_menu li > ul.sub-menu-course li{ width:33.33%!important; float:left!important; border:0 !important;}
.nav.nav_menu li > ul.sub-menu-course img{ width:100%; margin-top:12px;}
.nav.nav_menu li > ul.sub-menu-course h3{font-family:'Kanit'; text-transform:uppercase; font-size:27px; text-align:center;}

.logo_title {
    float: left;
    width: 255px;
	margin-top:-45px;
}
header h2.title_header {
    font-family: 'Kanit',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: 'Kanit',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: 'Kanit',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;
}

/* seo */
.site-seo, .seo-text{ width:100%; height:1px; overflow:hidden; display:block; position:absolute;}

/* top bar */
.nav_top{width:100%; position:relative; height:50px;  z-index:9; text-align:right;border-bottom: 1px solid #e1e1e1;}
.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:'Kanit';}
.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:'Kanit';}
.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: 'Kanit';
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;}

/* dashboard */
.forex-widget-top{ height:37px; border-bottom:1px solid #c39145; overflow:hidden; width:102%;top:-7px; position:absolute; }
.bg-forex-widget{background:url(../img/bg-forex-widget.png) no-repeat left; width:300px; height:40px; position:absolute; z-index:9;}

/* main heading */
.main-heading {text-align:center;}

.p-about .post-content{background-image:url(../img/hooray1.jpg); background-repeat:no-repeat; background-size: 100% auto; background-position:top center; padding-top:520px!important;}

.p-registration .post-content{background-image:url(../img/hooray3.jpg); background-repeat:no-repeat; background-size: 100% auto; background-position:top center; padding-top:520px!important;}

/* main service */
.index-service{ margin-top:70px;width: 100%;position: relative;overflow: hidden; z-index:9;}
.index-service .heade-color{ margin-top:70px;}
#service .inner-service{width:100%; height:auto; position:relative;overflow: hidden;}
#service .content { background:#fff;padding-bottom: 15px;border-top-right-radius: 220px;position: relative;overflow: hidden; width:calc( ((100% - 1140px)/2) + 1140px )}
.box-service{max-width:1140px; float:right; position:relative; }


.content-stv{
	width: 100%;display: flex;position: relative;min-height: 1px;-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.list-service{
display: flex;
flex-direction: row;
width: 33.333%;
padding:0;
position: relative;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}

.service-wrap-bg{
background-position: center center;
background-size: cover;
width: 100%;
position: relative;
display: flex;
}

.service-wrap{display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;

}

.widget-service{
width:100%; position:relative;height:100%;
padding: 0px;
background-color: #02010199;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.list-service:hover .widget-service{background-color: #0000004f;}


.service-color{
width:100%; position:relative;height:100%;
padding: 0px 0px 0px 0px;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #EEEEEE;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}
/*.list-service:nth-child(2n+1) .service-color{background-color: #2EAEE0;}
.list-service:nth-child(1) .service-color,
.list-service:nth-child(3) .service-color{background-color: #3d688a;}
.list-service:nth-child(5) .service-color,
.list-service:nth-child(7) .service-color{background-color: #348da3;}
.list-service:nth-child(9) .service-color,
.list-service:nth-child(11) .service-color{background-color: #68bcc7;}*/

.list-service:nth-child(2n+1) .service-color:hover{background:2EAEE0!important;}

.service-box{
padding: 40px 40px 40px 40px;
text-align: left;
width:100%;
height:100%;
}


.service-box h2 {
    font-family: "thaisans_neuebold", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0px 0px 10px 0px;
    color: rgba(2, 1, 1, 0);
    -webkit-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-width: 1px;
	font-weight:normal;
}
.service-box h4 {
    color: #FFFFFF;
    font-family: "Kanit", Sans-serif;
	font-weight:300;
    font-size: 16px;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
}


/* featured-list */
.featured-list{list-style:none; padding:0; margin:0; margin-top:50px;}
.featured-list li{list-style:none; padding:0; margin:0; width:25%; display:block; float:left;text-align:center;}
.featured-list li h3{text-align:center;font-family: 'Kanit'; height:100px;font-size: 18px;line-height: 1.5;}
.featured-list li .featured-img{display:block; margin-left:auto; margin-right:auto; width:120px; height:120px; border-radius: 50%; line-height:120px; text-align:center;}
.featured-list li:nth-child(1) .featured-img{background:#6096f0;}
.featured-list li:nth-child(2) .featured-img{background:#3b53f1;}
.featured-list li:nth-child(3) .featured-img{background:#0323ea;}
.featured-list li:nth-child(4) .featured-img{background:#02189f;}


/* subscription */
.index-subsribe{background:url(../img/bg-web.png?v=2) no-repeat center;idth:100%; position:relative; overflow:hidden; padding:0;}
#register{position:relative; overflow:hidden;margin-top: 40px;}
.bg-subscription-form{ width:100%; height:250px; overflow:hidden; position: absolute; background:url(../img/bg_blue_slope_right_top.png?v=4) no-repeat right bottom; z-index:9; bottom:0;}

/* testimonial */
#testimonial{background:#030a8c; padding-top:200px; padding-bottom:0;} 
#testimonial .heade-color{ text-align:left; margin-top:0; line-height: 1.2; padding-top:0;margin-bottom: 20px;}
#testimonial .heade-sub{ text-align:left;margin-bottom: 25px;font-weight:400;}
#testimonial .shape-1{height: 632px;width: calc(((100% - 1140px) / 2) + 403px);margin: 60px auto 0 0;color: #ffffff;background-color: #f26a1b;}
#testimonial .group-1 {width: 547px;background-image: none;height:auto; padding-bottom:10px; color: #111111;background-color: #ffffff; z-index:3; float:right;position: relative;margin-right: 50px;
}
#testimonial .u-btn-1 {
  border-style: none;
  letter-spacing: 1px;
  font-weight: 400;
  background-image: none;
  align-self: center;
  margin: 74px auto 0;
  padding: 10px 46px 10px;
  color: #ffffff !important;border-radius: 27px;
background-color: #f22233 !important;}
#testimonial .u-btn-1:hover{background-color: #e90d15 !important;}
#testimonial .slick-track{min-height:800px;}
.head-testimonial-mb{display:none;}
.box-testimonial{  margin-top:-850px;position: relative;}
.review-list-image{padding-left:50px; z-index:1;margin-top: 270px;position: absolute;float: left;}
.review-list-image img{box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.15);}
.review-list-box{ padding:30px 50px; display:block; position:relative;}
.review-list-box p.text-review{font-size:17px; padding-left:20px; border-left:2px solid #f4852d;font-weight: 300;color: #40444f;  padding-top: 5px;padding-bottom: 0px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;}
.review-list-box p.heade-sub{font-size:20px; padding:0 0px;}
.review-list-box h3{font-size:14px;  margin-bottom:30px;}


/* about main */ 
.about-main{ padding-top:70px;background: url(../img/bg_about_main.png?v=4) repeat-x bottom; padding-bottom:900px; margin-bottom:-900px;}
.content-about{min-height:400px;}
.content-about p{font-family:'Kanit';}
.head-about img{max-height:500px; margin-top:50px;}
.about-main .heade-color{ text-align:left; margin-bottom:0; margin-top:50px;}
.about-main .heade-color .sub-color{color:#fff;}
.why-sub-heading{color:#fff;font-weight: 300;margin-top:0;}
.map-why{list-style:none; padding:0; margin:0; margin-top:50px;}
.map-why li{list-style:none; padding:0; margin:0; width:25%; display:block; float:left;position: relative;}
.numbber-why{width: 130px;
height: 130px;
display: block;
background: #fff;
color: #;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
font-size: 60px;
line-height: 120px;
text-align: center;z-index:4; position:relative; border: 3px solid #fff;}
.line-why{width: 100%;
height: 10px;
background: #fff;
position: absolute;
top: 60px; z-index:1; display:none;}

.map-why li.why-01 .numbber-why{border-color:#f7b518;}
.map-why li.why-02 .numbber-why{border-color:#f8cd1c;}
.map-why li.why-03 .numbber-why{border-color:#fbe216;}
.map-why li.why-04 .numbber-why{border-color:#f8ec34;}


.text-why{font-size:16px; color:#fff; text-align:center; font-weight:500; margin-top:30px;}


/* learning main */
.learning-main{  background:#cfd8e9; z-index:10; position:relative;}
.container-learning{ position:relative;background:linear-gradient(180deg,#ead743 -100%,#fff 15%);border-radius: 25px;padding-bottom:0px;}
.learning-heading h2{text-align:center; margin-bottom:50px; margin-top:25px;}
.more-learning{text-align:center;padding:50px 0 0;position: relative;width: 100%;bottom: -25px;}


/* sub-heading */
.sub-heading{text-align:center; width:100%; font-size:29px; display:block; position:relative; margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:-45px;}
.step-main .sub-heading{margin-top:0; margin-bottom:0;}


/* course main */
.course-main{ z-index:9; position:relative;background:#cfd8e9;background: linear-gradient(#cfd8e9, #f7d24d); padding-top:50px; padding-bottom:100px;border-radius: 0 0 0 300px;}
.banner-course img{width:100%;}
.banner-course.course01{background:#fd9a01; padding-top:13px; padding-bottom:15px;}
.banner-course.course02{background:#da003a; padding-top:13px; padding-bottom:15px;}
.banner-course.course03{background:#383d81; padding-top:13px; padding-bottom:15px;}
.container-course{padding-left:0!important; padding-right:0!important;}
.course-heading h2{text-align:center; margin-bottom:50px;}
.banner-course:hover{background:#fff!important;}


/* review main */
.review-main{ z-index:8; position:relative; background:#fff; min-height:550px;}
.review-heading{margin-top:50px; }
.box-review{margin-top:30px;}
.box-review .review-wrapper .list-review img{border-radius: 15px; width:100%;}
.Myfxbook-main .box-review .review-wrapper .list-review img{border-radius: 0;}


/* brand */
.list-brand{margin: 0; margin-top:50px;padding: 0 0 18px;list-style: none; width:100%; text-align:center;}
.list-brand li{
list-style-type: none;
width: 15.8%;
height: 127px;
margin: 1% 1.5%;
border: #b3b3b3 solid 1px;
display: inline-block;
overflow: hidden;
text-align: center;
-webkit-transition: box-shadow .15s ease-in-out;
-moz-transition: box-shadow .15s ease-in-out;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
position: relative;
background-color: #fff;
border-radius: 15px;
padding: 0 !important;}
.list-brand li:hover{border: #8dd5f2 solid 1px;box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.15);}
.list-brand li a{  width: 100%;height: 100%;position: absolute;display: block;}
.list-brand li img{width:85%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.col-brand img{max-width:100%;}

/* heade-color */
.heade-color{ color:#030a8c; margin-bottom:25px; text-align:center;}
.sub-color{color: #f26a1b}
.heade-sub{text-align:center;margin-bottom:50px; }

.register-form .heade-color,
.register-form .heade-sub{text-align:left; padding-left:30px;}
.register-form .heade-color{margin-bottom:0;}

.warpper-inner-left-6{ width:100%; max-width:calc(1100px/2); float:right;}
.warpper-inner-left-8{ max-width:calc((1100px/6)*4); float:right;}
.register-form .warpper-inner-left-6{background:#fff;border-radius: 25px;padding-left:15px;padding-right:15px; padding-top:30px;}





/* category */
.list-category{margin: 0; margin-top:50px;padding:0;list-style: none; width:100%; text-align:center;}
.list-category li{
list-style-type: none;
width: 23%;
height: auto;
margin: 0.5% 0.5%;
border: #b3b3b3 solid 1px;
display: inline-block;
overflow: hidden;
text-align: center;
-webkit-transition: box-shadow .15s ease-in-out;
-moz-transition: box-shadow .15s ease-in-out;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
position: relative;
background-color: #fff;
border-radius: 7px;
padding: 0 !important;}
.list-category li:hover{border: #8dd5f2 solid 1px;}
.list-category li a{display: table;
vertical-align: middle;
text-align: center !important;
padding:0px;
width: 100%;}
.list-category li img{max-width:100%;}
.col-brand img{max-width:100%;}
.list-category li h3{background:#f8a125;transition:all .2s linear;color:#fff; margin:0; font-size:16px; padding:5px 10px; height:40px; line-height:30px;}
.list-category li:hover h3{background:#69aaea;}


/* category */
.list-client{margin: 0;padding:0;list-style: none; width:100%; max-width:700px; margin-top:50px; text-align:center;}
.list-client li{
list-style-type: none;
width: 70px;
height: 70px;
margin: 3px;
border: #b3b3b3 solid 1px;
display: inline-block;
overflow: hidden;
text-align: center;
-webkit-transition: box-shadow .15s ease-in-out;
-moz-transition: box-shadow .15s ease-in-out;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
position: relative;
background-color: #fff;
border-radius: 7px;
padding: 0 !important;line-height:55px;}
.list-client li:hover{border: #8dd5f2 solid 1px;}
.list-client li a{display: table; line-height:50px;
vertical-align: middle;
text-align: center !important;
padding:0px;
width: 100%;}
.list-client li img{max-width: 90%;
margin-top: 5%;
margin-bottom: 5%;
border-radius: 5px;}
.col-client img{max-width:100%;}
.list-client.page-contractor{max-width:100%;}
.list-client.page-contractor li{ width:150px; height:150px;line-height:120px;}
.list-client.page-contractor .col-client img{max-width:90%;}
.list-client.page-contractor{margin-bottom:25px;}
.list-client.page-contractor li a{  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.list-client.page-contractor li img{
width: 70%;
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;}



/* client_data */
#client_data{background:url(../img/bg-client.png) #d8dae0 no-repeat right; min-height:450px; backgrounds-size:auto 100%;}


/* client_data */
#slogan_data{background:url(../img/bg-client.png) #d8dae0 no-repeat right; margin-top:50px; min-height:350px; backgrounds-size:auto 100%;}
#slogan_data .heade-color{line-height:1.5;}
#slogan_data .heade-color span{color:#ee6b2d;}



/* hilight main */
.hilight-main{ background:#262777 url(../img/bg-rocket.png) no-repeat bottom left; background-size:100% auto; min-height:420px;}
.rocket img{position:absolute; width:450px; margin-top:-100px; margin-left:50px; left:0; top:0; -webkit-animation: move-up 3s infinite ease forwards;animation: move-up 3s infinite ease forwards;}
.heading-rocket img{position:absolute; width:600px; margin-top:30px; transform: scale(1); left:0; top:0; -webkit-animation: move-zoom 2s infinite ease forwards;animation: move-zoom 2s infinite ease forwards;}
@keyframes move-zoom {50% { transform: scale(1.1); }}
@-webkit-keyframes move-zoom {50% { transform: scale(1.1); }}
@keyframes move-up {50% { top: -25px; left:25px; }}
@-webkit-keyframes move-up {50% { top: -25px;  left:25px; }}

/* contact page */
.contact-form ul{list-style:none; margin:0; padding:0;}
.contact-form ul li{list-style:none; margin:0; padding:0; margin-bottom:10px; width:50%; position:relative; float:left;}
.contact-form ul li.list-100{width:100%;}
.contact-form ul li input[type=text],
.contact-form ul li input[type=number],
.contact-form ul li input[type=email],
.contact-form ul li textarea{ width:100%;border-radius: 0px; 
padding: .7rem 2rem;width: 100%;
max-width: 100%;
border: 1px solid #69727d;
background-color:#fff;
color: #1a1c1e;
vertical-align: middle;
flex-grow: 1;min-height: 40px;}
.contact-form ul li .btn{ padding-top:10px; padding-bottom:7px;border-radius: 25px; width: 150px;font-family:'Kanit'; margin-top:25px;background: #f8a125; border: 1px solid #f8a125;}
.contact-form ul li .btn:hover{background:#333; border-color:#000;}
.contact-form ul li .name-form{text-indent:15px;}
.contact-form ul li .error{color:#c49348; font-weight:normal; text-indent:15px;}
.contact-form ul li .box-form{padding-left:10px; padding-right:10px;}

.headnig-contact-page h2{text-align:right;}
.contact-page{margin-top:50px; z-index:9; margin-bottom:50px;border-radius: 20px;
overflow: hidden;}
.contact-page .container-contact{padding-left:0; padding-right:0;}
.headnig-contact-page{background:#e0e8f6; height:470px; padding-top:20px;}
.body-contact-page{background:#f7f7f7; height:470px;}



/* search page */
.content-search{ margin-top:0;}
.content-search .searchsite-container{opacity: 1;position: relative;visibility: visible;z-index: 1; padding:0; padding-bottom:25px;}
.content-search .searchsite-inner .searchsite-title{margin-top:50px;}
.list-search a{font-size:25px;}


/* slide main */
.head-slide, .box-slide{float:right;}
.slide-main{width:100%; position:relative; overflow:hidden; padding-top:0px; margin-bottom:0px;}
.content-slider{list-style:none; padding:0; margin:0;}
.content-slider li{list-style:none; padding:0; margin:0;}
.content-slider img{max-width:100%;}
.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: #e9d7ab!important;}
.head-slide h1{ text-transform:uppercase;font-size:65px; color:#fff;font-family:'Kanit'; line-height:1; margin-bottom:25px; margin-top:70px;}
.sub-head-slide{font-size:45px; line-height:1; display:block;}
.vc_learn{ border-radius: 41px;padding: 10px 25px;
font-family:'Kanit';
  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_learn:hover{background-color:#ffcc66;color:#fff;}
.container-slide{margin-top:100px; }
.slide-title{padding-top:70px;}
.slide-title p{font-size:31px; line-height:1.1;}
.lSPager.lSpg{top:-85px!important; position: absolute!important; z-index:99; display:none!important;}
.lSSlideOuter{overflow:visible!important;}
.lSSlideWrapper{overflow:visible!important;}
.content-slider {overflow:visible!important;}


.vc_job{ border-radius: 41px;padding: 10px 25px;
font-family:'Kanit';
  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:'Kanit';
  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:'Kanit';
  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: relative;width: 100%;bottom: -25px;}


.more-job-page{text-align:center; padding:50px 0 0; margin-bottom: -20px;}

	


/* main-content */
.main-content{min-height:auto; margin-top:80px;padding-bottom:25px; padding-top:10px;}
.header-img-course .photo-panel{text-align:center; padding-bottom:50px;}
.header-img-course .photo-panel img{ max-width:1200px; margin-left:auto; margin-right:auto; }

.main-content .heading-post{ margin-top:25px; padding-left:0; padding-right:0;}
.main-content .post-heading{ margin-top:190px; padding-left:0; padding-right:0;color: #334bb3; margin-bottom:220px;font-size:33px;}
.main-content .post-heading h2{font-weight:400;padding-left: 15px;color: #fff;text-shadow: 0 2px #000;}
.main-content .post-heading::after {
  width: 150px;
  height: 2px;
  display: block;
  margin-top: 1.25rem;
  /*background-color: #ee6b2d;*/
  background-color: #fff;
  border-radius: .25rem;
  content: "";
}
.main-content .container-heading-post {position:relative; z-index:9;}
.main-content .table thead th{font-family:'Kanit'; font-weight:normal;}
.main-content .btn{font-family:'Kanit'; font-size:21px; padding:0px 15px;}
.main-content strong{font-family:'Kanit'; font-weight:normal;}
.main-content .heading-post{ background-color:#e4e4e4;position: relative;z-index: 1;width: 100%;height: auto;height: auto;
overflow: hidden;background-position: center; background-repeat:no-repeat;
background-size:120% auto; background-attachment: fixed;}
.main-content .heading-post::before{content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
top: 0;
z-index: 1;
}
.main-content .content-post{  width: 100%;position: relative;z-index: 9;  height: auto;}
.main-content .container-content-post { background:#fff;border-radius: 25px; overflow:hidden;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 15px 0 rgba(0,0,0,.15); padding-left:0; padding-right:0;margin-top: -120px;position: relative; margin-bottom:70px;}


.doughnut { 
  background: radial-gradient(circle, transparent 40%, #f26a1c 40%);
  border-radius: 100%;
  height: 300px;
  width: 300px;
  margin: 25px;position: absolute;
z-index: 9;
left: -160px;
top: -100px;
}
.doughnut2 { 
  background: radial-gradient(circle, transparent 40%, #030a8c 40%);
  border-radius: 100%;
  height: 500px;
  width: 500px;
  margin: 25px;position: absolute;
z-index: 9;
right: -160px;
bottom: -200px;
}

/* breadcrumb */
.main-content .breadcrumb{ background:#f2f2f2;padding: 18px 50px;margin-bottom:0!important;}
.main-content .breadcrumb .text-breadcrumb{ font-size:14px; margin:0; padding:0; }
.main-content .post-content{padding-left:50px; padding-right:50px; padding-top:40px; padding-bottom:70px;}
.main-content .breadcrumb a:hover{color:inherit; text-decoration:underline;}


/* admin breadcrumb */
.main-content .admin-heading{padding-left:0; padding-right:0;}
.main-content .admin-heading .breadcrumb{background:rgba(132, 196, 255, 0.4);padding: 13px 50px; text-align:right;margin-bottom: -25px;margin-top: 55px; font-size:14px;}
.main-content .admin-heading .breadcrumb a{color:#fff; margin-left:15px;}


/*  share social */
.share-social{width:100%; position: relative;background: #fff;overflow: hidden;color: #333; padding-left:50px;padding-right:50px;border-top: 1px solid #d0d0d0;}
.share-social > div{display:block; float:left; width:auto;font-size:14px;padding-top:17px; padding-bottom:17px;  padding-left:3px; padding-right:3px;}
.share-social > div a{background:#fff; color:#fff;padding-top:0px; padding-bottom:0px; display:block; border-radius:5px; overflow:hidden; padding-left:10px; padding-right:10px;}  
.share-social .title-share-social{line-height:56px; padding-top:0; padding-bottom:0;}
.share-social > div.share-facebook a{background:#34518e;}
.share-social > div.share-line a{background:#00b900;}
.share-social > div.share-twitter a{background:#50abf1;}


.main-content .content-post-university{position:relative; padding-top:20px;}
.main-content div[data-type="container-content"]{max-width:1140px; margin-left:auto; margin-right:auto; position:relative; float:none;}

.main-content .youtube-wrapper .embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom:50px;
  border:0;
}

.main-content .youtube-wrapper .embed-responsive iframe {
  position: absolute;
  border:0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
}

.container-post {padding-left:0!important; padding-right:0!important;}


/* page post */
.col-post h3{font-family:'Kanit'; font-size:18px; font-weight: 600; line-height:1.5; height:50px; margin-bottom:50px; }
.col-post .videoWrapper{margin-bottom:-2px;position: relative; padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.col-post .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.col-post img{width:100%;}

/* unniversity */
.col-university {padding:20px;}
.col-university a{border: #fff solid 5px;
webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.15);border-radius: 20px; display:block; text-align:center;position: relative; height:250x; margin-bottom:50px;}
.col-university a:hover{ box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.35); }
.col-university  h3.col-head-university{ 
webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.15); font-size:14px;
position:absolute; background:#334bb3; color:#fff;width: 100%; height:auto; line-height:1.5;border-radius: 10px;font-weight: 300;display: block;padding: 10px 15px;width: 90%;
margin-left: 5%;
margin-top: -30px;}
.col-university a:hover h3.col-head-university{ box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.35); }

.col-university a:hover h3.col-head-university{background:#ee6b2d; color:#fff;}
.col-image-university{width:170px; height:170px; position:relative; display:block; margin:
auto; margin-bottom:30px; }
.col-image-university img{    max-height: 100%;
    max-width: 100%;
    width: 150px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
	



/* post-content */
.main-content .post-content h2{font-size:22px;}
.main-content .post-content{min-height: 700px;}
.main-content .post-content,
.main-content .post-content p{font-size:18px;}
.main-content .post-content img{max-width:100%;}
.main-content .post-content h6 a{ margin-top:25px; margin-bottom:25px;  background: #f8a125; color: #fff;display: inline-block; font-weight: 600;  border-color: #f8a125;  line-height: 50px;  border-radius: 25px;  padding-left: 25px;  padding-right: 25px;}
.main-content .post-content h6 a:hover{background:#324ab3;}
.main-content .post-content ul{position: relative;display: inline-block;}
.main-content .post-content li{line-height: 1.5; margin-bottom:10px;}
.main-content .post-content table {
  width: 100%;
  background:#ffe149;
  border-radius: 20px;
  overflow: hidden;
  margin-top:40px;  
  margin-bottom:20px;
}
.main-content .post-content table{width:100%;}
.main-content .post-content table th,
.main-content .post-content table td{border:1px solid #fff; padding:10px 10px;}
.main-content .post-content .note-float-left{margin-right:50px;}
.main-content .post-content .blockquote{  background-color: #fff;border-left: .7rem solid #007bff;margin: 1.5em .7rem;margin-bottom: 1.5em;padding: .5em .7rem;}

.main-content .post-content .note-video-clip{display: block; margin-top:25px; margin-bottom:25px;margin-left:auto; margin-right:auto;}
.main-content .post-content .table-bordered{border:1px; border-color:#333;}
.main-content .post-content .table-bordered td,
.main-content .post-content .table-bordered th {border: 1px solid #333;}



/* 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:'Kanit'; 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:'Kanit'; 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:'Kanit'; 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;}



.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:#121212; padding-top:0;background:#f0f1f3;padding-top:50px; padding-bottom: 30px;z-index: 9;position: relative}
.footer .container {width:100%; max-width:1240px;}
.develop_by{float:right;}
.footer a{ color:#121212;font-weight: 300;font-size: 14px;}
.footer a:hover{ color:#121212; text-decoration:underline;}
.menu-footer{ padding:0; margin:0; list-style:none; color:#8f6019;}
.menu-footer li{ padding:0; margin:0; list-style:none;font-family:'Kanit';font-size: 16px;font-weight: 400; line-height:2; color:#121212;}
.menu-footer li > ul{padding-bottom:10px;padding-left: 20px;}
.menu-footer li > ul > li{line-height:1.3;}
.footer-follow{margin-bottom:20px;}


.footer-qr-line{max-width:100px;}
.head-footer{font-size:19px!important; padding:0; margin:0; margin-bottom:10px;}
.head-footer p{font-size:16px;}
.footer-2{padding-left:5%;}
.menu-footer.menu-social a{color:#009c85;}
.menu-footer.menu-social li{width:55px; height:55px; line-height:55px; margin-right:10px; text-align:center; float:left;border-radius: 50%;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.menu-footer.menu-social li:hover{box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);}
.menu-footer.menu-social li img{width:45px;margin-top: -5px;}
.menu-footer.menu-social li.line{background:#00b900;}
.menu-footer.menu-social li.facebook{background:#34518e;}
.menu-footer.menu-social li.email{background:#494e53;}
.menu-footer.menu-social li.email{background:#494e53;}
.menu-footer.menu-social li.tiktok{background:#000000;}
.menu-footer.menu-social li.ig{background: radial-gradient(
    circle farthest-corner at 28% 100%,
    var(--yellow) 0%,
    var(--yellow_to) 10%,
    var(--orange) 22%,
    var(--red) 35%,
    transparent 65%
  ), linear-gradient(145deg, var(--blue) 10%, var(--purple) 70%);}

.footer-phone{margin-bottom:25px;}
.footer-phone i{width:55px; font-size:30px; height:55px; line-height:55px; margin-right:10px; text-align:center;border-radius: 10px; background:#f1b616;}
.footer-phone a{font-size:33px;font-weight: 500;letter-spacing: 2px;}
.footer-phone a:hover{text-decoration:none;}
.menu-footer.menu-social li.email-text{width: 300px; text-align:center;}
.menu-footer.menu-social li.email-text a{color:#fff;position: relative;}
.menu-footer.menu-social li.email-text a:hover{ text-decoration:underline;}



.logo-footer{max-width:80px; margin-bottom:0px;}
h2.head-logo-footer{font-size:16px; font-weight:500; }
.sub-logo-footer{font-size:14px; font-weight:300;margin-top: 0;}

.row-copyright{font-family:'Kanit';font-size:13px; margin-top:35px;}
.copyright{padding:0;background:#f0f1f3;  width: 100%;  position: relative;overflow: hidden;}
.copyright .container {border-top:1px solid #121212;}
.copyright p{color:#121212;font-size: 13px;font-weight: 300;padding-top: 15px;}
.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;}


.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:100px;right:20px;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:'Kanit'; 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 );}



/* product */
.category-list{list-style:none; margin:25px 0; overflow:hidden; padding:0;box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.05);border-radius: 15px;border: #b3b3b3 solid 1px;}
.category-list li{list-style:none; margin:0; padding:0;border-bottom: #b3b3b3 solid 1px;}
.category-list li h3{font-size:16px; font-weight:600;}
.category-list li:last-child{border:0;}
.category-list li h3{color:#334bb3; margin:0; padding:15px 15px; line-height:1.5;}
.category-list .row-category.active{background:#ee6b2d;}
.category-list .row-category.active h3{color:#fff;}
.category-list li:hover{ background:#f3f3f3;}


.brand-image-box{ width:100%; padding:50px 15px; text-align:center; display:block; min-height:150px; box-shadow: 4px 2px 30px 0px rgba(0,0,0,0.05);border-radius: 15px;border: #b3b3b3 solid 1px;}
.brand-image-box img{max-width:180px; max-height:180px;}
.row-pd{padding:0;}
.product-image-box .badge-product{border:0; margin-right:25px; margin-top:20px; width:auto!important;}


.list-product{margin: 0; margin-top:25px;padding:0;list-style: none; width:100%; text-align:left;}
.list-product li{
list-style-type: none;
width: 48%;
height: auto;
margin: 0.5% 0.5%;
border: #b3b3b3 solid 1px;
display: inline-block;
overflow: hidden;
text-align: center;
-webkit-transition: box-shadow .15s ease-in-out;
-moz-transition: box-shadow .15s ease-in-out;
-o-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
position: relative;
background-color: #fff;
border-radius: 7px;
padding: 0 !important;}
.list-product li a{display: table;
vertical-align: middle;
text-align: center !important;
padding:0px;
width: 100%;}
.list-product li img{width:100%;}
.list-product li h3{ font-weight:600; color:#000; height:70px; text-align:left; margin:0; font-size:16px; padding:5px 10px;line-height:30px;}


.product-image-box img{width:100%;border-radius: 15px;border: #b3b3b3 solid 1px;}
.brand-thumbnail img{width:100%;}
.brand-title h3{padding:0; margin:0;}
.badge-product{position:absolute; z-index:9; max-width:140px; max-height:70px; right:5px; top:5px;width:auto!important;}

.product-body{margin-top:25px; margin-bottom:50px;}
.product-series{ width:100%;border-radius: 15px 15px 0 0; overflow:hidden; margin-top:25px; margin-bottom:25px;}
.product-series th{ background: #61e000; color:#fff; font-size:18px; font-weight:600; text-indent:25px; line-height:1.5; padding:10px;}
.product-series td{border-bottom: #b3b3b3 solid 1px;text-indent:25px; line-height:1.5; padding:10px;}
.product-series tr:nth-child(2n+1) td{ background:#f3f3f3;}



/* 
	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;
	background: none;
	cursor: pointer;
	text-align: center;
	left:0;
	top: 0;
	height: 40px;
	width: 40px;
}
.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;
}
.searchsite-container .searchsite-toggle i{
	line-height: 80px;
}
@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 { 
	z-index: 1602; 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f1f3f5; 
	pointer-events: none; 
	opacity: 0; 
	visibility: hidden;
	transition: all 0.3s ease;
	padding-left:15px;
	padding-right:15px;
}
.searchsite-is-open .searchsite-container { 
	pointer-events: auto; 
	opacity: 1;
	visibility: visible;
	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;
	max-width: 600px;
    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;
	margin-top:25%;
}
.searchsite-inner .searchsite-title strong{
	font-weight:normal;
	font-family:'Kanit';
}
.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: 80px;
		height: 80px;
	}
	.searchsite-inner .searchsite-title {
		line-height: 80px;	
	}
	.searchsite-container .searchsite-input {
		height: 80px;
		line-height: 80px;
		padding: 0 80px 0 20px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
@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: 80px;
	}
	.searchsite-container .btn-close {
		width: 80px;
		height: 80px;
	}
	.searchsite-inner {
		padding: 0 0 80px 0;
	}
	.searchsite-inner .searchsite-title {
		font-size: 2.25em;
		line-height: 70px;	
	}
	.searchsite-form {
		margin-bottom: 40px;
	}
	.searchsite-container .searchsite-submit {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
/* Disable scrolling */
.no-scrolling { overflow: hidden; }
/*	
	Close
----------------------------------------------*/
.btn-close { 
	position: absolute; 
	top: 0; 
	right: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: #fff;
	width: 60px; 
	height: 60px; 
	cursor: pointer; 
	-webkit-transition: all 200ms ease-out; 
			transition: all 200ms ease-out; 
}
.no-touchevents .btn-close:hover {
	
}
.btn-close::after, 
.btn-close::before { 
	position: absolute; 
	content: ""; 
	top: 50%; 
	left: 50%; 
	width: 50px; 
	height: 2px; 
	background-color: #000; 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(45deg); 
	-webkit-transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
			transition: all 400ms cubic-bezier(0.25, 0.6, 0.36, 1); 
}
.btn-close::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
			transform: translate3d(-50%, -50%, 0) rotate(-45deg); 
	-webkit-transition-delay: 65ms; 
			transition-delay: 65ms; 
}
.no-touchevents .btn-close:hover::after { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(225deg); 
			transform: translate3d(-50%, -50%, 0) rotate(225deg); 
}
.no-touchevents .btn-close:hover::before { 
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg); 
			transform: translate3d(-50%, -50%, 0) rotate(135deg); 
}
.btn-close:active { 
	-webkit-transition: none; 
			transition: none; 
}

.btn-width-200 {
	min-width: 200px;
}
.btn-width-220 {
	min-width: 220px;
}
.btn-width-240 {
	min-width: 240px;
}
.btn-width-260 {
	min-width: 260px;
}
.btn-width-280 {
	min-width: 280px;
}
.btn-width-300 {
	min-width: 300px;
}

/* 
	Arrow (Scroll Down)
------------------------------------------------*/
.arrow { 
	width: 22px; 
	height: 22px;
	display: inline-block; 
	position: relative; 
	fill: #000;
}
.text-light .arrow { fill: #fff; }
.arrow.arrow-top {
	-webkit-transform: rotate(90deg);
  	   -moz-transform: rotate(90deg);
  		-ms-transform: rotate(90deg);
  		 -o-transform: rotate(90deg);
  			transform: rotate(90deg);
}
.arrow.arrow-bottom {
	-webkit-transform: rotate(-90deg);
  	   -moz-transform: rotate(-90deg);
  		-ms-transform: rotate(-90deg);
  		 -o-transform: rotate(-90deg);
  			transform: rotate(-90deg);
}
.arrow.arrow-right {
	-webkit-transform: rotate(180deg);
  	   -moz-transform: rotate(180deg);
  		-ms-transform: rotate(180deg);
  		 -o-transform: rotate(180deg);
  			transform: rotate(180deg);
}



.register-form .list{width:50%; height:110px; overflow:hidden;  position:relative;display: inline-block;float: left;}
.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:'Kanit'; font-size:16px;width:100%; font-weight:400; float:left; text-align:left; padding:10px; padding-bottom:0;}
.register-form .box-form{width:100%; float:left;padding:10px; padding-top:0;}
.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;}
.box-form input[type="text"], 
.box-form input[type="password"], 
.box-form input[type="email"], 
.box-form textarea {border-color: #000000;
stroke: #000000;border-width: 2px!important;border-left-style: none!important;border-right-style: none!important;border-top-style: none!important;backgrou
nd-color: #ffffff;border-style: solid;border-radius: 0;
color: #000000;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;padding: 10px 12px;text-align: start;border-top-width: 0!important;
border-left-width: 0!important;
border-right-width: 0!important; font-weight:300; font-size:15px; width:100%;}


.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}

.register-form .box-form-btn input[type="checkbox"] + label::before,
.register-form .box-form-btn input[type="radio"] + label::before,
.register-form .box-form-btn input[type="checkbox"] + label::after ,
.register-form .box-form-btn input[type="radio"] + label::after { left:-5000px;}
.register-form .box-form-btn label{border:1px solid #c1520f; font-weight: 600;color: #b7730c;font-size:16px; line-height:40px; border-radius: 25px;border-radius: 25px;padding-left: 25px;padding-right: 25px;text-align: center;min-width: 100px;}
.register-form .box-form-btn label.active{ background:#001094; color:#fff;border:1px solid #121c6c;display: inline-block;}

.register-form #nextBtn{background:#f8a125; font-weight:400; border-color:#f8a125; line-height:40px;  border-radius: 20px; padding-left: 25px;padding-right: 25px;}
.register-form #prevBtn{line-height:50px;  font-weight:600; border-radius: 25px; padding-left: 25px;padding-right: 25px;}

.register-form #submit-form{z-index:999; position: relative; bottom:70px; width: 100%;left: auto;max-width: 1070px;right: auto;}
.register-form .quotation-preview{box-shadow: 0 0 .125rem 0 rgba(0,0,0,.14),0 .125rem .125rem 0 rgba(0,0,0,.12),0 .063rem .188rem 0 rgba(0,0,0,.2);border-radius: .375rem; display:block; width:320px; height:410px; background:url(../img/qt-preview.jpg) no-repeat center; background-size:auto 100%;font-family: tahoma;font-size: 10px;line-height: 1;padding-top: 95px;padding-left: 13px;}
.box-subscribe-head{position:absolute; top:50px; right:50px;}
.box-subscribe-img{float:right;}
.box-subscribe{float:right; position:relative; z-index:19;padding-top: 70px;}
.box-subscribe-img{background:url(../img/bg_subscription_form.png?v=2) no-repeat bottom left; background-size:auto 100%; height:660px;}
.register-form .btn-submit{
border-style: none;
letter-spacing: 1px;
font-weight: 400;
background-image: none;
align-self: center;
margin:0;border-radius: 27px;
padding: 10px 46px 10px;
color: #ffffff !important;
background-color: #f22233 !important;}
.register-form .btn-submit:hover{background-color: #e90d15 !important;}

.result-from-submit{text-align:center; width:80%; margin-left:auto; margin-right:auto; position:relative; padding:200px 50px; }
.result-from-submit i{font-size:100px; margin-bottom:40px; color:#a2d246;}
.result-from-submit strong{color:#a2d246;}


/*features-article */
.content-ref{display: flex;
flex-flow: column wrap;
width:100%;
justify-content: space-between; 
height:650px;
padding-left: 15px; margin-bottom:40px; margin-top:40px;}

.index-reference .content-ref{ margin-top:0px;}
.btn-border {
    color: #333 !important;
    border: 1px solid #333;
    font-size: 21px;
    font-family:'Kanit';
    border-radius: 25px;
    padding: 8px 35px;
	margin-top:30px;
}
.btn-border:hover{
	color: #fff !important;
	border: 1px solid #333;
	background-color:#333;
}


.index-reference{margin-top:50px;}
.index-reference::before{content: "";
position: absolute;
top: -10rem;
left: 0;
right: -10rem;
bottom: 0;
width: 100%;
	background: radial-gradient(50% 50% at 50% 50%,rgba(140,201,56,.12) 0,rgba(140,201,56,0) 100%)}
.index-reference .content-ref::before{content: "";
position: absolute;
top: -9rem;
left: -18rem;
right: 0;
bottom: 0;
max-height: 54rem;
max-width: 75rem;background: radial-gradient(50% 50% at center center,rgba(10,149,231,.12) 0,rgba(10,149,231,0) 100%);}
.index-reference .content{position:relative;}
.index-reference .row-content-news::before{content: "";
position: absolute;
top: 0;
width: 50%;
bottom: -20rem;
height: 100%;
right:0;
background: radial-gradient(50% 50% at 50% 50%,rgba(235,141,17,.15) 0,rgba(235,141,17,0) 100%);}


 
.features-ref{
width: calc(50% - 20px); position:relative; margin:0; 
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
display: flex;
justify-content: flex-end;
position: relative;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.2s;cursor: pointer;
flex-direction: row;
height: 204px;}


.features-ref:hover{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);}

.features-ref.no-data{box-shadow: none!important;}


.features-ref:nth-child(1){flex-direction: column;height: 430px; }


.features-ref:nth-child(1) .features-article-ref{
position: absolute;
}
.features-article-ref{
position: relative;
flex: 0 0 264px;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;cursor: pointer;}

.features-article-ref::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

.features-ref:nth-child(1) .features-article-ref-modul{
width:100%; position: absolute;display: flex;
flex-direction: column; bottom:0;background:none;
}
.features-refhover .features-article-ref-modul{background:#fff;}
.features-ref:nth-child(1):hover .features-article-ref-modul{ background:none;}

.features-article-ref-modul{
    padding: 10px 24px;
    flex: 1 0 204px;
    color: #3b3b3b;
	background: #fff;
}

.features-ref:nth-child(1) .features-article-ref-title{color: #fff;}

.features-article-ref-title{position: relative;
color: #333;
padding: 0px;
font-family:'Kanit', "sans-serif";
display: flex;
flex-direction: column;
line-height: 1.4;
margin-bottom: 10px;}
.features-article-ref-title h3{text-align:left; width:100%;font-size: 22px; font-weight:400;}

.register-page .form-group{margin-bottom:10px; position:relative; width:100%; display:block;overflow: hidden;
}



/* university */
#university { padding:0;margin-bottom: -80px;}
.bg-university{background:#030a8c; position:relative; width:100%; height:auto; overflow:hidden; z-index:1;}
#university .full-box{z-index:9;position: relative;}
#university .sub-color{color: #f2cb05;}
#university .heade-sub{color:#111; text-align:left; margin-top:-10px; margin-bottom:20px;}
#university .slick-slide{padding:10px; margin-bottom:15px; text-align:center;}
#university .university-list{z-index:1;min-height: 75px;position: relative;}
#university .heade-color{font-size: 60px;margin-top: 70px;color:#fff; text-align:left;}
.university-list{width:100%; text-align:center;}
.university-list img{width:65px; margin:auto!important;}
.university-list h3{text-align:center; font-size:13px; font-weight:300; margin-bottom:0px;}
.university-list-image{display:block; height:80px; overflow:hidden;}
.note-university{ font-weight:300; font-size:14px;}
.note-university h4{ font-weight:500; font-size:16px; margin-bottom:17px;line-height: 1.4;}
.note-university ul{max-width:270px; padding-left:10px; margin-left:10px;}
.note-university ul li{margin-bottom:7px;}


.u-image-university{  
border-top-left-radius: 70px;width: 1063px;
  height: 653px;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 0px 0 0 auto;
  object-fit: cover;
display: block;
vertical-align: middle;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.u-repeater-1{ width: calc((1100px/12)*8);
margin: -528px auto 223px calc(((100% - 1140px) / 2) + -1px);grid-template-columns: repeat(2, 50%);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
background:#fff;
  min-height: 366px;
  grid-auto-columns: 50%;
  grid-gap: 0px;
  padding: 50px 100px 50px 50px;
}


.u-container-layout-2{width: 349px;padding: 20px 30px 15px;text-align: left;color: #333;
background-color: #f2cb05;margin: -373px 0 60px auto;box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);}

.quotation-result{max-width:600px; margin-left:auto; margin-right:auto; text-align:center; background:#b2e5b6;border-radius: 15px;margin-bottom: 50px; padding:25px;}
.quotation-result .ico-thanks{max-width:100px; margin:15px auto;}



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:'Kanit'; font-size:30px; text-align:left; margin-top:25px; margin-bottom:25px; color:#000;}
.btn-nextPrev{font-family:'Kanit'; 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: #51659f;
	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:#ffe8e9;
    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;
	text-decoration:underline;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background:#fff;
    color: #333;
    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: #ddd;
    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%;}
.about-main{background-position:top center; background-color:#cfd8e9;}
.head-about img {max-height: 700px;margin-top: 50px;margin-bottom: 50px;}
.hilight-main{min-height:520px;}
.rocket img{margin-left:150px;width: 500px;}
.heading-rocket img{width:700px; margin-left:-100px; margin-top:70px;}
}
@media all and (min-width:1867px){
/*.head-about img { margin-bottom:150px;}
.content-about{margin-top:150px;}
.hilight-main{min-height:620px;}
.rocket img{margin-left: 250px;width: 650px; margin-top:-150px;}
.heading-rocket img{width:850px;margin-left: -150px;margin-top: 75px;}*/

}
@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%; padding-left:0; padding-right:0;}
#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:0px;}
}
@media all and (min-width:1551px){ 
}
@media all and (max-width:1550px){ 
/*.navbar-right{float: righht !important;width: 100%;margin-top: 15px;}
#nav.navweb .navbar-right > li{display:block;}
.navbar-collapse.collapse{margin-top:5px;width: 65%; margin-bottom:5px;}*/
}
@media all and (max-width:1280px){ 
.top-nav{right: 5px;}
.navbar-collapse.collapse{padding-left:0;}
#nav .navbar-right li a {padding: 5px 10px;}
.about-main{margin-top:0;}
.main-content{padding-left:0px; padding-right:0px;}
.main-content .content-post{padding-left:15px; padding-right:15px;}
.course-detail,.course-study,.container-course {margin-left:15px; margin-right:15px;}
.slide-main{background-size: auto 100%;}
.register-form #submit-form{right:50px;}
.head-about img{width:300px; margin-left: 40px;}
#service .content{width: calc(100% - 50px);}
section{width:100%; position:relative; overflow:hidden;}
}
@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: 17px;padding: 5px 5px;}
.navbar-right{margin-top: 10px;margin-right:10px !important;}
}
@media all and (max-width:992px){
.main-content .heading-post{background-attachment: inherit;}
.map-why li{width:50%; margin-bottom: 40px;}
.text-why{margin-top: 15px;}
.searchsite-container .btn-close{margin-top:80px;}
.container-slide{margin-top: 25px}
.about-main{padding-top:0;}
.about-heading{width: 400px;}
.nav.nav_menu li > ul.sub-menu-course li{width:100%!important;}
.nav.nav_menu li > ul.sub-menu-course li a{ padding:10px 15px!important; text-align:left!important; margin:0!important;text-indent: 0!important;}
.nav.nav_menu li > ul.sub-menu-course li img{ padding:0!important; margin:0!important; width:100%; display:none;}
.nav.nav_menu li > ul.sub-menu-course h3{padding:0!important; margin:0!important; font-size:21px;}
.rocket img{width:80%;}
.heading-rocket img{width:105%;}
.hilight-main{min-height: 320px;}
.main-content{margin-top: 0;}
.headnig-contact-page h2{text-align:left;}
.menu-mobile{display: block!important;}
.hide-mobile{display:none!important;}
.offcanvas-active #nav.navweb .navbar-header{height:85px; margin-bottom:15px;}
.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:0px;}
#nav .navbar-brand img{width:300px;margin-left: 100px;margin-top: 7px;}
#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:85px; position:relative; z-index:9;} 
#nav.navweb{height:135px;}
body.body-move #nav.navweb{height:85px;}
#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: 330px;margin-left: 0;margin-top: 0;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{ background:#ee6b2d;display:block;position:absolute;left:0px;z-index:9999;width:85px!important;height:85px!important;color: #fff;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:18px;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: 15px 10px 10px;width: 100%;}
#nav .navbar-right li i {color: #000;position: absolute;right: 10px;margin-top: -22px;}
#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;}
.copyright .content{padding:10px 0;}
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;}
.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:0px;}
#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;}
.main-content img{max-width:100%!important; height:auto!important;}
.ebook-main{background-size: auto 130%; background-position:center;}
.pitem-6 .course-detail div[data-type="container-content"]{margin-top: -100px;}
.header-img-ebook{background-attachment: initial; background-size:auto 100%;min-height: auto;}
.course-detail, .course-study, .container-course {margin-left: 0;  margin-right: 0;}
.col-brand img{max-width:90%!important;}
.navbar-collapse.collapse{width:auto;}
.featured-list li h3{font-size:16px;}
#brand_data{margin-top:25px;}
#client_data{ background-position: left;}
#client_data h2{margin-top:50px!important;}
.list-client{max-width:100%; text-align:center; margin-bottom:50px;}
.footer-2{width:40%;}
.footer-3, .footer-5{ width:30%;}
.footer-4{width:100%; text-align:center;}
.menu-social{text-align:center;}
.menu-social li{display:inline-block;float: none !important;}
.copyright{text-align:center;}
.product-content{margin-top:50px;}
#slogan_data{background-position:left;}

#slogan_data h2{font-size:22px;}

.register-form .name-form{width:100%; float:none; text-align:left;}
.register-form .box-form{width:100%; float:none; text-align:left;}
.body-bg{background-position:  0 130px!important;}

.menu-footer.menu-social{width:300px; margin-left:auto; margin-right:auto;}
.register-form .heade-color, .register-form .heade-sub{text-align:center;}
.box-subscribe-img{height:auto; background:none;}
.warpper-inner-left-6{float: left; width:60%;margin-left: 15px;}
.box-subscribe{float: left;background: url(../img/bg_subscription_form_mb.png?v=2) no-repeat bottom right;background-size: auto 100%; padding-top:0px;}
#university .full-box{margin-left:50px;}
.u-container-layout-2{margin: -573px 0 60px 50px;}
.u-repeater-1{ padding-left:100px;}
#university .heade-color{font-size: 40px;}
#testimonial .slick-prev{ display:none!important;}
#testimonial .slick-next{right: 0px !important;}

.headnig-contact-page{height:auto; padding-top:0;}
.body-contact-page{height:auto;}

.main-content .post-heading h2{padding-left: px;}
.wrapper{padding-top:160px;}
.p-home .wrapper{padding-top:175px;}
.p-about .post-content{padding-top: 47% !important;}
.p-registration  .post-content{padding-top: 47% !important;}
}
@media all and (max-width:800px){
#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;}
.head-about,.content-about{width:100%;}
.map-why{margin-top: 80px;}
.map-why li{width:25%;}
.about-main .heade-color,
.about-main .why-sub-heading{padding-left:300px;}
.about-main .heade-color .sub-color{display: block; margin-bottom:30px;}
.head-about img{width: 250px;margin-left:20px;}
.warpper-inner-left-6{width:70%;}
.u-repeater-1 {padding-left: 240px;}
.u-container-layout-2{width: 270px;}
.box-subscribe-img,
.box-subscribe{float:none; width:100%; position:relative; overflow:hidden;}
.slide-bg-bottom{background-size: 100% auto;height:40px; background-position:right bottom;}
.main-content .heading-post{background-size:auto  120%;}
}
@media (max-width:767px){
#testimonial{padding-top: 240px;}
#testimonial .group-1{width:80%; float:left; margin-top:400px;;}
.review-list-image{ width:100%; float:right; margin-top:0px; padding:0; top:0;}
.review-list-image img{float:right;}
.head-about{display:none;}
.about-main .heade-color, .about-main .why-sub-heading{padding-left:0; text-align:center;}
.features-article-ref-title h3{ font-size:17px;}
.about-main .heade-color .sub-color{display: initial;margin-bottom: auto;}
.about-main{background-size: auto 100%;background-position: right;}
.course-detail div[data-type="container-content"] h2{font-size:31px;}
.container h2, .row h2 {font-size: 40px;}
.lSPager.lSpg{top: 5px !important;}
.head-about{text-align:right;}
.head-about img{max-width:80%;margin: 0;}
.content-about p{font-size:21px;}
h2.title-desc-ebook{margin:0; text-align:center;}
.content-desc-ebook{text-align:center;font-size: 25px;}
.row-btn-more-ebook{margin-bottom:25px;}
.step-main{padding-bottom:150px;}
.heading-rocket img{width: 80%;margin-left: 25px; z-index:99;}
.rocket img{margin-top: -200px; width:320px;}
.content-about{padding:0; padding-bottom:50px;}
.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;}
.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:'Kanit';}
.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:'Kanit'; 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;}
.about-heading{width: 350px;}
.box-review{margin-top:15px;}
.searchsite-container .searchsite-toggle {right: auto;width: 70px;height: 70px;}
.banner-step{padding-left:0; padding-right:0;}
.step-main{padding-left:0; padding-right:0;}
.course-detail div[data-type="container-content"]{padding:10px 10px 150px 10px;}
.box-contact-page img{width:70px!important; height:auto!important;}
.course-hilight div[data-type="container-content"] { max-width:85%; font-size:21px;}
.course-hilight div[data-type="container-content"] h3 {padding: 5px 15px;}
.course-study ul li{font-size:23px;}
.course-regist .jumbotron h2 {font-size: 27px;}
.sub-heading{font-size:21px;}
.more-follow{padding-top:0;}
.hilight-desc-ebook{font-size:21px;}
.pitem-5 .course-hilight div[data-type="container-content"] h3 {font-size:21px;}
.lslide:nth-child(2n+1) .container-slide .slide-title h2{text-align:left;}


.list-brand li{width: 100px; height:100px; margin:2px;}
.list-brand li a{padding-top: 30px;}

.featured-list li{width:50%;}
.list-category li{width:31.55%;}
.list-category{text-align:left;}
.brand-image{width:200px;}

.container-heading-post,
.post-heading,
.post-content {padding-left:0; padding-right:0;}

.body-bg .container-heading-post{padding-left: 10px;padding-right: 10px;}
.product-series td{text-indent:0;padding: 5px; font-size:13px;}
.product-series th{text-indent:0;padding: 15px 10px; font-size:13px;}
.table-responsive{border:0;}
.badge-product{max-width:100px; max-height:50px;}
.col-university{width: 33.33%;float: left;}
.footer-3,
.footer-2,
.footer-5{width:33%; float:left; padding-top:15px;}
.footer-4{width:100%; float:left; padding-top:15px;}
h2.head-logo-footer{font-size: 16px;}
.content-ref{height:auto!important;padding-left: 0;}
.features-ref{width:100%; margin-bottom:20px;}
.main-content .post-heading{padding-left:15px; padding-right:15px;}
.main-content .admin-heading {padding-left:15px; padding-right:15px;}
.main-content .breadcrumb{padding-left:15px; padding-right:15px;}
.main-content .share-social{padding-left:15px; padding-right:15px;}
.main-content .post-content{padding-left:15px; padding-right:15px;padding-top:20px;}
.main-content .container-content-post{border-radius:15px;box-shadow: 0 5px 5px 0 rgba(0,0,0,.1); margin-bottom:10px;}
.main-content .content-post-ref{ position:relative;padding-left:15px; padding-right:15px;}
.review-list-box p.text-review{display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;}
.body-contact-page #register{margin-top:0; padding-top:15px;}
.doughnut2 {width:400px; height:400px;}
.main-content .post-content, .main-content .post-content p { font-size:16px;}
}
@media all and (max-width:640px){
.wrapper{padding-top: 140px;}
.p-home .wrapper{padding-top:155px;}
.contact-form ul li{width:100%;}
.list-category li{width:48%;}
.list-category li h3{font-size:14px;}
.featured-list li .featured-img{width:80px; height:80px; line-height:80px;}
.featured-list li .featured-img img{max-width:80%;}
.featured-list li h3{height:60px;}
#category_data{margin-top:25px;}
.top-nav{left: 15px;margin-top: 5px;top: 5px; z-index:999;width:220px; position:absolute;}
.menu-top li a{ font-size:16px; font-weight:400;}
#nav .navbar-brand img{width:220px;}
#nav.navweb{height: 115px;}
#nav.navweb .navbar-toggle{width: 65px !important;height: 65px !important;}
#nav .navbar-toggle i{margin-top:0; margin-right:0;}
.container p, .row p{font-size:18px;}
.breadcrumb{margin-top:0;}
.offcanvas-active #nav.navweb .navbar-header {height: 65px;}
.body-bg{background-position:  0 110px!important;}
.top-social li.ts-phone-text{display:none;}
.top-social li.ts-phone{position: relative; display:block; right:auto;margin-top:0;}
.top-social li{margin-right:5px;}
.footer-1{width:100%; float:left;height:auto;}
.footer-2{width:100%; float:left;height:auto;}
.footer-3,
.footer-4,
.footer-5{width:33%; float:left; padding-top:15px;}
.footer .content{padding-bottom:0;}
.footer-5,.footer-3{width:50%;}
.footer-4{width:100%;}
.slide-bg-bottom{background-size: 100% auto;height:30px;}
.about-main .heade-color, .about-main .why-sub-heading{text-align:center;}
h2.heade-color{font-size:30px;text-align:center;}
.index-service h2.heade-color{font-size:30px;text-align:left;margin-bottom: 0; padding-left:20px;margin-bottom: 10px;}
.about-main .heade-color{margin-bottom:10px;}
.about-main .why-sub-heading{font-size:20px;}
.map-why{margin-top:40px;}
.map-why li{ width:50%;}
.numbber-why{width:70px; height:70px;font-size: 35px; line-height:65px;}
.list-service{width:100%;}
.heade-sub {text-align:center;}
.index-service .heade-sub {text-align:left;}
.index-service .heade-color,
.index-service .heade-sub,
.index-reference .heade-color,
.index-reference .heade-sub{padding-left:10px; padding-right:10px;}
.register-form .heade-color, .register-form .heade-sub{ text-align:center; padding-left:10px; padding-right:10px;}
.index-service .heade-sub{padding-left:20px;}
.index-reference .heade-color{ margin-bottom:0;}
.warpper-inner-left-6{width:90%; margin-left:5%;}
.register-form .list{width:100%;}
.review-list-image img{width:100%;}
.review-list-image{width:80%; right:0;}
.head-testimonial-mb{display:block;width: 100%;position: relative;overflow: hidden;margin-top: -850px;}
.box-testimonial{margin-top:0px;}
#testimonial .heade-color,#testimonial .heade-sub{color:#fff; text-align:center;}
.review-list-box .heade-color,.review-list-box .heade-sub{display:none;}
#testimonial .group-1{margin-top: 200px;}
#university{ margin-bottom:0;}
#university .heade-color{font-size:30px; text-align:center; color:#334bb3;}
#university .full-box{margin-left:0px;  padding-bottom:50px;}
.u-image-university{display:none;}
#university .warpper-inner-left-8{width:100%;}
#university .u-repeater-1{width:90%; position:relative; margin:0; padding:10px; 
margin-left:5%;box-shadow: none;background: none;}
#testimonial{background: url(../img/bg-university-mb.png?v=5) #030a8c repeat-x bottom;} 
.bg-university{background:none;}
#university .heade-sub{text-align:center; margin-top:-20px; margin-bottom:30px;}
.university-list img{width:50px;}
#university .u-container-layout-2{width: 100%;position: relative;margin: 0;padding: 0;overflow: hidden;height: auto;margin-left: auto;float: none;margin-right: auto;background: none;box-shadow: none;color: #333; display:none;}
.note-university ul{width:100%;max-width:100%}
.footer-3{padding-left:5%;}
.copyright p{font-size:13px;}
.index-reference .heade-color{margin-bottom:10px;}
.register-form .heade-color{margin-bottom:10px;}

.list-service:nth-child(2n+1) .service-color{background-color:unset!important;}
.list-service:nth-child(1) .service-color,
.list-service:nth-child(3) .service-color{background-color:unset!important;}
.list-service:nth-child(5) .service-color,
.list-service:nth-child(7) .service-color{background-color:unset!important;}
.list-service:nth-child(9) .service-color,
.list-service:nth-child(11) .service-color{background-color:unset!important;}
#testimonial .u-btn-1{padding: 7px 26px 10px;font-size: 16px;}
.col-university{width:50%; padding:3px; padding-left:15px; padding-right:15px;}
.col-image-university img{width: 80px;}
.col-image-university{height: 130px;}
.col-university h3.col-head-university{padding: 5px 5px;}
.post-heading h2{ font-size:25px;}
.service-box h2{width:35%; float:left;}
.service-box h4{width:55%; float:left; padding-top:10px;padding-bottom:30px;}
body.body-move #nav.navweb{height:65px;}
.box-subscribe{background:none;}
.index-subsribe{background:none;}
}
@media all and (max-width:480px){
.top-contact{display:none;}
.forex-widget-top{display:none;}
.rocket img{margin-top: -150px;width: 220px;}
.hilight-main{min-height: 220px;}
.heading-rocket img{width: 90%;}
.pitem-6 .course-detail div[data-type="container-content"] {margin-top: -50px;}
#nav .navbar-right li a{padding: 10px 10px 5px;}
.index-service .heade-color {margin-top: 20px;}
.index-service .heade-sub,
.index-reference .heade-sub{padding-right: 10px;}
.top-nav{left:0;margin-left: 10px;}
.menu-top{margin-right: 10px;}
}
@media all and (max-width:470px){
.menu-top .btn-special{padding: 5px 17px;}
}
@media all and (max-width:400px){
.menu-top{ margin-right:5px;}
.top-nav {left: 5px;}
.menu-top li a{font-size:15px;}
.top-social li {margin-right: 2px;}
}
@media all and (max-width:320px){
}