@charset "UTF-8";body,div,html,p{font-family:Sarabun,sans-serif}body,h1,html,p{padding:0}h1,h2{color:#111}h1.inpage,h2.content,h4{margin:0 0 5px}.header .logo,.header nav ul li a,a{text-decoration:none}.header .lang,.header .lang:hover,.menusticky nav ul li.langu a:hover,.menusticky nav ul li.langu:hover a,li.langu a:hover,li.langu:hover a{background:0 0}.bannerwraper .textarea,.bannerwraper .textarea .link{text-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;text-align:center}.bannerwraper .textarea .link,.punctuate .container,.thfont{font-family:SukhumvitSet,Arial,sans-serif}.jq-dropdown-menu li a,.navr,.picport .caption .sm{font-size:14px}.bannerwrap,.bannerwraper,.cd-top,.picport{overflow:hidden}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:Helvetica;src:url(font/HelveticaNeueLTCom-Th.eot?#iefix) format("font/embedded-opentype"),url(font/HelveticaNeueLTCom-Th.woff) format("woff"),url(font/HelveticaNeueLTCom-Th.ttf) format("truetype"),url(font/HelveticaNeueLTCom-Th.svg#HelveticaNeueLTCom-Th) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SukhumvitSet;src:url(font/sukhumvitset-webfont.eot);src:url(font/sukhumvitset-webfont.eot?#iefix) format("embedded-opentype"),url(font/sukhumvitset-webfont.woff2) format("woff2"),url(font/sukhumvitset-webfont.woff) format("woff"),url(font/sukhumvitset-webfont.ttf) format("truetype"),url(font/sukhumvitset-webfont.svg#SukhumvitSet) format("svg");font-weight:400;font-style:normal;font-display:swap}body,html{margin:0;font-size:16px;font-weight:300;color:#222;overflow-x:hidden}h1,h1.inpage,h2.content{font-weight:400}body.thli{line-height:150%}body.thli strong{font-weight:500}p{margin:0 0 15px}img{width:auto;height:auto;max-width:100%}h1{margin:0 0 20px;font-size:72px;line-height:130%}h2,h3{margin:0 0 15px;font-weight:300;line-height:130%;padding:0}h1.inpage{padding:0;font-size:32px;line-height:130%}h2{font-size:52px}h2.content{padding:0;font-size:26px;line-height:130%}h3{font-size:32px;color:#666}h3.title{font-size:26px;color:#444}a,a:hover{color:#057ac6}h4{padding:0;font-weight:400;font-size:20px;line-height:130%}a:hover{text-decoration:underline}.Helvetica{font-family:Helvetica,Arial,sans-serif}.line-header{width:100%;height:1px;background:#ccc;margin:0 0 40px;padding:0}.hilightext{position:absolute;z-index:99;text-indent:-99999px}.top-space{width:100%;height:15px;float:left}.col2{width:48%;padding:0 1%;float:left}.container,.container-center{padding:0 10px;margin:0 auto}@media screen and (max-width:667px){h1{font-size:32px}}@media screen and (max-width:768px){h1{font-size:32px}h2{font-size:28px;clear:both}}@media screen and (max-width:667px){h2{font-size:24px}.container{width:100%}}.container-center{text-align:center}.content-gray,.content-white{padding:80px 0}@media screen and (max-width:667px){.container-center{width:100%}img{width:auto;max-width:100%}}@media screen and (min-width:768px){h1{font-size:52px}h2{font-size:42px}.container,.container-center{width:750px}}@media screen and (min-width:992px){.container,.container-center{width:970px}}@media screen and (min-width:1200px){.container,.container-center{width:1170px}}.content-gray,.content-white,.header{width:100%;float:left}.qf{background:#f5f5f5;background:-moz-linear-gradient(270deg,#f5f5f5 10%,#fff 50%);background:-webkit-linear-gradient(270deg,#f5f5f5 10%,#fff 50%);background:-o-linear-gradient(270deg,#f5f5f5 10%,#fff 50%);background:-ms-linear-gradient(270deg,#f5f5f5 10%,#fff 50%);background:linear-gradient(0deg,#f5f5f5 10%,#fff 50%)}.content-gray{background:#efefef}.header{padding:18px 0 14px;position:relative;z-index:1;-webkit-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);-moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);box-shadow:0 2px 2px 0 rgba(50,50,50,.2)}.header .logo{float:left;width:262px;height:60px;outline:0}.header .logo img{float:left;width:262px;height:60px;border:none}@media screen and (max-width:992px){.header .logo,.header .logo img{width:188px;height:43px}}.headphone,.langmobile,.mobilenav,.submenu,.submenux{display:none}.statictext{position:absolute;z-index:99;top:-8000px}.header nav ul{float:right;margin:10px 0 0;padding:0;list-style:none}.header nav ul li{margin:0 0 0 5px;padding:0;float:left}.header nav ul li a{display:block;color:#000;padding:6px 15px;margin:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-pie-border-radius:4px;float:left;-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;transition:color .2s ease-out,background .1s ease-in;position:relative;z-index:3;behavior:url(pie/PIE.htc)}.header nav ul li a.hilight,.menusticky nav ul li a,.menusticky nav ul li a.hilight{padding:6px 15px;-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;position:relative;z-index:3;margin:0;display:block;float:left;text-decoration:none}.header nav ul li a:hover,.menusticky nav ul li a:hover{color:#fff;background:#005dc6}.header nav ul li .subnav{margin:0;top:20px;padding:50px 10px 10px;display:none;list-style:none;border-bottom:1px solid #ccc;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;position:absolute;z-index:2;float:left;background:#fff}.header nav ul li:hover .subnav,.menusticky nav ul li:hover .subnav{display:block}.header nav ul li:hover .subnav li,.menusticky nav ul li:hover .subnav li{padding:0;margin:0;clear:both}.header nav ul li:hover .subnav li a,.menusticky nav ul li:hover .subnav li a{font-size:14px;padding:5px 10px}.header nav ul li:hover .subnav li a:hover,.menusticky nav ul li:hover .subnav li a:hover{background:#f4f4f4;color:#005dc6}.header nav ul li a.hilight,.menusticky nav ul li a.hilight{color:#fff;background:#005dc6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:color .2s ease-out,background .1s ease-in}.menusticky{width:100%;position:fixed;top:0;transform:translateY(-110%);transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:9;padding:0;background:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);-moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);box-shadow:0 2px 2px 0 rgba(50,50,50,.2);float:left}.menusticky .logo{float:left;width:166px;height:38px;outline:0;text-decoration:none;padding:10px 0}.menusticky .logo img{float:left;width:166px;height:38px;border:none}.menusticky nav ul{float:right;margin:0;padding:0;list-style:none}.menusticky nav ul li{margin:0 0 0 5px;padding:10px 0;float:left}.menusticky nav ul li a{color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:color .2s ease-out,background .1s ease-in}.menusticky nav ul li .subnav{margin:0;top:53px;padding:10px;display:none;list-style:none;border:1px solid #ddd;border-top:none;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;position:absolute;z-index:2;float:left;background:#fff}.menusticky nav ul li.langu,li.langu{margin:0 0 0 10px;padding:0;float:left}.header .lang{margin:0;padding:0;outline:0}.jq-dropdown-menu li img{border:none;margin:0 5px 0 0;max-width:21px;height:auto}.header .lang img{margin:9px 0 0;max-width:21px;border:none}.menusticky .lang{margin:0 0 0 10px;padding:0;outline:0}.menusticky .lang img{margin:20px 0 0;max-width:21px;border:none}@media screen and (min-width:668px) and(max-width:992px){.header nav ul{float:right;background:#005dc6;margin:5px 0 0}.header nav ul li,.menusticky nav ul li{margin:0 0 0 5px}.header nav ul li a,.menusticky nav ul li a{padding:5px 12px;font-size:14px}}.bannerwraper{width:100%;padding:70px 0 80px;background:url(../images/bg_banner.webp) center fixed #005dc6;float:left;-webkit-box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4);-moz-box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4);box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4)}.bannerwraper .textarea{margin:0 auto;width:90%;font-weight:400;font-size:20px;line-height:160%}.bannerwraper .textarea .link{width:360px;padding:10px 0;font-size:24px;display:block;margin:10px auto 0;border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;transition:color .2s ease-out,background .1s ease-in;cursor:pointer}.bannerwraper .textarea .link:hover{background:#fff;text-shadow:none;border:1px solid #fff;text-decoration:none;color:#067fce;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.45);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.45);box-shadow:0 0 10px 0 rgba(0,0,0,.45)}.bannerwraper .textarea h1{color:#fff;margin:0;padding:0}.bannerwraper .textarea h2{margin:0;padding:15px 0 25px;color:#fff;transition:.3s}.bannerwraper .textarea p{margin:0;padding:0 0 30px;transition:.3s}.description .link,.toservices .link{-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;cursor:pointer;font-family:SukhumvitSet,Arial,sans-serif}.bannerwrap{width:100%;padding:20px 0;background:url(../images/bg_banner.webp) center fixed #005dc6;float:left;-webkit-box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4);-moz-box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4);box-shadow:inset 0 4px 4px 0 rgba(50,50,50,.4)}.bannerwrap .textarea{margin:0 auto;text-align:center;color:#fff;width:70%}.description{width:100%;padding:74px 0;float:left}.description.darkgray{background:#1b2639}.description.bg-gray{background:#efefef}.description .webdesign{float:left;margin:0 3% 0 0;width:30%;max-width:329px}.description p{float:left;width:68%}.description .link{width:100px;padding:5px 0;color:#000;font-size:18px;display:block;text-align:center;margin:15px 0 0;border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:color .2s ease-out,background .1s ease-in}.description .link:hover{background:#333;border:1px solid #333;text-decoration:none;color:#fff}.description .col3{width:33.33%;padding:0 15px;float:left;color:#333;text-align:center}.description .col3 h3{font-size:26px;color:#000;margin:0 0 15px;padding:0}.description .col3 img{width:300px;max-width:100%;height:auto;margin:0 0 25px}.faq-section{background:#f6f7f8!important;padding:86px 0 90px}.faq-section .container{display:flex;align-items:stretch}.faq-section .col3{float:none;width:33.333%;padding:0 38px;position:relative;color:#4f565e;text-align:left}.faq-section .col3:first-child{padding-left:20px}.faq-section .col3:last-child{padding-right:20px}.faq-section .col3+.col3:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:#dde1e5}.faq-section .col3 picture{display:block;margin:0 0 28px;text-align:center}.faq-section .col3 img{display:block;width:100%;max-width:245px;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0 auto;border-radius:0;box-shadow:none;transition:transform .35s cubic-bezier(.22,.61,.36,1)}.faq-section .col3 h3{font-size:24px;line-height:1.38;letter-spacing:-.01em;color:#16191d;text-align:center;margin:0 0 16px;padding:0}.faq-section .col3 [itemprop="acceptedAnswer"]{display:block;font-size:15.5px;line-height:1.85;color:#555d66}.faq-section .col3 [itemprop="text"]{display:block}.faq-section .col3 strong{font-weight:500;color:#22282e}@media (hover:hover){.faq-section .col3:hover img{transform:translateY(-3px);box-shadow:none}}@media screen and (max-width:991px){.faq-section{padding:68px 0 72px}.faq-section .col3{padding:0 22px}.faq-section .col3:first-child{padding-left:12px}.faq-section .col3:last-child{padding-right:12px}.faq-section .col3 img{max-width:210px}.faq-section .col3 h3{font-size:21px}.faq-section .col3 [itemprop="acceptedAnswer"]{font-size:15px;line-height:1.75}}@media screen and (max-width:767px){.faq-section{padding:58px 0 62px}.faq-section .container{display:block}.faq-section .col3,.faq-section .col3:first-child,.faq-section .col3:last-child{width:100%;max-width:620px;padding:0 10px 44px;margin:0 auto 44px;float:none}.faq-section .col3:last-child{padding-bottom:0;margin-bottom:0}.faq-section .col3+.col3:before{left:10%;right:10%;top:-22px;bottom:auto;width:auto;height:1px}.faq-section .col3 img{max-width:250px;margin-bottom:24px}.faq-section .col3 h3{font-size:22px;margin-bottom:14px}.faq-section .col3 [itemprop="acceptedAnswer"]{max-width:560px;margin:0 auto;font-size:16px;line-height:1.8}}@media screen and (max-width:480px){.faq-section{padding:50px 0 54px}.faq-section .col3 img{max-width:220px}.faq-section .col3 h3{font-size:21px}}.navr{float:right;text-align:right;color:#222;margin:-25px 0 0}@media screen and (min-width:668px) and(max-width:768px){.description div{float:left;width:60%}.description p{width:100%}}.our-services{width:100%;padding:52px 0 72px;float:left}.our-services section{text-align:center;display:block;width:21%;margin:3% 2%;float:left;height:170px}.our-services section i{color:#222;padding:0;border:0;width:auto;height:auto;text-align:center;margin:0 0 20px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;transition:none}.our-services section:hover i{background:transparent;color:#222;animation:none}.our-services section p{color:#222}.our-services section h4{font-weight:400;margin-bottom:8px}.our-services section .description,.showport .container{text-align:center}.flow{width:100%}@media screen and (max-width:667px){.header .logo,.header .logo img,.headphone .logo,.headphone .logo img{width:166px;height:38px;float:none}.header{padding:10px 0 5px;text-align:center}.header .logo,.headphone .logo{text-align:center;margin:0 auto}.submenu,.submenux{list-style:none;background:url(../images/bg_submenu.png);text-align:left}.submenu,.submenu li,.submenux,.submenux li{padding:0;width:100%}.submenu li a,.submenux li a{padding:10px 4%;color:#fff;text-decoration:none;font-size:14px;width:92%;clear:both}.submenux li,.submenux li a{float:left;background:#057ac6}.mobilenav,.mobilenavx,.submenu,.submenux{position:absolute;z-index:99}.submenu{margin:10px 0 0;display:block;-webkit-box-shadow:0 5px 10px 0 rgba(50,50,50,.12);-moz-box-shadow:0 5px 10px 0 rgba(50,50,50,.12);box-shadow:0 5px 10px 0 rgba(50,50,50,.12);left:1px}.submenu li,.submenu li a,.submenux,.submenux li,.submenux li a{margin:0;display:block}.submenu li{float:left}.submenu li a{float:left;border-bottom:1px solid #333}.submenux{-webkit-box-shadow:0 5px 10px 0 rgba(50,50,50,.12);-moz-box-shadow:0 5px 10px 0 rgba(50,50,50,.12);box-shadow:0 5px 10px 0 rgba(50,50,50,.12);left:0}.submenux li a{border-bottom:1px solid #666}.mobilenav,.mobilenavx{background:url(../images/icon_menu.png) 0 0/30px 22px no-repeat;width:50px;height:22px;margin:10px 0 0 15px;cursor:pointer;display:block}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.menusticky,.navr,[hidden],nav,template{display:none}.headphone{width:100%;margin:0;display:block;padding:5px 0;position:fixed;background:#fff;top:0;transform:translateY(-110%);transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform;-webkit-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);-moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.2);box-shadow:0 2px 2px 0 rgba(50,50,50,.2);text-align:center;z-index:9}.langmobile{display:block;position:absolute;top:20px;right:5%}.bannerwraper{background:url(../images/bg_banner_m.webp) center fixed #005dc6}.bannerwraper .textarea .link{width:100%;font-size:18px}.description{text-align:center}.description .webdesign{width:100%;margin:0 auto 20px;float:none}.description p,h2{width:100%;clear:both}.description h2{margin:0 0 20px;font-size:22px}.description .link{margin:20px auto 0;font-size:16px}.our-services section{min-width:295px;width:100%;height:auto;min-height:170px;display:block;margin:0 0 20px}.our-services section:hover i{background:transparent;color:#222;animation:none}}@media screen and (min-width:668px) and(max-width:767px){.our-services section{min-width:31%;min-height:190px;display:block}}@media screen and (min-width:768px) and(max-width:991px){.our-services section{min-width:33%;max-width:33%;margin:0 0 20px;padding:0 10px;min-height:200px;display:block}}@media screen and (min-width:992px) and(max-width:1200px){.our-services section{height:180px}}.wraper-punctuate{width:100%;background:url(../images/bg_banner_bk.webp) center fixed;overflow:hidden;float:left}.punctuate{width:100%;float:left;padding:55px 0;text-align:center;color:#fff;font-size:36px;font-family:SukhumvitSet,Arial,sans-serif;background:url(../images/bg_dark.png)}.toservices{width:100%;padding:15px 0;background:#005dc6;color:#fff;text-align:center;float:left;font-size:18px}.toservices .link{padding:3px 12px;color:#fff;font-size:16px;text-align:center;margin:0;border:1px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:color .2s ease-out,background .1s ease-in}.toservices .link:hover{background:#fff;border:1px solid #fff;text-decoration:none;color:#00a3e0}.showport{width:100%;padding:80px 0;background:#fff;float:left}.showport .container h2{font-size:34px}.showport .container img{border:none;outline:0;margin:10px 0 0}.showport .container .link{width:150px;padding:6px 0;color:#000;font-family:SukhumvitSet,Arial,sans-serif;font-size:20px;display:block;text-align:center;margin:15px auto 0;border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;transition:color .2s ease-out,background .1s ease-in;cursor:pointer}.footer .link:hover,.showport .container .link:hover{background:#005dc6;border:1px solid #005dc6;text-decoration:none;color:#fff}.align-left,.col-contact ul.address li .text{float:left}.left{float:left;margin:0 40px 0 0}.right{float:right;margin:0 0 0 40px}ul.myjobs{width:100%;margin:0;padding:0;list-style:none;background:url(../images/bg_his.jpg) 4.5% 0 no-repeat;float:left}ul.myjobs li{margin:0 0 15px;padding:0;display:table;float:left;width:100%}ul.myjobs li .year{margin:5px 15px 0 0;color:#fff;background:#1290e0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;width:100px;height:100px;float:left;display:table}ul.myjobs li .year span{display:table-cell;vertical-align:middle}ul.myjobs li p{padding-top:20px}.skill{margin:0 0 0 19%}.skill>div{float:left;margin:20px}.me{width:200px}.picport,.picport .caption,.picport img{width:362px;height:228px}.picport{margin:10px;padding:0;border:1px solid #ddd;display:block;position:relative;float:left;outline:0}.picport img{border:0;position:absolute}.picport .caption{background:#000;color:#fff;position:absolute;left:0;display:none;-moz-opacity:.82;-khtml-opacity:.82;opacity:.82;padding:30px 25px 25px;text-align:center;font-size:16px;top:0}.allnone,.picport .caption .link{display:none;margin:0;padding:0}.footer .link,.uibutton{display:block;cursor:pointer;outline:0}@media screen and (max-width:667px){.showport .container h2,.showport h1{font-size:22px}.showport .container img{width:100%;max-width:320px;height:auto}.wraper-punctuate{background:url(../images/bg_banner_bkm.webp) center fixed}.punctuate{font-size:26px}.toservices{float:left}.toservices .link{display:block;margin:10px auto 0;width:100px}.showport .container .link{font-size:18px}.left,.right{float:right;margin:0 0 15px}ul.myjobs{background-image:none;text-align:center}ul.myjobs li{float:none}ul.myjobs li .year{float:none;margin:0 auto}.skill{margin:0 auto}.picport,.picport .caption,.picport img{width:300px;height:207px}.picport{margin:5px 0!important;padding:0;border:1px solid #ddd}.picport img{border:0;position:absolute}.picport .caption{padding:10px 20px}.picport .caption .link{display:block;font-size:12px;text-align:center}}@media screen and (max-width:768px){img{width:auto;max-width:100%}.left,.right{float:right;margin:0 0 15px;clear:both}.picport,.picport .caption,.picport img{width:310px;height:199px}.picport{margin:5px;padding:0;border:1px solid #ddd}.picport img{border:0;position:absolute}.picport .caption{padding:20px 20px 0}}@media screen and (max-width:1199px){.picport,.picport .caption,.picport img{width:304px;height:200px}.picport{margin:5px;padding:0;border:1px solid #ddd}.picport img{border:0;position:absolute}.picport .caption{padding:20px 20px 0}}.picport .caption h3{padding:0;margin:10px 0 5px;font-size:17px;color:#fff}.col-contact{width:22.5%;margin:1%;float:left}.col-contact ul.address,.footer ul{margin:0;padding:0;list-style:none}.col-contact ul.address li{margin:0 0 10px;padding:0;width:100%;float:left}.col-contact ul.address li .icon{width:25px;float:left}.col-contact .form{width:96%;padding:10px 6px;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 1% 15px;font-family:Sarabun,sans-serif;font-size:14px}.footer .email,.footer .tel{font-size:24px;line-height:100%}.uibutton{padding:10px 20px;margin:0;color:#fff;font-size:14px;border:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#0070d8;background:-moz-linear-gradient(top,#0070d8 0,#0062be 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#0070d8),color-stop(100%,#0062be));background:-webkit-linear-gradient(top,#0070d8 0,#0062be 100%);background:-o-linear-gradient(top,#0070d8 0,#0062be 100%);background:-ms-linear-gradient(top,#0070d8 0,#0062be 100%);background:linear-gradient(to bottom,#0070d8 0,#0062be 100%)}.copyright,.copyright a,.footer,.footer .link{color:#999}.customer{width:90%;margin:0 auto}.customer .pic{width:20%;float:left;margin:0 5% 0 0}.customer .pic img{width:100%;max-width:200px}.customer .feedback{width:75%;float:left}.customer .feedback h3{font-size:20px;margin:0 0 5px;padding:0;font-weight:400;font-family:SukhumvitSet,Arial,sans-serif;color:#000}.customer .feedback .website{font-style:italic;font-size:14px;color:#2b89e0;text-decoration:none}.customer .line{width:100%;height:1px;background:#ddd;float:left;clear:both;margin:35px 0}.footer{width:100%;float:left;margin:0;padding:50px 0 40px;background:url(../images/bg_footer.jpg)}.footer ul li{margin:0;padding:0;float:left}.footer ul li section{margin:0;padding:0;height:auto}.footer .address{background:url(../images/icon-address.png) no-repeat;margin:0 80px 0 0;padding:0 0 2px 40px}.footer .tel{background:url(../images/icon-phone.png) no-repeat;margin:0 80px 20px 0;padding:1px 0 2px 45px}.footer .email{background:url(../images/icon-email.png) no-repeat;margin:0 80px 0 0;padding:1px 0 2px 50px;clear:both}.footer .fa-facebook,.footer .fa-twitter{color:#999;text-align:center;margin:15px 15px 0 0;-o-transition:color .3s ease-out,background .1s ease-in;-ms-transition:color .3s ease-out,background .1s ease-in;-moz-transition:color .3s ease-out,background .1s ease-in;-webkit-transition:color .3s ease-out,background .1s ease-in;transition:color .3s ease-out,background .1s ease-in;float:left}.footer .fa-facebook:hover,.footer .fa-twitter:hover{color:#fff}.footer .link{width:100px;padding:6px 0;font-size:20px;text-align:center;margin:10px 0 0;border:1px solid #999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-transition:color .2s ease-out,background .1s ease-in;-ms-transition:color .2s ease-out,background .1s ease-in;-moz-transition:color .2s ease-out,background .1s ease-in;-webkit-transition:color .2s ease-out,background .1s ease-in;transition:color .2s ease-out,background .1s ease-in;float:left}.black-ribbon{position:fixed;z-index:9999;width:70px}@media only all and (min-width:768px){.black-ribbon{width:auto}}.stick-left{left:0}.stick-right{right:0}.stick-top{top:0}.stick-bottom{bottom:0}@media screen and (max-width:667px){.col-contact{width:100%;margin:0 0 15px;float:none}.description .col3{width:100%;padding:20px 0 30px;float:left;color:#333}.description .col3 h3{font-size:22px;color:#000}.description .col3 img{width:300px;max-width:100%}.customer .feedback,.customer .pic{width:100%;text-align:center}.customer{width:100%}.customer .pic{margin:0 0 5%}.customer .line{margin:25px 0}.footer .address,.footer .email,.footer .tel{margin:0 0 5px}.footer ul li{margin:0 0 10px;clear:both}.footer .email{font-size:18px}.col2{width:100%;padding:0 0 15px;float:none}}@media screen and (min-width:667px) and(max-width:1190px){.footer ul li{margin:0 0 10px}.footer .address,.footer .email,.footer .tel{margin:0 15px 10px 0}.col2{width:100%;padding:0 0 20px;float:none}}.copyright{float:left;width:100%;padding:20px 0;background:#222;font-size:14px}.cd-top{display:inline-block;height:30px;width:30px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,.05);text-indent:100%;white-space:nowrap;background:url(../images/cd-top-arrow.svg) center 50% no-repeat rgba(13,128,209,.8);visibility:hidden;opacity:0;-webkit-transition:opacity .3s,visibility 0 .3s;-moz-transition:opacity .3s,visibility 0 .3s;transition:opacity .3s,visibility 0 .3s;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s,visibility 0 0;-moz-transition:opacity .3s,visibility 0 0;transition:opacity .3s,visibility 0 0}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{background-color:#0d80d1;opacity:1}@media only screen and (min-width:768px){.cd-top{right:20px;bottom:20px}}@media only screen and (min-width:1024px){.cd-top{height:45px;width:45px;right:30px;bottom:30px}}.linewidth{float:left;width:100%;margin:0;padding:0;height:1px;background:#ddd}.col6{width:50%;float:left;padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.nopad{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.formq{width:100%;float:left;padding:10px;border:1px solid #ccc;margin:0 0 2%;font-family:Tahoma,Geneva,sans-serif;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}@media only screen and (max-width:768px){.col6{width:100%;padding:0}}
/* Motion Refresh V1 ------------------------------------------------------ */
.menusticky.is-sticky-visible,.headphone.is-sticky-visible{transform:translateY(0)}
.motion-ready [data-sr]{--reveal-y:20px;--reveal-duration:600ms;--reveal-delay:0ms;opacity:0;transform:translate3d(0,var(--reveal-y),0);transition:opacity var(--reveal-duration) cubic-bezier(.22,.61,.36,1) var(--reveal-delay),transform var(--reveal-duration) cubic-bezier(.22,.61,.36,1) var(--reveal-delay);will-change:opacity,transform}
.motion-ready [data-sr].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.menusticky,.headphone{transition:none!important}.motion-ready [data-sr],.motion-ready [data-sr].is-visible{opacity:1!important;transform:none!important;transition:none!important}.cd-top{transition:none!important}}

