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

* { box-sizing: border-box;vertical-align: top;}

#mtkContainer {background: #f9f9f9;}
#mtkContainer.htl{overflow: visible;}
a{text-decoration: none; color: #ffffff;}
/*版頭*/
header.header{height: 450px; background: url(../images/index20241021-pc.webp) top center no-repeat;}
header.header h1{display: none;}





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

















/*共用*/
.hot-recommend,
.hot-recommend-c23
{max-width: 1400px; padding: 10px 0px; margin: 0 auto;}
h2{font: 600 40px/1 '思源黑體','微軟正黑體'; padding: 18px 0;}
/*選單*/
.go-top-btn{display: none; position: fixed; z-index: 100; width:80px; height: 80px; right: 40px; bottom: 40px; font: 700 22px/1.2 '思源黑體','微軟正黑體'; color: #ffe069; text-align: center; background: #9c572b; border-radius: 99em; cursor: pointer; padding: 15px 0;}
.menu-bar{width: 100%;  /*background: #3285b5;*/ background: #363150; text-align: center;}
.menu-bar ul{display: inline-block; padding: 7px 0;display: inline-flex;flex-wrap: wrap;justify-content: center;}
.menu-bar ul a {padding: 0 30px;/*background: #00659f*/background: #4c55b9;margin: 5px ;border-radius: 20px;color: #fff;font:700 22px/40px '思源黑體','微軟正黑體';}
.menu-bar ul a li{ text-align: center; cursor: pointer; transition: 0.4s;}
.menu-bar ul a:hover,.menu-bar ul a.on{/*background: #ffe069;*/ background:#fff; color: #4c55b9;}




    /*訂房*/
.area-hotel{position: relative; width: 100%; margin: 0 auto;
    text-align: center; /*background: url(../images/hot-recommend-bg.png) top center repeat-y;*//*background-color:  #f9eddc;*/ /*background-color:#fbfbfb;*/}
.hotel-menu{position: sticky; top: 0; z-index: 2; width: 100%; text-align: center; background: rgba(255,251,238,0.9); padding: 0 20px 8px 15px;}
.hotel-menu ul li{display: inline-block; font: 300 18px/1 '思源黑體','微軟正黑體'; color: #ffffff; background: #f76617; text-align: center; border-radius: 99em; padding: 5px 15px; margin: 8px 5px 0 5px; cursor: pointer;}

/*熱銷推薦 C26*/
.area-hot-recommend
{text-align: center;/* background: url(../images/hot-recommend-bg.png) top center repeat-y;*/ /*background-color:  #f9eddc;*/ background-color:#fbfbfb;padding: 50px 0 50px 0;}
.hot-recommend h2,
.hotel-product h2{color: #0f2b47;background: url(../images/hot-recommend-h2.png) bottom center no-repeat;}

.group-type-ph{display: inline-block; text-align: center; margin: 32px auto;}
.group-type-ph .ph{display: inline-block; width: 31%; background: #ffffff;border: 4px #ffe069 solid; padding: 1.3%; }
.hot-recommend .ph:nth-child(2){margin: auto 2.8%;}
.ph-img{transition: 0.4s;}
.ph-img img{width: 100%; margin-bottom: 10px;}
.ph-title{font: 500 18px/1.3 '思源黑體','微軟正黑體'; color: #000000; text-align: left; transition: 0.4s;}
.ph-detail{font: 300 15px/1.4 '思源黑體','微軟正黑體'; color:#9c572b ; text-align: left; margin: 10px 0 16px 0;}

.hot-recommend em.price{display:inline-block; width: 75%; font: 400 16px/1 '思源黑體','微軟正黑體'; color: #ffffff; background: #d9002f; border-radius: 99em; padding: 5px 0px; margin-bottom: 10px; transition:0.6s;}
.hot-recommend em.price span{font: 400 26px/1 'Century Gothic','arial'; vertical-align: baseline ;}
.hot-recommend em.price i{font-style:normal; vertical-align:baseline;}
    /*訂房*/
.hotel-product{max-width: 1400px; padding: 20px 40px 30px 40px; margin: 0 auto;}
.hotel-product .group-type-ph{ margin: 15px auto;}
.hotel-product-single{padding-top:35px;}
.hotel-product-single .ph{width: 23%; padding: 12px; margin: 10px 8px;}
.hotel-product-single em.price{display:inline-block; width: 75%; font: 400 16px/1 '思源黑體','微軟正黑體'; color: #ffffff; background: #d9002f; border-radius: 99em; padding: 5px 0px; margin-bottom: 10px; transition:0.6s;}
.hotel-product-single em.price span{font: 400 26px/1 'Century Gothic','arial'; vertical-align: baseline ;}
.hotel-product-single em.price i{font-style:normal; vertical-align:baseline;}


/*立山黑部按鈕*/
a.hot-recommend-btn{position: relative; display: inline-block; font: 500 32px/1 '思源黑體','微軟正黑體'; color: #ffffff; background: #00659f; border-radius: 99em; padding: 12px 100px 12px 90px; margin-top: 20px;}
a.hot-recommend-btn span{position: absolute; font-size: 25px; transform: rotate(-90deg);top: calc(50% - 13px); }
a.hot-recommend-btn::before{ position: absolute; content: ''; width: 37px ; height: 22px ; bottom: 26px; right: 30px;}
a.hot-recommend-btn::after{position: absolute; content: ''; width: 39px; height: 56px; background: url(../images/btn-cursor.png) top center no-repeat; bottom: -22px; right: 18px;}
a.hot-recommend-btn:hover::before{background: url(../images/btn-cursor-light.png) top center no-repeat;}
/*C23*/
.hot-recommend-c23-tag ul li{display: inline-block; width: 16%; font: 500 24px/1 '思源黑體','微軟正黑體'; color: #ffffff ; background: #4391bf;  padding: 10px 0px; margin: 0 0.8%; cursor: pointer; transition: 0.3s;}
.box-head,
.intro-anchors,
.number-box,
.hot-recommend-c23-panel .carrier h4,
.hot-recommend .carrier h4
{display: none;}
.hot-recommend-c23-panel{width: 100%; background: #ffffff; border: 4px #ffe069 solid; box-shadow: 6px 6px #ffe069; padding: 50px 0 20px 0;  margin-bottom: 40px;}
.carrier ul{padding: 0 8%;}
.carrier ul li{position: relative; text-align: left; border-bottom: 1px #ffe069 solid; padding-bottom: 10px; margin-bottom: 25px; }
.carrier ul li a{display: block; width:80% ;font: 300 16px/24px '思源黑體','微軟正黑體'; color:#9c572b ; transition:0.3s; margin-bottom: 24px;}
.carrier li a strong{display:block; font: 500 20px/1.2 '思源黑體','微軟正黑體'; color: #000000 ; text-align: left ;margin-bottom: 10px; transition:0.3s;}
.carrier li a em.price{position: absolute; width:120px; font: 200 20px/1 'Century Gothic','arial'; color:#e70722 ; bottom: 20px; right: 0; }
.carrier li a em.price span{font: 200 26px/1 'Century Gothic','arial';vertical-align: baseline;}
   /*票券 C23*/
.hot-recommend .hot-recommend-ticket-panel{width: 100%; background: #ffffff; border: 4px #ffe069 solid; padding: 40px 0 20px 0; margin: 40px 0;}
.hot-recommend .hot-recommend-ticket-panel ul li em.price{background: none; text-align: right;}

/*熱門景點*/
.area-hot-spot{text-align: center ; background: url(../images/hot-spot-bg.jpg) center top repeat;}
.hot-spot{max-width: 1220px; padding: 40px 40px; margin: 0 auto; width: 100%;
    letter-spacing: -0.31em; 
    *letter-spacing: normal; 
    *word-spacing: -0.43em; 
    text-rendering: optimizespeed;}
.hot-spot h2{color: #ffffff; background: url(../images/hot-spot-h2.png) bottom center no-repeat;margin-bottom: 20px; letter-spacing: normal;}

.hot-spot-single{position: relative; display:inline-block; width: 48%; text-align: center; border: 2px #ffe069 solid; overflow: hidden; margin: 10px; }
.hot-spot-single img{width: 100%;}
.hot-spot-single-cover{position: absolute; width: 100%; height: 100% ;background: rgba(0,0,0,0.8); bottom: -82%; padding: 4%; transition: ease 0.7s;}
.hot-spot-single-cover h3{font: 500 24px/1 '思源黑體','微軟正黑體';letter-spacing: normal; color: #ffffff; border-bottom: 1px #ffe069 solid; padding-bottom: 5%; margin-bottom: 5%;}
.hot-spot-single-cover p{font: 200 17px/24px '思源黑體','微軟正黑體'; letter-spacing: 0.32px; color: #ffffff; text-align: left;  }
.hot-spot-single-cover:hover{bottom: 0; transition:ease 0.7s;}
/*互動*/
.ph.active em{background: #f76617; transition:0.4s;}
.ph.active .ph-img{-webkit-filter:brightness(1.05); transition:0.4s;}
.ph.active .ph-title{color: #00659f; transition: 0.4s;}


.hot-recommend-c23-tag ul li:hover,
.hot-recommend-c23-tag ul li.on{color: #9c572b ; background: #ffe069;transition: 0.3s;}

.hot-recommend-c23-panel .number-box.on{display: block;}
.hot-recommend-c23-panel li strong.active{color: #00659f; transition:0.3s;}

.hot-recommend-ticket-panel li strong.active{color: #00659f; transition:0.3s;}




/*手機板*/
@media screen and (max-width:1024px){
    header.header{height: auto; background: none;}
    header.header h1{display: block;}
    header.header h1 img{width: 100%;}
    .go-top-btn{right: 20px; bottom: 20px;}

    h2{font-size: 32px;}
    .group-type-ph .ph{width: 32.3%;}
    .hot-recommend .ph:nth-child(2){margin: 0 0.8%;}
    a.hot-recommend-btn{font-size: 28px; padding: 12px 90px 12px 80px; }
    .hot-recommend-c23-tag ul li{font-size: 22px;}
    .hot-recommend-c23-panel ul {padding: 0 6%;}
    .hot-recommend-c23-panel ul li{width: 100%;}
    .hot-recommend-c23-panel ul li a{width: 80%;}
    /*訂房*/
    .hotel-product{padding: 20px 25px 30px 25px;}
    .hotel-product-single .ph {width: 24%; padding: 8px ;margin: 0.6% 0.3%;}
    .hotel-product-single em.price{ margin-bottom: 5px;}
    .hotel-product-single em.price span {font-size: 24px;}
}
@media screen and (max-width:768px){
    .menu-bar ul{width: 100%;padding: 5px 0;}
    .menu-bar ul a{font-size: 16px;padding:  0 15px;}
    
    /*熱銷推薦*/
    em.price{width: 85%;}
    .ph-detail{margin-top: 20px;}
    .hot-recommend,
    .hot-recommend-c23,
    .hotel-product{padding: 40px 23px;}
    .hot-recommend-c23-tag ul li{font-size: 20px;}
    .hot-recommend-c23-panel li strong{font-size: 18px;}
    a.hot-recommend-btn::before{background: url(../images/btn-cursor-light.png) top center no-repeat;bottom: 15px; right: 21px;}
    a.hot-recommend-btn::after{bottom: -35px; right: 7px; }
    a.hot-recommend-btn span{font-size: 20px; top: calc(50% - 9px); }
    .hot-spot{padding: 30px;}
    .hot-spot-single{width: 100%;margin: 0 0 30px 0;}
    .hot-spot-single-cover{position: static; background: #000000;}
    .hot-spot-single-cover h3{ padding-bottom: 3%; margin-bottom: 3%;}
    /*訂房*/
    .hotel-menu ul li{margin: 8px 1px 0 0;}
    .hotel-product-single .ph {width: 32%;}
    .hotel-product-single em.price {width: 80%; padding: 3% 0;}
}
@media screen and (max-width:610px){

    .hot-recommend,
    .hotel-product{padding: 40px 28px;}
    .group-type-ph{margin: 24px auto 24px auto;}
    .group-type-ph .ph{ width: 100%; padding: 3%; margin:0 0 15px 0;}
    .hot-recommend .ph:nth-child(2){margin: 0 0 15px 0;}
    a.hot-recommend-btn{margin-top: 0;}
    .hot-recommend-c23{padding: 35px 28px 20px 28px;}
    .hot-recommend-c23-tag ul li{font-size: 18px; width: 17%; margin: 0 2px;}
    .hot-recommend-c23-panel{padding: 40px 0 10px 0;}
    .hot-recommend-c23-panel ul{padding: 0 4%;}
    .hot-recommend-c23-panel ul li a{width: 78%; font-size: 14px;}
    .hot-recommend-c23-panel ul li em.price {font-size: 20px;}
    .hot-recommend-c23-panel ul li em.price span {font-size: 24px;}
    /*票券*/
    .hot-recommend-ticket-panel{padding: 40px 0 10px 0;}
    .hot-recommend-ticket-panel ul{padding: 0 4%;}
    .hot-recommend-ticket-panel ul li a{width: 78%; font-size: 14px;}
    .hot-recommend-ticket-panel ul li em.price {font-size: 20px;}
    .hot-recommend-ticket-panel ul li em.price span {font-size: 24px;}
    /*訂房*/
    .hotel-product-single .ph{width: 48%; padding: 10px; margin: 0.8% 0.3%;}
}
@media screen and (max-width:530px){
    .go-top-btn{width: 60px; height: 60px; font-size: 16px; padding: 11px 0;}
    .hot-recommend-c23-tag ul li{font-size: 16px; margin: 0 1px;}
    .hot-recommend-c23-panel ul li a{width: 72%; font-size: 13px;}
    .hot-spot-single-cover h3{font-size: 20px;}
    /*票券*/
    .hot-recommend-ticket-panel ul li a{width: 72%; font-size: 13px;}
    .menu-bar ul a {font: 500 16px/26px '思源黑體','微軟正黑體';padding:0 4px;margin:0 3px;}
}
@media screen and (max-width:425px){

    .group-type-ph{margin: 16px auto 24px auto;}
    .hot-recommend,
    .hotel-product{padding: 20px 28px 40px 28px;}
    .hot-recommend h2,
    .hot-spot h2,
    .hotel-product h2{font-size:28px; background-size: 40% auto; padding: 12px 0;}
    a.hot-recommend-btn{font-size: 24px; padding: 12px 80px 12px 70px;}
    .hot-recommend-c23-tag ul li{width: 19%; font-size: 14px; margin: 0;}
    .hot-recommend-c23-panel{padding: 30px 0 10px 0; box-shadow: none;}
    .hot-recommend-c23-panel ul li a{width: 100%; font: 300 13px/18px '思源黑體','微軟正黑體';margin-bottom: 40px;}
    .hot-recommend-c23-panel ul li a strong{font: 400 16px/1.3 '思源黑體','微軟正黑體';}
    .hot-recommend-c23-panel ul li a em.price{bottom: 7px;}
    .hot-spot-single-cover p{font: 200 15px/24px '思源黑體','微軟正黑體';letter-spacing: 0.8px;}
    /*票券*/
    .hot-recommend-ticket-panel{padding: 30px 0 10px 0; box-shadow: none;}
    .hot-recommend-ticket-panel ul li a{width: 100%; font: 300 13px/18px '思源黑體','微軟正黑體';margin-bottom: 40px;}
    .hot-recommend-ticket-panel ul li a strong{font: 400 16px/1.3 '思源黑體','微軟正黑體';}
    .hot-recommend-ticket-panel ul li a em.price{bottom: 7px;}
    /*訂房*/
    .hotel-menu ul li{font-size: 16px;}
    .hotel-product-single .ph { width: 100%; padding: 15px; margin: 2% 0;}
    .hotel-product-single em.price span {font-size: 28px;}
    .hotel-product-single em.price {width: 70%; font-size: 19px; padding: 2% 0;}
    .hotel-product-single .ph-title {font-size: 22px;}
    .hotel-product-single .ph-detail {margin-top: 10px;}
}
@media screen and (max-width:320px){
    .hot-spot {padding: 20px;}
    .hot-recommend,
    .hotel-product{padding: 20px 20px 40px 20px;}
    .hot-recommend-c23{padding: 35px 20px 20px 20px;}
    .hot-recommend-c23-tag ul{ 
        letter-spacing: -0.31em; 
        *letter-spacing: normal; 
        *word-spacing: -0.43em; 
        text-rendering: optimizespeed;}
    .hot-recommend-c23-tag ul li{width: 19%; font-size: 12px; letter-spacing: normal; margin: 0 1px;}
}



.poiAutoTemplate .ph-group-title{font: bold 30px/1 "微軟正黑體";}
.poiAutoTemplate .ph-group-content{width: calc(25% - 10px);margin: 5px;border:5px solid #ffe069;box-shadow: none;}
.poiAutoTemplate .ph-group-content-tag{/*background: #84a71a;*/background: #419129;}
.poiAutoTemplate .ph-group-content-text-sale {padding: 0;background:#ffe686;}
.poiAutoTemplate .ph-group-content-text-sale a{padding: 0 5px;font:500 16px/1.5 "微軟正黑體";background:#ffe686;color: crimson;}
.poiAutoTemplate .ph-group-content .ph-group-content-text {padding: 0 0 40px 0;text-align: left;}
.poiAutoTemplate .ph-group-content-text-price {position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%);background: crimson;color: #FFF;font: 400 22px/1.5 "Century Gothic";padding: 0px 10px;border-radius: 20px;width: 70%;}
.poiAutoTemplate .ph-group-content-text-detail, .poiAutoTemplate .ph-group-content-text-detail a{ color:#3285b5;font:14px/1.6 "微軟正黑體";}
.poiAutoTemplate .ph-group-content-text-price span{font-size: 0.8em; line-height: 2;}

.poiType1 .poiAutoTemplate.poiAutoTemplate-itemScroll .ph-group, .poiType1 .poiAutoTemplate.poiAutoTemplate-scrollTab.poiAutoTemplate-itemScroll .ph-group,.poiType1 .poiAutoTemplate .ph-group, .poiType1 .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group{justify-content: center;margin: 30px auto 50px auto;overflow: auto;}
.poiType1 .poiAutoTemplate .ph-group, .poiType1 .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group{flex-wrap: wrap;}
.ph-group-title span{color: #0f2b47;  background: url(../images/hot-recommend-h2.png) bottom center no-repeat;font: 600 40px/1 '思源黑體','微軟正黑體'; padding: 18px 22px;letter-spacing: 0;}
.poiType1  .poiAutoTemplate .slidecontain{display: none;}


.poiType2 .poiAutoTemplate .slidecontain{display: block;}
.poiType2 .poiAutoTemplate .ph-group-title {display: none;}
.poiType2 .poiAutoTemplate .ph-group{ background: rgba(255,255,255,1); padding: 50px; border: 5px solid #ffe88f;justify-content: center;}
.poiType2 .poiAutoTemplate .ph-group-content{margin: 10px;border: 2px solid #ffe069;width: calc(29% - 10px);}
.poiType2 .poiAutoTemplate .ph-group-content-text-sale a{background: #FFF;}
.poiType2 .poiAutoTemplate .slidecontain{padding: 0;justify-content: center;display: flex;flex-wrap: nowrap;}
.poiType2 .poiAutoTemplate .slidecontain li {margin: 0 5px;flex-shrink: 1;}
.poiType2 .poiAutoTemplate .slidecontain li a{padding: 10px 30px; text-decoration: none; font: 700 24px/1 "微軟正黑體"; color: #FFF;background: #4391bf;}
.poiType2 .poiAutoTemplate .slidecontain li.poiAutoTemplate-on a{color: #9c572b;background: #ffe069;}
.poiType2 .poiAutoTemplate .slidecontain li.poiAutoTemplate-on{border-bottom: none;}

@media screen and (max-width:1280px){
.poiType1  .poiAutoTemplate.poiAutoTemplate-itemScroll .ph-group,.poiType1  .poiAutoTemplate.poiAutoTemplate-scrollTab.poiAutoTemplate-itemScroll .ph-group{justify-content: flex-start;overflow-x: scroll;}
.poiType2 .poiAutoTemplate .ph-group{padding: 30px;}
.poiType2 .poiAutoTemplate .ph-group-content{margin: 5px;}
.poiType1 .poiAutoTemplate .ph-group, .poiType1 .poiAutoTemplate.poiAutoTemplate-scrollTab .ph-group{flex-wrap: nowrap;}
}


@media screen and (max-width:1024px){
.ph-group-title span {font-size: 32px;}
}

@media screen and (max-width:768px){
.poiType2 .poiAutoTemplate .slidecontain li a{padding: 10px 5px;font: 700 16px/1 "微軟正黑體";}
}


@media screen and (max-width:500px){
.poiType2 .poiAutoTemplate .ph-group{padding: 20px;}

}


/*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 "微軟正黑體";  }
}



/*選單第二層*/
.poiMenu { position: sticky;  width: 100%;  top: 0px;  left: 0;  /*background:rgba(255,251,238,0.9);*/ background: #fff8c6;  text-align: center;  height: auto;  z-index: 2;  padding: 10px 0;display: flex;flex-wrap: nowrap;justify-content: center;}
.poiMenu li {  font:300 18px/1.2 'Noto Sans TC'; margin: 0px 5px;   position: relative;padding: 5px 15px;color: #FFF;cursor: pointer;background: #f76617; border-radius: 99em;}
.poiMenu li:hover { background: #ff8635;}

@media screen and (max-width:800px) {
.poiMenu{top: 0px;padding: 5px 0;}
.poiMenu li{font:400 16px/1.2 'Noto Serif TC';}
}

@media screen and (max-width:500px) {
.poiMenu { white-space: nowrap;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;justify-content: left;}
.poiMenu li{flex-grow: 1;font-size: 14px;}
}


/*index選單*/
.indexPoiMenu { position: sticky;  width: 100%;  top: 0px;  left: 0;/*  background:rgba(255,251,238,0.9); */background: #edeaf4; text-align: center;  height: auto;  z-index: 5;  padding: 15px 0;display: flex;flex-wrap: nowrap;justify-content: center;}
.indexPoiMenu-sec{display: flex;flex-wrap: nowrap;align-items: center;gap:0 5px;font-size: 20px;font-weight: 600;}
.indexPoiMenu-sec-text{display: flex;flex-wrap: nowrap;gap: 10px;margin: 0 10px;font-size: 20px;font-weight: 400;}
.indexPoiMenu-sec-text li {cursor: pointer;color: #FFF;font-size: 18px;background: #f4699c;border-radius: 99em;padding: 5px 15px;}
.indexPoiMenu-sec-text li a {color: #FFF;display: block;}
.indexPoiMenu-sec-text li:hover{filter: brightness(1.05);}
/*.indexPoiMenu-sec-title{color: #a81900;padding: 0px 8px;border-left: 1px solid #a81900; border-right: 1px solid #a81900;}*/
.indexPoiMenu-sec-title{color: #f4699c;padding: 0px 8px;border-left: 1px solid #f4699c; border-right: 1px solid #f4699c;}

@media screen and (max-width:900px) {
.indexPoiMenu{top: 0px;padding: 8px 0;}
.indexPoiMenu-sec{font:400 16px/1.2 'Noto Sans TC';}
.indexPoiMenu-sec-text{font:400 16px/1.2 'Noto Sans TC';}
.indexPoiMenu-sec-text li {font-size: 14px;}
.indexPoiMenu-sec-title{font:600 16px/1.2 'Noto Sans TC';}
}


@media screen and (max-width:700px) {
.indexPoiMenu{ white-space: nowrap;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;justify-content: left;}
}



/*list條列式*/
.listPoi .ph-menu{display: none;}
.listPoi .ph-group-content-text-name{color:#8d5e32;}
.listPoi .ph-group {padding:0;background: #FFF;margin: 30px auto 50px auto;max-width: 1400px;border: #ffe069 5px solid;}
.listPoi .ph-group-content{margin: 5px auto;transition: 0.2s;padding: 15px 10px; width:100%;position: relative;flex-shrink: 0;box-shadow: none;/*border-bottom: 3px dotted #ffdd61;*/text-align: left;}

.listPoi .ph-group-content:nth-of-type(odd){background-color: #f6f6f6;}
.listPoi .ph-group-content:nth-of-type(1) {margin: 0px;background: #e1f5ff;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-photo {display: inline-block;width: 28%;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-photo a{display: block;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-photo .ph-group-content-tag {position: absolute;left: 0px; top: 0px;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text{padding: 10px 5px 40px 10px;width:70%;display: inline-block;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-name{display: block;margin: 5px auto;font:bold 22px/1.4 'Noto Sans TC';padding: 0;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-sale{display: inline-block;margin: 0px auto;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{font:20px/1.4 'Noto Sans TC';display: block;background: none;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {color: #484848;font:18px/1.5 'Noto Sans TC';margin: 3px auto ;display: block;padding: 0;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a {color:#484848;font:18px/1.5 'Noto Sans TC';padding:5px 0;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-price {bottom: 10px;}

.listPoi .ph-group-content:last-of-type {border-bottom: none;}
.listPoi .ph-group-content .ph-group-content-photo {width: auto;display: inline-block;}
.listPoi .ph-group-content .ph-group-content-photo a {display: none;}
.listPoi .ph-group-content .ph-group-content-text{padding: 0px;display: inline-block;width: auto;}
.listPoi .ph-group-content-photo img{width:100%;}
.listPoi .ph-group-content-text-name{color:#000000;font:bold 18px/1.4 'Noto Sans TC';display: inline-block;padding: 0;}
.listPoi .ph-group-content-text-detail {display: none;}
.listPoi .ph-group-content-text-price {color:#d9002f;;position: absolute;padding: 0px 10px;font:700 24px/1.4 'Noto Sans TC';text-align: center;display: block;right: 10px;bottom: 5px;}
.listPoi .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.listPoi .ph-group-content-tag { position: static;background: #ee9052;font:15px/1.4 'Noto Sans TC';color:#FFF;padding: 3px 10px;}
.listPoi .ph-group-content-text-sale{display:inline-block;margin: 3px auto 0 auto; font: 16px/1 'Noto Sans TC'; color: #ed7729;background: none;padding: 0;}
.listPoi .ph-group-content-text-sale a{ color: #ff8615;font: 16px/1.4 'Noto Sans TC';background: none;padding: 0;}
.listPoi .link-right {background: #af7878; font:600 20px/1.2 'Noto Serif TC';color: #FFF;padding: 5px 30px;transition: 0.3s;display: inline-block;border-radius: 40px;}
.listPoi .link-right:hover{transform: translateX(10px);}

@media only screen and (max-width: 1300px) {
.listPoi .ph-group-content {padding:  10px 10px 40px 10px;}
.listPoi .ph-group{width: 90%;}
}

   
 @media only screen and (max-width: 800px) {
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-photo {width: 100%;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text {width: 100%;}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font:bold 18px/1.4 'Noto Sans TC';}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{font:14px/1.4 'Noto Sans TC';}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {font:14px/1.5 'Noto Sans TC';}
.listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-detail a{font:14px/1.5 'Noto Sans TC';}
.listPoi .ph-group-content-text-name {display: block; font:bold 18px/1.2 'Noto Sans TC'; margin: 5px auto;}
.listPoi .ph-group-content .ph-group-content-text {width: 100%;padding: 10px;}
.listPoi .ph-group-content-text-sale{margin: 5px auto;}
.listPoi .ph-group-content-text-price { font: bold 20px/1.4 'Noto Sans TC';}


}
     
 @media only screen and (max-width: 600px) {
    .listPoi .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font:600 16px/1.4 'Noto Sans TC';}
    .listPoi .ph-group-content-text-name{font:600 16px/1.4 'Noto Sans TC';}
}