body{--font-header: "Noto Sans Thai";--font-body: "Noto Sans Thai Looped";--color-body: #212E3E;--color-background: #FFFFFF;--color-subheader: lightgray;--color-footer: #F5F7FA;--color-focus: #e0e2e5;--color-disabled: gray;--color-link: #FFCE54;--color-community: #AB91EB;--color-company: #58C0E8;--color-service: #8CC152;--color-alert: #b94a48}body{font-family:var(--font-body),sans-serif;color:var(--color-body);line-height:1.25rem}body h1,body h2,body h3,body h4,body h5{font-family:var(--font-header),sans-serif;font-weight:bold;color:var(--color-body)}body h5{font-weight:normal;color:var(--color-body)}body .size-h0{font-family:var(--font-header),sans-serif;font-weight:bold;font-size:3.5rem;line-height:3.5rem}body .size-h1{font-size:2.5rem;line-height:2.5rem}body .size-h2{font-size:2rem;line-height:2rem}body .size-h3{font-size:1.5rem;line-height:1.5rem}body a,body button{color:var(--color-link);text-decoration:none}body a.active,body a:hover,body a:focus,body button.active,body button:hover,body button:focus{text-decoration:underline;border:unset}body a.btn,body button.btn{height:48px;border-radius:12px;font-family:var(--font-header),sans-serif;font-weight:bold;text-align:center;text-decoration:unset;display:flex;justify-content:center;align-items:center}body a.btn:disabled,body button.btn:disabled{opacity:.25;border-color:var(--color-disabled);background-color:var(--color-disabled)}body a.btn-width-100,body button.btn-width-100{width:100%}body a.btn-primary,body button.btn-primary{border:solid 1px var(--color-body);background-color:unset;color:var(--color-body)}body a.btn-primary:hover,body a.btn-primary:focus,body a.btn-primary:active,body a.btn-primary.show,body button.btn-primary:hover,body button.btn-primary:focus,body button.btn-primary:active,body button.btn-primary.show{border:solid 1px var(--color-body) !important;background-color:var(--color-body) !important}body a.btn-transparent,body button.btn-transparent{border:unset}body a.btn-transparent:disabled,body button.btn-transparent:disabled{background-color:transparent}body a.color-community,body button.color-community{color:var(--color-community)}body a.color-company,body button.color-company{color:var(--color-company)}body a:hover.color-community,body a:focus.color-community,body button:hover.color-community,body button:focus.color-community{color:var(--color-community)}body a:hover.color-company,body a:focus.color-company,body button:hover.color-company,body button:focus.color-company{color:var(--color-company)}body a:hover circle.circle-color-community,body a:focus circle.circle-color-community,body button:hover circle.circle-color-community,body button:focus circle.circle-color-community{border-color:var(--color-community);background-color:var(--color-community)}body a:hover circle.circle-color-company,body a:focus circle.circle-color-company,body button:hover circle.circle-color-company,body button:focus circle.circle-color-company{border-color:var(--color-company);background-color:var(--color-company)}body a circle.circle-color-community,body button circle.circle-color-community{border-color:var(--color-community)}body a circle.circle-color-company,body button circle.circle-color-company{border-color:var(--color-company)}body a i,body button i{width:2rem;padding-right:1rem}body .dropdown{margin:.5rem 0}body .dropdown .dropdown-toggle{border:unset !important}body .dropdown ul.dropdown-menu{font-family:var(--font-body),sans-serif;width:auto}body .dropdown ul.dropdown-menu.bullet-icon{width:100%;padding:1rem}body .dropdown ul.dropdown-menu.bullet-icon li{padding:.15rem 0}body .dropdown ul.dropdown-menu.bullet-icon li a{padding:unset}body .dropdown ul.dropdown-menu.bullet-icon li a:hover,body .dropdown ul.dropdown-menu.bullet-icon li a:focus{color:var(--color-body);background-color:transparent;text-decoration:underline}body .dropdown ul.dropdown-menu li{padding:unset;border-top:unset}body .dropdown ul.dropdown-menu li:last-child{border-bottom:unset}body .dropdown ul.dropdown-menu li .dropdown-item.active{background-color:unset;color:var(--color-body);text-decoration:underline}body .dropdown ul.dropdown-menu li a:hover,body .dropdown ul.dropdown-menu li a:focus{color:var(--color-background);background-color:var(--color-body);text-decoration:none}body .dropdown-item:active,body .dropdown-item:hover,body .dropdown-item:focus{background-color:var(--color-body);color:var(--color-background);text-decoration:unset}body .bold{font-weight:bold}body .caption{opacity:.75}body .color-subheader{color:var(--color-subheader)}body .color-footer{color:var(--color-footer)}body .color-community{color:var(--color-community)}body .color-company{color:var(--color-company)}body .color-alert{color:var(--color-alert)}body .bg-color-footer{background-color:var(--color-footer)}body .text-bg-body{color:var(--color-background);background-color:var(--color-body)}body .text-bg-footer{color:var(--color-body);background-color:var(--color-footer);border:solid 1px var(--color-body)}body .height-100{height:100%}body .width-25{width:25vw}body .width-40{width:40vw}body .width-50{width:50vw}body .width-60{width:60vw}body .width-75{width:75vw}body .mt-section{margin-top:60px}body .mb-section{margin-bottom:60px}body .bg-footer{background-color:var(--color-footer)}body .margin-center{margin:0 auto}body .ps-120{padding-left:120px}body .border-right{border-right:solid 1px var(--color-body)}body .hidden{display:none !important}body .hidden-sm{display:none !important}body .hidden-md{display:none !important}body .z-index-0{z-index:0 !important}body input:disabled{opacity:.5 !important}body ol li{padding:.25rem 0}body ul{list-style:none;padding:unset}body ul li{padding:.75rem 0;border-top:solid 1px var(--color-body)}body ul li:last-child{border-bottom:solid 1px var(--color-body)}body ul li a{color:var(--color-body)}body ul.bullet-icon li{padding:.15rem 0;border:unset;display:flex}body ul.bullet-icon li .contact-icon{min-width:1rem;max-width:1rem;margin-right:2rem}body ul.timeline-ul li{padding:unset;border:unset}body ul.timeline-ul li .timeline-li-header{padding-bottom:6rem}body ul.timeline-ul li .timeline-li-line{display:flex;flex-direction:column;align-items:center;text-align:center}body ul.timeline-ul li .timeline-li-line circle{width:90px;height:90px;min-height:90px;border-width:6px;background-size:cover;background-position:center}body ul.timeline-ul li .timeline-li-line line{width:6px}body ul.timeline-ul li .timeline-li-content{padding-bottom:6rem}body ul.timeline-ul li:last-child .timeline-li-line line{display:none}body #map{width:100%;height:100vh;z-index:0}body #map .mapboxgl-popup{font-size:1rem;z-index:1100 !important}body #map .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,body #map .mapboxgl-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,body #map .mapboxgl-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-bottom-color:var(--color-body)}body #map .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,body #map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,body #map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-top-color:var(--color-body)}body #map .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:var(--color-body)}body #map .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:var(--color-body)}body #map .mapboxgl-popup button.mapboxgl-popup-close-button,body #map .mapboxgl-popup button.mapboxgl-popup-close-button:active,body #map .mapboxgl-popup button.mapboxgl-popup-close-button:focus,body #map .mapboxgl-popup button.mapboxgl-popup-close-button:hover{color:var(--color-body);text-decoration:unset}body #map .mapboxgl-popup ul li:first-child{border-top:unset}body #map .mapboxgl-popup ul li:last-child{border-bottom:unset}body hr{opacity:.5;border:solid .5px var(--color-body)}body .screen-fit{position:relative;width:100vw;height:calc(100vh - var(--nav-height))}body circle{width:24px;height:24px;border:solid 4px var(--color-body);border-radius:100%;display:flex;justify-content:center;align-items:center}body circle.circle-md{width:60px;height:60px;min-height:60px}body circle.circle-lg{width:120px;height:120px;min-height:120px}body circle.circle-completed{color:var(--color-background);background-color:var(--color-body)}body circle.circle-late{background-color:var(--color-link)}body line{height:100%;border:solid 1px var(--color-body);display:inline-block}body line.line-bold{border-width:4px}body line.line-dashed{border-style:dashed}body hline{width:100%;border:solid 1px var(--color-body);display:inline-block}body hline.line-dashed{border-style:dashed}body .active circle{background-color:var(--color-body)}body .active circle.circle-color-community{background-color:var(--color-community)}body .active circle.circle-color-company{background-color:var(--color-company)}body .carousel{height:100%}body .carousel .carousel-inner{height:100%}body .carousel .carousel-inner .carousel-item{height:100%;background-origin:center;background-size:cover}body .carousel .carousel-inner .carousel-item.carousel-item-text{overflow-y:auto}body .carousel-control-next,body .carousel-control-prev{position:unset;color:var(--color-body);opacity:1}body .carousel-control-next:hover,body .carousel-control-next:focus,body .carousel-control-prev:hover,body .carousel-control-prev:focus{color:var(--color-body)}body .modal-fullscreen{padding-top:var(--nav-height)}body .modal-fullscreen .modal-content{background-color:unset}body .modal-fullscreen .modal-content .modal-header{padding:0 0 24px 0;background-color:var(--color-background);display:flex;justify-content:center}body .modal-fullscreen .modal-content .modal-header .modal-header-buttons{width:1024px;display:flex;justify-content:right}body .modal-fullscreen .modal-content .modal-header .modal-header-buttons button{width:48px;margin:unset;display:flex}body .modal-fullscreen .modal-content .modal-header .modal-header-buttons button i{padding:unset}body .modal-fullscreen .modal-content .modal-body{padding:0 60px;background-color:var(--color-background);display:flex;justify-content:center}body .modal-fullscreen .modal-content .modal-body ul{width:1024px}body .modal-backdrop{background-color:var(--color-background)}body .modal-backdrop.show{opacity:.9}body .marquee{overflow:hidden}body vis{margin-bottom:2.5rem;display:block}body vis .btn{border:unset !important}body vis .vis-label{margin-bottom:.5rem;display:block}body vis .vis-value{font-family:var(--font-header),sans-serif;font-weight:bold;font-size:3rem;line-height:3rem;display:block}body vis .vis-value.vis-value-m{font-size:2rem;line-height:2.5rem}body vis .vis-value.vis-value-s{font-size:1.5rem;line-height:2rem}body .transition{-webkit-transition:opacity .5s,visibility .5s;-ms-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s}body .transition-hide{opacity:0;visibility:hidden}@media(min-width: 576px){body .hidden{display:none !important}body .hidden-sm{display:unset !important}body .hidden-md{display:none !important}}@media(min-width: 768px){body .width-md-40{width:40vw}body .width-md-50{width:50vw}body .width-md-60{width:60vw}body .width-md-75{width:75vw}body .hidden-md{display:unset !important}}@media only screen and (min-width: 992px){body .width-lg-40{width:40vw}body .width-lg-50{width:50vw}body .width-lg-60{width:60vw}body .width-lg-75{width:75vw}body .ps-lg-120{padding-left:120px !important}}