.group-type-ph {
    font-family: "微軟正黑體", "Microsoft JhengHei", "Apple LiGothic Medium", Arial, Helvetica, sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 15px;
    line-height: 1.5;
}



.group-type-ph .ph {
    width: 100%;
    padding: 12px;
    background: white;
    border:solid 10px;
    border-color: #fda800;
}
.taiwan .group-type-ph .ph { border-color: #96f7e8; width: 29%;
    margin: 0.8%; }
.sale0608 .group-type-ph .ph{ border-color: #62d6a3; } 

.group-type-ph .ph:hover {
    border-color: #f75858;
}
.taiwan .group-type-ph .ph:hover {
    transform: translate(3px,3px);
    border-color: #ebe31f;
}


.group-type-ph .ph a {
    display: block;
    text-decoration: none;
    color: black;
    width: 100%;
}



.group-type-ph .ph .ph-img {
    width: 55%;
    float: right;
    border-left: dotted 2px #fda800;
    padding-left: 2.5%;
}
.taiwan .group-type-ph .ph .ph-img{border-left: dotted 2px #96f7e8;}
.sale0608 .group-type-ph .ph .ph-img{border-left: dotted 2px #62d6a3;}

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

.group-type-ph .ph .ph-title,
.group-type-ph .ph .ph-detail {
    width: 42.5%;
    font-weight: bold;
}

.group-type-ph .ph .ph-title {
    font-size: 125%;
}



.group-type-ph .ph .ph-detail {
    padding: 0.5em 0;
    color: #4c4c4c;
}

.group-type-ph .ph .ph-feature {
    display: none;
}

.group-type-ph .ph .price {
    font-family: "Century Gothic", Arial, "Microsoft JhengHei";
    color: #f75858;
    font-style: normal;
    font-weight: bold;
}

.group-type-ph .ph .price * {
    font-style: normal;
}

.group-type-ph .ph .price span {
    font-size: 250%;
    line-height: 1;
}

.group-type-ph .ph .price i {
    font-family: "微軟正黑體", "Microsoft JhengHei", "Apple LiGothic Medium", Arial, Helvetica, sans-serif;
}



@media screen and (max-width:1400px) {
.taiwan .group-type-ph .ph{    width: 45%; margin: 1%;}
}


@media screen and (max-width:960px) {
    .group-type-ph{font-size: 14px;}
    .group-type-ph .ph .ph-img{width: 100%; float: none; margin-bottom: 0.5em;}
    .group-type-ph .ph .ph-title,
    .group-type-ph .ph .ph-detail {width: 100%;}
    .group-type-ph .ph .price{width: 100%; text-align: center; display: block;}
    .group-type-ph .ph .ph-img{border-left:none; padding-left:0;}
}


@media screen and (max-width:420px) {
    .taiwan .group-type-ph .ph{width: 92%;}
}