.category-slider{position:relative}
.category-slider__contents{position:relative;z-index:500;max-width:1440px;width:100%;height:528px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 0 48px 0}
.category-slider .scrollbar-horizontal__track{bottom:48px}
.category-slider .scrollbar-vertical__track{display:none}
.category-slider__card-wrap{display:block;font-size:0;white-space:nowrap;text-align:center;height:464px}
.category-slider__card-item-wrap{width:300px;height:400px;display:inline-block;padding:32px 16px 28px 16px;margin-right:24px}
.category-slider__card-item-wrap:first-of-type{margin-left:24px}
.category-slider__card-item-wrap:last-of-type{margin-right:24px}
.category-slider__card{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;background-color:transparent;cursor:pointer}
.category-slider__card-img-wrap{width:268px;height:268px;position:relative}
.category-slider__card-title-wrap{position:relative;margin-top:8px;width:268px;height:64px;white-space:normal}
.category-slider__card-title{display:inline-block;position:absolute;width:100%;top:50%;left:50%;font-family:'SamsungSharpSans',arial,sans-serif;font-size:24px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(2.66em);line-height:1.33;font-weight:bold;text-align:center;word-wrap:break-word}
@media screen and (-webkit-min-device-pixel-ratio:0){.category-slider__card-title{max-height:none}
}
@supports(-webkit-line-clamp:1){.category-slider__card-title:before,.category-slider__card-title:after{display:none !important}
}
.bg-black .category-slider__card-title{color:#fff}
.bg-white .category-slider__card-title{color:#000}
.bg-dark-gray .category-slider__card-title{color:#fff}
.bg-light-gray .category-slider__card-title{color:#000}
@media only screen and (min-width:768px) and (max-width:1440px){.category-slider__contents{max-width:100vw;height:36.66666667vw;padding:1.11111111vw 0vw 3.33333333vw 0vw}
.category-slider .scrollbar-horizontal__track{bottom:3.33333333vw}
.category-slider__card-wrap{height:32.22222222vw}
.category-slider__card-item-wrap{width:20.83333333vw;height:27.77777778vw;padding:2.22222222vw 1.11111111vw 1.94444444vw 1.11111111vw;margin-right:1.66666667vw}
.category-slider__card-item-wrap:first-of-type{margin-left:1.66666667vw}
.category-slider__card-item-wrap:last-of-type{margin-right:1.66666667vw}
.category-slider__card-img-wrap{width:18.61111111vw;height:18.61111111vw}
.category-slider__card-title-wrap{margin-top:.55555556vw;width:18.61111111vw;height:4.44444444vw}
.category-slider__card-title{width:18.61111111vw;line-height:1.33;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:1.66666667vw}
}
@media only screen and (max-width:767px){.category-slider__contents{max-width:100vw;height:115.55555556vw;padding:2.22222222vw 0vw 8.88888889vw 0vw}
.category-slider .scrollbar-horizontal__track{bottom:8.88888889vw}
.category-slider__card-wrap{height:104.44444444vw}
.category-slider__card-item-wrap{width:66.66666667vw;height:88.88888889vw;padding:6.66666667vw 4.44444444vw;margin-right:4.44444444vw}
.category-slider__card-item-wrap:first-of-type{margin-left:6.66666667vw}
.category-slider__card-item-wrap:last-of-type{margin-right:6.66666667vw}
.category-slider__card-img-wrap{width:57.77777778vw;height:57.77777778vw}
.category-slider__card-img--hover{display:none}
.category-slider__card:hover .category-slider__card-img{opacity:1}
.category-slider__card-title-wrap{margin-top:5.55555556vw;width:57.77777778vw;height:12.22222222vw}
.category-slider__card-title{width:57.77777778vw;line-height:1.33;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:4.44444444vw}
}
html[lang^="th"] .category-slider__card-title{font-family:'Kittithada','SamsungSharpSans',arial,sans-serif !important;font-size:32.4px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(1.995em);line-height:.9975}
@media screen and (-webkit-min-device-pixel-ratio:0){html[lang^="th"] .category-slider__card-title{max-height:none}
}
@media only screen and (min-width:768px) and (max-width:1440px){html[lang^="th"] .category-slider__card-title{font-size:2.25vw}
}
@media only screen and (max-width:767px){html[lang^="th"] .category-slider__card-title{font-size:6vw}
}