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

.ph{margin: 20px auto;width: 100%;}
.ph:hover{transform: none;}
.ph-menu{display: none;}
.slidecontain {display:none;}


.poi{width: 100%;}





.ph .ph-group-content:nth-of-type(1),.ph .ph-group-content:nth-of-type(2),.ph .ph-group-content:nth-of-type(3){ width:30%;}
.ph .ph-group-content:nth-of-type(1) .ph-group-content-photo{display: block;}
.ph .ph-group-content:nth-of-type(2) .ph-group-content-photo{display: block;}
.ph .ph-group-content:nth-of-type(3) .ph-group-content-photo{display: block;}

.ph .ph-group-content:nth-of-type(1) .ph-group-content-text-name,
.ph .ph-group-content:nth-of-type(2) .ph-group-content-text-name,
.ph .ph-group-content:nth-of-type(3) .ph-group-content-text-name{background: #0056bb;color: #fff;}

.ph .ph-group-content:nth-of-type(1) .ph-group-content-text-detail,
.ph .ph-group-content:nth-of-type(2) .ph-group-content-text-detail,
.ph .ph-group-content:nth-of-type(3) .ph-group-content-text-detail{width: 100%;display:block;}


.ph .ph-group-content:nth-of-type(1) .ph-group-content-text-price,
.ph .ph-group-content:nth-of-type(2) .ph-group-content-text-price,
.ph .ph-group-content:nth-of-type(3) .ph-group-content-text-price{width: 80%;display:block;color: #0056bb;border:1px solid #0056bb;position: static;margin: 10px auto;}







.ph .ph-group-content{margin: 15px ;padding: 0px 0px 10px 0; width:45%;position: relative;flex-shrink: 1;display: inline-flex;flex-wrap: wrap;justify-content: center;border:1px solid #0056bb;transition: 0.3s;}
.ph .ph-group-content-photo {display:none;position: relative;width: 100%;}
.ph .ph-group-content-photo img{width: 100%;}


.ph .ph-group-content-text{padding: 0px;width: 100%;}
.ph .ph-group-content-text-name{font:18px/1.4 "微軟正黑體";display: block;background: #0056bb;padding: 5px 10px;background: #fbd123;color: #000;}
.ph .ph-group-content-text-detail{color:#000;font:15px/1.4 "微軟正黑體";margin: 5px auto ;padding: 2.5px 10px 5px 10px;width: 70%;display: inline-block;}
.ph .ph-group-content-text-detail a {color:#000;}
.ph .ph-group-content-text-price {display: inline-block;color:#0056bb;position: absolute;border-radius:5px;padding: 5px 10px;font:bold 20px/1.4 "微軟正黑體";text-align: center;margin: 0px auto;background: #FFF;bottom: 0;right: 10px;}
.ph .ph-group-content:hover {transform: scale(0.98);}
.ph .ph-group-content-text-price span{font-size: 80%;line-height: 1.8;}
.ph .ph-group-content-tag {position: absolute;left: 0%; top: 0px;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 20px 3px 10px;clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
background: rgba(0,0,0,0.7);}
.ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: #e32929;padding: 5px 10px 2.5px 10px;}
.ph .ph-group-content-text-sale a { color: #e32929;}
.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{display: block;text-align: center;}
.ph-group-title span {font:bold 24px/1.6 "微軟正黑體";color:#0056bb;}



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



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

.ph .ph-group-content:nth-of-type(1),.ph .ph-group-content:nth-of-type(2),.ph .ph-group-content:nth-of-type(3){ width:90%;}
.ph .ph-group-content{width: 90%;margin: 15px auto;}


.ph .ph-group-content-text-name{font:18px/1.4 "微軟正黑體";}
.ph-group-title span{font:bold 19px/1.6 "微軟正黑體";}


.ph .ph-group-content-text-detail{display: block;width: 100%;}
.ph .ph-group-content-text-price{display: block;width: 80%;position: static;border:1px solid #0056bb;}

}