.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;margin:auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
@charset 'UTF-8';.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-16px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:0 0;z-index:1}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;cursor:pointer;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
h5{font-weight:inherit}.product-banner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.product-banner .dim{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background:#000}.product-banner .banner-text{position:absolute;color:white;line-height:80px;padding:0 40px;text-align:center;top:50%;left:50%;width:100%;max-width:100%;transform:translate(-50%, -50%)}[lang=en] .product-banner .banner-text{font-size:64px}[lang=th] .product-banner .banner-text{font-size:100px}.chn .product-banner .banner-text{font-size:67px}.product-banner picture{width:100%;height:auto;font-size:0}.product-banner img{width:100%;height:auto}.subtitle-box{background:#FAFAFA;padding:60px 0}.subtitle-box .subtitle-wrapper{max-width:680px;width:100%;margin:auto;display:flex;flex-flow:column;align-items:center;justify-content:center;padding:0 15px}.subtitle-box .subtitle-wrapper .subtitle{max-width:100%;text-align:center;line-height:28px}[lang=en] .subtitle-box .subtitle-wrapper .subtitle{font-size:15px}[lang=th] .subtitle-box .subtitle-wrapper .subtitle{font-size:24px}.chn .subtitle-box .subtitle-wrapper .subtitle{font-size:16px}.subtitle-box .subtitle-detail-wrapper{max-width:1040px;margin:0 auto;height:auto;max-height:250px;overflow:hidden;transition:max-height .5s ease-in-out;position:relative}.subtitle-box .subtitle-detail-wrapper.dim:after{position:absolute;content:'';width:100%;height:100px;bottom:0;left:0;background:transparent;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fafafa 100%)}.subtitle-box .subtitle-detail-wrapper .wrap-content{padding:0 15px}.subtitle-box .subtitle-detail-wrapper.active{padding-bottom:20px;max-height:100vh}.subtitle-box .more-info-slidewrap{display:inline-flex;font-size:22px;line-height:26px;margin:40px auto 0;cursor:pointer;justify-content:center;align-items:center}.subtitle-box .more-info-slidewrap .icon-more{margin-left:10px;background:url('/images/collection/sprite.svg');background-position:-12px -10px;min-width:11px;height:6px;transition:all .3s}.subtitle-box .more-info-slidewrap.active .icon-more{transform:rotate(180deg)}.filter-bar{font-size:0;display:flex;align-items:center;padding:28px 40px;height:80px;background:white;width:100%}.filter-bar.fixed{position:fixed;top:0;left:0;z-index:97}.filter-bar .ft-title{line-height:24px;align-items:flex-end;position:relative;top:-3px}[lang=en] .filter-bar .ft-title{font-size:20px}[lang=th] .filter-bar .ft-title{font-size:32px}.chn .filter-bar .ft-title{font-size:21px}.filter-bar .ft-desc{margin-left:12px;line-height:24px;color:#9B9B9B}[lang=en] .filter-bar .ft-desc{font-size:13px}[lang=th] .filter-bar .ft-desc{font-size:20px}.chn .filter-bar .ft-desc{font-size:13px}.filter-bar .wrap-filter{display:flex;margin-left:auto}.side-filter{display:inline-block;width:320px;padding:0 40px;background:white;position:relative}.side-filter.fixed{max-height:calc(100vh - 160px);overflow:auto;position:fixed;height:100%;top:160px}.side-filter.fixed.absolute{position:absolute;bottom:0;top:auto}.wrap-main-cate{padding-bottom:30px}.wrap-main-cate:not(.nochild){border-bottom:1px solid #eee}.main-cate,.cate,.sub-cate{cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.main-cate span,.cate span,.sub-cate span{position:relative;background-image:linear-gradient(to top, #233388 1px, transparent 1px);background-repeat:no-repeat;background-size:0 100%;display:inline;-webkit-transition:background-size 0.2s linear 0s;-moz-transition:background-size 0.2s linear 0s;-ms-transition:background-size 0.2s linear 0s;-o-transition:background-size 0.2s linear 0s;transition:background-size 0.2s linear 0s;background-position:right}.main-cate span:after,.cate span:after,.sub-cate span:after{position:absolute;bottom:0;height:1px;bottom:0px;right:0px;width:100%;background-color:#233388;width:0;-webkit-transition:width 200ms linear 0ms;-moz-transition:width 200ms linear 0ms;-ms-transition:width 200ms linear 0ms;-o-transition:width 200ms linear 0ms;transition:width 200ms linear 0ms}.main-cate>.wrap-cate,.cate>.wrap-cate,.sub-cate>.wrap-cate,.main-cate>.wrap-sub-cate,.cate>.wrap-sub-cate,.sub-cate>.wrap-sub-cate{max-height:0;opacity:0;margin:0;transition:all .3s ease;visibility:hidden}.main-cate:hover>.text,.cate:hover>.text,.sub-cate:hover>.text,.main-cate.active>.text,.cate.active>.text,.sub-cate.active>.text{color:#233388 !important}.main-cate:hover>.text:after,.cate:hover>.text:after,.sub-cate:hover>.text:after,.main-cate.active>.text:after,.cate.active>.text:after,.sub-cate.active>.text:after{background:#233388}.main-cate:hover>.text span,.cate:hover>.text span,.sub-cate:hover>.text span,.main-cate.active>.text span,.cate.active>.text span,.sub-cate.active>.text span{background-position:left;background-size:100% 100%}.main-cate:hover>.text span:after,.cate:hover>.text span:after,.sub-cate:hover>.text span:after,.main-cate.active>.text span:after,.cate.active>.text span:after,.sub-cate.active>.text span:after{left:0;width:100% !important}.main-cate:hover.active>.wrap-cate,.cate:hover.active>.wrap-cate,.sub-cate:hover.active>.wrap-cate,.main-cate.active.active>.wrap-cate,.cate.active.active>.wrap-cate,.sub-cate.active.active>.wrap-cate,.main-cate:hover.active>.wrap-sub-cate,.cate:hover.active>.wrap-sub-cate,.sub-cate:hover.active>.wrap-sub-cate,.main-cate.active.active>.wrap-sub-cate,.cate.active.active>.wrap-sub-cate,.sub-cate.active.active>.wrap-sub-cate{visibility:visible;max-height:1000px;opacity:1;margin-top:15px}.main-cate:hover.active .wrap-cate,.cate:hover.active .wrap-cate,.sub-cate:hover.active .wrap-cate,.main-cate.active.active .wrap-cate,.cate.active.active .wrap-cate,.sub-cate.active.active .wrap-cate,.main-cate:hover.active .wrap-sub-cate,.cate:hover.active .wrap-sub-cate,.sub-cate:hover.active .wrap-sub-cate,.main-cate.active.active .wrap-sub-cate,.cate.active.active .wrap-sub-cate,.sub-cate.active.active .wrap-sub-cate{width:100%}.main-cate:hover.active:not(:last-child):not(.nochild),.cate:hover.active:not(:last-child):not(.nochild),.sub-cate:hover.active:not(:last-child):not(.nochild),.main-cate.active.active:not(:last-child):not(.nochild),.cate.active.active:not(:last-child):not(.nochild),.sub-cate.active.active:not(:last-child):not(.nochild){padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee}.main-cate.notselected .text,.cate.notselected .text,.sub-cate.notselected .text{color:#9B9B9B}.main-cate.main-cate,.cate.main-cate,.sub-cate.main-cate{margin-bottom:6px}.main-cate.main-cate .text,.cate.main-cate .text,.sub-cate.main-cate .text{line-height:23px}[lang=en] .main-cate.main-cate .text,[lang=en] .cate.main-cate .text,[lang=en] .sub-cate.main-cate .text{font-size:15px}[lang=th] .main-cate.main-cate .text,[lang=th] .cate.main-cate .text,[lang=th] .sub-cate.main-cate .text{font-size:23px}.chn .main-cate.main-cate .text,.chn .cate.main-cate .text,.chn .sub-cate.main-cate .text{font-size:15px}.main-cate.cate,.cate.cate,.sub-cate.cate{margin-bottom:4px}.main-cate.cate .text,.cate.cate .text,.sub-cate.cate .text{line-height:20px}[lang=en] .main-cate.cate .text,[lang=en] .cate.cate .text,[lang=en] .sub-cate.cate .text{font-size:13px}[lang=th] .main-cate.cate .text,[lang=th] .cate.cate .text,[lang=th] .sub-cate.cate .text{font-size:20px}.chn .main-cate.cate .text,.chn .cate.cate .text,.chn .sub-cate.cate .text{font-size:13px}.main-cate.sub-cate,.cate.sub-cate,.sub-cate.sub-cate{margin-bottom:4px;letter-spacing:.5px}.main-cate.sub-cate .text,.cate.sub-cate .text,.sub-cate.sub-cate .text{line-height:18px}[lang=en] .main-cate.sub-cate .text,[lang=en] .cate.sub-cate .text,[lang=en] .sub-cate.sub-cate .text{font-size:12px}[lang=th] .main-cate.sub-cate .text,[lang=th] .cate.sub-cate .text,[lang=th] .sub-cate.sub-cate .text{font-size:18px}.chn .main-cate.sub-cate .text,.chn .cate.sub-cate .text,.chn .sub-cate.sub-cate .text{font-size:12px}.main-cate .text,.cate .text,.sub-cate .text{position:relative;display:inline;line-height:26px}[lang=en] .main-cate .text,[lang=en] .cate .text,[lang=en] .sub-cate .text{font-size:13px}[lang=th] .main-cate .text,[lang=th] .cate .text,[lang=th] .sub-cate .text{font-size:20px}.chn .main-cate .text,.chn .cate .text,.chn .sub-cate .text{font-size:13px}.wrap-two-col{height:100%;display:flex;align-items:flex-start}.wrap-two-col.active{position:relative;overflow:hidden}.product-list{width:calc(100% - 320px);margin-left:auto;font-size:0;height:100%}.product-list .product-wrapper{width:100%;display:flex;flex-flow:row wrap;overflow:hidden}.product-list:not([data-mode="square"]) .product{width:100%}.product-list:not([data-mode="square"]) .product:not(.collection){height:auto !important}.product-list:not([data-mode="square"]) .product:nth-child(n+2){width:100%}.product-list .product{cursor:pointer;position:relative;width:50%;overflow:hidden;transition:background .2s ease-out 0s;background:transparent;height:calc((100vw - 320px)*.5)}.product-list .product:nth-child(n+5){width:25%;height:calc((100vw - 320px)*.25)}.product-list .product:hover{background:#000}.product-list .product:hover .prod-img{transition:transform 10s cubic-bezier(.35, .9, .5, 1),-webkit-transform 5s cubic-bezier(.35, .9, .5, 1),opacity .3s;transform:scale(1.1);opacity:.8}.product-list .product .prod-img{opacity:1;width:100%;height:auto;transition:transform 2s cubic-bezier(.35, .9, .5, 1),-webkit-transform 2s cubic-bezier(.35, .9, .5, 1),opacity .3s}.product-list .product .product-text-box{z-index:1;width:100%;position:absolute;padding:20px;bottom:0;left:0;color:white}.product-list .product .product-text-box .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:34px}[lang=en] .product-list .product .product-text-box .title{font-size:19px}[lang=th] .product-list .product .product-text-box .title{font-size:30px}.chn .product-list .product .product-text-box .title{font-size:20px}.product-list .product .product-text-box .type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}[lang=en] .product-list .product .product-text-box .type{font-size:12px}[lang=th] .product-list .product .product-text-box .type{font-size:18px}.chn .product-list .product .product-text-box .type{font-size:12px}.product-list.not-first .product{width:25%;height:calc((100vw - 320px)*.25)}.wrap-loadmore{display:flex;justify-content:center;padding:60px 0;padding-top:40px}.wrap-loadmore .loadmore-btn{cursor:pointer;display:flex;align-items:center;padding:0 43px;line-height:22px;height:42px;background:black;color:white}[lang=en] .wrap-loadmore .loadmore-btn{font-size:13px}[lang=th] .wrap-loadmore .loadmore-btn{font-size:20px}.chn .wrap-loadmore .loadmore-btn{font-size:13px}.paginationjs{display:flex;align-items:center;justify-content:center;margin:50px 0;font-family:inherit !important}.paginationjs .paginationjs-pages ul{display:flex;align-items:center;justify-content:center}.paginationjs .paginationjs-pages li{border:none!important;margin:0 5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.paginationjs .paginationjs-pages li>a{font-size:20px!important;line-height:20px;font-family:inherit}.paginationjs .paginationjs-pages li>a:hover{background:transparent!important;color:#fff}.paginationjs .paginationjs-pages li:first-child>a,.paginationjs .paginationjs-pages li:last-child>a{display:inline-flex;justify-content:center;align-items:center}.paginationjs .paginationjs-pages li:first-child>a img,.paginationjs .paginationjs-pages li:last-child>a img{width:15px;height:15px}.paginationjs .paginationjs-pages li.active{background:#2B3685;border-radius:50%}.paginationjs .paginationjs-pages li.active>a{background:transparent!important}.paginationjs .paginationjs-pages li:hover{background:#2B3685;overflow:hidden;border-radius:50%}.paginationjs .paginationjs-pages li:hover>a{background:#2B3685 !important;color:#fff}.paginationjs .paginationjs-pages li:hover:first-child,.paginationjs .paginationjs-pages li:hover:last-child{background:transparent!important}.paginationjs .paginationjs-pages li:hover:first-child>a,.paginationjs .paginationjs-pages li:hover:last-child>a{background:transparent!important}@media (min-width:1025px){.product-list .product{width:50%;height:calc((100vw - 320px)*0.5)}.product-list .product:nth-child(n+5){height:calc((100vw - 320px)*0.25);width:25%}}@media (max-width:1024px){.product-list:not([data-mode="square"]) .product{width:100%;min-height:unset;height:auto}.product-list:not([data-mode="square"]) .product:nth-child(n+2){width:100%}.product-list .product{min-height:1px;height:auto !important}.product-list .product:nth-child(n+3){width:50%}.product-list.not-first .product{width:50%}}@media (max-width:767px){.wrap-main-cate{border:none !important;padding-bottom:0;padding-left:15px;display:flex;flex-flow:row nowrap;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.wrap-main-cate::-webkit-scrollbar{display:none}.wrap-main-cate .main-cate.active>.wrap-cate{display:flex;flex-flow:row nowrap}.main-cate,.cate,.sub-cate{margin-bottom:0 !important;padding-top:15px !important;padding-bottom:15px !important;margin-right:15px}.main-cate:last-child,.cate:last-child,.sub-cate:last-child{padding-right:15px}.main-cate.active,.cate.active,.sub-cate.active{border:none !important}.wrap-cate,.wrap-sub-cate{display:flex;flex-flow:row nowrap;padding-left:15px;max-height:0px;visibility:hidden;opacity:0;transition:opacity .7s ease,max-height .6s ease;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.wrap-cate::-webkit-scrollbar,.wrap-sub-cate::-webkit-scrollbar{display:none}.wrap-cate.active,.wrap-sub-cate.active{border-top:1px solid #eee;display:flex;flex-flow:row nowrap;max-height:200px;visibility:visible;opacity:1}.filter-bar{padding:40px 15px}.side-filter{display:none}.product-list{width:100%}.product-list .product .product-text-box{padding:15px}.product-list .product .product-text-box .title{line-height:28px}[lang=en] .product-list .product .product-text-box .title{font-size:15px}[lang=th] .product-list .product .product-text-box .title{font-size:24px}.chn .product-list .product .product-text-box .title{font-size:16px}.product-banner .banner-text{padding:0 15px;line-height:50px}[lang=en] .product-banner .banner-text{font-size:38px}[lang=th] .product-banner .banner-text{font-size:60px}.chn .product-banner .banner-text{font-size:40px}.subtitle-box{padding:40px 0}.subtitle-box .subtitle-wrapper .subtitle{line-height:24px}[lang=en] .subtitle-box .subtitle-wrapper .subtitle{font-size:13px}[lang=th] .subtitle-box .subtitle-wrapper .subtitle{font-size:20px}.chn .subtitle-box .subtitle-wrapper .subtitle{font-size:13px}.subtitle-box .subtitle-detail-wrapper .wrap-content img{margin:0 -15px;width:calc(100% + 30px);height:auto}}
.wrap-two-col{position:relative}.btn-discover{cursor:pointer;display:inline-flex;align-items:center;height:42px;justify-content:center;line-height:22px;background:#141212;color:white;padding:0 20px;margin-top:40px;min-width:140px;position:relative;overflow:hidden;border-radius:35px}[lang=en] .btn-discover{font-size:13px}[lang=th] .btn-discover{font-size:20px}.chn .btn-discover{font-size:13px}.btn-discover:hover:before{top:0}.btn-discover:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#4A4A4A}.btn-discover .text{position:relative;z-index:1}.btn-discover.white{position:relative;overflow:hidden;background:white;color:black}.btn-discover.white:hover:before{top:0}.btn-discover.white:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#DFE1E5}.btn-discover.white .text{position:relative;z-index:1}.feature-section{width:100%;overflow:hidden}.feature-section .bt-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;cursor:pointer}.feature-section .feature-img{font-size:0;position:relative;width:100%}.feature-section .feature-img img{transition:transform 1s;transform:scale(1);width:100%}.feature-section .feature-img:not(.slick-active) img{transform:scale(1.2)}.feature-section .feature-img .dim{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;background:#000}.feature-section .title{position:absolute;z-index:1;top:60px;left:50%;transform:translateX(-50%);line-height:36px;padding:0 40px;color:white}[lang=en] .feature-section .title{font-size:20px}[lang=th] .feature-section .title{font-size:32px}.chn .feature-section .title{font-size:21px}.feature-section .wrap-feature-item{padding:0 40px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:flex-start}.feature-section .wrap-feature-item .feature-item{max-width:13.28%;display:flex;flex-flow:column wrap;align-items:center;margin-left:45px;margin-right:45px}.feature-section .wrap-feature-item .feature-item .ic{margin-bottom:20px;max-width:66px;max-height:42px}.feature-section .wrap-feature-item .feature-item .text{color:white;display:-webkit-box;max-height:52px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;visibility:visible;text-overflow:ellipsis;text-align:center;line-height:26px}[lang=en] .feature-section .wrap-feature-item .feature-item .text{font-size:14px}[lang=th] .feature-section .wrap-feature-item .feature-item .text{font-size:22px}.chn .feature-section .wrap-feature-item .feature-item .text{font-size:15px}.feature-section .slick-dots{position:absolute;display:flex;margin-top:20px;margin-bottom:0;bottom:40px;justify-content:center}.feature-section .slick-dots li{width:22px;height:10px;display:flex;margin:0 !important;align-items:center;justify-content:center}.feature-section .slick-dots li.slick-active button{border-color:white;border-width:2px;width:10px;height:10px;background:transparent;opacity:1}.feature-section .slick-dots li button{background:white;border:3px solid transparent;margin:0 6px;width:4px;height:4px;border-radius:5px;opacity:.6;padding:0}.feature-section .slick-dots li button:before{content:none}.feature-list{font-size:0}.feature-list .feature-box{display:flex;margin-bottom:5px}.feature-list .feature-box .col-img{width:50%}.feature-list .feature-box .col-img img{width:100%;height:100%;object-fit:cover}.feature-list .feature-box .col-text{width:50%}.feature-list .feature-box .col-text .text-wrap{padding:80px;max-width:640px}.feature-list .feature-box .col-text .title{line-height:36px;margin-bottom:20px}[lang=en] .feature-list .feature-box .col-text .title{font-size:20px}[lang=th] .feature-list .feature-box .col-text .title{font-size:32px}.chn .feature-list .feature-box .col-text .title{font-size:21px}.feature-list .feature-box .col-text .desc{line-height:24px}[lang=en] .feature-list .feature-box .col-text .desc{font-size:13px}[lang=th] .feature-list .feature-box .col-text .desc{font-size:20px}.chn .feature-list .feature-box .col-text .desc{font-size:13px}.feature-list .feature-box:first-child{margin-top:5px}.collection-video{font-size:0}.collection-video .cover{width:100%;height:100%;position:relative}.collection-video .cover .dim{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:block;background-color:#222;opacity:.2}.collection-video .cover .vid-cover{width:100%}.collection-video .cover .collect-vid-play{cursor:pointer;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-53px -63px;width:80px;height:82px;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%)}@media (max-width:767px){.feature-section .title{padding:0 15px;top:40px;line-height:34px;width:100%;text-align:center}[lang=en] .feature-section .title{font-size:19px}[lang=th] .feature-section .title{font-size:30px}.chn .feature-section .title{font-size:20px}.feature-section .wrap-feature-item{flex-flow:column wrap;padding:0 15px}.feature-section .wrap-feature-item .feature-item{max-width:100%;margin:auto;margin-top:40px}.feature-section .wrap-feature-item .feature-item:first-child{margin-top:80px}.feature-list .feature-box{flex-direction:column}.feature-list .feature-box .col-img{width:100%}.feature-list .feature-box .col-text{order:2;width:100%}.feature-list .feature-box .col-text .text-wrap{padding:30px 15px;padding-bottom:40px}}@media (max-width:320px){.feature-section .wrap-feature-item .feature-item{margin-top:30px}.feature-section .wrap-feature-item .feature-item:first-child{margin-top:70px}}
.wrap-filter-height{height:80px}.ft-sidebar{display:none}.form-col{max-width:100%}.wrap-filter{max-width:50%}.wrap-filter .group_ul .ul_box{min-width:200px;left:unset !important;right:0}.filter-btn{cursor:pointer;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-43px -7px;width:19px;height:13px;margin-left:auto}.filter-bar{font-size:0;display:flex;align-items:center;padding:28px 40px;height:80px;background:white;width:100%;transition:transform .3s ease}.filter-bar.fixed{position:fixed;top:80px;left:0;z-index:97}.filter-bar.fixed.hide{transform:translateY(-100px)}.filter-bar .ft-title{line-height:24px;align-items:flex-end;position:relative;top:-3px}[lang=en] .filter-bar .ft-title{font-size:20px}[lang=th] .filter-bar .ft-title{font-size:32px}.chn .filter-bar .ft-title{font-size:21px}.filter-bar .ft-desc{margin-left:12px;position:relative;top:-1px;line-height:24px;color:#9B9B9B}[lang=en] .filter-bar .ft-desc{font-size:13px}[lang=th] .filter-bar .ft-desc{font-size:20px}.chn .filter-bar .ft-desc{font-size:13px}.filter-bar .wrap-filter{display:flex;margin-left:auto}.wrap-loadmore{display:flex;justify-content:center;padding:60px 0}.wrap-loadmore .loadmore-btn{cursor:pointer;display:flex;align-items:center;padding:0 43px;line-height:22px;height:42px;background:black;color:white;border-radius:35px}[lang=en] .wrap-loadmore .loadmore-btn{font-size:13px}[lang=th] .wrap-loadmore .loadmore-btn{font-size:20px}.chn .wrap-loadmore .loadmore-btn{font-size:13px}.tab-menu{padding:15px 0;display:flex;align-items:center;cursor:pointer;flex-flow:row wrap;border-bottom:1px solid #eeeeee}.tab-menu.active .tab-ic{transform:rotate(180deg)}.tab-menu.active .wrap-tab-select{opacity:1;visibility:visible;padding-top:15px;padding-bottom:10px;max-height:1000px}.tab-menu .tab-title{line-height:26px}[lang=en] .tab-menu .tab-title{font-size:15px}[lang=th] .tab-menu .tab-title{font-size:23px}.chn .tab-menu .tab-title{font-size:15px}.tab-menu .clear-btn{line-height:24px;margin-top:2px;margin-left:10px;color:#9B9B9B;cursor:pointer}[lang=en] .tab-menu .clear-btn{font-size:10px}[lang=th] .tab-menu .clear-btn{font-size:16px}.chn .tab-menu .clear-btn{font-size:11px}.tab-menu .tab-ic{margin-left:auto;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -10px;width:11px;height:6px}.tab-menu .wrap-tab-select{visibility:hidden;transition:all .3s;opacity:0;padding:0;max-height:0;flex-basis:100%}.tab-menu .wrap-tab-select .tab-select{display:flex;align-items:center;line-height:26px;color:#9B9B9B;padding:2px 0}[lang=en] .tab-menu .wrap-tab-select .tab-select{font-size:13px}[lang=th] .tab-menu .wrap-tab-select .tab-select{font-size:20px}.chn .tab-menu .wrap-tab-select .tab-select{font-size:13px}.tab-menu .wrap-tab-select .tab-select.more{margin-top:15px}.tab-menu .wrap-tab-select .tab-select.more .text{position:relative}.tab-menu .wrap-tab-select .tab-select.more .text:after{position:absolute;content:"";width:100%;height:1px;bottom:2px;left:0;border-bottom:1px solid}.tab-menu .wrap-tab-select .tab-select:hover{color:#22252A}.tab-menu .wrap-tab-select .tab-select.selected{color:#22252A}.tab-menu .wrap-tab-select .tab-select.selected:before{content:"";background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -26px;margin-right:8px;min-width:13px;height:10px}.ul_box{z-index:10;left:0 !important;padding:20px;box-shadow:0 2px 8px -2px rgba(0,0,0,0.4);background:white;top:100% !important}.ul_box .li_box{cursor:pointer;margin-bottom:5px;display:flex;align-items:center;color:#9B9B9B}.ul_box .li_box.active,.ul_box .li_box:hover{color:#22252A}.ul_box .li_box.active.active:after,.ul_box .li_box:hover.active:after{content:"";background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -26px;margin-left:auto;min-width:13px;height:10px}.ul_box .li_box:last-child{margin-bottom:0}.dropdown{cursor:pointer;margin-right:40px;display:flex;align-items:center;padding:0;line-height:24px;max-width:100%;position:relative}[lang=en] .dropdown{font-size:13px}[lang=th] .dropdown{font-size:20px}.chn .dropdown{font-size:13px}.dropdown .lb{color:#9B9B9B;margin-right:12px;white-space:nowrap}.dropdown .ul_text{line-height:24px;max-height:100%;opacity:1;height:auto;visibility:visible;transform:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:calc(100% - 15px)}[lang=en] .dropdown .ul_text{font-size:13px}[lang=th] .dropdown .ul_text{font-size:20px}.chn .dropdown .ul_text{font-size:13px}.dropdown.group_ul.active .ul_box{top:calc(100% + 10px) !important}.dropdown .ul_ic{margin-left:10px;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -10px;min-width:11px;height:6px}.dropdown.active .ul_ic{transform:rotate(180deg)}.dropdown:last-child{margin-right:0}.dropdown .ul_box .li_box{color:#9B9B9B}.dropdown .ul_box .li_box.active,.dropdown .ul_box .li_box:hover{color:#22252A}.dropdown .ul_box .li_box.active.active:after,.dropdown .ul_box .li_box:hover.active:after{content:none}.dropdown .ul_box .li_box.active.active:before,.dropdown .ul_box .li_box:hover.active:before{content:"";background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -26px;margin-right:8px;min-width:13px;height:10px}.primary-btn{cursor:pointer;display:flex;align-items:center;padding:0 20px;min-width:120px;line-height:22px;height:42px;background:black;justify-content:center;color:white}[lang=en] .primary-btn{font-size:13px}[lang=th] .primary-btn{font-size:20px}.chn .primary-btn{font-size:13px}.form-input{position:relative;border-bottom:2px solid #222222;width:100%;color:#222222;height:56px;line-height:24px;margin-bottom:30px;padding-top:23px;padding-bottom:7px;padding-left:20px;padding-right:20px}.form-input.group_ul{cursor:pointer}.form-input.group_ul.active .ul_ic{transform:translateY(-50%) rotate(180deg)}.form-input.group_ul.active .ul_box{z-index:99;top:100% !important;left:0 !important}.form-input.group_ul.selected .ul_text{opacity:1;visibility:visible;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 15px)}.form-input.textarea{padding-top:18px;height:auto}.form-input textarea:focus::placeholder{opacity:0}.form-input textarea:focus::-webkit-input-placeholder{opacity:0}.form-input .ul_ic{pointer-events:none;position:absolute;right:20px;top:50%;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-109px -10px;width:14px;height:8px;transform:translateY(-50%)}[lang=en] .form-input{font-size:14px}[lang=th] .form-input{font-size:22px}.chn .form-input{font-size:15px}.form-input .validate-box{position:absolute;top:100%;left:0;margin-top:10px;display:flex;align-items:center}.form-input .validate-box .valid-ic{background:url('https://modernform.cdnboost.com/images/project-detail/sprite.svg') no-repeat;background-position:-71px -180px;width:13px;height:13px;margin-right:4px}.form-input .validate-box .valid-text{color:#E44746;line-height:18px}[lang=en] .form-input .validate-box .valid-text{font-size:10px}[lang=th] .form-input .validate-box .valid-text{font-size:16px}.chn .form-input .validate-box .valid-text{font-size:11px}.form-input.invalid{border-color:#E44746 !important;background:rgba(228,71,70,0.1);margin-bottom:40px}.form-input.invalid .lb{color:#E44746}.form-input .ul_text{visibility:hidden;opacity:0}.form-input input,.form-input textarea{background-color:transparent;line-height:24px;width:100%;padding:0;height:100%}[lang=en] .form-input input,[lang=en] .form-input textarea{font-size:14px}[lang=th] .form-input input,[lang=th] .form-input textarea{font-size:22px}.chn .form-input input,.chn .form-input textarea{font-size:15px}.form-input input.textarea,.form-input textarea.textarea{overflow:auto}.form-input input::placeholder,.form-input textarea::placeholder{color:#9B9B9B}.form-input input:focus~.lb,.form-input textarea:focus~.lb,.form-input input:not([value=""])~.lb,.form-input textarea:not([value=""])~.lb{line-height:18px;transform:translateY(-10px)}[lang=en] .form-input input:focus~.lb,[lang=en] .form-input textarea:focus~.lb,[lang=en] .form-input input:not([value=""])~.lb,[lang=en] .form-input textarea:not([value=""])~.lb{font-size:10px}[lang=th] .form-input input:focus~.lb,[lang=th] .form-input textarea:focus~.lb,[lang=th] .form-input input:not([value=""])~.lb,[lang=th] .form-input textarea:not([value=""])~.lb{font-size:15px}.chn .form-input input:focus~.lb,.chn .form-input textarea:focus~.lb,.chn .form-input input:not([value=""])~.lb,.chn .form-input textarea:not([value=""])~.lb{font-size:10px}.form-input input.time-picker:focus~.wrap-timepicker,.form-input textarea.time-picker:focus~.wrap-timepicker{max-height:500px;overflow-y:auto;opacity:1;visibility:visible;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.form-input .wrap-timepicker{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;padding:25px;width:100%;box-shadow:0 6px 20px 0 rgba(0,0,0,0.2);visibility:hidden;opacity:0;max-height:0;background:white;z-index:3;position:absolute;top:100%;-webkit-transition:0.1s all 0.2s ease-out;-moz-transition:0.1s all 0.2s ease-out;-ms-transition:0.1s all 0.2s ease-out;-o-transition:0.1s all 0.2s ease-out;transition:0.1s all 0.2s ease-out}.form-input .wrap-timepicker .time{cursor:pointer;justify-content:center;display:flex;height:36px;align-items:center;width:calc(25% - 10px);margin:5px;border-radius:3px;border:1px solid #DFE1E5;background:white;line-height:22px}[lang=en] .form-input .wrap-timepicker .time{font-size:13px}[lang=th] .form-input .wrap-timepicker .time{font-size:20px}.chn .form-input .wrap-timepicker .time{font-size:13px}.form-input .wrap-timepicker .time.disabled{color:#CCCCCC;pointer-events:none}.form-input .wrap-timepicker .time.disabled:hover{background:white;border-color:#DFE1E5;color:#CCCCCC}.form-input .wrap-timepicker .time:hover,.form-input .wrap-timepicker .time.active{color:white}.form-input .lb{pointer-events:none;transition:all .2s ease;color:rgba(34,34,34,0.4);line-height:24px;position:absolute;top:17px;left:20px;max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[lang=en] .form-input .lb{font-size:14px}[lang=th] .form-input .lb{font-size:22px}.chn .form-input .lb{font-size:15px}.form-input #ui-datepicker-div{font-family:'db_helvethaica_xregular';font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-weight:normal;top:52px !important;left:0 !important;background:white;width:100%;padding:25px 30px;border-radius:0;z-index:999 !important;border:none;box-shadow:0 6px 20px 0 rgba(0,0,0,0.2)}.form-input #ui-datepicker-div .ui-datepicker-calendar{margin:0}.form-input #ui-datepicker-div .ui-selectmenu-menu{width:auto !important;min-width:150px}.form-input #ui-datepicker-div ul{box-shadow:0 6px 20px 0 rgba(0,0,0,0.2);margin:0 !important;padding:20px !important}.form-input #ui-datepicker-div ul li{line-height:24px}[lang=en] .form-input #ui-datepicker-div ul li{font-size:14px}[lang=th] .form-input #ui-datepicker-div ul li{font-size:22px}.chn .form-input #ui-datepicker-div ul li{font-size:15px}.form-input #ui-datepicker-div ul li:last-child div{margin-bottom:0 !important}.form-input #ui-datepicker-div ul li div{padding:0 !important;margin-bottom:10px !important}.form-input #ui-datepicker-div .ui-widget{font-family:'db_helvethaica_xregular';font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-weight:normal;border:0;line-height:32px;background:white;-webkit-appearance:none;margin-right:5px;width:auto;padding:0}[lang=en] .form-input #ui-datepicker-div .ui-widget{font-size:20px}[lang=th] .form-input #ui-datepicker-div .ui-widget{font-size:32px}.chn .form-input #ui-datepicker-div .ui-widget{font-size:21px}.form-input #ui-datepicker-div .ui-widget .ui-selectmenu-text{margin-right:0}.form-input #ui-datepicker-div select.ui-datepicker-month{font-family:'db_helvethaica_xregular';font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-weight:normal;border:0;line-height:32px;background:white;width:auto;-webkit-appearance:none;margin-right:5px}[lang=en] .form-input #ui-datepicker-div select.ui-datepicker-month{font-size:20px}[lang=th] .form-input #ui-datepicker-div select.ui-datepicker-month{font-size:32px}.chn .form-input #ui-datepicker-div select.ui-datepicker-month{font-size:21px}.form-input #ui-datepicker-div select.ui-datepicker-year{font-family:'db_helvethaica_xregular';font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-weight:normal;border:0;line-height:32px;background:white;width:auto;-webkit-appearance:none}[lang=en] .form-input #ui-datepicker-div select.ui-datepicker-year{font-size:20px}[lang=th] .form-input #ui-datepicker-div select.ui-datepicker-year{font-size:32px}.chn .form-input #ui-datepicker-div select.ui-datepicker-year{font-size:21px}.form-input #ui-datepicker-div .ui-datepicker-prev{right:37px !important;position:absolute;font-size:0;left:unset !important;width:7px;height:12px;background:url('https://modernform.cdnboost.com/images/project-detail/sprite.svg') no-repeat;background-position:-7.5px -95.5px}.form-input #ui-datepicker-div .ui-datepicker-next{position:absolute;right:0;font-size:0;width:7px;height:12px;background:url('https://modernform.cdnboost.com/images/project-detail/sprite.svg') no-repeat;background-position:-24.5px -95.5px}.form-input #ui-datepicker-div .ui-widget-header{border:0;background:white;position:relative;padding:0;display:flex;align-items:center;line-height:28px}[lang=en] .form-input #ui-datepicker-div .ui-widget-header{font-size:14px}[lang=th] .form-input #ui-datepicker-div .ui-widget-header{font-size:22px}.chn .form-input #ui-datepicker-div .ui-widget-header{font-size:15px}.form-input #ui-datepicker-div .ui-widget-header .ui-datepicker-title{margin:0 !important;margin-right:auto !important}.form-input #ui-datepicker-div .ui-datepicker-calendar{margin-top:20px;width:100%;text-align:center}.form-input #ui-datepicker-div .ui-datepicker-calendar thead{margin-bottom:10px}.form-input #ui-datepicker-div .ui-datepicker-calendar thead tr th{width:35px}.form-input #ui-datepicker-div .ui-state-disabled .ui-state-default{color:#CCCCCC !important}.form-input #ui-datepicker-div .ui-datepicker-today.ui-datepicker-days-cell-over .ui-state-default{color:white}.form-input #ui-datepicker-div .ui-state-default,.form-input #ui-datepicker-div .ui-widget-content .ui-state-default{display:block;color:#222222;background:white;border:0;width:35px;margin:3px auto;height:35px;border-radius:50%;text-align:center;line-height:35px}.form-input #ui-datepicker-div .ui-state-default.ui-state-hover,.form-input #ui-datepicker-div .ui-widget-content .ui-state-default.ui-state-hover,.form-input #ui-datepicker-div .ui-state-default.ui-state-active,.form-input #ui-datepicker-div .ui-widget-content .ui-state-default.ui-state-active{color:white}[lang=en] .form-input #ui-datepicker-div .ui-state-default,[lang=en] .form-input #ui-datepicker-div .ui-widget-content .ui-state-default{font-size:14px}[lang=th] .form-input #ui-datepicker-div .ui-state-default,[lang=th] .form-input #ui-datepicker-div .ui-widget-content .ui-state-default{font-size:22px}.chn .form-input #ui-datepicker-div .ui-state-default,.chn .form-input #ui-datepicker-div .ui-widget-content .ui-state-default{font-size:15px}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.dropdown .ul_text{max-width:100% !important}}@media (max-width:767px){.filter-bar{padding-left:15px;padding-right:15px}.filter-bar.fixed{top:55px}.filter-bar .ft-title{line-height:32px}[lang=en] .filter-bar .ft-title{font-size:18px}[lang=th] .filter-bar .ft-title{font-size:28px}.chn .filter-bar .ft-title{font-size:19px}.ft-sidebar{display:none;position:fixed;width:calc(100% - 75px);height:100%;top:0;left:0;transform:translateX(-100%);transition:all .5s ease;background:white;z-index:999}.ft-sidebar.ready{display:block}.ft-sidebar.active{transform:translateX(0)}.ft-sidebar.active+.sidebar-dim{opacity:1;visibility:visible}.ft-sidebar .ft-wrapper{overflow-y:auto;padding:35px 30px;width:100%;height:calc(100% - 70px)}.ft-sidebar .ft-btn-wrap{padding:15px;align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between}.ft-sidebar .ft-btn-wrap .btn-reset{cursor:pointer;display:flex;align-items:center}.ft-sidebar .ft-btn-wrap .btn-reset .reset-ic{background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-79px -7px;width:18px;height:15px;margin-right:10px}.ft-sidebar .ft-btn-wrap .btn-reset .txt{line-height:22px;color:#9b9b9b}[lang=en] .ft-sidebar .ft-btn-wrap .btn-reset .txt{font-size:13px}[lang=th] .ft-sidebar .ft-btn-wrap .btn-reset .txt{font-size:20px}.chn .ft-sidebar .ft-btn-wrap .btn-reset .txt{font-size:13px}.sidebar-dim{z-index:98;position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;visibility:hidden;transition:all .3s ease;background:rgba(0,0,0,0.5)}.form-input{margin-bottom:15px;padding-left:15px;padding-right:15px}.form-input .lb{left:15px}.form-input .ul_ic{right:15px}.form-input.invalid{margin-bottom:40px}.form-input .wrap-timepicker .time{margin:4px;width:calc(33.33% - 8px)}}@media (max-width:360px){.form-input #ui-datepicker-div{padding:20px 10px}}@media (max-width:320px){.primary-btn{min-width:unset !important}}