/* BASIC css start */
.h_title {text-align:left;}
.h_title p, .h_title h1 {display:inline-block; margin:16px 0 4px 16px;font-size:18px; font-weight:bold;}
.wlist_group { width:100%;  background:rgba(255,255,255,0.95);  overflow:hidden; margin-bottom:20px; border-bottom:0px solid #f5f5f5;}
.wlist_group:after { content: ""; display: block; clear: both; }
.wlist_group .smenu { overflow:hidden; position:relative; z-index:1; width:100%; padding-left:16px;}
.wlist_group .smenu > li { display:inline-block; }
.wlist_group .smenu > li a {display:block; overflow:hidden; height:20px; margin:0 10px 0 0; line-height:20px; color:#666; font-size:12px;  font-weight:normal;    }
.wlist_group .smenu li .sel { display:block; color:#000 !important ; font-weight: bold; border-bottom:1px solid #000;}

#search .form-wrap {position: relative; background-color:#FFF; padding:0 10px 10px 10px;}
#search .form-wrap .searchForm {width:100%;}
#search .form-wrap .searchForm input { }
/* #search .form-wrap .searchButton {width:20%; height:68px; background-color:#f3f3f3; 1px solid #efefef color:#fff;position: absolute; top: 10px; right: 10px; height: 68px; line-height: 68px; text-align: center; box-sizing: border-box;} */
#search .form-wrap .searchButton {color:#999;position: absolute; top: 1px; right: 10px; font-size:16px; text-align: center; box-sizing: border-box; padding:8px;}
#search .form-wrap .searchForm #keyword_search {
    width: 100%;
    margin-bottom: 5px;
    height: 35px;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 14px;
}
#search .form-wrap .searchPrice {color:#555;}
#search .form-wrap .searchPrice input {width:38%;}
#search h2 {border-bottom:1px solid #4a4a4a; text-align:center; font-weight:bold; padding:5px 0;}
#search .MK_product_list .items {background-color:#f9f9f9; padding: 10px 0;}
#search .MK_product_list .items #MK_best_product li {width:33.33%;}
#search .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
#search .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
/*
#search .list_group {padding:12px 1%; text-align:center;}
#search .list_group select {width:49%; height:28px;}
*/
#search .list_group {padding:0 10px 24px; text-align:center;}
#search .list_group select {width:100%; height:28px;}
#search .more .more-title { }

#search .list_shopping1x li {box-sizing: border-box; padding: 18px 5px;}
#search .list_shopping1x li:first-child {padding:0 4px 18px 4px;}
#search .list_shopping1x li a {display: inline; padding: 0;}
#search .list_shopping1x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping1x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}
#search .list_shopping2x li { box-sizing: border-box; padding:0 5px 18px 5px;}
#search .list_shopping2x li a {display: inline; padding: 0;}
#search .list_shopping2x li figcaption p.hashtag {margin-top: 5px;}
#search .list_shopping2x li figcaption p.hashtag a {background-color: #f3f3f3; white-space: nowrap; margin-right:5px;}

.list_array { text-align:center; }
.list_array .list_arrayRight img {width: 20px; height: auto;}

@media screen and (min-width:420px) and (max-width:767px) {
    #search .list_shopping1x li {padding:4px;}
    #search .list_shopping1x li:first-child {padding:4px;}
}
@media screen and (min-width:768px) {
    #search .list_shopping1x li {padding:10px;}
    #search .list_shopping1x li:first-child {padding:10px;}
    #search .list_shopping2x li {padding:5px;}
}

.items li .percent { /* position:absolute; top:5px; left:5px; opacity: 0.8; filter: alpha(opacity=80); z-index:99; */ text-align:center; width:auto; height:20px; line-height:20px; /* border-radius: 50%;  background-color:#fff; */ color:#e47373 ; padding:0 2px; font-size:11px; letter-spacing:0px; }

.item_img_box{ position:relative;}
.pre_order_tag, .pre_order_tag:hover {position:absolute; font-weight: 700; font-size:11px; line-height:11px; text-align:center; padding:6px 0 0 0; width:70px; bottom:-6px; left:50%; margin-left:-35px; border-top-right-radius:12px; border-top-left-radius:12px; text-align:center; background-color:#fff; color:#000}



.listSoldout span{font-size:10px; display:inline-block; color:#666;}
.listSoldout span i{font-size:12px; vertical-align:text-bottom;}


.listName {
    font-size: 15px;
    padding: 8px 0 4px;
    font-weight: bold;
    line-height: 130%;
}
.subname {
    font-size: 12px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 16px;
    max-height: 32px;
}
.price_set_box {margin:4px 0 8px 0; font-size:15px;}
.listName {font-size:15px; padding:8px 0 4px; font-weight: bold; line-height: 130%;}
.listPrice {margin-bottom:0;}
.listPrice del {color:#999;}
.listPrice .percent {font-size:10px;}
.fundingPrice del {color:#999;}

mark {
  display: inline-block;
  line-height: 0em;
  padding:1px 1px 7px;
}

.discount_tag {position:absolute;top:0px;right:4px; text-align:center; padding:6px 0 0; width:34px; line-height:11px; background-color:rgba(0,0,0,0.6);color:#fff;font-size:11px; font-weight:bold}
.discount_tag:after {position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
    border-width: 10px 17px 0 17px;}
.discount_tag span {font-size:9px;font-weight:normal;}

.sch_sort_bar {clear:both; margin:16px 0; overflow:hidden;text-align:center;white-space:no-wrap;}
.sch_sort_bar li {display:inline-block; border-left:1px solid #eee; color:#000; font-size:12px; padding:0 8px;}
.sch_sort_bar li:first-child{border-left:0;}
.sch_sort_bar li.on{font-weight:bold;}
/* BASIC css end */

