body{margin:0;padding:0}input::placeholder{color:inherit;opacity:.39}iframe,video{border:0;padding:0;margin:0;background-color:#000}a{outline:0 none;cursor:pointer;text-decoration:none;color:inherit}a:link{-webkit-tap-highlight-color:#0080C6}a:hover{text-decoration:none;color:inherit}img{border:0;-ms-interpolation-mode:bicubic}img:not([src]),img[src=""]{width:0;height:0;opacity:0}h1,h2,h3,h4,h5,h6{font-weight:initial;text-rendering:optimizeLegibility;zoom:1;display:inherit;margin:0;padding:0}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}nav ul{list-style:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input{padding-left:0;padding-right:0;-webkit-appearance:none;-webkit-border-radius:0;border:0 none}input,select{vertical-align:middle;overflow:hidden}textarea{border:0;overflow:auto;resize:none;-webkit-appearance:unset;-webkit-border-radius:0}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom;margin:3px 3px 0 0}input[type=text]{-webkit-appearance:none;-webkit-box-shadow:none;-webkit-tap-highlight-color:transparent}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}button{width:auto;overflow:visible}.ie6 input{vertical-align:text-bottom}button,input,select,textarea{font-family:inherit}input::-ms-clear{display:none}input::-ms-reveal{display:none}select::-ms-expand{display:none}input:-webkit-autofill,input:-webkit-autofill:focus textarea:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input[autocomplete=new-password]::-webkit-contacts-auto-fill-button,input[autocomplete=new-password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;height:0;width:0;margin:0}button:focus{outline:0}:focus{outline:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,p{margin:0;padding:0;font-weight:inherit;font-size:inherit}.gm-style-iw{width:248px!important;height:76px!important;border-radius:3px!important;padding:0!important;display:flex!important}.gm-style-iw .gm-style-iw-d{overflow:hidden!important;max-width:100%!important;width:100%}.gm-style-iw .gm-style-iw-d .images{display:inline-block;width:68px;vertical-align:top;width:76px;padding:4px}.gm-style-iw .gm-style-iw-d .images img{height:68px}.gm-style-iw .gm-style-iw-d .detail{display:inline-block;width:172px;padding-left:19px;vertical-align:top;border-left:1px solid #E9EAED;height:76px;padding:8px 15px}.gm-style .gm-style-iw-t:before{display:none!important}.gm-style .gm-style-iw-t:after{display:none!important}.gm-style .gm-style-iw-c{max-width:100%!important}#content-map{display:block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%;font-size:0}.clearfix{display:block;clear:both}.default_css ul li{list-style-type:disc}.default_css ul ul li{list-style-type:circle;margin:0 0 0 16px}.default_css ol li{list-style-type:decimal}.default_css ol li,.default_css ul li{margin:0 0 0 20px;overflow:visible}.default_css p{margin:15px 0}.default_css a{color:#666;text-decoration:none;cursor:pointer;cursor:hand}.default_css a:hover{text-decoration:underline}
@font-face { font-family:'Gotham_Book'; src:url('https://www.modernform.co.th/fonts/Gotham-Book.eot'); src:url('https://www.modernform.co.th/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/Gotham-Book.woff') format('woff'), url('https://www.modernform.co.th/fonts/Gotham-Book.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'Gotham'; src:url('https://www.modernform.co.th/fonts/Gotham-Medium.eot'); src:url('https://www.modernform.co.th/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/Gotham-Medium.woff') format('woff'), url('https://www.modernform.co.th/fonts/Gotham-Medium.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'); font-weight:500; font-style:normal; font-display:swap; } @font-face { font-family:'db_heaventregular'; src:url('https://www.modernform.co.th/fonts/db_heavent_v3.2.1-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_heavent_v3.2.1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_heavent_v3.2.1-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_heavent_v3.2.1-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_heavent_v3.2.1-webfont.svg#db_heaventregular') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'db_heaventbold'; src:url('https://www.modernform.co.th/fonts/db_heavent_bd_v3.2.1-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_heavent_bd_v3.2.1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_heavent_bd_v3.2.1-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_heavent_bd_v3.2.1-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_heavent_bd_v3.2.1-webfont.svg#db_heaventbold') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'db_heaventmed'; src:url('https://www.modernform.co.th/fonts/db_heavent_med_v3.2.1-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_heavent_med_v3.2.1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_heavent_med_v3.2.1-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_heavent_med_v3.2.1-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_heavent_med_v3.2.1-webfont.svg#db_heaventmed') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'db_heaventlight'; src:url('https://www.modernform.co.th/fonts/db_heavent_li_v3.2.1-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_heavent_li_v3.2.1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_heavent_li_v3.2.1-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_heavent_li_v3.2.1-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_heavent_li_v3.2.1-webfont.svg#db_heaventlight') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'db_heaventthin'; src:url('https://www.modernform.co.th/fonts/db_heavent_thin_v3.2.1-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_heavent_thin_v3.2.1-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_heavent_thin_v3.2.1-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_heavent_thin_v3.2.1-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_heavent_thin_v3.2.1-webfont.svg#db_heaventthin') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } [lang=th] .font-thin { font-family:'db_heaventlight'; } [lang=th] .font-light { font-family:'db_heaventlight'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=th] .font-reg { font-family:'db_heaventregular'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=th] .font-med { font-family:'db_heaventmed'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=th] .font-bold { font-family:'db_heaventbold'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=en] .font-thin { font-family:'Gotham_Book', 'db_heaventlight'; } [lang=en] .font-light { font-family:'Gotham_Book', 'db_heaventlight'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=en] .font-reg { font-family:'Gotham_Book', 'db_heaventregular'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=en] .font-med { font-family:'Gotham', 'db_heaventmed'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } [lang=en] .font-bold { font-family:'Gotham', 'db_heaventbold'; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-overflow-scrolling:touch; font-weight:normal; } @font-face { font-family:'db_helvethaica_xregular'; src:url('https://www.modernform.co.th/fonts/db_helvethaica_x-webfont.eot'); src:url('https://www.modernform.co.th/fonts/db_helvethaica_x-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.modernform.co.th/fonts/db_helvethaica_x-webfont.woff') format('woff'), url('https://www.modernform.co.th/fonts/db_helvethaica_x-webfont.ttf') format('truetype'), url('https://www.modernform.co.th/fonts/db_helvethaica_x-webfont.svg#db_helvethaica_xregular') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
.am-curv{position:relative;display:inline-block;vertical-align:middle}.am-curv-line:after,.am-curv-line:before{position:absolute;bottom:0;height:1px;background-color:rgba(255,255,255,.4);content:"";left:0}.am-curv *{display:block}.am-curv:hover *{animation:am-curv 1s;animation-delay:.4s}.am-curv-line:before{display:block;right:100%}.am-curv-line:after{display:block;right:0}.am-curv-line:hover:before{animation:am-curv-before 1s}.am-curv-line:hover:after{animation:am-curv-after 1s}.am-curv-black{color:#222}.am-curv-black:after,.am-curv-black:before{background-color:rgba(34,34,34,.4)}.am-arrow{position:relative}.am-arrow.black:after{background-color:#000}.am-arrow.blue:after{background-color:#233388}.am-arrow:after{content:"";position:absolute;display:block;top:50%;width:24px;height:2px;margin-top:-1px;border-radius:1px;background-color:#FFF;right:10px;opacity:0;transition:all .2s}.am-arrow:hover:after{right:0;opacity:1}.am-under{-webkit-transition:background-size .2s linear 0s;-moz-transition:background-size .2s linear 0s;-ms-transition:background-size .2s linear 0s;-o-transition:background-size .2s linear 0s;transition:background-size .2s linear 0s;background-image:linear-gradient(to top,#233388 1px,transparent 1px);background-repeat:no-repeat;background-size:0 100%;background-position:right;position:relative}.am-under:not(.multi):after,.am-under:not(.nobefore):before{content:"";position:absolute;height:1px;bottom:0;background-color:#000}.am-under:not(.nobefore):before{left:0;width:100%;-webkit-transition:width .2s linear 0s;-moz-transition:width .2s linear 0s;-ms-transition:width .2s linear 0s;-o-transition:width .2s linear 0s;transition:width .2s linear 0s;opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);-khtml-opacity:.2;-moz-opacity:.2}.am-under:not(.multi):after{right:0;width:0;-webkit-transition:width .2s linear 0s;-moz-transition:width .2s linear 0s;-ms-transition:width .2s linear 0s;-o-transition:width .2s linear 0s;transition:width .2s linear 0s}.am-bg-af:after,.am-bg-bf:before{content:"";width:100%;height:100%;left:0;transition:top .3s cubic-bezier(.42,0,.58,1)}.am-under.active,.am-under:hover{color:#000;background-position:left;text-decoration:none;background-size:100% 100%}.am-under.active:after,.am-under:hover:after{left:0;width:100%}.am-bg-bf{position:relative;overflow:hidden}.am-bg-bf:before{position:absolute;top:100%}.am-bg-bf:hover:before{top:0}.am-bg-af{position:relative;overflow:hidden}.am-bg-af:after{position:absolute;top:100%}.am-bg-af:hover:after{top:0}.am-bg-darkgrey:after,.am-bg-darkgrey:before{background-color:#4A4A4A}.am-bg-lightgrey:after,.am-bg-lightgrey:before{background-color:#DFE1E5}.am-bg-black2:after,.am-bg-black2:before{background-color:#222}.am-bg-darkblue:after,.am-bg-darkblue:before{background-color:#0B193F}.square{line-height:22px;min-width:140px;padding:10px;background-color:#000;text-align:center}[lang=en] .square{font-size:13px}[lang=th] .square{font-size:20px}.chn .square{font-size:13px}@keyframes am-curv{0%,100%{transform:translateY(0);opacity:1}25%{transform:translateY(-25%);opacity:0}26%{transform:translateY(25%);opacity:0}60%{transform:translateY(-25%);opacity:1}}@keyframes am-curv-before{1%{right:100%}100%{right:0}}@keyframes am-curv-after{0%{left:0;opacity:1}100%{left:100%;opacity:0}}
#header{position:fixed;width:100%;height:80px;padding:0 40px;top:0;left:0;z-index:98;background-color:#FFF;transition:top .3s}#for-search,#header .shadow{position:absolute;z-index:1}#header.over{top:80px}#header .shadow{bottom:0;left:0;right:0;height:1px;box-shadow:0 1px 0 0 rgba(0,0,0,.1)}#header .main-link>*{margin-left:35px}#header .link-page{display:inline-block;line-height:26px}[lang=en] #header .link-page{font-size:14px}[lang=th] #header .link-page{font-size:22px}.chn #header .link-page{font-size:15px}#header .link-page:after{height:2px;background-color:#233388}#header .link-page:hover{color:#233388}#header .find{margin-left:auto;height:100%}#header .find>*{margin-left:40px}#header .bt-lang .list-lang{box-shadow:0 5px 14px 0 rgba(0,0,0,.1)}#header .bt-menu,#header .bt-store.xs{display:none}#header .bt-menu.active .ic-layout.menu{background-position:-271px -40px;width:20px;height:20px}#header .bt-special{text-align:center;height:100%;width:0;margin-left:40px;margin-right:-40px;transition:width .1s;overflow:hidden}#for-search,.quick-links{left:0;transition:top .4s}#header .bt-special .wrap-ic{width:24px;height:24px;display:block;margin-top:auto}#header .bt-special .ic-layout{transform:scale(.4);transform-origin:left top}#header .bt-special .special-label{line-height:14px;display:block;color:#FFF;width:100%;margin-top:4px;margin-bottom:auto}[lang=en] #header .bt-special .special-label{font-size:10px}[lang=th] #header .bt-special .special-label{font-size:16px}.chn #header .bt-special .special-label{font-size:11px}#header .bt-ir{background:#333;flex:1}#header .bt-profes{background:#1B295A;flex:1}#header.show-special .bt-special{width:180px}#for-search{top:-100%;width:100%;height:100%;padding:0 40px;background-color:#FFF}#for-search .word{line-height:36px;margin:0 20px;flex:1}[lang=en] #for-search .word{font-size:20px}[lang=th] #for-search .word{font-size:32px}.chn #for-search .word{font-size:21px}#for-search.active{top:0}#for-search.active~.quick-links{transform:translate(0,0);top:80px}#canvas,.quick-links{top:-100%;background-color:#FFF}.quick-links{position:fixed;right:0;padding:40px 40px 60px;overflow:auto;box-shadow:0 -4px 12px 2px rgba(0,0,0,.2)}.quick-links .quick-label{line-height:26px;color:#000;margin-bottom:20px}[lang=en] .quick-links .quick-label{font-size:14px}[lang=th] .quick-links .quick-label{font-size:22px}.chn .quick-links .quick-label{font-size:15px}.quick-links .quick-col{width:500px;max-width:100%;float:left}.quick-links .quick-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:26px;display:block;width:33.33%;float:left;padding-right:20px}[lang=en] .quick-links .quick-item{font-size:13px}[lang=th] .quick-links .quick-item{font-size:20px}.chn .quick-links .quick-item{font-size:13px}.quick-links.search{display:flex;padding:10px 0}.quick-links.search .quick-col.product-cate{width:100%}.quick-links.search .quick-col.product-cate .quick-item{width:100%;padding:10px 75px;border-left:solid 5px #FFF}.quick-links.search .quick-col.product-cate .quick-item.active,.quick-links.search .quick-col.product-cate .quick-item:hover{background:#f1f1f1;border-left:solid 5px #233388}.quick-links.search .quick-col.product-cate-img{width:100%;display:flex;align-items:center;justify-content:center;margin:0 -12.5px}.quick-links.search .quick-col.product-cate-img .show-img-search{width:300px;height:210px;overflow:hidden;position:relative}.quick-links.search .quick-col.product-cate-img .quick-item{position:absolute;width:300px;margin:0 auto;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;top:0;left:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}#canvas .bt-lang .label-lang .ic-layout,.bt-lang .item-lang .ic-layout{margin-right:10px;vertical-align:middle}.quick-links.search .quick-col.product-cate-img .quick-item.active{visibility:visible;opacity:1;left:0}.quick-links.search .quick-col.product-cate-img .quick-item a{display:block;max-height:unset}.quick-links.search .quick-col.product-cate-img .quick-item a picture{display:flex}.quick-links.search .quick-col.product-cate-img .quick-item a picture img{width:100%;height:100%}.bt-lang .label-lang{line-height:26px}[lang=en] .bt-lang .label-lang{font-size:14px}[lang=th] .bt-lang .label-lang{font-size:22px}.chn .bt-lang .label-lang{font-size:15px}.bt-lang .list-lang{display:none;position:absolute;right:40px;top:80px;padding:22px;min-width:240px;background-color:#FFF;box-shadow:0 4px 8px -1px rgba(0,0,0,.2)}.bt-lang .item-lang{padding:8px 21px 8px 8px;position:relative;display:block}body.eng .bt-lang .item-lang.eng:after,body.tha .bt-lang .item-lang.tha:after{content:"";display:block;position:absolute;background-image:url(https://modernform.cdnboost.com/images/layout/sprite_layout.svg);background-repeat:no-repeat;background-position:-238px -40px;width:13px;height:10px;right:0;top:50%;margin-top:-5px}.bt-lang .item-lang .ic-layout{display:inline-block}.bt-lang .flag-label{line-height:22px;vertical-align:middle}[lang=en] .bt-lang .flag-label{font-size:14px}[lang=th] .bt-lang .flag-label{font-size:22px}.chn .bt-lang .flag-label{font-size:15px}.bt-lang.active .label-lang{color:#233388}.bt-lang.active .list-lang{display:block}#canvas{z-index:9;position:fixed;height:100%;width:100%;padding-top:80px;transition:top .4s}#canvas .canvas-scroll{position:absolute;top:80px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto}#canvas .special{height:55px;padding:0 40px;flex:1}#canvas .special .wrap-ic{width:25px;height:25px}#canvas .special .ic-layout{transform:scale(.4166);transform-origin:left top}#canvas .special .label-txt{line-height:26px;color:#FFF;margin-left:15px}[lang=en] #canvas .special .label-txt{font-size:14px}[lang=th] #canvas .special .label-txt{font-size:22px}.chn #canvas .special .label-txt{font-size:15px}#canvas .special.invest{background-color:#333}#canvas .special.profes{background-color:#1B295A}#canvas .canvas-pad{padding:0 40px}#canvas .canvas-space{margin-top:40px}#canvas .link-product{line-height:34px;display:block;margin-top:13px}[lang=en] #canvas .link-product{font-size:22px}[lang=th] #canvas .link-product{font-size:34px}.chn #canvas .link-product{font-size:23px}#canvas .group-product{margin-top:10px;margin-bottom:30px}#canvas .link-product2{line-height:26px;display:block}[lang=en] #canvas .link-product2{font-size:13px}[lang=th] #canvas .link-product2{font-size:20px}.chn #canvas .link-product2,[lang=en] #canvas .collect-more{font-size:13px}#canvas .collect-more{line-height:26px;display:inline-block;color:#9B9B9B;margin-top:10px;border-bottom:1px solid #9B9B9B}[lang=th] #canvas .collect-more{font-size:20px}.chn #canvas .collect-more{font-size:13px}#canvas .link-page{line-height:26px;display:block;margin-top:10px}[lang=en] #canvas .link-page{font-size:14px}[lang=th] #canvas .link-page{font-size:22px}.chn #canvas .link-page{font-size:15px}#canvas .bt-lang .label-lang{margin-bottom:10px;cursor:pointer}#canvas .bt-lang .flag-label{margin-right:5px}#canvas .bt-lang .list-lang{position:relative;top:0;left:0;padding:0}#canvas .bt-lang .item-lang{padding:10px 0}#canvas .bt-lang.active .ar-dd{transform:rotate(180deg)}#canvas.active{top:0}@media (max-width:1100px){#header .find>*,#header .main-link>*{margin-left:20px}}@media (max-width:1290px){#header.show-special .main-link .link-page{margin-left:20px}}@media (max-width:1200px){#header.show-special .main-link{display:none}}@media (max-width:939px){#header .bt-lang,#header .main-link{display:none}#header .bt-menu{display:block}#header .bt-special,#header .bt-store{display:none}#header .bt-store.xs{display:inline-block}}@media (max-width:767px){#for-search,#header{padding:0 15px}#header{height:55px}#header.over{top:55px}#header .bt-special{margin-right:-15px}#for-search.active~.quick-links{top:55px;bottom:0}.quick-links{padding:30px 15px}.quick-links.search{display:block}.quick-links.search .quick-col.product-cate,.quick-links.search .quick-col.product-cate-img{width:unset;float:unset;max-width:unset}.quick-links.search .quick-col.product-cate .quick-item,.quick-links.search .quick-col.product-cate-img .quick-item{font-size:20px;padding:10px 50px}.quick-links.search .quick-col.product-cate-img:after,.quick-links.search .quick-col.product-cate:after{display:block;content:'';clear:both}.quick-links.search .quick-col.product-cate .item-box-xs{display:flex;flex-wrap:wrap}.quick-links.search .quick-col.product-cate .item-box-xs .item-search{width:50%;padding:10px}.quick-links.search .quick-col.product-cate .item-box-xs .item-search .quick-item{font-size:20px;padding:0;border:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px;white-space:normal}.quick-links.search .quick-col.product-cate-img{margin-top:22px;display:block}.quick-links.search .quick-col.product-cate-img .show-img-search{width:100%;height:100%;overflow:hidden;position:relative}.quick-links.search .quick-col.product-cate-img .quick-item{visibility:visible;opacity:1;position:relative;width:33.33%;padding:10px;left:0}.quick-links.search .quick-col.product-cate-img .quick-item img{width:100%;height:auto}.quick-links.search .quick-col.product-cate-img .quick-item a{max-height:unset}.quick-links.search .quick-col.product-cate-img .quick-item a picture{display:flex}.quick-links .quick-label{margin-bottom:10px}.quick-links .quick-item{width:100%}#canvas{padding-top:55px}#canvas .canvas-scroll{top:55px}#canvas .canvas-pad,#canvas .special{padding:0 15px}}@media (max-width:330px){#header .find>*{margin-left:15px}}#hover-nav-collection,#hover-nav-product{position:relative}#hover-nav-collection:before,#hover-nav-product:before{height:80px;top:50%;transform:translateY(-50%)}#hover-nav-collection:after,#hover-nav-product:after{content:"";position:absolute;height:1px;bottom:0;right:0;background-color:#000;width:0;-webkit-transition:width .2s linear 0s;-moz-transition:width .2s linear 0s;-ms-transition:width .2s linear 0s;-o-transition:width .2s linear 0s;transition:width .2s linear 0s}#hover-nav-collection .nav-collection,#hover-nav-collection .nav-product,#hover-nav-product .nav-collection,#hover-nav-product .nav-product{display:block;position:fixed;left:0;top:80px;right:0;bottom:100%;padding:0;background-color:#FFF;overflow-x:hidden;overflow-y:auto;transition:all .4s}#hover-nav-collection .nav-collection .more-block,#hover-nav-collection .nav-product .more-block,#hover-nav-product .nav-collection .more-block,#hover-nav-product .nav-product .more-block{width:100%;border-top:1px solid #e3e3e3;margin-top:40px;text-align:center}#hover-nav-collection .nav-collection .more-block .collect-more,#hover-nav-collection .nav-product .more-block .collect-more,#hover-nav-product .nav-collection .more-block .collect-more,#hover-nav-product .nav-product .more-block .collect-more{margin-top:20px;border-bottom:2px solid #9B9B9B}#hover-nav-collection .close-nav-product,#hover-nav-product .close-nav-product{position:absolute;left:0;right:0;top:0;bottom:0}#hover-nav-collection .nav-row,#hover-nav-product .nav-row{margin:-20px;position:relative}#hover-nav-collection .nav-col,#hover-nav-product .nav-col{padding:20px;min-width:248px;width:20%}#hover-nav-collection .type-img,#hover-nav-product .type-img{width:100%;height:auto}#hover-nav-collection .nav-type,#hover-nav-product .nav-type{line-height:36px;color:#22252A;display:block;margin-top:20px;position:relative}#hover-nav-collection .cate-group.cate-lv2,#hover-nav-collection .cate-group.cate-lv3,#hover-nav-collection .full-name,#hover-nav-product .cate-group.cate-lv2,#hover-nav-product .cate-group.cate-lv3,#hover-nav-product .full-name{display:none}[lang=en] #hover-nav-collection .nav-type,[lang=en] #hover-nav-product .nav-type{font-size:20px}[lang=th] #hover-nav-collection .nav-type,[lang=th] #hover-nav-product .nav-type{font-size:32px}.chn #hover-nav-collection .nav-type,.chn #hover-nav-product .nav-type{font-size:21px}#hover-nav-collection .nav-type.new span.title,#hover-nav-product .nav-type.new span.title{max-width:calc(100% - 40px);float:left}#hover-nav-collection .nav-type.new span.new,#hover-nav-product .nav-type.new span.new{color:#E44746;font-size:20px;margin-left:5px;bottom:0;right:0}#hover-nav-collection .nav-type.no-new span.title,#hover-nav-product .nav-type.no-new span.title{max-width:calc(100%)}#hover-nav-collection .cate-group,#hover-nav-product .cate-group{margin-top:10px}#hover-nav-collection .cate-group.active:not(:last-child),#hover-nav-product .cate-group.active:not(:last-child){padding-bottom:14px;border-bottom:1px solid #EEE;margin-bottom:14px}#hover-nav-collection .lb-group,#hover-nav-product .lb-group{line-height:26px;display:block;color:#22252A;overflow:hidden}[lang=en] #hover-nav-collection .lb-group,[lang=en] #hover-nav-product .lb-group{font-size:13px}[lang=th] #hover-nav-collection .lb-group,[lang=th] #hover-nav-product .lb-group{font-size:20px}.chn #hover-nav-collection .lb-group,.chn #hover-nav-product .lb-group{font-size:13px}#hover-nav-collection .lb-group.lb-lv1,#hover-nav-product .lb-group.lb-lv1{line-height:29px}[lang=en] #hover-nav-collection .lb-group.lb-lv1,[lang=en] #hover-nav-product .lb-group.lb-lv1{font-size:15px}[lang=th] #hover-nav-collection .lb-group.lb-lv1,[lang=th] #hover-nav-product .lb-group.lb-lv1{font-size:23px}.chn #hover-nav-collection .lb-group.lb-lv1,.chn #hover-nav-product .lb-group.lb-lv1{font-size:15px}#hover-nav-collection .lb-group.lb-lv2,#hover-nav-product .lb-group.lb-lv2{line-height:26px}[lang=en] #hover-nav-collection .lb-group.lb-lv2,[lang=en] #hover-nav-product .lb-group.lb-lv2{font-size:13px}[lang=th] #hover-nav-collection .lb-group.lb-lv2,[lang=th] #hover-nav-product .lb-group.lb-lv2{font-size:20px}.chn #hover-nav-collection .lb-group.lb-lv2,.chn #hover-nav-product .lb-group.lb-lv2{font-size:13px}#hover-nav-collection .lb-group.lb-lv3,#hover-nav-product .lb-group.lb-lv3{letter-spacing:.5px;line-height:22px}[lang=en] #hover-nav-collection .lb-group.lb-lv3,[lang=en] #hover-nav-product .lb-group.lb-lv3{font-size:12px}[lang=th] #hover-nav-collection .lb-group.lb-lv3,[lang=th] #hover-nav-product .lb-group.lb-lv3{font-size:18px}.chn #hover-nav-collection .lb-group.lb-lv3,.chn #hover-nav-product .lb-group.lb-lv3{font-size:12px}#hover-nav-collection .lb-group .am-under,#hover-nav-product .lb-group .am-under{position:relative;overflow:hidden}#hover-nav-collection .lb-group .am-under:after,#hover-nav-product .lb-group .am-under:after{bottom:-1px;background-color:#233388}#hover-nav-collection .lb-group.active span,#hover-nav-product .lb-group.active span{color:#233388;background-size:100% 100%}#hover-nav-collection .lb-group.unactive span,#hover-nav-product .lb-group.unactive span{color:#9B9B9B}#hover-nav-collection .collect-more,#hover-nav-product .collect-more{line-height:26px;display:inline-block;color:#9B9B9B;margin-top:10px;border-bottom:1px solid #9B9B9B}[lang=en] #hover-nav-collection .collect-more,[lang=en] #hover-nav-product .collect-more{font-size:13px}[lang=th] #hover-nav-collection .collect-more,[lang=th] #hover-nav-product .collect-more{font-size:20px}.chn #hover-nav-collection .collect-more,.chn #hover-nav-product .collect-more{font-size:13px}.smartphone #hover-nav-collection .block-hover,.smartphone #hover-nav-product .block-hover{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;display:none}#hover-nav-collection.active:after,#hover-nav-product.active:after{left:0;width:100%}#hover-nav-collection.active .nav-collection,#hover-nav-collection.active .nav-product,#hover-nav-product.active .nav-collection,#hover-nav-product.active .nav-product{bottom:0;padding:40px}.smartphone #hover-nav-collection.active .block-hover,.smartphone #hover-nav-product.active .block-hover{display:block}#hover-nav-collection .lb-group.lb-lv2{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:10px}@media (max-width:1279px){#hover-nav-product .nav-col{width:25%}}@media (max-width:1031px){#hover-nav-product .nav-col{width:33.33%}}
#footer{overflow-x:hidden}#footer .support{padding:60px 40px}#footer .support.default{background-color:#FAFAFA}#footer .support.ir{background-color:#333333}#footer .support .wrap-ct{max-width:940px;align-items:baseline;width:100%}#footer .sup-item{display:block;text-align:center;flex:1}#footer .sup-item .ic-layout{margin-bottom:20px}#footer .txt1{line-height:30px}[lang=en] #footer .txt1{font-size:17px}[lang=th] #footer .txt1{font-size:26px}.chn #footer .txt1{font-size:17px}#footer .txt2{line-height:24px;color:#9B9B9B}[lang=en] #footer .txt2{font-size:13px}[lang=th] #footer .txt2{font-size:20px}.chn #footer .txt2{font-size:13px}#sitemap{padding:20px 40px 60px}#sitemap .wrap-ct{max-width:940px}#sitemap .site-col{flex:1;min-width:153px}#sitemap .group-col{margin-top:40px;flex:1}#sitemap .subscribe{min-width:306px;max-width:460px;max-width:306px}#sitemap .site-title{line-height:26px;margin-bottom:20px}[lang=en] #sitemap .site-title{font-size:14px}[lang=th] #sitemap .site-title{font-size:22px}.chn #sitemap .site-title{font-size:15px}#sitemap .site-txt{line-height:26px;display:block}[lang=en] #sitemap .site-txt{font-size:13px}[lang=th] #sitemap .site-txt{font-size:20px}.chn #sitemap .site-txt{font-size:13px}#sitemap .site-txt.has-ic{align-items:center;display:flex}#sitemap .site-txt.has-ic:not(:last-child){margin-bottom:12px}#sitemap .site-txt:hover .sc-icon{background-position-y:-212px !important}#sitemap .site-txt:hover .sc-icon.tk{background:url('/images/layout/ic_tiktok_hv.svg');background-position-y:center !important}#sitemap .site-txt:hover .sc-icon.x{background:url('/images/layout/ic_x_hv.svg');background-position-y:center !important}#sitemap .site-txt:hover .sc-icon.tr{background:url('/images/layout/ic_treads_hv.svg');background-position-y:center !important}#sitemap .site-txt:hover .sc-icon.lem{background:url('/images/layout/ic_lemon_hv.svg');background-position-y:center !important}#sitemap .site-txt .sc-icon{background:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg');width:24px;height:24px;margin-right:12px}#sitemap .site-txt .sc-icon.fb{background-position:-9px -184px}#sitemap .site-txt .sc-icon.ig{background-position:-47px -184px}#sitemap .site-txt .sc-icon.yt{background-position:-85px -184px}#sitemap .site-txt .sc-icon.ln{background-position:-123px -184px}#sitemap .site-txt .sc-icon.pt{background-position:-160px -185px}#sitemap .site-txt .sc-icon.tk{background:url('/images/layout/ic_tiktok.svg');background-position:center;background-repeat:no-repeat}#sitemap .site-txt .sc-icon.x{background:url('/images/layout/ic_x.svg');background-position:center;background-repeat:no-repeat}#sitemap .site-txt .sc-icon.tr{background:url('/images/layout/ic_treads.svg');background-position:center;background-repeat:no-repeat}#sitemap .site-txt .sc-icon.lem{background:url('/images/layout/ic_lemon.svg');background-position:center;background-repeat:no-repeat}#sitemap .input-mail{margin-top:20px;height:42px;padding:0;border:0 none;margin-bottom:0}#sitemap .input-mail .validate-box.success .valid-text{color:#222}#sitemap .input-mail .text-mail{line-height:22px;padding:10px 14px;border:1px solid #EEEEEE;height:42px;flex:1;border-top-left-radius:20px;border-bottom-left-radius:20px}[lang=en] #sitemap .input-mail .text-mail{font-size:13px}[lang=th] #sitemap .input-mail .text-mail{font-size:20px}.chn #sitemap .input-mail .text-mail{font-size:13px}#sitemap .input-mail .submit-sub{height:42px;cursor:pointer;line-height:22px;color:#FFF;background-color:#000;padding:10px 20px;border:0 none;margin:0;border-top-right-radius:20px;border-bottom-right-radius:20px}[lang=en] #sitemap .input-mail .submit-sub{font-size:13px}[lang=th] #sitemap .input-mail .submit-sub{font-size:20px}.chn #sitemap .input-mail .submit-sub{font-size:13px}#friend-list{padding:0 40px 40px}#friend-list .line-sec{border-top:1px solid #EEEEEE;margin-bottom:40px}#friend-list .center-friend{max-width:600px;margin:auto}#friend-list .group-friend{margin:0 -25px;text-align:center}#friend-list .group-friend .wrap-fri{display:flex;justify-content:center}#friend-list .group-friend>*{display:inline-block;margin:0 25px 25px;vertical-align:middle;background-image:url(https://modernform.cdnboost.com/images/layout/sprite_layout.svg)}#friend-list .group-friend .fri1{background-position:0 -80px;width:94px;height:18px}#friend-list .group-friend .fri2{background-position:-114px -80px;width:80px;height:20px}#friend-list .group-friend .fri3{background-position:-214px -80px;width:110px;height:11px}#friend-list .group-friend .fri4{background-position:-344px -80px;width:95px;height:26px}#friend-list .group-friend .fri5{background-position:-459px -80px;width:95px;height:19px}#friend-list .group-friend .fri6{background-image:url(https://modernform.cdnboost.com/images/layout/lesmo.jpg);background-position:0 0;width:52px;background-size:51px;height:66px}#friend-list .group-friend .fri7{background-position:-85px -126px;width:96px;height:39px}#friend-list .group-friend .fri8{background-position:-201px -126px;width:85px;height:50px}#friend-list .group-friend .fri9{background-position:-306px -126px;width:110px;height:30px}#friend-list .group-friend .fri10{background-position:-436px -126px;width:110px;height:30px}#friend-list .group-friend .fri11{background-position:-302px -193px;width:91px;height:16px}#friend-list .group-friend .fri12{background-image:url(https://modernform.cdnboost.com/images/layout/motif-logo.svg);background-position:0 0;width:78px;height:16px;background-size:cover}#friend-list .copyright{line-height:22px;color:#CCCCCC;text-align:center;margin-top:40px}[lang=en] #friend-list .copyright{font-size:12px}[lang=th] #friend-list .copyright{font-size:18px}.chn #friend-list .copyright{font-size:12px}#gdpr{position:fixed;bottom:0;z-index:10;width:100%;background-color:#000;color:#FFF;padding:10px 40px}#gdpr .gdpr-txt{margin-right:15px}#gdpr a{text-decoration:underline}#gdpr .close-gdpr{width:16px;min-width:16px;height:16px;min-height:16px;margin-left:auto;background-color:#FFF;border-radius:50%}@media (max-width:997px){#sitemap .subscribe{max-width:50%}}@media (max-width:767px){#footer .support{padding:35px 15px}#footer .support .wrap-ct{display:block}#footer .sup-item{padding:25px 0px}#sitemap{padding:0 15px 30px}#sitemap .subscribe{max-width:unset;flex-basis:100%;min-width:0}#sitemap .site-title{margin-bottom:15px}#friend-list{padding:0 15px 30px}#friend-list .line-sec{margin-bottom:30px}#friend-list .copyright{margin-top:30px}#gdpr{padding:15px 15px}}@media (max-width:558px){#friend-list .group-friend .fri3{margin-right:25px}#friend-list .group-friend .fri7{margin-left:25px}}
@media (max-width:767px) { .hide-xs { display:none !important; } } @media (min-width:768px) { .show-xs { display:none !important; } } @media (min-width:940px) { .show-md { display:none !important; } } @media (max-width:939px) { .hide-md { display:none !important; } } #breadcrumb { background-color:#ffffff; padding-top:20px; padding-bottom:20px; } #breadcrumb .-breadcrumb { max-width:1120px; margin:0 auto; padding:0 40px; font-size:0; } #breadcrumb .-breadcrumb .breadcrumb-menu { font-size:18px; line-height:1; line-height:22px; display:inline-block; vertical-align:middle; height:22px; } [lang=en] #breadcrumb .-breadcrumb .breadcrumb-menu { font-size:12px; } [lang=th] #breadcrumb .-breadcrumb .breadcrumb-menu { font-size:18px; } .chn #breadcrumb .-breadcrumb .breadcrumb-menu { font-size:12px; } #breadcrumb .-breadcrumb .breadcrumb-menu a { text-decoration:none; color:#FFFFFF; font-size:18px; line-height:1; outline:0; display:inline-block; overflow:hidden; line-height:22px; } [lang=en] #breadcrumb .-breadcrumb .breadcrumb-menu a { font-size:12px; } [lang=th] #breadcrumb .-breadcrumb .breadcrumb-menu a { font-size:18px; } .chn #breadcrumb .-breadcrumb .breadcrumb-menu a { font-size:12px; } #breadcrumb .-breadcrumb .breadcrumb-menu a span { color:#9B9B9B; font-size:18px; line-height:1; line-height:22px; } [lang=en] #breadcrumb .-breadcrumb .breadcrumb-menu a span { font-size:12px; } [lang=th] #breadcrumb .-breadcrumb .breadcrumb-menu a span { font-size:18px; } .chn #breadcrumb .-breadcrumb .breadcrumb-menu a span { font-size:12px; } #breadcrumb .-breadcrumb .breadcrumb-menu a span:hover { color:#22252A; } #breadcrumb .-breadcrumb .breadcrumb-menu a.active span { color:#22252A; } #breadcrumb .-breadcrumb .breadcrumb-menu.last { cursor:default; pointer-events:none; width:auto; } #breadcrumb .-breadcrumb .breadcrumb-menu.last a span { display:block; display:-webkit-box; max-height:22px; margin-left:auto; margin-right:auto; line-height:22px; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } #breadcrumb .-breadcrumb .separator { display:inline-block; vertical-align:middle; line-height:22px; font-size:18px; line-height:1; color:#9B9B9B; margin-left:3px; margin-right:3px; overflow:hidden; } [lang=en] #breadcrumb .-breadcrumb .separator { font-size:12px; } [lang=th] #breadcrumb .-breadcrumb .separator { font-size:18px; } .chn #breadcrumb .-breadcrumb .separator { font-size:12px; } iframe.fb_customer_chat_bounce_in_v2 { bottom:90pt !important; } picture { font-size:0; } .font-hide { font-size:0; line-height:0; } body { background:white; margin:0; width:100%; overflow-x:hidden; color:#22252A; } .fontwhite { color:white; } p { font-size:inherit; } .force-scroll { overflow:hidden; } .max-w { max-width:100%; } .m-auto { margin:auto; } .no-data { line-height:20px; } [lang=en] .no-data { font-size:12px; } [lang=th] .no-data { font-size:18px; } .chn .no-data { font-size:12px; } .no-data.search { margin-top:60px; margin-bottom:120px; } .no-data.search .title-nodata { font-size:48px; line-height:48px; text-align:center; } .no-data.search .desc-nodata { font-size:20px; text-align:center; margin-top:15px; margin-bottom:27px; } .no-data.search .sec-category-search .wrap-ct { width:100%; max-width:940px; margin:auto; } .no-data.search .sec-category-search .wrap-ct .nav-row { position:relative; margin:0 -10px; } .no-data.search .sec-category-search .wrap-ct .nav-col { padding:0 10px; width:25%; } .no-data.search .sec-category-search .wrap-ct .nav-col a { display:block; } .no-data.search .sec-category-search .wrap-ct .nav-col a picture { display:block; } .no-data.search .sec-category-search .wrap-ct .type-img { width:100%; height:100%; } .no-data.search .sec-category-search .wrap-ct .nav-type { line-height:34px; color:#22252A; display:block; margin-top:20px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; position:relative; } [lang=en] .no-data.search .sec-category-search .wrap-ct .nav-type { font-size:17px; } [lang=th] .no-data.search .sec-category-search .wrap-ct .nav-type { font-size:26px; } .chn .no-data.search .sec-category-search .wrap-ct .nav-type { font-size:17px; } .no-data.search .sec-category-search .wrap-ct .nav-type.new { padding-right:40px; } .no-data.search .sec-category-search .wrap-ct .nav-type span { color:#E44746; font-size:20px; margin-left:5px; position:absolute; bottom:0; right:0; } .no-data.search .sec-category-search .wrap-ct .lb-group { line-height:24px; display:block; color:#9B9B9B; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } [lang=en] .no-data.search .sec-category-search .wrap-ct .lb-group { font-size:12px; } [lang=th] .no-data.search .sec-category-search .wrap-ct .lb-group { font-size:18px; } .chn .no-data.search .sec-category-search .wrap-ct .lb-group { font-size:12px; } .no-data.search .sec-category-search .btn-category-home { margin-top:36px; } .no-data.search .sec-category-search .btn-category-home .nav-row { position:relative; margin:0 0; align-items:center; justify-content:center; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product { cursor:pointer; background:#000000; width:231px; display:flex; margin-top:30px; height:56px; padding:0 20px; align-items:center; position:relative; overflow:hidden; margin:0 8px; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product:hover:before { top:0; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product:before { content:""; transition:top 300ms cubic-bezier(0.42, 0, 0.58, 1); position:absolute; top:100%; left:0; width:100%; height:100%; background:#0B193F; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product .text { position:relative; z-index:1; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product .text { z-index:1; color:white; line-height:24px; text-align:center; width:100%; } [lang=en] .no-data.search .sec-category-search .btn-category-home .nav-row .view-product .text { font-size:14px; } [lang=th] .no-data.search .sec-category-search .btn-category-home .nav-row .view-product .text { font-size:22px; } .chn .no-data.search .sec-category-search .btn-category-home .nav-row .view-product .text { font-size:15px; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online { cursor:pointer; background:#1B295A; width:231px; display:flex; margin-top:30px; height:56px; padding:0 20px; align-items:center; position:relative; overflow:hidden; margin:0 8px; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online:hover:before { top:0; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online:before { content:""; transition:top 300ms cubic-bezier(0.42, 0, 0.58, 1); position:absolute; top:100%; left:0; width:100%; height:100%; background:#0B193F; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online .text { position:relative; z-index:1; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online .text { z-index:1; color:white; line-height:24px; text-align:center; width:100%; } [lang=en] .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online .text { font-size:14px; } [lang=th] .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online .text { font-size:22px; } .chn .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online .text { font-size:15px; } .wait-replace { position:relative; min-height:200px; } [animate] { opacity:0; -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -ms-transform:translateY(40px); -o-transform:translateY(40px); transform:translateY(40px); visibility:hidden; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease; } [animate].isotope-item { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } [animate].left { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); } [animate] img { visibility:hidden; } [animate].play { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; visibility:visible; opacity:1; } [animate].play img { visibility:visible; } [replace-animate].play > *:not(.loading) { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; visibility:visible; opacity:1; } [replace-animate] > *:not(.loading) { opacity:0; -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -ms-transform:translateY(40px); -o-transform:translateY(40px); transform:translateY(40px); visibility:hidden; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease; } .for-anchor { position:absolute; margin-top:-80px; width:1px; height:1px; opacity:0; } .forclick { position:relative; cursor:pointer; } .forclick:before { content:""; position:absolute; display:block; left:-10px; right:-10px; top:-10px; bottom:-10px; cursor:pointer; } .max-lay { padding-left:40px; padding-right:40px; max-width:100%; margin-left:auto; margin-right:auto; } .d-flex { display:flex; } .d-flex.dc { flex-direction:column; } .d-flex.aic { align-items:center; } .d-flex.aib { align-items:baseline; } .d-flex.aifs { align-items:flex-start; } .d-flex.jcc { justify-content:center; } .d-flex.jcfe { justify-content:flex-end; } .d-flex.jcsb { justify-content:space-between; } .d-flex.wrap { flex-wrap:wrap; } .relative { position:relative; } .absolute { position:absolute; } .cover-link { position:absolute; left:0; top:0; right:0; bottom:0; } .lsp > * { animation:lrt 1.4s linear infinite; } @keyframes lrt { 0% { transform:rotate(0); } 100% { transform:rotate(270deg); } } .lsp > * > * { stroke-dasharray:88px; stroke-dashoffset:0; transform-origin:center; animation:lsdsh 1.4s ease-in-out infinite; stroke-width:1; stroke-linecap:round; } @keyframes lsdsh { 0% { stroke-dashoffset:88px; } 50% { stroke-dashoffset:22px; transform:rotate(135deg); } 100% { stroke-dashoffset:88px; transform:rotate(450deg); } } .wrap-loading { z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:none; } .wrap-loading.loading { display:block; } .finherit { font-size:inherit; } .ic-layout { background-image:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg'); background-repeat:no-repeat; display:inline-block; } .ic-layout.search { background-position:0px 0px; width:20px; height:20px; } .ic-layout.pin { background-position:-40px 0px; width:18px; height:21px; } .ic-layout.th { background-position:-340px -40px; width:21px; height:15px; } .ic-layout.en { background-position:-381px -40px; width:21px; height:15px; } .ic-layout.invest { background-position:-78px 0px; width:60px; height:60px; } .ic-layout.profes { background-position:-158px 0px; width:60px; height:60px; } .ic-layout.menu { background-position:0px -40px; width:20px; height:10px; } .ic-layout.arrow { background-position:-238px 0px; width:10px; height:18px; } .ic-layout.arrow.black { background-position:-252px 0px; } .ic-layout.store-online { width:20px; height:21px; background-image:url(https://modernform.cdnboost.com/images/layout/shopping-bag.svg); background-repeat:no-repeat; display:inline-block; background-size:contain; } .ic-layout.store { background-position:-322px 0px; width:20px; height:24px; } .ic-layout.store.white { background-position:-567px 0px; } .ic-layout.mail { background-position:-362px 0px; width:26px; height:20px; } .ic-layout.mail.white { background-position:-571px 0px; } .ic-layout.phone { background-position:-408px 0px; width:24px; height:24px; } .ic-layout.phone.white { background-position:-653px 0px; } .ic-layout.ar-dd { background-position:-311px -40px; width:9px; height:5px; } .ic-layout.close { background-position:-271px -40px; width:20px; height:20px; } .ic-layout.gdpr-x { background-position:-495px -40px; width:8px; height:8px; } .ic-layout.filter { background-position:-422px -40px; width:19px; height:13px; } .ic-layout.vdo-play { background-position:-574px -80px; width:80px; height:80px; } @keyframes lrt { 0% { transform:rotate(0); } 100% { transform:rotate(270deg); } } .lsp > * > * { stroke-dasharray:88px; stroke-dashoffset:0; transform-origin:center; animation:lsdsh 1.4s ease-in-out infinite; stroke-width:1; stroke-linecap:round; } @keyframes lsdsh { 0% { stroke-dashoffset:88px; } 50% { stroke-dashoffset:22px; transform:rotate(135deg); } 100% { stroke-dashoffset:88px; transform:rotate(450deg); } } #my-wrapper { padding-top:80px; } .hover-btn-white { position:relative; overflow:hidden; } .hover-btn-white:hover:before { top:0; } .hover-btn-white:before { content:""; transition:top 300ms cubic-bezier(0.42, 0, 0.58, 1); position:absolute; top:100%; left:0; width:100%; height:100%; background:#DFE1E5; } .hover-btn-white .text { position:relative; z-index:1; } .hover-btn-black { position:relative; overflow:hidden; } .hover-btn-black:hover:before { top:0; } .hover-btn-black:before { content:""; transition:top 300ms cubic-bezier(0.42, 0, 0.58, 1); position:absolute; top:100%; left:0; width:100%; height:100%; background:#4A4A4A; } .hover-btn-black .text { position:relative; z-index:1; } .hover-thumb.wrap-thumb { overflow:hidden; position:relative; font-size:0; } .hover-thumb.wrap-thumb:before { content:""; left:0; top:0; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); opacity:0; transition:all 0.3s; z-index:1; } .hover-thumb.wrap-thumb:hover:before { opacity:1; } .hover-thumb .wrap-thumb { font-size:0; overflow:hidden; position:relative; } .hover-thumb .wrap-thumb:before { content:""; left:0; top:0; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); opacity:0; transition:all 0.3s; z-index:1; } .hover-thumb .thumb { transition:transform 2s cubic-bezier(0.35, 0.9, 0.5, 1), -webkit-transform 2s cubic-bezier(0.35, 0.9, 0.5, 1); } .hover-thumb:hover .thumb { transition:transform 5s cubic-bezier(0.35, 0.9, 0.5, 1), -webkit-transform 5s cubic-bezier(0.35, 0.9, 0.5, 1); transform:scale(1.1); } .hover-thumb:hover .wrap-thumb:before { opacity:1; } #popup .wrap-search { position:relative; padding-bottom:5px; border-bottom:1px solid #DFE1E5; } #popup .ic-search { width:20px; height:20px; background:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg') -273px -34px no-repeat; } #popup .input-search { line-height:32px; margin-left:20px; flex:1; padding:0; } [lang=en] #popup .input-search { font-size:20px; } [lang=th] #popup .input-search { font-size:32px; } .chn #popup .input-search { font-size:21px; } #popup .input-search::-webkit-clear-button { -webkit-appearance:none; display:none; } #popup .input-search::-ms-clear { display:none; } #popup .input-search:focus::-webkit-input-placeholder { display:none; } #popup .input-search::-webkit-input-placeholder { color:rgba(34, 34, 34, 0.4); } #popup .search-label { line-height:20px; color:#222; margin-top:60px; } [lang=en] #popup .search-label { font-size:12px; } [lang=th] #popup .search-label { font-size:18px; } .chn #popup .search-label { font-size:12px; } #popup .popular { line-height:34px; color:#222; margin-top:20px; max-height:102px; overflow:hidden; } [lang=en] #popup .popular { font-size:20px; } [lang=th] #popup .popular { font-size:32px; } .chn #popup .popular { font-size:21px; } #popup .popular div { cursor:pointer; display:inline-block; } .popup-page { position:fixed; left:0; top:0; right:0; bottom:0; background-color:#FFF; z-index:1000; padding:60px; } .popup-page:before { content:""; position:absolute; bottom:0; right:0; width:173px; height:200px; background:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg') 0px -215px no-repeat; } .popup-page .popup-close { position:absolute; right:40px; top:30px; display:block; width:20px; height:20px; background:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg') -271px -40px no-repeat; } .popup-page .middle { max-width:940px; z-index:1; width:100%; align-self:center; } .popup-page .full { width:100%; height:100%; } .popup-page .scroll { width:100%; height:100%; } .popup-page video, .popup-page iframe { width:100%; height:100%; } .popup-vdo { position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.8); z-index:1000; padding:60px 0; } .popup-vdo .popup-close { position:absolute; right:40px; top:30px; display:block; width:20px; height:20px; background:url('https://modernform.cdnboost.com/images/layout/sprite_layout.svg') -268px 0 no-repeat; } .popup-vdo .middle { max-width:940px; width:100%; } .popup-vdo .wrap-vdo { width:100%; height:100%; max-width:100%; } .popup-vdo .full-vdo { width:100%; height:100%; margin:auto; } .popup-vdo video, .popup-vdo iframe { width:100%; height:100%; } .modal { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; visibility:hidden; } .modal.active { visibility:visible; } .modal.active .dim { opacity:1; } .modal.active .modal-box { transform:translateX(0); opacity:1; } .modal .modal-wrapper { width:100%; height:100%; } .modal .dim { -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34, 34, 34, 0.8); } .modal .modal-box { transform:translateY(50px); opacity:0; -webkit-transition:0.2s all 0.3s; -moz-transition:0.2s all 0.3s; -ms-transition:0.2s all 0.3s; -o-transition:0.2s all 0.3s; transition:0.2s all 0.3s; position:relative; z-index:2; max-width:480px; width:100%; padding:50px; background:white; text-align:center; } .modal .modal-box .close-modal { cursor:pointer; background:url('https://modernform.cdnboost.com/images/project-detail/sprite.svg') no-repeat; background-position:-11px -178px; width:12px; height:12px; position:absolute; top:12px; right:12px; } .modal .modal-box .modal-title { line-height:34px; margin-bottom:30px; } [lang=en] .modal .modal-box .modal-title { font-size:20px; } [lang=th] .modal .modal-box .modal-title { font-size:32px; } .chn .modal .modal-box .modal-title { font-size:21px; } .modal .modal-box .modal-desc { line-height:26px; margin-bottom:10px; } [lang=en] .modal .modal-box .modal-desc { font-size:14px; } [lang=th] .modal .modal-box .modal-desc { font-size:22px; } .chn .modal .modal-box .modal-desc { font-size:15px; } #fb-root iframe { background:rgba(1, 2, 3, 0); } @media (max-width:980px) { .no-data.search .sec-category-search .wrap-ct .nav-row { margin:0 0; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online, .no-data.search .sec-category-search .btn-category-home .nav-row .view-product { height:50px; } } @media (max-width:767px) { .no-data.search { margin-bottom:60px; } .no-data.search .sec-category-search { margin:40px 0; } .no-data.search .sec-category-search .wrap-ct .nav-row { margin:0 0; } .no-data.search .sec-category-search .wrap-ct .nav-col { width:50%; margin-bottom:20px; } .no-data.search .sec-category-search .btn-category-home .nav-row { display:block; } .no-data.search .sec-category-search .btn-category-home .nav-row .visit-online, .no-data.search .sec-category-search .btn-category-home .nav-row .view-product { width:auto; margin:0 10px; } .no-data.search .sec-category-search .btn-category-home .nav-row .view-product { margin-bottom:10px; } #breadcrumb .-breadcrumb { padding:0 15px; } #my-wrapper { padding-top:55px; } .popup-page { padding-right:25px; padding-left:25px; } .popup-page .popup-close { top:30px; right:20px; } .for-anchor { margin-top:-55px; } .modal .modal-box { margin-left:15px; margin-right:15px; } .max-lay { padding-left:15px; padding-right:15px; } .banner { height:90px; } .banner .text-banner { padding:0 15px; font-size:30px; line-height:90px; } .banner .bg { margin-top:-47px; } .popup-vdo .popup-close { right:15px; top:15px; } }
.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}}