.hotsalePoi {
    margin: 40px auto;
}

.hotsalePoi h4 {
    text-align: center;
}

.hotsalePoi h4 img {
    max-width: 221px;
    width: 100%;
}

.ph-group {
    width: 100%;
    margin: 0 auto 0px auto;
    padding: 10px 10px;
    position: relative;
    display: inline-flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.ph {
    margin: 0px auto;
    width: 100%;
    max-width: 1400px;
}

.ph:hover {
    transform: none;
}

.slidecontain {
    display: none;
}

.ph .ph-group-content * {
    transition: 0.3s;
}

.ph .ph-group-content {
    margin: 10px 5px;
    width: 32%;
    position: relative;
    flex-shrink: 1;
    transition: 0.3s;
    overflow: hidden;
}

.ph .ph-group-content:hover .ph-group-content-text-name {
    color: #ffffab;
}

.ph .ph-group-content:hover .ph-group-content-text-price {
    padding: 0px 7px 0 25px;
}

.ph .ph-group-content-photo {
    display: block;
    overflow: hidden;
}

.ph .ph-group-content-photo a {
    display: block;
}

.ph .ph-group-content-photo img {
    width: 100%;
}

.ph .ph-group-content-text {
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #132d4fcc;
    width: 100%;
}

.ph .ph-group-content:nth-of-type(odd) .ph-group-content-text {
    background: #6e3009cc;
}

.ph .ph-group-content-text-name {
    color: #FFF;
    font: bold 20px/1.2 "微軟正黑體";
    display: block;
}

.ph .ph-group-content-text-detail {
    color: #FFF;
    font: 15px/1.4 "微軟正黑體";
    margin: 5px auto;
}

.ph .ph-group-content-text-detail a {
    color: #FFF;
}

.ph .ph-group-content-text-price {
    color: #000;
    position: absolute;
    /*border-radius:20px 0px 0 20px;*/
    padding: 0px 7px 0 18px;
    font: bold 20px/1.4 "微軟正黑體";
    text-align: center;
    display: block;
    right: 0px;
    top: 10px;
    background: #ffd352e6;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
}

.ph .ph-group-content-text-price span {
    font-size: 80%;
    line-height: 2;
}

.ph .ph-group-content-tag {
    position: absolute;
    left: 0%;
    top: 25px;
    background: #ff8500;
    font: 15px/1.4 "微軟正黑體";
    color: #FFF;
    padding: 3px 10px;
    border-radius: 0 20px 20px 0;
}

.ph .ph-group-content-text-sale {
    margin: 5px auto;
    font: 16px/1.4 "微軟正黑體";
    color: red;
    /*background:#ffff93;display: inline;*/
}

.ph .link-right {
    background: #7faf54;
    text-align: center;
    display: block;
    margin: 10px auto 20px auto;
    width: 28%;
    padding: 10px 20px 10px 10px;
    color: #FFF;
    border-radius: 20px;
    font-size: 18px;
    min-width: 350px;
    position: relative;
}

.ph .link-right:after {
    content: "→";
    width: 90%;
    height: 90%;
    position: relative;
    border-radius: 99em;
    background: #FFF;
    color: #7faf54;
    padding: 4px 7px;
    right: -10px;
    transition: 0.3s;
}

.ph .link-right:hover:after {
    right: -15px;
}

.ph-group-title {
    text-align: center;
    margin: 10px auto 0 auto;
    border-radius: 20px 20px 0 0;
    display: none;
}

.ph-group-title span {
    font: 500 36px/1.6 'Noto Serif TC', "微軟正黑體";
    color: #505050;
    padding: 5px 10px;
    letter-spacing: 2px;
}

.ph-group-title {
    width: 100%;
}



@media only screen and (max-width: 1200px) {


    .ph .ph-group-content {
        width: 45%;
        flex-grow: 1;
    }



}


@media only screen and (max-width: 600px) {
    .ph .ph-group-content {
        width: 95%;
    }

    .ph .ph-group-content-text-name {
        font: bold 18px/1.2 "微軟正黑體";
    }
}


/*一般

.ph-group  {width: 100%;margin: 0 auto 0px auto;padding: 10px 10px;position: relative;display: inline-flex;justify-content:center;flex-wrap: wrap;}
.ph{margin: 0 auto;width: 100%;width: 80%;max-width: 1300px;}
.ph:hover{transform: none;}
.slidecontain {display:none;}


.ph .ph-group-content{margin: 15px 5px;transition: 0.2s;padding: 10px 10px 40px 10px; width: 24.1%;position: relative;flex-shrink: 1;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.ph .ph-group-content-photo {display: block;overflow: hidden;}
.ph .ph-group-content-photo img{width: 100%;}
.ph .ph-group-content:hover .ph-group-content-photo img{transform: scale(1.05);}
.ph .ph-group-content-text{padding: 10px 15px;}
.ph .ph-group-content-text-name{color:#1f9eed;font:bold 18px/1.4 "微軟正黑體";display: block;}
.ph .ph-group-content-text-detail{color:#000;font:15px/1.4 "微軟正黑體";margin: 5px auto ;}
.ph .ph-group-content-text-price {color:#ff5159;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 10px;}
.ph .ph-group-content-text-price span{font-size: 80%;line-height: 1.8;}
.ph .ph-group-content-tag {position: absolute;left: 0%; top: 25px; background: #ff8500;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;}


.ph .link-right{ background: #7faf54; text-align: center; display: block; margin: 10px auto 20px auto; width:28%; padding: 10px 20px 10px 10px;  color: #FFF; border-radius: 20px; font-size: 18px;min-width: 350px;position: relative;}
.ph .link-right:after{content: "→";width: 90%;height: 90%;position: relative;border-radius: 99em;background:#FFF;color: #7faf54;padding: 4px 7px;right: -10px;transition: 0.3s;}
.ph .link-right:hover:after{right: -15px;}



.ph-group-title,.moreTab h4 {text-align: left;margin: 10px auto 0 auto;border-radius: 20px 20px 0 0;display: block;border-bottom: 2px solid #505050;}
.ph-group-title span ,.moreTab h4 span{font:bold 24px/1.6 "微軟正黑體";color:#505050;padding: 5px 10px;}
.ph-group-title{width: 100%;}


*/