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

.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    
}



body{max-width: 1920px;margin: 0 auto;}
body#summer{background:#f0f7e0;max-width: 1920px;}
body#campaign{background:#f9f4ff;max-width: 1920px;margin: 0 auto;}
body#newyear {background: #fff0d7;max-width: 1920px;}
body#snow {background: #324379;max-width: 1920px;}

body#autumn {background: url(../images/bg11.jpg) top center repeat-y;;max-width: 1920px;}



#mtkContainer{max-width: 1920px;}
#index #mtkContainer{background:url(../images/bg13.jpg) top center repeat-y;background-position-y:137px;}
#mtkContainer * { box-sizing: border-box; font-family: 'Noto Sans TC' , '微軟正黑體';}






header.header { position: relative; width: 100%; height: 600px; background:url(../images/header-bg-20240604.jpg) top center no-repeat;margin: 0 auto; }
header.header .cloud { position: absolute; left: 0; bottom: -3px; width: 100%; overflow: hidden;}
header.header .cloud .cloudAni {animation: creatBallOn4 10s alternate infinite;;-webkit-animation: creatBallOn4 10s alternate infinite; }
/*#gfp header.header {background:url(../images/header-bg-20230130.jpg) top center no-repeat; height: 600px;}*/
#gfp header.header {background:url(../images/header-bg-20231214.jpg) top center no-repeat; height: 600px;}
#voteprice header.header {background:url(../images/header-bg-20240814.jpg) top center no-repeat; height: 600px;}
/* #campaign .poiMenu{display: none;} */
#campaign header.header {background:url(../images/header-bg-20240109.jpg) top center no-repeat; height: 600px;}
#summer header.header {background:url(../images/header-bg-20240509-2.jpg) top center no-repeat; height: 600px;}
#nogi header.header {background:url(../images/header-bg-20230606.jpg) top center no-repeat; height: 600px;}
#newyear header.header {background:url(../images/header-bg-20240910.jpg) top center no-repeat; height: 450px;}
#snow header.header {background:url(../images/header-bg-20230920.jpg) top center no-repeat; height: 600px;}


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




.mHeader { display: none; margin: 0 auto;}


