.SortSelected {color:black;}
.special {color:#ea5550;}
.titlebonus {font-size:14px!important;
}
.productlist-item {
    width: 25%;
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
    padding-right: 30px;
}

    .productlist-item .productlist-item-content {
        width: 100%;
        height: 370px;
        position: relative;
    }
        .productlist-item .productlist-item-content .product-text {
            margin-top:10px;
        }
        .productlist-item .productlist-item-content a img {
            width:220px;
            height:220px;
        }
        .productlist-item .productlist-item-content .product-name {
            text-align: center;
            line-height: 28px;
            padding: 0 10%;
            font-family: '微軟正黑體';
            max-height: 56px;
            overflow: hidden;
            font-size:16px;
            
        }
        .productlist-item .productlist-item-content .product-price {
            margin-bottom: 0px;
        }
        .productlist-item .productlist-item-content .activity {
            position: absolute;
            top: 320px;
            width: 100%;
            display: block;
            text-align: center;
        }
            .productlist-item .productlist-item-content .activity p {
                text-align: center !important;
                display: inline-block;
                padding: 3px 10px 3px 10px;
                margin-bottom: 0;
                font-size: 14px;
                vertical-align: middle;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                color: #bbbbbb;
                border: 1px solid #bbbbbb;
                border-radius: 15px;
            }
.productlist-item-image {
    position: relative;
    display: inline-block;
}
.product-quick {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 999;
    width: 28px !important;
    height: 28px !important;
}
@media only screen and (max-width: 1024px) {
    .productlist-item .productlist-item-content {
        height: 340px;
    }
     .productlist-item .productlist-item-content a img {
            width:100%;
            height:auto;
        }
        .productlist-item .productlist-item-content .activity {
           position:initial;
        }
}



@media (max-width: 768px) {
    .productlist-item {
        width: 48%;
        padding-right:0;
    }

        .productlist-item .productlist-item-content {
            max-width: 255px;
            margin: 0 auto;
            height: 375px;
        }
            
            .productlist-item .productlist-item-content .activity {
                position: initial;
            }
}
@media (max-width: 511px) {
    
    .titlebonus {font-size:12px!important;
}
        .productlist-item:nth-child(2n+1) {
            float: left;
        }
        .productlist-item:nth-child(2n) {
            float: right;
        }
        .productlist-item .productlist-item-content {
            max-width: 100%;
            margin: 0 auto;
            height:320px;
            
        }
            .productlist-item .productlist-item-content .activity p {
                padding:3px!important;
                font-size:12px;
            }
}
@media (max-width: 451px) {
    .productlist-item .productlist-item-content {
        height:300px;
    }
}