#page-transition{z-index:99;display:flex;justify-content:center;align-items:center}#page-transition,#page-transition-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}#page-transition-bg{background:var(--primaryColor);z-index:1}#page-transition-logo{position:relative;z-index:2;width:100px;display:block}.app-footer{--verticalPadding:80px;--verticalPadding:40px;padding:var(--verticalPadding) 0;background:var(--tertiaryColor);color:#fff}@media(min-width:768px){.app-footer{--verticalPadding:calc(17.8571428571vw - 97.1428571429px)}}@media(min-width:992px){.app-footer{--verticalPadding:80px}}.app-footer .group-content{position:relative;z-index:2}.app-footer .group-content .container{display:flex}.footer-logo{margin-right:auto;margin-bottom:32px}.footer-logo img{width:36px}@media(min-width:768px){.footer-logo img{width:calc(16.5178571429vw - 90.8571428571px)}}@media(min-width:992px){.footer-logo img{width:73px}}.box-footer-navigation{display:flex;justify-content:space-between;max-width:800px;width:100%;margin-left:160px}.footer-navigation-item .title{font-size:18px;margin-bottom:20px}.footer-navigation-item .title:after{content:"";display:block;width:20%;height:1px;background:#fff;margin:20px 0 30px}.footer-navigation-item .link{margin-bottom:20px;cursor:pointer;display:block}.contact-footer-item{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:28px;cursor:pointer;font-size:22px}@media(min-width:768px){.contact-footer-item{font-size:calc(2.6785714286vw + 1.4285714286px)}}@media(min-width:992px){.contact-footer-item{font-size:28px}}@media screen and (max-width:768px){.box-footer-navigation{flex-wrap:wrap;gap:40px 130px;margin:0;justify-content:flex-start}.contact-footer{width:100%}.app-footer .group-content .container{flex-direction:column;flex-wrap:wrap}}.navigation{position:fixed;top:0;left:0;right:0;z-index:4;opacity:0;background:transparent;transition:all .3s ease-in-out;display:flex;align-items:center;background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.06)}.navigation .menu{position:relative;z-index:3;display:none}.navigation.lightMode{background:transparent;box-shadow:0 4px 20px 0 transparent}.navigation.lightMode .logo{--bgColor:transparent;--size:120px;--logoHeight:90px}.navigation.isFixed{transform:translateY(-100%);background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.06)}.navigation.isFixed.isScrollingUp{transform:translateY(0)}.navigation.openMenu{box-shadow:0 4px 20px 0 transparent}.navigation.openMenu .logo{--bgColor:transparent}.logo{--size:80px;--bgColor:var(--primaryColor);--logoHeight:60px;position:relative;z-index:4;margin-right:auto;width:var(--size);height:var(--size);background:var(--bgColor);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.logo,.logo img{transition:all .3s ease-in-out}.logo img{height:var(--logoHeight)}@media(max-width:1050px){.navigation .menu{display:inline-block;margin-right:24px}.logo,.navigation.lightMode .logo{--size:72px;--logoHeight:54px}}.icon-menu{--width:30px;width:var(--width);height:20px;position:relative;cursor:pointer}.icon-menu .bar{padding:0;width:var(--width);height:1px;background:#151515;display:block;border-radius:4px;transition:all .3s ease-in-out;position:absolute}.icon-menu.lightMode .bar{background:#fff}.icon-menu .bar1{top:0}.icon-menu .bar2{top:50%;margin-top:-1px}.icon-menu .bar3{bottom:0}.icon-menu.isOpen .bar{background:#151515}.icon-menu.isOpen .bar1{transform:translateY(9px) rotate(45deg);height:1px;width:var(--width)}.icon-menu.isOpen .bar2{background-color:transparent}.icon-menu.isOpen .bar3{transform:translateY(-9px) rotate(-45deg);height:1px;width:var(--width)}.top-navigation{display:flex;padding-right:40px;margin-left:30px;transition:all .3s ease-in-out;gap:16px}@media(min-width:768px){.top-navigation{gap:calc(3.5714285714vw - 11.4285714286px)}}@media(min-width:992px){.top-navigation{gap:calc(2.7777777778vw - 3.5555555556px)}}@media(min-width:1280px){.top-navigation{gap:32px}}.top-navigation.isTextWhite{color:#fff}.navigation-item{position:relative;z-index:2;cursor:pointer;font-size:16px}@media(min-width:768px){.navigation-item{font-size:calc(0vw + 16px)}}@media(min-width:992px){.navigation-item{font-size:calc(.6944444444vw + 9.1111111111px)}}@media(min-width:1280px){.navigation-item{font-size:18px}}.navigation-item:after{opacity:0;position:absolute;content:"";width:100%;height:3px;background:var(--primaryColor);left:0;bottom:-28px}.navigation-item.active{color:var(--primaryColor)}.navigation-item.active:after{opacity:1}.top-navigation-mobile{display:none;opacity:0;position:fixed;z-index:3;top:0;left:0;right:0;bottom:0;height:100vh;align-items:center;justify-content:center;flex-direction:column;background:#fff}@media(max-width:1050px){.top-navigation{display:none}.top-navigation-mobile{display:flex;gap:40px}.navigation-item{font-size:28px}.navigation-item:after{display:none}}.language-switcher{position:relative;display:flex;align-items:center}.language-switcher.lightMode{color:#fff}.language-switcher .icon{margin-right:5px}.language-switcher .lang-item{font-size:16px;padding:0 10px;cursor:pointer;transition:all .3s;text-transform:uppercase;font-weight:600}.language-switcher .lang-item:not(.active){opacity:.5}.language-switcher .lang-item:last-of-type{border-left:1px solid #999}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";.swiper-pagination{display:none;--swiper-pagination-bottom:-40px}.swiper-pagination-bullet{border-radius:0!important;opacity:1!important;background:var(--tertiaryColor);transition:all .3s ease-in-out}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--primaryColor);width:50px}*{box-sizing:border-box}:root{--primaryColor:#0bb;--secondaryColor:#11515c;--tertiaryColor:#022525;--primaryColorLighter:#b9f9f9;--bodyFontSize:16px}@media(min-width:768px){:root{--bodyFontSize:calc(0.8928571429vw + 9.1428571429px)}}@media(min-width:992px){:root{--bodyFontSize:18px}}body,html{overflow-x:hidden}body,html[lang=th] body{font-family:Roboto,IBM Plex Sans Thai,sans-serif}body{font-weight:400;background:#fff;color:#151515;font-size:var(--bodyFontSize)}body.has-modal{-webkit-padding-end:15px;padding-inline-end:15px;overflow-x:hidden;overflow-y:hidden}a{color:inherit;text-decoration:none}svg path{transition:all .3s}.app{opacity:0}.app.isShowApplication{opacity:1}.container{--horizontalPadding:24px;width:100%;max-width:1200px;padding:0 var(--horizontalPadding);margin:0 auto}p{color:#999;line-height:26px}p b{color:#151515}@media(min-width:768px){p{line-height:calc(4.4642857143vw - 8.2857142857px)}}@media(min-width:992px){p{line-height:36px}}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";.dipro-page{font-family:Roboto,sans-serif}.hr-page .dipro-hero{--diproColor:#0bb}.hr-page .dipro-hero:before{background:#0cbbae}.hr-page .dipro-features__label{color:#0bb}.hr-page .dipro-showcase{background:#ebf9f8}.hr-page .dipro-showcase__label{color:#0bb}.hr-page .dipro-showcase__card,.hr-page .dipro-showcase__card-placeholder{background:#d9d9d9}.hr-page .dipro-showcase-large{background:#ebf9f8}.hr-page .dipro-showcase-large__label{color:#0bb}.hr-page .dipro-showcase-large__image{background:#d9d9d9}.hr-page .dipro-gallery__label{color:#0bb}.hr-page .dipro-gallery__card,.hr-page .dipro-gallery__card-placeholder{background:#ebf9f8}.hr-page .dipro-contact__card{background:#11515c}.hr-page .dipro-contact__title{color:#fff}.hr-page .dipro-contact__subtitle{color:hsla(0,0%,100%,.8)}.hr-page .dipro-contact__input:focus,.hr-page .dipro-contact__textarea:focus{border-color:#099;box-shadow:0 0 0 3px rgba(0,187,187,.12)}.hr-page .dipro-contact__submit{background:#fff;color:#11515c}.hr-page .dipro-contact__submit:hover{background:#f0f0f0;box-shadow:0 6px 20px rgba(0,0,0,.15)}.hr-page .dipro-footer__brand,.hr-page .dipro-footer__col-link:hover,.hr-page .dipro-mobile-menu__item:active{color:#0bb}