.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:"";display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:2333.3333333333%;position:absolute;right:0}.tns-t-ct:after{content:"";display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:1.4285714286%;height:10px;float:left}.tns-ovh{cursor:pointer}.tns-nav{margin:1rem 0;text-align:center}.tns-nav>[aria-controls]{background:#e0e0e0;border:0;border-radius:50%;height:9px;margin:0 .2rem;padding:0;width:9px}.tns-nav .tns-nav-active{background:#f20f38}header .banner.home{flex:auto;overflow:hidden;background-color:#fafafa;overflow:visible;padding:4rem 0;position:relative}header .banner.home img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}header .banner.home .lazy{opacity:0}header .banner.home.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}header .banner.home .img.desktop{height:500px;margin:auto;max-width:1600px}header .banner.home .img.mobile{display:none}header .banner.home .text{left:50%;margin:auto;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%)}header .banner.home .main{color:#000;line-height:1.5;margin-bottom:1.5rem}header .banner.home .main h1{display:block;font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:2.25em;line-height:1.2;margin:0 auto 1rem;max-width:25rem}header .banner.home .main p{font-family:"IBM Plex Sans Thai Light",sans-serif}header .banner.home .search{font-family:"IBM Plex Sans Thai Light",sans-serif;position:relative;display:table;margin:auto;width:100%}header .banner.home .search .type{align-items:center;bottom:0;display:flex;justify-content:center;padding:0 1rem;position:absolute;top:0;width:3.7rem;z-index:1}header .banner.home .search .type::after{background-color:#666;bottom:0;content:"";margin:.75rem .3rem;opacity:.5;position:absolute;right:0;top:0;width:1px;z-index:1}header .banner.home .search .type .title{cursor:pointer;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:.9em}header .banner.home .search .type .list{background-color:#fff;border-radius:5px;height:0;margin-top:.4rem;overflow:hidden;position:absolute;right:50%;top:100%;transform:translateX(50%);transition:box-shadow .3s ease-in-out,height .3s ease-in-out;white-space:nowrap;z-index:1}header .banner.home .search .type .list ul{margin:0;opacity:0;padding:0;transition:opacity .3s ease-in-out}header .banner.home .search .type .list li{border-bottom:1px solid rgba(0,0,0,0.1)}header .banner.home .search .type .list label{cursor:pointer;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:.8em;line-height:40px;padding:0 1rem;transition:background-color .3s ease-in-out;white-space:nowrap}header .banner.home .search .type .list [type=radio]{display:none}header .banner.home .search .type .arrow{border-color:#fff transparent;border-style:none solid solid;border-width:7px 6px;bottom:100%;height:0;left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .3s ease-in-out;width:0;z-index:1}@supports (-webkit-overflow-scrolling: touch){header .banner.home .search .type .arrow{border-width:7px}}header .banner.home .search .type.active .list{box-shadow:0 0 10px 5px rgba(0,0,0,0.1)}header .banner.home .search .type.active .list ul{opacity:1}header .banner.home .search .type.active .arrow{opacity:1;transition:opacity .3s ease-in-out .3s}header .banner.home .search form{position:relative}header .banner.home .search .field{margin-bottom:2.5rem;margin-left:2rem;margin:0}header .banner.home .search .field>li{display:flex;flex-wrap:wrap;margin-bottom:1rem}header .banner.home .search .field .sub-field{align-items:baseline;display:flex;width:100%}header .banner.home .search .field .error-message{color:#f20f38;display:block;flex:auto;font-size:.8em;margin-top:.25rem;text-align:center}@media only screen and (max-width: 480px){header .banner.home .search .field{margin-bottom:2rem;margin-left:1.25rem}header .banner.home .search .field .sub-field{display:block;margin-right:1.25rem}}header .banner.home .search .field [type=text]{border:1px solid #231f20;box-sizing:border-box;color:#4d4d4d;font-family:inherit;font-size:.9em;height:50px;line-height:1.25;padding:.75rem;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;width:100%;border-color:#f20f38;border-radius:20px;border-width:1px;height:40px;padding:.75rem 2.25rem .75rem 6rem;width:22rem}header .banner.home .search .field [type=text]::placeholder{color:#666;opacity:.7;overflow:hidden;text-overflow:ellipsis}header .banner.home .search .field [type=text]:focus{border-color:#666;box-shadow:0 0 0 0.2rem rgba(102,102,102,0.25);outline:0}@supports (-webkit-overflow-scrolling: touch){header .banner.home .search .field [type=text]{font-size:16px}header .banner.home .search .field [type=text]::placeholder{line-height:normal}}header .banner.home .search .field [type=text]:focus{border-color:#f20f38;box-shadow:0 0 0 0.2rem rgba(242,15,56,0.25)}@media only screen and (max-width: 480px){header .banner.home .search .field{margin:0}}header .banner.home .search .btn{bottom:0;position:absolute;right:0;top:0}header .banner.home .search .btn button{background-color:transparent;border:0 none;color:#f20f38;cursor:pointer;font-size:1em;height:100%;padding:0;width:2.5rem}header .banner.home .search .btn button .icon.clear{display:none}header .banner.home .search .btn.has-value button .icon.search{display:none}header .banner.home .search .btn.has-value button .icon.clear{display:inline-block}header .banner.home .search .field [type=text]{border-color:#f20f38;width:100%}header .banner.home .search .field [type=text]:focus{border-color:#f20f38;box-shadow:0 0 0 0.2rem rgba(255,255,255,0.25)}@media only screen and (max-width: 1600px){header .banner.home .img.desktop{height:31.25vw}}@media only screen and (max-width: 1200px){header .banner.home .main{font-size:1.334vw;margin:0 auto 1.5rem;width:33.334vw}}@media only screen and (max-width: 768px){header .banner.home{display:flex;flex-direction:column-reverse;padding:4rem 1rem 0}header .banner.home .img.desktop{display:none}header .banner.home .img.mobile{display:block;height:180px;margin-top:2rem}header .banner.home .img img{margin:auto;width:auto}header .banner.home .text{max-width:26rem;position:static;transform:none}header .banner.home .main{font-size:.9em;width:auto}}@media only screen and (max-width: 480px){header .banner.home .main{font-size:3vw}header .banner.home .main h1{max-width:88%}header .banner.home .main p{font-size:1.2em}}@media only screen and (max-width: 320px){header .banner.home .main{font-size:.6em}header .banner.home .main h1{max-width:16rem}}#home #popular-categories .title{font-family:"IBM Plex Sans Thai Light",sans-serif;text-align:center}#home #popular-categories .title h2{margin-bottom:.5rem}#home #popular-categories .main{align-items:center;display:flex;flex-direction:column}#home #popular-categories .list{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-2rem;margin-top:-2rem;max-width:1200px}#home #popular-categories .list li{box-sizing:border-box;flex:0 0 25%;margin-top:2rem;padding-left:2rem;width:25%}#home #popular-categories .img{margin-bottom:1rem}#home #popular-categories .img a{flex:auto;overflow:hidden;align-items:center;background-color:#fdeaea;border-radius:50%;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:135px;justify-content:center;margin:auto;transition:background-color .3s ease-in-out;width:135px}#home #popular-categories .img a img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#home #popular-categories .img a .lazy{opacity:0}#home #popular-categories .img a.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#home #popular-categories .img a .icon{height:60px}#home #popular-categories .img a .icon img{object-fit:contain;transition:filter .3s ease-in-out}#home #popular-categories .img a:hover{background-color:#f20f38}#home #popular-categories .img a:hover .icon img{filter:brightness(100)}#home #popular-categories .img a.lazy-loading{background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/red-chablis-591c3511c3362d2c512645dac153222f748e8b1d45118ac2e89ebf5901cf7148.gif) 0 0}#home #popular-categories .text p{font-family:"IBM Plex Sans Thai Medium",sans-serif;text-align:center}#home #popular-categories .btn{display:flex;justify-content:center;margin-top:3rem}#home #popular-categories .btn a{color:#f20f38;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1em;line-height:2.5rem;transition:opacity .3s ease-in-out}#home #popular-categories .btn a:hover{opacity:.7}#home #popular-categories .btn a i{margin-left:.25rem}#home #popular-categories .desktop{display:block}#home #popular-categories .mobile{display:none}@media only screen and (max-width: 768px){#home #popular-categories .list{margin-left:-1.5rem;margin-top:-1.5rem}#home #popular-categories .list li{flex:0 0 33.333%;margin-top:1.5rem;max-width:33.333%;padding-left:1.5rem}#home #popular-categories .img a{height:120px;width:120px}#home #popular-categories .img a .icon{height:50px}#home #popular-categories .btn{margin-top:2rem}#home #popular-categories .desktop{display:none}#home #popular-categories .mobile{display:block}}@media only screen and (max-width: 480px){#home #popular-categories .list li{flex:0 0 50%;max-width:50%}}#banner-sliders .wrapper .inner{padding-top:0;position:relative}#banner-sliders .list{transition:opacity .3s ease-in-out,filter .3s ease-in-out,-webkit-filter .3s ease-in-out}#banner-sliders .list.resizing{filter:blur(1rem);opacity:.3}#banner-sliders .tiny-slider .img .desktop{height:375px;max-height:480px}#banner-sliders .tiny-slider .img .mobile{display:none}#banner-sliders .tiny-slider .img img{font-size:0;height:100%;object-fit:contain;overflow:hidden;text-indent:-999px;width:100%}#banner-sliders .loading-spinner{z-index:-1}#banner-sliders .loading{height:312px;padding-bottom:42px}#banner-sliders .loading .list{opacity:0}#banner-sliders .loading .loading-spinner{bottom:0;font-size:25px;height:25px;left:0;margin:auto;opacity:1;position:absolute;right:0;top:0;width:25px;bottom:0;top:0;z-index:auto}#banner-sliders .loading .loading-spinner ul{margin:0}#banner-sliders .loading .loading-spinner li{animation:loadingSpinnerFade 1s linear infinite;background-color:#a3a3a3;border-radius:.5em;bottom:0;height:28%;left:45%;margin:0;position:absolute;transform-origin:center -75% 0;width:10%}#banner-sliders .loading .loading-spinner li:nth-child(1){transform:rotate(0deg)}#banner-sliders .loading .loading-spinner li:nth-child(2){animation-delay:.083s;transform:rotate(30deg)}#banner-sliders .loading .loading-spinner li:nth-child(3){animation-delay:.166s;transform:rotate(60deg)}#banner-sliders .loading .loading-spinner li:nth-child(4){animation-delay:.249s;transform:rotate(90deg)}#banner-sliders .loading .loading-spinner li:nth-child(5){animation-delay:.332s;transform:rotate(120deg)}#banner-sliders .loading .loading-spinner li:nth-child(6){animation-delay:.415s;transform:rotate(150deg)}#banner-sliders .loading .loading-spinner li:nth-child(7){animation-delay:.498s;transform:rotate(180deg)}#banner-sliders .loading .loading-spinner li:nth-child(8){animation-delay:.581s;transform:rotate(210deg)}#banner-sliders .loading .loading-spinner li:nth-child(9){animation-delay:.664s;transform:rotate(240deg)}#banner-sliders .loading .loading-spinner li:nth-child(10){animation-delay:.747s;transform:rotate(270deg)}#banner-sliders .loading .loading-spinner li:nth-child(11){animation-delay:.83s;transform:rotate(300deg)}#banner-sliders .loading .loading-spinner li:nth-child(12){animation-delay:.913s;transform:rotate(330deg)}@media only screen and (max-width: 1264px){#banner-sliders .tiny-slider .img .desktop{height:29.668vw;max-height:none}}@media only screen and (max-width: 1024px){#banner-sliders .tiny-slider .img .desktop{height:240px}}@media only screen and (max-width: 768px){#banner-sliders .tiny-slider .img .desktop{display:none}#banner-sliders .tiny-slider .img .mobile{display:block;height:227px}}@media only screen and (max-width: 512px){#banner-sliders .tiny-slider .img .mobile{height:44.336vw}}@media only screen and (max-width: 320px){#banner-sliders .tiny-slider .img .mobile{height:136px}}#home #partner{flex:auto;overflow:hidden;background-image:linear-gradient(130deg, #ff7480 0%, #ffc371 100%)}#home #partner img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#home #partner .lazy{opacity:0}#home #partner.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#home #partner .wrapper .inner{display:flex;padding-bottom:0}#home #partner .text{flex:1;margin:auto}#home #partner .text h2{color:#171717;font-family:"IBM Plex Sans Thai Bold",sans-serif;font-size:3em;letter-spacing:.05rem;line-height:1.5}#home #partner .text h2 span{background-color:#fff;font-size:1.5em;margin-left:1rem;padding:0 .25rem}#home #partner .text .btn{margin-top:2rem}#home #partner .text .btn a{background:#171717;border-radius:999px;color:#fff;display:block;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1.15em;max-width:200px;padding:1rem 2rem;text-align:center;transition:background .3s ease-in-out}#home #partner .text .btn a:hover{background:#f20f38}#home #partner .img{flex:0 0 50%;height:541px}@media only screen and (max-width: 1264px){#home #partner .img{height:42.783vw}}@media only screen and (max-width: 1200px){#home #partner .text h2{font-size:2.25em}#home #partner .img{height:42.7vw}}@media only screen and (max-width: 1024px){#home #partner .img{height:346px}}@media only screen and (max-width: 832px){#home #partner .img{height:41.6vw}}@media only screen and (max-width: 768px){#home #partner .wrapper .inner{display:block}#home #partner .text h2{text-align:center}#home #partner .text .btn{display:flex;justify-content:center;margin-top:3rem;width:100%}#home #partner .text .btn a{margin:0 6rem}#home #partner .img{height:432px;margin-top:3rem}}@media only screen and (max-width: 512px){#home #partner .img{height:84.5vw}}@media only screen and (max-width: 480px){#home #partner .text h2{font-size:2em}#home #partner .img{height:84.124vw}}@media only screen and (max-width: 414px){#home #partner .text h2{font-size:1.75em}#home #partner .text .btn a{margin:0 3rem}#home #partner .img{height:83.168vw}}@media only screen and (max-width: 320px){#home #partner .img{height:260px}}#home #products{background-image:linear-gradient(240deg, #fff 0%, #f7f4f4 100%)}#home #products .title h2{text-align:center}#home #products .list{display:flex;flex-wrap:wrap;margin-left:-1rem;max-width:1600px}#home #products .list li{box-sizing:border-box;flex:0 0 14.285%;margin-bottom:1rem;max-width:14.285%;padding-left:1rem}#home #products .list a{background-color:#fff;border:1px solid #c3c3c3;border-radius:15px;padding-bottom:100%;position:relative;transition:border-color .3s ease-in-out}#home #products .list a:hover{border-color:#f20f38}#home #products .list .pinned{position:relative}#home #products .list .pinned,#home #products .list .pinned:hover{border-color:transparent}#home #products .list .pinned::before,#home #products .list .pinned::after{border:5px solid transparent;border-radius:15px;bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .4s ease-in-out}#home #products .list .pinned::before{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to bottom, #fe9a42, #ee406b) border-box}#home #products .list .pinned::after{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to top, #fe9a42, #ee406b) border-box;opacity:0}#home #products .list .pinned:hover::after{opacity:1}#home #products .list .pinned .img,#home #products .list .pinned .sponsor{z-index:1}#home #products .list .pinned .sponsor{background:linear-gradient(180deg, #fe9a42 0%, #ee406b 100%);border-radius:1rem;margin-right:.7rem;padding:.1rem .4rem;position:absolute;right:0;text-transform:uppercase;top:-5px}#home #products .list .pinned .sponsor p{color:#fff;font-family:"IBM Plex Sans Thai Bold",sans-serif;font-size:.6em}#home #products .list .img{flex:auto;overflow:hidden;bottom:0;height:auto;left:0;margin:1rem;position:absolute;right:0;top:0;width:auto}#home #products .list .img img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#home #products .list .img .lazy{opacity:0}#home #products .list .img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#home #products .btn{display:flex;justify-content:center;margin-top:3rem}#home #products .btn a{color:#f20f38;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1em;line-height:2.5rem;transition:opacity .3s ease-in-out}#home #products .btn a:hover{opacity:.7}#home #products .btn a i{margin-left:.25rem}@media only screen and (max-width: 768px){#home #products .list li{flex:0 0 33.333%;max-width:33.333%}#home #products .desktop{display:none}#home #products .mobile{display:block}}#home #all-categories{background-image:linear-gradient(240deg, #fff 0%, #f7f4f4 100%)}#home #all-categories .title{text-align:center}#home #all-categories .main .list li{margin-bottom:.5rem}#home #all-categories .main .list li:last-child{margin-bottom:0}#home #all-categories .main .list i{font-size:.85em;margin-left:.25rem}#home #all-categories .desktop{display:block;max-width:1200px}#home #all-categories .desktop .main{display:flex;flex-wrap:wrap;margin-left:3rem;max-width:1600px}#home #all-categories .desktop .main div{flex:0 0 33.333%;margin-bottom:2rem;max-width:33.333%}#home #all-categories .desktop .main div a{color:#f20f38;font-family:"IBM Plex Sans Thai Bold",sans-serif}#home #all-categories .desktop .main h3{margin-bottom:.5rem}#home #all-categories .desktop .main .list{padding-right:2rem}#home #all-categories .desktop .main .list a{color:#171717;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:.9em}#home #all-categories .mobile{display:none}#home #all-categories .mobile .main>div{border-bottom:1px solid #c3c3c3}#home #all-categories .mobile .main>div:last-child{border-bottom:0 none}#home #all-categories .mobile .parent.active h3 .icon{transform:rotate(-135deg)}#home #all-categories .mobile .parent.active .child>.list{opacity:1}#home #all-categories .mobile h3{align-items:center;color:#f20f38;cursor:pointer;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1.125em;line-height:1.5;padding:1rem 2.5rem 1rem 0;position:relative;transition:opacity .3s ease-in-out}#home #all-categories .mobile h3 .icon{align-items:center;bottom:0;color:#000;display:flex;font-family:"IBM Plex Sans Thai Light",sans-serif;font-size:2em;margin:0 .5rem;position:absolute;right:0;top:0;transition:transform .3s ease-in-out}#home #all-categories .mobile .child{height:0;overflow:hidden;transition:height .3s ease-in-out}#home #all-categories .mobile .child>.list{opacity:0;padding-bottom:1rem;transition:opacity .3s ease-in-out}#home #all-categories .mobile .child>.list a{color:#171717;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1em;width:fit-content}@media only screen and (max-width: 1024px){#home #all-categories .desktop .main{margin-left:0}}@media only screen and (max-width: 768px){#home #all-categories .desktop{display:none}#home #all-categories .mobile{display:block}}#home>div{display:flex}#home>div .wrapper,#home>div .wrapper .inner{margin:0 auto}#home>div .wrapper .inner{padding:4rem 0}@media only screen and (max-width: 1024px){#home>div{display:block}#home>div .wrapper .inner{padding:3rem 0}}#home .title{line-height:1.5;margin-bottom:3rem}#home .title h2{font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:1.5em}#home .title span{color:#f20f38;display:inline-block}#home .tabs{display:flex}#home .tabs .control{flex:1;padding-right:1rem}#home .tabs .control .list li{margin-bottom:1rem}#home .tabs .control a{color:#000;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:1.2em;transition:color .3s ease-in-out}#home .tabs .control a:hover{color:#f20f38}#home .tabs .control .active a{color:#f20f38}#home .tabs .container>.list>li{height:0;opacity:0;overflow:hidden;transition:opacity .3s ease-in-out}#home .tabs .container>.list>li.active{height:auto;opacity:1}#home .tabs .container .list>li{overflow:visible}#home .tabs .container .sub-list{display:flex;flex-wrap:wrap;margin-left:-1rem;max-width:664px}#home .tabs .container .sub-list li{box-sizing:border-box;margin-bottom:1rem;padding-left:1rem}#home .tabs .container .sub-list a{background-color:#fff;border:1px solid #c3c3c3;border-radius:15px;position:relative;transition:border-color .3s ease-in-out}#home .tabs .container .sub-list a:hover{border-color:#f20f38}#home .tabs .container .sub-list .pinned{position:relative}#home .tabs .container .sub-list .pinned,#home .tabs .container .sub-list .pinned:hover{border-color:transparent}#home .tabs .container .sub-list .pinned::before,#home .tabs .container .sub-list .pinned::after{border:5px solid transparent;border-radius:15px;bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .4s ease-in-out}#home .tabs .container .sub-list .pinned::before{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to bottom, #fe9a42, #ee406b) border-box}#home .tabs .container .sub-list .pinned::after{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to top, #fe9a42, #ee406b) border-box;opacity:0}#home .tabs .container .sub-list .pinned:hover::after{opacity:1}#home .tabs .container .sub-list .pinned .img,#home .tabs .container .sub-list .pinned .sponsor{z-index:1}#home .tabs .container .sub-list .pinned .sponsor{background:linear-gradient(180deg, #fe9a42 0%, #ee406b 100%);border-radius:1rem;margin-right:.7rem;padding:.1rem .4rem;position:absolute;right:0;text-transform:uppercase;top:-5px}#home .tabs .container .sub-list .pinned .sponsor p{color:#fff;font-family:"IBM Plex Sans Thai Bold",sans-serif;font-size:.6em}#home .tabs .container .sub-list .pinned .img{position:relative}#home .tabs .container .sub-list .img,#home .tabs .container .sub-list .place-holder span{height:100px;width:100px}#home .tabs .container .sub-list .img{flex:auto;overflow:hidden;margin:1.5rem}#home .tabs .container .sub-list .img img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#home .tabs .container .sub-list .img .lazy{opacity:0}#home .tabs .container .sub-list .img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#home .tabs .container .sub-list .place-holder span{display:block;padding:1.5rem}#home .tabs+.btn{display:flex;justify-content:center;margin-top:2rem;position:relative;z-index:1}#home .tabs+.btn a{align-items:center;color:#f20f38;display:flex;font-family:"IBM Plex Sans Thai Medium",sans-serif;transition:opacity .3s ease-in-out}#home .tabs+.btn a:hover{opacity:.7}#home .tabs+.btn i{margin-left:.25rem}#home .main>p{color:#b7b7bd}#home .mobile{display:none}@media only screen and (max-width: 1024px){#home .tabs .control{flex:0 0 40%}#home .tabs .container{flex:auto}#home .tabs .container .sub-list{max-width:none}#home .tabs .container .sub-list li{flex:0 0 33.3333%;max-width:33.3333%}#home .tabs .container .sub-list a{padding-bottom:100%;position:relative}#home .tabs .container .sub-list .pinned .img{position:absolute}#home .tabs .container .sub-list .img{bottom:0;height:auto;left:0;margin:1rem;position:absolute;right:0;top:0;width:auto}#home .tabs .container .sub-list .place-holder{display:flex}#home .tabs .container .sub-list .place-holder span{flex:1;height:auto;padding:0 0 100%;width:auto}#home .tabs .container .desktop{display:none}#home .tabs .container .mobile{display:block}}@media only screen and (max-width: 768px){#home .title{margin-bottom:2rem}#home .tabs{display:block}#home .tabs .control{margin:0 -1rem 2rem;overflow:hidden;padding:0 1rem}#home .tabs .control .list{display:flex}#home .tabs .control .list li{margin-bottom:0;margin-right:.5rem}#home .tabs .control .list li:last-child{margin-right:0}#home .tabs .control a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #f20f38;font-size:1.125em;line-height:2rem;padding:0 1rem;transition:background-color .3s ease-in-out,color .3s ease-in-out}#home .tabs .control a:hover{color:#f20f38}#home .tabs .control .active a{background-color:#f20f38;color:#fff}#home .tabs .control .desktop{display:none}#home .tabs .control .mobile{display:block}}@media only screen and (max-width: 480px){#home .tabs .container .sub-list .img{margin:11.5%}}