.head-detail{max-width:800px;margin:auto;padding:40px;padding-top:60px;padding-bottom:40px;position:relative}.head-detail:after{content:"";position:absolute;left:40px;bottom:0;width:calc(100% - 40px*2);border-bottom:1px solid #EEEEEE}.head-detail .title{line-height:48px;margin-bottom:20px}[lang=en] .head-detail .title{font-size:31px}[lang=th] .head-detail .title{font-size:48px}.chn .head-detail .title{font-size:32px}.head-detail .wrap-cate{margin-top:20px;font-size:0}.head-detail .wrap-cate .cate{line-height:18px;margin:2px 0;cursor:pointer;display:inline-flex;border-bottom:1px solid}[lang=en] .head-detail .wrap-cate .cate{font-size:12px}[lang=th] .head-detail .wrap-cate .cate{font-size:18px}.chn .head-detail .wrap-cate .cate{font-size:12px}.head-detail .wrap-cate span{line-height:18px;margin-right:8px}[lang=en] .head-detail .wrap-cate span{font-size:12px}[lang=th] .head-detail .wrap-cate span{font-size:18px}.chn .head-detail .wrap-cate span{font-size:12px}.wrap-key-detail{max-width:800px;margin:auto;padding:40px;padding-top:40px;padding-bottom:50px}.wrap-key-detail .key-detail{margin-bottom:15px;display:flex}.wrap-key-detail .key-detail:last-child{margin-bottom:0}.wrap-key-detail .key-detail .wrap-text{display:flex}.wrap-key-detail .key-detail .ic{min-width:23px;max-width:23px;max-height:24px;margin-right:15px;background:url('https://modernform.cdnboost.com/images/portfolio/sprite.svg') no-repeat}.wrap-key-detail .key-detail .ic img{max-width:100%;max-height:100%}.wrap-key-detail .key-detail .ic.loc{background-position:0px 0px;height:24px}.wrap-key-detail .key-detail .ic.architect{background-position:0 -34px;height:20px}.wrap-key-detail .key-detail .ic.product{background-position:0 -67px;height:22px}.wrap-key-detail .key-detail .ic.kitchen{background-position:-32px -1px;height:22px}.wrap-key-detail .key-detail .ic.kitchen2{background-position:-32px -32px;height:21px}.wrap-key-detail .key-detail .ic.deco{background-position:-33px -66px;height:23px}.wrap-key-detail .key-detail .ic.deco2{background-position:-62px -1px;height:24px}.wrap-key-detail .key-detail .ic.office{background-position:-32px -95px;height:24px}.wrap-key-detail .key-detail .ic.office2{background-position:-32px -128px;height:24px}.wrap-key-detail .key-detail .ic.collab{background-position:0 -99px;height:20px}.wrap-key-detail .key-detail .ic.calendar{background-position:0 -129px;height:22px}.wrap-key-detail .key-detail .ic.hardware{background:url('/images/layout/ic_hardware.svg');background-position:center;background-repeat:no-repeat;height:24px}.wrap-key-detail .key-detail .ic.walkin{background:url('/images/layout/ic_closet.svg');background-position:center;background-repeat:no-repeat;height:21px}.wrap-key-detail .key-detail .ic.steelcase{background:url('/images/layout/ic_steelcase.svg');background-position:center;background-repeat:no-repeat;height:24px}.wrap-key-detail .key-detail .key-title{margin-right:10px;line-height:24px}[lang=en] .wrap-key-detail .key-detail .key-title{font-size:14px}[lang=th] .wrap-key-detail .key-detail .key-title{font-size:22px}.chn .wrap-key-detail .key-detail .key-title{font-size:15px}.wrap-key-detail .key-detail .text{line-height:24px}[lang=en] .wrap-key-detail .key-detail .text{font-size:14px}[lang=th] .wrap-key-detail .key-detail .text{font-size:22px}.chn .wrap-key-detail .key-detail .text{font-size:15px}.wrap-detail{max-width:800px;margin:auto;padding:40px;padding-bottom:80px}.wrap-detail .detail{line-height:24px}[lang=en] .wrap-detail .detail{font-size:13px}[lang=th] .wrap-detail .detail{font-size:20px}.chn .wrap-detail .detail{font-size:13px}.wrap-slider{position:relative;width:100%;max-width:1280px;margin:auto}.wrap-slider input{display:none}.wrap-slider img{width:100%}.wrap-slider .arrow{position:absolute;top:calc(50% - 30px);margin-top:-9px;z-index:1}.wrap-slider .prev{transform:rotate(180deg);left:40px}.wrap-slider .next{right:40px}.wrap-slider .slick-dots{position:relative;display:flex;margin:auto;margin-top:20px;margin-bottom:0;bottom:unset;justify-content:center}.wrap-slider .slick-dots li{width:20px;height:auto;display:inline-block;height:20px}.wrap-slider .slick-dots li.slick-active{background:white}.wrap-slider .slick-dots li.slick-active button{border-color:#9B9B9B;border-width:2px;background:white;opacity:1}.wrap-slider .slick-dots li button{background:#9B9B9B;border:3px solid white;margin:auto;width:10px;height:10px;border-radius:5px;opacity:.4;padding:0}.wrap-slider .slick-dots li button:before{content:none}.wrap-slider .slide-nav{position:relative;display:flex;margin:auto;margin-top:20px;margin-bottom:0;bottom:unset;justify-content:center}.wrap-slider .slide-nav .slick-list{max-width:220px}.wrap-slider .slide-nav .nav-box{width:20px;height:auto;display:inline-block;height:20px}.wrap-slider .slide-nav .nav-box.slick-current{background:white}.wrap-slider .slide-nav .nav-box.slick-current .button{border-color:#9B9B9B;border-width:2px;background:white;opacity:1}.wrap-slider .slide-nav .nav-box .button{background:#9B9B9B;border:3px solid white;margin:auto;width:10px;height:10px;border-radius:5px;opacity:.4;padding:0}.wrap-slider .slide-nav .nav-box .button:before{content:none}.gallery-slider{max-width:1100px;padding:0 70px;margin:auto;text-align:center;width:100%}.gallery-slider .gallery-slide{width:100%}.gallery-slider .gallery-slide .img-layout{background:#fafafa;position:relative;padding-top:75%}.gallery-slider .gallery-slide img{display:block;margin:auto;position:absolute;object-fit:contain;top:0;bottom:0;max-height:100%}.gallery-slider .gallery-slide .img{position:absolute;top:0;left:0;width:100%;height:100%}.port-list{display:flex;flex-flow:row wrap}.port-item{width:calc(33.33% - 20px);margin-left:15px;margin-right:15px}.port-item:nth-child(3n){margin-right:0}.port-item:nth-child(3n - 2){margin-left:0}.port-item .thumb{width:100%;display:block;position:relative;font-size:0}.port-item .thumb .overlay{top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.5);position:absolute;display:flex;justify-content:center;transition:opacity .3s;align-items:center}.port-item .thumb .overlay .btn-discover{min-width:140px;background:white;display:flex;justify-content:center;align-items:center;height:42px;line-height:22px;opacity:0;transform:translateY(20px);transition:all .3s}[lang=en] .port-item .thumb .overlay .btn-discover{font-size:13px}[lang=th] .port-item .thumb .overlay .btn-discover{font-size:20px}.chn .port-item .thumb .overlay .btn-discover{font-size:13px}.port-item .thumb:hover .overlay{opacity:1}.port-item .thumb:hover .overlay .btn-discover{transform:none;opacity:1}.port-item .thumb img{width:100%}.port-item .text-wrapper .wrap-cate{margin-top:20px;font-size:0}.port-item .text-wrapper .wrap-cate .cate{line-height:18px;margin:2px 0;cursor:pointer;display:inline-flex;border-bottom:1px solid}[lang=en] .port-item .text-wrapper .wrap-cate .cate{font-size:12px}[lang=th] .port-item .text-wrapper .wrap-cate .cate{font-size:18px}.chn .port-item .text-wrapper .wrap-cate .cate{font-size:12px}.port-item .text-wrapper .wrap-cate span{line-height:18px;margin-right:8px}[lang=en] .port-item .text-wrapper .wrap-cate span{font-size:12px}[lang=th] .port-item .text-wrapper .wrap-cate span{font-size:18px}.chn .port-item .text-wrapper .wrap-cate span{font-size:12px}.port-item .text-wrapper .title{margin-top:20px;line-height:30px;display:-webkit-box;max-height:60px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;visibility:visible;text-overflow:ellipsis}[lang=en] .port-item .text-wrapper .title{font-size:17px}[lang=th] .port-item .text-wrapper .title{font-size:26px}.chn .port-item .text-wrapper .title{font-size:17px}.related-section{padding-top:40px;padding-bottom:60px;background:#fafafa}.related-section .related-title{line-height:26px;text-align:center;margin-bottom:40px}[lang=en] .related-section .related-title{font-size:14px}[lang=th] .related-section .related-title{font-size:22px}.chn .related-section .related-title{font-size:15px}.related-section .port-list{max-width:1020px;margin:auto;padding:40px;padding-top:0;padding-bottom:0}.sh-section{background:#233388;padding:30px 0}.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 .sh-item{margin-right:30px;cursor:pointer;background:url('https://modernform.cdnboost.com/images/collection/sprite.svg')}.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-bottom:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.wrap-slider .slick-dots{bottom:0 !important}}@media (max-width:767px){.head-detail{padding:15px;padding-top:40px;padding-bottom:30px}.head-detail:after{left:15px;width:calc(100% - 15px*2)}.head-detail .title{line-height:40px;margin-bottom:15px}[lang=en] .head-detail .title{font-size:26px}[lang=th] .head-detail .title{font-size:40px}.chn .head-detail .title{font-size:27px}.wrap-key-detail{padding:15px;padding-top:30px;padding-bottom:40px}.wrap-key-detail .key-detail .wrap-text{flex-direction:column}.wrap-detail{padding:15px;padding-top:30px;padding-bottom:50px}.gallery-slider{padding:0}.related-section{padding-bottom:40px }.related-section .port-list{padding:0 15px}.related-section .port-list .port-item{width:100%;margin:0;margin-bottom:40px}.sh-section{padding:20px 0}}
.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}
.section-share,.sh-section{background-color:#233388;padding:30px 0;z-index:1;position:relative}.section-share .wrap-share,.sh-section .wrap-share{padding:0 15px;margin:auto}.section-share .wrap-share .txt-share,.sh-section .wrap-share .txt-share{color:#FFF;line-height:24px;margin-right:30px}[lang=en] .section-share .wrap-share .txt-share,[lang=en] .sh-section .wrap-share .txt-share{font-size:14px}[lang=th] .section-share .wrap-share .txt-share,[lang=th] .sh-section .wrap-share .txt-share{font-size:22px}.chn .section-share .wrap-share .txt-share,.chn .sh-section .wrap-share .txt-share{font-size:15px}.section-share .wrap-share .wrap-item,.sh-section .wrap-share .wrap-item{display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;position:relative}.section-share .wrap-share .wrap-item .sh-item,.sh-section .wrap-share .wrap-item .sh-item{background:url(https://modernform.cdnboost.com/images/layout/sprite_layout.svg) no-repeat;margin-top:auto;margin-bottom:auto;position:relative;cursor:pointer;margin-right:30px;opacity:.5}.section-share .wrap-share .wrap-item .sh-item:hover,.sh-section .wrap-share .wrap-item .sh-item:hover{opacity:1}.section-share .wrap-share .wrap-item .sh-item.fb,.sh-section .wrap-share .wrap-item .sh-item.fb{width:8px;height:18px;background-position:-439px 0}.section-share .wrap-share .wrap-item .sh-item.twitter,.sh-section .wrap-share .wrap-item .sh-item.twitter{width:19px;height:16px;background-position:-454px 0}.section-share .wrap-share .wrap-item .sh-item.line,.sh-section .wrap-share .wrap-item .sh-item.line{width:19px;height:18px;background-position:-480px 0}.section-share .wrap-share .wrap-item .sh-item.mail,.sh-section .wrap-share .wrap-item .sh-item.mail{width:18px;height:14px;background-position:-506px 0}.section-share .wrap-share .wrap-item .sh-item.link,.sh-section .wrap-share .wrap-item .sh-item.link{width:16px;height:16px;background-position:-531px 0}.section-share .wrap-share .wrap-item .sh-item:last-child,.sh-section .wrap-share .wrap-item .sh-item:last-child{margin-right:0}.section-share .wrap-share .wrap-item #cptt,.sh-section .wrap-share .wrap-item #cptt{position:absolute;color:#233388;white-space:nowrap;background:#fff;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,.2)}.section-share .wrap-share .wrap-item #cptt.fadein,.sh-section .wrap-share .wrap-item #cptt.fadein{opacity:1;transition:opacity ease .4s}