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


:root{ --color1:#e35349; --color2:#54a7e5; --titlefont:900 36px/1.2 'Noto Sans TC';}

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

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



/*版頭*/

/*版頭*/
header.kv-banner { position: relative; height: 500px; 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: 45vw; }
}
@media screen and (max-width:768px) {
header.kv-banner .container-fluid.pin-header-banner,header.kv-banner .container-fullbg.pin-header{margin-top: 0;}
}



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

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


    header.header { height: 48vw; background-size:172%; }
    header.header h1 img{ display: none; }
    header.header h1 img {  width: 100%; }    
}
@media screen and (max-width:500px) {

    header.header { height: 51vw; }
} */
/*選單*/    
.globalMenu {flex-wrap: nowrap;display: flex;justify-content: center;width: 100%;background: #62b6f3;position: absolute;bottom: 0;z-index: 100;height: 50px;}
.globalMenu.sticky{position: fixed;top: 0;}
.globalMenu a {font:600 24px/1.2 'Noto Sans TC'; color: #FFF;padding: 10px 20px;  }
.globalMenu a.on,.globalMenu a.on:hover{color: rgb(219, 75, 126);background: #ffe150;font:700 24px/1.2 'Noto Sans TC';}
.globalMenu a:hover{background: rgb(219, 75, 126);}

@media screen and (max-width:800px) {
.globalMenu{height: 40px;}
.globalMenu a {font:400 18px/1.2 'Noto Sans TC';padding: 10px;}
.globalMenu a.on,.globalMenu a.on:hover{font:400 18px/1.2 'Noto Sans TC';}
}

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

/*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: 50px;  left: 0;  background: #ffe150;  text-align: center;  height: auto;  z-index: 120;  padding: 10px 0;display: flex;flex-wrap: nowrap;justify-content: center;box-shadow: 0px 0px 10px rgba(31, 114, 93, 0.2);}
.poiMenu li {  font:400 20px/1.2 'Noto Sans TC'; margin: 0px 5px;   position: relative;padding: 5px 10px;color: #8b4717;cursor: pointer;}
.poiMenu li:hover { background: #ffe;}


@media screen and (max-width:800px) {
.poiMenu{top: 40px;padding: 5px 0;}
.poiMenu li{font:400 16px/1.2 'Noto Sans TC';}
.poiMenu { white-space: nowrap;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x: scroll;justify-content: left;}
.poiMenu li{flex-grow: 1;}
}

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

}





/*全部的標題icon*/
.ph-title::before ,
.item .ph-group-title span::before,
.h2Title span::before {content: ""; width: 97px; height: 84px; position: absolute; top: -30px; 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 {content: ""; width: 79px; height: 39px; position: absolute; bottom: 20px; z-index: -1; right: -86px; background: url(../images//title_right.png) top center no-repeat;}
.seoul .h2Title span::after {background: url(../images/titleseoul_right.png) top center no-repeat;width: 70px;height: 108px;bottom: -10px;right: -90px;}
.busan .h2Title span::after {background: url(../images/titlebusan_right.png) top center no-repeat;width: 102px;height: 90px;bottom: -9px; right: -104px;}


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

.ph-title::before ,
.item .ph-group-title span:before,
.h2Title span::before{background-size: 100%;  width: 60px;   height: 49px;  top: -11px; left: -57px;}
.ph-title::after ,
.item .ph-group-title span:after,
.h2Title span::after{background-size: 100%;  width: 30px;   height: 20px;  bottom: 23px; right: -30px;}
.seoul .h2Title span::after {width: 35px;height: 54px;bottom: 2px;right: -51px;background-size: 100%;} 
.busan .h2Title span::after {width: 50px;height: 44px;bottom: 5px; right: -57px;background-size: 100%;}
        

}


/*應該是通用*/
.ph { margin: 0 auto;  width: 100%;  text-align: center;}
.poiGoods{padding: 80px 0 20px 0;}


@media (max-width: 992px) {

  .poi:has(.fixbtn-content) .poiGoods{padding: 0px 20px;}
}
.ph-menu{display: none;}
.slidecontain {  
  text-align: center; margin: 20px auto 0px auto; padding: 10px 20px; transition: 0.3s;  max-width: 1200px;  z-index: 1;position: relative;display: flex;flex-wrap: nowrap;justify-content: center;gap: 16px;}
.slidecontain li { padding: 4px 12px; cursor: pointer;  margin: 0px;  border-radius: 40px;color: #FFF;background: var(--color1);border: 1px solid var(--color1);;}
.slidecontain li a {font: 600 17px/1.4 "Noto Sans TC";color: #FFF;background: var(--color1);}
.slidecontain li.on a  {color:  var(--color1);} 
.slidecontain li.on:hover a div {color:var(--color1);}
.slidecontain li:hover a div {color: #ffef62;} 
.slidecontain li.on{background: #fff; color: var(--color1); }

@media screen and (max-width:768px) {
.slidecontain{flex-wrap: nowrap;    -webkit-overflow-scrolling: touch; 
  overflow-scrolling: touch; 
  overflow-x: scroll; justify-content: flex-start;}
.poiGoods{padding: 30px 0 ;}
.slidecontain li{padding: 5px 12px; flex-shrink: 0;}
.slidecontain li a div {font:400 16px/1.2 'Noto Sans TC';}
 }




.item { padding: 0 ;} 
.item .ph-group {display: flex; margin: 20px auto 80px auto;position: relative;justify-content: center; flex-wrap:wrap;text-align: left;max-width:1400px ; width: 100%; background: #ffdec5ed;border-radius: 50px;padding: 50px 30px;border: 4px solid #FFF; }
.item .ph-group-title {margin-bottom: 30px;}
.item .ph-group-title span{ font:var(--titlefont);position: relative;z-index: 1;border-bottom: 2px solid var(--color1);padding: 5px 0;  color: var(--color1);}
.item .ph .ph-group-content { margin: 7px;   transition: 0.2s;  padding: 20px 20px 40px 20px;  width: 23.1%;  position: relative;   background: #FFF;flex-shrink: 0;}
.item .ph .ph-group-content:hover{background: #FFF;}
.item .ph .ph-group-content-photo { display: block;}
.item .ph .ph-group-content-photo img {  width: 100%;}
.item .ph .ph-group-content:hover .ph-group-content-photo img { transform: scale(1.05);}
.item .ph .ph-group-content-text {  padding: 10px; }
.item .ph .ph-group-content-text-name { color:#78342f;  font: 600 18px/1.4 'Noto Sans TC';display: block; padding:5px 0 10px 0;border-bottom: 1px solid #d3923d;}
.item .ph .ph-group-content-text-detail {  margin: 10px auto; color: #6d6d6d;font:200 16px/1.5 'Noto Sans TC';}
.item .ph .ph-group-content-text-detail a{  color: #6d6d6d;font:200 16px/1.5 'Noto Sans TC';}
.item .ph .ph-group-content-text-price {color: #2177cf;  position: absolute;  border-radius: 10px 10px 0 0; padding: 5px 10px;   font: bold 26px/1 "Century Gothic", "微軟正黑體";  text-align: center;  display: block;    right: 10px;  bottom: 10px;}
.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: 0px;  color: #FFF;  letter-spacing: 2px;  padding: 5px 15px 5px 10px;  font: 17px / 1 'Noto Sans TC'; background: var(--color2);border-radius: 0 40px 40px 0; }
.item .ph .ph-group-content-text-sale { margin: 10px auto;   background: #ffe94b;    letter-spacing: 1px;  padding: 0 5px;}
.item .ph .ph-group-content-text-sale a{ color: var(--color1);font: 16px/1.6 'Noto Sans TC';}
.item .ph .link-right{background: var(--color1); font:600 36px/1.5 'Noto Sans TC';color: #FFF;padding: 5px 30px;transition: 0.3s;display: inline-block;border-bottom: 5px solid #ffd30c;border-radius: 40px;}
.item .ph .link-right:hover{transform: translateX(10px);}

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

@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 10%; border-radius: 0px;border: none;max-width: none;}
.item .ph .ph-group-content-text-name { font: 600 18px/1.4 'Noto Sans 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 30px/1.5 'Noto Sans TC';}
    
}


/*gfg頁面*/
.morePoi .ph-menu{display: block;}
.morePoi .ph-title { color: var(--color1); text-align: center;  font:var(--titlefont); display: inline-block;position: relative;z-index: 1;border-bottom: 2px solid var(--color1);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-content-photo {display: none;}

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






/*index.html*/
.h2Title {text-align: center;margin: 50px auto;width: 100%;z-index: 1;position: relative;}
.h2Title span{font:var(--titlefont);color: var(--color1);position: relative;border-bottom: 2px solid var(--color1);}

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


/*兩個影片*/
.movieBase{display: flex;flex-wrap: wrap;justify-content: center;max-width: 1400px;margin: 20px auto;padding: 0;}
.movieBox{margin: 20px auto;text-align: center;display: flex;flex-wrap: wrap;}
.movieBox .ph-menu{display: none;}
.movieBox .ph-group{margin: 20px auto;}
.movieBox .ph-group-content-photo{display: none;}
.movieBox .ph-group-title{display: none;}
.movieBox .movieBoxPoi{width:40%;flex-grow: 1;padding: 20px;}
.movieBox .ph-group-content-text{padding:20px;text-align: left;}
.movieBox .ph-group-content-text-name{font: 700 24px/1.4 "Noto Sans TC";color:#54a7e3;display: block;margin: 5px auto;position: relative;z-index: 0;background: #fff;padding: 20px;border-left: 4px solid #54a7e3;}
.movieBox .ph-group-content-text-detail{padding: 5px 0; display: block;font: 300 18px/1.4 "Noto Sans TC";color:#6d6d6d;}
.movieBox .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Sans TC";color:#6d6d6d;}
.movieBox .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Sans TC";padding: 0px 10px;}
.movieBox .ph-group-content-text-price{display: block;border-radius: 20px;color: var(--color2);font: 400 24px/1.6 "Noto Sans TC";text-align: center; transition: 0.3s;padding: 5px 0; margin:10px auto;background: #ffe150;width: 60%;}
.movieBox .movieBoxImg{width: 50%;padding: 40px;border-radius: 20px;background: #ffdec5ed;}
.movieBox .movieBoxImg iframe {width: 100%;}
.movieBox .ph-group-content:hover .ph-group-content-text-price {transform: translateY(-5px);}
.movieBox:nth-of-type(even) .movieBoxImg {order: 2;}
.movieBox:nth-of-type(even) .movieBoxPoi {order: 1;}


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

.movieBase .movieBox:nth-of-type(even) .movieBoxImg {order: 1;}
.movieBase .movieBox:nth-of-type(even) .movieBoxPoi {order: 2;}

.movieBox .ph-group-content-text-price{width: 80%;}

}






/*blog篇*/
.blogBase{display: flex;flex-wrap: wrap;justify-content: center;max-width: 1400px;text-align: center;margin: 20px auto;}
.blogBoxPoi .ph-group{display: none;}
.blogBoxPoi .ph-group.on{display: block;}
.blogBoxPoi .ph-menu{display: block;}
.blogBoxPoi .slidecontain{margin: 20px auto;}
.blogBoxPoi .ph-group-content {display:inline-flex;flex-wrap: nowrap;justify-content: center;margin:15px auto;padding: 20px;background: rgba(255,255,255,0.7);}
.blogBoxPoi .ph-group-content:nth-last-child(1){border-bottom:none;}
.blogBoxPoi .ph-group-content-photo{width: 40%;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: 50%;position: relative;;order: 2;text-align: center;padding: 30px;flex-grow: 1;}
.blogBoxPoi .ph-group-content-text-name{font: 700 24px/1.4 "Noto Sans TC";color:var(--color1);padding: 10px; display: block;margin: 5px auto;background: #ffe97e;position: relative;border-top: 1px solid #ea7749;outline:5px solid #ffe97e; border-bottom: 1px solid #ea7749;}
.blogBoxPoi .ph-group-content-text-detail{padding: 5px 20px; display: block;text-align: left;margin-top: 20px;font: 300 18px/1.4 "Noto Sans TC";color:#6d6d6d;}
.blogBoxPoi .ph-group-content-text-detail a{font: 300 18px/1.4 "Noto Sans TC";color:#6d6d6d;}
.blogBoxPoi .ph-group-content-text-sale{display: none;margin: 5px auto;background: #269997;color: #fff;font: 300 20px/1.4 "Noto Sans TC";padding: 0px 10px;}
.blogBoxPoi .ph-group-content-text-price{display: inline-block;background: var(--color2);border-radius: 20px;color: #fff;font: 400 24px/1.4 "Noto Sans TC";text-align: center; transition: 0.3s;padding: 5px 0;margin: 20px auto;width: 50%;}
.blogBoxPoi .ph-group-content:hover {background: #FFF;}
.blogBoxPoi .ph-group-content:hover .ph-group-content-text-price {transform: translateX(10px);}



@media screen and (max-width:1000px) {
.blogBoxPoi .ph-group-content-text-name{font: 700 20px/1.4 "Noto Sans TC";}
.blogBoxPoi .ph-group-content{display:flex;flex-wrap: wrap;width: 90%;margin: 0 auto;}
.blogBoxPoi .ph-group-content-photo {width: 100%;}
.blogBoxPoi .ph-group-content-text-name{padding: 20px;}
.blogBoxPoi .ph-group-content-text{width: 90%;padding: 10px;flex-grow: 0;}
.blogBoxPoi .ph-group-content-text-detail a{padding: 5px 10px;}
.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;}
}




/*景點*/
.spotBase{width: 100%;text-align: center;max-width: 1400px;margin:20px auto;padding: 10px 0;}
.spotBoxPoi .ph-group{display: flex;flex-wrap: wrap;justify-content: center;margin: 20px auto 50px auto;}
.spotBoxPoi .ph .ph-group-content { margin: 7px;   transition: 0.2s;  padding: 20px 20px 40px 20px;  width: 23.1%;  position: relative;   background: rgba(255,255,255,0.7);}
.spotBoxPoi .ph .ph-group-content:hover{background: #FFF;}
.spotBoxPoi .ph .ph-group-content-photo { display: block;}
.spotBoxPoi .ph .ph-group-content-photo img {  width: 100%;}
.spotBoxPoi .ph .ph-group-content:hover .ph-group-content-photo img { transform: scale(1.05);}
.spotBoxPoi .ph .ph-group-content-text {  padding: 10px; }
.spotBoxPoi .ph .ph-group-content-text-name { color:#78342f;  font: 600 19px/1.4 'Noto Sans TC';display: block; margin:5px auto; }
.spotBoxPoi .ph .ph-group-content-text-detail { margin: 5px auto;color: #6d6d6d;font:200 16px/1.5 'Noto Sans TC';}
.spotBoxPoi .ph .ph-group-content-text-detail a{  color: #6d6d6d;font:200 16px/1.5 'Noto Sans TC';}
.spotBoxPoi .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;}
.spotBoxPoi .ph .ph-group-content-text-price span {  font-size: 70%; line-height: 1.8;}
.spotBoxPoi .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 Sans TC'; background: #e17a4a; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
.spotBoxPoi .ph .ph-group-content-text-sale { margin: 10px auto; color: #FFF;  background: var(--color2);    letter-spacing: 1px;  padding: 0 5px;}
.spotBoxPoi .ph-group:nth-of-type(even) .ph-group-content-text-sale{background: var(--color1);}
.spotBoxPoi .ph .ph-group-content-text-sale a{ color: #FFF;font: 16px/1.6 'Noto Sans TC';}

.spotBoxPoi .ph-group-title {padding: 5px 30px;  width: auto;  display: inline-block;  margin: 0px;  border-radius: 0px;background: var(--color1);border-radius: 30px;}
.spotBoxPoi .ph-group-title span{ color: #fff;font: 500 28px/1.4 'Noto Sans TC';}


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

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

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


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

}





.bnAD{margin: 30px auto 30px auto;text-align: center;}
.bnAD img.pc{width: 90%;max-width: 1100px;margin: 0 auto;}
.bnAD img.m{width: 90%;max-width: 768px;display: none;margin: 0 auto;}

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

.bnAD img.pc{display: none;}
.bnAD img.m{display: block;}

}



.fixbtn-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 992px) {
  .fixbtn-content {
    padding: 0 20px 20px 20px;
  }
}
@media (max-width: 576px) {
  .fixbtn-content {
    padding: 0 12px 12px 12px;
  }
}
.fixbtn-content .fixbtn-box {
  position: fixed;
  z-index: 99;
  flex-shrink: 1;

}
@media (max-width: 992px) {
  .fixbtn-content .fixbtn-box {
    position: static;
    width: 100;
    margin: 40px 0 20px 0;
  }
}
.fixbtn-content .fixbtn-box img {
  max-width: 160px;
  transition: 0.3s;
}
@media (max-width: 1650px) {
  .fixbtn-content .fixbtn-box img {
    max-width: 180px;
  }
}
@media (max-width: 992px) {
  .fixbtn-content .fixbtn-box img {
    max-width: unset;
    width: 100%;
  }
}
.fixbtn-content .fixbtn-box img.mobile {
  display: none;
}
@media (max-width: 992px) {
  .fixbtn-content .fixbtn-box img.mobile {
    display: block;
  }
}
@media (max-width: 992px) {
  .fixbtn-content .fixbtn-box img.pc {
    display: none;
  }
}
.fixbtn-content .fixbtn-box img:hover {
  filter: brightness(105%);
}
.fixbtn-content .fixbtn-box.fixbtn-box1 {
  left: 0%;
  bottom: 40px;
}
@media (max-width: 1650px) {
  .fixbtn-content .fixbtn-box.fixbtn-box1 {
    left: 15px;
    bottom: 80px;
  }
}
@media (max-width: 1400px) {
  .fixbtn-content .fixbtn-box.fixbtn-box1 {
    left: 0px;
  }
}
.fixbtn-content .fixbtn-box.fixbtn-box2 {
  right: 5%;
  bottom: 40px;
}
@media (max-width: 1650px) {
  .fixbtn-content .fixbtn-box.fixbtn-box2 {
    right: 15px;
    bottom: 80px;
  }
}
@media (max-width: 1400px) {
  .fixbtn-content .fixbtn-box.fixbtn-box2 {
    right: 0px;
  }
}/*# sourceMappingURL=all.css.map */