@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;button{border:none;padding:0;margin:0}}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}figure img{display:block}address{font-style:normal;margin:0;padding:0;font-weight:400}fieldset{border:none}iframe{display:block}}@layer base{:root{--base-size: 1rem;--scale: 1.4;--h1: calc(var(--h2) * var(--scale));--h2: calc(var(--h3) * var(--scale));--h3: calc(var(--h4) * var(--scale));--h4: calc(var(--h5) * var(--scale));--h5: calc(var(--h6) * var(--scale));--h6: var(--base-size)}.pointer{cursor:pointer}}@layer layout{.layout-body{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;display:flex;flex-direction:column}.layout-content{flex:1;min-height:auto;padding-bottom:2rem;display:flex;flex-direction:column}footer{margin-top:auto;width:100%;box-sizing:border-box}}@layer utilities{.none{display:none}.layout{padding-inline:1rem;max-width:1312px;padding-block-start:80px;padding-block-end:1rem}.fit-content{padding-block-start:16px}.ab{position:absolute;right:1px}.container{padding-inline:1rem}.block{display:block}article p img{width:100%;height:auto}.mr-i-auto{margin-inline:auto}.content{padding-top:80px}.show-xl{display:none}}@layer bodyHtml{html,body{margin:0;padding:0;width:100%;min-height:100svh}body{font-family:Athiti,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:Athiti,sans-serif}}@layer carousel{.img-display{width:100%;height:auto;aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(270deg,#0006,#0000 20% 80%,#0006)}.arrow-position{display:flex;justify-content:space-between;align-items:center;padding:1rem}.carousel button{all:unset;cursor:pointer;width:40px;height:40px}}@layer headerMenu{.flex-center{flex:1}header{top:0;z-index:100;background-color:#fff;width:100%;position:fixed}.menu{display:block}.hamburger{background-color:#fff;border:none}.logo-menu{width:80px;height:auto}.menu-xl{display:none}.menu-s-style{box-shadow:0 2px 6px 1px #0003;top:0;display:flex;align-items:center;justify-content:space-between;padding-inline:1rem;padding-block:.5rem}.menu-img-center{width:100%;text-align:center}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background-color:#00446f;color:#fff;padding-block-start:.5rem;padding-inline-start:1rem;transition:left .3s ease;box-shadow:0 2px 6px 1px #0003;z-index:100}.sidebar ul li{line-height:3}.sidebar ul li a,.sidebar a{color:#fff;padding-block:1rem;padding-inline:1rem;font-weight:600}.sidebar a:hover{background-color:#fb5b03}.sidebar.active{left:0}.position-close{display:flex;align-items:center;justify-content:space-between;margin-block-end:1rem}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99}.overlay.active{display:block}#map{width:100%;background-color:#515151}.main-post{grid-template-columns:1fr}.menu-header-2{display:none}}@layer homePgae{.screen-center{display:flex;flex-direction:column;align-items:center}.font-motto-en{font-family:Gloria Hallelujah,serif;font-weight:400;font-size:1.125rem;color:#fb5b03;text-align:center}.font-motto-th,.title-aboutus-blog{font-weight:500;font-size:1.25rem;color:#3cbab3;text-align:center}.text-normal{font-weight:500;font-size:1.25rem}.line-title,.line-seablue{margin-block:.5rem;border:solid 2px #3cbab3;height:2px;width:50px}.pd-b-s-1{padding-block-start:1rem}.mr-b-e-1{margin-block-end:1rem}.mr-b-e-2{margin-block-end:2rem}.btn-orange{background-color:#fb5b03;color:#fff;padding:.5rem 1rem;font-size:1rem;margin-inline:auto}.btn-position-main-video{display:flex;justify-content:center;width:130px;margin-block-start:1rem}.sub-menu-product{display:flex}.btn-pagi-position{display:inline-block;margin-block-start:1rem}.flex-sub-menu{display:flex;flex-basis:350px;flex-grow:1;flex-wrap:wrap}.flex-sub-menu a{width:50%;padding:.25rem}.img-menu-product:hover{-webkit-transform:scale(1.5);transform:scale(1.1);transition:.3s ease-in-out}.img-menu-product{width:100%;object-fit:contain;aspect-ratio:1/1;height:auto}.title-sub-menu{background-color:#00446f;padding-block:.5rem;padding-inline-start:.5rem;color:#fff}.blog-news-homepage{display:grid;padding-block-start:1rem;gap:1rem}.videos-content,.contact-address,.about-us-content{padding:1.5rem;background-color:#ececec}.main-video{width:100%;margin-block-start:1rem}.video-embed{max-width:100%!important}.title-content{font-weight:500;font-size:1.25rem;color:#00446f}.pd-title{padding-block-start:1rem}.line-orange{margin-block:.5rem;border:solid 1px #fb5b03;width:50px}.read-more{display:flex;align-items:center;gap:.5rem}.read-more span,.read-more-card{color:#fb5b03;font-size:1.25rem;font-weight:500;margin-block:.5rem}.text-position{display:flex;justify-content:flex-end}.type-blog{background-color:#00446f;padding:.625rem .75rem;color:#fff}.blog-content{padding:1rem}.blog-title{font-weight:500;font-size:1.125rem;color:#00446f}.blog-description{font-weight:300;font-size:.875rem;color:#1d1d1d}.blog-card img{aspect-ratio:3/2;object-fit:cover;background-color:#e5dfe1}.contact-contain{padding:1rem}.address-info{display:flex;flex-direction:column}.address-info a,.address-info span{display:flex;align-items:flex-start;font-weight:500;color:#1d1d1d;margin-block-start:.5rem}.address-info a:before,.address-info span:before{content:"";display:inline-block;min-width:24px;height:24px;background-size:contain;background-repeat:no-repeat;margin-inline-end:1rem}.address-info a[type=tel]:before{background-image:url(/icon/mobile.png)}.address-info span[data-icon=fax]:before{background-image:url(/icon/fax.png)}.address-info a[type=email]:before{background-image:url(/icon/mail.png)}.address-info span[data-icon=address]:before{background-image:url(/icon/location.png)}.location-contain{background:#ececec;padding:1rem}.address-contain{display:flex;justify-content:center;flex-direction:column}.maincategory{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@layer cardProduction{.product-card,.blog-news-card{display:flex;flex-direction:column;gap:1rem;border:solid 1px #d6d6d6;border-radius:.5rem;padding:1rem}.product-card img{border-radius:0 0 1rem 1rem;width:100%;aspect-ratio:4/3;object-fit:contain}.product-card-empty{background-color:#f9f9f9;height:277px;border-radius:0 0 1rem 1rem;display:block}.product-card-title,.blog-news-title,.shop-card-title{font-weight:600;color:#18416f;font-size:1.125rem}.title-card{font-weight:600;font-size:1.125rem}.info-product-card,.des-blog-news-card,.tel-shop-card,.info-product-detail,.contact-product-detail a{display:flex;flex-direction:column;gap:1rem;color:#1d1d1d}.info-shop-card{display:flex;gap:1rem;color:#1d1d1d}.info-shop-card-detail{display:flex;gap:1rem}.text-ellipsis{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.text-clamp-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-clamp-contactonly{-webkit-line-clamp:2;-webkit-box-orient:vertical}}@layer blognewsCard{.blog-news-card img{width:100%;aspect-ratio:16/9;object-fit:contain}.blog-news-empty{background-color:#f9f9f9;height:288px;display:block}.date-blog-news-card{display:flex;align-items:center;justify-content:space-between}.blog-news-detail{display:grid;grid-template-columns:1fr}.breadcrumb{display:flex}.text-breadcrumb{font-weight:600;font-size:.875rem;color:#00446f}.sub-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-block-end:1rem}.sub-tags a:before{display:flex;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;margin-inline-end:.5rem}.sub-tags li{border:solid 1px #d6d6d6;padding:1rem}.sub-tags a{font-weight:600;font-size:1rem}}@layer aboutus{.img-cover-aboutus{width:100%;aspect-ratio:16/9;object-fit:contain;height:auto}.title-aboutus-blog{font-size:1.125rem;text-align:center}.aboutus-blog figure{margin-block-end:1rem}.aboutus-blog img{width:100%}.cover{object-fit:cover}.contain{object-fit:contain}}@layer shopCard{.shop{padding:16px}.shop-card{padding:1rem;border:1px solid #c3c3c3;border-radius:.5rem}.shop-card-title{margin-block-start:1rem}.shop-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:1rem;height:auto}.shop-card-empty{background-color:#f9f9f9;height:auto;aspect-ratio:16 / 9;border-radius:1rem;display:block;width:100%}.shop-card address,.shop-card figcaption{display:flex;flex-direction:column;gap:1rem}.title-day-shop-card,.title-day-open,.title-day-close{font-size:1.125rem;font-weight:600;color:#1d1d1d}.title-day-open{color:#179691}.title-day-close{color:#de2b2b}.shop-detail-day-open{font-size:1.125rem;font-weight:600;color:#fb5b03}.shop-info a{display:flex;flex-direction:row}.open-day-row{display:flex;gap:1rem}.shop-info a:before,.shop-info span:before{content:"";display:inline-block;width:24px;height:24px;background-repeat:no-repeat}.shop-info span:before{width:40px;height:auto}.shop-info a[type=tel]:before{background-image:url(/icon/mobile.png)}.shop-info span[data-icon=fax]:before{background-image:url(/icon/fax.png)}.shop-info a[type=email]:before{background-image:url(/icon/mail.png)}.shop-info span[data-icon=address]:before{background-image:url(/icon/location.png)}.opening-hours div{margin-block-end:.5rem;display:grid;grid-template-columns:6.5rem 1fr}.opening-hours div dt{min-width:80px}}@layer shopDetail{.shop-detail figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:1rem;height:auto}.shop-detail-empty{aspect-ratio:16/9;background-color:#f9f9f9;max-width:700px;height:auto;border-radius:1rem;display:block}.shop-detail-map{margin-block:1rem}.shop-detail-map img{width:100%;height:auto}.shop-detail address{display:flex;flex-direction:column;gap:1rem;margin-block-end:1rem}.space-location{margin-block:1.5rem}}@layer contactUs{.contact-title{font-size:1.5rem;font-weight:600;color:#18416f}.contact-head{display:flex;flex-direction:column;align-items:center;padding-block-start:1.5rem}.contact-form,.pre-order-form{display:flex;flex-direction:column;padding:1rem;gap:1rem}.contact-form-input{display:flex;flex-direction:column}.input-custom{font-family:athiti;border:1px solid #c3c3c3;padding:.625rem;padding-inline:1.125rem;border-radius:5px;font-size:16px;width:100%}.textarea-custom{width:100%;height:100px;font-family:athiti;border:1px solid #c3c3c3;padding:.625rem;padding-inline:1.125rem;border-radius:5px;font-size:16px}.btn-primary{background-color:#fb5b03;color:#fff;padding-block:.625rem;font-size:16px;font-weight:500}.contact-address{display:flex;flex-direction:column;gap:.5rem}.contact-address a{color:#1d1d1d}.motto-contain{display:flex;justify-content:center}}@layer videosCard{.videos-card{width:100%;height:auto}.videos-card figcaption{background-color:#00446f;padding:1rem}.video-card-empty{background-color:#f9f9f9;height:250px;display:block}.videos-img{object-fit:cover;width:100%;aspect-ratio:16/9}.title-video{color:#fff;font-size:16px}.gap-caption{margin-block-end:1rem}.videos-description{opacity:50%}}@layer productlist{.product-grid-list,.blog-news-grid-list,.videos-grid-list,.shop-grid-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.blog-contain{display:grid;grid-template-rows:repeat(1,1fr)}.title-head,.title-product-Detail,.title-shop-detail{color:#00446f;font-weight:600;font-size:1.5rem;margin-block-end:1rem}.text-medium{font-weight:600;font-size:1.5rem;margin-block-end:1rem}.category-list{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1.5rem}.category-list a,.sub-tags a{font-weight:600;font-size:1rem;color:#00446f}.category-list a#active{color:#fb5b03}.category-list a.active,.sub-tags a.active{font-weight:700;color:#fb5b03}.category-list a:hover .sub-tags a:hover{color:#fb5b03;transition:all .3s}.category-list a:active{color:#cd4800}.title-contain{height:58px}.descript-contain{height:50px}}@layer productDetail{.product-detail-pagination{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;max-width:100%;width:100%;max-width:600px}.gallery-container{display:flex;overflow-x:auto;gap:.5rem;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#fb5b03 #f1f1f1;-webkit-overflow-scrolling:touch;flex:1}.gallery-container::-webkit-scrollbar{height:4px}.gallery-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.gallery-container::-webkit-scrollbar-thumb{background:#fb5b03;border-radius:2px}.gallery-container::-webkit-scrollbar-thumb:hover{background:#cd4800}.gallery-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#666;flex-shrink:0}.gallery-nav-btn:hover:not(:disabled){background:#fb5b03;border-color:#fb5b03;color:#fff;transform:scale(1.05)}.gallery-nav-btn:disabled{cursor:not-allowed;opacity:.5}.gallery-nav-btn svg{width:20px;height:20px}.gallery-thumbnail{flex:0 0 auto;width:90px;height:90px}.gallery-image{width:90px!important;height:90px!important;object-fit:cover;border:1px solid #e8e8e8;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.gallery-image:hover{border-color:#fb5b03;transform:scale(1.02)}.gallery-image.active{border-width:2px;box-shadow:0 0 0 2px #fb5b0333}.product-detail-empty{background-color:#f9f9f9;width:100%;display:block;aspect-ratio:4/3;margin-block-end:1rem}.img-product-detail-cover{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.product-detail address{display:flex;gap:.5rem}.title-product-Detail{font-size:1.5rem}.info-product-detail{gap:.5rem}.share-product{padding-block:1rem;gap:.5rem;margin-block-end:1rem}.contact-product-detail,.contact-product-detail a{display:flex;gap:.5rem;flex-direction:column}}@layer Footer{footer{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:#053c63;padding:1rem}footer ul{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-block:1rem}footer address a img,.share-product img{width:40px;height:auto;aspect-ratio:1/1}footer a,small{color:#fff}}@layer PageNotFound{.page-not-found{display:flex;flex-direction:column;align-items:center;gap:1rem}.page-not-found img{height:auto}}@layer Emptystate{.empty{display:flex;justify-content:center;align-items:center;flex-direction:column}.empty-screen{text-align:center}.text-empty-state{font-size:1.125rem;font-weight:500;margin-block-start:1rem}.img-empty-state{width:50%;height:auto;aspect-ratio:4/3;object-fit:contain}}@layer screen-xs{@media (max-width:400px){.sub-tags li{width:50%;text-align:center}}}@layer tabletsize{@media (min-width: 767px){.blog-news-homepage,.product-grid-list,.blog-news-grid-list,.shop-grid-list,.videos-grid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}}@layer Tags{.tag-link{display:inline-flex;align-items:center;text-decoration:none;color:#fb5b03;background-color:#fb5b0330;border-radius:.375rem;transition:all .2s ease;margin:.5rem;font-weight:600}.tag-small{padding:.25rem .75rem;font-size:.875rem}.tag-large{padding:.5rem 1rem;font-size:1rem}.tag-hash{color:#fb5b03;margin-right:.25rem}.tag-link:hover{background-color:#e2e8f0;color:#2d3748}.tag-link:focus{outline:2px solid #4299e1;outline-offset:2px}.tag-description{color:#666;font-weight:400;opacity:.8}.tags-container{padding-block:1rem}}@layer Responsive{@media (min-width: 1099px){.none-xl{display:none}.show-xl{display:block!important}.fit-content{padding-block-start:20px}.layout{padding-block-start:80px}.menu-xl{display:flex;gap:1rem;width:100%}.hide{display:none}.video-embed{width:100%;height:auto}.blog-news-homepage{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.shop-card-empty{background-color:#f9f9f9;aspect-ratio:16/9;height:auto;border-radius:1rem;display:block}.product-detail-empty{background-color:#f9f9f9;height:462px;display:block;aspect-ratio:4/3}.main-post{grid-column:span 3 / span 3;grid-row:span 4 / span 4}.side-post{grid-column:span 1 / span 1;grid-row:span 2 / span 2}.info-shop-card-detail{gap:.2em}.main-post img,.side-post img{width:100%;height:auto}.contact-contain{display:grid;grid-template-columns:repeat(2,1fr)}.contact-address{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.location-contain,.video-contain{display:flex;gap:2rem}.pre-order-contain{width:100%}.product-detail-pc,.shop-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.shop-detail figure img{max-width:700px;height:auto}.share-product{justify-content:flex-start}.title-product-Detail,.title-space{margin-block-start:1rem}.flex-main-menu{display:flex}.flex-sub-menu{display:flex;flex-basis:350px;flex-grow:1;flex-wrap:nowrap}.maincategory{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.none-res-xl{display:none}#map{width:100%;background-color:#515151}.logo-menu{width:auto;height:100px;position:absolute;top:0}.menu-xl-style{box-shadow:0 2px 6px 1px #0003;width:100%}.layout-menu{margin-inline:auto;display:flex;max-width:1280px;align-items:center;padding-inline-end:1.5rem;height:80px}.layout-menu div{width:100%;display:flex;justify-content:flex-end}.menu-xl-list{display:flex;gap:1.5rem}.descript-contain{height:64px}.menu-xl-list a{color:#00446f;font-size:1.125rem;font-weight:600}.menu-xl-list a:hover{color:#fb5b03;font-size:1.125rem;font-weight:600;transition:all .3s}.menu-xl-list a.active{color:#fb5b03;font-size:1.125rem;font-weight:700}.menu-xl-list a:active{color:#cd4800;font-size:1.125rem;font-weight:600;transition:all .3s ease}.menu-xl{display:flex}.menu{display:none}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%}.address-info a{align-items:flex-start;width:500px}.blog-news-detail{display:grid;grid-template-columns:160px 70ch}.blog-news-share,.blog-news-content{padding-inline:2rem}.blog-news-content{font-size:1.25rem;line-height:1.8;margin-inline:auto;max-width:70ch}.breadcrumb{padding:1rem}.font-motto-en{font-size:2rem;color:#fb5b03}.layout-aboutus{margin-inline:auto}.img-cover-aboutus{object-fit:cover}.title-aboutus-blog{font-size:2.25rem}.aboutus-blog figure{display:flex;align-items:center;justify-content:space-between;gap:2rem}.aboutus-blog figure:nth-child(2){flex-direction:row-reverse}.aboutus-blog figure img{width:50%;height:auto;aspect-ratio:16/9;object-fit:contain}.aboutus-blog p{font-size:1.25rem}.aboutus-blog figure figcaption{width:555px}.product-grid-list,.blog-news-grid-list,.videos-grid-list,.shop-grid-list{grid-template-columns:repeat(3,1fr);width:auto;gap:1.5rem}.img-empty-state{width:auto}.pre-order-form{width:500px}*{font-size:1.125rem}.tags-container{padding-block:1rem;padding-inline:2.25rem}.sub-tags a{font-size:1rem}.layout{margin-inline:auto}.w-full{width:1100px}}}@layer screenEmpty{@media (min-width: 1279px){.sub-tags a{font-size:1.25rem}.w-full{width:1280px}}}