.loading-icon{border:7px solid #fff;height:50px;margin:0 auto;width:50px}.landing-page{background-color:#eee;color:#000;min-height:100vh;width:100%}.landing-page .btn-watch-now{bottom:40px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.landing-page .wrapperGalleryLanding{height:130vh;position:relative;z-index:100}.landing-page .wrapperGalleryLanding .gallery-view{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:100%}.landing-page .wrapperGalleryLanding .see-more{bottom:40px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:200}.landing-page .wrapperGalleryLanding .see-more .btn-floating{background-color:#fff;border:none;border-radius:8px;box-shadow:0 5px 10px hsla(0,0%,100%,0);color:#000;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;outline:5px solid hsla(0,0%,100%,.8);padding:7px 25px;transition-duration:.25s}.landing-page .wrapperGalleryLanding .see-more .btn-floating:hover{box-shadow:0 0 20px 5px hsla(0,0%,100%,.25);outline:5px solid #fff}.landing-page .wrapperGalleryLanding .see-more .btn-floating:active{box-shadow:0 0 20px 5px hsla(0,0%,100%,.25);outline:5px solid #fff;transition-duration:.1s}.landing-page .gallery-grid-2x2{background-color:#000;height:100vh;width:100%}.landing-page .news-wrapper{background-color:#fff;padding-top:100px;position:relative;z-index:100}.landing-page .news-wrapper .news-list{margin:0 auto;max-width:900px;width:100%}@media screen and (max-width:900px){.landing-page .gallery-grid-2x2,.landing-page .news-wrapper,.landing-page .wrapperGalleryLanding{height:auto!important;z-index:1100!important}}.GalleryGrid2x2_galleryGrid2x2__67n2R{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;width:100vw}@media screen and (max-width:900px){.GalleryGrid2x2_galleryGrid2x2__67n2R{grid-template-columns:1fr;grid-template-rows:none;height:auto}}.MediaContent_linkWrapper__8ykhA{display:block;height:100%;width:100%}.MediaContent_contentItem__sFesi{cursor:pointer;height:100%;min-height:230px;position:relative;width:100%}.MediaContent_contentItem__sFesi:after{background-color:rgba(0,0,0,.1);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:.25s;width:100%;z-index:60}.MediaContent_contentItem__sFesi:hover:after{opacity:1}.MediaContent_contentItem__sFesi:active:after{background-color:rgba(0,0,0,.3);opacity:1;transition-duration:.1s}.MediaContent_contentItem__sFesi .MediaContent_img__26LUT{background-color:#313131;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%;z-index:50}.MediaContent_contentItem__sFesi .MediaContent_info__XuM5I{color:#fff;display:flex;font-size:14px;justify-content:start;left:0;padding:20px 15px;position:absolute;top:0;width:calc(100% - 15px);z-index:55}.MediaContent_contentItem__sFesi .MediaContent_info__XuM5I .MediaContent_item__AplgR{background-color:rgba(0,0,0,.75);border-radius:5px;margin:0 5px;padding:5px 7px}.NewsBlock_contentItem__eyySE{border-radius:10px;cursor:pointer;display:flex;padding:20px;position:relative;transition-duration:.25s;width:100%}.NewsBlock_contentItem__eyySE:hover{background-color:rgba(0,0,0,.05)}.NewsBlock_contentItem__eyySE:active{background-color:rgba(0,0,0,.1);-webkit-transform:scale(.995);transform:scale(.995);transition-duration:.1s}.NewsBlock_contentItem__eyySE:after{background-color:rgba(0,0,0,.2);bottom:1px;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.NewsBlock_contentItem__eyySE .NewsBlock_img__eOib2{background-color:#313131;background-position:50%;background-size:cover;border-radius:16px;height:200px;min-height:200px;min-width:350px;width:350px}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS{color:#000;display:flex;flex-direction:column;font-size:12px;justify-content:space-between;margin-left:35px;width:100%}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_name__V1Ian{font-family:Poppins;font-size:25px;font-weight:500;line-height:40px;text-align:left}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_bottomInfo__SFh3J{align-items:center;display:flex;font-size:15px;justify-content:space-between}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_bottomInfo__SFh3J .NewsBlock_readMore__E9802{background-color:#fff;border:1px solid rgba(26,20,35,.502);border-radius:10px;cursor:pointer;font-family:Poppins;font-size:18px;font-weight:500;opacity:0;outline:2px solid transparent;padding:8px 15px;transition-duration:.15s;white-space:nowrap}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_bottomInfo__SFh3J .NewsBlock_readMore__E9802:hover{background-color:#1a1423;color:#fff}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_bottomInfo__SFh3J .NewsBlock_readMore__E9802:active{background-color:#1a1423;color:#fff;outline:4px solid rgba(26,20,35,.502);transition-duration:.1s}@media screen and (max-width:900px){.NewsBlock_contentItem__eyySE{flex-direction:column;padding:20px 10px}.NewsBlock_contentItem__eyySE .NewsBlock_img__eOib2{height:155px;min-height:100px;min-width:200px;width:100%}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS{margin-left:0;margin-top:10px}.NewsBlock_contentItem__eyySE .NewsBlock_info__NVBxS .NewsBlock_name__V1Ian{font-size:20px;line-height:30px}.NewsBlock_contentItem__eyySE .NewsBlock_bottomInfo__SFh3J{margin-top:20px}.NewsBlock_contentItem__eyySE .NewsBlock_bottomInfo__SFh3J .NewsBlock_readMore__E9802{display:none}}.HeroLanding_hero-landing__4\+E6B{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}@media screen and (max-width:900px){.HeroLanding_hero-landing__4\+E6B{max-height:60vh}}.header{font-family:Poppins,sans-serif;font-weight:500;left:0;padding:20px 0;position:fixed;top:0;width:100%;z-index:100}.header .backdrop-floating{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.5);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.header .header-container{color:#000;height:100%;margin:0 auto;max-width:1200px;width:100%}.header .header-container ul{align-items:center;display:flex;height:100%;justify-content:center;list-style:none;margin:0;padding:0}.header .header-container ul li{font-size:18px;margin:0 35px;padding:0 10px}.header .header-container ul li a{color:inherit;position:relative}.header .header-container ul li a:after{background-color:#000;content:"";display:block;height:2px;transition-duration:.25s;width:0}.header .header-container ul li a.active:after,.header .header-container ul li a:hover:after{width:100%}.header .header-container ul.white{color:#fff}.header .header-container ul.white li a:after{background-color:#fff}.header .exhibitionItem{height:100%;margin:0 15px;position:relative}.header .exhibitionItem .bannerContainer{align-items:center;background-color:#fff;border-radius:16px;color:#000;cursor:pointer;display:flex;height:100%;padding:5px 10px;position:relative;transition-duration:.25s;width:100%}.header .exhibitionItem .bannerContainer:hover{background-color:#f5f5f5}.header .exhibitionItem .bannerContainer.active{background-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -5px 10px rgba(0,0,0,.1);z-index:200}.header .exhibitionItem .bannerContainer .img{background-color:#ccc;border-radius:100%;height:40px;pointer-events:none;width:40px}.header .exhibitionItem .bannerContainer .name{font-size:18px;margin-left:10px;pointer-events:none}.header .exhibitionItem .bannerContainer .arrow{margin-left:10px;pointer-events:none}.header .exhibitionItem .exhibitionDropdown{background-color:#fff;border-radius:16px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 10px 10px rgba(0,0,0,.1);color:#000;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition-duration:.25s;width:100%;z-index:10}.header .exhibitionItem .exhibitionDropdown.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);z-index:200}.header .exhibitionItem .exhibitionDropdown ul{flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.header .exhibitionItem .exhibitionDropdown ul li{align-items:center;cursor:pointer;display:flex;justify-content:start;margin:0;padding:5px 10px 5px 20px;transition-duration:.25s;white-space:nowrap;width:100%}.header .exhibitionItem .exhibitionDropdown ul li:hover{background-color:rgba(0,0,0,.1)}.header .exhibitionItem .exhibitionDropdown ul li img{background-color:#ccc;border-radius:100%;height:30px;margin-right:10px;width:30px}.header .exhibitionItem .exhibitionDropdown ul li a{color:inherit;font-size:18px}.header .mobile-hamburger,.header .mobile-logo{display:none}@media screen and (max-width:900px){.header{height:100%;max-height:80px;overflow:hidden;padding:0;transition-duration:.25s;z-index:1000}.header .backdrop-floating{background-color:rgba(0,0,0,.5);height:80px;left:0;position:fixed;top:0;width:100%;z-index:100}.header.active{max-height:100vh;z-index:2000}.header .mobile-logo{border-radius:100%;display:block;left:20px}.header .mobile-hamburger,.header .mobile-logo{background-color:#fff;cursor:pointer;height:40px;position:absolute;top:20px;width:40px;z-index:110}.header .mobile-hamburger{align-items:center;border-radius:4px;display:flex;font-size:20px;justify-content:center;right:20px}.header .mobile-hamburger.active{background-color:#c49b07;color:#fff}.header .header-container{background-color:#1a1423;color:#fff;height:100vh;opacity:0;padding:80px 0 0;transition-duration:.25s}.header .header-container.active{opacity:1;position:relative;z-index:100}.header .header-container ul{align-items:start;flex-direction:column;justify-content:start;padding:0 20px}.header .header-container ul li{border-bottom:1px solid hsla(0,0%,100%,.5);font-family:Poppins;font-size:32px;font-weight:400;line-height:48px;margin:0;padding:20px 0;text-align:left;width:100%}.header .header-container ul li a:after{display:none}.header .header-container .exhibitionItem{border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:none;height:auto;margin:0;padding:20px 0;width:100%}.header .header-container .exhibitionItem .bannerContainer{background-color:transparent;box-shadow:none;color:#fff;font-size:32px;font-weight:400;height:auto;justify-content:space-between;line-height:48px;padding:0;text-align:left}.header .header-container .exhibitionItem .bannerContainer .img{display:none}.header .header-container .exhibitionItem .bannerContainer .name{font-size:32px;font-weight:400;line-height:48px;margin-left:0;text-align:left;width:100%}.header .header-container .exhibitionItem .exhibitionDropdown{background-color:transparent;box-shadow:none;color:#fff;display:none;position:relative;top:0}.header .header-container .exhibitionItem .exhibitionDropdown.active{display:block;opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);z-index:200}.header .header-container .exhibitionItem .exhibitionDropdown ul li{border-bottom:none;font-size:25px;font-weight:400;line-height:48px;padding-left:10px;text-align:left}.header .header-container .exhibitionItem .exhibitionDropdown ul li img{display:none}}.footer{background-color:#fff;min-height:100px;padding-top:20px;position:relative;width:100%;z-index:10}.footer .siteBigTitle{font-family:Poppins;font-size:10vw;margin:0;text-align:center}.footer .menuBlackPane{background-color:#1a1423;min-height:400px;padding:50px 60px;position:relative;width:100%;z-index:10}.footer .menuBlackPane .col-3{display:grid;grid-template-columns:2fr 1fr 1fr;height:100%;margin:0 auto;max-width:1500px;padding:20px 0;width:100%}.footer .menuBlackPane .col-3 .item .topic{color:#c49b07;font-family:Poppins;font-size:23.04px;font-weight:500;line-height:34.56px;margin-bottom:30px;text-align:left}.footer .menuBlackPane .col-3 .item .address-box{margin:30px 0}.footer .menuBlackPane .col-3 .item .address-box .address{color:#fff;font-size:16px;font-weight:400;line-height:24px;margin:0;text-align:left}.footer .menuBlackPane .col-3 .item ul{list-style-type:none;margin:0;padding:0}.footer .menuBlackPane .col-3 .item ul li{color:#fff;font-family:Poppins;font-size:16px;font-weight:400;line-height:24px;padding:10px 0;text-align:left}.footer .menuBlackPane a{color:#fff;text-decoration:none}.footer .menuBlackPane a:hover{text-decoration:underline}.footer .imageFooterBanner{background-position:50%;background-repeat:no-repeat;background-size:cover;height:400px;position:relative;width:100%}.footer .imageFooterBanner .buLogo{bottom:30px;left:100px;position:absolute}.footer .imageFooterBanner:after{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.footer .bottomLine{align-items:center;background-color:#c49b07;display:flex;height:35px;justify-content:space-between;padding:0 100px;width:100%}.footer .bottomLine a{color:#000}@media screen and (max-width:900px){.footer .menuBlackPane .col-3{grid-template-columns:1fr}.footer .imageFooterBanner .buLogo{left:50%;max-width:90%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.footer .bottomLine{flex-direction:column;height:auto;padding:10px 20px;text-align:center}}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:100;src:local("NotoSansThai Thin"),local("NotoSansThai-Thin"),url(/static/media/NotoSansThai-Thin.b42075b7cf5ff171f83f.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:200;src:local("NotoSansThai ExtraLight"),local("NotoSansThai-ExtraLight"),url(/static/media/NotoSansThai-ExtraLight.316317f34b3fd6fa5d18.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:300;src:local("NotoSansThai Light"),local("NotoSansThai-Light"),url(/static/media/NotoSansThai-Light.e683fde7ba1213e3e296.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:400;src:local("NotoSansThai Regular"),local("NotoSansThai-Regular"),url(/static/media/NotoSansThai-Regular.fb120c4678511bdfd87f.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:500;src:local("NotoSansThai Medium"),local("NotoSansThai-Medium"),url(/static/media/NotoSansThai-Medium.b1b548a0fd50ea16b8fe.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:600;src:local("NotoSansThai SemiBold"),local("NotoSansThai-SemiBold"),url(/static/media/NotoSansThai-SemiBold.003db65107e386e68770.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:700;src:local("NotoSansThai Bold"),local("NotoSansThai-Bold"),url(/static/media/NotoSansThai-Bold.c9763ba4c00a214e2505.ttf) format("truetype")}@font-face{font-display:swap;font-family:NotoSansThai;font-style:normal;font-weight:900;src:local("NotoSansThai ExtraBold"),local("NotoSansThai-ExtraBold"),url(/static/media/NotoSansThai-ExtraBold.4f9ee4804dfadd178ed9.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:local("Poppins Thin"),local("Poppins-Thin"),url(/static/media/Poppins-Thin.59ff6a729e30c99b478e.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:200;src:local("Poppins ExtraLight"),local("Poppins-ExtraLight"),url(/static/media/Poppins-ExtraLight.333cb30c20e31999802a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:local("Poppins Light"),local("Poppins-Light"),url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:local("Poppins Regular"),local("Poppins-Regular"),url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:local("Poppins Medium"),local("Poppins-Medium"),url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:local("Poppins Bold"),local("Poppins-Bold"),url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:local("Poppins ExtraBold"),local("Poppins-ExtraBold"),url(/static/media/Poppins-ExtraBold.01849ee091e1762a5dd5.ttf) format("truetype")}:root{--primary-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#1a1423;font-family:NotoSansThai,sans-serif;margin:0;scroll-behavior:smooth}body{overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:#fff;outline:0;text-decoration:none}img{pointer-events:none}.centerContain,.loadingCenter{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.centerContain{text-align:center}.preloadOverlay{background-color:#000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.btn-black{align-items:center;background-color:#000;border:initial;border-radius:12px;box-shadow:0 0 10px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:15px;font-weight:500;justify-content:center;margin:0 auto;padding:15px 30px;transition-duration:.25s}.btn-black:hover{box-shadow:0 0 10px 5px rgba(0,0,0,.5)}.btn-black:active{box-shadow:0 0 10px 5px rgba(0,0,0,.2);-webkit-transform:scale(.95);transform:scale(.95);transition-duration:.1s}.btn-black svg{font-size:20px}.btn-black svg+span{margin-left:10px}.topic-title{align-items:center;color:rgba(26,20,35,.745);display:flex;font-size:23px;margin:0 auto;max-width:1200px;padding:20px 0 30px;width:100%;z-index:20}.topic-title p{white-space:nowrap}.topic-title .hr{background-color:#000;height:1px;margin:0 50px;width:100%}.topic-title .icon-center{margin:0 20px}.topic-title .icon-center svg{font-size:35px}.scrollToTopBtn{bottom:50px;position:fixed;right:50px;z-index:100}.scrollToTopBtn .scrollToTopBtnInner{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition-duration:.25s;width:50px}.scrollToTopBtn .scrollToTopBtnInner:hover{box-shadow:0 0 10px 5px rgba(0,0,0,.5)}.scrollToTopBtn .scrollToTopBtnInner:active{box-shadow:0 0 10px 5px rgba(0,0,0,.2);-webkit-transform:scale(.95);transform:scale(.95);transition-duration:.1s}.scrollToTopBtn .scrollToTopBtnInner svg{font-size:24px}@media screen and (max-width:900px){.topic-title{font-size:20px;padding:20px 10px 30px}.topic-title .hr{margin:0 20px}.hide-on-mobile{display:none!important}.mobile-free-height{height:auto!important}}.project-page{background-color:#000;color:#fff;height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:150px;position:relative;width:100%;z-index:100}.project-page .floating-filter{bottom:40px;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:200}.project-page .floating-filter .float-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.8);border-radius:15px;box-shadow:0 5px 10px hsla(0,0%,100%,0);display:flex;height:70px;max-width:100vw;padding:7px;position:relative;width:850px;z-index:100}.project-page .floating-filter .float-container .exhibition-logo{background-color:#fff;border-radius:8px;cursor:pointer;height:100%;min-width:66px;transition-duration:.25s;width:66px}.project-page .floating-filter .float-container .exhibition-logo:hover{background-color:#ececec}.project-page .floating-filter .float-container .exhibition-logo:active{background-color:#d1d1d1;transition-duration:.1s}.project-page .floating-filter .float-container .exhibition-logo .img{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.project-page .floating-filter .float-container .filter-dropdown{margin-left:8px;position:relative;width:100%}.project-page .floating-filter .float-container .filter-dropdown .dropdown-crr-select{align-items:center;background-color:#fff;border-radius:8px;color:#000;cursor:pointer;display:flex;height:100%;justify-content:space-between;padding:5px 20px;transition-duration:.25s}.project-page .floating-filter .float-container .filter-dropdown .dropdown-crr-select:hover{background-color:#ececec}.project-page .floating-filter .float-container .filter-dropdown .dropdown-crr-select.active{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 -5px 10px rgba(0,0,0,.1)}.project-page .floating-filter .float-container .filter-dropdown .name{font-size:16px;margin-left:10px;pointer-events:none;white-space:nowrap}.project-page .floating-filter .float-container .filter-dropdown .arrow{margin-left:20px;pointer-events:none}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items{background-color:#fff;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:100%;box-shadow:0 -10px 10px rgba(0,0,0,.1);left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px);transition-duration:.25s;width:100%;z-index:10}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul{flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul li{align-items:center;color:#000;cursor:pointer;display:flex;justify-content:start;margin:0;padding:8px 10px 8px 20px;transition-duration:.25s;white-space:nowrap;width:100%}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul li:hover{background-color:rgba(0,0,0,.1)}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul li.active{background-color:rgba(0,0,0,.2)}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul li img{background-color:#ccc;border-radius:100%;height:30px;margin-right:10px;width:30px}.project-page .floating-filter .float-container .filter-dropdown .dropdown-items ul li a{color:inherit;font-size:18px}.project-page .floating-filter .float-container .iconPanel{align-items:center;display:flex;margin:0 25px}.project-page .floating-filter .float-container .iconPanel .icon{color:rgba(26,20,35,.502);cursor:pointer;font-size:30px;transition-duration:.25s}.project-page .floating-filter .float-container .iconPanel .icon:hover{color:rgba(26,20,35,.733);-webkit-transform:scale(1.05);transform:scale(1.05)}.project-page .floating-filter .float-container .iconPanel .icon:active{color:#1a1423;-webkit-transform:scale(1);transform:scale(1)}.project-page .floating-filter .float-container .iconPanel .icon.active{color:#000;-webkit-transform:scale(1.05);transform:scale(1.05)}.project-page .floating-filter .float-container .iconPanel .icon+.icon{margin-left:10px}.project-page .floating-filter .float-container .button-item{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Poppins;font-weight:600;height:100%;margin-left:8px;padding:5px 20px;transition-duration:.25s}.project-page .floating-filter .float-container .button-item:hover{background-color:#ececec}.project-page .floating-filter .float-container .button-item:active{background-color:#d1d1d1}@media screen and (max-width:900px){.project-page .floating-filter .float-container .filter-dropdown{margin-left:4px;margin-right:4px}.project-page .floating-filter .float-container .filter-dropdown .dropdown-crr-select{padding:0 10px}}.GalleryGrid3x3_galleryGrid3x3__YTg\+B{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100vh;width:100vw}@media screen and (max-width:900px){.GalleryGrid3x3_galleryGrid3x3__YTg\+B{grid-template-columns:1fr;grid-template-rows:none;height:auto}}.news-page{background-color:#fff;color:#000;min-height:100vh;width:100vw}.news-page .news-title{font-family:Poppins;font-size:35px;font-weight:600;line-height:60px;margin:0 auto;padding:20px 0 30px;text-align:center}.news-page .news-wrapper{background-color:#fff;min-height:100vh;padding-top:30px;position:relative;z-index:10}.news-page .news-wrapper .news-list{margin:0 auto;max-width:900px;width:100%}.news-read-page{background-color:#fff;color:#000;min-height:100vh;width:100vw}.news-read-page .news-read-container{background-color:#fff;color:#000;min-height:100vh;position:relative;width:100%;z-index:10}.news-read-page .news-read-container .article-content{margin:0 auto;max-width:900px;padding:50px 0 20px;width:100%}.news-read-page .news-read-container .article-content .article-thumbnail{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;height:500px;width:100%}.news-read-page .news-read-container .article-content .article-title{font-family:Poppins;font-size:35px;font-weight:600;line-height:60px;margin:0 auto;padding:20px 0 10px;text-align:left}.news-read-page .news-read-container .article-content .article-content-txt .sub-text{font-family:Poppins;font-size:20px;font-weight:500;line-height:40px;margin:0 auto 20px;text-align:left}.news-read-page .news-read-container .article-content .article-content-txt .content-display{white-space:pre-wrap}.news-read-page .news-read-container .news-list{margin:0 auto;max-width:900px;padding:50px 0;width:100%}@media screen and (max-width:900px){.news-read-page{padding-top:0}.news-read-page .news-read-container .article-content{padding:30px 20px}.news-read-page .news-read-container .article-content .article-thumbnail{height:220px}.news-read-page .news-read-container .article-content .article-title{font-size:23px;line-height:30px}.news-read-page .news-read-container .article-content .article-content-txt{margin-top:20px}.news-read-page .news-read-container .article-content .article-content-txt .sub-text{font-size:16px;line-height:30px}.news-read-page .news-read-container .news-list{padding:0 20px}}.project-view-page{background-color:#211d26;color:#fff;min-height:100vh;padding-top:100px;position:relative;width:100vw}.project-view-page .blog-wrapper{background-color:#211d26;position:relative;width:100%;z-index:50}.project-view-page .blog-contain{background-color:#211d26;display:flex;margin:0 auto;max-width:1250px;min-height:100vh;position:relative;width:100%}.project-view-page .blog-contain .display-panel{max-width:900px;width:100%}.project-view-page .blog-contain .display-panel .video-wrapper{background-color:#000;border-radius:16px;overflow:hidden;width:100%}.project-view-page .blog-contain .display-panel .video-wrapper .videoPlayer{position:relative;width:100%;z-index:25}.project-view-page .blog-contain .display-panel .video-wrapper .video-list{background-color:#000;display:flex;height:120px;overflow-x:auto;overflow-y:hidden;padding:0 10px;width:100%}.project-view-page .blog-contain .display-panel .video-wrapper .video-list .videoItem{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;cursor:pointer;height:108px;margin-right:10px;min-width:193px;position:relative;width:193px}.project-view-page .blog-contain .display-panel .video-wrapper .video-list .videoItem:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.25s;width:100%;z-index:1}.project-view-page .blog-contain .display-panel .video-wrapper .video-list .videoItem.active:after{background-color:transparent;pointer-events:none}.project-view-page .blog-contain .display-panel .video-wrapper .video-list .videoItem:hover:after{background-color:rgba(0,0,0,.1)}.project-view-page .blog-contain .display-panel .video-wrapper .video-list .videoItem .icon{bottom:15px;color:#fff;font-size:20px;position:absolute;right:15px;z-index:2}.project-view-page .blog-contain .display-panel .info .title{font-family:Poppins;font-size:30px;font-weight:500;margin-bottom:10px}.project-view-page .blog-contain .meta-line{color:#d9d9d9;display:flex;font-family:Poppins;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-view-page .blog-contain .meta-line svg{margin-right:5px;-webkit-transform:translateY(3px);transform:translateY(3px)}.project-view-page .blog-contain .side-panel{background-color:#211d26;color:#fff;margin-left:22px;max-width:343px;min-height:100vh;position:relative;width:100%}.project-view-page .blog-contain .side-panel .related-box{background-color:hsla(0,0%,100%,.051);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 24px;width:100%}.project-view-page .blog-contain .side-panel .related-box .related-title{font-family:Poppins;font-size:18px;font-weight:500;margin-bottom:10px}.project-view-page .blog-contain .side-panel .related-box .content-list{padding:15px 0}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item{display:flex;height:72px;margin-bottom:8px;width:100%}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item .thumbnail{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:72px;margin-right:10px;min-height:72px;min-width:128px;overflow:hidden;transition-duration:.25s;width:128px}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item .info{color:#fff;width:calc(100% - 138px)}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item .info .title{font-family:Poppins;font-size:16px;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item .info .categoryName{color:#d9d9d9;font-family:Poppins;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-view-page .blog-contain .side-panel .related-box .content-list .content-item .info .meta-line{font-size:12px}.project-view-page .blog-contain .side-panel .related-box .btn-view-all{background-color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Poppins;padding:15px 18px;transition-duration:.25s;width:100%}.project-view-page .blog-contain .side-panel .related-box .btn-view-all:hover{background-color:#d9d9d9}.project-view-page .blog-contain .side-panel .related-box .btn-view-all:active{background-color:#ccc;transition-duration:.1s}.project-view-page .blog-contain .side-panel .team-info .title{font-family:Poppins;font-size:18px;font-weight:500;margin-bottom:10px}.project-view-page .blog-contain .side-panel .team-info .team-list{align-items:flex-start;display:flex;flex-direction:column}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item{align-items:center;display:flex;margin-bottom:10px;width:100%}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-img{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;height:92px;margin-right:10px;width:92px}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .name{font-family:Poppins;font-size:15px;font-weight:500;margin-bottom:5px}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .role{color:#d9d9d9;font-family:Poppins;font-size:13px;font-weight:400}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .phone{color:#fff;font-family:Poppins;font-size:13px;font-weight:400}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .contact-list{display:flex}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .contact-list .contact-item{background-color:#fff;border-radius:3px;color:#000;cursor:pointer;height:21px;margin-right:10px;text-align:center;width:21px}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-info .contact-list .contact-item:hover{background-color:#d9d9d9}.project-view-page .tab-container{width:100%}.project-view-page .tab-container .tab-list{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:start;padding:0 15px;width:100%}.project-view-page .tab-container .tab-list .tab-item{color:hsla(0,0%,100%,.502);cursor:pointer;font-size:16px;padding:20px 15px;position:relative}.project-view-page .tab-container .tab-list .tab-item:hover{color:#fff}.project-view-page .tab-container .tab-list .tab-item:after{background-color:transparent;border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;content:"";height:6px;left:0;position:absolute;transition-duration:.25s;width:100%}.project-view-page .tab-container .tab-list .tab-item.active{color:#fff}.project-view-page .tab-container .tab-list .tab-item.active:after{background-color:#c49b07}.project-view-page .tab-container .tab-content{display:none;font-family:NotoSansThai;font-size:16px;font-weight:400;line-height:28px;padding:25px 15px;text-align:left;white-space:pre-line}.project-view-page .tab-container .tab-content.active{display:block}@media screen and (max-width:900px){.project-view-page .blog-contain{flex-direction:column}.project-view-page .blog-contain .info{padding:20px 20px 0;width:100%}.project-view-page .blog-contain .side-panel{margin:0 auto;max-width:calc(100% - 40px)}.project-view-page .blog-contain .side-panel .related-box{height:auto!important;padding-bottom:30px}.project-view-page .blog-contain .side-panel .related-box .group-top .content-list .content-item{margin-bottom:20px;width:100%}.project-view-page .blog-contain .side-panel .related-box .group-top .content-list .content-item .info{padding-left:10px;padding-right:0;padding-top:0}.project-view-page .blog-contain .side-panel .team-info{padding:0 10px;width:100%}.project-view-page .blog-contain .side-panel .team-info .title{font-size:20px;text-align:left}.project-view-page .blog-contain .side-panel .team-info .team-list{width:100%}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item{margin-bottom:15px;width:100%}.project-view-page .blog-contain .side-panel .team-info .team-list .team-item .profile-img{height:90px;width:90px}.project-view-page .tab-container{padding:0 20px}.project-view-page .tab-container .tab-content{padding:25px 0}}.contact-page{background-color:#fff;color:#000;height:100vh;position:relative;width:100vw}.contact-page .contact-wrapper{display:flex;height:calc(100% - 35px);margin:0 auto;max-width:1000px;width:100%}.contact-page .contact-wrapper .contact-side{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.contact-page .contact-wrapper .contact-side .contact-title{font-family:Poppins;font-size:70px;font-weight:600;line-height:60px}.contact-page .contact-wrapper .contact-side .content-container{text-align:left;width:100%}.contact-page .contact-wrapper .contact-side .address-line{align-items:center;font-size:25px;margin:20px 0}.contact-page .contact-wrapper .contact-side .contact-line{font-size:25px}.contact-page .contact-wrapper .contact-side .contact-line .contact-item{display:flex}.contact-page .contact-wrapper .contact-side .contact-line .contact-item .contact-topic{color:rgba(26,20,35,.502);font-weight:600;width:100px}.contact-page .contact-wrapper .contact-side .contact-line .contact-item .contact-value{font-weight:400}.contact-page .contact-wrapper .contact-side .social-line{display:flex;font-size:55px;margin:20px 0}.contact-page .contact-wrapper .contact-side .social-line a{color:rgba(26,20,35,.502);transition-duration:.25s}.contact-page .contact-wrapper .contact-side .social-line a:hover{color:#c49b07}.contact-page .contact-wrapper .contact-side .social-line .social-item+.social-item{margin-left:30px}.contact-page .contact-wrapper .contact-side .big-txt-container{text-align:left}.contact-page .contact-wrapper .contact-side .big-txt-container .big-txt{color:#c49b07;font-family:Poppins,sans-serif;font-size:200px;font-weight:600;line-height:170px;margin:0}.contact-page .bottomLine{align-items:center;background-color:#c49b07;display:flex;height:35px;justify-content:space-between;padding:0 100px;width:100%}.contact-page .bottomLine a{color:#000}@media screen and (max-width:900px){.contact-page .contact-wrapper{flex-direction:column}.contact-page .contact-wrapper .contact-side{padding:0 20px;width:100%}.contact-page .contact-wrapper .contact-side.big-txt{display:none}.contact-page .contact-wrapper .contact-side .contact-title{font-size:40px;line-height:30px}.contact-page .contact-wrapper .contact-side .address-line,.contact-page .contact-wrapper .contact-side .contact-line{font-size:20px}.contact-page .contact-wrapper .contact-side .social-line{font-size:30px}.contact-page .bottomLine{flex-direction:column;height:auto;padding:10px 20px;text-align:center}}
/*# sourceMappingURL=main.bbce6b0a.css.map*/