@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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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.woff2') format('woff2'), 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-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-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.woff2') format('woff2'), 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; } html, body, #page-thank-you { width:100%; height:100%; } .bx-tk { width:100%; height:100%; display:flex; background:url('https://modernform.cdnboost.com/images/layout/bg-thankyou.jpg') no-repeat; background-size:cover; justify-content:center; align-items:center; } .bx-tk .bx-inner { align-items:center; display:flex; flex-direction:column; color:white; text-align:center; } .bx-tk .tk-ic { background:url('https://modernform.cdnboost.com/images/layout/thankyou-ic.svg') no-repeat; width:80px; height:80px; margin-bottom:40px; } .bx-tk .title { line-height:48px; margin-bottom:20px; } [lang=en] .bx-tk .title { font-size:31px; } [lang=th] .bx-tk .title { font-size:48px; } .chn .bx-tk .title { font-size:32px; } .bx-tk .text-detail { line-height:24px; margin-bottom:40px; } [lang=en] .bx-tk .text-detail { font-size:13px; } [lang=th] .bx-tk .text-detail { font-size:20px; } .chn .bx-tk .text-detail { font-size:13px; } .bx-tk .box-btn { display:flex; justify-content:center; } .bx-tk .box-btn .btn { min-width:140px; height:42px; display:flex; justify-content:center; align-items:center; background:black; padding:0 20px; line-height:22px; } [lang=en] .bx-tk .box-btn .btn { font-size:13px; } [lang=th] .bx-tk .box-btn .btn { font-size:20px; } .chn .bx-tk .box-btn .btn { font-size:13px; } @media (max-width:767px) { .bx-tk { background:url('https://modernform.cdnboost.com/images/layout/bg-thankyou-mb.jpg'); background-size:cover; } .bx-tk .tk-ic { margin-bottom:30px; } .bx-tk .title { line-height:40px; } [lang=en] .bx-tk .title { font-size:26px; } [lang=th] .bx-tk .title { font-size:40px; } .chn .bx-tk .title { font-size:27px; } }
.product-banner{height:280px;display:flex;justify-content:center;align-items:center;background:#fafafa}.product-banner .title{line-height:80px;text-align:center}[lang=en] .product-banner .title{font-size:64px}[lang=th] .product-banner .title{font-size:100px}.chn .product-banner .title{font-size:67px}.hover-thumb.wrap-thumb{transition:background .2s ease-out 0s;background:transparent}.hover-thumb.wrap-thumb:before{content:none}.hover-thumb.wrap-thumb .thumb{opacity:1;transition:transform 2s cubic-bezier(.35, .9, .5, 1),-webkit-transform 2s cubic-bezier(.35, .9, .5, 1),opacity .3s}.hover-thumb.wrap-thumb:hover{background:#000}.hover-thumb.wrap-thumb:hover .thumb{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}.banner{position:relative;width:100%;height:100%;font-size:0}.banner .slick-dots{position:absolute;display:flex;margin-top:20px;margin-bottom:0;bottom:40px;justify-content:center}.banner .slick-dots li{width:22px;height:10px;display:flex;margin:0 !important;align-items:center;justify-content:center}.banner .slick-dots li.slick-active button{border-color:white;border-width:2px;width:10px;height:10px;background:transparent;opacity:1}.banner .slick-dots li button{background:white;border:3px solid transparent;margin:0 6px;width:4px;height:4px;border-radius:5px;opacity:.6;padding:0}.banner .slick-dots li button:before{content:none}.banner .wrap-slide{position:relative}.banner .wrap-slide img{transition:transform 1s;transform:scale(1)}.banner .wrap-slide:not(.slick-active) img{transform:scale(1.2)}.banner .wrap-slide:not(.slick-active) .banner-box-text{opacity:0;transform:translate(-50%, calc(-50% + 60px))}.banner .wrap-slide.nobg{background:#FAFAFA;min-height:280px}.banner .wrap-slide.nobg .banner-title{color:#22252A}.banner .wrap-slide .dim{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;background:#000}.banner .wrap-slide .banner-box-text{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity .5s,transform .6s ease;transition-delay:.4s}.banner .wrap-slide .banner-title{color:white;line-height:80px;text-align:center}[lang=en] .banner .wrap-slide .banner-title{font-size:64px}[lang=th] .banner .wrap-slide .banner-title{font-size:100px}.chn .banner .wrap-slide .banner-title{font-size:67px}.banner .wrap-slide img{width:100%}.basic-info-section{padding:80px 0;padding-top:20px;width:100%}.basic-info-section .wrap-content{margin:auto;width:100%;max-width:1120px;padding:0 40px;display:flex;justify-content:space-between}.basic-info-section .wrap-content .col-text{max-width:360px;width:100%}.basic-info-section .wrap-content .col-text .text-title{line-height:36px}[lang=en] .basic-info-section .wrap-content .col-text .text-title{font-size:20px}[lang=th] .basic-info-section .wrap-content .col-text .text-title{font-size:32px}.chn .basic-info-section .wrap-content .col-text .text-title{font-size:21px}.basic-info-section .wrap-content .col-text .type{line-height:24px;margin-bottom:40px}[lang=en] .basic-info-section .wrap-content .col-text .type{font-size:13px}[lang=th] .basic-info-section .wrap-content .col-text .type{font-size:20px}.chn .basic-info-section .wrap-content .col-text .type{font-size:13px}.basic-info-section .wrap-content .col-text .desc{line-height:24px;transition:all .2s ease-out;margin-bottom:30px}[lang=en] .basic-info-section .wrap-content .col-text .desc{font-size:13px}[lang=th] .basic-info-section .wrap-content .col-text .desc{font-size:20px}.chn .basic-info-section .wrap-content .col-text .desc{font-size:13px}.basic-info-section .wrap-content .col-text .desc .ct{display:initial}.basic-info-section .wrap-content .col-text .desc .wys{display:initial;margin-top:30px;margin-bottom:0}.basic-info-section .wrap-content .col-text .desc img,.basic-info-section .wrap-content .col-text .desc video,.basic-info-section .wrap-content .col-text .desc iframe{max-width:100%;height:auto}.basic-info-section .wrap-content .col-text .desc.has-more{display:-webkit-box;max-height:240px;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;visibility:visible;text-overflow:ellipsis;margin-bottom:0}.basic-info-section .wrap-content .col-text .more{cursor:pointer;margin-bottom:30px;line-height:24px;color:#9B9B9B;border-bottom:1px solid;display:inline-block}[lang=en] .basic-info-section .wrap-content .col-text .more{font-size:13px}[lang=th] .basic-info-section .wrap-content .col-text .more{font-size:20px}.chn .basic-info-section .wrap-content .col-text .more{font-size:13px}.basic-info-section .wrap-content .col-text .desc-title{line-height:28px}[lang=en] .basic-info-section .wrap-content .col-text .desc-title{font-size:13px}[lang=th] .basic-info-section .wrap-content .col-text .desc-title{font-size:21px}.chn .basic-info-section .wrap-content .col-text .desc-title{font-size:14px}.basic-info-section .wrap-content .col-text .enquiry{cursor:pointer;background:#91c6ec;width:100%;display:flex;margin-top:30px;height:50px;padding:0 20px;align-items:center;border-radius:35px;position:relative;overflow:hidden}.basic-info-section .wrap-content .col-text .enquiry:hover:before{top:0}.basic-info-section .wrap-content .col-text .enquiry:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#58595b}.basic-info-section .wrap-content .col-text .enquiry .text{position:relative;z-index:1}.basic-info-section .wrap-content .col-text .enquiry .ic{width:22px;height:20px;margin-right:16px;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-11px -72px;z-index:1}.basic-info-section .wrap-content .col-text .enquiry .text{z-index:1;color:white;line-height:24px}[lang=en] .basic-info-section .wrap-content .col-text .enquiry .text{font-size:14px}[lang=th] .basic-info-section .wrap-content .col-text .enquiry .text{font-size:22px}.chn .basic-info-section .wrap-content .col-text .enquiry .text{font-size:15px}.basic-info-section .wrap-content .col-text .shop-online{cursor:pointer;background:#28348a;width:100%;display:flex;margin-top:15px;height:50px;padding:0 20px;align-items:center;border-radius:35px;position:relative;overflow:hidden}.basic-info-section .wrap-content .col-text .shop-online:hover:before{top:0}.basic-info-section .wrap-content .col-text .shop-online:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#58595b}.basic-info-section .wrap-content .col-text .shop-online .text{position:relative;z-index:1}.basic-info-section .wrap-content .col-text .shop-online .ic{width:18px;height:20px;margin-right:16px;background:url(https://modernform.cdnboost.com/images/layout/shopping-bag-white.svg);z-index:1;background-size:contain}.basic-info-section .wrap-content .col-text .shop-online .text{z-index:1;color:white;line-height:24px}[lang=en] .basic-info-section .wrap-content .col-text .shop-online .text{font-size:14px}[lang=th] .basic-info-section .wrap-content .col-text .shop-online .text{font-size:22px}.chn .basic-info-section .wrap-content .col-text .shop-online .text{font-size:15px}.basic-info-section .wrap-content .col-text .download{cursor:pointer;background:white;border:1px solid #58595b;width:100%;display:flex;padding:0 20px;margin-top:15px;height:50px;align-items:center;border-radius:35px;position:relative;overflow:hidden}.basic-info-section .wrap-content .col-text .download:hover:before{top:0}.basic-info-section .wrap-content .col-text .download:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#58595b}.basic-info-section .wrap-content .col-text .download .text{position:relative;z-index:1}.basic-info-section .wrap-content .col-text .download .ic{position:relative;z-index:1;width:22px;height:20px;margin-right:16px;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-140px -63px}.basic-info-section .wrap-content .col-text .download .text{color:#22252A;line-height:24px}[lang=en] .basic-info-section .wrap-content .col-text .download .text{font-size:14px}[lang=th] .basic-info-section .wrap-content .col-text .download .text{font-size:22px}.chn .basic-info-section .wrap-content .col-text .download .text{font-size:15px}.basic-info-section .wrap-content .col-text .download:hover .ic{-webkit-filter:invert(98%) sepia(4%) saturate(4%) hue-rotate(45deg) brightness(105%) contrast(100%);filter:invert(98%) sepia(4%) saturate(4%) hue-rotate(45deg) brightness(105%) contrast(100%)}.basic-info-section .wrap-content .col-text .download:hover .text{color:#fff}.basic-info-section .wrap-content .col-img{position:relative;max-width:calc(100% - 400px);width:100%}.basic-info-section .wrap-content .col-img .arrow-btn{position:absolute;cursor:pointer;z-index:2;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);width:36px;height:36px;display:flex;justify-content:center;align-items:center}.basic-info-section .wrap-content .col-img .arrow-btn.prev{left:15px}.basic-info-section .wrap-content .col-img .arrow-btn.prev .arrow{transform:rotate(180deg)}.basic-info-section .wrap-content .col-img .arrow-btn.next{right:15px}.basic-info-section .wrap-content .col-img .slick-list{max-height:calc((1120px + 160px)*0.5);background:#fff}.basic-info-section .wrap-content .col-img .slick-dots{position:relative;display:flex;margin-top:20px;margin-bottom:0;bottom:unset;justify-content:center}.basic-info-section .wrap-content .col-img .slick-dots li{width:auto;height:auto;margin:0 !important}.basic-info-section .wrap-content .col-img .slick-dots li.slick-active button{border-color:#9B9B9B;border-width:2px;background:white;opacity:1}.basic-info-section .wrap-content .col-img .slick-dots li button{background:#9B9B9B;border:3px solid white;margin:0 6px;width:10px;height:10px;border-radius:5px;opacity:.4;padding:0}.basic-info-section .wrap-content .col-img .slick-dots li button:before{content:none}.basic-info-section .wrap-content .col-img .slider{width:100%}.basic-info-section .wrap-content .col-img .slider .img-layout{position:relative;padding-top:100%}.basic-info-section .wrap-content .col-img .slider .img{position:absolute;top:0;left:0;width:100%;height:100%}.basic-info-section .wrap-content .col-img .slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.enquiry-section{padding-top:60px;padding-bottom:80px;background:#233388;color:white;width:100%;height:100%}.enquiry-section .enquiry-title{line-height:36px;text-align:center;margin-bottom:60px}[lang=en] .enquiry-section .enquiry-title{font-size:20px}[lang=th] .enquiry-section .enquiry-title{font-size:32px}.chn .enquiry-section .enquiry-title{font-size:21px}.enquiry-section .form-wrapper{max-width:1020px;padding:0 40px;margin:auto;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}.enquiry-section .form-wrapper .form-col{width:calc(50% - 10px)}.enquiry-section .form-wrapper .form-input{background:white;border:0;position:relative}.enquiry-section .form-wrapper .form-input .suggest-search{background:#fff;max-height:180px;width:100%;position:absolute;left:0;top:100%;box-shadow:0 2px 8px -2px rgba(0,0,0,0.4);z-index:1;overflow:scroll;display:none}.enquiry-section .form-wrapper .form-input .suggest-search.active{display:block}.enquiry-section .form-wrapper .form-input .suggest-search .item-search{cursor:pointer;display:flex;align-items:center;color:#9B9B9B;padding:10px 20px}.enquiry-section .form-wrapper .form-input .suggest-search .item-search:hover{color:#22252A;background:#f1f1f1;border-left:solid 5px #233388}.enquiry-section .form-wrapper .form-input .suggest-search .item-search.active{color:#22252A;background:#f1f1f1;border-left:solid 5px #233388}.enquiry-section .form-wrapper .form-input.invalid{background:#FCECEC}.enquiry-section .form-wrapper .form-input .validate-box .valid-text{color:#FCECEC}.enquiry-section .wrap-btn{position:relative;display:flex;width:100%}.enquiry-section .enquiry-btn{min-width:200px;background:black;color:white;text-align:center;height:56px;cursor:pointer;justify-content:center;margin:auto;margin-top:40px;align-items:center;line-height:24px;display:inline-flex;transition:opacity .2s}[lang=en] .enquiry-section .enquiry-btn{font-size:14px}[lang=th] .enquiry-section .enquiry-btn{font-size:22px}.chn .enquiry-section .enquiry-btn{font-size:15px}.enquiry-section .enquiry-btn.hide{visibility:hidden;opacity:0}.feature-section{width:100%;overflow:hidden}.feature-section .bt-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;cursor:pointer}.feature-section .feature-img{font-size:0;position:relative;width:100%}.feature-section .feature-img img{transition:transform 1s;transform:scale(1);width:100%}.feature-section .feature-img:not(.slick-active) img{transform:scale(1.2)}.feature-section .feature-img .dim{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0;background:#000}.feature-section .title{position:absolute;z-index:1;top:60px;left:50%;transform:translateX(-50%);line-height:36px;padding:0 40px;color:white}[lang=en] .feature-section .title{font-size:20px}[lang=th] .feature-section .title{font-size:32px}.chn .feature-section .title{font-size:21px}.feature-section .wrap-feature-item{padding:0 40px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:flex-start}.feature-section .wrap-feature-item .feature-item{max-width:13.28%;display:flex;flex-flow:column wrap;align-items:center;margin-left:45px;margin-right:45px}.feature-section .wrap-feature-item .feature-item .ic{margin-bottom:20px;max-width:66px;max-height:42px}.feature-section .wrap-feature-item .feature-item .text{color:white;display:-webkit-box;max-height:52px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;visibility:visible;text-overflow:ellipsis;text-align:center;line-height:26px}[lang=en] .feature-section .wrap-feature-item .feature-item .text{font-size:14px}[lang=th] .feature-section .wrap-feature-item .feature-item .text{font-size:22px}.chn .feature-section .wrap-feature-item .feature-item .text{font-size:15px}.feature-section .slick-dots{position:absolute;display:flex;margin-top:20px;margin-bottom:0;bottom:40px;justify-content:center}.feature-section .slick-dots li{width:22px;height:10px;display:flex;margin:0 !important;align-items:center;justify-content:center}.feature-section .slick-dots li.slick-active button{border-color:white;border-width:2px;width:10px;height:10px;background:transparent;opacity:1}.feature-section .slick-dots li button{background:white;border:3px solid transparent;margin:0 6px;width:4px;height:4px;border-radius:5px;opacity:.6;padding:0}.feature-section .slick-dots li button:before{content:none}.gallery-section{width:100%;padding-top:40px;padding-bottom:60px}.gallery-section .gal-title{line-height:26px;text-align:center;margin-bottom:40px}[lang=en] .gallery-section .gal-title{font-size:14px}[lang=th] .gallery-section .gal-title{font-size:22px}.chn .gallery-section .gal-title{font-size:15px}.gallery-section .wrap-slider{position:relative}.gallery-section .arrow{position:absolute;top:calc(50% - 50px + 18px);margin-top:-9px;z-index:1}.gallery-section .prev{transform:rotate(180deg);left:40px}.gallery-section .next{right:40px}.gallery-section .gallery-slider{width:100%}.gallery-section .gallery-slider .slick-track.fixleft{left:0 !important}.gallery-section .gallery-slider .slide{margin-left:30px;margin-right:30px}.gallery-section .gallery-slider .slide .video-play{cursor:pointer;background:url(https://modernform.cdnboost.com/images/collection/sprite.svg);background-position:-53px -64px;width:80px;height:80px;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%)}.gallery-section .gallery-slider .slide img{width:100%}.gallery-section .gallery-slider .slick-slide{position:relative}.gallery-section .gallery-slider .slick-slide:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;display:block;background-color:#000;opacity:0}.gallery-section .gallery-slider .slick-slide:after{content:none;transition:all .3s}.gallery-section .gallery-slider .slick-slide:not(.slick-active) .video-play{visibility:hidden}.gallery-section .gallery-slider .slick-slide:not(.slick-active):after{z-index:2}.gallery-section .gallery-slider .slick-dots{position:relative;display:flex;margin-top:40px;margin-bottom:0;bottom:unset;justify-content:center}.gallery-section .gallery-slider .slick-dots li{width:auto;height:auto;margin:0 !important}.gallery-section .gallery-slider .slick-dots li.slick-active button{border-color:#9B9B9B;border-width:2px;background:white;opacity:1}.gallery-section .gallery-slider .slick-dots li button{background:#9B9B9B;border:3px solid white;margin:0 6px;width:10px;height:10px;border-radius:5px;opacity:.4;padding:0}.gallery-section .gallery-slider .slick-dots li button:before{content:none}.designer-section{width:100%;display:flex;flex-direction:column}.designer-section .designer-item{width:100%;display:flex}.designer-section .col{width:50%;display:flex;flex-flow:column wrap;justify-content:center;align-items:flex-start}.designer-section .col.full{width:100%}.designer-section .col img{width:100%;height:100%;object-fit:cover}.designer-section .col .desc{max-width:540px;padding:60px 40px;width:100%;margin:0 auto;line-height:34px}[lang=en] .designer-section .col .desc{font-size:18px}[lang=th] .designer-section .col .desc{font-size:28px}.chn .designer-section .col .desc{font-size:19px}.designer-section .col .designer{margin-top:40px;line-height:26px}[lang=en] .designer-section .col .designer{font-size:14px}[lang=th] .designer-section .col .designer{font-size:22px}.chn .designer-section .col .designer{font-size:15px}.designer-section .col .designer.mb{margin-top:0px;margin-bottom:40px}.detail-section{padding-top:60px;padding-bottom:80px;width:100%}.detail-section .wrap-detail{font-size:0;max-width:1020px;width:100%;margin:auto;padding:0 40px}.detail-section .wrap-detail img,.detail-section .wrap-detail video,.detail-section .wrap-detail iframe{max-width:100%;height:auto}.detail-section .wrap-detail .detail-img{margin-bottom:40px}.detail-section .wrap-detail .wrap-tab{display:flex;margin-bottom:40px;width:100%}.detail-section .wrap-detail .tab{width:50%;height:56px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-color:unset;border-bottom:solid 5px #EEEEEE;line-height:24px;text-align:center;border-right:0px;color:#9B9B9B}[lang=en] .detail-section .wrap-detail .tab{font-size:14px}[lang=th] .detail-section .wrap-detail .tab{font-size:22px}.chn .detail-section .wrap-detail .tab{font-size:15px}.detail-section .wrap-detail .tab.full{width:100%}.detail-section .wrap-detail .tab.active{background:unset;border-color:unset;color:#22252a;border:unset;border-bottom:solid 5px #1B295A}.detail-section .wrap-detail .tab.active+.tab{border-left:0}.detail-section .wrap-detail .tab.active+.tab-detail+.tab{border-left-color:#1B295A}.detail-section .wrap-download{display:flex;flex-flow:row wrap;width:100%}.detail-section .wrap-download .download-item{width:calc(25%);padding-right:15px;margin-top:20px;margin-bottom:20px;display:flex;flex-flow:row wrap;align-items:center}.detail-section .wrap-download .download-item .ic-download{z-index:1;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-11px -102px;width:29px;height:36px;margin-right:18px}.detail-section .wrap-download .download-item .download-text{display:flex;flex-flow:column wrap;width:calc(100% - 47px)}.detail-section .wrap-download .download-item .download-text .name{line-height:24px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[lang=en] .detail-section .wrap-download .download-item .download-text .name{font-size:14px}[lang=th] .detail-section .wrap-download .download-item .download-text .name{font-size:22px}.chn .detail-section .wrap-download .download-item .download-text .name{font-size:15px}.detail-section .wrap-download .download-item .download-text .type{max-width:100%;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[lang=en] .detail-section .wrap-download .download-item .download-text .type{font-size:12px}[lang=th] .detail-section .wrap-download .download-item .download-text .type{font-size:18px}.chn .detail-section .wrap-download .download-item .download-text .type{font-size:12px}.detail-section .tab-detail{height:0;visibility:hidden;opacity:0;transition:opacity .4s ease-out;display:block}.detail-section .tab-detail.active{height:auto;opacity:1;visibility:visible;transition:opacity .4s ease-in}.detail-section .tab-detail .detail-title{margin-bottom:10px;line-height:24px}[lang=en] .detail-section .tab-detail .detail-title{font-size:13px}[lang=th] .detail-section .tab-detail .detail-title{font-size:21px}.chn .detail-section .tab-detail .detail-title{font-size:14px}.detail-section .tab-detail .detail{margin-bottom:30px;line-height:24px}[lang=en] .detail-section .tab-detail .detail{font-size:13px}[lang=th] .detail-section .tab-detail .detail{font-size:20px}.chn .detail-section .tab-detail .detail{font-size:13px}.detail-section .title{text-align:center;line-height:28px;margin-bottom:40px}[lang=en] .detail-section .title{font-size:14px}[lang=th] .detail-section .title{font-size:22px}.chn .detail-section .title{font-size:15px}.other-section{padding-top:40px;padding-bottom:60px;width:100%;background:#FAFAFA}.other-section .wrap-content{max-width:1020px;width:100%;margin:auto;padding:0 40px;display:flex;flex-flow:row wrap}.other-section .wrap-content .relate-item{width:calc(25% - 15px)}.other-section .wrap-content .relate-item:nth-child(4n - 3){margin-right:10px}.other-section .wrap-content .relate-item:nth-child(4n - 2),.other-section .wrap-content .relate-item:nth-child(4n - 1){margin-left:10px;margin-right:10px}.other-section .wrap-content .relate-item:nth-child(4n){margin-left:10px}.other-section .wrap-content .relate-item img{width:100%}.other-section .wrap-content .relate-item .name{margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px}[lang=en] .other-section .wrap-content .relate-item .name{font-size:17px}[lang=th] .other-section .wrap-content .relate-item .name{font-size:26px}.chn .other-section .wrap-content .relate-item .name{font-size:17px}.other-section .wrap-content .relate-item .type{color:#9B9B9B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px}[lang=en] .other-section .wrap-content .relate-item .type{font-size:12px}[lang=th] .other-section .wrap-content .relate-item .type{font-size:18px}.chn .other-section .wrap-content .relate-item .type{font-size:12px}.other-section .title{text-align:center;line-height:26px;margin-bottom:40px}[lang=en] .other-section .title{font-size:14px}[lang=th] .other-section .title{font-size:22px}.chn .other-section .title{font-size:15px}.sh-section{background:#233388;padding:30px 0;z-index:1;position:relative}.sh-section .text{color:white;margin-right:30px;line-height:24px}[lang=en] .sh-section .text{font-size:14px}[lang=th] .sh-section .text{font-size:22px}.chn .sh-section .text{font-size:15px}.sh-section .tooltip{position:absolute;color:#233388;white-space:nowrap;opacity:1;background:white;padding:2px 8px;top:calc(100% + 15px);left:50%;border-radius:3px;transform:translateX(-50%);transition:opacity ease-in .3s;opacity:0;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.sh-section .tooltip.fadein{opacity:1;transition:opacity ease .4s}.sh-section .sh-item{margin-right:30px;position:relative;cursor:pointer;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');opacity:.5}.sh-section .sh-item:hover{opacity:1}.sh-section .sh-item.fb{width:8px;height:18px;background-position:-70px -36px}.sh-section .sh-item.tw{width:19px;height:16px;background-position:-88px -36px}.sh-section .sh-item.line{width:19px;height:18px;background-position:-113px -35px}.sh-section .sh-item.mail{width:18px;height:14px;background-position:-140px -37px}.sh-section .sh-item.cplink{width:16px;height:16px;background-position:-166px -35px}.sh-section .sh-item:last-child{margin-right:0}.show-btn-xs{width:100%;position:fixed;bottom:-200px;background:#fff;z-index:9;padding:40px 0;padding-bottom:0;background:-moz-linear-gradient(to top, #ffffff 50%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(to top, #ffffff 50%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(to top, #ffffff 50%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(to top, #ffffff 50%, rgba(255,255,255,0) 100%);background:linear-gradient(to top, #ffffff 50%, rgba(255,255,255,0) 100%);-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;display:none}.show-btn-xs.active{bottom:0}.show-btn-xs .btn-product{display:flex;align-items:center;justify-content:center;padding:15px}.show-btn-xs .btn-product .enquiry{cursor:pointer;background:#1B295A;width:100%;display:flex;margin-top:0px;height:56px;padding:0 20px;align-items:center;margin-right:5px;position:relative;overflow:hidden}.show-btn-xs .btn-product .enquiry:hover:before{top:0}.show-btn-xs .btn-product .enquiry:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#0B193F}.show-btn-xs .btn-product .enquiry .text{position:relative;z-index:1}.show-btn-xs .btn-product .enquiry .ic{width:22px;height:20px;margin-right:16px;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-11px -72px;z-index:1}.show-btn-xs .btn-product .enquiry .text{z-index:1;color:white;line-height:24px}[lang=en] .show-btn-xs .btn-product .enquiry .text{font-size:14px}[lang=th] .show-btn-xs .btn-product .enquiry .text{font-size:22px}.chn .show-btn-xs .btn-product .enquiry .text{font-size:15px}.show-btn-xs .btn-product .shop-online{cursor:pointer;background:#000;width:100%;display:flex;margin-top:0px;height:56px;padding:0 20px;align-items:center;margin-left:5px;position:relative;overflow:hidden}.show-btn-xs .btn-product .shop-online:hover:before{top:0}.show-btn-xs .btn-product .shop-online:before{content:"";transition:top 300ms cubic-bezier(.42, 0, .58, 1);position:absolute;top:100%;left:0;width:100%;height:100%;background:#0B193F}.show-btn-xs .btn-product .shop-online .text{position:relative;z-index:1}.show-btn-xs .btn-product .shop-online .ic{width:18px;height:20px;margin-right:16px;background:url(https://modernform.cdnboost.com/images/layout/shopping-bag-white.svg);z-index:1;background-size:contain}.show-btn-xs .btn-product .shop-online .text{z-index:1;color:white;line-height:24px}[lang=en] .show-btn-xs .btn-product .shop-online .text{font-size:14px}[lang=th] .show-btn-xs .btn-product .shop-online .text{font-size:22px}.chn .show-btn-xs .btn-product .shop-online .text{font-size:15px}.popup-html{overflow:hidden;height:0;opacity:0;transition:height 0ms 400ms, opacity 400ms 0ms;height:auto;position:absolute;z-index:999}.popup-html .popup-enquiry{width:100%;max-width:100%;height:100vh;z-index:999;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center}.popup-html .popup-enquiry #page-thank-you{max-width:800px;max-height:500px;position:relative;z-index:2}.popup-html .popup-enquiry #page-thank-you .close-popup{width:20px;height:20px;background:url(https://modernform.cdnboost.com/images/layout/close-popup.svg);position:absolute;background-size:contain;right:20px;top:20px;cursor:pointer}.popup-html .popup-enquiry #page-thank-you .bx-tk .box-btn .btn{cursor:pointer}.popup-html .dim{width:100%;max-width:100%;height:100vh;background:rgba(0,0,0,0.6);position:absolute;top:0}.popup-html.active{opacity:1;transition:height 0ms 0ms, opacity 600ms 0ms}.popup-active{overflow:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.gallery-section .gallery-slider .slick-dots{bottom:0 !important}}@media (max-width:800px){.popup-html .popup-enquiry #page-thank-you{max-width:calc(100% - 40px)}.popup-html .popup-enquiry #page-thank-you .close-popup{width:20px;height:20px}.bx-tk{padding:40px}}@media (max-width:767px){.show-btn-xs{display:block}.product-banner{padding:0 15px;height:180px}.product-banner .title{line-height:50px}[lang=en] .product-banner .title{font-size:38px}[lang=th] .product-banner .title{font-size:60px}.chn .product-banner .title{font-size:40px}.banner .wrap-slide.nobg{min-height:180px}.banner .wrap-slide .banner-title{line-height:50px}[lang=en] .banner .wrap-slide .banner-title{font-size:38px}[lang=th] .banner .wrap-slide .banner-title{font-size:60px}.chn .banner .wrap-slide .banner-title{font-size:40px}.banner .slick-dots{bottom:20px}.basic-info-section{padding-top:0;padding-bottom:50px}.basic-info-section .wrap-content{padding:0 15px;flex-flow:column wrap}.basic-info-section .wrap-content .col-img{max-width:unset;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px)}.basic-info-section .wrap-content .col-img .slick-dots{margin-top:10px}.basic-info-section .wrap-content .col-text{display:flex;flex-direction:column;max-width:unset;margin-top:40px}.basic-info-section .wrap-content .col-text .desc.has-more{display:-webkit-box;max-height:120px;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;visibility:visible;text-overflow:ellipsis}.basic-info-section .wrap-content .col-text .enquiry{margin-top:10px}.gallery-section{padding-bottom:40px}.gallery-section .arrow{display:none}.gallery-section .gal-title{margin-bottom:30px}.gallery-section .gallery-slider .slide{margin-left:15px;margin-right:15px}.gallery-section .gallery-slider .slick-dots{margin-top:20px}.enquiry-section{padding-top:40px;padding-bottom:50px}.enquiry-section .enquiry-title{margin-bottom:40px}.enquiry-section .enquiry-btn{margin-top:25px}.enquiry-section .form-wrapper{padding:0 15px}.enquiry-section .form-wrapper .form-col{width:100%}.feature-section .title{padding:0 15px;top:40px;line-height:34px;width:100%;text-align:center}[lang=en] .feature-section .title{font-size:19px}[lang=th] .feature-section .title{font-size:30px}.chn .feature-section .title{font-size:20px}.feature-section .wrap-feature-item{flex-flow:column wrap;padding:0 15px}.feature-section .wrap-feature-item .feature-item{max-width:100%;margin:auto;margin-top:40px}.feature-section .wrap-feature-item .feature-item:first-child{margin-top:80px}.designer-section .designer-item{flex-flow:row wrap}.designer-section .col{width:100%}.designer-section .col .desc{max-width:unset;padding:60px 15px;line-height:30px}[lang=en] .designer-section .col .desc{font-size:17px}[lang=th] .designer-section .col .desc{font-size:26px}.chn .designer-section .col .desc{font-size:17px}.designer-section .col.text{order:2}.designer-section .col .designer{margin-top:20px}.designer-section .col .designer.mb{margin-bottom:20px}.detail-section{padding-top:40px;padding-bottom:0}.detail-section .title{margin-bottom:30px}.detail-section .wrap-download .download-item{width:100%;margin:10px 0}.detail-section .wrap-detail{padding:0 15px}.detail-section .wrap-detail .tab-detail{display:block;padding:0}.detail-section .wrap-detail .tab-detail.active{transition:opacity .4s ease-in;padding:30px 0}.detail-section .wrap-detail .tab-detail.active.download{padding-bottom:40px}.detail-section .wrap-detail .wrap-tab{margin-bottom:0}.detail-section .wrap-detail .wrap-tab .tab{width:100%;padding:0 15px}.detail-section .wrap-detail .wrap-tab .tab.active .ic-tab{width:10px;height:2px;background-position:-36px -51px}.detail-section .wrap-detail .wrap-tab .tab .ic-tab{margin-left:auto;height:10px;width:10px;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg');background-position:-12px -46px}.other-section{padding-bottom:40px;padding-bottom:20px}.other-section .title{margin-bottom:30px}.other-section .wrap-content{padding:0 15px}.other-section .wrap-content .relate-item{width:calc(50% - 7.5px);margin-bottom:30px}.other-section .wrap-content .relate-item:nth-child(4n - 3){margin-right:7.5px}.other-section .wrap-content .relate-item:nth-child(4n - 2){margin-left:7.5px;margin-right:0}.other-section .wrap-content .relate-item:nth-child(4n - 1){margin-left:0;margin-right:7.5px}.other-section .wrap-content .relate-item:nth-child(4n){margin-left:7.5px}.sh-section{padding:20px 0}}@media (max-width:320px){.feature-section .wrap-feature-item .feature-item{margin-top:30px}.feature-section .wrap-feature-item .feature-item:first-child{margin-top:70px}}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;margin:auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
@charset 'UTF-8';.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-16px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:0 0;z-index:1}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;cursor:pointer;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}