.top{border-radius: 99em;font:18px/1.4 "微軟正黑體";background: #343434;color:#FFF;padding: 8px 5px;width: 70px;height: 70px;position: fixed;right: 4%;bottom: 7%;text-align: center;cursor: pointer;z-index: 49;transition: 0.3s;}
.top:hover{height: 80px;}

.top p{font:20px/1 "微軟正黑體";}

#summer .top{ background: #b9843f;color: #fff;}

.navMenu {margin:0px auto 0px auto;background: #000000;border-bottom: 1px solid #876831;border-top: 1px solid #876831;}
.navMenu ul { display: flex; justify-content: center; flex-wrap: nowrap; }
.navMenu ul li{margin: 10px 1.2vw;position: relative;}
.navMenu ul li a { font:500 20px/1.4 'Noto Sans TC',"微軟正黑體";color:#fffaf3;letter-spacing: 1px;position: relative;padding: 5px 24px;display: block;}


.navMenu ul li.on{background: #cb3a3a;}
.navMenu ul li.on a{color:#fcf4e9;}
.navMenu ul li::after {content: ""; background:url(../images/h2-12.svg) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;transform: scale(0.8);}
.navMenu ul li.on::after ,.navMenu ul li:hover::after{animation: circleGO 5s infinite linear;-webkit-animation: circleGO 8s infinite linear;}
.navMenu ul li::before{content: "";width: 0%; height: 1px; background: linear-gradient(190deg, #d1a966, #81620b);position: absolute;bottom: 0px;left:5%;transition: 0.3s;}
.navMenu ul li:hover::before{width: 90%;}

/* 

#index .navMenu{}
 */

#campaign .navMenu {background: #a459cb;border-bottom: 1px solid #7700b4;border-top: 2px solid #7700b4;}
#campaign .navMenu ul li.on{background: #ec53dd;}
/*#campaign .navMenu ul li.on a{color:#ffafc2;}*/
#campaign .navMenu ul li::after {content: ""; background:url(../images/h2-9.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}
#campaign .navMenu ul li::before {background: #ec53dd;}



#voteprice .navMenu {background: #34271c;border-bottom: 1px solid #fff2a9;border-top: 1px solid #fff2a9;}
#voteprice .navMenu ul li.on{background: #ffe484;}
#voteprice .navMenu ul li.on a{color:#34271c;}
#voteprice .navMenu ul li::after {content: ""; background:url(../images/h2-6.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}
#voteprice .navMenu ul li::before {background: #ffe484;}


#summer .navMenu {background:#846739;border-bottom: 1px solid #5c4521;border-top: 1px solid #5c4521;}
#summer .navMenu ul li.on{background: #38ab12;}
#summer .navMenu ul li.on a{color:#fff6dc;}
#summer .navMenu ul li::before {background: #38ab12;}
#summer .navMenu ul li::after {content: ""; background:url(../images/h2-10.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}


#nogi .navMenu{background: #5428a7;border-bottom: 1px solid #441d8d;    border-top: 2px solid #441d8d;}
#nogi .navMenu ul li.on{background: #c931d3;}
#nogi .navMenu ul li::before{background: #441d8d;}
#nogi .navMenu ul li::after {content: ""; background:url(../images/h2-3.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}



#newyear .navMenu {background: #795935;border-bottom: 1px solid #52391d;border-top: 1px solid #52391d;}
#newyear .navMenu ul li.on {background: #cd3838;}
#newyear .navMenu ul li::after {content: ""; background:url(../images/h2-8.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}
#newyear .navMenu ul li.on::after ,#newyear .navMenu ul li:hover::after{animation: circleGO2 4s infinite linear;-webkit-animation: circleGO2 4s infinite linear;}
#newyear .navMenu ul li::before{background: #cd3838;}

#snow .navMenu {background: #283885;border-bottom: 1px solid #8caffe;border-top: 1px solid #8caffe;}
#snow .navMenu ul li.on {background: #6691f2;}
#snow .navMenu ul li::after {content: ""; background:url(../images/h2-7.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}
#snow .navMenu ul li.on::after ,#snow .navMenu ul li:hover::after{animation: circleGO2 4s infinite linear;-webkit-animation: circleGO2 4s infinite linear;}
#snow .navMenu ul li::before{background: #6691f2;}



#autumn .navMenu {background:#c54e21;border-bottom: 1px solid #aa3910;border-top: 1px solid #aa3910;}
#autumn .navMenu ul li.on{background: #102800;}
#autumn .navMenu ul li.on a{color:#fff6dc;}
#autumn .navMenu ul li::before {background: #102800;}
#autumn .navMenu ul li::after {content: ""; background:url(../images/h2-4.png) top center no-repeat;width: 55px;height: 55px;position: absolute;left: -25px;top: -25px;background-size: contain;}



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

.navMenu ul li::after,#campaign .navMenu ul li::after ,#voteprice .navMenu ul li::after {width: 35px;height: 35px;left: -30px;top: -15px;}
.navMenu ul{flex-wrap: nowrap;overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;justify-content: space-around;}
.navMenu ul li::after,#campaign .navMenu ul li::after ,#voteprice .navMenu ul li::after 
,#summer .navMenu ul li::after,#nogi .navMenu ul li::after,#newyear .navMenu ul li::after,#snow .navMenu ul li::after,#autumn .navMenu ul li::after{content: none;}
.navMenu ul li{margin: 10px 0px;}
.navMenu ul li a{padding: 5px 15px 5px 15px;}
}



@media only screen and (max-width: 700px) {
.navMenu ul li a{padding: 5px 8px 5px 8px;}
.navMenu ul li{padding: 0px;}
.navMenu ul li a{font:500 16px/1.4 'Noto Sans TC',"微軟正黑體";padding: 5px 8px 5px 8px;}
.navMenu ul {/*justify-content: left;*/ justify-content: center;}
}


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

  .navMenu ul {justify-content: left;}
  
}




@keyframes circleGO {
  0%{  transform:rotate(0deg);}
  25%{transform:rotate(90deg);}
  50%{ transform:rotate(180deg);}
  75%{transform:rotate(270deg);}
  100%{transform:rotate(360deg);}


}

@-webkit-keyframes circleGO {
  0%{  -webkit-transform:rotate(0deg);}
  25%{ -webkit-transform:rotate(90deg);}
  50%{  -webkit-transform:rotate(180deg);}
  75%{ -webkit-transform:rotate(270deg);}
  100%{ -webkit-transform:rotate(360deg);}
}


@keyframes circleGO2 {
  0%{  transform:rotate(0deg);}
  25%{transform:rotate(30deg);}
  50%{ transform:rotate(0deg);}
  75%{transform:rotate(-30deg);}
  100%{transform:rotate(0deg);}


}


@-webkit-keyframes circleGO2 {
  0%{  -webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(30deg);}
  50%{ -webkit-transform:rotate(0deg);}
  75%{-webkit-transform:rotate(-30deg);}
  100%{-webkit-transform:rotate(0deg);}


}


.poiMenu { position: sticky; top:0; left: 0; padding: 5px 0; height: auto;  width: 65%; text-align: center; z-index:49;
	/*background: rgba(203,29,29,0.8);*/background:#ff9fc6;border-radius: 0px;margin: 30px auto;border:#fff solid 1px;outline: #ff9fc6 solid 5px}
.poiMenu ul { position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap; /*width:auto; */border-radius: 0;    display: flex;
    justify-content: space-around;    flex-wrap: wrap; }
.poiMenu li { display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;margin: 0 5px;}
.poiMenu li a {color: #fff7ed; }
.poiMenu li img { vertical-align: top; }
.poiMenu li:hover { background:#FFF;color: #f6a21a; }
.poiMenu li.noanc a {color:#ffff90; }


#index .poiMenu{background: #41311d; outline: #41311d 5px solid;width:min(90%,800px); border: unset;border-bottom: 1px solid #b79a66;
  border-top: 1px solid #b79a66;}
#index .poiMenu li:hover{ background:#816746;color: #fff;} 


#summer .poiMenu{background: #58a53e; outline: #58a53e 5px solid;width:min(90%,800px);}
#summer .poiMenu li:hover{ background:#fff;color: #58a53e;} 

#campaign .poiMenu{background: #cf9ee6;outline: #cf9ee6 5px solid;border: #fff 1px solid;width:min(90%,800px)}
#campaign .poiMenu li:hover{ background:#fff;color: #b468d8;} 

#voteprice .poiMenu{background: #312a22;outline: #312a22;border: #fff2a9 1px solid;}
#voteprice .poiMenu li:hover{ background:#5e4f3d;color: #fff2a9;}

#newyear .poiMenu{background: #c32c2c;outline: #c32c2c 5px solid;border: #fff 1px solid;}
#newyear .poiMenu li:hover{ background:#fff;color: #c32c2c;} 

#autumn .poiMenu{background: #ed8301;outline: #ed8301 5px solid;border: #fff 1px solid;width:min(90%,500px)}
#autumn .poiMenu li:hover{ background:#fff;color: #ed8301;} 


#snow .poiMenu{background: #9136d0;outline: #9136d0 5px solid;border: #fff 1px solid;width:min(90%,500px)}
#snow .poiMenu li:hover{ background:#fff;color: #9136d0;} 





@media only screen and (max-width: 768px) {
  #newyear .poiMenu{ width: 100%; }
}

@keyframes creatBallOn4 {
  0%{  transform: translateX(0);}
  100%{  transform: translateX(-50px);}
}
@-webkit-keyframes creatBallOn4 {
  0%{  transform: translateX(0);}
  100%{  transform: translateX(-50px);}
}




.contentBase { margin: 0 auto; width: 95%; max-width: 1400px; }

h1 { font-size: 0; display: none; opacity: 0; }
h2 { padding: 20px 0 30px 0; text-align: center; }
h2 img { width: 220px; }


.pinkBg { width: 100%; overflow: hidden;}
.redBg {background : #b01d23;}

#campaign .pinkBg{background:url(../images/bg7.jpg) top center repeat-y,#fffdeb;}


#campaign .redBg {background :#b01d23;}
#voteprice .redBg {background :#b01d23;}



/*poi模組*/
.poi{width: 100%;margin: 0px auto 0px auto;padding: 0px 0 100px 0; position: relative;}
/* #summer .poi{background: #402470;} */
/* #campaign .poi {background:url(../images/bg11.jpg) top center repeat-y;} */
#voteprice .poi {background:url(../images/bg10.jpg) top center repeat-y;margin: 0 auto;}
/* #snow .poi {background-image: linear-gradient( to bottom,#5b6ca0,#3a5583) , url('../images/bg10.png') repeat-y;} */
#snow .poi {background:url('../images/bg10.png') repeat-y 
  ,linear-gradient(to bottom, rgb(54 61 138), rgb(50 62 142));
  background-blend-mode: soft-light;}



.poi .item {padding:30px 0; }

.ph-group  {width: 100%;margin: 0 auto 0px auto;padding: 10px 10px;position: relative;display: inline-flex;justify-content:center;flex-wrap: wrap;text-align: left;}
.poi .ph{margin: 0 auto;border-radius: 20px;width: 80%;padding: 10px 8px 10px 10px;text-align: center;}
.poi .ph:hover{transform: none;}
.slidecontain {display:none;}


#campaign .item.poi-hide-menu .ph-menu{
  display: none;

}


/* 

#campaign .ph-menu { display: block;position: sticky; top:0; left: 0; padding: 5px 0; height: auto;  width: 65%; text-align: center; z-index:49;
background:#62c3bb;border-radius: 0px;margin: -10px auto 30px auto;border:#fff solid 1px;outline: #62c3bb solid 5px}
#campaign .ph-menu .slidecontain { position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap;border-radius: 0;    display: flex;
    justify-content: space-around;    flex-wrap: nowrap; }
#campaign .ph-menu .slidecontain li{ display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;}
#campaign .ph-menu .slidecontain li a {color: #fff7ed; }
#campaign .ph-menu .slidecontain li:hover{ background:#FFF;color: #62c3bb; }
#campaign .ph-menu .slidecontain li:hover a{color: #62c3bb;} */


#campaign .item .ph-menu {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

#campaign .item .ph-menu .slidecontain {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
@media (max-width: 992px) {
  #campaign .item .ph-menu .slidecontain {
    flex-wrap: wrap; 
    justify-content: center;
     display: flex; 
  }
}
@media (max-width: 992px) {
  #campaign .item .ph-menu .slidecontain li {
    flex-shrink: 0;
    width: auto;
    flex-grow: 0;
  }
}
#campaign .item .ph-menu .slidecontain li a {
  padding: 8px 16px;
  display: block;
  color: #333;
  background: #fff;
  font-size: 16px;
  font-weight: 400px;
  line-height: 1;
  border-radius: 50px;
}
@media (max-width: 992px) {
  #campaign .item .ph-menu .slidecontain li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
}
@media (max-width: 576px) {
  #campaign .item .ph-menu .slidecontain li a {
    padding: 5px 10px;
  }
}
#campaign .item .ph-menu .slidecontain li:hover a, #campaign .item .ph-menu .slidecontain li.on a {
  color: #fff;
  background: #4b65da;
  font-weight: 700;
}


  #autumn  .ph-menu { display: block;position: sticky; top:10px; left: 0; padding: 5px 0; height: auto;  width: 65%; text-align: center; z-index:49;
    background:#ed8301;border-radius: 0px;margin: 30px auto 30px auto;border:#fff solid 1px;outline: #ed8301 solid 5px}
  #autumn  .ph-menu .slidecontain { position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap;border-radius: 0;    display: flex;
        justify-content: space-around;    flex-wrap: nowrap; }
    #autumn  .ph-menu .slidecontain li{ display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;}
    #autumn  .ph-menu .slidecontain li a {color: #fff7ed; }
    #autumn  .ph-menu .slidecontain li:hover{ background:#FFF;color: #ed8301; }
    #autumn  .ph-menu .slidecontain li:hover a{color: #ed8301;}

/*要一小顆一小顆再開

/* #autumn .item .ph-menu {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

#autumn .item .ph-menu .slidecontain {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
@media (max-width: 992px) {
  #autumn .item .ph-menu .slidecontain {
    flex-wrap: wrap; 
    justify-content: center;
     display: flex; 
  }
}
@media (max-width: 992px) {
  #autumn .item .ph-menu .slidecontain li {
    flex-shrink: 0;
    width: auto;
    flex-grow: 0;
  }
}
#autumn .item .ph-menu .slidecontain li a {
  padding: 8px 16px;
  display: block;
  color: #333;
  background: #fff;
  font-size: 16px;
  font-weight: 400px;
  line-height: 1;
  border-radius: 50px;
}
@media (max-width: 992px) {
  #autumn .item .ph-menu .slidecontain li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
}
@media (max-width: 576px) {
  #autumn .item .ph-menu .slidecontain li a {
    padding: 5px 10px;
  }
}
#autumn .item .ph-menu .slidecontain li:hover a, #autumn .item .ph-menu .slidecontain li.on a {
  color: #fff;
  background: #ff704c;
  font-weight: 700;
} */



#summer .item .ph-menu {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

#summer .item .ph-menu .slidecontain {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
@media (max-width: 576px) {
  #summer .item .ph-menu .slidecontain {
    flex-wrap: wrap; 
    justify-content: center;
     display: flex; 
  }
}
@media (max-width: 576px) {
  #summer .item .ph-menu .slidecontain li {
    flex-shrink: 0;
    width: auto;
    flex-grow: 0;
  }
}
#summer .item .ph-menu .slidecontain li a {
  padding: 8px 16px;
  display: block;
  color: #333;
  background: #fff;
  font-size: 16px;
  font-weight: 400px;
  line-height: 1;
  border-radius: 50px;
}
@media (max-width: 768px) {
  #summer .item .ph-menu .slidecontain li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
}
@media (max-width: 576px) {
  #summer .item .ph-menu .slidecontain li a {
    padding: 5px 10px;
  }
}
#summer .item .ph-menu .slidecontain li:hover a, #summer .item .ph-menu .slidecontain li.on a {
  color: #fff;
  background: #42a13e;
  font-weight: 700;
}




