/* BASIC css start */
/* prd-class-hd */
#productClass .page-body { padding-top:40px }

.loc-navi, .loc-navi a { width:1300px; margin:0 auto; text-align:left; font-size:18px;}
.loc-navi, .loc-navi a img {padding-bottom:7px; }
#content .page-hd h2 {font-size:30px; margin:50px auto; border-bottom: 3px solid #000; padding: 0px 15px 15px 15px; width:280px;  }
#content .page-hd {text-align:center; border:0;}

/* ·ΡΈ΅»σΗ° */
.spProduct { position:relative;    max-width: 1320px;   overflow: hidden; }
.spProduct .m_title li{display:inline-block;margin-right:40px;cursor: pointer;}
.spProduct .m_title h3{display:inline-block;font-size:18px;color:#8c8b8b;font-weight:bold;}
.spProduct .m_title h3.active{color:#000;}
.spProduct .m_title h3 span {font-size: 13px; font-weight: normal; display:block;text-align:center;}
.spProduct .m_title h3 span:before { content:''; width:5%;height:1px; background:#000; display:block;margin:2% auto;}
.spProduct .mainSwiper { }
.spProduct .mainSwiper .productWrap {display:table-cell; float:left; margin: 0; width:calc(25% - 10px); margin-right:10px; }
.spProduct .mainSwiper .productWrap.mr0 {display:inline-block;width: calc(20% - 15px) !important; margin: 0; margin-right:15px; }
.spProduct .mainSwiper .productWrap figure {margin:0;margin-bottom:15px;}
.spProduct .mainSwiper .productWrap:nth-of-type(4n) {margin-right:0px;}
.spProduct .mainSwiper .productWrap.mr0:nth-of-type(4n){margin-right:15px;}
.spProduct .mainSwiper .productWrap .listPic { position:relative; }
.spProduct .mainSwiper .productWrap .listPic img { width:100% }
.spProduct .mainSwiper .productWrap .listPic .productHeart{width: 20px;
    top: 92%;
    position: absolute;
    left: 90%;}
.spProduct .best-containe {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }
      
.spProduct .mainSwiper .productWrap .listPic .productHeart2{width: 20px;
    top: 88%;
    position: absolute;
    left: 85%;}
.spProduct .best-containe {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }      
      
.spProduct .mainSwiper .productWrap {
        height: calc((100% - 30px) / 2); min-height:613px;
      }
.spProduct .mainSwiper .productWrap .list_shoppingInfo {background-color:#fff; box-shadow : 2px 2px 5px #eee; text-align:left; margin:0; min-height: 150px;  width: 100%; flex-direction: column;  justify-content: space-around; padding: 15px; box-sizing:border-box;}



.spProduct .mainSwiper .swiper-pagination-fraction {
    top:5px;   
    height: 10px;
    width: auto;
    right: 15px;
    text-align: right;
}
.prdColor{text-shadow:2px 2px 2px #eee;}
.spProduct .mainSwiper .swiper-pagination-fraction .swiper-pagination-bullet {width:4px !important;height:4px !important;background: #fff;
    border: 2px solid;}
.spProduct .mainSwiper .swiper-pagination-fraction .swiper-pagination-bullet-active { background:#000; width:5px;height:5px;}
.spProduct .mainSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:5px !important;height:5px !important;background: #fff;
    border: 2px solid;}
.spProduct .mainSwiper.swiper-grid-column>.swiper-wrapper{flex-direction:row !important;align-items: baseline;}
.spProduct .mainSwiper .listPrice del {  }
.spProduct .mainSwiper .swiper-slide .list_shoppingInfo {display: inline-flex;
background-color:#fff;
box-shadow : 2px 2px 5px #eee;
text-align:center;
margin:0;

min-height: 180px;
height:180px;
width: 100%;
flex-direction: column; 
 
justify-content: space-around;
padding: 15px 10px 15px;
box-sizing:border-box;}
.spProduct#bestProduct .mainSwiper .swiper-slide .list_shoppingInfo{box-shadow:0px 0px 0px;}
.spProduct#bestProduct{margin:0;text-align:center;}
.spProduct#bestProduct .m_title { padding-bottom:35px; }
.spProduct#bestProduct .mainSwiper {
    max-width:1300px;overflow:hidden;
    
}
.bestSwiperWrap{ max-width:1300px; margin:0 auto;}
.bestSwiperWrap 
.spProduct#bestProduct .swiper-wrapper{width:1200px;}
.spProduct#bestProduct .m_title h3{color:#fff;text-align:center;font-size:25px;font-weight:bold; letter-spacing:1px;}
.spProduct#bestProduct{box-sizing:border-box;;background-color:#bb7547; padding: 50px 30px 30px 45px;max-width: 100%; margin: 60px auto;}
.spProduct#bestProduct .bestFigure{text-align:center;}
.spProduct#bestProduct .bestTop{color:#fff;font-size:16px;font-weight:500;margin-bottom:10px;}
.spProduct#bestProduct .listSoldout {
    color: #fff;
    position: absolute;
    width: 100%;
    line-height: 11;
    font-size: 16px;
    height: 0;
    padding-bottom: 100%;
    top: 31px;
    left: 0px;
    background: rgba(0,0,0,0.7);
}
.MK-product-icons img {margin-right:2px; }
.bestSwiperWrap .MK-product-icons img {width:40px; margin-right:2px}
.bestSwiperWrap .bestFigure .listSubname {height:38px;}
.bestSwiperWrap .swiper-button-prev{
    left:auto;
    right: 42px;
    bottom: 309px;
    position: relative;}
.bestSwiperWrap .swiper-button-next{    
    left: 1300px;
    bottom: 286px;
    position: relative;}
.mainBanSwiper .swiper-slide a{width:48.5% !important;}

.paging {padding:140px 0; }
.paging a {padding-bottom:20px; }
.paging a:hover, .paging a.now, .paging .now {border-bottom:2px solid #000; padding-bottom:18px; }
 
 
 
 
.bestSwiperWrap .swiper-button-next:after,.bestSwiperWrap .swiper-button-prev:after {  color:#fff }


.rank {width: 60px;
    height: 28px;
    background: #000;
    text-align: CENTER;
    line-height: 30px;
    color: #fff;
    opacity: 80%;
    font-size: 13px;
    position: relative;
    top: 25px;
    z-index: 1;
    left: -3px;
}
/* BASIC css end */