/* BASIC css start */
.section.sub.gray2{
    background:url('/design/lovelybbb/renewal/pc/img/section_gray2.jpg')no-repeat center center;
    background-color:#efeeec;
    padding:80px 0px 90px 0px;
    border-top:1px solid #ddd;
}
.section.sub .sub-title{
    line-height:16px;
    margin-bottom:60px;
    color:#414141;
    font-family:'Cardo';
    font-size:24px;
    text-align:center;
}
.section.sub.gray2 .wrap-inner .sub-top .items{
    margin:0px -5px;
    font-size:0px;
}
.section.sub.gray2 .wrap-inner .sub-top .items li{
    display:inline-block;
    width:25%;
    height:auto;
    padding:0px 5px;
    font-size:0px;
    box-sizing:border-box;
    vertical-align:top;
    margin-bottom:10px;
}

.section.sub.gray2 .wrap-inner .sub-top .items li a{
    display:block;
}
.section .filter-wrap{
    position:relative;
    font-size:0px;
    padding-right:300px;
    margin-bottom:20px;
}
.section .filter-wrap .cate-filter{
    display:relative;
    float:left;
}
.section .filter-wrap .align-filter{
    position:absolute;
    top:0px;
    right:0px;
}
.section .filter-wrap li{
    float:left;
}
.section .filter-wrap li a{
    display:inline-block;
    line-height:13px;
    color:#888;
    font-family:"Nanum Gothic";
    vertical-align:middle;
}
.section .filter-wrap .cate-filter li{
    margin-right:20px;
}
.section .filter-wrap .cate-filter li a{
    font-size:14px;
}
.section .filter-wrap .cate-filter li a.active{
    color:#be9d76;
    border-bottom:1px solid #be9d76;
}
.section .filter-wrap .align-filter li a{
    font-size:11px;
}
.section .item-wrap{
    font-size:0px;
}

.section.hotkeyword .item-wrap li.item{
    display:inline-block;
    width:25%;
    height:auto;
    padding:0px 18px;
    font-size:0px;
    box-sizing:border-box;
    vertical-align:top;
}

.section.hotkeyword .item-wrap li.item .img{
    margin-bottom:25px;
    width:100%;
    height:auto;
}
.section.hotkeyword .item-wrap li.item .img img{
    width:100%;
    height:auto;
}
.section.hotkeyword .item-wrap li.item .livetext{
    line-height:34px;
    color:#414141;
    font-size:20px;
    font-weight:600;
}
.section.hotkeyword .item-wrap li.item .info{
    line-height:23px;
    color:#888;
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:bold;
}
.section .item-wrap.lay2{
    margin:0px -17px;
}
.section .item-wrap.lay2 li.item{
    display:inline-block;
    width:642px;
    height:auto;
    padding:0px 17px;
    font-size:0px;
    box-sizing:border-box;
    vertical-align:top;
    margin-bottom:44px;
}
.section .item-wrap.lay2 li.item .thum{
    display:block;
    margin-bottom:12px;
}
.section .item-wrap.lay3{
    margin:0px -16px;
}
.section .item-wrap.lay3 li.item{
    display:inline-block;
    width:427px;
    height:auto;
    padding:0px 16px;
    font-size:0px;
    box-sizing:border-box;
    vertical-align:top;
    margin-bottom:80px;
}
.section .item-wrap.lay3 li.item .thum{
    display:block;
    margin-bottom:12px;
}
.section .item-wrap.lay4{
    margin:0px -16px;
}
.section .item-wrap.lay4 li.item{
    display:inline-block;
    width:25%;
    height:auto;
    padding:0px 16px;
    font-size:0px;
    box-sizing:border-box;
    vertical-align:top;
    margin-bottom:50px;
}
.section .item-wrap li.item dt a{
    display:block;
    margin-bottom:12px;
}
.section .item-wrap li.item dt a img{
    width:100%;
    height:auto;   
}
.section .item-wrap li.item .user-util{

}
.section .item-wrap li.item .user-util .colorchip{
    float:left;
}
.section .item-wrap li.item .user-util .colorchip span{
    width:12px;
    height:4px;
    border:1px solid #ddd;
}
.section .item-wrap li.item .user-util .wish{
    float:right;
    line-height:15px;
}
.section .item-wrap li.item .user-util .wish img{
    vertical-align:middle;
}
.section .item-wrap li.item .item-title{
    line-height:28px;
    color:#2d2c2c;
    font-size:13px;
}
.section .item-wrap li.item .price-wrap{
    
}
.section .item-wrap li.item .price-wrap .price{
    position:relative;
 }
.section .item-wrap li.item .price-wrap .price span{
 display:inline-block;
 line-height:20px;
 vertical-align:middle;
}
.section .item-wrap li.item .price-wrap .price span.normal{
 color:#414141;
 font-size:14px;
 font-weight:bold;
}
.section .item-wrap li.item .price-wrap .price span.discount{
 margin-left:10px;
 color:#bbb;
 font-size:12px;
 text-decoration: line-through;
}
.section .item-wrap li.item .price-wrap .price .percent{
 position:absolute;
 bottom:0px;
 right:0px;
}
.section .item-wrap li.item .price-wrap .price .percent span{
    color:#be9d76;
    line-height:20px;
}
.section .item-wrap li.item .price-wrap .price .percent span.percent-number{
    font-size:24px;
    font-weight:bold;
}
.section .item-wrap li.item .price-wrap .price .percent span.percent-icon{
    font-size:16px;
    font-weight:600;
    vertical-align:bottom;
}

.pagenation{
    margin-top:30px;
    text-align:center;
}
.pagenation .item-page{
    display:block;
}
.pagenation .item-page li{
    display:inline-block;
    min-width:27px;
    vertical-align:middle;
}
.pagenation .item-page li a{
    display:inline-block;
    height:16px;
    line-height:15px;
    font-size:14px;
    color:#888;
    box-sizing:border-box;
    border-bottom:1px solid transparent;
}
.pagenation .item-page li a img{
    vertical-align:middle;
}
.pagenation .item-page li a.now{
    color:#be9d76;
    border-bottom:1px solid #be9d76;
}
.pagenation .item-page li.move a{
    font-size:0px;
}
/* BASIC css end */