/* BASIC css start */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}

.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 { text-align:center;overflow: hidden;}
.shopbrand .list_group select {width: 50%; border: none;border-bottom: 1px solid #1c1b1b;border-right: 1px solid #1c1b1b;background: #fff url(/design/surflo/mb/menu_plus.png) no-repeat 6% 50%;background-size: 9px auto;padding-left: 25px;line-height: 40px;}
.shopbrand .list_group select:last-of-type { border-right:none; }
.more .more-title {color: #3b3b3b;color: #1c1b1b;}
.more .more-title img { width: 10px; margin-top: -6px;margin-left: 5px;}
.more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }

.more {margin-top: -10px!important;margin-bottom: 40px;}

.more .btn_moreGray {
    font-weight: bold;
    display: block;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    width: auto;
    height: 40px;
    font-size: 14px;
    border: 1px solid #1c1b1b;
    box-sizing: border-box;
    font-size: 14px;
    color: #1c1b1b;
    text-align: center;
    line-height: 40px;
    margin: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight:400
;background: #fff;}


ul.slick-dots {position: absolute;bottom: 0px;width: 100%;background: #dadada;height: 2px;}

.list_box .items li .thumb ul.slick-dots li {width: 50%;height: 100%;border: none;margin: 0;}

ul.slick-dots li button {font-size: 0;display: block;width: 100%;height: 100%;display: none;}

ul.slick-dots li.slick-active {background: #1c1b1b;}


.category_title_box {padding: 40px 0;text-align: center;}
.category_title_box h1 {font-size: 18px;color: #1c1b1b;letter-spacing: 1px;margin-bottom: 15px;}
.category_title_box p {font-size: 12px;color: #1c1b1b;font-weight: 400;line-height: 1.8;}

.category_title_box2 {padding: 30px 0;text-align: center;}
.category_title_box2 h1 {font-size: 14px;color: #1c1b1b;letter-spacing: 0px;}

body select#link_search_sel {float: none;width: 100%;height: 35px;line-height: 35px;font-size: 12px;font-weight: 500;text-align: center;border: none;border-bottom: 1px solid #888;background: #fff url(/design/surflo/pc/lang_arrow.svg) no-repeat 61.6% 50%;
    background-size: 9px auto;border-top: 1px solid #888;     margin-top: -1px;     text-align-last: center;
text-align: center;
-ms-text-align-last: center;
-moz-text-align-last: center;padding-right: 2px;}


.mcate {   float:left;  width: 50%;
    border: none;
     
    line-height: 40px;
    font-weight: 400; box-sizing: border-box;position: relative;}
.mcate>a {background: #fff url(/design/surflo/pc/faq_plus.svg) no-repeat 10px 50%;
    background-size: 9px auto;padding-left: 25px;font-size: 13px;color: #1c1b1b;font-weight: 400;height: 40px;line-height: 42px;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;}    
.mcate>a.opend { background: #fff url(/design/surflo/pc/faq_minus.svg) no-repeat 10px 50%;
    background-size: 9px auto; }

.mcate ul {position: absolute;width: calc(100% + 1px);background: #fff;z-index: 12;border-bottom: 1px solid #1c1b1b;top: 40px;left: 0;display: none;border: 1px solid #1c1b1b;box-sizing: border-box;height: calc(100vh - 135px);border-bottom: none;padding: 10px 0;}
.mcate:first-of-type ul { border-left:none; }

.mcate:last-of-type ul { margin-left: -0.7px;border-right: none;/* width: calc(100% + 1px); */}

.mcate ul li {height: 35px;}

.mcate ul li a {padding: 0 25px;display: block;font-size: 13px;color: #1c1b1b;
    font-weight: 400;}
    
    
.item-order { position:relative; }
.item-order .select {
        float: none;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border: none;
    border-bottom: 1px solid #1c1b1b;
    background: #fff url(/design/surflo/pc/lang_arrow.svg) no-repeat 59.5vw 48%;
    background-size: 9px auto;
    border-top: 1px solid #1c1b1b;
    margin-top: 0px;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    /* padding-right: 2px; */
box-sizing: border-box;-webkit-box-sizing: border-box;}


.item-order .item_cate {
    display: none;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
        
    padding: 5px 8px;
    
    right: 0;
    top: 35px;
    z-index: 11;
    background: #fff;
text-align: center;border-bottom: 1px solid #1c1b1b;}

.item-order .item_cate li {
    margin: 4px 0;
    cursor: pointer;
}
.item-order .item_cate li a { font-size: 12px; font-weight:500;color:#1c1b1b; padding: 4px 0;display: block;}     

/* BASIC css end */