.ph-menu-arrow-left , .ph-menu-arrow-right{
    display: none;
}


.poiInfor .ph {
    padding-top: 40px;
}

.poiInfor .ph-menu {
    display: block;
    position: static;
    margin-bottom: 25px;
}

.poiInfor .ph-menu .slidecontain {
    display: flex;
    justify-content: center;
    padding: 0 10px;
    width: 100%;
    margin: 25px auto 0 auto;
    text-align: center;
    font: 18px/1.4 "微軟正黑體";
}

.poiInfor .ph-menu .slidecontain li {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}

.poiInfor .ph-menu .slidecontain li a {
    display: block;
    width: auto;
    color: #c33131;
    position: relative;
    background: #ffef81;
    font-weight: bold;
    border: solid 2px #c33131;
    margin: 1px;
    padding: 5px 10px;
    border-radius: 30px;
}

.poiInfor .ph-menu .slidecontain li.poiAutoTemplate-on , .poiInfor .ph-menu .slidecontain li:hover{
    /* border: solid 2px #fff9e4;
    border-radius: 5em; */
    filter: brightness(105%);
}




.poiInfor .ph-menu .slidecontain li a:hover{transform:none;}
.poiInfor .ph-menu .slidecontain li:last-of-type a.{border-right:none;}
.poiInfor .ph-menu .slidecontain li.on { background: white}
.poiInfor .ph-menu .slidecontain li.on a { color: #c33131;}


@media screen and (max-width:990px) {
.poiInfor .ph-menu .slidecontain{font:16px/1.4 "微軟正黑體";white-space: nowrap;    overflow-x: scroll; padding-left:20px; }
.poiInfor .ph-menu .slidecontain li a{padding: 0 16px 0 0px;}

}
@media screen and (max-width:768px) {
    .poiInfor .ph-menu .slidecontain { justify-content: flex-start;}
}





.poiInfor .ph-group-title{display:none; text-align: center;    margin: 0 auto 25px auto;}
.poiInfor .poi .ph-group-title,
.poiInfor .ph-group-title { display: block;}
.poiInfor .ph-group-title span{    background: #ffffcc;
    font: bold 28px/1.2 "微軟正黑體";
    color: #c33131;
    border-radius: 30px;
    text-align: center;
    padding: 0.2em 2em;
    letter-spacing: 0.1em;}



.poiInfor .ph-group {display: none;flex-wrap: wrap;justify-content: center;margin: 0 auto 0px auto;border-radius: 0 0 20px 20px;padding: 0;position: relative;     max-width: 1000px; padding-bottom: 50px;}
.poiInfor .ph-group.on,
.poiInfor .ph-group {display: flex; }
.poiInfor .ph-group:last-child{
    padding-bottom: 0;
}


.poiInfor .ph-group .ph-group-content {position: relative; display: flex;     align-items: center; margin-bottom: 30px; 
;flex-wrap: wrap; justify-content: center; padding: 0.5em; width: 100%; background: #ffffcc;  border: solid 3px #ffffcc;
    box-shadow: inset 0px 0px 0px 3px #ccae39;transition: 0.3s; font-size: 18px; }

.poiInfor .ph-group .ph-group-content:hover{filter: brightness(110%);}

.poiInfor .ph-group-content-photo , .poiInfor .ph-group-content-text { width: 50%; }

.poiInfor .ph-group .ph-group-content-photo{overflow:hidden; }
.poiInfor .ph-group .ph-group-content-photo img{width: 100%;}
.poiInfor .ph-group .ph-group-content-text-sale{color: #c30101; margin: 5px auto; font:bold 16px/1.4 "微軟正黑體";text-align: left;}
.poiInfor .ph-group .ph-group-content-text{   padding:0 1em; }
.poiInfor .poiInfor .ph-group .ph-group-content-text { display: inline-block; padding: 15px 0 0 15px; width: 60%;}
.poiInfor .ph-group .ph-group-content-text-name{display: block;  padding:0 0 5px 0;color:#000;font:bold 20px/1.4 "微軟正黑體";border-bottom: 1px solid #000; text-align: left;    }
.poiInfor .poiInfor .ph-group .ph-group-content-text-name { margin: 0; padding: 0; border: none; text-align: left;  background: none;border-radius: 0;}

.poiInfor .ph-group .ph-group-content-text-detail a{ display: block; color:#000;font:15px/1.4 "微軟正黑體";text-align: left;     padding: 15px 0;}
.poiInfor .ph-group-content-text-detail { margin: 0; padding: 0; font: 15px/1.7 "微軟正黑體";}

.poiInfor .ph-group .ph-group-content-text-price { display: block;
    background: #b10101;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    margin: 2% auto;
    padding: 0.5em 0;
    font-size: 20px;
    letter-spacing: 0.5em;}

.poiInfor .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:768px) {

	.poiInfor .ph-group-content-photo, .poiInfor .ph-group-content-text { width: 100%;}
	.poiInfor .ph-group .ph-group-content-text {   padding: 1em; }
    .poiInfor .ph-group-title span{ font-size: 24px; }

}





/*組圖樣式*/
.poi-photo{
    margin: 50px auto;
}

.poi-photo a{
    pointer-events: none;
}
.poi-photo .ph-group-title{
     margin: 0 auto;
}
.poi-photo .ph-group-title span{
    display: inline-block;
    font-size: 20px;
    color: white;
    background: #910000;
}
.poi-photo .ph-group{
    width: 94%; margin:0 auto; max-width: inherit; padding-bottom: 100px;
}
.poi-photo .ph-group .ph-group-content{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    background: none;
    border: none;
    box-shadow: none;
}
.poi-photo .ph-group .ph-group-content .ph-group-content-photo{
    width: 50%;
    border: solid 2px #e5af42;
}
.poi-photo .ph-group .ph-group-content .ph-group-content-text{
    width: 50%;
    background: none;
}

.poi-photo .ph-group .ph-group-content-text-name{
    font: bold 28px/1.4 "微軟正黑體";
    color: white;
    border-bottom: solid 1px #e5af42;
    padding-bottom: 0.5em;
}

.poi-photo .ph-group .ph-group-content-text-sale{
    display: none;
}

.poi-photo .ph-group .ph-group-content-text-detail , .poi-photo .ph-group .ph-group-content-text-detail a{
    color: white;
}

.poi-photo .ph-group .ph-group-content-text-price{
    display: none;
}

@media screen and (max-width:1200px) {
    .poi-photo .ph-menu .slidecontain{
        justify-content: flex-start;
        font-size: 14px;
    }
}


@media screen and (max-width: 990px){
    .poi-photo .ph-menu .slidecontain li a {
        padding: 0.3em 0.9em;
    }
}




@media screen and (max-width:768px) {
    .poi-photo .ph-group{
        padding-bottom: 5vw;
    }
    .poi-photo .ph-group .ph-group-content{
        flex-wrap: wrap;
        margin-bottom: 5vw;
        padding: 0;
    }
    .poi-photo .ph-group .ph-group-content .ph-group-content-photo{
        width: 100%;
    }
    .poi-photo .ph-group .ph-group-content .ph-group-content-text{
        width: 100%;
        padding: 1em 0;
    }
    .poi-photo .ph-group .ph-group-content-text-name{
        font-size: 20px;
    }
}





/*三圖樣式*/
.poi-photo-3{
    margin: 50px auto;
}
.poi-photo-3 .ph-menu{
    display: none;
}

.poi-photo-3 a{
    pointer-events: none;
}
.poi-photo-3 .ph-group-title{
     margin: 0 auto;
}
.poi-photo-3 .ph-group-title span{
    display: inline-block;
}
.poi-photo-3 .ph-group{
    width: 94%; margin:0 auto; max-width: inherit; padding-bottom: 100px;
}
.poi-photo-3 .ph-group .ph-group-content{
    border: none;
    box-shadow: none;
    background: none;
    width: calc(100% / 3);
    padding: 15px;
    margin: 0;
}
.poi-photo-3 .ph-group .ph-group-content .ph-group-content-photo{
    width: 100%;
}
.poi-photo-3 .ph-group .ph-group-content .ph-group-content-text{
    display: none;     padding: 0;
}
/*三圖樣式一*/
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1){
    width: 100%;
    text-align: center;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-photo,
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-name,
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-sale,
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-price,
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-otherlink
{
    display: none;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text{
    display: block;
    width: 100%;
}
.poi-photo-3 .ph-group .ph-group-content-text-detail{
    color: white;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-detail{
    font-size: 20px;
    letter-spacing: 0.05em;
    color: white;
    padding: 0;
    pointer-events: none;
    text-align: center;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a{
    font-size: 20px;
    letter-spacing: 0.05em;
    color: white;
    padding: 0;
    pointer-events: none;
    text-align: center;
}
.poi-photo-3 .ph-group:nth-of-type(2) .ph-group-content:nth-of-type(1),
.poi-photo-3 .ph-group:nth-of-type(3) .ph-group-content:nth-of-type(1),
.poi-photo-3 .ph-group:nth-of-type(4) .ph-group-content:nth-of-type(1)
{
    display: none;
}

/*三圖樣式二*/
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2){
    width: 100%;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-photo{
    width: 50%;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text{
    display: block; padding: 0 0 0 1em;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text-name{
    color: white;
    font-size: 28px;     letter-spacing: 0.1em;
    border-bottom: 1px solid white;     padding: 15px 0;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text-detail a{
        color: white;
                letter-spacing: 0.05em;
                    line-height: 1.5;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text-price{
    display: none;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text .ph-group-content-text-sale{
    color:#FFF;
}
.poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text .ph-group-content-text-sale a{
    color:#FFF;
}




@media screen and (max-width:768px) {
    .poi-photo-3 .ph-group .ph-group-content{ width: 100%; }
    .poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-photo{ width: 100%; }
    .poi-photo-3 .ph-group .ph-group-content:nth-of-type(2) .ph-group-content-text{display: block; padding: 0;}
    .poi-photo-3 .ph-group .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a{ font-size: 18px; }
    .poi-photo-3 .ph-group-title span{ padding: 0.2em 1em; }
}






/*Yourube樣式*/
.youtubePlay{
    margin: 50px 0;
}

.youtubePlay .ph { padding-top: 40px;}
.youtubePlay .ph-menu{display: block;position: static;margin-top: 0;}
.youtubePlay .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 "微軟正黑體"; }
.youtubePlay .ph-menu .slidecontain li {display: inline-block ;margin:0 ;padding: 5px 0 5px 10px;text-align: center; transition: 0.3s;cursor: pointer;}
.youtubePlay .ph-menu .slidecontain li a{ display: block; padding-right: 10px; width: auto;color:#FFF;position: relative; border-right:1px solid #FFF;}
.youtubePlay .ph-menu .slidecontain li a {color: #c33131; }
.youtubePlay .ph-menu .slidecontain  {display: none;}


.youtubePlay .ph-menu .slidecontain li a:hover{transform:none;}
.youtubePlay .ph-menu .slidecontain li:last-of-type a.{border-right:none;}
.youtubePlay .ph-menu .slidecontain li.on { background: white}
.youtubePlay .ph-menu .slidecontain li.on a { color: #c33131;}


@media screen and (max-width:990px) {
.youtubePlay .ph-menu .slidecontain{font:16px/1.4 "微軟正黑體";white-space: nowrap;    overflow-x: scroll; padding-left:20px; }
.youtubePlay .ph-menu .slidecontain li a{padding: 0 16px 0 0px;}

}
@media screen and (max-width:768px) {
    .youtubePlay .ph-menu .slidecontain { justify-content: flex-start;}
}





.youtubePlay .ph-group-title{display:none; text-align: center;    margin: 0 auto 25px auto;}
.youtubePlay .ph-group-title span{   
    font: bold 25px/1.2 "微軟正黑體";
    color: white;
    border-radius: 30px;
    text-align: center;
    padding: 0.2em 2em;
    letter-spacing: 0.1em;
}


.youtubePlay .ph-group {display: none;flex-wrap: wrap;justify-content: center;margin: 0 auto 0px auto;border-radius: 0 0 20px 20px;padding: 0;position: relative;     max-width: 1000px; padding-bottom: 50px;}
.youtubePlay .ph-group.on,
.youtubePlay .ph-group {display: flex; }
.youtubePlay .ph-group:last-child{
    padding-bottom: 0;
}


.youtubePlay .ph-group .ph-group-content {position: relative; display: flex;     align-items: center; margin-bottom: 30px; 
;flex-wrap: wrap; justify-content: center; padding: 0.5em; width: 100%; background: #ffffcc;  border: solid 3px #ffffcc;
    box-shadow: inset 0px 0px 0px 3px #ccae39;transition: 0.3s; font-size: 18px; }

.youtubePlay .ph-group .ph-group-content:hover{filter: brightness(110%);}

.youtubePlay .ph-group-content-photo , .youtubePlay .ph-group-content-text { width: 50%; }

.youtubePlay .ph-group .ph-group-content-photo{overflow:hidden; }
.youtubePlay .ph-group .ph-group-content-photo img{width: 100%;}
.youtubePlay .ph-group .ph-group-content-text-sale{color: #c30101; margin: 5px auto; font:bold 16px/1.4 "微軟正黑體";text-align: left;}
.youtubePlay .ph-group .ph-group-content-text{   padding:0 1em; }
.youtubePlay .youtubePlay .ph-group .ph-group-content-text { display: inline-block; padding: 15px 0 0 15px; width: 60%;}
.youtubePlay .ph-group .ph-group-content-text-name{display: block;  padding:0 0 5px 0;color:#000;font:bold 20px/1.4 "微軟正黑體";border-bottom: 1px solid #000; text-align: left;    }
.youtubePlay .youtubePlay .ph-group .ph-group-content-text-name { margin: 0; padding: 0; border: none; text-align: left;  background: none;border-radius: 0;}

.youtubePlay .ph-group .ph-group-content-text-detail a{ display: block; color:#000;font:15px/1.4 "微軟正黑體";text-align: left;     padding: 15px 0;}
.youtubePlay .ph-group-content-text-detail { margin: 0; padding: 0; font: 15px/1.7 "微軟正黑體";}

.youtubePlay .ph-group .ph-group-content-text-price {
    display: inline-block;
    background: #b10101;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    margin: 0.25em;
    padding: 0.5em 1.5em;
    font-size: 18px;
    letter-spacing: 0.1em;
    float: left;
    border-radius: 5em;
}

.youtubePlay .ph-group-content-otherlink a{
    display: inline-block;
    background: #b68f24;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    margin: 0.25em;
    padding: 0.5em 1.5em;
    font-size: 18px;
    letter-spacing: 0.1em;
    float: left;
    border-radius: 5em;
}

.youtubePlay .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;}

.poi-h4{
    display: block;
    text-align: center;
    font-size: 25px;
    color: white;
    letter-spacing: 0.1em;
}

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

	.youtubePlay .ph-group-content-photo, .youtubePlay .ph-group-content-text { width: 100%;}
	.youtubePlay .ph-group .ph-group-content-text {   padding: 1em; }
    .youtubePlay .ph-group-title span{ font-size: 24px; }

}



/*純文字敘述*/
.poi-ready{
    margin-top: 40px;
}
.poi-ready h3{
    margin: 20px auto;
    text-align: center;
    font-size: 30px;

}
.poi.onlytext{padding: 0;padding-bottom: 30px;}
.poi.onlytext .ph-group .ph-group-content-photo{
    display: none;
}
.poi.onlytext .ph-group .ph-group-content{
    width: 80%;
    padding: 24px;
    margin: 0 auto;
    background: #FFF;
    border: 2px solid #d5b341;
}
.poi.onlytext .ph-group .ph-group-content:hover{
    filter: unset;
}

.poi.onlytext .ph-group .ph-group-content .ph-group-content-text-name{
    color: #c33131;
    font: bold 24px/1.4 "微軟正黑體";
}
.poi.onlytext .ph-group .ph-group-content  .ph-group-content-text{
    padding: 24px;
}
.poi.onlytext .ph-group .ph-group-content .ph-group-content-text-price{
    /* display: none; */
    position: static;
    background: #dfb21d;
    border-radius: 30px;
    color: #FFF;
    margin: 10px auto;

}   


.poi.onlytext .ph-group .ph-group-content .ph-group-content-text-price::after{
    content: none;
}

.poi.onlytext .ph-group {
    padding: 0;

}