@media(min-width:50px){.klk-aff-widget{width:100%}}@media(min-width:768px){.klk-aff-widget{width:100%}}@media(min-width:1024px){.klk-aff-widget{width:1000px}}.swipper-home-warpper .disable-width-auto-slide .swiper-slide{width:auto!important;margin-right:2px!important}.swipper-home-warpper .swiper-slide{width:auto}.swipper-home-warpper .swiper-custom-bullet{height:2px;width:2px;background-color:#fff}.swipper-home-warpper .swiper-custom-bullet.swiper-custom-bullet-active{height:2px;width:2px;background-color:orange}.swipper-home-warpper .prev-arrow{position:absolute;top:55%;left:-25px;transform:translateY(-50%);z-index:10}.swipper-home-warpper .next-arrow{position:absolute;top:55%;right:-25px;transform:translateY(-50%);z-index:10}.swipper-home-warpper .swiper-wrapper{margin-left:0;gap:0!important}.home-banner-warpper .ant-input::-moz-placeholder{color:#c7c7c7}.home-banner-warpper .ant-input::placeholder{color:#c7c7c7}.home-banner-warpper .search-warpper .ant-select-selection-item{font-family:Sarabun;font-size:14px;font-style:normal;font-weight:600;line-height:21px}.home-banner-warpper .search-warpper .select-input-container{width:180px}.home-banner-warpper .search-warpper .select-input-container .ant-select-single .ant-select-selector{height:45px;border-radius:8px 0 0 8px}.home-banner-warpper .search-warpper .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon{width:16px;top:13px}.home-banner-warpper .search-warpper .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon svg{width:16px;height:16px}.home-banner-warpper .search-warpper-mobile .select-input-container .ant-select-single .ant-select-selector{height:40px;border-radius:8px 0 0 8px;padding-right:0!important}.home-banner-warpper .search-warpper-mobile .select-input-container .ant-select-single .ant-select-selector .select-input-containe{padding-right:0!important}.home-search-dropdown-auto .ant-select-selector .ant-select-selection-search{width:676px!important}.home-search-dropdown-auto .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn{height:45px;border-radius:0 8px 8px 0}.home-search-dropdown-auto .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .home-search-textarea{height:43px!important}.home-search-dropdown-auto-popup .rc-virtual-list-holder-inner{gap:4px}.home-search-dropdown-auto-popup .rc-virtual-list-holder-inner .ant-select-item-option{padding:0!important}.home-bottom-sheet-warpper-search{font-family:Sarabun}.home-bottom-sheet-warpper-search div{border-radius:8px}.home-bottom-sheet-warpper-search .select-input-container .ant-select-single .ant-select-selector{height:40px;border-radius:8px 0 0 8px}.home-bottom-sheet-warpper-search .select-input-container .ant-select-show-arrow .ant-select-selector,.home-bottom-sheet-warpper-search .select-input-container .ant-select-single .ant-select-selector .select-input-containe{padding-right:0!important}.home-bottom-sheet-warpper-search .ant-select-selection-item{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;height:22px;margin:auto;text-align:start}.home-search-dropdown-warpper{font-family:Sarabun}.home-background-image{opacity:.9;background-repeat:no-repeat;background-attachment:local;background-position:50%;background-image:url(/images/home/home_bg.jpg)}.home-background-image .home-select-input .ant-select-selection-item{padding:0;margin:0;justify-content:start;display:flex!important;align-items:center!important;text-align:center!important;height:100%!important}.home-banner-warpper input:first-letter{padding:2px;margin:0}.home-banner-warpper input::-moz-placeholder{padding:2px;margin:0}.home-banner-warpper input::placeholder{padding:2px;margin:0}.home-banner-warpper .ant-select-selection-item{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;height:22px;margin:auto;text-align:start}.home-select-input .ant-select-selection-item{overflow-y:hidden;padding-top:10px;padding-bottom:2px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:23px!important}reach-portal{position:relative;z-index:500}.content-card{text-decoration:none!important}.content-card .two-line-ellipsis{overflow:hidden;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content-card .ant-card-cover img{border-radius:8px 8px 0 0}.content-card .shop-card-container{border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.content-card .ant-card-body{padding:8px;height:118px}[data-rsbs-overlay]{border-top-left-radius:16px;border-top-left-radius:var(--rsbs-overlay-rounded,16px);border-top-right-radius:16px;border-top-right-radius:var(--rsbs-overlay-rounded,16px);display:flex;background:#fff;background:var(--rsbs-bg,#fff);flex-direction:column;height:0;height:var(--rsbs-overlay-h,0);transform:translateZ(0);transform:translate3d(0,var(--rsbs-overlay-translate-y,0),0);will-change:height}[data-rsbs-overlay]:focus{outline:none}[data-rsbs-is-blocking=false] [data-rsbs-overlay]{box-shadow:0 -5px 60px 0 rgba(38,89,115,.11),0 -1px 0 rgba(38,89,115,.05)}[data-rsbs-overlay],[data-rsbs-root]:after{max-width:auto;max-width:var(--rsbs-max-w,auto);margin-left:env(safe-area-inset-left);margin-left:var(--rsbs-ml,env(safe-area-inset-left));margin-right:env(safe-area-inset-right);margin-right:var(--rsbs-mr,env(safe-area-inset-right))}[data-rsbs-backdrop],[data-rsbs-overlay],[data-rsbs-root]:after{z-index:3;-ms-scroll-chaining:none;overscroll-behavior:none;touch-action:none;position:fixed;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}[data-rsbs-backdrop]{top:-60px;bottom:-60px;background-color:rgba(0,0,0,.6);background-color:var(--rsbs-backdrop-bg,rgba(0,0,0,.6));will-change:opacity;cursor:pointer;opacity:1}[data-rsbs-is-dismissable=false] [data-rsbs-backdrop]{cursor:ns-resize}[data-rsbs-root]:after{content:"";pointer-events:none;background:#fff;background:var(--rsbs-bg,#fff);height:1px;transform-origin:bottom;transform:scaleY(0);transform:scaleY(var(--rsbs-antigap-scale-y,0));will-change:transform}[data-rsbs-footer],[data-rsbs-header]{flex-shrink:0;cursor:ns-resize;padding:16px}[data-rsbs-header]{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 1px 0 rgba(46,59,66,calc(1 * .125));box-shadow:0 1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity,1) * .125));z-index:1;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:8px}[data-rsbs-header]:before{position:absolute;content:"";display:block;width:36px;height:4px;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);border-radius:2px;background-color:rgba(0,0,0,.14);background-color:var(--rsbs-handle-bg,rgba(0,0,0,.14))}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){[data-rsbs-header]:before{transform:translateX(-50%) scaleY(.75)}}[data-rsbs-has-header=false] [data-rsbs-header]{box-shadow:none;padding-top:calc(12px + env(safe-area-inset-top))}[data-rsbs-scroll]{flex-shrink:1;flex-grow:1;-webkit-tap-highlight-color:revert;-webkit-touch-callout:revert;-webkit-user-select:auto;-ms-user-select:auto;-moz-user-select:auto;user-select:auto;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}[data-rsbs-scroll]:focus{outline:none}[data-rsbs-has-footer=false] [data-rsbs-content]{padding-bottom:env(safe-area-inset-bottom)}[data-rsbs-content]{overflow:hidden}[data-rsbs-footer]{box-shadow:0 -1px 0 rgba(46,59,66,calc(1 * .125)),0 2px 0 #fff;box-shadow:0 -1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity,1) * .125)),0 2px 0 var(--rsbs-bg,#fff);overflow:hidden;z-index:1;padding-bottom:calc(16px + env(safe-area-inset-bottom))}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=true] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=true] [data-rsbs-header]>*,[data-rsbs-is-dismissable=true] [data-rsbs-scroll]>*{opacity:1;opacity:var(--rsbs-content-opacity,1)}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-backdrop],[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-backdrop],[data-rsbs-is-dismissable=true] [data-rsbs-backdrop]{opacity:1;opacity:var(--rsbs-backdrop-opacity,1)}[data-rsbs-state=closed],[data-rsbs-state=closing]{pointer-events:none}.app-slider-container{display:flex;padding:10px;margin:-10px}.app-slider-container>div:first-child{margin-left:24px}.app-slider-container>div:last-child{margin-right:24px}.app-swiper-container{position:relative;display:flex;width:100%}.app-swiper-container .swiper-arrow-container{position:absolute;top:50%;display:flex;height:40px;width:40px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:8px;--tw-shadow:0px 7px 20px 0px rgba(48,48,48,.07);--tw-shadow-colored:0px 7px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.app-swiper-container .swiper-arrow-container:hover{--tw-bg-opacity:1;background-color:rgb(232 232 232/var(--tw-bg-opacity,1))}@media screen and (max-width:1232px){.app-swiper-container .swiper-arrow-container{display:none}}.app-swiper-container .swiper-arrow-container.app-prev-arrow{left:-25px;z-index:10}.app-swiper-container .swiper-arrow-container.app-next-arrow{right:-25px;z-index:10}.app-swiper-container .swiper-wrapper{gap:0}.app-swiper-container .swiper-wrapper>:first-child{margin-left:0!important}.app-swiper-container .swiper-wrapper>:last-child{margin-right:0!important}@media screen and (max-width:1232px){.app-swiper-container .swiper-wrapper>:first-child{margin-left:16px!important}.app-swiper-container .swiper-wrapper>:last-child{margin-right:16px!important}}.app-swiper-container .swiper-slide{width:auto}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.home-content-container{display:flex;flex-direction:column;gap:16px}.home-content-container .title-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px;font-weight:600;line-height:21px;--tw-text-opacity:1;color:rgb(48 48 48/var(--tw-text-opacity,1))}@media screen and (max-width:1232px){.home-content-container .title-text{padding-left:16px;padding-right:16px}}.horizon-container{display:flex;overflow-x:auto}.child{flex:0 0 auto;height:200px;background-color:#ccc;margin-right:10px}.child-1{width:calc(100%/var(--num-of-children)*2)}.child-2{width:calc(100%/var(--num-of-children)*3)}.child-3{width:calc(100%/var(--num-of-children)*1)}.box-shadow-warpper{border:1px solid var(--outline-outline-grey-5,#d9d9d9)}.ant-tooltip-inner{border-radius:8px}.affiliate-box-shadow{box-shadow:0 7px 20px 0 rgba(48,48,48,.07)}.modal-promotion .ant-modal-content{background:none;box-shadow:none}.modal-forgot-warpper .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.modal-forgot-warpper .ant-input-focused,.modal-forgot-warpper .ant-input:focus,.modal-forgot-warpper .ant-input:hover{border-color:#00b751}.modal-forgot-warpper .ant-input-affix-wrapper-focused,.modal-forgot-warpper .ant-input-affix-wrapper:focus{border-color:#00b751;box-shadow:0 0 0 2px rgba(72,170,21,.2)}.custom-shadow{box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.home-container .slick-dots.slick-dots-bottom{margin:0 auto;bottom:-30px;height:8px;padding-bottom:16px}.home-container .ant-carousel .slick-dots li.slick-active button{width:32px}.home-container .ant-carousel .slick-dots li button{background:#767676;border-radius:8px;height:8px;width:16px;opacity:.3}.home-container .slick-dots li button:before,.home-container .slick-dots li.slick-active button:before{color:transparent}.home-container .ant-carousel .slick-dots li{width:16px}.home-container .ant-carousel .slick-dots li.slick-active{width:32px}.home-container .ant-carousel .slick-dots li.slick-active button{background:#00b751;opacity:1}.home-container .slick-list{border-radius:20px}@media screen and (max-width:768px){.home-container .slick-list{border-radius:0}.home-container .ant-carousel .slick-slider{transition:height .3s ease-in-out}.home-container .slick-dots.slick-dots-bottom{margin:0 auto;bottom:-30px;height:8px;padding-bottom:16px;padding-top:16px}}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{background-color:rgb(0,183,81,var(--tw-bg-opacity))}