/* Navigation Refresh V1 -------------------------------------------------- */
.header nav>ul>li,.menusticky nav>ul>li{position:relative}
.header nav>ul>li>.subnav,.menusticky nav>ul>li>.subnav{display:block;top:100%;left:0;min-width:190px;margin:0;padding:7px;float:none;list-style:none;background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:10px;box-shadow:0 12px 28px rgba(17,24,39,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,8px,0);transition:opacity .18s ease,transform .18s cubic-bezier(.22,.61,.36,1),visibility 0s linear .18s;z-index:30}
.header nav>ul>li:hover>.subnav,.header nav>ul>li:focus-within>.subnav,.menusticky nav>ul>li:hover>.subnav,.menusticky nav>ul>li:focus-within>.subnav{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition-delay:0s}
.header nav>ul>li>.subnav:before,.menusticky nav>ul>li>.subnav:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.header nav>ul>li>.subnav li,.menusticky nav>ul>li>.subnav li{float:none;clear:none;width:100%;margin:0;padding:0}
.header nav>ul>li>.subnav li a,.menusticky nav>ul>li>.subnav li a{display:block;float:none;width:100%;padding:9px 11px;margin:0;color:#222;background:transparent;border:0;border-radius:7px;font-size:14px;line-height:1.35;white-space:nowrap;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.header nav>ul>li>.subnav li a:hover,.header nav>ul>li>.subnav li a:focus,.menusticky nav>ul>li>.subnav li a:hover,.menusticky nav>ul>li>.subnav li a:focus{background:#f3f7fb;color:#005dc6;transform:translateX(2px);outline:0}
#pageportfolio:after,#pageportfolio1:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.65}

@keyframes navDropdownIn{0%{opacity:0;transform:translate3d(0,7px,0) scale(.985)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.jq-dropdown.is-opening .jq-dropdown-menu{animation:navDropdownIn .18s cubic-bezier(.22,.61,.36,1) both}

@media screen and (max-width:667px){
  .header{overflow:visible}
  .header .container,.headphone{position:relative}
  .mobilenav,.mobilenavx{position:absolute;z-index:110;top:9px;left:12px;display:flex;width:42px;height:42px;margin:0;padding:10px 9px;border:0;border-radius:9px;background:transparent;box-shadow:none;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;-webkit-appearance:none;appearance:none;transition:background-color .18s ease}
  .mobilenav:hover,.mobilenav:focus,.mobilenavx:hover,.mobilenavx:focus{background:#f2f5f8;outline:0}
  .mobilenav span,.mobilenavx span{display:block;width:22px;height:2px;background:#222;border-radius:2px;transform-origin:center;transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .16s ease}
  .mobilenav.is-active span:nth-child(1),.mobilenavx.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobilenav.is-active span:nth-child(2),.mobilenavx.is-active span:nth-child(2){opacity:0}
  .mobilenav.is-active span:nth-child(3),.mobilenavx.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .submenu,.submenux{display:block;position:absolute;z-index:105;top:100%;left:10px;right:10px;width:auto;margin:7px 0 0;padding:7px;list-style:none;text-align:left;background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:12px;box-shadow:0 16px 34px rgba(17,24,39,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-8px,0) scale(.99);transform-origin:top center;transition:opacity .2s ease,transform .2s cubic-bezier(.22,.61,.36,1),visibility 0s linear .2s;max-height:calc(100vh - 82px);overflow:auto;-webkit-overflow-scrolling:touch}
  .submenu.is-open,.submenux.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
  .submenu>li,.submenux>li{position:relative;display:block;float:none;width:100%;margin:0;padding:0;background:transparent}
  .submenu>li>a,.submenux>li>a{display:block;float:none;width:100%;margin:0;padding:12px 44px 12px 13px;color:#222;background:transparent;border:0;border-bottom:1px solid #eef1f4;border-radius:7px;font-size:15px;font-weight:400;line-height:1.3;text-decoration:none;transition:background-color .16s ease,color .16s ease}
  .submenu>li:last-child>a,.submenux>li:last-child>a{border-bottom-color:transparent}
  .submenu>li>a:hover,.submenu>li>a:focus,.submenux>li>a:hover,.submenux>li>a:focus{background:#f3f7fb;color:#005dc6;outline:0}

  .mobile-subnav-toggle{position:absolute;z-index:2;top:5px;right:5px;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .16s ease}
  .mobile-subnav-toggle:hover,.mobile-subnav-toggle:focus{background:#edf3f8;outline:0}
  .mobile-subnav-toggle span:before,.mobile-subnav-toggle span:after{content:"";position:absolute;top:17px;left:12px;width:12px;height:1.5px;background:#4b5563;border-radius:2px;transition:transform .2s ease}
  .mobile-subnav-toggle span:after{transform:rotate(90deg)}
  .mobile-subnav-toggle.is-active span:after{transform:rotate(0deg)}

  .submenu .subnav,.submenux .subnav{display:block;position:static;float:none;width:auto;min-width:0;max-height:0;margin:0 6px;padding:0 7px;overflow:hidden;list-style:none;background:#f6f8fa;border:0;border-radius:8px;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:max-height .24s cubic-bezier(.22,.61,.36,1),opacity .18s ease,padding .24s ease,margin .24s ease,visibility 0s linear .24s}
  .submenu .subnav.is-open,.submenux .subnav.is-open{max-height:180px;margin:3px 6px 7px;padding:5px 7px;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .submenu .subnav li,.submenux .subnav li{display:block;float:none;width:100%;margin:0;padding:0;background:transparent}
  .submenu .subnav li a,.submenux .subnav li a{display:block;float:none;width:100%;margin:0;padding:9px 10px;color:#4b5563;background:transparent;border:0;border-radius:6px;font-size:14px;line-height:1.3;text-decoration:none}
  .submenu .subnav li a:hover,.submenu .subnav li a:focus,.submenux .subnav li a:hover,.submenux .subnav li a:focus{background:#fff;color:#005dc6;outline:0}

  .langmobile{display:flex;align-items:center;justify-content:center;top:10px;right:13px;width:40px;height:40px;border-radius:9px;background:#f5f7f9;transition:background-color .16s ease}
  .langmobile:hover,.langmobile:focus{background:#edf2f6;outline:0}
  .langmobile img{margin:0!important;max-width:18px!important;height:auto}
}

@media (prefers-reduced-motion:reduce){.header nav>ul>li>.subnav,.menusticky nav>ul>li>.subnav,.submenu,.submenux,.submenu .subnav,.submenux .subnav,.mobilenav span,.mobilenavx span{transition:none!important}.jq-dropdown.is-opening .jq-dropdown-menu{animation:none!important}}