html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{margin:0;padding:0;background-color:#282828;font-family:"ThaiSansNeue";overflow-x:hidden}strong{font-family:"ThaiSansNeuebold"}button{font-family:"ThaiSansNeue";background-color:#fff;padding:3px 30px;font-size:28px;border:0;border-radius:5px;border-bottom:2px solid #eee;color:#454545;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#ecf0f1;border:0;border-bottom:2px solid #dadedf;cursor:pointer;-webkit-box-shadow:inset 0 -2px #dadedf;box-shadow:inset 0 -2px #dadedf}button:hover{background-color:#fff}button:active{margin-top:4px;background-color:#dadedf;outline:none;-webkit-box-shadow:none;box-shadow:none;border-bottom:0}#BG_img{padding:0;margin:0;width:100%;height:100%;position:fixed;z-index:-99999;overflow:hidden}#BG_img img{width:100%}header{padding-top:80px;width:100%;text-align:center;overflow-x:hidden}header *{display:inline-block}header img{min-width:250px}header #count_down{overflow-y:hidden;margin-top:90px;font-family:"ThaiSansNeue";color:#fff}@media (min-width: 100px){header #count_down{font-size:32px}}@media (min-width: 480px){header #count_down{font-size:36px}}@media (min-width: 767px){header #count_down{font-size:42px}}@media (min-width: 1024px){header #count_down{font-size:48px}}header *{display:inline-block;overflow:hidden}header .detail{float:left;margin-top:5px;-webkit-animation:arrow_title 0.5s infinite;animation:arrow_title 0.5s infinite}@media (min-width: 100px){header .detail{line-height:60px;font-size:26px}}@media (min-width: 480px){header .detail{font-size:36px}}@media (min-width: 767px){header .detail{line-height:68px;font-size:38px}}@media (min-width: 1024px){header .detail{line-height:72px;font-size:40px}}header #arrow_l,header #arrow_r{background-repeat:no-repeat;-webkit-background-size:100%;background-size:100%;background-image:url("../img/arrow_l.svg");-webkit-background-size:cover;background-size:cover}@media (min-width: 100px){header #arrow_l,header #arrow_r{height:115px;width:20px}}@media (min-width: 480px){header #arrow_l,header #arrow_r{height:130px;width:22px}}@media (min-width: 767px){header #arrow_l,header #arrow_r{height:140px;width:25px}}@media (min-width: 1024px){header #arrow_l,header #arrow_r{height:150px;width:28px}}header #arrow_l{float:left}header #arrow_r{float:left;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}@-webkit-keyframes arrow_title{0%{margin:0 5px}50%{margin:0 0}100%{margin:0 5px}}@keyframes arrow_title{0%{margin:0 5px}50%{margin:0 0}100%{margin:0 5px}}@media (min-width: 100px){#page_content{margin-top:50px}}@media (min-width: 480px){#page_content{margin-top:50px}}@media (min-width: 767px){#page_content{margin-top:-50px}}@media (min-width: 1200px){#page_content{margin-top:-110px}}h1{font-size:40px}.first_button{width:100%;text-align:center;margin-top:-30px;color:#fff}.first_button .count_max,.first_button .title{font-size:24px;display:inline-block}.reg{padding:0 !important}.reg div.m22{margin-bottom:50px}@media (min-width: 100px){.reg div.m22 font{font-size:17px}}@media (min-width: 1024px){.reg div.m22 font{font-size:18px}}.reg div div{padding:0;font-size:18px;line-height:28px}.reg div div font{font-family:"ThaiSansNeuebold";line-height:40px;font-size:18px}.reg div div p{height:110px}.reg button{font-family:"ThaiSansNeuebold"}.reg .bb_reg{font-size:18px;padding:0 20px;line-height:30px}.reg .count_title{padding:0}.reg .count_number{display:block;padding:0;font-size:34px;font-family:"ThaiSansNeue"}.row{margin:0;padding:20px;font-size:1.6em;line-height:42px}.row.cc{text-align:center}@media (min-width: 100px){.row.cc{margin:0}}@media (min-width: 480px){.row.cc{margin:10px}}@media (min-width: 767px){.row.cc{margin:15px}}@media (min-width: 1024px){.row.cc{margin:20px}}.row .icon{float:left}.row .center{float:none;display:block;margin:auto}.row span{font-weight:bold}.row h2{font-size:28px}.row *{display:inline-block}.row .m100{width:100%}@media (min-width: 100px){.row .m20{width:100%}}@media (min-width: 480px){.row .m20{width:50%}}@media (min-width: 767px){.row .m20{width:20%}}@media (min-width: 1024px){.row .m20{width:20%}}@media (min-width: 100px){.row .m22{width:100%}}@media (min-width: 480px){.row .m22{width:49%}}@media (min-width: 767px){.row .m22{width:22%}}@media (min-width: 1024px){.row .m22{width:22%}}@media (min-width: 100px){.row .m25{width:100%}}@media (min-width: 480px){.row .m25{width:49%}}@media (min-width: 767px){.row .m25{width:24%}}@media (min-width: 1024px){.row .m25{width:24%}}.row .m33{width:32.333%}@media (min-width: 100px){.row .m33{width:100%}}@media (min-width: 480px){.row .m33{width:50%}}@media (min-width: 767px){.row .m33{width:32.3333%}}.row .m45{width:45%}@media (min-width: 100px){.row .m45{width:100%}}@media (min-width: 480px){.row .m45{width:100%}}@media (min-width: 767px){.row .m45{width:45%}}@media (min-width: 1200px){.row .m45{width:45%}}.row .m50{width:50%}.row .m60{width:60%}@media (min-width: 100px){.row .m60{width:100%}}@media (min-width: 480px){.row .m60{width:80%}}@media (min-width: 767px){.row .m60{width:70%}}@media (min-width: 1024px){.row .m60{width:60%}}.row .m70{width:70%}@media (min-width: 100px){.row .m70{width:50%}}@media (min-width: 480px){.row .m70{width:60%}}@media (min-width: 767px){.row .m70{width:70%}}@media (min-width: 1024px){.row .m70{width:70%}}.row .m75{width:75%}@media (min-width: 100px){.row .m75{width:100%}}@media (min-width: 480px){.row .m75{width:50%}}@media (min-width: 767px){.row .m75{width:75%}}@media (min-width: 1024px){.row .m75{width:75%}}.row .m80{width:80%}@media (min-width: 100px){.row .m80{width:100%}}@media (min-width: 480px){.row .m80{width:50%}}@media (min-width: 767px){.row .m80{width:70%}}@media (min-width: 1024px){.row .m80{width:80%}}
@media (min-width: 100px){.title{width:80%}}@media (min-width: 480px){.title{width:70%}}@media (min-width: 767px){.title{width:60%}}@media (min-width: 1024px){.title{width:50%}}.btn_de{background:transparent;color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;-webkit-transition:all 0.5s;transition:all 0.5s;outline:none;width:155px;padding:0;height:50px}.btn_de:hover{background:transparent}.btn_de:hover .l{margin-left:10px}.btn_de:hover .r{margin-right:10px}.btn_de .l,.btn_de .r{display:inline-block;padding:0;height:40px;width:22px}.btn_de .l{margin-left:0;background-repeat:no-repeat;background-image:url("../img/arrow_l.svg");-webkit-background-size:22px 40px;background-size:22px 40px;float:left}.btn_de .r{margin-right:0;background-repeat:no-repeat;background-image:url("../img/arrow_l.svg");-webkit-background-size:22px 40px;background-size:22px 40px;float:right;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.btn_de .c{margin:0 auto;padding:0;padding-left:5px}.btn_de.dark{color:#282828}.btn_de.dark .l,.btn_de.dark .r{background-image:url("../img/arrow_l_dark.svg")}.contrainer{width:100%;height:auto;text-align:center;max-width:960px;margin:0 auto}.contrainer img{display:inline-block}/*.build{background-image:url(../img/accessories.png);background-repeat-y:no-repeat;width:100%;height:400px}*/.bg_white,.bg_black,.bg_tran{height:auto;margin-top:-5px;width:100%}.bg_white{background-color:#fff}.bg_black{background-color:#282828;color:#fff}.hr_black,.hr_white{opacity:0.5;width:100%;height:20px}.hr_black{background:#282828}.hr_white{background:#fff}.bg_tran{color:#fff}#qanda{text-align:left;display:none}#qanda span{border-radius:5px;padding:20px 30px;background:#eee;text-align:left;margin-bottom:20px}#qanda span strong{color:#3c9f8a}#footter{border-top:rgba(255,255,255,0.8) 5px solid;font-size:9px;text-align:center}#footter .m22{padding-top:10px;padding-bottom:50px}#footter *{display:inline-block;line-height:20px}#footter .social span{float:left;text-align:left;padding-left:5px;width:75px;height:27px;line-height:27px}#footter .social a img{margin-top:5px}.loading_pro{width:100%;padding:50px 0;text-align:center;background:#282828;margin-top:-5px;margin-bottom:-5px;color:#fff;z-index:9999}.loading_pro:before,.loading_pro:after{display:inline-block;width:100%;height:50px;background:#282828;opacity:0.5}.loading_pro img{display:inline-block}.ig-title div,.youtube-title div{height:37px;line-height:37px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.support_s{display:inline-block;width:100%;text-align:center}.support_s a{display:inline-block}@media (min-width: 100px){.support_s a{padding:2px}}@media (min-width: 460px){.support_s a{padding:3px}}@media (min-width: 768px){.support_s a{padding:5px}}.support_s a.l{min-width:130px;width:30%}.support_s a.m{min-width:120px;width:25%}.support_s a.s{min-width:110px;width:20%}.support_s a.d{min-width:100px;width:15%}.support_s a img{width:100%;border-radius:5px;overflow:hidden;-webkit-box-shadow:0 3px 24px rgba(0,0,0,0.5);box-shadow:0 3px 24px rgba(0,0,0,0.5)}.popup .header_popup{background:url("../img/bg2.jpg");-webkit-background-size:100%;background-size:100%;width:100%;text-align:center;overflow:hidden}.popup .header_popup img{margin:50px;z-index:999999}.popup h1{font-family:"ThaiSansNeuebold";font-size:32px}.popup .row{text-align:center}@media (min-width: 100px){.popup .row{margin:0}}@media (min-width: 480px){.popup .row{margin:10px}}@media (min-width: 767px){.popup .row{margin:15px}}@media (min-width: 1024px){.popup .row{margin:20px}}.popup .row .m25{float:right}.popup .row .m75{float:left}.popup .row strong{color:#3c9f8a}.popup .row p{float:left;text-align:left}.pie{width:500px;height:500px;border-radius:100px;position:relative}.clip1{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0px, 100%, 100%, 100px)}.slice1{left:0;position:absolute;width:100%;height:100%;clip:rect(0px, 50%, 100%, 0px);border-radius:50%;background-color:#78ebc8;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.clip2{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0, 50%, 100%, 0px)}.slice2{position:absolute;width:100%;height:100%;clip:rect(0px, 100%, 100%, 50%);border-radius:50%;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.status{position:absolute;height:30px;width:100%;line-height:60px;text-align:center;top:50%;margin-top:-35px;font-size:60px}.fb-like-box,.twitter-timeline{width:100% !important}.fb-like-box span,.twitter-timeline span{width:100% !important}.fb-like-box.fb_iframe_widget span iframe,.twitter-timeline span iframe{width:100% !important}.fb-like-box,.twitter-timeline{background-color:#fff;padding-bottom:5px}.view-content{float:left}@media (min-width: 100px){.view-content{width:100%}}@media (min-width: 480px){.view-content{width:100%}}@media (min-width: 767px){.view-content{width:50%}}@media (min-width: 1024px){.view-content{width:50%}}.view_guru{height:100%;margin-top:0;position:relative;z-index:0}@media (min-width: 100px){.view_guru{width:100%;bottom:20px}}@media (min-width: 480px){.view_guru{width:100%}}@media (min-width: 767px){.view_guru{width:45%}}@media (min-width: 1024px){.view_guru{width:35%;bottom:-40px}}.content-guru{height:auto !important;/*min-height:162px*/min-height:290px;}.content-guru .info{font-size:24px;line-height:1.2}.gallery-guru{padding-bottom:50px;display:inline-block;text-align:center}.gallery-guru img{border-radius:50%;padding:3px;opacity:0.6}@media (min-width: 100px){.gallery-guru img{width:20%}}@media (min-width: 480px){.gallery-guru img{width:20%}}@media (min-width: 767px){.gallery-guru img{width:15%}}@media (min-width: 1024px){.gallery-guru img{width:15%}}.content-tutor{height:auto !important;/*min-height:162px*/min-height:290px;}.content-tutor .info{font-size:24px;line-height:1.2}.gallery-tutor{padding-bottom:50px;display:inline-block;text-align:center}.gallery-tutor img{border-radius:50%;padding:3px}@media (min-width: 100px){.gallery-tutor img{width:20%}}@media (min-width: 480px){.gallery-tutor img{width:20%}}@media (min-width: 767px){.gallery-tutor img{width:15%}}@media (min-width: 1024px){.gallery-tutor img{width:15%}}.pic_guru{width:100%;height:100%;display:block;bottom:0}@media (min-width: 100px){.pic_guru{min-height:168px}}@media (min-width: 480px){.pic_guru{min-height:250px}}@media (min-width: 767px){.pic_guru{min-height:300px}}@media (min-width: 1024px){.pic_guru{min-height:300px}}.pic_tutor{width:100%;height:100%;display:block;bottom:0}@media (min-width: 100px){.pic_tutor{min-height:168px}}@media (min-width: 480px){.pic_tutor{min-height:250px}}@media (min-width: 767px){.pic_tutor{min-height:300px}}@media (min-width: 1024px){.pic_tutor{min-height:300px}}.pic_guru img{display:inline-block;bottom:0}@media (min-width: 100px){.pic_guru img{width:50%}}@media (min-width: 480px){.pic_guru img{width:50%}}@media (min-width: 767px){.pic_guru img{width:100%}}@media (min-width: 1024px){.pic_guru img{width:100%}}.pic_tutor img{display:inline-block;bottom:0}@media (min-width: 100px){.pic_tutor img{width:50%}}@media (min-width: 480px){.pic_tutor img{width:50%}}@media (min-width: 767px){.pic_tutor img{width:100%}}@media (min-width: 1024px){.pic_tutor img{width:100%}}#nav,#nav_mobile{background-color:rgba(0,0,0,0.5);width:100%;position:fixed;text-align:center;top:-55px;z-index:999999;-webkit-transition:all 0.5s;transition:all 0.5s}#nav_mobile{background-color:rgba(255,255,255,0.5);width:100%;height:auto;top:-50px}@media (min-width: 100px){#nav_mobile{display:inline-block}}@media (min-width: 690px){#nav_mobile{display:none}}#nav_mobile.active{top:0}#nav_mobile #show_nav_mobile{outline:none;width:50px;height:50px;float:right;padding:0;margin:0 10px;background:transparent;text-align:right;font-size:18px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;opacity:0.7}#nav_mobile #nav_on_mobile{display:none;width:100%}#nav_mobile #nav_on_mobile.show{background-color:#eee}#nav_mobile #nav_on_mobile.show button:first-child{border-top:#dadedf 2px solid}#nav_mobile #nav_on_mobile button{display:block;outline:none;width:100%;border-bottom:1px #eee solid;border-radius:0;font-size:18px;padding:10px}#nav{height:50px}@media (min-width: 100px){#nav{display:none}}@media (min-width: 690px){#nav{display:inline-block}}#nav.active{top:0}#nav button{outline:none;border-radius:0;height:30px;font-size:18px;display:inline-block;-webkit-box-shadow:none;box-shadow:none;color:#fff;background:transparent;border:0;margin:10px 0;border:1px solid transparent}#nav button.active,#nav button:active{/*background-color:#fff !important;*/color:#fff !important; border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}#nav button:hover{/*border:1px #fff solid*/}#nav a{color:#fff;}#google-maps{position:relative;overflow:hidden;display:inline-block;width:100%;background:url("../img/map_icon.gif");-webkit-background-size:200px;background-size:200px;background-position:center;background-repeat:no-repeat}@media(min-width:100px){#google-maps{height:300px}}@media(min-width: 480px){#google-maps{height:300px}}@media(min-width: 768px){#google-maps{height:300px}}@media(min-width: 1024px){#google-maps{height:350px}}@media(min-width: 1200px){#google-maps{height:400px}}#google-maps #load_map div{width:100% !important;height:100%;overflow:hidden;position:absolute;top:0;left:0;background:url("../img/map.jpg") no-repeat center center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer;-webkit-transition:0.5s;transition:0.5s}@media(min-width:100px){#google-maps #load_map div{-webkit-background-size:1100px;background-size:1100px}}@media(min-width: 480px){#google-maps #load_map div{-webkit-background-size:1100px;background-size:1100px}}@media(min-width: 768px){#google-maps #load_map div{-webkit-background-size:1100px;background-size:1100px}}@media(min-width: 1024px){#google-maps #load_map div{-webkit-background-size:1100px;background-size:1100px}}@media(min-width: 1200px){#google-maps #load_map div{-webkit-background-size:100%;background-size:100%}}#google-maps #load_map div:hover{opacity:0.2}#google-maps #load_map iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;before-display:inline-block;before-width:100%;before-height:50px;before-background:#fff;before-opacity:0.5}.navbar {margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,.3);}.navbar-brand {font-weight: 700;}.navbar-brand{height: 40px;padding: 5px 15px;font-size: 18px;line-height: 1em;}.navbar-brand h1{color: #fff;font-size: 20px;line-height: 40px;}.navbar-brand:focus {outline: 0;}.nav.navbar-nav {background-color: rgba(255,255,255,.4);}.navbar-custom.top-nav-collapse .nav.navbar-nav {background-color: rgba(0,0,0,0);}.navbar-custom ul.nav li a {font-size: 12px;letter-spacing: 1px;color: #444;text-transform: uppercase;font-weight: 700;}.navbar-custom.top-nav-collapse ul.nav li a {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;color: #fff;}.navbar-custom ul.nav ul.dropdown-menu {border-radius: 0;}.navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #f5f5f5;}.navbar-custom ul.nav ul.dropdown-menu li:last-child{border-bottom: none;}.navbar-custom ul.nav ul.dropdown-menu li a {padding: 10px 20px;}.navbar-custom ul.nav ul.dropdown-menu li a:hover {background: #fefefe;}.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {color: #666;}.navbar-custom .nav li a {-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;transition: background .3s ease-in-out;}.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus,.navbar-custom .nav li.active {outline: 0;background-color: rgba(255,255,255,.2);}.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus,.navbar-custom .nav li.active {outline: 0;background-color: rgba(255,255,255,.2);}.navbar-toggle {padding: 4px 6px;font-size: 14px;color: #fff;}.navbar-toggle:focus,.navbar-toggle:active {outline: 0;}
/* loader */
#preloader {background: #ffffff;bottom: 0;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 999;}