@charset "utf-8";
/*搜尋頁 start*/
.filter-cat{
    /*background: #B20000;*/
    border: 1px solid #EBC4C3;
    margin: 10px;
}
.filter-cat a{ color: #666; }
.filter-cat a:hover{ color: #ee5e80; }
.filter-cat .line-dot{ border-bottom: dotted 1px #E0E0E0; }
.filter-cat dl{ background: #FDF0F3; overflow: hidden; }
.filter-cat dt{ float: left; width: 100px; min-height: 24px; line-height: 24px; color: #EE5E80; vertical-align: top; padding: 10px; }
.filter-cat dd{ float: left; width: 838px; min-height: 24px; background: #fff; line-height: 24px; padding: 10px; }
.filter-cat ul{  }
.filter-cat li{ float: left; width: 167px; }
.filter-body{
    width: 1000px;
    height: auto;
    padding-top: 20px;
    overflow: hidden;
}
.filter-box{
    position: relative;
    float: left;
    width: 196px;
    height: 320px;
    margin: 0px 0px 20px 0px;
    border: 2px #fff solid;
}
.filter-box .tag{ position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; background: #ccc; }
.filter-box .tag.t01{ width:25%; height: 25%; background: url(../img/tag/sale-60x60.png) no-repeat; background-size: contain; }
.filter-box:hover{
    border: 2px #ccc solid;
}
.filter-box-photo{
    width: 180px;
    height: 180px;
    padding: 5px 8px;
}
.filter-box-text{
    max-height: 40px;
    color: #666;
    line-height: 20px;
    padding: 3px;
    overflow: hidden;
}
.filter-box-text .price{
    float: left;
    color: #CB1900;
    font-weight: bolder;
}
.filter-box-text del{
    float: right;
    color: #ccc;
}
.filter-box-text .sales{
/*    float: right;*/
    color: #A7A7A7;
}
.filter-box-text .sales_num{
    /*float: right;*/
    color: #C49173;
    font-weight: bolder;
}
.filter-box-text a{
    color: #568396;
}
.filter-box-text .store a{
    color: #666;
    text-decoration: underline;
}
.filter-pageBox{
    float: right;
    border-left: 1px #ccc solid;
    overflow: hidden;
}
.filter-pageBox b{
    float: left;
    height: 28px;
    line-height: 30px;
    color: #999;
    background: #EFEFEF;
    text-decoration: none;
    border: 1px #ccc solid;
    border-left: 0;
    padding: 0px 10px;
    display: block;
}
.filter-pageBox a{
    float: left;
    height: 28px;
    line-height: 30px;
    color: #2953A6;
    text-decoration: none;
    border: 1px #ccc solid;
    border-left: 0;
    padding: 0px 10px;
    display: block;
}
.filter-pageBox a:hover{
    background: #EFEFEF;
    text-decoration: underline;
}
.filter-pageBox span{
    float: left;
    height: 28px;
    line-height: 30px;
    color: #2953A6;
    border: 1px #fff solid;
    border-right: 1px #ccc solid;
    padding: 0px 10px;
    display: block;
}
.filter-pageBox .text{
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}
.filter-pageBox .page{
    float: left;
    height: 30px;
    line-height: 30px;
}
.filter-pageBox .pageIpt{
    text-align: center;
    width: 30px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
}
/* search store */
.toolbar{ width: 1200px; height: 46px; line-height: 46px; border-bottom: 2px #e5e5e5 solid; margin-bottom: 20px; }
.toolbar .menu{ float: left; width: auto; font-size: 16px; font-weight: bold; }
.toolbar .menu li{ float: left; width: 200px; text-align: center; border-bottom: 2px #e5e5e5 solid; }
.toolbar .menu li.on{ color: #ff9000; border-bottom: 2px #ff9000 solid; }
.toolbar .menu li h2{ display: inline-block; }
.toolbar .search{ float: right; width: auto; margin-right: 10px; }
.toolbar .search input{ float: right; width: 130px; height: 24px; line-height: 24px; border: 1px #dcdcdc solid; border-right: 0px; }
.toolbar .search button{ float: left; width: 100px; height: 26px; line-height: 26px; border: 1px #dcdcdc solid; background: #f5f5f5; cursor: pointer; }
.toolbar .search button:hover{ background: #B20000; color: #ffffff; }
.toolbar .search li{ float: left; }
.store-ul{ height: auto; display: block; overflow: auto; }
.store-ul > li{ border-bottom: 1px #cccccc solid; margin-bottom: 20px; overflow: auto; }
.store-ul .store-info{ float: left; width: 180px; padding-right: 20px; padding-bottom: 20px; }
.store-ul .store-info .if-photo{ position: relative; width: 180px; height: 180px; }
.store-ul .store-info .if-photo .tag-top{ position: absolute; top: 0px; left: 10px; width: 20px; height: 22px; text-align: center; color: #ff9002; background: url(../img/tag/top_01.png) no-repeat; }
.store-ul .store-info .if-text{ width: 172px; height: auto; font-size: 16px; line-height: 16px; font-weight: bold; padding: 4px; }
.store-ul .store-info .if-text h3{ font-size: 16px; line-height: 16px; font-weight: bold; }
.store-ul .store-info .if-text.name{ font-weight: bold; }
.store-ul .store-info .if-text.hits span{ color: #ff262a; padding-left: 10px; }
.store-ul .store-info .if-text.tags span{ padding: 2px 5px; border-radius: 5px; }
.store-ul .store-info .if-text.tags .t01{ color: #ffffff; background: #ff262a; }
.store-ul .store-info .if-text.tags .t02{ color: #ff262a; border: 1px #ff262a solid; }
.store-ul .store-items{ float: left; width: 1000px; height: auto; padding-bottom: 20px; }
.store-ul .store-items a{ color: #606060; }
.store-ul .store-items li{ position: relative; float: left; width: 182px; padding: 0px 9px 20px; }
.store-ul .store-items li .tag{ position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; background: #ccc; }
.store-ul .store-items li .tag.t01{ width:25%; height: 25%; background: url(../img/tag/sale-60x60.png) no-repeat; background-size: contain; }
.store-ul .store-items .it-photo{ border: 1px #d3d3d3 solid; }
.store-ul .store-items .it-text{ position: relative; height: 28px; line-height: 28px; }
.store-ul .store-items .it-text.name{  text-align: left; }
.store-ul .store-items .it-text.amt{ font-size: 16px; text-align: center; }
.store-ul .store-items .it-text.amt del{ color: #8e8e8e; padding: 0px 10px; }
.store-ul .store-items .it-text.amt span{ color: #ff262a; padding: 0px 10px; }
.store-ul .store-items .it-text h4{ position: absolute; bottom: 0px; width: 182px; height: 28px; font-size: 16px; z-index: 100; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.store-ul .store-items li:hover .it-text h4{ height: auto; background: url(../img/bg/overlay_01.png); }
.store-ul .store-items li:hover .it-text h4 a{ color: #ffffff; padding: 4px 8px; display: block; white-space: normal; }
/*搜尋頁 end*/