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.map-fix section#forests #map{position:fixed;top:0;z-index:100}body section#hero{margin-top:var(--nav-height);z-index:1000}body section#hero .hero-headline{position:absolute;top:15vh;margin-left:24px;width:70vw;color:var(--color-background);z-index:100}body section#hero .hero-headline hr{border:solid 1px var(--color-background);opacity:.5}body section#hero .hero-headline h1{color:var(--color-background)}body section#hero .hero-headline a h2{color:var(--color-link)}body section#hero .hero-caption{position:absolute;min-height:160px;bottom:var(--nav-height);right:unset;left:24px;width:70vw;font-size:.7rem;line-height:1rem;color:var(--color-background);z-index:100;display:flex}body section#hero .hero-caption .hero-caption-icon{margin-right:2rem}body section#forests{height:auto}body section#forests #map{position:absolute;overflow:unset;bottom:0}body section#forests #map.map-masked .mapboxgl-canvas-container{clip-path:unset}body section#forests #map .mapboxgl-canvas-container{position:relative;width:100%;height:100%;clip-path:circle(100% at center)}body section#forests #forests-filter{--width: 120px;position:absolute;top:0;left:calc(50% - 60px);width:var(--width);opacity:0;z-index:1001;-webkit-transition:top .5s,opacity .5s;-ms-transition:top .5s,opacity .5s;transition:top .5s,opacity .5s}body section#forests #forests-filter.active{top:var(--nav-height);opacity:1}body section#forests #forests-filter .dropdown{margin:unset}body section#forests #forests-filter .dropdown .dropdown-toggle{width:100%;font-family:var(--font-header),sans-serif;font-weight:bold;font-size:1.2rem;font-weight:bold}body section#forests #forests-filter .dropdown ul.dropdown-menu li{padding:unset;border-top:unset}body section#forests #forests-filter .dropdown ul.dropdown-menu li:last-child{border-bottom:unset}body section#forests #forests-filter .dropdown ul.dropdown-menu li a{padding:.5rem var(--bs-dropdown-item-padding-x)}body section#forests #forests-filter .dropdown ul.dropdown-menu li a:hover,body section#forests #forests-filter .dropdown ul.dropdown-menu li a:focus{color:var(--color-background);background-color:var(--color-body);text-decoration:none}body section#forests #forests-zoom{position:absolute;bottom:-48px;left:calc(50% - 70px);width:140px;justify-content:center;display:flex;opacity:0;background-color:var(--color-background);z-index:1001;border-radius:24px;-webkit-transition:bottom .5s,opacity .5s,background-color .5s;-ms-transition:bottom .5s,opacity .5s,background-color .5s;transition:bottom .5s,opacity .5s,background-color .5s}body section#forests #forests-zoom.active{bottom:24px;opacity:1}body section#forests #forests-zoom button.btn:disabled{background:unset}body section#forests #forests-zoom button.btn i{width:24px}body section#forests .forests-panel{position:absolute;top:0;padding-top:calc(var(--section-p-t)*1.4);z-index:1000;width:100%}body section#forests #forests-info{position:static;padding-left:24px;padding-right:60px}body section#forests #forests-info #forests-info-lists{height:261px;overflow-y:scroll}body section#forests #forests-stat{position:static;right:unset;padding-left:24px;padding-right:60px;padding-bottom:24px}body section#participation #participation-content .tab-pane{min-height:180px}body section#services ul#services-list{position:sticky;top:calc(var(--nav-height) + 60px)}body section#services ul#services-list li{width:100%;padding:unset;border:unset}body section#services ul#services-list li button{width:100%;font-family:var(--font-header),sans-serif;font-weight:bold;font-size:1.5rem;color:var(--color-body);text-align:left;border-right:solid 4px transparent;display:flex;align-items:center;-webkit-transition:unset;-ms-transition:unset;transition:unset}body section#services ul#services-list li button:hover,body section#services ul#services-list li button:focus,body section#services ul#services-list li button.active{color:var(--color-service);text-decoration:none}body section#services ul#services-list li button.active{border-right:solid 4px var(--color-body)}body section#services ul#services-list li button .nav-list-icon{margin-right:2rem;min-width:36px;font-size:2rem}body section#services ul#services-list li button .nav-list-label{line-height:1.75rem}body section#services #service-content{padding:60px var(--section-p-e) 0 var(--section-p-s)}body section#participation ul#participation-list li{width:90px;padding:unset;border:unset}body section#participation ul#participation-list li button{width:100%;height:100%;padding:12px;border-top-left-radius:12px;border-top-right-radius:12px;text-decoration:none;display:flex;flex-direction:column;align-items:center}body section#participation ul#participation-list li button.active{background-color:var(--color-footer)}body section#participation #participation-content{border-top-left-radius:36px;border-top-right-radius:36px}body section#participation #participation-flow-container{border-bottom-left-radius:36px;border-bottom-right-radius:36px}body section#participation #participation-flow-container #participation-flow{height:320px;width:100%;overflow-x:auto}body section#participation #participation-flow-container #participation-flow svg{width:auto}body section#network .network-group{margin-bottom:3rem}body section#network .network-group .marquee{padding:1rem}body section#network .network-group .marquee span{font-family:var(--font-header),sans-serif;font-weight:bold;font-size:2rem;padding:0 2rem}body section#network .network-group .marquee img{padding:0 2rem}@media(min-width: 768px){body section#hero .hero-headline{top:20vh;margin-left:60px;width:480px}body section#hero .hero-caption{bottom:48px;right:120px;left:unset;width:420px;font-size:unset;line-height:unset}body section#hero .hero-caption .hero-caption-icon{margin-right:3rem}body section#forests{min-height:100vh}body section#forests #map{position:absolute}body section#forests #map.map-masked .mapboxgl-canvas-container{clip-path:circle(14.5vh at center)}body section#forests #forests-zoom{bottom:0}body section#forests #forests-zoom.active{bottom:var(--nav-height)}body section#forests .forests-panel{width:198px;padding-left:unset;padding-right:unset;background-color:var(--color-background)}body section#forests #forests-info{position:absolute;left:48px;padding-left:unset;padding-right:unset}body section#forests #forests-stat{position:absolute;right:60px;padding-left:unset;padding-right:unset}body section#participation ul#participation-list li{width:180px}body section#participation #participation-flow-container #participation-flow{height:420px;width:100%}body section#services ul#services-list li{margin-bottom:1rem}body section#services ul#services-list li button{font-size:1.75rem}body section#services ul#services-list li button .nav-list-icon{min-width:48px;font-size:3rem}body section#services #service-content{padding:0 120px}}@media only screen and (min-width: 992px){body section#participation #participation-flow-container #participation-flow{width:100%;overflow-x:unset}body section#participation #participation-flow-container #participation-flow svg{width:100%}body section#forests{height:100vh}body section#forests #map{position:absolute}body section#forests #map.map-masked .mapboxgl-canvas-container{clip-path:circle(20.5vh at center)}body section#forests .forests-panel{width:20vw;max-width:320px;padding-left:unset;padding-right:unset;background-color:var(--color-background)}body section#forests #forests-info{position:absolute;left:48px;padding-left:unset;padding-right:unset}body section#forests #forests-stat{position:absolute;right:60px;padding-left:unset;padding-right:unset}}@media only screen and (min-width: 1300px){body section#forests #map.map-masked .mapboxgl-canvas-container{clip-path:circle(31vh at center)}}@media only screen and (max-height: 690px){body section#hero .hero-caption{display:none}}