/* 多個POI*/
/* 
#snow .item .ph-menu {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

#snow .item .ph-menu .slidecontain {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
@media (max-width: 992px) {
  #snow .item .ph-menu .slidecontain {
    flex-wrap: wrap; 
    justify-content: center;
     display: flex; 
  }
}
@media (max-width: 992px) {
  #snow .item .ph-menu .slidecontain li {
    flex-shrink: 0;
    width: auto;
    flex-grow: 0;
  }
}
#snow .item .ph-menu .slidecontain li a {
  padding: 8px 16px;
  display: block;
  color: #333;
  background: #fff;
  font-size: 16px;
  font-weight: 400px;
  line-height: 1;
  border-radius: 50px;
}
@media (max-width: 992px) {
  #snow .item .ph-menu .slidecontain li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
  }
}
@media (max-width: 576px) {
  #snow .item .ph-menu .slidecontain li a {
    padding: 5px 10px;
  }
}
#snow .item .ph-menu .slidecontain li:hover a, #snow .item .ph-menu .slidecontain li.on a {
  color: #fff;
  background: #636eff;
  font-weight: 700;
}
 */
 





  #snow .ph-menu { display: block;position: sticky; top:10px; left: 0; padding: 5px 0; height: auto;   text-align: center; z-index:49;
    background:#636eff;border-radius: 0px;margin: 30px auto 30px auto;border:#fff solid 1px;outline: #636eff solid 5px;max-width: 1200px;}
  #snow .ph-menu .slidecontain { position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap; /*width:auto; */border-radius: 0;    display: flex;
        justify-content: space-around;    flex-wrap: nowrap; }
    #snow .ph-menu .slidecontain li{ display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;}
    #snow .ph-menu .slidecontain li a {color: #fff7ed; }
    #snow .ph-menu .slidecontain li:hover{ background:#FFF;color: #636eff; }
    #snow .ph-menu .slidecontain li:hover a{color: #6a8ad1;}


  @media (max-width: 1200px) {

    #snow .ph-menu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
    #snow .ph-menu .slidecontain{padding: 0px 0px;} 
    #snow .ph-menu .slidecontain li  { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}
  }
  @media (max-width: 600px) {


    #snow .ph-menu .slidecontain{overflow-x: scroll; gap: 12px;justify-content: left;}

  }
  #newyear .ph-menu { display: block;position: sticky; top:10px; left: 0; padding: 5px 0; height: auto;  width: 80%; text-align: center; z-index:49;
    background:#013368;border-radius: 0px;margin: 30px auto 30px auto;border:#fff solid 1px;outline: #013368 solid 5px}
  #newyear .ph-menu .slidecontain { position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap; /*width:auto; */border-radius: 0;    display: flex;
        justify-content: space-around;    flex-wrap: nowrap; }
    #newyear .ph-menu .slidecontain li{ display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;}
    #newyear .ph-menu .slidecontain li a {color: #fff7ed; }
    #newyear .ph-menu .slidecontain li:hover{ background:#FFF;color: #013368; }
    #newyear .ph-menu .slidecontain li:hover a{color: #6a8ad1;}


