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{--section-height: calc(100vh - var(--nav-height));--section-p-t: 60px;--section-p-e: 48px;--section-p-b: 120px;--section-p-s: 24px;--section-height-visible: calc( 100vh - var(--nav-height) - var(--subnav-height) - var(--pagenav-height) )}body section{position:relative;width:100%;min-height:50vh}body section.section-screenheight-half{min-height:50vh}body section.section-screenheight-actual{height:100vh}body section.section-visibleheight{height:var(--section-height-visible)}body section.section-screenheight{height:var(--section-height)}body section.section-screenheight-x2{height:calc(var(--section-height)*2)}body section.section-screenheight-x3{height:calc(var(--section-height)*3)}body section.section-screenheight-x5{height:calc(var(--section-height)*5)}body section.section-aligncenter{display:flex;justify-content:center}body section.section-background{background-color:var(--color-footer)}body section.section-gallery{height:auto}body section.section-gallery .section-gallery-container{display:block}body section.section-gallery .section-gallery-container .section-gallery-images-container{width:100%;height:100%}body section.section-gallery .section-gallery-container .section-gallery-images-container .section-gallery-images{height:50vh}body section.section-gallery .section-gallery-container .section-gallery-content-container{width:unset;padding:48px 60px 48px 48px;display:flex;flex-direction:column;justify-content:space-between}body section.section-gallery .section-gallery-container .section-gallery-content-container .section-gallery-control-container{display:flex;justify-content:space-between}body section.section-gallery .section-gallery-container .section-gallery-content-container .section-gallery-control-container .section-gallery-control-buttons{display:flex}body section.section-gallery .section-gallery-container .section-gallery-content-container .section-gallery-control-container .section-gallery-control-buttons button{width:24px;margin-right:1rem;display:inline-block}body section.section-gallery .section-gallery-container .section-gallery-content-container .section-gallery-control-container .section-gallery-control-buttons button:last-child{margin-right:unset}body section[data-SectionCollapse]{overflow:hidden;-webkit-transition:max-height 1s;-ms-transition:max-height 1s;transition:max-height 1s}body section[data-SectionCollapse][data-SectionCollapse-state=collapse]{max-height:var(--section-height);-webkit-transition:height .5s,max-height .5s;-ms-transition:height .5s,max-height .5s;transition:height .5s,max-height .5s}body section[data-SectionCollapse][data-SectionCollapse-state=expand]{max-height:1000vh}body section[data-SectionCollapse][data-SectionCollapse-state=expand] .section-collapse button i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}body section[data-SectionCollapse] .section-collapse{position:absolute;bottom:0;width:100vw;height:48px;background-color:var(--color-subheader);display:flex;align-items:center;justify-content:center}body section[data-SectionCollapse] .section-collapse button{width:100%;height:100%}body section[data-SectionCollapse] .section-collapse button i{padding:unset}body section .section-container{margin:0 auto;width:100%;padding:160px var(--section-p-e) var(--section-p-b) var(--section-p-s)}body section#gallery #gallery-content-container{padding:36px 84px 60px 36px}body section#gallery #gallery-content-container #gallery-control-container{display:flex;justify-content:space-between}body section#gallery #gallery-content-container #gallery-control-container #gallery-control-buttons{display:flex}body section#gallery #gallery-content-container #gallery-control-container #gallery-control-buttons button{margin-right:1.5rem}body section#gallery #gallery-content-container #gallery-control-container #gallery-control-buttons button:hover,body section#gallery #gallery-content-container #gallery-control-container #gallery-control-buttons button:focus{color:var(--color-body)}body section#gallery #gallery-content-container #gallery-control-container #gallery-control-buttons button:last-child{margin-right:unset}body section#contact-us .section-container{padding-bottom:60px !important}body section#contact-us .section-container ul li{padding:unset;border:unset}body section#contact-us .section-container ul li a{font-weight:bold}@media only screen and (min-width: 768px){body{--section-p-t: 120px;--section-p-b: 240px;--section-p-e: 72px}body section.section-gallery{height:var(--section-height-visible)}body section.section-gallery .section-gallery-container{height:100%;display:flex}body section.section-gallery .section-gallery-container .section-gallery-images-container .section-gallery-images{height:100%}body section.section-gallery .section-gallery-container .section-gallery-content-container{width:480px;padding:48px 96px 48px 24px}body section .section-container{padding-top:160px;padding-bottom:var(--section-p-b)}}@media only screen and (min-width: 992px){body{--section-p-e: 120px;--section-p-s: 60px}}@media only screen and (min-width: 1400px){body{--section-p-e: unset;--section-p-s: unset}body section .section-container{width:1280px}}