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-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}}
.paginationjs{line-height:1.6;font-family:Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-nav{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{height:30px;line-height:30px}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289DE9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289DE9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#E9F4FC}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289DE9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text]{border-color:#289DE9}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289DE9;border-color:#289DE9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3CA5EA}.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449D44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449D44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#EBF4EB}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449D44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text]{border-color:#449D44}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449D44;border-color:#449D44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55A555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#EC971F}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#EC971F}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#FDF5E9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#EC971F;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text]{border-color:#EC971F}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#EC971F;border-color:#EC971F;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#EEA135}.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#C9302C}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#C9302C}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#FAEAEA}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#C9302C;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text]{border-color:#C9302C}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#C9302C;border-color:#C9302C;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#CE4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs .paginationjs-go-button{margin-left:5px\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}