/* BASIC css start */
.best figure .idx { display:none !important; }

ul.sort { margin:8px 0 0; }
.best { background: #f9f9f9; border-top: 1px solid #eaeaea; }
.title_html img { max-width: 100%; }
#promotion_product { text-align: right; }
#promotion_product .title { margin-top: 0; padding: 7.3333vmin 0 4.4vmin; background: none; font-weight: 500; text-align: center; }
#promotion_product .title:after { display: none; }
#promotion_product { position: relative; }
#promotion_product .slick-slide { padding: 0 2.5px; }
#promotion_product .slick-dots { clear: both; width: 100%; margin: 0; padding: 30px 0; list-style: none; text-align: center; opacity: 1; }
#promotion_product .slick-dots li { display: inline-block; width:auto !important; margin: 0 0.4667vmin; }
#promotion_product .slick-dots li > a { display: block; width: 4.6667vmin; height: 0.6667vmin; padding: 0; background: #ababab; border-radius: 0; cursor: pointer; font-size: 0; line-height: 0; }
#promotion_product .slick-dots li.slick-active { opacity: 1; }
#promotion_product .slick-dots li.slick-active > a { background: #1f1f1f; border-radius: 0; }
#promotion_product .pager { margin: 0 1.7333vmin 2.1333vmin 0; padding: 1.3333vmin 4vmin; display: inline-flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #e0e0e0; border-radius: 2.4vmin; }
#promotion_product .pager, #promotion_product .pager * { font-weight: 500; font-size: 2.8vmin; color: #000; }
#promotion_product .pager span { color: #6f6f6f; }

#promotion_product .slick-arrow { display: none !important; }

#product_list .title { display: none; }

.class-list { display: flex; overflow-x: auto; background: #f2f2f2; }
.class-list ul { margin: 0; padding: 0; list-style: none;
    display: flex;
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
    scrollbar-width: none;
}
.class-list li { 
    scroll-snap-align: start;
    white-space: nowrap;
    line-height: 39px;
}
.class-list li > a { 
    position: relative;
    color: #a6a6a6;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 0 3px;
}
.class-list:not(:has(li.active)) li:first-child a,
.class-list li.active > a { font-weight: 700; color: #000; }

.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more{margin:10px 0px 50px;}
.shopbrand .more .more-title {color: #8b8c8e;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}

.shopbrand .list_array .list_arrayRight img {width:32px; height: auto;}

/* ÇÁ·Î¸ð¼Ç */
.promotion_wrap{margin-bottom:30px;}
.promotion_wrap .slick-list{width:95%; display:table; table-layout: fixed; box-sizing: border-box; padding:15px 0px 0px;  text-align:left; margin:0 auto; }
.promotion_wrap .slick-slide{margin:2px 4px; text-align:left;}
.promotion_wrap .slick-slide img{width:100%;}
.promotion_wrap .slick-slide a{outline:none;}
.promotion_wrap .slick-prev{position:absolute; top:25%; left:0px; width:32px; height:60px; background:url(/design/soogee77/wib/mobile/prev.png) no-repeat 0 0; background-size:100% 100%; border:0px; text-indent:-9999px; outline:0; z-index:80;}
.promotion_wrap .slick-next{position:absolute; top:25%; right:0px; width:32px; height:60px; background:url(/design/soogee77/wib/mobile/next.png) no-repeat 0 0; background-size:100% 100%; border:0px; text-indent:-9999px; outline:0; z-index:80;}
.promotion_wrap .prod_thumb{margin-bottom:12px;}
.promotion_wrap .prod_body{margin-top:0px;}
.promotion_wrap .iconz{margin:7px 0px;}
.promotion_wrap h3 {font-size:24px; display: inline-block; margin:23px 0px 0px; padding-bottom:13px; width:93%; border-bottom:1px solid #d6d6d6; }
.promotion_wrap .slick-dots {position:relative; margin:25px auto 0px; text-align:center;  }
.promotion_wrap .slick-dots li {width:12px; height:12px;  margin:0px 2px;}
.promotion_wrap .slick-dots li button {width:12px; height:12px; border:2px solid #434343; background:#fff; border-radius:7px; }
.promotion_wrap .slick-dots li button:before {content:''; }
.promotion_wrap .slick-dots li.slick-active button {border:2px solid #989898; background:#fff;}

.cate_html_tit img{width:100%;}
/* BASIC css end */