<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.backgroundCover, #home, #download, #packages, #subscribe, footer{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
@font-face{font-family:'thaisans_neueregular';src:url('font/thaisansneue-regular-webfont.eot');src:url('font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-regular-webfont.woff2') format('woff2'),
url('font/thaisansneue-regular-webfont.woff') format('woff'),
url('font/thaisansneue-regular-webfont.ttf') format('truetype'),
url('font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
@font-face{font-family:'thaisans_neuebold';src:url('font/thaisansneue-bold-webfont.eot');src:url('font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-bold-webfont.woff2') format('woff2'),
url('font/thaisansneue-bold-webfont.woff') format('woff'),
url('font/thaisansneue-bold-webfont.ttf') format('truetype'),
url('font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
body{background:#fff;font-family:'thaisans_neueregular', Tahoma, Arial;font-size:21px;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
a:hover{color:#FC6;text-decoration:none; outline:none;}
a:active{outline:none;}
.container h2, .row h2{font-family:'thaisans_neuebold';font-size:50px;}
.container p, .row p{font-family:'thaisans_neueregular';font-size:25px;letter-spacing:0px;line-height:30px;}
header{color:black; z-index:9; position:relative;}
header.masthead .bannercontainer{width:100%;position:relative;padding:0;}
header.masthead .banner{width:100%;position:relative;}
header.masthead h1{text-transform:uppercase;font-size:55px;font-weight:bold;}
header.masthead .tp-caption a{color:white;}
header.masthead .mh-slider{position:absolute;bottom:0;top:auto;}
#home{width:100%!important;background:#fff;overflow:hidden;background-attachment:fixed;position:relative;text-align:center;margin-top:-70px;}
#home:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:url(../img/pattern.png) repeat;}
.navbar-collapse.collapse{float:right;margin-right:30px;margin-top: 10px; margin-bottom:10px}
#nav{ background: #32b0eb;width:100%;position: relative;top:0;margin-bottom:0;min-height:50px;z-index:9999; border:0;}
##nav.navbar-static-top{background:rgba(255, 115, 13, 0.9);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-o-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);box-shadow:0 0 5px rgba(0, 0, 0, 0.4);}
#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:'thaisans_neuebold';font-size:33px;padding:0;margin:0;padding-top:12px;margin-bottom:-3px;font-weight:normal;border-radius: 30px;padding: 0px 20px;display: inline-block;
-webkit-box-shadow: 0 3px 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 6px 1px 0 rgba(0,0,0,0.2);background: #fff;
color: #000;
margin-top:12px;
}
#nav .navbar-nav.nav-title h1.title_short{font-family:'thaisans_neueregular';font-size:23px;padding-top:0;}
#nav .navbar-right li a{text-transform:none;font-size:27px;padding:10px 10px; float:left;}
#nav .navbar-right li i {font-size: 12px;display: block;float: right;padding: 15px 15px 0 0;margin-left: -5px; color:#fff;}
#nav .navbar-right li{ font-family:'thaisans_neuebold';background:;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
#nav .navbar-right li.active{ background:#fff!important;border-radius: 50px;}
#nav .navbar-right li.active a{color:#000!important; text-shadow:none!important;}
#nav.navweb .navbar-right li:hover{background:none;}
#nav .navbar-right li a,
#nav .navbar-right li:hover a,
#nav .navbar-right li.active:hover a{color:#fff!important;text-shadow: 1px 1px 2px rgb(138, 138, 138);}
#nav .navbar-right li:active,
#nav .navbar-right li a:active,
.nav&gt;li&gt;a:hover,.nav&gt;li&gt;a:focus{background:#4893ce!important;border-radius: 50px; overflow:hidden;}
#nav .navbar-lang{float:right;margin-top:20px;margin-left:20px;}
#nav .navbar-lang li{background:#f05624;margin-left:2px;float:left;}
#nav .navbar-lang li:hover a{background:none;}
#nav .navbar-lang li a{font-family:'thaisans_neuebold';color:#fff;padding:4px 8px;font-size:17px;overflow:hidden;display:block;}
#nav.navweb .navbar-right &gt; li{background:none;margin:0 3px;}
#nav.navweb .navbar-header{width: 310px; padding:10px; display:block; margin-left:0px;margin-top: -45px;}
#nav.navweb .
#nav .navbar-brand{float:none; height:auto; padding:0; margin:0; position:relative;}
/* nav fixed */
#nav.affix{ background:#fff;position:fixed;top:0;z-index:99999;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;border-bottom: 2px solid #e071ac;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
#nav.affix .navbar-collapse.collapse {margin-top: 15px;}
#nav.affix .navbar-header{margin-top:-40px;}
#nav.affix .navbar-brand img{width: 120px;}


.logo_title {
    float: left;
    width: 255px;
	margin-top:-45px;
}
header h2.title_header {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size: 35px;
    letter-spacing: 0px;
    padding: 0;
    line-height: 40px;
    margin: 0;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 5px;
    text-indent: 7px;
    text-transform: uppercase;
	text-shadow:#000 2px 2px;
}
header h2.title_header_sub {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size: 31px;
    letter-spacing: 1px;
    padding: 0;
    line-height: normal;
    margin: 0;
    color: #000;
    background: #fff;
    text-align: center;
    width: 210px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 4px;
	line-height: 0.9;
	margin-left:5px;
}
header h3.title_anniversary {
    font-family: 'thaisans_neuebold',Tahoma;
    font-size:24px;
    letter-spacing: 4.1px;
    padding: 0;
    line-height: 40px;
    margin: 0;
    color: #fff;
    margin-top: -5px;
    margin-bottom: 7px;
    text-indent: 7px;
    text-transform: none;
	width:220px; text-align: center;
}
/* top bar */
.nav_top{width:100%; position:relative; height:50px; background:none;}
.tel-line-nav{float:right; width:auto; padding-top:10px; padding-right:20px; } 
.tel-line-nav a{color:#fff;border-radius: 50px; padding:0px 15px; font-size:25px; display:inline-block; font-weight:bold;}
.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;}
.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;}

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

/* apply now */
.apply-now{ position:fixed; bottom:50px; right:50px;width:150px; height:150px; text-align:center; border-radius:50%; border:10px solid #fff; background:#d4478b;box-shadow: 1px 2px 10px rgba(0,0,0,0.54); font-size:30px;z-index: 9999; color:#fff; line-height:27px; padding-top:10px;}
.apply-now i{font-size:60px;}
.apply-now:hover{ background:#fa0000;color:#fff;}
/* menu info */
.tmenu_info {margin:0; padding:0; list-style:none;}
.tmenu_info li{margin:0.5%; float:left;}
.tmenu_info li.tm01{ width:38%; height:400px; background:url(../img/menu_tutor_course.jpg) #fff no-repeat left center; border-right:1px solid #000;}
.tmenu_info li.tm02{ width:28%; height:200px; background:url(../img/menu_tutor_regis.jpg) #fff no-repeat right bottom;}
.tmenu_info li.tm03{ width:28%; height:200px; background:url(../img/menu_tutor_fee.jpg) #fff no-repeat left bottom;}
.tmenu_info li.tm04{ width:28%; height:200px; background:url(../img/menu_tutor_teamx2.jpg) #fff no-repeat right top;}
.tmenu_info li.tm05{ width:28%; height:200px; background:url(../img/menu_tutor_studentx2.jpg) #fff no-repeat left top;}
a.btn-info{background:#f41c85; color:#fff; border-radius:50px; font-size:25px; padding:3px 15px; text-align:left; width:200px; display:block; position:relative; position:absolute; bottom:15px; right:15px;}
.tmright a.btn-info{ right:inherit; left:15px;}
.tmenu_info li:hover a.btn-info{background:#ff000a;}
a.btn-info i{float:left; margin:5px 15px 0 0; font-size:21px;}

/* product */
.view-product .content ul{padding:0; margin:0;border-bottom: 1px solid #ddd;}
.view-product .content li{padding:0!important; margin:0!important; list-style:none!important; padding:6px 10px!important;border-top: 1px solid #ddd;}
.view-product .content li::before {
    content: "\f105";
    margin-right: 10px;
	font-family: "Font Awesome 5 Free";
    font-weight: 600;
	font-size: 15px;
}
.view-product .content li:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
.cnt-left-menu{color:#c6c6c6;}

/* contact */
.line_contact{padding:0;margin:0;list-style:none;width:100%;position: absolute; z-index:99; overflow:hidden;z-index: 99;bottom: 0;}
.line_contact li{width:25%;list-style:none;float:left;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.line_contact li a{width:100%;display:block; text-align:left;padding:10px 25px;color:#fff;font-size:30px;}
.line_contact li.phone{background-color:#00bff3;}
.line_contact li.line{background-color:#7fcc16;}
.line_contact li.fb{background-color:#0054a6;}
.line_contact li.mail{background-color:#ffa430;}
.line_contact li:hover{background-color:#7d7d7d;}
.line_contact li:hover i{color:#7d7d7d!important;}
.line_contact li i{width:39px;height:39px;background:#fff;line-height:39px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;float:left;margin-left:25px;font-size:27px;border:1px solid #fff;margin-right:15px;margin-top:5px;}
.line_contact li.phone i{color:#00bff3;}
.line_contact li.line i{color:#7fcc16;}
.line_contact li.fb i{color:#0054a6;}
.line_contact li.mail i{color:#ffa430;}
/* about */
#page2 p{text-indent:65px;}
/* contact */
#page6{padding:50px 0; }
#page6 .row{ margin:0;}
.intro h1{font-family:'thaisans_neuebold';font-size:60px;text-shadow:0px 0px 12px rgba(0, 0, 0, 0.9);}
.intro h2{font-size:33px;font-weight:normal;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.85);}
.about-us{color:#fff;background:url(../img/bg-about-us.jpg) #3ab5e4 no-repeat center;background-size:100%;padding:100px 0;}
.about-us h2{text-align:left;color:#FFC;}
.about-us h2 span{color:#fff;}
.img-type-product{max-width:400px;margin:auto;display:block;webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.product-index{float:none; display:inline-block; width:49%; vertical-align:top; margin-bottom:50px;}


/* product */
.item-product{-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);position: relative; padding:0;display:inline-block; float:none; vertical-align:top; width:22.5%; margin:1%; margin-bottom:50px;}
.view-product .item-product{width:30%;}
.item-product:hover{-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
}
.item-product-index .item-product{margin:10px; width:100%;}
.item-product img{width:100%;max-width:100%; margin:0!important;}
.item-product img.product-brand{width:50px; max-width:50px; position:absolute; z-index:11; top:0; right:0;}
.item-product:hover h3{background:#25aae1!important; color:#fff!important;}
.item-product h3{font-family:'thaisans_neuebold'; color:#333; font-weight:normal!important;font-size:23px!important;vertical-align:middle; height:55px; overflow:hidden; text-indent:0!important;background:#fff;text-align:left!important;margin:0!important;padding:10px 10px!important;min-height:50px;display:inline-block;width:100%;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;line-height:21px!important;}
.meta-date,.meta-hits{width:50%; float:left; color:#333; padding:0 10px;font-size:16px;}
.meta-hits{text-align:right;}
.meta-prosuct{position:relative; width:100%; padding:5px 0; display:block;overflow: hidden; }
.meta-prosuct i{font-size:12px;}
.btn-price{font-family:'thaisans_neuebold'; font-size:27px; 
    border-radius: 50px;
    overflow: hidden;
	-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;
    padding: 2px 10px;
    position: relative;
    cursor: pointer;
	background: #0095DA;
	display:block;
	width:200px;
	text-align:center; 
	margin:15px auto;
	color:#fff;
}
.btn-price i{color:#fff; font-size:18px;}
.btn-price.ptell{background:#DA0027;}
.btn-price.pclose{background:#4f4f4f !important;}
.item-product:hover a{text-decoration:none!important;}
.item-product:hover .btn-price{background: #EA8E11; text-decoration:none!important;}
.view-product.pn .btn-price{ display:block; margin-left:0;font-size: 45px;padding: 0;line-height: 50px;}
.btn-border {
	
    color: #000 !important;
    border: 1px solid #333;
    font-size: 25px;
    font-family: 'thaisans_neueregular';
    border-radius: 25px;
    padding: 0px 15px;
}
.btn-border:hover {
    text-decoration: none !important;
    border-color: #ed1c24;
}
.form_search{overflow:hidden;margin-bottom:50px;}
.product-list{ position:relative; margin-bottom:0px;}
#content_view .content h2.title-cat { display:block;color:#fff; background:#31373b;padding: 10px 25px;text-indent: 0;}
.item-product.p2 h3{background:#a95557;}
.item-product .li .grow img{width:100%;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-product .li:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-product .li .pic{float:left;width:100%;overflow:hidden;position:relative;}

/* color font */
.font-pink{color:#d4478b;}
.font-black{color:#000;}
.font-white{color:#fff;}

/* about us */
#about_us{font-family:'thaisans_neuebold'; font-size:23px;background:url(../img/bg-entrance.jpg) #ffb9ad no-repeat left bottom; padding-bottom:10px; padding-top:20px; }
.about-pic{text-align:center;}
#about_us h2.tt-sub{background:#4866bd; color:#fff; font-size:37px; border-radius:25px; padding:0 25px; display:inline-block;margin-top: 20px;
margin-bottom: 20px;}
#about_us h3{background:#d4478b; color:#fff; font-size:30px; border-radius:25px; padding:0 25px; display:inline-block; text-align:center;}

/* about_data */
#about_data{background:url(../img/bg-data.jpg) #fff no-repeat top center; font-family:'thaisans_neuebold';padding-bottom:70px;}
#about_data h2{ font-size:37px;}
#about_data h2.td3{ font-size:50px;}
#about_data h3{background:#82c91e; color:#fff; font-size:35px; border-radius:25px; padding:0 25px; display:inline-block; margin-top:0px;}
#about_data h2.td1{background:#d4478b; color:#fff; font-size:50px; border-radius:25px; padding:0 25px; display:inline-block; margin-top:-20px; margin:30px 0;}
#about_data h3.td2{background:#fb9ecb; color:#fff; font-size:41px; border-radius:25px; padding:0 25px; display:inline-block; margin-top:-20px; margin-bottom:50px;}
#about_data ul{list-style:none; margin:0; padding:10px;}
#about_data li{list-style:none; margin:0; padding:0;font-size:23px; padding:10px; line-height: 27px;} 
#about_data li strong{font-weight:normal; font-size:31px;font-family:'thaisans_neuebold';}
#about_data .why-tutor li strong{color:#22a200;}
#about_data .problem-tutor li strong{color:#e41304;}
.problem-tutor li:last-child {min-height: 157px;}

#about_data img{max-width:100%;}
#about_data img.img50{width:50%; float:left; padding:0; margin:0; display:block;}
#about_data img.img2{margin-top:30px;}


#about_course{background:url(../img/bg-course.jpg) #fff no-repeat right top;}
#about_course, #about_course p{font-family:'thaisans_neuebold'; font-size:23px;}
#about_course h2{ margin-bottom:50px; text-align:left;}
#about_course h3{    background: #7c9af2;
    color: #fff;
    font-size: 25px;
    border-radius: 15px;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 0px;
}
#about_course p{    background: #fff;
    color: #000;
    border-radius: 15px;
    padding: 5px 15px;
    display: inline-block;
	width:100%;
    margin-top: 0px;
}
#about_course ul,#about_course li{list-style:none;}

#about_hit h2 {
    font-family: 'thaisans_neuebold';
    background: #458ccc;
    color: #fff;
    font-size: 23px;
    border-radius: 25px 25px 0 0 ;
    padding: 10px 25px;
    line-height: 1;
    display: inline-block;
    margin-top: 0px;
}
#about_hit .hit1 h2{background:#e10000;}
#about_hit .hit2 h2{background:#a61818;}
#about_hit .hit3 h2{background:#790d0d;}

#about_hit{background:url(../img/bg-hit.jpg) #bd0f39 no-repeat center left;}
#about_hit .text-hit{ padding:15px 0;font-family: 'thaisans_neuebold'; min-height:380px; width:100%;color:#fff;font-size: 21px;border-radius: 25px; padding-top:50px; margin-top:-50px;}
#about_hit .text-hit ul{padding: 0px; margin:0; width:100%; list-style:none;}
#about_hit .text-hit ul li{line-height:1; padding:5px 15px;width:100%; list-style:none; margin:0; padding-bottom:5px;}
#about_hit .text-hit ul li:nth-of-type(2n){background: rgba(189, 189, 189, 0.25);}
#about_hit .hit1 .text-hit{background:#ffa500;}
#about_hit .hit2 .text-hit{background:#ff9217;}
#about_hit .hit3 .text-hit{background:#f46f0e;}
.img-hit-tutor{width:120%; margin-left:-17%;}


#review_student{background: url(../img/bg-book.png) #d21770 ;}
#review_student h2{text-align:center;margin-bottom:50px;  }
#review_student h2 .btn-pink{   background: #fff;
    color: #000;
    font-size: 35px;
    border-radius: 25px;
    padding: 7px 25px;
    display: inline-block;
    margin-top: 20px;}
.col-review{ margin:0;}
.list-review .col-review{margin-bottom:27px;}
.col-review img{border-radius: 0px; width:100%; border:2px solid #fff;}


#article{ background:url(../img/bg-article.jpg) #fff no-repeat left; background-size: auto 100%;}
#article h2{text-align:center;margin-bottom:10px;  }
#article h2 .btn-pink{   background: #ff1957;
    color: #fff;
    font-size: 35px;
    border-radius: 25px;
    padding: 7px 25px;
    display: inline-block;
    margin-top: 10px;}
.col-article{margin-bottom:25px;}
.col-article &gt; a{ margin:0;border-radius: 15px; overflow:hidden; border:2px solid #fff; background:#fff;width: 100%;display: block; }
.col-article img{width:100%; max-width:100%; }
.col-article h3{font-family:'thaisans_neuebold'; font-size:23px; color:#000; padding:15px 15px; margin:0;}
.col-article:hover &gt; a{background:#32b0eb ;border:2px solid #32b0eb ; }
.col-article:hover &gt; a h3{color:#fff;}

.heade-color{background: -webkit-linear-gradient(45deg, #09009f, #48bbea 70%);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


/* meta data */
#meta_data{ background: url(../img/bg-snow.png) #117fbe; color:#fff;}
#meta_data h2{background: #fff;
color: #000;
font-size: 31px;
border-radius: 25px;
padding: 7px 25px;
display: inline-block;
margin-top: 20px; margin-bottom:20px;}
.col-meta-data{text-align:center;}
.list-meta{list-style:none; padding:0; margin:0; width:100%; position:relative; display:inline-block;}
.list-meta li{list-style:none; display:inline-block; text-align:left; font-size:18px; width:16.66%; float:left;}


.img-btn-view{width:30px;}

/* intro */
#intorq{background: url(../img/bg-about.jpg) #c6e1f0 no-repeat center right;
    background-attachment: scroll;
background-attachment: fixed;}
#intorq.intorq1 h2{text-transform:uppercase;}
#intorq.intorq2{background: url(../img/bg-contact.jpg) #7c9af1 no-repeat center left;
    background-attachment: scroll;
background-attachment: fixed; color:#fff;}
#intorq.intorq2 h2{font-size:37px;}
#intorq.intorq2 h3{background: #d61c4d;color: #fff;font-family:'thaisans_neuebold';}
#intorq.intorq2 h3 a{color:#fff;}
#intorq.intorq2 h3.contact-line{background:#00c300;}
#intorq.intorq2 h3.contact-line:hover{background:#bdee16;}
#intorq.intorq2 h3 i{font-size:27px;}
#intorq.intorq2 h3.contact-line i{font-size:30px;}
#intorq.intorq2 h3.contact-phone,
#intorq.intorq2 h3.contact-line{font-size:48px;}
#intorq.intorq2 h3.subt2{background: #fff;color: #000;font-family:'thaisans_neuebold'; font-size:31px;}
#intorq h3{font-family:'thaisans_neuebold';background:#46b9dd; color:#fff; font-size:35px; border-radius:25px; padding:5px 25px; line-height:1; display:inline-block; margin-top:0px;}
#intorq h3.subt2{background:#f99f0c;}
#intorq ul{list-style:none; margin:0; padding:20px;  overflow:hidden;}
#intorq li{list-style:none; margin:0; padding:0; font-family:'thaisans_neuebold';font-size:27px; width:100%; float:left;} 
#intorq li i{color:#fff74b;}
#intorq.intorq2 li i{color:#ffb9ad;}
#intorq p{font-family:'thaisans_neuebold'; text-indent:0px;}
#intorq .content-intro{background:#fff; color:#000;  border-radius:25px; margin-top:-25px; padding:30px 20px 15px;}
#intorq.intorq3{background:url(../img/bg-intro-inter.jpg) #e4e5e7 no-repeat bottom right; background-size: auto 118%;}
#intorq.intorq3 h2{width:100%;text-transform:uppercase;  position:relative;float: left;background: -webkit-linear-gradient(45deg, #079cfd, #d21770 60%);
    background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
#intorq.intorq3 h3.sub-inter{ display:block; width:auto; margin-top:10px; line-height:1; float:left; border-radius: 25px; padding:10px 15px;color:#fff;background: #f09433;
    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 );
}
#intorq.intorq3 p{ display:block; width:100%; float: left; position:relative; line-height:1.25; font-size:27px; margin-top:20px;}


.why-tutor li{ background-color:#ffe0ef; margin:5px 0!important;border-radius:15px;}
.why-tutor li:nth-of-type(2n+1){ background-color:#ffcae4;}
.problem-tutor li{ background-color:#ffe8e0; margin:5px 0!important;border-radius:15px;}
.problem-tutor li:nth-of-type(2n+1){ background-color:#ffd8ca;}

#about_data .why-tutor h2,
#about_data .problem-tutor h2{margin-top:0; font-size:45px; text-transform:uppercase;}
.ico-true{width:30px; float:left; margin-right:15px;}
.ico-false{width:30px; float:left; margin-right:15px;}

#about_data .btn-pink{    background: #fb77a6;
    color: #fff;
    font-size: 35px;
    border-radius: 25px;
    padding: 0 25px;
    display: inline-block;
    margin-top: 0px;
}
#about_data .btn-red{    background: #da0e0e;
    color: #fff;
    font-size: 35px;
    border-radius: 25px;
    padding: 0 25px;
    display: inline-block;
    margin-top: 0px;
}


/* brand */
.list-brand{margin: 0;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;}
.list-brand li a{display: table;
vertical-align: middle;
text-align: center !important;
padding-top: 40px;
width: 100%;}
.list-brand li img{max-width:85%;}

	
/* review */
section.review-study{background: url(../img/bg-review.jpg) #b30e5d no-repeat bottom center; background-size: auto 100%;}
.review-study h2{text-align:center; margin-bottom:50px; color:#fff;text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.55);}
.img-review{border-radius:50%; margin:auto; width:250px; border:5px solid #fff;}
.text-review{text-align:center; max-width:700px; margin:auto; position:relative; display:block; margin-top:30px; color:#fff; font-size:29px!important;}
h3.name-review{text-align:center; font-size:29px;font-family:'thaisans_neuebold'; color:#fff; border-top:1px solid #fff; max-width:700px; margin:auto; padding-top:15px; margin-top:25px;}
section.review-study .slick-prev{left:30%!important; z-index:9999;}
section.review-study .slick-next{left:65%;}


/* review chat */
#review_chat{background: url(../img/bg-review-chatx2.jpg) #fcfcfc no-repeat right center; background-size:auto 100%;}
#review_chat h2{color:#000;font-size: 45px; text-align:center;}
#review_chat .btn-pink {
    background: #ff1957;
    color: #fff;
    font-size: 35px;
    border-radius: 25px;
    padding: 7px 25px;
    display: inline-block;
    margin-top: 10px;
}
#review_chat .slick-prev::before, #review_chat .slick-next::before {color: #d99;}
.list-review-chat{margin-top:30px;}
.item-review-chat{text-align:center;}
.item-review-chat img{max-width: 90%;margin:auto;-webkit-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
border: 1px solid #fff; margin-bottom:15px;}
.text-alert{font-family:Tahoma, Geneva, sans-serif!important; font-size:11px!important; color:#ed1c24; line-height:15px!important; padding:10px;}

/* contact */
.ico-contact{background:#fff; width:40px; height:40px; display:block; float:left; margin-right:15px; margin-bottom:0px; color:#fff; text-align:center;border-radius:50%;}
.ico-contact i{font-size:21px; line-height:40px;}
.ico-contact img{width:30px;}
.ico-tel{background:#079cfd;}
.ico-line{background: url(../img/bg_line.gif) #5ad612; width:auto;border-radius: 10px;padding-right: 10px; padding-left:5px;line-height: 40px;}
.sub-line{font-size:27px;}
.ico-line img{width:37px; margin-top:0px;float: left;}
.ico-fb{background:#3a5897;}
.ico-tw{background:#55acee;}
.ico-tw img{margin-top:2px;}
.ico-yt{background:#ae2a1f;}
.ico-ig{  background: #f09433; 
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 );}
.ico-ig img{width:38px;margin-top:1px;}
.ico-mail{background:#e65d27;}
.ico-mail img{width:35px; margin-top:2px;}
#page6.contact{color:#fff; padding-top:0;background: linear-gradient(180deg, #2d2db0 -65%, #2c8cf4 110%);}
#page6.contact h2{font-family: 'thaisans_neuebold'; text-transform:uppercase;font-size: 29px; color:#fff; font-weight:normal; }
.contact hr{border-top: 2px solid #fff;margin-top: 10px;}
.contact h3{font-size:29px;text-align:left;color:#fff;padding:0;margin:0;}
.box-contact{padding:15px;background:#31373b;border-left:5px solid #19359e;min-height:100vh;}
.box-contact .inner{width:95%;position:relative;overflow:hidden;}
.box-contact a{color:#000;}
.contact p{font-size:29px;font-family: 'thaisans_neuebold'; display:inline-block; width:100%;}
.contact .row-ft2 p{font-size:23px;}
#footer{background:#ff1957; padding:10px 0;}
.footer-logo{ display:block; margin:auto; margin-top:-50px; padding:10px;width: 175px;
margin-bottom: -100px;}
.footer-logo img{width:160px;}
.ft-socail{list-style:none;}
.ft-socail li{list-style:none; float:left; display:inline-block; margin:10px; background:#fb9ecb; border-radius:10px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.ft-socail li:hover{ background:#d4478b;}
.row-ft{margin-top:10px;}
.ft-qrline{float:left; width:100px; border-radius: 15px;margin-left:15px; margin-bottom:15px;}
.develop_by{float:right;}
.contact p i.fa-line{font-size: 26px;line-height: 32px;}
.contact a{ color:#fff;}
.contact a:hover{ color:#fff;}


#media_video{
	padding-bottom:0;
}


.video_play {
    position: relative;
    width: 100%;
    height: 0;
	padding:15px;
	padding-bottom: 56.25%;
}
.yvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 97%;
    height: 95%;
	margin:1.5%;
}
#page3.menu-info{padding-top:10px;}
#page3.menu-info img{max-width:100%;}

#page3.menu-info table.intro-left,
#page3.menu-info table.intro-right{width:49%; display:inline-table;}
#page3.menu-info table.intro-left{margin-right:1%;}

.col-left{text-align:right;}
.register-page label.col-left{font-weight:bold;}
.req{color:#F00;}
.item-article h3{line-height:21px;font-size:23px!important;color:#fff;letter-spacing:0;text-shadow:none;font-weight:normal!important;letter-spacing:0.5px;font-family:'thaisans_neueregular';background:#31373b;padding:10px 5px;margin-top:0px!important;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-indent:0!important;text-align:center;min-height:60px;}
#article .item-article h3{min-height:50px;}
.item-article a:hover,
.item-article a:hover h3{text-decoration:none!important;background:#25aae1;}
.item-article{height:290px;position:relative;z-index:1;display:inline-table;}
.item-article img{width:100%;border-radius:15px;}
#content_view .item-article h3{font-family:'thaisans_neuebold';background:none!important;text-align:left;}
#content_view .item-article:hover h3{color:#25aae1!important;}
.view-product .side-right{float:right;padding-left:0;}
.view-product .side-left{padding-right:0;}
.view-product .side-left h2{font-size:25px;text-align:left;border-bottom:1px dotted #a6a6a6;color:#2d2d2d;}
.view-product .side-left p{font-size:23px;line-height:23px;color:#363636;text-indent:15px;padding:0;margin:0;}
.view-product .side-left a{color:#363636;width:100%;display:block;border-bottom:1px solid #eee;padding:5px 10px;}
.view-product .side-left a:hover{background:#25aae1;color:#fff!important;text-decoration:none!important;}
.view-product .side-left a.active{color:#fff; background:#31373b;}
#setting_list,#setting_menu{position:absolute;right:20px;top:98px;z-index:99;border:1px solid #d3d6db;padding:5px;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
#setting_list{margin-top:40px;background:#fff;}
#setting_list ul{width:135px;list-style:none;padding:0;margin:0;}
#setting_list ul li a{border-bottom:1px solid #d3d6db;line-height:30px;width:100%;color:#676e7d;font-size:14px;float:left;text-indent:10px;font-weight:normal;}
#setting_list ul li a:hover{background:#f6f7f8;text-decoration:none;}
.title_view{ background:#f2f2f2;font-family:'thaisans_neuebold';letter-spacing:0
5px;font-size:43px;color:#000;letter-spacing:0.5px;padding:15px 30px;float:none;margin:0;line-height:33px; border-bottom:3px solid #ddd;margin-bottom:25px;padding-right:27%;}
.title_cat{border:0;width:inherit!important;background:#06C;color:#fff!important;display:inline;padding:5px 20px !important;}
.view_path{ background:#f2f2f2;font-family:Tahoma, Geneva, sans-serif;color:#777;font-size:13px;padding:15px 0 5px 25px; border-bottom:1px solid #ddd;padding-right:27%;}
.view_path a{color:#0FA6CE;}
.nav_title{font-family:Tahoma, Geneva, sans-serif;font-size:14px;position:relative;overflow:hidden;background:#e7e7e7;padding:5px 30px;border-bottom:2px solid #cfcfcf;margin-bottom:25px;margin-top:-25px;}
.view_date_event{width:100%;border-bottom:1px solid #ccc;margin:-25px 0 25px 0;line-height:36px;display:block;text-indent:25px;color:#396;}
.nav_title i{margin:0 10px;}
.hits_path{margin-left:30px;}
#content_view{width:100%;min-height:450px; background:#fff; border-radius:25px;margin:40px auto 0px auto;overflow:hidden!important;padding:0;position:relative;}
#content_view .row{margin:15px 0;}
#content_view .content a{color:#0a10e3;}
#content_view .content a:hover{text-decoration:underline;color:#d51969;}
#content_view .content{font-family:Tahoma, Geneva, sans-serif;font-size:15px;margin:auto;line-height:28px;position:relative;min-height:350px;color:#303030;padding:15px;width:95%;margin-bottom:20px; overflow:hidden; }
#content_view .content ul{margin-top:15px;}
#content_view .content ul li{list-style-type:disc;margin-left:45px;line-height:25px;margin-bottom: 10px;}
#content_view .content ol{margin-left:65px;line-height:25px;}
#content_view .content ol li{list-style-type:decimal;line-height:28px;margin-bottom:10px;}
#content_view .content,#content_view .content p{font-family: 'thaisans_neueregular', Geneva, sans-serif;font-size:23px;line-height:inherit;letter-spacing:normal;}
#content_view .content p{padding:0;margin:0 25px;margin-bottom:15px;}
#content_view .content .btn span{color:#fff!important;}
#content_view .content h2{color:#ff1957;padding:5px 0;margin:15px 0;font-family:'thaisans_neuebold';font-size:32px;border-bottom:1px solid #eee;text-indent:30px;line-height:inherit;}
#content_view .content h2.tproduct{ margin:0;}
#content_view .content h1{font-size:36px;background:#135fa8;color:#fff;font-family:'thaisans_neueregular';padding:10px 15px; line-height:1;margin:25px 0;text-indent:0px;}
#content_view .content h1 a{color:#B3F7F7;}
#content_view .content.view p &gt; img{margin-right:7px;max-width:100%;height:auto!important;text-indent:0;}
#content_view .content.view img{margin:10px 0;max-width:100%;}
#content_view .content.view h3{font-family:'thaisans_neuebold';font-size:25px;font-weight: normal;line-height:30px;margin:10px 0;color:#000;text-align:left;text-shadow:none;line-height:inherit;text-indent:30px;}
#content_view .content.view li h3{ text-indent:0;}
#content_view .content.view em{font-style:italic}
#content_view .content.view pre &gt; img{margin-right:7px;max-width:880px;}
#content_view .content.view pre{margin:10px 0;padding:10px;}
#content_view .content.view address{font-style: italic;}
#content_view .content.view{color:#353535;}
.view-product #content_view .content.view {padding-top:10px;}
#content_view .content.view ul,#content_view .content.view ol{margin-bottom:20px;}
#content_view .content pre{margin:10px 0;padding:10px;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
#content_view .content-panel,#content_view .content-panel b{color:#054950;}
#content_view .content-panel .type_page{color:#999;}
#content_view .content strong,#content_view .content b{font-weight: normal;font-family:'thaisans_neuebold';}
#content_view .content.view h2 strong,
#content_view .content.view h3 strong{font-weight: bold;}
#content_view .content hr{border:none;height:1px;background:#e4e5e5;}
#content_view h2.title_view{font-size:39px;background:none;color:#333;}
#content_view table{margin:25px auto;width:100%!important;}
.blog-share{position:absolute;right:30px;top:17px;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
.count-share{float:left;display:inline-table;overflow:hidden;width:150px;height:80px;border-right:1px solid #ECECEC;margin-right:10px;}
.btn-share{display:inline-table;overflow:hidden;width:180px;height:80px;}
.btn-share a{color:#fff;width:40px;height:40px;overflow:hidden;display:inline-table;border:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;padding:6px 0 0 0;font-size:20px;}
.btn-share a:hover{color:#fff!important;opacity:0.7;filter:alpha(opacity=70);text-decoration:none!important;}
.text-btn-share,.text-count-share{float:left;width:100%;margin-bottom:12px;}
.num-share{font-size:26px;font-weight:bold;}
.btn-share-fb{background:#3354A5;}
.btn-share-tw{background:#5AC8E6;}
.btn-share-gp{background:#CB4C4C;}
.btn-share-line{background:#59c816;}
.btn-share-line i{font-size:23px!important;font-style:normal; color:#fff;}
.list-banner ,
.list-banner li{list-style:none!important;}
.list-banner li{float:left;width:25%;padding:0;margin:1%;}
.item-banner{margin:15px 0;}
.item-banner &gt; a{width:100%;position:relative;overflow:hidden;height:230px;display:block;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.item-banner:hover &gt; a{-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.25);box-shadow:0px 1px 13px rgba(0,0,0,0.25);}
.item-banner .grow img{width:100%;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-banner:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-banner .pic{float:left;width:100%;overflow:hidden;position:relative;}
.item-banner span{width:100%;padding:10px 10px;line-height:16px;position:absolute;bottom:0;z-index:999;left:0;background:rgba(159, 52, 30, 0.8);color:#fff;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-align:center;}
.item-banner:hover span{background:rgba(231, 114, 0, 0.8);}
.webform-client-form input[type="text"],
.webform-client-form input[type="email"],
.webform-client-form textarea{font-size:16px;color:#727a7e;background:#f4f6f8;-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;padding-left:35px;}
.webform-client-form label{font-weight:normal;display:none;}
.webform-client-form input:focus,
.webform-client-form textarea:focus{background:#f2f2f2;}
.webform-client-form i.fa{color:#727a7e;font-size:15px;position:absolute;margin:10px;z-index:99;}
.form-control{ font-size:21px;line-height: 21px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;}
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;}
section{background:#fff;}
.scrollpoint{opacity:0;}
.scrollpoint.active{opacity:1 \0;}
.pre-loader{position:fixed;background:#ecf0f1;width:100%;height:100%;z-index:9999999;display:block;margin-top:0px;}
.pre-loader .load-con{margin:20% auto;position:relative;text-align:center;}
.spinner{margin:50px auto 0;width:70px;text-align:center;}
.spinner &gt; div{width:18px;height:18px;background-color:#bdc3c7;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.jssorb21{position:absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{position:absolute;width:19px;height:19px;text-align:center;line-height:19px;color:white;font-size:12px;background:url(../img/img/b21.png) no-repeat;overflow:hidden;cursor:pointer;}
.jssorb21 div{background-position:-5px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover{background-position:-35px -5px;}
.jssorb21 .av{background-position:-65px -5px;}
.jssorb21 .dn, .jssorb21 .dn:hover{background-position:-95px -5px;}
.jssora21l, .jssora21r{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background:url(../img/a21.png) center center no-repeat;overflow:hidden;}
.jssora21l{background-position:-3px -33px;}
.jssora21r{background-position:-63px -33px;}
.jssora21l:hover{background-position:-123px -33px;}
.jssora21r:hover{background-position:-183px -33px;}
.jssora21l.jssora21ldn{background-position:-243px -33px;}
.jssora21r.jssora21rdn{background-position:-303px -33px;}
.scrollup{width:40px;height:40px;position:fixed;bottom:50px;right:50px;display:none;text-indent:-9999px;background:url(../img/back_on_top.png) no-repeat center;background-size:120%;opacity:0.5;border-radius: 50%;z-index:9999;}
.scrollup:hover{opacity:0.9;}

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

.view-photo{width:100%; position:relative; text-align:center;}
.item-photo{border: 1px solid #fff;
display:inline-block;padding:0; margin: 1%; width:21%; height:252px;
-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
list-style-type: none !important;}
.item-photo:hover{-webkit-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);}
.item-photo img{padding:0!important; margin:0!important;}
.item-product .pic{-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;}
.item-product .pic:hover{filter: contrast(155%);
filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.55);
-moz-filter: contrast(155%);
-webkit-filter: contrast(155%);
-webkit-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
box-shadow: 0px 1px 13px rgba(0,0,0,0.2);}
/*nav-admin*/
#nav.nav-admin{min-height:50px; width:100%!important; top:auto; bottom:0; position:fixed;z-index: 99999;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#nav.nav-admin .navbar-collapse.collapse { margin-top:0;}
#nav.nav-admin .navbar-toggle{font-size:18px!important; margin:0!important; position:relative!important;}
#nav.nav-admin .navbar-header{height:auto!important; margin:3px 0!important; min-height:44px!important;}
#nav.nav-admin .navbar-right{width: 100%;float:right!important; display:block!important;height: auto!important; background:none!important; margin:0!important; border:0!important;}
#nav.nav-admin .navbar-right li a {font-size: 14px!important; font-family:Tahoma, Geneva, sans-serif!important;padding: 14px 15px 15px!important; color:#fff!important;text-align: center!important;border:0!important; text-align:left!important;text-indent:0;}
#nav.nav-admin .collapse.in{margin:0!important; background:none!important; }
#nav.nav-admin{background: #707070;}
#nav.nav-admin .navbar-right li:active, #nav.nav-admin .navbar-right li a:active, .nav-admin .nav &gt; li &gt; a:hover, .nav-admin .nav &gt; li &gt; a:focus {background: #898989!important; border-radius:0!important;}

.col-banner{margin-top:12px; margin-bottom:12px; }
.col-banner img{border-radius: 0px;}
.col-review-line{margin-top:12px; margin-bottom:12px; }
.col-review-line img{border-radius: 0px; max-width:100%; width:100%;}

.title-gradient{ position:relative; display:inline-block;background: -webkit-linear-gradient(45deg, #079cfd, #d21770 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

table.table-style {border-radius:20px; overflow:hidden;}
table.table-style thead tr{ background:#0082d0; color:#fff;}
table.table-style td{padding:0 10px;}
table.table-style th{ text-align:center;}
table.table-style tbody td{padding:10px 10px;}
table.table-style tbody tr {background-color: #f6f6fd;}
table.table-style tbody tr:nth-child(2n) {background-color: #e9f1f4;}
table.table-style .btn{font-family:'thaisans_neuebold'; padding:0 15px;background: #f66b7c;color: #fff!important;font-size: 21px;border-radius: 15px;}
table.table-style .btn:hover{text-decoration:none!important;background: #ff1957;}
#content_view .content.view table.table-style img{margin:0;}
.table-hover.table-style &gt; tbody &gt; tr:hover &gt; td,
.table-hover.table-hover.table-style &gt; tbody &gt; tr:hover &gt; th {
  background-color: #f2ffee;
}
table.table-style p{ margin:0!important; padding:0!important;}

table.table-style.table-red thead tr{background: #d61c4d;color: #fff;}
table.table-style.table-red tbody tr {background-color: #f6f6fd;}
table.table-style.table-red tbody tr:nth-child(2n) {background-color: #f7e0e6;}


table.table-style.table-green thead tr{background: #48caab;color: #fff;}
table.table-style.table-green tbody tr {background-color: #f6f6fd;}
table.table-style.table-green tbody tr:nth-child(2n) {background-color: #f3f7e0;}

table.table-style.table-orange thead tr{background: #f9943b;color: #fff;}
table.table-style.table-orange tbody tr {background-color: #f6f6fd;}
table.table-style.table-orange tbody tr:nth-child(2n) {background-color: #f7f0e0;}


#content_view .content .name-tutor h2{color: #000; background:#ff6991;border-radius:15px; text-indent:0; padding:7px 15px; line-height:1;}
.pic-tutor{text-align:center;}
.pic-tutor img{border-radius:20px;}
.desc-tutor{border-radius:20px; border:1px solid #b8bab9;}

.page-int{ background:#f5f6f7;border-radius:20px; color:#979797; line-height:1; margin-top:25px!important; padding:5px 15px;}
.page-int .row{margin-top:0!important; margin-bottom:0!important;}
.page-int div {margin:0!important; padding:0!important;}
.page-int a,.page-int .current{ display:inline-block; height:30px; background:#fb77a6; border-radius:7px; margin:3px 0; color:#fff!important; line-height:30px; padding-left:10px; padding-right:10px;}
.page-int a:hover{ background:#d21770; color:#fff!important; text-decoration:none!important;}
.page-int span{word-spacing:0!important;}
.page-int .current{background:#caced1;}


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


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

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

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

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

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

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

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

.title-index-web{width:1px; height:1px; overflow:hidden;}


.container-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.col-brand img{max-width:100%;}

.calling{padding-top:0;}
.row-calling{text-align:center;}
.row-calling a,
.row-calling img{max-width:450px; display:block; margin:auto;}


.menu-footer{ list-style:none; padding:0; margin:0;}
.menu-footer li{ list-style: disc; float:left; margin:10px 15px; padding:0;}
.menu-footer li a{color:#fff;}
.menu-footer li a:hover{ border-bottom:1px dotted #fff;}

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


@-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,section.review-study,#about_data,#article,#about_hit{background-size: 100% auto ;}
#intorq,#intorq.intorq2{background-size:100% auto ;min-height: 600px; background-position:top center;}
section.review-study{background-size: 130% auto ;}
#article{background-size:auto 100%  ; background-position:bottom center;}
.container {width: 80%;}
}
@media (min-width:1280px){
}
@media all and (max-width:1280px){ 
.container{width:95%;}
.wrapper{width:100%; overflow:hidden;}
header .container{width:100%;}
#nav .inner_nav{background-position:left;}
#nav .navbar-nav.nav-title {margin-left: 120px;}
.intro h1 {font-size: 45px;}
.intro h2 {font-size: 30px;}
.line_contact li.mail span{font-size:21px;}
#nav.navweb .navbar-header{margin-left: 0;}
#about_hit h2{min-height:89px;padding: 10px 15px;}
#about_hit .text-hit{min-height:398px;}
#about_hit{ background-size:auto 100%;}
}
@media all and (max-width:1100px){
#nav .container{width:100%;}
.box-contact p{font-size:21px;}
.item-product{width: 22.4%;}
.item-article h3{font-size:21px !important;}
.view-product .side-left p{font-size:21px;}
.title_view{font-size:37px;}
.about-us{background-size:auto 100%;}
section {padding: 40px 0;}
section h2{font-size: 45px;}
#about_us h2.tt-sub{font-size:25px;}
#intorq.intorq2{background-position: -140px 0px;}
#nav .navbar-right li a{font-size: 23px;padding: 12px 10px;}
#page3.menu-info h2{font-size: 35px;}
.contact-map{width:100%!important; margin-bottom:25px;}
}
@media (min-width:1000px) and (max-width:1050px) {
	.problem-tutor li:last-child{min-height: 183px;}
	#about_hit .text-hit{min-height:471px;}
	#intorq.intorq3{background-size: auto 100%;}

}

@media (min-width:993px){
.ct-service:hover .list-service{background:#31373b;}
.ct-service:hover h3{-webkit-filter: grayscale(100%); filter: gray;}
.list-service:hover h3{-webkit-filter: none; filter: none;}
header{max-height:130px; overflow:hidden;}
}
@media all and (max-width:992px){
#home{margin-top:0px!important;}
#content_view { margin-top:0px;border-radius: 0px;}
.nav-top-menu{display:none;}
header{background:#fff; height:100px; position:relative;}
#nav.navweb{height:100px;}
#nav.affix .navbar-brand img {width: 270px;}
#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;}
.apply-now{display:none;}
#nav.navweb .navbar-header {width: 280px;margin-left: 115px;margin-top: -40px;padding: 0;}
.tel-line-nav span{display:none;}
.tel-line-nav a{height:50px; width:50px; padding:0; text-align:center;float: left;margin: 0 5px;}
.tel-line-nav a i{font-size:30px!important; line-height:50px;margin: auto; float:none;}
.tel-line-nav a.btn-tell i{font-size:25px!important}
body.home .pre-loader{ margin-top:0px;}
#nav .navbar-nav.nav-title {margin-top: 0px;}
body.home .main {margin-top: 0px;}
#nav .navbar-right li a,
#nav .navbar-right li.active a,
#nav .navbar-right li:hover a{color:#000;}
.container {width: 95%;}
.container.view{width: 100%;padding-left: 0;padding-right: 0; margin-top:0;}
section {padding: 0;}
#nav .navbar-right li a,#nav .navbar-right li a:hover{color:#000;}
.navbar-collapse.collapse { background:#fcfcfc;margin-top: 10px;}
.navbar-header{float:none;min-height:60px;}
.navbar-left,.navbar-right{float:none !important;}
.navbar-nav.navbar-right:last-child {margin-right:0;}
#nav.navweb .navbar-toggle{display:block;position:absolute;left:0px;z-index:9999;width:100px!important;height:100px!important;color: #fff; background:#0083d1; 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&gt;li{float:none;}
.navbar-nav&gt;li&gt;a{padding-top:10px;padding-bottom:10px;text-align:center;}
.collapse.in{display:block !important;margin-left:0px; padding:0;}
#nav .navbar-nav.nav-title{margin-left:150px;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:80px!important;}
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:160px!important;display:block;}
#nav .navbar-right li{background:none!important;}
#nav .navbar-right li a {padding: 15px 10px;width: 100%;}
#nav .navbar-right li i {color: #000;position: absolute;right: 10px;}
#nav .navbar-right li.active{background:#5f91dd!important;}
.bnt-product-service{width:100%;}
#setting_menu{top:20px;}
.title_view,.view_path{padding-right:30px;}
.blog-share{width:100%;position:relative;height:80px;top:-10px;right:0;}
.count-share{width:40%;}
.btn-share{width:55%;}
.btn-share a{margin-right:2%;margin-left:2%;}
.item-banner &gt; a{height:140px;}
.item-banner:hover .grow img{margin:0!important;}
#page1{position:absolute!important;top:0!important;height:100vh}
#page1 .content{position:absolute!important;top:50%!important;-webkit-transform:translate(0, -50%)!important;-ms-transform:translate(0, -50%)!important;transform:translate(0, -50%)!important;}
.contact .content{padding:0!important;}
.box-contact .inner{margin:auto;}
.footer-map, .footer-map iframe{height:250px!important;}
.content{padding:40px 0;}
.container h2, .row h2{font-size:40px;}
section{min-height:auto !important;}
.contact h2{margin-top:0;}
.about-us{ padding:20px 0;background-size: 180% auto !important;background-position:left; }
#page1 .icon{margin-bottom:15%;}
.copyright{position:relative;}
.copyright p{line-height:20px;font-size:12px;}
.box-contact{min-height:auto;}
.view-product .side-right{padding-right:0;}
.view-product .side-left{width:100%;padding-right:15px;position: relative;overflow: hidden;}
#content_view .row{margin:0;}
body, .onepage-wrapper, html,.main,.wrapper{ height:auto!important;position:relative;}
.line_contact li a{padding:10px 15px;font-size:25px;}
.line_contact li i{margin-top:0px;}
.list-service{width:100%;}
.product-index { width:100%;}
.contact h2 { text-align:center;}
.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;}
.item-product {width: 30%;}
.col-ftcn{padding:25px 0; display:block;}
#intorq{background-attachment:inherit;padding:50px 0;}
#about_data{padding:50px 0;}
.row-ft1{margin-top:20px;}
#page4 .content{padding-bottom:0;}
#intorq{background-position:left center;}
.offcanvas-active{width:100%; overflow:hidden; height:auto;}
.offcanvas-active .wrapper,
.offcanvas-active #nav.navweb{margin-left:300px;-webkit-transition: 0.6s;transition: 0.6s;}
.offcanvas-active .collapse.in{width:300px; margin:0; padding:0; height:100vh !important;overflow-x: scroll!important;position:absolute; z-index:9999; top:0; left:-300px; padding-bottom:100px; border-right:1px solid #ccc;-webkit-transition: 0.6s;
transition: 0.6s;}
.offcanvas-active #nav.navweb .container{padding:0; margin:0; width:100%;}
#nav.navweb .navbar-right &gt; li{margin:0; padding:0;}
#about_data.full_data .container{width:100%;}
.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;}
#nav .navbar-right li.active,#nav .navbar-right li:active, #nav .navbar-right li a:active, .nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus { border-radius: 0px;}
#nav .navbar-right li:hover a, #nav .navbar-right li.active a, #nav .navbar-right li.active:hover a {color: #fff !important;text-shadow: none;}
#nav .navbar-right li a{color: #000 !important;text-shadow: none;}
#about_course{background-size: 120% auto; padding-bottom:50px; padding-top:20px;}
#about_course ul{padding:0; margin:0;}
.col-review-line{width:33.33%;}
.fa-align-justify::before{content: "\f0c9 ";}
#intorq.intorq2{background-size: 250px auto;background-position: 0 -50px;background-attachment: initial;}
#intorq.intorq2 h2,#intorq.intorq2 h3{ margin-left:150px;}
#intorq.intorq2 h2{margin-top:-10px; margin-bottom:20px;}
#intorq.intorq2 h3 a{color:#fff!important;}
#intorq.intorq2 h3.subt2{margin-left:0; line-height:1; padding:5px 15px;text-align:center; margin-top:0; }
.why-tutor{margin-bottom:30px;}
.contact .row-ft2 .inner{text-align: center!important;}
.desc-tutor{margin-bottom:15px;}
#about_hit .about-pic{width:100%;}
.img-hit-tutor{width:100%; margin-left:auto; max-width:380px;}
#about_hit .hit1,#about_hit .hit2,#about_hit .hit3{width:33%!important;}
#about_hit{padding-bottom:30px;}
#intorq.intorq3{background-size: auto 90%;}
#page3.menu-info .content{padding-top:0px; margin-top:-15px;}
#media_video{padding-top:15px;}
.problem-tutor li:last-child {min-height:auto;}
#page3.menu-info{margin-top:25px;}
#meta_data{padding-bottom:30px;}
#intorq{padding-top:0;}
#intorq h2{font-size:45px;}
#page3.menu-info table.intro-left,
#page3.menu-info table.intro-right{ width:100%; display:block;}
}
@media all and (max-width:800px){#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{display:block;}
.webform-component-fieldset{margin-bottom:15px;}
section.about-us,
.about-us p{font-size:23px;}
.tmenu_info li.tm01{width:100%; height:200px; background-position:right;}
.tmenu_info li.tm02,.tmenu_info li.tm03,.tmenu_info li.tm04,.tmenu_info li.tm05{width:48%;}
#about_us h2.tt-sub {font-size: 30px;}
.ctintorq{width:85%;}
.ctintorq{width:100%;}
#intorq.intorq3{background-size:300px auto; background-position:top right;}
#intorq.intorq3 h3.sub-inter{width:100%; text-align:center;}
#intorq.intorq3 p{text-align:center;}
.col-brand img{max-width:90%;}
.list-meta li{width:20%;}
}
@media (max-width:767px){
#about_us{background-position:right;}
#nav .navbar-nav li a{padding-top:10px;padding-bottom:10px;}
.item-banner{width:33.33%;float:left;padding:0 5px;}
.item-article{height:auto;width:100%;}
.img-type-product{margin-bottom:25px;}
.slick-dots{bottom:-25px;}
.item-product { width:47%; margin-bottom:25px;}
.navbar-nav{margin:0;}
.item-product {width: 47%!important;}
#about_data img.img50,#content_view img.img50{width:100%!important;}
#about_data img.img3 { margin-top:0;}
#about_data h3.td2 {margin-bottom: 20px;}
.row-ft2{position:relative; width:100%; overflow:hidden; padding-top:15px;}
section.review-study .slick-next {left: 75%;}
section.review-study .slick-prev {left: 15% !important;}
#about_us{background-image:none;}
.col-review-line{width:50%; float:left; padding-left:5px; padding-right:5px;}
.col-article{width:50%; float:left;}
#about_hit .hit1,#about_hit .hit2,#about_hit .hit3{width:100%!important; margin-bottom:15px;}
#about_hit .text-hit, #about_hit h2{min-height:auto; width:100%;}
#about_data ul{padding:10px 0;}
#about_hit .hit1, #about_hit .hit2, #about_hit .hit3 { padding-left:0; padding-right:0;}
.list-review .col-review{margin-bottom:4px; padding-right:5px; padding-left:5px;}
.btn-reg-tutor{font-size:37px;}
#brand_data .container{ padding-left:0; padding-right:0;}
.list-brand li{width: 65px; height:65px; margin:2px;}
.list-brand li a{padding-top: 15px;}
}
@media all and (max-width:640px){
#about_us{ background-size:auto 100%;}
#about_data h3,#intorq h3 {font-size: 29px;}
#about_data h2.td3  {font-size: 40px;}
#about_data h2.td1{margin: 20px 0;}
#about_data h2.td1,#about_data h3.td2{font-size:31px;}
.item-banner{width:50%;}
.item-banner &gt; a{height:170px;}
.footer-map, .footer-map iframe{height:200px!important;}
.line_contact li i{width:30px;height:30px;line-height:27px;font-size:21px;}
#nav .navbar-nav.nav-title h1.title_short{display:none;}
#content_view .content ul li { margin-left:20px;}
#content_view .content.view { padding:10px;}
#content_view .content p{ margin:0;}
#content_view .content.view h3 { font-size:21px;}
.item-product h3 { padding:10px 2!important;}
#content_view .content.view{padding:5px 10px;}
.product-list{padding:0;}
.box-contact{padding:50px 0;}
.contact h3 {font-size: 25px;}
.scrollup{right:30px;bottom:30px;}
.item-photo { width:46%; margin:1%; height:auto;}
.title-cblue {font-size: 31px !important;}
.content {padding: 20px 0;}
#page6 .row div{padding-left:0; padding-right:0;}
#nav .navbar-nav.nav-title h1 {font-size: 25px;}
#nav .navbar-header .navbar-nav.nav-title {margin-left: 100px !important;}
.tel-line-nav { padding:0;padding-top: 17px;padding-right: 0;}
.tel-line-nav a{height: 35px;width: 35px;margin: 0 3px;}
.tel-line-nav a i {line-height: 35px;font-size: 23px !important;}
.tel-line-nav a.btn-tell i {font-size: 19px !important;}
.tel-line-nav a.btn-apply {line-height: 12px;font-size: 13px}
.text-review{font-size: 25px !important;}
#content_view .content ol {margin-left: 30px; margin-top:15px;}
.tmenu_info li.tm01{background-size:80% auto;}
.develop_by{display:none;}
#intorq.intorq2 h3.subt2{font-size:23px;}
#intorq.intorq2 h3 i {font-size: 29px;}
#about_data .why-tutor h2, #about_data .problem-tutor h2 {font-size: 43px;}
.nav_top{height:35px;}
.nav_top .container{padding:0;}
.nav_top .tel-line-nav{width:100%; padding:0; margin:0; height:35px;}
.nav_top .tel-line-nav .btn-tell,.nav_top .tel-line-nav .btn-line{width:50%; height:35px;margin:0;border-radius:0;}
.nav_top .tel-line-nav .btn-tell{background:url(../img/bg_tel.gif);}
.nav_top .tel-line-nav .btn-line{background:url(../img/bg_line.gif);}
.tel-line-nav span{display:inline-block;}
#nav .inner_nav{margin-top:0; position:relative;}
#nav.navweb,header{height:135px;}
#nav.navweb .navbar-header{margin-top:10px;}
.register-form .col-2{width:100%; margin-bottom:10px;}
#intorq.intorq2 h3{margin-left:auto; margin-right:auto; margin-top:10px; width:100%; text-align:center;}
#intorq.intorq2 h2{font-size:31px;}
#intorq.intorq3{background-size:240px auto;}
#intorq.intorq3{padding:25px 0;}
.list-meta li{width:33%; font-size:17px;}
.row-calling a, .row-calling img{max-width:95%;}
}
@media all and (max-width:480px){
#intorq.intorq2 h2 {font-size:29px; margin-top:15px;}
#nav.navweb .navbar-toggle{width: 70px !important;height: 70px !important;}
#nav.navweb,header{height:105px;}
#nav.navweb .navbar-header{width: 195px;margin-left: 65px; margin-top:5px;}
.offcanvas-active #nav.navweb .navbar-header{margin-left: 80px;}
.logo_title{left: 140px;}
header h2.title_header{font-size: 29px;margin-top: 1px;margin-bottom: 2px;line-height: 1;}
header h2.title_header_sub {width: 177px;font-size: 21px;line-height: 0.8;}
header h3.title_anniversary{line-height:1; margin-top:0; width:177px;font-size: 18px;}
.item-banner &gt; a{height:140px;}
.nav_top .container{width:100%;}
#nav .navbar-brand img{margin-left:0;}
#content_view .content.view{padding-top:10px;}
h3,.title_view,#content_view .content h1{font-size:25px;line-height:30px;text-indent:0;}
.title_view,#content_view .content h1{font-size:29px;font-family:'thaisans_neuebold'; padding:10px; padding-top:20px;}
#content_view .content h1{padding:7px 10px; line-height:1;}
.title_view{padding-top:0;}
#content_view .content h2{text-indent:0;font-size:25px;}
.title_view{ padding-bottom:5px;}
#content_view .content{border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#content_view .content p{margin:0;}
.content.view, .form-control{width:100%!important;}
label input[type="radio"], label input[type="checkbox"]{width:auto!important;}
.text-only-mob{display:inherit;}
.item-promotion img{width:100%!important;}
.view-product .side-right{width:100%;}
.view-product .content.view{width:inherit;}
.about-us p{font-size:23px;}
.item-product {width: 98%!important;}
.tmenu_info li.tm01{background:100% auto;}
.tmenu_info li.tm01,.tmenu_info li.tm02, .tmenu_info li.tm03, .tmenu_info li.tm04, .tmenu_info li.tm05 {width: 100%;height: 120px;}
a.btn-info { font-size:21px;}
section .container{width:95%;}
section.menu-info .container{width:100%;}
#intorq ul{margin-bottom:15px;}
#intorq li,#intorq.intorq2 p{ width:100%; font-size:21px;}
section .container h2,#about_data h2,#about_data h2.td3 {font-size: 30px;}
#about_data h3.td2,
#about_data h3 { margin-top:0;font-size: 25px; line-height:27px;}
#about_us h2.tt-sub{font-size: 25px;}
h3.name-review {font-size: 25px;}
#about_us h3  {font-size: 25px;line-height:27px; padding:5px 15px;}
#review_chat h2{padding:0 20px;}
.view_path {padding:10px;}
.title_view{padding-top:10px; padding-bottom:10px;}
.col-article{width:100%;}
#intorq.intorq1 h3{margin-left:0;}
#intorq.intorq2 h2{line-height:1;}
#article h2,#brand_data h2{font-size:45px;}
#about_course h2{margin-bottom:25px;}
#intorq.intorq2{padding-top:5px;}
#about_course h3{font-size:23px; line-height:1;}
#intorq p, #about_data li,#about_course p {font-size:21px; line-height:1.2;}
.sub-line {float: left;margin-top: 10px;}
#intorq.intorq3 h3.sub-inter{padding:5px 10px;font-size: 27px;}
#intorq.intorq3 p{font-size:23px;}
#intorq.intorq3{background-size:220px auto;}

}
@media all and (max-width:420px){.img-type-product{max-width:94%;}
#content_view .content.view .item-product h3,.item-article h3{font-size:23px !important;padding-top:10px!important;}
#intorq.intorq3{background-size:200px auto;}

}
@media all and (max-width:400px){.item-banner &gt; a{height:90px;}
.item-banner span{font-size:14px;line-height:15px;}

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