/* BASIC css start */
.shopbrand .shopbrandImg img {width:100%; max-width: 100%;}
.shopbrand .shopbrandImg div:nth-of-type(n+2) {padding-top:5px;}

/* ºí·¢È¦ À̹ÌÁö ¸µÅ© */
.shopbrand .shopbrandImg .bhArea div {position:relative; padding: 0;}
.shopbrand .shopbrandImg .bhArea a {display: block;}
.shopbrand .shopbrandImg .bh1 a.bh1Btn1 {width: 100%;height: 58vw; position: absolute; top: 0;}
.shopbrand .shopbrandImg .bh1 a.bh1Btn2 {width: 50vw;height: 70vw; position: absolute; top: 58vw; left:0; }
.shopbrand .shopbrandImg .bh1 a.bh1Btn3 {width: 50vw;height: 70vw; position: absolute; top: 58vw; right:0 }
.shopbrand .shopbrandImg .bh2 a.bh2Btn1 {width: 50vw;height: 90%; position: absolute; top: 0; left:0; }
.shopbrand .shopbrandImg .bh2 a.bh2Btn2 {width: 50vw;height: 90%; position: absolute; top: 0;  right:0 }
.shopbrand .shopbrandImg .bh3 a.bh3Btn1 {width: 100%;height: 90%; position: absolute; top: 0; left:0; }

/* // ºí·¢È¦ À̹ÌÁö ¸µÅ© */

.poromoArea .swiper{padding: 30px 15px 55px;text-align:left;position: relative;overflow:hidden;}
.poromoArea .swiper-slide {width: 45%;margin-right: 10px;}
.poromoArea .swiper-slide .MK-product-icons img:nth-child(n+3) {display:none;}
.poromoArea .listPic{width: 100%;}
.poromoArea .swiper-pagination{bottom: 30px !important;height: 2px;}
.poromoArea .swiper-pagination-bullet{width: 25px;height: 2px;border-radius: 0;margin: 0!important;background: #000;opacity: 0.2;vertical-align: top;}
.poromoArea .swiper-pagination-bullet-active{opacity: 1;}
.poromoArea .swiper-container-horizontal>.swiper-pagination-progressbar {top:auto;left: 35%;right: 35%;width:auto;height: 2px;}
.poromoArea .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222;}

.shopbrand h2.cate1Name {font-size: 20px;font-weight:600;padding: 30px 0 0 15px;}
.shopbrand h2.nowCate {font-size: 20px;font-weight:600;padding: 30px 0 0 15px;}

.cateList {padding: 15px 15px 0;position: relative;}
.cateList .allCate {font-size:14px;color:#999;position: absolute;left: 15px;top: 15px;height: 28px;line-height: 28px;}
.cateList .allCate.active {color:#222;font-weight:600;}
.class-list {display: table;width: 100%;box-sizing: border-box;padding-left: 25px;}
.class-list li {position: relative;display: inline-block;height: 28px;line-height: 28px;font-size:14px; vertical-align:top; }
.class-list li a {color:#999;}
.class-list li.active a {color:#222;font-weight:600; }
.class-list li:before {content:"I";left: 0;top: 1px;color:#ddd;margin: 0 14px;}
.class-list li:last-child:after { content:"" }
.class-list li:nth-child(3n):after { content:"" }

.totalSort {position:relative;padding: 30px 15px 10px;}
.totalSort::after{content:"";display:block;clear:both;}
.totalSort .totalCount {float:left;line-height: 30px;}
.totalSort .prdSort {float:right;position: relative;}
.totalSort .prdSort:after{content:"\e942";font-family:xeicon;position: absolute;right: 0;line-height: 28px;}
.totalSort .prdSort select {position:relative;outline:none;border: none;width: 85px;appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;height: 30px;line-height: 30px;background: none;}
.listReview {display: none !important;}
.snap_review_count {
    float: left;
    font-size: 10px;
    color: #FE6F5F;
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1300px;
  position: relative;
  margin: 20px 0 0 0;
  padding-top:0;
}
.slideshow-container div {padding-top:0 !important;}
/* Caption text */
.shopbrandImg .text {
  color: #000000;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.shopbrandImg .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;  /*0.6S*/
}

.shopbrandImg .active {
  background-color: #717171;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .shopbrandImg .text {font-size: 11px}
}


/* Position the "next button" to the right */
.shopbrandImg .bannernextl {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;     
  border-radius: 3px 0 0 3px;
}

.shopbrandImg .bannernextr {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;     
  border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */
.bannernextr:hover, .bannernextl:hover {
  background-color: rgba(0,0,0,0.8);
}



.swiperImg {position:relative;overflow: hidden;}
.swiperImg a{display: block; width: 100%}
.swiperImg .swiper-slide a img{width: 100%}
.swiperImg .swiper-pagination{bottom: 20px!important;height: 2px;}
.swiperImg .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;margin: 0!important;background: #fff;opacity: 0.3;vertical-align: top;}
.swiperImg .swiper-pagination-bullet-active{background: #fff; opacity: 1;}


/* BASIC css end */