.ph-group-title { text-align: center;width: 80%;margin: 20px auto ;max-width: 1400px;border-radius: 20px 20px 0 0; }
.ph-group-title > span {font:bold 32px/1.6 "微軟正黑體";color:#e4213f;border-bottom: 1px solid #d43b54;padding: 5px 10px;letter-spacing: 0px;}
.ph-group-title > span > span{background:#e4213f;border-radius: 99em;color:#fff3e5;padding: 7px 10px ;}

.pinkBg .ph-group-title > span{color:#e4213f;border-bottom: 1px solid #d43b54}
.item.poi-hide-ph-group-title .ph-group-title{display: none;}


#index .ph-group-title {display: none;}
#index .ph-group-title > span{color:#ffeabe;border-bottom: 1px solid #ffeabe;}
#summer .ph-group-title  > span{color:#d1460b;border-bottom: 1px solid #d1460b;}


#campaign .item .ph-title ,#summer .item .ph-title, #autumn .item .ph-title, #snow .item .ph-title{
  display: flex !important;
  flex-wrap: nowrap;
  font-size: 42px;
  font-weight: 700;
  color: #333;
  background: unset;
  justify-content: center;
  margin-bottom: 20px;

}
#snow .item .ph-title{
  color: #fffd9a;
}
@media (max-width: 768px) {
#campaign .item .ph-title,#summer .item .ph-title,#autumn .item .ph-title ,#snow .item .ph-title{
      font-size: 36px;
  }
}
@media (max-width: 992px) {
  #campaign .item .ph-title ,#summer .item .ph-title,#autumn .item .ph-title,#snow .item .ph-title{
    margin-bottom: 24px;
  }
}
#campaign .item .ph-title div {
  position: relative;
  color: #4b65da;
  padding: 5px;
}

