.poiMenu {background-color: #FFF; margin: 20px auto; padding: 0; position: static;width: 50%;border-radius: 10px;}
.poiMenu ul {width:100%; margin: 0 auto; list-style: none; display: block;text-align: center;  }
.poiMenu ul li {display: inline-block; padding:5px 10px; color: #000; font: normal 18px/1.2 "微軟正黑體", sans-serif;margin:2px auto; /*border-left: 1px solid #fff;*/cursor: pointer;}
.poiMenu ul li:first-child  {border-left: 0; }

.poiGoods{border-radius: 20px;/*margin: 20px auto*/;}
.poiGoods > article {padding: 0px 0;margin: 0 auto;width: 100%;}

.ph-group  {width: 90%;margin: 20px auto 20px auto;padding: 10px 10px;position: relative;display: flex;justify-content:center;flex-wrap: wrap;max-width: 1400px;background: rgba(255,255,255,0.8);}
.ph{margin: 20px auto;width: 100%;}
.ph:hover{transform: none;}
.slidecontain {display:none;}


.ph .ph-group-content{margin: 15px 10px;transition: 0.2s;padding: 10px 10px 48px 10px; width: 23%;position: relative;flex-shrink: 1;background:#FFF;box-shadow: 0 0 7px rgba(0,0,0,0.2);}
.ph .ph-group-content-photo {display: block;}
.ph .ph-group-content-photo img{width: 100%;}
.ph .ph-group-content-text{}
.ph .ph-group-content-text-name{background: #2b26a6;font:18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;color: #FFF;padding: 10px;}
.ph .ph-group-content-text-detail{color:#000;font:15px/1.4 "微軟正黑體";/*padding: 5px 10px 10px 10px;*/background: #FFF;padding: 10px;}
.ph .ph-group-content-text-detail a {color: #000;}
.ph .ph-group-content-text-price {color:#c72514;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: #fff200;font:15px/1.4 "微軟正黑體";color:#000;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 auto; }
.ph .ph-group-content-text-sale a {color: #f5565a;}

.ph-group-title {margin: 10px auto 0 auto;display: block;text-align: center;}
.ph-group-title span {font:bold 40px/1.6 "微軟正黑體";color:#2b26a6;text-align: center;position: relative;}
/*.ph-group-title span::before{content: "";  display: inline-block; width: 16px;  height: 46px; background: url(../img/title-left-2.png) left top no-repeat; position: absolute;left: 0;top: 0;}
.ph-group-title span::after{content: ""; display: inline-block; width: 16px; height: 46px; background: url(../img/title-right-2.png) left top no-repeat; position: absolute; right: 0; top: 0;}
*/

/*自由行POI*/
.blog .ph .ph-group-title{display: none;}
.blog .ph .ph-group {background: none;display: flex;justify-content:center;flex-wrap: wrap;}
.blog .ph .ph-group-content {width: 45%;display: inline-flex;flex-wrap: nowrap;justify-content: center;transition: 0.3s;border-radius: 0;padding: 10px;}
.blog .ph .ph-group-content-photo {width: 40%;}
.blog .ph .ph-group-content-text {width: 55%;flex-grow: 1;}
.blog .ph .ph-group-content-text-price{position: relative;right: 0;text-align: center;border-radius: 20px;border:1px solid #c72514;font:16px/1.4 "微軟正黑體";}
.blog .ph .ph-group-content:hover .ph-group-content-text-price{background: #c72514;color:#FFF;}



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




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


}


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

.poiMenu li{font:16px/1.4 "微軟正黑體";margin:0px 3px;padding: 3px 10px;}
.poiGoods > article{width: 100%;margin: 0 auto;}
.poiMenu {width: 90%;}
}

@media screen and (max-width:1024px){
.blog .ph .ph-group-content{width: 100%;flex-wrap: wrap;}
.blog .ph .ph-group-content-photo{width: 100%;}
.blog .ph .ph-group-content-text{width: 100%;flex-grow: 0;}
}


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


}

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

.poi {padding: 0 0 10px 0;}

.poiMenu{/*background:#fff1db;*/white-space:nowrap;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;overflow-x: scroll;border: none;}
.poiMenu li {margin:0px 10px;font:15px/1.6 "微軟正黑體";padding: 0px;}

.ph .ph-group-content{width: 44%;}


}

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

.poiMenu li{font:14px/1.4 "微軟正黑體";}
.ph .ph-group-content-text-name{font:bold 16px/1.4 "微軟正黑體";}
.ph .ph-group-content-text{}
.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-group-title span{font:bold 20px/1.6 "微軟正黑體";}*/

.item .ph-group{padding: 1% 3% 1% 7.5%;flex-wrap: nowrap;justify-content: left;overflow-x: auto;-webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.poi .ph{width: 100%;margin: 0 auto;}
.ph .ph-group-content{width:87%;margin: 10px;flex-shrink: 0;}
.ph .ph-group-content-text-sale{font: 14px/1.4 "微軟正黑體";}



.ph-group.poiFingerOn::after{content: "";position: absolute;top: 50%;right:0px;font: bold 18px/1.4 "微軟正黑體";color:#414141;z-index: 50;animation:light 0.6s ease 0s infinite ;background: url(../images/hand.png) no-repeat;width: 40px;height: 53px;background-size: 100%;transform: rotate(-20deg);}



@keyframes light{
  0%{
  	right:0px;
  }
  100%{
    right:10px;
  }
}



}



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

/*.poiMenu ul:before, .poiMenu ul:after {content: '«'; color: #000; font-size: 16px; line-height: 1.4; vertical-align: middle; }
.poiMenu ul:after {content: '»'; }*/

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

.poiMenu ul li{font:normal 16px/1.2 "微軟正黑體", sans-serif;}

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

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


}