@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap);.ma-0{margin:0!important}.ma-1{margin:4px!important}.ma-2{margin:8px!important}.ma-3{margin:12px!important}.ma-4{margin:16px!important}.ma-5{margin:20px!important}.ma-6{margin:24px!important}.ma-7{margin:28px!important}.ma-8{margin:32px!important}.ma-9{margin:36px!important}.ma-10{margin:40px!important}.ma-11{margin:44px!important}.ma-12{margin:48px!important}.ma-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:4px!important;margin-right:4px!important}.mx-2{margin-left:8px!important;margin-right:8px!important}.mx-3{margin-left:12px!important;margin-right:12px!important}.mx-4{margin-left:16px!important;margin-right:16px!important}.mx-5{margin-left:20px!important;margin-right:20px!important}.mx-6{margin-left:24px!important;margin-right:24px!important}.mx-7{margin-left:28px!important;margin-right:28px!important}.mx-8{margin-left:32px!important;margin-right:32px!important}.mx-9{margin-left:36px!important;margin-right:36px!important}.mx-10{margin-left:40px!important;margin-right:40px!important}.mx-11{margin-left:44px!important;margin-right:44px!important}.mx-12{margin-left:48px!important;margin-right:48px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx--2{margin-left:-8px!important;margin-right:-8px!important}.mx--3{margin-left:-12px!important;margin-right:-12px!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:4px!important;margin-top:4px!important}.my-2{margin-bottom:8px!important;margin-top:8px!important}.my-3{margin-bottom:12px!important;margin-top:12px!important}.my-4{margin-bottom:16px!important;margin-top:16px!important}.my-5{margin-bottom:20px!important;margin-top:20px!important}.my-6{margin-bottom:24px!important;margin-top:24px!important}.my-7{margin-bottom:28px!important;margin-top:28px!important}.my-8{margin-bottom:32px!important;margin-top:32px!important}.my-9{margin-bottom:36px!important;margin-top:36px!important}.my-10{margin-bottom:40px!important;margin-top:40px!important}.my-11{margin-bottom:44px!important;margin-top:44px!important}.my-12{margin-bottom:48px!important;margin-top:48px!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-5{margin-top:20px!important}.mt-6{margin-top:24px!important}.mt-7{margin-top:28px!important}.mt-8{margin-top:32px!important}.mt-9{margin-top:36px!important}.mt-10{margin-top:40px!important}.mt-11{margin-top:44px!important}.mt-12{margin-top:48px!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:4px!important}.mr-2{margin-right:8px!important}.mr-3{margin-right:12px!important}.mr-4{margin-right:16px!important}.mr-5{margin-right:20px!important}.mr-6{margin-right:24px!important}.mr-7{margin-right:28px!important}.mr-8{margin-right:32px!important}.mr-9{margin-right:36px!important}.mr-10{margin-right:40px!important}.mr-11{margin-right:44px!important}.mr-12{margin-right:48px!important}.mr-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-0-5{margin-bottom:.5em!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mb-5{margin-bottom:20px!important}.mb-6{margin-bottom:24px!important}.mb-7{margin-bottom:28px!important}.mb-8{margin-bottom:32px!important}.mb-9{margin-bottom:36px!important}.mb-10{margin-bottom:40px!important}.mb-11{margin-bottom:44px!important}.mb-12{margin-bottom:48px!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:4px!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:12px!important}.ml-4{margin-left:16px!important}.ml-5{margin-left:20px!important}.ml-6{margin-left:24px!important}.ml-7{margin-left:28px!important}.ml-8{margin-left:32px!important}.ml-9{margin-left:36px!important}.ml-10{margin-left:40px!important}.ml-11{margin-left:44px!important}.ml-12{margin-left:48px!important}.ml-auto{margin-left:auto!important}.pa-0{padding:0!important}.pa-1{padding:4px!important}.pa-2{padding:8px!important}.pa-3{padding:12px!important}.pa-4{padding:16px!important}.pa-5{padding:20px!important}.pa-6{padding:24px!important}.pa-7{padding:28px!important}.pa-8{padding:32px!important}.pa-9{padding:36px!important}.pa-10{padding:40px!important}.pa-11{padding:44px!important}.pa-12{padding:48px!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:4px!important;padding-right:4px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.px-5{padding-left:20px!important;padding-right:20px!important}.px-6{padding-left:24px!important;padding-right:24px!important}.px-7{padding-left:28px!important;padding-right:28px!important}.px-8{padding-left:32px!important;padding-right:32px!important}.px-9{padding-left:36px!important;padding-right:36px!important}.px-10{padding-left:40px!important;padding-right:40px!important}.px-11{padding-left:44px!important;padding-right:44px!important}.px-12{padding-left:48px!important;padding-right:48px!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:4px!important;padding-top:4px!important}.py-2{padding-bottom:8px!important;padding-top:8px!important}.py-3{padding-bottom:12px!important;padding-top:12px!important}.py-4{padding-bottom:16px!important;padding-top:16px!important}.py-5{padding-bottom:20px!important;padding-top:20px!important}.py-6{padding-bottom:24px!important;padding-top:24px!important}.py-7{padding-bottom:28px!important;padding-top:28px!important}.py-8{padding-bottom:32px!important;padding-top:32px!important}.py-9{padding-bottom:36px!important;padding-top:36px!important}.py-10{padding-bottom:40px!important;padding-top:40px!important}.py-11{padding-bottom:44px!important;padding-top:44px!important}.py-12{padding-bottom:48px!important;padding-top:48px!important}.pt-0{padding-top:0!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:12px!important}.pt-4{padding-top:16px!important}.pt-5{padding-top:20px!important}.pt-6{padding-top:24px!important}.pt-7{padding-top:28px!important}.pt-8{padding-top:32px!important}.pt-9{padding-top:36px!important}.pt-10{padding-top:40px!important}.pt-11{padding-top:44px!important}.pt-12{padding-top:48px!important}.pr-0{padding-right:0!important}.pr-1{padding-right:4px!important}.pr-2{padding-right:8px!important}.pr-3{padding-right:12px!important}.pr-4{padding-right:16px!important}.pr-5{padding-right:20px!important}.pr-6{padding-right:24px!important}.pr-7{padding-right:28px!important}.pr-8{padding-right:32px!important}.pr-9{padding-right:36px!important}.pr-10{padding-right:40px!important}.pr-11{padding-right:44px!important}.pr-12{padding-right:48px!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:12px!important}.pb-4{padding-bottom:16px!important}.pb-5{padding-bottom:20px!important}.pb-6{padding-bottom:24px!important}.pb-7{padding-bottom:28px!important}.pb-8{padding-bottom:32px!important}.pb-9{padding-bottom:36px!important}.pb-10{padding-bottom:40px!important}.pb-11{padding-bottom:44px!important}.pb-12{padding-bottom:48px!important}.pl-0{padding-left:0!important}.pl-1{padding-left:4px!important}.pl-2{padding-left:8px!important}.pl-3{padding-left:12px!important}.pl-4{padding-left:16px!important}.pl-5{padding-left:20px!important}.pl-6{padding-left:24px!important}.pl-7{padding-left:28px!important}.pl-8{padding-left:32px!important}.pl-9{padding-left:36px!important}.pl-10{padding-left:40px!important}.pl-11{padding-left:44px!important}.pl-12{padding-left:48px!important}html{box-sizing:border-box}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box;margin:0}img{aspect-ratio:attr(width) /attr(height)}.ant-skeleton-content ul{padding-left:0}.ant-badge{line-height:inherit!important}.ant-carousel .slick-slide img{display:inline-block!important}.ant-modal-full-page .ant-modal{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.ant-modal-full-page .ant-modal .ant-modal-content{height:100vh!important}.ant-modal-full-page .ant-modal .ant-modal-footer{bottom:0!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important}.ant-drawer-full-page .ant-drawer-content,.ant-drawer-full-page .ant-drawer-header{border-radius:0!important}.app-carousel-align-start .agile__slides{align-items:flex-start!important}.app-carousel-align-center .agile__slides{align-items:center!important}.agile__nav-button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:20px;height:100%;opacity:.5;position:absolute;top:0;transition-duration:.3s}.agile__nav-button:hover{background-color:rgba(0,0,0,.5);opacity:1}.agile__nav-button--prev{left:0}.agile__nav-button--next{right:0}.agile__dots{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.agile__dot{margin:0 2px}.agile__dot button{background:#fff;border:0;border-radius:1px;color:transparent;cursor:pointer;display:block;font-size:0;height:3px;opacity:.6;outline:none;padding:0;transition:all .5s;width:8px}.agile__dot--current button,.agile__dot:hover button{background:#fff;opacity:1;width:20px}.html-content-avoid-overflow img{max-width:100%}.label--required label:before{margin-right:4px}.label--required label:before,.text--required:after{color:#f5222d;content:"*";display:inline-block;font-size:14px;line-height:1}.text--required:after{margin-left:4px}.border-radius-50{border-radius:50%}.text-capitalize{text-transform:capitalize!important}.text-uppercase{text-transform:uppercase}.spin-loading{background:rgba(0,0,0,.05);border-radius:4px;margin:20px 0;padding:30px 50px;text-align:center}.normalized-button{min-width:148px}.product-side-filter .ant-collapse-header{padding-bottom:8px!important;padding-left:0!important;padding-top:8px!important}.product-side-filter .ant-collapse-content-box{padding-left:0!important;padding-right:0!important}.product-side-filter .ant-collapse-item{border-bottom:0!important}.product-side-filter .filter-header-text{font-size:1rem!important;font-weight:600!important}.product-side-filter .filter-header-text,.product-side-filter .filter-text{color:#262626!important;font-family:Noto Sans Thai!important;font-style:normal!important;letter-spacing:-.015em!important}.product-side-filter .filter-text{font-size:.875rem!important;font-weight:400!important}.content-container{padding-left:80px;padding-right:80px}.rate-component{display:inline-block}.rate-component .ant-rate{color:#f68793}.layout-wrapper{min-width:1200px}.fit-page{margin-left:-12px!important;margin-right:-12px!important}.global-layout{padding-left:12px!important;padding-right:12px!important;width:100%}.bordered{border:1px solid #d9d9d9!important}.round-bordered{border-radius:6px!important}.round-bordered-8px{border-radius:8px!important}@media only screen and (min-width:1024px){.global-layout{padding-left:8px!important;padding-right:8px!important;width:1200px}.header-affix{max-width:1200px}}.desktop{display:none}.mobile{display:block}@media only screen and (min-width:1024px){.desktop{display:block}.mobile{display:none}}.h1-top{font-family:Noto Sans Thai,serif;font-size:1.125rem;font-weight:700!important;margin-bottom:0}.font-breadcrumb{font-size:.75rem!important;font-weight:400}.font-breadcrumb .ant-breadcrumb-link{color:#333}.font-breadcrumb .ant-breadcrumb>span:last-child .ant-breadcrumb-link{color:#5128f0}@media only screen and (min-width:1024px){.h1-top{font-family:Noto Sans Thai,serif;font-size:1.5rem;font-weight:700!important;margin-bottom:0}.font-breadcrumb{font-size:.875rem!important;font-weight:700}}.centered-preloader{height:20px;left:calc(50% - 10px)!important;position:absolute!important;top:calc(50% - 10px)!important;width:20px}.lazy-preloader{overflow:hidden;position:relative}.lazy-preloader--mask-enabled:after{background-color:#000;bottom:0;content:"";left:0;opacity:.075;position:absolute;right:0;top:0;transition:all 1s linear}.lazy-preloader--mask-disabled .lazy-preloader--mask-container{opacity:0;transition:all 1s linear;visibility:hidden}.lazy-preloader--mask-disabled:after{opacity:0;visibility:hidden}.lazy-preloader--image{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity 1s linear;width:100%}.lazy-preloader--image-loaded{opacity:1}.lazy-preloader--mask{filter:blur(20px);-webkit-filter:blur(20px);-moz-filter:blur(20px);-o-filter:blur(20px);-ms-filter:blur(20px);transform:scale(1)}.typo-heading{font-size:3rem;font-weight:600;line-height:115%}.typo-main-heading-name{font-size:1.625rem;font-weight:600;line-height:115%}.typo-product-heading{font-size:1.25rem;font-weight:600;line-height:120%}.typo-menu-details{font-size:1rem;line-height:170%}.typo-side-menu-details{font-size:1.125rem;line-height:150%}.typo-top-menu{font-size:1rem;font-weight:500}.typo-sub-menu{font-size:1.125rem;font-weight:600}.typo-button-brand{font-size:.875rem;font-weight:600}.typo-stories-header{font-size:1.625rem;font-weight:600;line-height:115%}.typo-suggestion-menu-stories{font-size:1.25rem;line-height:150%}.typo-small-text{font-size:.75rem;line-height:150%}.typo-level-2-side-menu{font-size:1.125rem;font-weight:600;line-height:200%}.typo-body{line-height:150%}.typo-body,.typo-home-btn{font-size:.875rem;font-weight:400}.typo-26-b{font-size:1.625rem!important;font-weight:600!important}.typo-13{font-size:.813rem!important;font-weight:400!important}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important;width:-moz-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{align-items:center;display:inline-flex;flex-wrap:wrap;justify-content:center;margin:0;width:95%}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0}.splide{visibility:hidden}.splide,.splide__slide{outline:none;position:relative}.splide__slide{box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{align-items:center;background:#fff;border:none;border-radius:50%;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:45%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{height:0;width:0}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='34' height='34' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='Gray'/></g></svg>") no-repeat;left:1em;transform:rotate(90deg)}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='34' height='34' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='Gray'/></g></svg>") no-repeat;right:1em;transform:rotate(-90deg)}.splide__pagination{bottom:.5em;left:50%;padding:0;position:absolute;transform:translateX(-50%);z-index:1}.splide__pagination__page{background:#ccc;border:none;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px;width:0}.splide--nav>.splide__track>.splide__list>.splide__slide{border:1px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#708090;border-radius:2px}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{bottom:50%;display:flex;flex-direction:column;left:auto;right:.5em;transform:translateY(50%)}.button-box{border:1px solid transparent}.button-box:hover{fill:var(--primary-color);background-color:var(--secondary-color);border:1px solid var(--primary-color);border-radius:8px;transition:background-color .3s ease}.button-box:hover .button-box-arrow{fill:var(--primary-color);transition:fill .3s ease}.masonry-with-flex{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-x:hidden}.masonry-with-flex div{border-bottom:0!important;display:block;min-width:180px}.lvl2-collapse .ant-collapse-header{cursor:default!important;padding-bottom:8px!important}.lvl2-collapse .ant-collapse-content-box,.lvl2-collapse .ant-collapse-header{padding-left:0!important;transition:none!important}.lvl2-collapse .ant-collapse-content{transition:none!important}