/* BASIC css start */
/* BASIC css start */
.brand-body .brand_box { display:none; }

.brand_btn_box { margin-bottom: 100px; }
.brand_btn_box .brand_list_box { border: 1px solid #ddd; box-sizing:border-box; overflow:hidden; border-bottom:none; margin-bottom: 10px; }
.brand_btn_box ul.brand_list>li {
    position: relative;
    float: left;
    width: calc(100%/8);
    height: 71px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        background-size: 80%!important;

}

.brand_btn_box ul.brand_list li.on > a {
    left: 0;
    top: 0;
    border: 2px solid #000;
    z-index: 1;
}

.brand_btn_box ul.brand_list li a {
    position: absolute;
    width: 101%;
    height: 71px;
    text-indent: -9999px;
    left: 0;
    top: 0;
        box-sizing: border-box;
}


.brand_btn_box ul.brand_list li:nth-child(8n) a {
    width: 100%;
}


.brand_btn_box .class-list ul>li a:hover {
    color: #000!important;
    font-weight: bold!important;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
}


.brand_btn_box ul.brand_list li:nth-child(8n) { border-right:none; }

.brand_btn_box ul.brand_list li:hover a {
    left: 0;
    top: 0;
    border: 2px solid #000;
    z-index: 1;
}

#wrap .brand_btn_box ul.brand_list li.on, #wrap .brand_btn_box ul.brand_list li:hover { background-size: 80%!important; }

.brand_btn_box ul.brand_list li:first-child.on { background: url(/design/cbkmall/pc/img/main/shop_color_01_corelle.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(2).on { background: url(/design/cbkmall/pc/img/main/shop_color_02_seka.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(3).on { background: url(/design/cbkmall/pc/img/main/shop_color_12_inpot.png) center no-repeat!important; background-size: 100%!important; }
.brand_btn_box ul.brand_list li:nth-child(4).on { background: url(/design/cbkmall/pc/img/main/shop_color_03_pyrex.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(5).on { background: url(/design/cbkmall/pc/img/main/shop_color_04_visions.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(6).on { background: url(/design/cbkmall/pc/img/main/shop_color_05_cook.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(7).on { background: url(/design/cbkmall/pc/img/main/shop_color_06_cw.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(8).on { background: url(/design/cbkmall/pc/img/main/shop_color_07_sw.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(9).on { background: url(/design/cbkmall/pc/img/main/shop_color_08_chicago.png) center no-repeat!important; background-size: 100%!important; }
.brand_btn_box ul.brand_list li:nth-child(10).on { background: url(/design/cbkmall/pc/img/main/shop_color_09_revere.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(11).on { background: url(/design/cbkmall/pc/img/main/shop_color_10_mesa.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(12).on { background: url(/design/cbkmall/pc/img/main/shop_color_11_coordi.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(13).on { background: url(/design/cbkmall/pc/img/main/shop_color_13_oxo.png) center no-repeat!important; background-size: 100%!important; }




.brand_btn_box ul.brand_list li:first-child:hover { background: url(/design/cbkmall/pc/img/main/shop_color_01_corelle.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(2):hover { background: url(/design/cbkmall/pc/img/main/shop_color_02_seka.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(3):hover { background: url(/design/cbkmall/pc/img/main/shop_color_12_inpot.png) center no-repeat!important; background-size: 100%!important; }
.brand_btn_box ul.brand_list li:nth-child(4):hover { background: url(/design/cbkmall/pc/img/main/shop_color_03_pyrex.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(5):hover { background: url(/design/cbkmall/pc/img/main/shop_color_04_visions.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(6):hover { background: url(/design/cbkmall/pc/img/main/shop_color_05_cook.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(7):hover { background: url(/design/cbkmall/pc/img/main/shop_color_06_cw.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(8):hover { background: url(/design/cbkmall/pc/img/main/shop_color_07_sw.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(9):hover { background: url(/design/cbkmall/pc/img/main/shop_color_08_chicago.png) center no-repeat!important; background-size: 100%!important; }
.brand_btn_box ul.brand_list li:nth-child(10):hover { background: url(/design/cbkmall/pc/img/main/shop_color_09_revere.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(11):hover { background: url(/design/cbkmall/pc/img/main/shop_color_10_mesa.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(12):hover { background: url(/design/cbkmall/pc/img/main/shop_color_11_coordi.png) center no-repeat!important; }
.brand_btn_box ul.brand_list li:nth-child(13):hover { background: url(/design/cbkmall/pc/img/main/shop_color_13_oxo.png) center no-repeat!important; background-size: 100%!important; }





.bbs-tit { margin-bottom: 70px; height: 200px; background: #f5f5f5 url() no-repeat 50% 0 ; }
.bbs-tit h3 { line-height: 200px; }
#plan_list .plan_box { overflow:hidden; }
#plan_list .plan_box .plan_content { float:left; width: 560px; margin-right:30px; margin-bottom: 60px; position:relative; }
#plan_list .plan_box .plan_content:nth-child(3n) { margin-right:0; }
#plan_list .plan_box .plan_content img { width: 100%; }
.back {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: absolute;
    color: #fff;
    font-size: 35px;
    line-height: 309px;
    text-align: center;
}


div.prooduct_box_list { overflow:hidden; }
div.product-category div.sliders div.slider-inner ul li {
    position: relative;
    float: left;
    width: 18%;
    box-sizing:border-box;
    margin-right: 2.5%;
    padding-bottom: 70px;
    margin-bottom: 30px;
    overflow:hidden;
}

div.product-category div.sliders div.slider-inner ul li:nth-child(5n) { margin-right:0; }
div.product-category { width: 77%; overflow:hidden; float:right; margin-bottom: 60px; }


.product_name { float:left; width: 16%; border-top: 10px solid #000; padding-top: 25px; }
.product_name h1 { font-size: 30px; font-weight: bold; color:#000; margin-bottom: 8px; }
.product_name .product_subtitle { font-size: 16px; color:#000; font-weight: 300; line-height: 1.5; }

.product_bar { width: 100%; height: 57px; background:#f5f5f5; position:relative; padding: 10px 20px; box-sizing:border-box; margin-bottom: 20px; }


.product_bar .arrow_box { width: 84px; float:right; overflow:hidden; margin-left: 26px; }
.product_bar .arrow_box>div { cursor:pointer;  }
.product_bar .arrow_box>div.right { float:right; }
.product_bar .arrow_box>div.left { float:left; }

.product_bar span.cate_name { font-size: 18px; color:#000; font-weight: 500; float:left; line-height: 37px; }

.page_number.swiper-pagination-fraction {
    width: auto;
    position: relative;
    float: right;
    line-height: 37px;
    bottom: 0;
    font-size: 14px;
    color: #999;
    font-weight: 300;
}

span.swiper-pagination-current {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}


p.what-p {
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 20px;
    height: 42px;
}



.pd>div {
    margin: 0 auto;
    width: 100%!important;
    height: 30vh!important;
    background-size: 100%!important;
}

.pd {
    width: 100%;
}



.in {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: translate(-50%,101%);
    -webkit-transform: translate(-50%,101%);
    -ms-transform: translate(-50%,101%);
    -o-transform: translate(-50%,101%);
    -moz-transform: translate(-50%,101%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 99;
    border: 1px solid #000;
    box-sizing: border-box;
    transition-property: transform;
    transition-duration: .3s;
}


.info { 
position:absolute; 
left: 50%; 
bottom: 4%; 
transform: translate(-50%,200%); 
-webkit-transform: translate(-50%,200%);  
-ms-transform: translate(-50%,200%);  
-o-transform: translate(-50%,200%); 
-moz-transform: translate(-50%,200%);
    transition-property: transform;
  transition-duration: .5s;
  }
.info a { width: 168px; height: 32px; line-height: 32px; display:block; background:#000; text-align:center; font-size: 12px; font-weight:300; color:#fff; margin-bottom: 5px; }
.info a:last-child { margin-bottom:0; }





div.product-category div.sliders div.slider-inner ul li:hover .in, div.product-category div.sliders div.slider-inner ul li:hover .in .info { transform: translate(-50%,0); -webkit-transform: translate(-50%,0);  -ms-transform: translate(-50%,0);  -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0);}

/* BASIC css end */


/* BASIC css end */