#summer .item .ph-title div{
  color: #419127;
  text-align: center;
}


.poi .ph::before{content: none;}
.poi .ph::after{content: none;}
.item .ph .ph-group-content * {vertical-align: top;}
.item .ph .ph-group-content{margin: 10px 10px;transition: 0.2s;padding: 10px; width:45%;position: relative;flex-shrink: 1;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);}

.item .ph .ph-group-content-photo {display: inline-block;width: 48%;}
.item .ph .ph-group-content-photo img{width:100%;}
.item .ph .ph-group-content-text{padding: 10px 5px 40px 10px;width: 49%;display: inline-block;}
.item .ph .ph-group-content-text-name{color:#b01d23;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
#summer .ph .ph-group-content-text-name{color:#292929;}
#summer .ph .ph-group-content-text-price {color: #d1460b;}
.item .ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "微軟正黑體";margin: 5px auto ;}
.item .ph .ph-group-content-text-detail a {color: #000;line-break:anywhere;}
.item .ph .ph-group-content-text-price {color:#cd1d1f;;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 5px;}
.item .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.item .ph .ph-group-content-tag {position: absolute;left: 0%; top: 25px; background: #e4213f;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.item .ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;background: #fff7d9;}
.item .ph .ph-group-content-text-sale a{color: red;}
/* .ph .ph-group-title:nth-of-type(even) span span{background: #48689b;}
.ph .ph-group-title:nth-of-type(even) > span{border-bottom: 1px solid #48689b;color: #48689b;}
.ph .ph-group:nth-of-type(even) .ph-group-content-tag {background: #48689b;}
.ph .ph-group:nth-of-type(even) .ph-group-content-text-name{color: #2a4c83;} */


.item .ph-group-content-otherlink a {display: block;margin: 5px auto;width: 100%;font:14px/1.2 "微軟正黑體";color: #941e1e; background: #fff0c9;border-radius: 10px;padding: 0px;}


/*gfp*//*4支POI*/
.type2poi .ph .ph-group-content{margin: 10px 10px;transition: 0.2s;padding: 10px; width:20%;position: relative;flex-shrink: 0;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.type2poi .ph .ph-group-content-photo {display: block;width: 100%;}
.type2poi .ph .ph-group-content-photo img{width:100%;}
.type2poi .ph .ph-group-content-text{padding: 10px 5px 40px 10px;width:100%;display: block;}
.type2poi .ph .ph-group-content-text-name{color:#b01d23;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.type2poi .ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "微軟正黑體";margin: 5px auto ;}
.type2poi .ph .ph-group-content-text-price {color:#cd1d1f;;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 5px;}
.type2poi .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.type2poi .ph .ph-group-content-tag {position: absolute;left: 0%; top: 25px; background: #cd1d1f;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.type2poi .ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;}



/*summer.html tab切換樣式*/

.type3poi .poiAutoTemplate .slidecontain{padding: 0;justify-content: center;display: flex;flex-wrap: nowrap;}
.type3poi .poiAutoTemplate .slidecontain li {margin: 0 5px;flex-shrink: 1;}
.type3poi .poiAutoTemplate .slidecontain li a{padding: 10px 30px; text-decoration: none; font: 700 24px/1 "微軟正黑體"; color: #FFF;background: #765dff;}
.type3poi .poiAutoTemplate .slidecontain li.poiAutoTemplate-on a{color: #FFF;background: #b344d9;}
.type3poi .poiAutoTemplate .slidecontain li.poiAutoTemplate-on{border-bottom: none;}
.type3poi .poiAutoTemplate .slidecontain li:hover a{background: #b344d9;}

.type3poi .ph .ph-group {padding: 30px 0;}
.type3poi .ph .ph-group-content{margin: 10px 10px;transition: 0.2s;padding: 10px; width:25%;position: relative;flex-shrink: 0;background: #FFF;box-shadow: none;}
.type3poi .ph .ph-group-content-photo {display: block;width: 100%;}
.type3poi .ph .ph-group-content-photo img{width:100%;}
.type3poi .ph .ph-group-content-text{padding: 10px 5px 40px 10px;width:100%;display: block;}
.type3poi .ph .ph-group-content-text-name{color:#000000;font:bold 18px/1.4 "微軟正黑體";/*margin: 10px auto;*/display: block;/*padding: 10px 0;*/}
.type3poi .ph .ph-group-content-text-detail{color:#000;font:14px/1.4 "微軟正黑體";margin: 5px auto ;}

.type3poi .ph .ph-group-content-text-price {color:#765dff;position: absolute;border-radius:10px 10px 0 0;padding: 5px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 5px;}
.type3poi .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.type3poi .ph .ph-group-content-tag {position: absolute;left: 0%; top: 15px; background: #af7dff;font:15px/1.4 "微軟正黑體";color:#fff;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.type3poi .ph .ph-group-content-text-sale{margin: 5px auto; font: 16px/1.4 "微軟正黑體"; color: red;background: #ffff95;padding: 0 5px;}
.type3poi .ph .ph-group-content-text-sale a{ color: red;background: #ffff95;padding: 0 5px;font: 16px/1.4 "微軟正黑體";}
.type3poi .ph-group-content-otherlink a {background: none;padding: 0;}
/* 
.type3poi .ph .ph-group-title:nth-of-type(even) span span{background: #5953d7;}
.type3poi .ph .ph-group-title:nth-of-type(even) > span{border-bottom: 1px solid #5953d7;}
.type3poi .ph .ph-group:nth-of-type(even) .ph-group-content-tag {background: #5953d7;}
.type3poi .ph .ph-group:nth-of-type(even) .ph-group-content-text-name{color: #5953d7;} */




@media only screen and (max-width: 1600px) {
  .poi .ph{width: 100%;}
  .poiMenu {width: 90%;}
  #campaign .ph-menu {width: 80%;}
    #newyear .ph-menu {width: 80%;}
    #autumn .ph-menu {width: 80%;}
  }
  
  
  @media only screen and (max-width: 1300px) {
  .type3poi .ph .ph-group-content{margin: 5px;}
  }
  
  
  @media only screen and (max-width: 1200px) {
  .poiMenu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
  .poiMenu ul{padding: 0px 0px;} 
  .poiMenu li { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}
/*   
  #campaign .ph-menu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
  #campaign .ph-menu .slidecontain{padding: 0px 0px;} 
  #campaign .ph-menu .slidecontain li  { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}
   */
  
  .type3poi .poiAutoTemplate .slidecontain li a{padding: 10px ; font: 700 16px/1 "微軟正黑體";}
  


  #newyear .ph-menu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
  #newyear .ph-menu .slidecontain{padding: 0px 0px;} 
  #newyear .ph-menu .slidecontain li  { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}

    #autumn .ph-menu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
  #autumn .ph-menu .slidecontain{padding: 0px 0px;} 
  #autumn .ph-menu .slidecontain li  { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}
  }

  @media only screen and (max-width: 800px) {
    .poiMenu li { font:15px/1.8 "arial","微軟正黑體";}
  }
  
  
  @media only screen and (max-width: 1000px) {
  .item .ph .ph-group-content-photo{width: 100%;display: block;}
  .item .ph .ph-group-content-text{ width: 100%; display: block;}
  .item .ph .ph-group-content-text-price{bottom: 0;}
  .type2poi .ph .ph-group-content{width: 45%;}
  }
  
  
  @media only screen and (max-width: 1100px) {
  
  header.header ,#gfp header.header , #voteprice header.header  , #campaign header.header , 
  #nogi header.header , #summer header.header, #newyear header.header, #snow header.header{ height: auto; background:none;margin-top: 0; }
  header.header .cloud { display: none; }
  .mHeader { display: block;  width: 100%;margin: 0 auto;}
  .ph-group-title{margin: 10px auto;}
  

  
  }
  
  
  
  
  
  @media only screen and (max-width: 600px) {
  
  
  .poiMenu {}
  .poiMenu ul 
  .poiMenu ul li{padding: 0 8px;}
  


  /* #campaign .ph-menu .slidecontain { justify-content: center;flex-wrap: wrap;}
  #campaign .ph-menu .slidecontain li {padding: 0 8px;} */

  .type3poi .poiAutoTemplate .slidecontain{flex-wrap: wrap;justify-content: left;}
  .type3poi .poiAutoTemplate .slidecontain li {margin: 5px;flex-shrink: 0;text-align: center;flex-grow: 1;}
  .type3poi .ph .ph-group{padding: 30px 20px;}

  #newyear .ph-menu .slidecontain { justify-content: center;flex-wrap: wrap;}
  #newyear .ph-menu .slidecontain li {padding: 0 8px;}
    #autumn .ph-menu .slidecontain { justify-content: center;flex-wrap: wrap;}
  #autumn .ph-menu .slidecontain li {padding: 0 8px;}
  }
  
  @media only screen and (max-width: 500px) {
  .item .ph .ph-group-content{ width:90%;}
  .poi .item{padding: 10px 0 ;}
  .type2poi .ph .ph-group-content{width: 90%;}
  
  .top{border-radius: 99em;font:14px/1.4 "微軟正黑體";padding: 5px 5px;width: 50px;height: 50px;right: 4%;bottom: 7%;}
  .top p{font:14px/1 "微軟正黑體";}
  .top:hover{height: 50px;}
  }
  
  @media only screen and (max-width: 400px) {
  
  
  }
  



/*voteprice.html 第一個POI顯示首圖，其他條列樣式*/
.poi .type4poi .ph {margin: 0 auto;max-width: 1300px;}

#voteprice .ph .ph-group-title > span {color: #fff2a9;border-bottom:1px solid #fff2a9;}
#voteprice .ph .ph-group-title > span > span{background:#fff2a9;color: #8d5e32;}
#voteprice .ph .ph-group-content-text-name{color:#8d5e32;}
#voteprice .ph .ph-group-content-tag{background: #3b8cb3;color: #fff;}


#snow .ph-group-title > span{color: #fff;border-bottom:1px solid #fff;}
#snow .ph .ph-group-title > span > span{background:#a2f8dd;color: #1d355c;}
#snow .type4poi .ph .ph-group-content:nth-of-type(1) {background: #fff;}
#snow .type4poi .ph .ph-group-content{border-bottom: 3px dotted #84dfc2;}

#snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo {width:40%;}
#snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text  {width:55%;}


#snow .type4poi .ph .ph-group-content-text-name{color: #1d355c;}
#snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font-size: 24px;}
#snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{background: none;margin:0 5px;color: #d84242;font-size: 18px;}
#snow .type4poi .ph .ph-group-content .ph-group-content-text-sale a{background: #fff;margin:0 7px;color: #d84242;}
#snow .type4poi .ph .ph-group-content-tag  {background: #ef73c3;}
#snow .type4poi .ph .ph-group-content-text-price {color: #d84242;}
#snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-detail{font-size: 18px;}




.type4poi .ph .ph-group {padding:0;background: #FFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);margin: 20px auto;}
.type4poi .ph .ph-group-content{margin: 5px auto;transition: 0.2s;padding: 10px 180px 10px 10px; width:100%;position: relative;flex-shrink: 0;box-shadow: none;border-bottom: 3px dotted #ffdd61;}
.type4poi .ph .ph-group-content:nth-of-type(1) {background: #ffdd61;margin: 0px;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo {display: inline-block;width: 28%;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo a{display: block;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo .ph-group-content-tag {position: absolute;left: 0%; top: 15px;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text{padding: 10px 5px 40px 10px;width:70%;display: inline-block;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-name{display: block;margin: 5px auto;font:bold 22px/1.4 "微軟正黑體";}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-sale{display: inline-block;margin: 0px auto;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{background: #897119;color: #fff;font:16px/1.4 "微軟正黑體";display: block;}

.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {color:#000;font:16px/1.5 "微軟正黑體";margin: 7px auto ;display: block;}
.type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-price {bottom: 10px;}

.type4poi .ph .ph-group-content:last-of-type {border-bottom: none;}
.type4poi .ph .ph-group-content .ph-group-content-photo {width: auto;display: inline-block;min-width: 142px;}
.type4poi .ph .ph-group-content .ph-group-content-photo a {display: none;}
.type4poi .ph .ph-group-content .ph-group-content-text{padding: 0px;display: inline-block;width: auto;}
.type4poi .ph .ph-group-content-photo img{width:100%;}
.type4poi .ph .ph-group-content-text-name{color:#522f0e;font:bold 18px/1.4 "微軟正黑體";display: inline-block;}
.type4poi .ph .ph-group-content-text-detail {display: none;}

.type4poi .ph .ph-group-content-text-price {color:#cd1d1f;;position: absolute;padding: 0px 10px;font:bold 24px/1.4 "微軟正黑體";text-align: center;display: block;right: 10px;bottom: 0px;}
.type4poi .ph .ph-group-content-text-price span{font-size: 80%;line-height: 2;}
.type4poi .ph .ph-group-content-tag { position: static;background: #3b8cb3;font:15px/1.4 "微軟正黑體";color:#FFF;padding: 3px 10px;border-radius: 0 20px 20px 0;}
.type4poi .ph .ph-group-content-text-sale{display:block;margin: 2px auto; font: 16px/1 "微軟正黑體"; color: red;background: none;}
.type4poi .ph .ph-group-content-text-sale a{ color: #8d5e32;padding: 3px 0px;font: 14px/1.4 "微軟正黑體";background: #ffedaa;border-radius: 20px;}
.type4poi .ph-group-content-otherlink a {background: none;padding: 0;}

@media only screen and (max-width: 1200px) {
  .type4poi .ph .ph-group-content {padding:  10px 10px 40px 10px;}
  .type4poi .ph .ph-group-content .ph-group-content-text {display: block;}
  .type4poi .ph .ph-group-content-text-name {display: block; font:bold 18px/1.2 "微軟正黑體"; margin: 10px auto;}
}


@media only screen and (max-width: 800px) {
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo {width: 100%;}
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text {width: 100%;}
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font:bold 18px/1.2 "微軟正黑體";}
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{font:14px/1.4 "微軟正黑體";}
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {font:14px/1.5 "微軟正黑體";}
  /* .type4poi .ph .ph-group-content {padding: 10px 10px 10px 10px;} */

  .type4poi .ph .ph-group-content-text-sale{margin: 5px auto;}
  .type4poi .ph .ph-group-content-text-price { font: bold 20px/1.4 "微軟正黑體";}


    #snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-photo {width:100%;}
    #snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text  {width:100%;}
    #snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-name{font-size: 18px;}
    #snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-sale a{font:14px/1.4 "微軟正黑體";}
    #snow .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-detail {font:14px/1.5 "微軟正黑體";}


}

@media only screen and (max-width: 600px) {
  .type4poi .ph .ph-group-content {padding: 10px 10px 10px 10px;}

  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text-price{bottom: 0;}
  .type4poi .ph .ph-group-content-text-price{position: relative;text-align: right;}
  .type4poi .ph .ph-group-content:nth-of-type(1) .ph-group-content-text {padding: 10px 5px 0px 10px;}
  .type4poi .ph .ph-group-content-text-sale a {display: inline-block;}
}




/*newyear.html poi自帶選單*/

.type5poi {margin:80px auto;max-width: 1400px;}
.type5poi .ph-menu { display: none;}
/* .type5poi .ph-menu { position: sticky; top:0; left: 0; padding: 5px 0; height: auto;  width: 80%; text-align: center; z-index:49;
  background:#cd3838;border-radius: 0px;margin: 30px auto;border:#fff solid 1px;outline: #cd3838 solid 5px;}
  .type5poi .ph-menu .slidecontain{ position:relative; width: 100%; z-index: 10; padding: 0px 20px; white-space:nowrap;border-radius: 0;    display: flex;
      justify-content: space-around;    flex-wrap: nowrap; }
  .type5poi .ph-menu .slidecontain li { display: inline-block; padding: 0 20px; font:20px/40px 'Noto Sans TC',"微軟正黑體"; color: #fff7ed; cursor: pointer; transition: .5s; flex-grow: 1;}
  .type5poi .ph-menu .slidecontain li a {color: #fff7ed; }
  .type5poi .ph-menu .slidecontain li:hover a{ color: #cd3838; }
  .type5poi .ph-menu .slidecontain li:hover {background:#FFF;} */

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

  .type5poi .ph-menu {width: 80%;}
  
  }
  
  @media only screen and (max-width: 1300px) {

  }
  
  @media only screen and (max-width: 1200px) {
  .type5poi .ph-menu{width: 100%;border-radius: 0; border-left: 0px;border-right: 0px;}
  .type5poi .ph-menu .slidecontain{padding: 0px 0px;} 
  .type5poi .ph-menu .slidecontain li { font:16px/1.8 "arial","微軟正黑體";flex-grow:0;padding: 0;}
    
  
  }
  
  @media only screen and (max-width: 600px) {

  .type5poi .ph-menu .slidecontain { justify-content: center;flex-wrap: wrap;}
  .type5poi .ph-menu .slidecontain li{padding: 0 8px;}
   
  }


/*newyear.html poi自帶選單*/
  .focuspoi {margin: 0 auto;max-width: 1400px;}
  .focuspoi .ph-menu { display: none;}



.notice{max-width: 1200px;background:rgba(255,255,255,0.8);padding: 30px;margin: 20px auto;;width: 90%;}
.notice p{font:bold 20px/1.6 "微軟正黑體";color: red;text-align: center;}
.notice small{font:18px/1.6 "微軟正黑體";color: #000;text-align: left;margin-top: 20px;display: block;}


@media only screen and (max-width: 800px) {
  .notice{text-align: left;}
  .notice p{font:bold 18px/1.6 "微軟正黑體";}
  .notice small{font:16px/1.6 "微軟正黑體";}
}





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

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

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

}

#newyear h2.h2title{padding: 10px 0;text-align: center;margin-top: 20px;}
#newyear h2.h2title div{padding: 16px 20px;border-radius: 99em;display: block;color: #832929; font: 700 36px/1 "Noto Sans TC" ,"微軟正黑體";width: min(400px,100%);margin: 0 auto;background: #ffce7b;}
#newyear .saleText{ font: 500 24px/1 "Noto Sans TC" ,"微軟正黑體"; color: #832929;text-align: center;display: inline-block;margin: 10px auto;}

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

#newyear h2.h2title div{font: 700 30px/1 "Noto Sans TC" ,"微軟正黑體";}
#newyear .saleText{ font: 500 20px/1 "Noto Sans TC" ,"微軟正黑體";}

}

.poi-ad .ph .ph-group-content:nth-of-type(n+2) .ph-group-content-photo{
  display: none;
}
.poi-ad .ph .ph-group-content:nth-of-type(n+2) .ph-group-content-text{
  width: 100%;
}
.poi-ad .ph .ph-group-content{background: #ffe476; width: 100%;max-width: 1200px;box-shadow: none;display: flex; flex-wrap: nowrap;justify-content: center;gap: 16px;}
.poi-ad .ph .ph-group-content .ph-group-content-photo{width: 40%;flex-grow: 1;}
.poi-ad .ph .ph-group-content .ph-group-content-text{width: 55%;padding: 16px;}
.poi-ad .ph .ph-group-content .ph-group-content-text-name{font:bold 24px/1.4 "微軟正黑體"; color: #09639b;}
.poi-ad .ph .ph-group-content .ph-group-content-text-sale{font:bold 18px/1.4 "微軟正黑體"; padding: 5px 0;color: #e72a6d;}
.poi-ad .ph .ph-group-content .ph-group-content-text-sale a{color: #e72a6d;}
.poi-ad .ph .ph-group-content .ph-group-content-text-price{display: none;}

@media screen and (max-width:1000px) {
  .poi-ad .ph .ph-group-content { flex-wrap: wrap;gap: 8px;}
  .poi-ad .ph .ph-group-content .ph-group-content-text-name{font:bold 20px/1.4 "微軟正黑體"; }
  .poi-ad .ph .ph-group-content .ph-group-content-photo{width: 100%;}
  .poi-ad .ph .ph-group-content .ph-group-content-text{width: 100%;}
}


.ph .link-right {
  display: inline-block;
  border-radius: 99em;
  padding: 12px 24px;
  position: relative;
  margin-bottom: 80px;
  color: #fff;
  background: #fc8600;
  font-size: 18px;
  font-weight: 500;

}
.ph .link-right:hover {
  color: #FFF;
  background: #a10c01;
}



.ph .link-right::after {
  content: "▶";
  position: static;
}




.h2-title {
  font-size: 42px;
  font-weight: 700;
  color: #ffeabe;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5;

  /* display: flex;
  flex-wrap: wrap;
  justify-content: center; */


}
.h2-title  div{
  border-bottom: 1px solid #ffeabe;
  display: inline-block;
  line-height: 1.5;
  letter-spacing: 3px;

}
.h2-title p{
  font-size:16px;
  display: block;
  font-weight: 400;
  margin-top: 20px;
  letter-spacing: 1px;

}
@media (max-width: 768px) {
  .h2-title {
    font-size: 36px;
    font-weight: 700;
  }
}
@media (max-width: 992px) {
  .h2-title {
    width: 100%;
  }
}

.h2-title img {
  width: 100%;
}