
.c26Box > div > strong { padding: 5px 15px; font:bold 28px/1.2 "微軟正黑體"; color:#FFF;;text-align: center;border-radius: 30px; background: #ceb03a;}
.c26Box > div { margin-bottom: 60px; padding-bottom: 80px; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.25);/*padding-top: 50px;*/}
.ph { padding-top: 40px;}
.ph-menu{display: block;position: static;margin-top: 0;}
.ph-menu .slidecontain { display: flex; justify-content: center; padding: 0 10px; width:100%;margin:25px auto 0 auto ;text-align: center;
    font:16px/1.4 "微軟正黑體"; }
.ph-menu .slidecontain li {display: inline-block ;margin:0 ;padding: 5px 0 5px 10px;text-align: center; transition: 0.3s;cursor: pointer;}
.ph-menu .slidecontain li a{ display: block; padding-right: 10px; width: auto;color:#FFF;position: relative; border-right:1px solid #FFF;}
.poiInfor .ph-menu .slidecontain li a {color: #c33131; }
.poiInfor .ph-menu .slidecontain  {display: none;}


.ph-menu .slidecontain li a:hover{transform:none;}
.ph-menu .slidecontain li:last-of-type a.{border-right:none;}
.ph-menu .slidecontain li.on { background: white}
.ph-menu .slidecontain li.on a { color: #c33131;}


.indexPage .ph-menu { display: block;}
.indexPage .poi .ph-menu { display: none;}
.indexPage .ph-menu img { display: none;}
@media screen and (max-width:990px) {
.ph-menu .slidecontain{font:16px/1.4 "微軟正黑體";white-space: nowrap;    overflow-x: scroll; padding-left:20px; }
.ph-menu .slidecontain li a{padding: 0 16px 0 0px;}

}
@media screen and (max-width:768px) {
    .ph-menu .slidecontain { justify-content: flex-start;}
}



#baishatun .poiInfor .slidecontain{display: none;}
#baishatun .ph-group {display: flex;}





.ph-group-title{display:none; text-align: center;margin: 35px auto 25px auto;}
.poi .ph-group-title,
.poiInfor .ph-group-title { display: block;}
.ph-group-title span{background: #ceb03a;font:bold 28px/1.2 "微軟正黑體"; color:#FFF;border-radius: 30px;text-align: center;padding: 5px 15px;}

.indexPage .poi .ph-group-title,
.indexPage .ph-group-title img { display: none;}
.poi{text-align: center;padding: 30px 0;}
.ph-group {display: none;flex-wrap: wrap;justify-content: center;width: 80%;margin: 0 auto 0px auto;max-width: 1400px;border-radius: 0 0 20px 20px;padding: 0;position: relative;}
.ph-group.on,
.hotel .ph-group:first-of-type {  display: flex; justify-content: center;}
.poiInfor .ph-group {display: flex;  max-width: 800px;}
.indexPage .ph-group , .baishatunPage .ph-group{ width: 100%;}

.ph-group .ph-group-content {width: calc(25% - 20px);position: relative; margin: 0 10px 20px 10px; background: #f7c54e;  border: solid 3px #f6e1c8;
    box-shadow: inset 0px 0px 0px 3px #ccae39;padding:10px 10px 75px 10px;transition: 0.3s;}

.poiInfor .ph-group .ph-group-content { display: flex; margin-bottom: 30px;
;flex-wrap: wrap; padding: 10px; width: 100%;}
.ph-group .ph-group-content:hover{filter: brightness(110%);}
.ph-group .ph-group-content-photo{overflow:hidden; }
.poiInfor .ph-group .ph-group-content-photo { display: inline-block; width: 40%;}
.ph-group .ph-group-content-photo img{width: 100%;}
.ph-group .ph-group-content-text-sale{color: #c30101; margin: 5px auto; font:bold 16px/1.4 "微軟正黑體";text-align: left;}
.ph-group .ph-group-content-text{text-align: center;padding:15px 0px 15px 0px;height: 100%;width: 100%;margin-top: -2px;}
.poiInfor .ph-group .ph-group-content-text { display: inline-block; padding: 15px 0 0 15px; width: 60%;}
.ph-group .ph-group-content-text-name{display: block;  padding:0 0 5px 0;color:#000;font:bold 17px/1.4 "微軟正黑體";border-bottom: 1px solid #000; text-align: left;    }
.poiInfor .ph-group .ph-group-content-text-name { margin: 0; padding: 0; border: none; text-align: left;  background: none;border-radius: 0;}

.ph-group .ph-group-content-text-detail{color:#000;font:15px/1.4 "微軟正黑體";text-align: left;margin: 5px auto;}
.poiInfor .ph-group-content-text-detail { margin: 0; padding: 0; font: 15px/1.7 "微軟正黑體";}
.ph-group .ph-group-content-text-price{width: 100%;display: block;color:#bf1116;font:bold 24px/1.4 "微軟正黑體";text-align: center;margin:10px auto 5px auto;   
 position: absolute;bottom: 8px;left: 5%;width: 90%; }
 .poiInfor .ph-group .ph-group-content-text-price { position: static; border: none; text-align: right; background: none; }
 .poiInfor .ph-group .ph-group-content-text-price::after { display: none;}
.ph-group .ph-group-content-text-price span{font:bold 24px/1.4 "微軟正黑體";}
.ph-group .ph-group-content-text-price:after{
    content: '立即參加'; display: block; background: #b10101; color: #f0cb89; font-size: 100%; font-weight: bold; line-height: 1.2; text-align: center; cursor: pointer;
    transition: all 0.2s;  margin: 2% auto;  padding: 0.2em 0;}
.ph-group-content-tag { position: absolute; top:0px ; left: 0px; font: 18px/1 "微軟正黑體"; color: white;background: #348da7;padding: 5px 15px;border-radius: 0 0 10px 0;}

@media screen and (max-width:1150px) {

.ph-group .ph-group-content{width: 45%;}
.ph-group{width: 100%;}

}

@media screen and (max-width:768px) {

.ph-group .ph-group-content{width: 80%;}
.poiInfor .ph-group .ph-group-content-photo,
.poiInfor .ph-group .ph-group-content-text { display: block; width: 100%;padding: 15px 5px;}

}


@media screen and (max-width:500px) {
   #baishatun .ph-group { padding: 4% 5%; flex-wrap: nowrap; overflow-x: scroll;justify-content: left;max-width: none;display: inline-flex;overflow-y: hidden;}

   #baishatun .ph-group .ph-group-content {width: 85%;flex-shrink: 0;}


}



@media screen and (max-width:480px) {

.ph-group .ph-group-content-text-name{font:bold 18px/1.5 "微軟正黑體";}
.ph-group .ph-group-content-text-detail{font:15px/1.7 "微軟正黑體";}


}


.poiInfor.poiAward {width: 100%;}
.poiInfor.poiAward .ph-group:nth-of-type(1) .ph-group-content-text-price{background:#c11a16;border-radius: 10px;width: 95%;color:#FFF;text-align: center;margin:0 auto;padding: 3px 0;margin-top: 5px;cursor: pointer;}
.poiInfor.poiAward .ph-group:nth-of-type(2) {width:100%;max-width: none;margin: 0 auto;}
.poiInfor.poiAward .ph-group:nth-of-type(2) .ph-group-content {width: 30%;}
.poiInfor.poiAward .ph-group .ph-group-content a{ cursor: default; }
.poiInfor.poiAward .ph-group:nth-of-type(2) .ph-group-content-photo{width: 100%;}
.poiInfor.poiAward .ph-group:nth-of-type(2) .ph-group-content-text{display: none;}
.poiInfor.poiAward .ph-group:nth-of-type(2) .ph-group-content-tag{display: none;}

@media screen and (max-width:700px) {

.poiInfor.poiAward .ph-group:nth-of-type(2) .ph-group-content {width: 100%;}

}