.poi a:hover , .poi a:visited, .poi a:active {text-decoration: none;}


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


.ph .ph-group-content{margin: 10px 10px;transition: 0.2s;padding: 0px 0px 48px 0px; width: 23%;position: relative;flex-shrink: 1;background:#FFF;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.ph .ph-group-content-photo {display: block;}
.ph .ph-group-content-photo img{width: 100%;}
.ph .ph-group-content-text-name{color:#06a6e3;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;padding: 10px ;}
.ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "微軟正黑體";padding: 5px 10px 10px 10px;background: #FFF;}
.ph .ph-group-content-text-detail a {color: #000;}
.ph .ph-group-content-text-price {color:#f5565a;position: absolute;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 0px;bottom: 0px;width: 100%;}
.ph .ph-group-content-text-price span{font-size: 80%;line-height: 1.8;}
.ph .ph-group-content-tag {position: absolute;left: 0%; top: 15px; background: #f58434;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.ph .ph-group-content-text-sale{font: bold 16px/1.4 "微軟正黑體"; color: #f5565a; background: #FFF;    padding: 0 10px;margin: 5px 0; }
.ph .ph-group-content-text-sale a {color: #f5565a;}

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

.ph .link-right{background: #06a6e3;font: bold 18px/1.4 "微軟正黑體"; color: #fff;padding: 5px;border-radius: 10px;margin: 15px auto;display: inline-block;}
.ph .link-right:hover{color: #FFF;}


@media screen and (max-width:1450px) { 
.ph .ph-group-content{width: 28%;}
}

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

.poi {padding: 0 0 10px 0;}
.ph .ph-group-content{width: 44%;}

}

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

.ph-group{padding: 1% 3%;width: 100%;}
.ph .ph-group-content-text-name{font:bold 16px/1.4 "微軟正黑體";}
.ph .ph-group-content-text-detail{font:14px/1.4 "微軟正黑體";}
.ph .ph-group-content-text-price{font:bold 20px/1.4 "微軟正黑體";}
.ph-group-content-text-sale{font:14px/1.4 "微軟正黑體";}

.ph .ph-group-content{width: 100%;margin: 10px auto;}
.ph .ph-group-content-text-sale{font: 14px/1.4 "微軟正黑體";}
}




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

.ph-group-title{margin: 10px auto;}
.ph-group-title span {font:bold 16px/1.6 "微軟正黑體";padding: 13px 18px 12px 18px;}

}