@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

:root{ --color1:#f7c656; --color2:#4c3212; --titlefont:700 46px/1.2 'Noto Serif TC';--titlecolor: #FFF;}

@media screen and (max-width:800px) {
:root{--titlefont:900 36px/1.2 'Noto Serif TC';}
}

* {
    box-sizing: border-box; transition: 0.2s; vertical-align: top; letter-spacing: 0.05em;}
#mtkContainer * {font-family: 'Noto Serif TC';}
body {background: url(../images/bg_repeat.jpg) top center repeat;}
a { text-decoration: none;}



/*版頭*/
header.header { position: relative; height: 701px; background: url(../images/header230714.jpg) top center no-repeat;position: relative ;}
header.header h1 img{ display: none;}

@media screen and (max-width:1024px) {
    header.header { height: auto; background: none; }
    header.header h1 img{ display: block; }
    header.header h1 img {  width: 100%; }

}


header.kv-banner { position: relative; height: 450px; background-position: top center;background-repeat:no-repeat;}
header.kv-banner h1{opacity: 0;}

@media screen and (max-width:1024px) {
header.kv-banner { background-size: 160%; height: 37vw; }
}
@media screen and (max-width:768px) {
header.kv-banner .container-fluid.pin-header-banner,header.kv-banner .container-fullbg.pin-header{margin-top: 0;}
}








/*top*/
.topBtn { position: fixed;  width: 50px; height: 50px;  background: rgba(0, 0, 0, 0.8); color: #FFF;  font: 16px/1.2 "微軟正黑體"; right: 3%;  bottom: 10%;    border-radius: 99em;    padding-top: 22px;    text-align: center;    cursor: pointer;    z-index: 100;}
.topBtn::before { content: '▲';  position: absolute; top: 8px;  left: 19px;  font: 12px/1.2 "微軟正黑體";}

@media screen and (max-width:670px) {
.topBtn {  width: 38px;  height: 38px;  font: 14px/1.2 "微軟正黑體";  right: 0%;  bottom: 10%; border-radius: 99em; padding-top: 16px; }
.topBtn::before { content: '▲';   position: absolute;  top: 1px;  left: 14px;  font: 10px/1.2 "微軟正黑體";  }
}




/*全部的標題icon*/
.ph-title::before ,
.item .ph-group-title span::before,
.h2Title span::before,
.type1.event .ph-group-title span::before,
.youtubePoi .ph-group-title span::before
 {content: ""; width: 76px; height: 55px; position: absolute; top: 5px; z-index: -1; left: -84px;background: url(../images/title_left.png) top center no-repeat;}

.ph-title::after,
.item .ph-group-title span::after,
.h2Title span::after,
.type1.event .ph-group-title span::after,
.youtubePoi .ph-group-title span::after
{content: ""; width: 76px; height: 55px; position: absolute; top: 5px; z-index: -1; right: -84px; background: url(../images/title_left.png) top center no-repeat;transform: scale(-1);}


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

.ph-title::before ,
.item .ph-group-title span:before,
.h2Title span::before,
.type1.event .ph-group-title span::before,
.youtubePoi .ph-group-title span::before
{background-size: 100%;  width: 60px;   height: 43px;  top: 5px; left: -70px;}
.ph-title::after ,
.item .ph-group-title span:after,
.h2Title span::after,
.type1.event .ph-group-title span::after,
.youtubePoi .ph-group-title span::after
{background-size: 100%;  width: 60px;   height: 43px;  top: 5px; right: -70px;} 


}


/*應該是通用*/
.ph { margin: 0 auto;  width: 100%;  text-align: center;}
.poiGoods{padding: 80px 0 20px 0;}
.ph-menu{display: none;}
.slidecontain { gap: 16px; text-align: center; margin:20px auto; padding: 0px ; transition: 0.3s; max-width: 1000px;  z-index: 1;position: relative;border-radius: 40px;display: flex;flex-wrap: nowrap;justify-content: center;/*border: 29px solid;border-image:url(../images/tab_border.png) 40 repeat ;*/}
.slidecontain li { padding: 5px 30px; cursor: pointer;  margin: 0px; background: #281a08;}
.slidecontain li a {font: 700 20px/1.4 'Noto Serif TC';color: #FFF;}
.slidecontain li.on a  {color:  var(--color2);} 
.slidecontain li.on:hover a div {color:var(--color2);}
.slidecontain li:hover a div {color: var(--color1);} 
.slidecontain li.on{background:var(--color1); color: var(--color2); }

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


.poiGoods{padding: 50px 0 ;}



.slidecontain li{padding: 5px 12px; }
.slidecontain li a div {font:400 16px/1.2 'Noto Serif TC';}
 }




.item { padding: 0 ;} 
.item .ph-group {display: flex; margin: 20px auto 60px auto;position: relative;justify-content: center; flex-wrap:wrap;text-align: left;max-width:1600px ; width: 100%; border-radius: 50px;}
.item .ph-group-title {}
.item .ph-group-title span{ font:var(--titlefont);position: relative;z-index: 1; color: var(--titlecolor);}
.item .ph .ph-group-content { margin: 10px;   transition: 0.2s;  padding: 20px 20px 40px 20px;  width:28%;  position: relative;  flex-shrink: 0;}
.item .ph .ph-group-content:hover{background: rgba(0, 0, 0, 0.5);}
.item .ph .ph-group-content:hover .ph-group-content-tag {background: #000;}
.item .ph .ph-group-content-photo { display: block;position: relative;}
.item .ph .ph-group-content-photo::before{content: ""; width: 60px; height: 60px; position: absolute; bottom: -19px; z-index: 1; left: -19px;background: url(../images/img_border.png) top center no-repeat;}
.item .ph .ph-group-content-photo::after{content: ""; width: 60px; height: 60px; position: absolute; top: -19px; z-index: 1; right: -19px;background: url(../images/img_border.png) top center no-repeat;transform: rotate(180deg);}
.item .ph .ph-group-content-photo img {  width: 100%;}

.item .ph .ph-group-content-text {  padding: 15px; }
.item .ph .ph-group-content-text-name { color:#fff;  font: 600 19px/1.4 'Noto Serif TC';display: block; padding:5px 0 ;}
.item .ph .ph-group-content-text-detail {  margin: 5px auto; color: #ffe8db;font:200 16px/1.5 'Noto Serif TC';}
.item .ph .ph-group-content-text-detail a{  color: #ffe8db;font:200 16px/1.6 'Noto Serif TC';}
.item .ph .ph-group-content-text-price {color: #eae27d;  position: absolute;  border-radius: 10px 10px 0 0; padding: 5px 10px;   font: bold 26px/1 "Century Gothic", "微軟正黑體";  text-align: center;  display: block;    left: 0px;  bottom: 10px;width: 100%;}
.item .ph .ph-group-content-text-price span {  font-size: 70%; line-height: 1.8;}
.item .ph .ph-group-content-tag {  position: absolute;  top: -10px;  left:-10px;  color: #FFF;  letter-spacing: 2px;  padding: 5px 15px 5px 10px;  font: 17px / 1 'Noto Serif TC'; background: rgba(0, 0, 0, 0.753);}
.item .ph .ph-group-content-text-sale { margin: 10px auto;   background: #8d5c37;    letter-spacing: 1px;  padding: 0 5px;}
.item .ph .ph-group-content-text-sale a{ color: #fff;font: 16px/1.6 'Noto Serif TC';}
.item .ph .link-right{ display:none;background: #a7593b; font:600 30px/1.2 'Noto Serif TC';color: #FFF;padding: 5px 30px;transition: 0.3s;border-radius: 40px;margin-bottom: 80px;}
.item .ph .link-right:hover{transform: translateX(10px);}
.item .ph .link-right.on{display: inline-block;}

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

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

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

.item .ph-group {flex-wrap:nowrap;justify-content: left;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;  padding: 30px 5%; border-radius: 0px;border: none;max-width: none;margin-bottom: 20px;}
#event .item .ph-group{ margin: 0px auto 0px auto;}
.item .ph .ph-group-content-text-name { font: 600 18px/1.4 'Noto Serif TC'; }
.item .ph .ph-group-content-text { padding: 10px;}
.item .ph .ph-group-content { width: 90%;  margin: 10px;padding: 12px 12px 40px 12px; }
.item .ph .link-right{font:600 24px/1.5 'Noto Serif TC';margin-bottom: 40px;}
    
}


/*gfg頁面*/
.morePoi .ph-menu{display: block;}
.morePoi .ph-title { color: var(--titlecolor); text-align: center;  font:var(--titlefont); display: inline-block !important;position: relative;z-index: 1;padding: 5px 0;}
.morePoi .ph-group{display: none;}
.morePoi .ph-group.on{display: flex;}
.morePoi .ph-group-title{display: none;}



/*flight機票頁*/

#flight .ph .ph-group{justify-content: center;}
#flight .ph .ph-group-content{background: rgba(0, 0, 0, 0.2);width: 20%;text-align: center;margin: 30px;}
#flight .ph .ph-group-content-text{padding: 0;}
#flight .ph .ph-group-content-photo {display: none;}
#flight .ph .ph-group-content::before{content: ""; width: 60px; height: 60px; position: absolute; bottom: -19px; z-index: 1; left: -19px;background: url(../images/img_border.png) top center no-repeat;}
#flight .ph .ph-group-content::after{content: ""; width: 60px; height: 60px; position: absolute; top: -19px; z-index: 1; right: -19px;background: url(../images/img_border.png) top center no-repeat;transform: rotate(180deg);}


@media screen and (max-width:1300px) {
#flight .ph .ph-group-content{width: 40%;}
}


@media screen and (max-width:768px) {
#flight .item .ph-group {flex-wrap: wrap;}
#flight .ph .ph-group-content{width: 80%;}
}



/*flight機票頁*/

.poi-fit .ph .ph-group{justify-content: center;}
.poi-fit .ph .ph-group-content{background: rgba(0, 0, 0, 0.2);width: 20%;text-align: center;margin: 30px;}
.poi-fit .ph .ph-group-content-text{padding: 0;}
.poi-fit .ph .ph-group-content-photo {display: none;}
.poi-fit .ph .ph-group-content::before{content: ""; width: 60px; height: 60px; position: absolute; bottom: -19px; z-index: 1; left: -19px;background: url(../images/img_border.png) top center no-repeat;}
.poi-fit .ph .ph-group-content::after{content: ""; width: 60px; height: 60px; position: absolute; top: -19px; z-index: 1; right: -19px;background: url(../images/img_border.png) top center no-repeat;transform: rotate(180deg);}


@media screen and (max-width:1300px) {
.poi-fit .ph .ph-group-content{width: 40%;}
}


@media screen and (max-width:768px) {
.poi-fit .ph .ph-group {flex-wrap: nowrap;justify-content: left;}
.poi-fit .ph .ph-group-content{width: 80%;}
}






/*index.html*/
.h2Title {text-align: center;margin: 10px auto;width: 100%;z-index: 1;position: relative;font: 700 36px/1.4 "Noto Serif TC";color: var(--titlecolor);}

@media screen and (max-width:768px) {
.h2Title{margin: 20px auto;}
}


/*兩個影片*/
.movie{margin: 50px auto;}
.movie .movieBox .h2Title {color: var(--color2);background: var(--color1);font: 700 32px/1.4 "Noto Serif TC";padding: 5px 0;}
.movie .movieBox:nth-of-type(odd) .h2Title {background:#a32d00;color: var(--color1);}
.movieBase{max-width: 1400px;margin: 20px auto;padding: 0;width: 95%;}

.movieBase.box3 .movieBox{width: 30%;}
.movieBase.box4 .movieBox{width: 20%;}
.movieBase .movieContent {display: flex;flex-wrap: nowrap;justify-content: center;gap: 20px;}



.movieBox{flex-grow:1;margin: 10px auto;text-align: center;display: flex;flex-wrap: wrap;width: 40%;align-content: baseline;justify-content:center;border: 29px solid;border-image:url(../images/tab_border.png) 40 repeat ;}
.movieBox:hover{background: #1c1515b3;}
.movieBox .ph-menu{display: none;}
.movieBox .ph-title{display: block;}
.movieBox .ph-group{margin: 20px auto;}
.movieBox .ph-group-content-photo{display: none;}
.movieBox .ph-group-title{display: none;}
.movieBox .ph-group-content-text{padding:0  20px;text-align: left;}
.movieBox .ph-group-content-text-name{font: 700 20px/1.4 "Noto Serif TC";color:#eae27d;display: block;margin: 5px auto;position: relative;}
.movieBox .ph-group-content-text-detail{padding: 5px 0; display: block;font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.movieBox .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.movieBox .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Serif TC";padding: 0px 10px;}
.movieBox .ph-group-content-text-price{display: block;border-radius: 10px;color:#FFF;font: 400 24px/1.6 "Noto Serif TC";text-align: center; transition: 0.3s;padding: 5px 0; margin:20px auto;background: #8d5c37;}
.movieBox .movieBoxImg{width: 100%;}
.movieBox .movieBoxImg iframe {width: 100%;}
.movieBox .ph-group-content:hover .ph-group-content-text-price {transform: translateY(-5px);}



@media screen and (max-width:1000px) {
.movieBox {width: 90%;margin: 10px auto;padding: 0px;}
.movieBox .ph-group-content-text-name{font: 700 22px/1.4 "Noto Serif TC";}
.movieBox .ph-group-content-text-detail{font: 300 18px/1.4 "Noto Serif TC";}
.movieBox .movieBoxImg {width: 100%;}
.movieBox .movieBoxPoi {width: 100%;padding: 0;}
.movieBox .ph-group-content-text-price{width: 80%;}


.movieBase .movieContent{flex-wrap: wrap    ;}
.movieBase.box3 .movieBox{width: 40%;}
.movieBase.box4 .movieBox{width: 40%;}

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

.movie {margin: 20px auto;}
.movieBox {flex-grow: 0;}

.movieBase.box3 .movieBox{width: 90%;}
.movieBase.box4 .movieBox{width: 90%;}


}







/*blog篇*/
.blogBase{display: flex;flex-wrap: wrap;justify-content: center;max-width: 1300px;text-align: center;margin: 20px auto;}
.blogBox{padding: 0 0 20px 0;}
.blogBoxPoi .ph-menu{display: none;}
.blogBoxPoi .slidecontain{margin: 20px auto;}
.blogBoxPoi .ph-group-content {display:inline-flex;flex-wrap: nowrap;justify-content: center;margin:30px auto;background: #685a4e;border: 29px solid;border-image:url(../images/tab_border.png) 40 repeat ;outline:8px solid #685a4e;}
.blogBoxPoi .ph-group-content-photo{width: 38%;order: 1;}
.blogBoxPoi .ph-group-content:nth-of-type(even) .ph-group-content-photo{order: 2;}
.blogBoxPoi .ph-group-content:nth-of-type(even) .ph-group-content-text{order: 1;}
.blogBoxPoi .ph-group-content-photo img{width: 100%;}
.blogBoxPoi .ph-group-title{display: none;}
.blogBoxPoi .ph-group-content-text{width: 45%;position: relative;;order: 2;text-align: center;padding: 30px;flex-grow: 1;}
.blogBoxPoi .ph-group-content-text-name{font: 700 24px/1.4 "Noto Serif TC";color:#ffe97e;display: block;margin: 5px auto ;position: relative;text-align: left;}
.blogBoxPoi .ph-group-content-text-detail{ display: block;text-align: left;margin-top: 20px;font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.blogBoxPoi .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.blogBoxPoi .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Serif TC";padding: 0px 10px;}
.blogBoxPoi .ph-group-content-text-price{display: inline-block;background: #cf4713;border-radius: 10px;color: #fff;font: 400 24px/1.4 "Noto Serif TC";text-align: center; transition: 0.3s;padding: 5px 0;margin: 20px auto;width: 50%;}
.blogBoxPoi .ph-group-content:hover .ph-group-content-text-price {transform: translateX(10px);}



@media screen and (max-width:1000px) {
.blogBoxPoi .ph-group-content{display:flex;flex-wrap: wrap;width: 90%;}
.blogBoxPoi .ph-group-content-photo {width: 100%;}
.blogBoxPoi .ph-group-content-text-name{font: 700 20px/1.4 "Noto Serif TC";}
.blogBoxPoi .ph-group-content-text{width: 100%;padding: 10px;flex-grow: 0;}
.blogBoxPoi .ph-group-content-text-detail{margin-top: 10px;}
.blogBoxPoi .ph-group-content-text-detail a{padding: 5px ;}
.blogBoxPoi .ph-group-content-text-price{width: 100%;}
.blogBoxPoi .ph-group-content:nth-of-type(even) .ph-group-content-photo{order: 1;}
.blogBoxPoi .ph-group-content:nth-of-type(even) .ph-group-content-text{order: 2;}
}

@media screen and (max-width:768px) {
.yellowBG{padding: 40px 0;}
}



.yellowBG{background: url(../images/tab_border3.png)  50% top no-repeat,  url(../images/tab_border2.png)  50% bottom no-repeat,    #dfb963; padding: 80px 0;}
.yellowBG .h2Title{color: var(--color2);}
.poiBase{width: 100%;text-align: center;max-width: 1400px;padding: 0px 0;margin:70px auto;}

.spot .poiBase{margin:0px auto;}



@media only screen and (max-width: 768px) {
.poiBase{margin: 60px auto;}
.poiBase:has(.youtubePoi){
    margin: 40px auto;
}
}

/*共用POI*/
.type1 .ph-group{display: flex;flex-wrap: wrap;justify-content: center;margin: 20px auto 50px auto;}
.type1 .ph .ph-group-content { margin: 7px;   transition: 0.2s;  padding: 20px 20px 40px 20px;  width: 23.1%;  position: relative; }
.type1 .ph .ph-group-content:hover{background: rgba(0,0,0,0.45);}
.type1 .ph .ph-group-content-photo { display: block;}
.type1 .ph .ph-group-content-photo img {  width: 100%;}
.type1 .ph .ph-group-content-text {  padding: 10px; }
.type1 .ph .ph-group-content-text-name { color:var(--color1);  font: 600 19px/1.4 'Noto Serif TC';display: block; margin:5px auto; }
.type1 .ph .ph-group-content-text-detail { margin: 5px auto;color: #fff;font:200 16px/1.5 'Noto Serif TC';}
.type1 .ph .ph-group-content-text-detail a{  color: #fff;font:200 16px/1.5 'Noto Serif TC';}
.type1 .ph .ph-group-content-text-price {display: none; color: #df6435;  position: absolute;  border-radius: 10px 10px 0 0; padding: 5px 10px;   font: bold 26px/1 "Century Gothic", "微軟正黑體";  text-align: center;     right: 10px;  bottom: 10px;}
.type1 .ph .ph-group-content-text-price span {  font-size: 70%; line-height: 1.8;}
.type1 .ph .ph-group-content-tag {  position: absolute;  top: 0px;  left: 0px;  color: #FFF;  letter-spacing: 2px;  padding: 5px 15px 5px 10px;  font: 17px / 1 'Noto Serif TC'; background: #e17a4a; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
.type1 .ph .ph-group-content-text-sale { margin: 10px auto; color: var(--color2);  letter-spacing: 1px;  padding: 0 5px;background:  var(--color1)  ;}
.type1 .ph .ph-group-content-text-sale a{ color: var(--color2);font: 16px/1.6 'Noto Serif TC';}

.type1:not(.event) .ph-group-title {padding: 0px 20px; width: auto; display: inline-block; margin: 15px auto;  border-radius: 0px;  border: 21px solid; border-image: url(../images/tab_border.png) 39 repeat;}
.type1:not(.event) .ph-group-title span{ color: #fff;font: 500 28px/1.4 'Noto Serif TC';}
.type1.hideMenu .ph-group-title {display: none;}

.type1.event .ph-title{ color: var(--titlecolor); text-align: center;  font:var(--titlefont); display: inline-block !important;position: relative;z-index: 1;padding: 5px 0;}



.type1.event .ph-group-title span{ font:var(--titlefont);position: relative;z-index: 1; color: var(--titlecolor);}


.yellowBG .type1 .ph-group-title {border-image: url(../images/tab_border4.png) 39 repeat;}
.yellowBG .type1 .ph-group-title span{ color: var(--color2);}
.yellowBG .type1 .ph .ph-group-content {background: #ffe7b2;}
.yellowBG .type1 .ph .ph-group-content-text-name {color: #423729;}
.yellowBG .type1 .ph .ph-group-content:hover{background: #f7d979;}
.yellowBG .type1 .ph .ph-group-content-text-detail a {color: #423729;}
.yellowBG .type1 .ph .ph-group-content-text-detail{color: #423729;}

.yellowBG .type1.brown .ph .ph-group-content {background: #685a4e;}
.yellowBG .type1.brown .ph .ph-group-content:hover{background: #463a2f;}
.yellowBG .type1.brown .ph .ph-group-content-text-name {color: var(--color1);}
.yellowBG .type1.brown .ph .ph-group-content-text-detail a {color: #fff;}
.yellowBG .type1.brown .ph .ph-group-content-text-detail {color: #fff;}




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

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

@media only screen and (max-width: 768px) {
.type1 .ph-group-title span{font: 500 22px/1.4 'Noto Serif TC';}
.type1 .ph .ph-group-content-text-name { font: 600 18px/1.4 'Noto Serif TC'; }
.type1 .ph .ph-group-content-text { padding: 10px;}
.type1 .ph .ph-group-content { width: 90%;  margin: 10px auto;padding: 12px 12px 40px 12px; }
}


@media screen and (max-width:500px) {
.type1  .ph-group { justify-content: left;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;   flex-wrap: nowrap; padding: 0 10% 60px 10%; }
.type1  .ph .ph-group-content {  width: 92%;  flex-shrink: 0;  margin: 10px; }

}





/*QA*/
.qaBase {max-width: 1300px;margin: 70px auto;}
.qaBoxPoi .ph-group-content {width: 90%;display:flex;flex-wrap:wrap;justify-content: center;margin:30px auto;background: #685a4e;border: 29px solid;border-image:url(../images/tab_border.png) 40 repeat ;outline:8px solid #685a4e;}
.qaBoxPoi .ph-group-content-photo{display: none;}
.qaBoxPoi .ph-group-title{display: none;}
.qaBoxPoi .ph-group-content-text{width: 100%;position: relative;text-align: center;padding: 30px;flex-grow: 1;}
.qaBoxPoi .ph-group-content-text-name{font: 700 24px/1.4 "Noto Serif TC";color:#ffe97e;display: block;margin: 5px auto ;position: relative;text-align: left;}
.qaBoxPoi .ph-group-content-text-detail{ display: block;text-align: left;margin-top: 20px;font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.qaBoxPoi .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.qaBoxPoi .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Serif TC";padding: 0px 10px;}
.qaBoxPoi .ph-group-content-text-price{display: none;}
.qaBoxPoi .ph-group-content:hover .ph-group-content-text-price {display: none;}

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

.qaBoxPoi .ph-group-content-text{padding: 15px;}
.qaBoxPoi .ph-group-content-text-name{font: 700 20px/1.4 "Noto Serif TC";}


}







/*blog篇*/
.youtubePoi .ph-title{ color:var(--color2); text-align: center;  font:var(--titlefont); display: inline-block !important;position: relative;z-index: 1;padding: 5px 0;}
.youtubePoi .ph-group-title{display: none;}

.youtubePoi .ph-menu{display: none;}
.youtubePoi .slidecontain{margin: 20px auto;}
.youtubePoi .ph-group-content {display:inline-flex;flex-wrap: nowrap;justify-content: center;margin:30px auto;background: #685a4e;border: 29px solid;border-image:url(../images/tab_border.png) 40 repeat ;outline:8px solid #685a4e;}
.youtubePoi .ph-group-content-photo{width: 38%;order: 1;}
.youtubePoi .ph-group-content:nth-of-type(even) .ph-group-content-photo{order: 2;}
.youtubePoi .ph-group-content:nth-of-type(even) .ph-group-content-text{order: 1;}
.youtubePoi .ph-group-content-photo img{width: 100%;}
.youtubePoi .ph-group-title span{ font:var(--titlefont);position: relative;z-index: 1; color: var(--color2);}
.youtubePoi .ph-group-content-text{width: 45%;position: relative;;order: 2;text-align: center;padding: 30px;flex-grow: 1;}
.youtubePoi .ph-group-content-text-name{font: 700 24px/1.4 "Noto Serif TC";color:#ffe97e;display: block;margin: 5px auto ;position: relative;text-align: left;}
.youtubePoi .ph-group-content-text-detail{ display: block;text-align: left;margin-top: 20px;font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.youtubePoi .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Serif TC";color:#fff;}
.youtubePoi .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Serif TC";padding: 0px 10px;}
.youtubePoi .ph-group-content-text-price{display: inline-block;background: #cf4713;border-radius: 10px;color: #fff;font: 400 24px/1.4 "Noto Serif TC";text-align: center; transition: 0.3s;padding: 5px 0;margin: 20px auto;width: 50%;}
.youtubePoi .ph-group-content:hover .ph-group-content-text-price {transform: translateX(10px);}

.youtubePoi .ph-group-content-otherlink{display: inline-block;background: #cf4713;border-radius: 10px;color: #fff;text-align: center; transition: 0.3s;padding: 5px 20px;position: absolute;bottom: 0px;right: 10%;}
.youtubePoi .ph-group-content-otherlink a{color: #fff;font: 400 24px/1.4 "Noto Serif TC";}
.youtubePoi .ph-group-content-otherlink:hover{ filter: brightness(120%);}


@media screen and (max-width:1200px) {
  .youtubePoi .ph-group-content{padding: 0px 0px 40px 0px;}
  .youtubePoi .ph-group-content-otherlink{bottom: -40px;}
}


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


.youtubePoi .ph-group-content{display:flex;flex-wrap: wrap;width: 90%;}
.youtubePoi .ph-group-content-photo {width: 100%;}
.youtubePoi .ph-group-content-text-name{font: 700 20px/1.4 "Noto Serif TC";}
.youtubePoi .ph-group-content-text{width: 100%;padding: 10px;flex-grow: 0;}
.youtubePoi .ph-group-content-text-detail{margin-top: 10px;}
.youtubePoi .ph-group-content-text-detail a{padding: 5px ;}
.youtubePoi .ph-group-content-text-price{width: 100%;}
.youtubePoi .ph-group-content:nth-of-type(even) .ph-group-content-photo{order: 1;}
.youtubePoi .ph-group-content:nth-of-type(even) .ph-group-content-text{order: 2;}
}