.product_list {
    float: left;
    width: 100%;
    padding: 0 20px 5%;
    position: relative;
    /*background: url(../img/bg.jpg);*/
}
.product_list .products{
    float: left;
    width: 100%;
    padding: 15px;
    border: #ccc 1px solid;
    background: #fff;
}
.product_list .products li{
    float: left;
    width: 100%;
    padding: 15px;
    list-style-type:none;
}
.product_list .products li img{
    width: 100%
}
.product_list .products li a{
    text-decoration: none;
}
.product_list .products li a:hover{
    color: #00a29a;
}
.product_list .products .num{
    padding-bottom: 3px;
    margin: 0;
    font-size: 12px;
}

.product_list .products .product_tit{
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.product_list .products .price{
    border-top: #00a29a 2px solid;
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.product_list {
    padding: 0 13% 5%;
}
.product_list .products li{
    width: 50%;
}
.product_list .products .price{
    border-top: 2px solid;
    border-image: linear-gradient(to right, #00a29a 10%, transparent) 1;
}
}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 980px) {
.product_list .products li{
    width: 33.33%;
}
}