/*客製化*/


.boxpoi{
  background: url(../images/bg5.jpg) no-repeat; 
  padding: 3% 0 5% 0;
  background-size: 100%;
}
.poi{width: 100%;margin: 30px auto;}
.poi .ph{position: relative;padding: 0 0 10px 0;}

.ph-group{margin-bottom:0px;display: flex; justify-content: center; flex-wrap: wrap;gap: 20px;} 
.ph-menu {display: none;}
.slidecontain{display: none;}

.ph-group-content {padding: 10px 10px 50px 10px;width: 30%;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #FFF;} 
.ph-group-title{display: none;}
.ph-group-title span{margin: 0 auto; display: inline-block; text-align: center; padding: 0 25px; color: #022173; font: 700 30px/1.4 'Noto Sans TC',"微軟正黑體"; position: relative;  }
.ph-group-title img{display: none;}

.ph .ph-group-content-photo { display: block;}
.ph .ph-group-content-photo img {  width: 100%;}
.ph-group-content-text{padding: 5px;text-align: left;}
.ph-group-content-text-name{color: #228da5;font: 600 18px/1.4 'Noto Sans TC',"微軟正黑體";display: block;}

.ph-group-content-text-detail a{font:16px/1.4 "微軟正黑體";}
.ph-group-content-text-price{position: absolute;bottom: 0;text-align: center;left: 0;width: 100%;font:bold 24px/1.4 'Noto Sans TC',"微軟正黑體";color: rgb(209, 8, 8);}
.ph-group-content-text-price span{font: 14px/3 "微軟正黑體";}
.ph-group-content-text-sale  {display: block; padding: 0px 5px; font: 700 15px/1.4 'Noto Sans TC',"微軟正黑體"; color: black; background:#ffe1b2; margin: 5px auto;}
.ph-group-content-text-detail {display: block; padding: 5px 5px; font: 14px/1.8 'Noto Sans TC',"微軟正黑體"; color: black; }
.ph-group-content-text-sale a{ color: black; background: #ffdc36;padding: 0 5px;font-weight: bold;}
.ph .ph-group-content-tag {  position: absolute;  top: 0px;  left: 0px;  color: #000;  letter-spacing: 0px;  padding: 5px 15px 5px 10px;  font: 15px / 1 'Noto Sans TC',"微軟正黑體"; background: #ffdc36; }

.link-right{background:#daa55f;padding: 7px 29px 7px 15px;font:18px/1.4 "微軟正黑體";color: #FFF;text-align: center;display: inline-block;position: absolute;bottom: 0;right: 20px;clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);transition: 0.3s;}
.link-right::after{content: ">>" ;display: inline-block;font:10px/1 "微軟正黑體";transform:translateY(-5px);-webkit-animation: gogo 0.3s  infinite alternate;animation: gogo 0.3s  infinite alternate;}
.link-right:hover{padding: 7px 39px 7px 15px;color: #e8fe51;;transform: translateX(10px);}

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

}

@media only screen and (max-width: 800px) {
.boxpoi{background: url(../images/bg5.jpg) no-repeat;  background-size: 100%;}
.ph-group-content {width: 40%;flex-grow: 1;}


}

@media only screen and (max-width: 600px) {
.poi{width: 100%;}
.ph-group-title{font-size:22px;}
.ph-group-title span {font-size: 24px;}
.ph-group-content-text-name{font-size: 18px;}
.link-right{bottom: 50px;}

}

@media only screen and (max-width: 400px) {
.ph-group-content {width: 90%;flex-grow: 0;}

}