/* BASIC css start */
/* page-body */
#content { width:100%; padding:0  }
#content .page-hd,.loc-navi {width:1300px; margin:0 auto;}
#productPlan .page-body {width:1300px; margin:0 auto;}
#productPlan .page-body .visual { margin-top:30px }
#productPlan .page-body .visual img {width:100%;}
#productPlan .page-body .pick { margin-top:30px; text-align:center }
#productPlan .page-body .pick select { width:588px; height:38px; font-size:15px; color:#555; text-align:center }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width:1300px; margin:0 auto; margin-top:30px;  }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 0 10px 5px; border-bottom: 2px solid #5c5c5c; }
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; margin-bottom:35px}
#productPlan .page-body .p-hd h3 { color: #5c5c5c; font-size: 25px; font-weight: 900; letter-spacing: -1px; margin-bottom:10px; }
#productPlan .page-body .p-hd .top { position: absolute; top: 15px; right: 5px; color: #5c5c5c; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .item-wrap { padding-top:50px }





/* ·ΡΈ΅»σΗ° */
.spProduct { position:relative;    max-width: 1300px;   overflow: hidden; margin:0 auto; padding-top:30px;  }
.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% - 14px); margin-right:14px; }
.spProduct .mainSwiper .productWrap.mr0 {display:inline-block;width: calc(20% - 14px) !important; margin: 0; margin-right:14px; }
.spProduct .mainSwiper .productWrap figure {margin:0; margin-bottom:15px;}
.spProduct .mainSwiper .productWrap:nth-of-type(5n) { }
.spProduct .mainSwiper .productWrap.mr0:nth-of-type(4n){margin-right:0px;}
.spProduct .mainSwiper .productWrap .listPic { position:relative; max-height:388px; }
.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:auto;
       min-height:580px;
       
      }
.spProduct .mainSwiper .productWrap .list_shoppingInfo {
    background-color: #fff;
    box-shadow: 2px 2px 5px #eee;
    text-align:left;
    margin: 0;
    min-height: 130px;
    height: auto;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    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 {
background-color:#fff;
box-shadow : 2px 2px 5px #eee;
text-align:left;
margin:0;

min-height: 180px;
height:180px;
width: 100%;
flex-direction: column; 
 
justify-content: space-around;
padding: 10px;
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 }



/* BASIC css end */