@charset "UTF-8";
:root{--orange:#f24b22;--gold:#f4ae20;--ink:#222;--cream:#fffbd1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Nunito","Chiron GoRound TC","Noto Sans TC","微軟正黑體","新細明體","細明體",sans-serif;font-size:1.15vw;line-height:1.45;overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:5.7vw;padding:0 1.8%;background:#fff}
.brand{width:12.25%;flex:none}
.brand img{width:100%}
.header-nav{display:flex;align-items:center;gap:0}
.header-nav a{padding:0 0.65vw;border-right:0.11vw solid #222;font-size:1.15vw;line-height:1;white-space:nowrap;letter-spacing:0.08em}
.header-nav a:first-child{border-left:0.11vw solid #222}
.header-nav a:hover,.header-nav a:focus-visible{color:var(--orange)}
.menu-toggle{display:none}
.kv_w{position:relative;width:100%;height:59.27vw;background:#2f9fba url('../images/kv/kv_bg.png') center top/100% 100% no-repeat;overflow:hidden}
.kv-tiger{position:absolute;z-index:3;top:-0.5vw;left:50%;width:37.4%;transform:translateX(-50%)}
.kv-lantern{position:absolute;z-index:4;top:0;width:31.05%}
.kv-lantern-left{left:0}.kv-lantern-right{right:0}
.fireworks{position:absolute;inset:0;z-index:2;pointer-events:none}
.fireworks img{position:absolute;width:17.45%;transform-origin:center;pointer-events:none}
.firework-burst{opacity:0}
.firework-guaranteed:nth-child(1){left:-1%;top:-2%}
.firework-guaranteed:nth-child(2){left:19%;top:2%}
.firework-guaranteed:nth-child(3){right:19%;top:1%}
.firework-guaranteed:nth-child(4){right:-1%;top:-2%}
.menu_ss{position:relative;z-index:5;width:100%;height:29.5vw;margin:-38vw 0 8.5vw}
.menu_ss .lantern-line{position:absolute;z-index:0;left:0;top:-1vw;width:100%;max-width:none;pointer-events:none}
.menu_ss a{position:absolute;z-index:1;top:0;display:block;width:19.53%;transition:transform .2s ease;filter:drop-shadow(0 .35vw .2vw rgba(0,0,0,.12))}
.menu_ss a:nth-of-type(1){left:4%}.menu_ss a:nth-of-type(2){left:28%;top:4vw}.menu_ss a:nth-of-type(3){left:52%;top:4vw}.menu_ss a:nth-of-type(4){left:76%}
.menu_ss a:hover,.menu_ss a:focus-visible{transform:translateY(-.9vw)}
.menu_ss a img{width:100%}
main{position:relative;z-index:1;overflow:hidden;padding-top:8vw;margin-top:-8vw}
.section{position:relative;isolation:isolate;padding:7.2vw 0 9vw;scroll-margin-top:2vw}
.section-orange{background:var(--orange)}.section-gold{background:var(--gold)}
.s01::before,.s02::before,.s03::before,.s04::before{content:"";position:absolute;z-index:-1;left:0;top:-7.7vw;width:100%;height:7.8vw;background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%)}
.section::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:url('../images/dot.png'),url('../images/dot.png');background-repeat:no-repeat;background-size:42vw 42vw,36vw 36vw}
.s01::after{background-position:-16vw calc(100% + 13vw),calc(100% + 15vw) 0}
.s02::after{background-position:-20vw 2vw,calc(100% + 12vw) calc(100% - 3vw)}
.s03::after{background-position:-17vw calc(100% + 11vw),calc(100% + 13vw) 3vw}
.s04::after{background-position:-19vw 0,calc(100% + 13vw) calc(100% + 9vw)}
.s05::after{background-position:-17vw 2vw,calc(100% + 13vw) calc(100% - 5vw)}
.section-inner{position:relative;z-index:2;width:86%;margin:auto}
.section-inner.narrow{width:72%}.section-inner.full{width:100%}
.image-heading{width:35%;margin:0 auto 3.4vw}
.image-heading img{width:100%}
.s02 .image-heading{width:39%}.s03 .image-heading{width:27.5%}.s04 .image-heading{width:31.4%}
.decor{position:absolute;z-index:1;pointer-events:none}
.decor-clock{width:10.3%;left:17%;top:-5vw;transform:rotate(-15deg)}
.decor-case-yellow{width:14.7%;right:13%;top:-5vw;transform:rotate(10deg)}
.decor-case-brown{width:15%;left:11%;top:-8vw;transform:rotate(-10deg)}
.decor-heart{width:8%;right:13%;top:10vw;transform:rotate(18deg)}
.decor-gift{width:7.5%;left:13%;bottom:5vw;transform:rotate(-18deg)}
.decor-blue-clock{width:14.8%;right:8%;top:5vw;transform:rotate(-13deg)}
.decor-ticket{width:13%;left:7%;top:-5vw;transform:rotate(-16deg)}
.decor-bell{width:12%;right:5%;top:8vw;transform:rotate(18deg)}
.s01{padding-top:3vw;padding-bottom:11vw}
.s01 .image-heading{margin-bottom:4vw}
.s01-swiper{padding:2.5vw .3vw 2.7vw}
.s01-swiper .swiper-wrapper{align-items:stretch}
.daily-card{position:relative;display:flex;flex-direction:column;align-items:center;height:auto;min-height:37vw;padding:2.4vw 1vw 1.2vw;background:#fff;border-radius:1.2vw;text-align:center;font-size:.93vw;line-height:1.35}
.daily-date{position:absolute;top:-1vw;left:50%;display:flex;align-items:center;gap:.45vw;padding:.2vw .65vw .2vw .8vw;border:.24vw solid #111;border-radius:2vw;background:#fff;white-space:nowrap;transform:translateX(-50%);font-size:1.12vw;font-weight:800}
.daily-date b{color:#fff;background:#000;padding:.1vw .45vw;border-radius:1vw;margin-left:-.6vw}
.daily-date span{color:var(--orange)}
.card-photo{width:100%;aspect-ratio:444/296;object-fit:cover;border-radius:.8vw;margin-bottom:.6vw}
.daily-card h3{font-size:1.2vw;margin:.15vw 0;font-weight:800}
.daily-card p{margin:.35vw 0}
.daily-lead{font-size:1.2vw;font-weight:800}
.daily-lead strong{color:var(--orange);font-size:2.45vw;line-height:1}
.accent,.daily-recommend em{color:var(--orange);font-style:normal;font-weight:800}
.daily-note{border:.08vw solid var(--orange);color:var(--orange);padding:.2vw .3vw}
.daily-recommend{width:100%;margin:auto 0 .7vw;text-align:left;line-height:1.55;white-space:nowrap}
.buy-pill{display:inline-block;padding:.12vw 1.1vw;border:0;border-radius:1vw;color:#fff;background:var(--orange);font-size:.9vw;font-weight:800;line-height:1.2;transition:background .2s}
.buy-pill:hover,.buy-pill:focus-visible{background:#bd3217}
.swiper-pagination{bottom:0!important}
.swiper-pagination-bullet{width:.75vw;height:.75vw;background:#fff;opacity:.55}
.swiper-pagination-bullet-active{opacity:1}
.sales-period{text-align:center;font-size:1.4vw;font-weight:700;margin:0 0 1.4vw}
.jr-highlight{text-align:center;font-size:1.75vw;font-weight:900;margin:0 0 1.5vw;white-space:nowrap}
.jr-highlight strong{
  font-size:3.5vw;
  color:var(--orange);
  -webkit-text-stroke:.53vw #fff; 
  /* text-shadow:.15vw .15vw #553526; */
  paint-order: stroke fill;
}

.highlight-divider{font-weight:400;color:#aa7516}
.table-scroll{width:100%;overflow-x:auto}
.jr-table{width:100%;border-collapse:collapse;background:#fff;text-align:center;font-size:1.27vw;font-weight:700}
.jr-table th,.jr-table td{padding:.6vw .45vw}
.jr-table thead{background:#050505;color:#fff;font-size:1.5vw}
.jr-table tbody tr:nth-child(even){background:#fffbd2}
.jr-table tbody th{text-align:left;padding-left:3.5vw;white-space:nowrap}
.jr-table .price,.best-price{color:var(--orange)}
.best-price{border:.08vw solid var(--orange);font-size:.7vw;padding:.1vw .3vw;vertical-align:middle}
.large-buy{display:table;margin:2vw auto 0;padding:.45vw 1.5vw;border:0;border-radius:1.3vw;background:linear-gradient(#fff,#e5e5e5);color:var(--orange);font-size:2vw;font-weight:900;box-shadow:0 .3vw .4vw #bd7918}
.large-buy:hover,.large-buy:focus-visible{transform:translateY(-.2vw)}
.s03,.s04{padding-bottom:8.5vw}
.s03 .image-heading,.s04 .image-heading{margin-bottom:1.5vw}
.s05{padding-top:4.5vw;padding-bottom:11vw}
.s05 .image-heading{width:22%;margin-bottom:3vw}
.hotels-swiper{padding:0 1vw 2vw}
.hotel-card{text-align:center;padding:0 1vw;font-size:1.08vw}
.hotel-card>img{width:70%;margin:0 auto 1.2vw;border-radius:50%}
.hotel-card h3{font-size:1.55vw;margin:0;font-weight:800}
.hotel-en{font-size:1.15vw;margin:.1vw 0 1.2vw}
.hotel-description{min-height:8.3vw;margin:0 0 2vw;padding:1vw 0;border-top:.07vw solid #7c5a1c;border-bottom:.07vw solid #7c5a1c;text-align:justify;line-height:1.55}
.hotel-offer{font-size:1.25vw;font-weight:700;margin:0 0 1.1vw}
.hotel-offer span{font-size:1vw}.hotel-offer strong{font-size:1.9vw;color:var(--orange)}
.back-to-top{position:fixed;z-index:40;right:1.5%;bottom:2vw;width:3%;border:0;padding:0;background:none;opacity:0;pointer-events:none;transition:opacity .2s}
.back-to-top.is-visible{opacity:1;pointer-events:auto}
@media(min-width:992px) and (max-width:1023.98px){
  .daily-card{font-size:1.2vw}
  .daily-date{font-size:1.4vw}
  .daily-card h3{font-size:1.5vw}
  .daily-lead{font-size:1.5vw}.daily-lead strong{font-size:2.8vw}
  .daily-recommend{font-size:1.12vw}
}
@media(max-width:991px){
  .daily-card{min-height:54vw;font-size:1.4vw}
  .daily-date{font-size:1.7vw}
  .daily-card h3{font-size:1.8vw}
  .daily-lead{font-size:1.7vw}.daily-lead strong{font-size:3.3vw}
  .daily-recommend{font-size:1.3vw}
  .buy-pill{font-size:1.35vw}
  .hotel-card{font-size:1.5vw}.hotel-card h3{font-size:2vw}.hotel-en{font-size:1.6vw}
  .hotel-description{min-height:11vw}.hotel-offer{font-size:1.6vw}.hotel-offer strong{font-size:2.4vw}
}
@media(max-width:767px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
  body{font-size:3.5vw;background:#31a2bf}
  .site-header{height:13vw;padding:0 4%}.brand{width:32%}
  .menu-toggle{display:block;width:9vw;padding:0;border:0;background:none}
  .header-nav{display:none;position:absolute;top:13vw;left:0;width:100%;padding:2vw 4% 4vw;background:#fff;box-shadow:0 2vw 3vw rgba(0,0,0,.16)}
  .header-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
  .header-nav a,.header-nav a:first-child{padding:2.5vw 1vw;border:0;border-bottom:.1vw solid #ddd;font-size:3.5vw}
  .kv_w{height:81vw;background-size:auto 100%;background-position:center top}
  .kv-tiger{width:63%;top:0}.kv-lantern{width:43%;top:2vw}.kv-lantern-left{left:-9%}.kv-lantern-right{right:-9%}
  .fireworks img{width:25%}
  .menu_ss{display:grid;width:94%;height:auto;grid-template-columns:repeat(2,1fr);align-items:start;gap:0 1%;margin:-34vw auto 8vw}
  .menu_ss::before{content:"";position:absolute;z-index:-1;top:34vw;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#31a2bf}
  .menu_ss .lantern-line{display:none}
  .menu_ss a:nth-of-type(1),.menu_ss a:nth-of-type(2),.menu_ss a:nth-of-type(3),.menu_ss a:nth-of-type(4){position:relative;left:auto;top:auto;width:100%}
  .menu_ss a:hover,.menu_ss a:focus-visible{transform:translateY(-1vw)}
  .section{padding:12vw 0 15vw;scroll-margin-top:13vw}
  .section::after{background-size:70vw 70vw,60vw 60vw}
  .s01::before,.s02::before,.s03::before,.s04::before{top:-8vw;height:8vw}
  .section-inner,.section-inner.narrow{width:90%}
  .image-heading{width:76%;margin-bottom:7vw}.s02 .image-heading{width:82%}.s03 .image-heading{width:65%}.s04 .image-heading{width:72%}
  .decor-clock{left:1%;top:-4vw;width:16%}.decor-case-yellow{right:0;top:-3vw;width:19%}.decor-case-brown{left:0;top:-4vw;width:20%}.decor-heart{right:3%;top:24vw;width:13%}.decor-gift{display:none}
  .decor-blue-clock{right:1%;top:8vw;width:17%}.decor-ticket{left:1%;top:-5vw;width:17%}.decor-bell{right:1%;top:10vw;width:17%}
  .s01-swiper{padding:6vw 0 8vw}.daily-card{min-height:116vw;padding:8vw 4vw 4vw;border-radius:4vw;font-size:3vw}
  .daily-date{top:-2.5vw;gap:1vw;padding:.5vw 2vw;border-width:.6vw;border-radius:6vw;font-size:3.8vw}
  .daily-date b{padding:.2vw 1vw;border-radius:3vw;margin-left:-1.5vw}
  .card-photo{border-radius:3vw;margin-bottom:2vw}.daily-card h3{font-size:4.4vw}
  .daily-card p{margin:1vw 0}.daily-lead{font-size:4vw}.daily-lead strong{font-size:8vw}
  .daily-note{border-width:.2vw;padding:.5vw}
  .daily-recommend{margin:auto 0 2vw;font-size:2.9vw}
  .buy-pill{padding:.5vw 4vw;border-radius:4vw;font-size:3.3vw}
  .swiper-pagination-bullet{width:2.5vw;height:2.5vw}
  .sales-period{font-size:3.2vw;margin-bottom:2vw}.jr-highlight{font-size:3.2vw;white-space:normal}.jr-highlight strong{font-size:6.5vw; -webkit-text-stroke: 1vw #fff; /*-webkit-text-stroke:.25vw #fff;*/}
  .jr-table{min-width:160vw;font-size:3vw}.jr-table thead{font-size:3.2vw}.jr-table th,.jr-table td{padding:1.8vw 1vw}.jr-table tbody th{padding-left:2vw}.best-price{font-size:1.9vw;border-width:.2vw}
  .large-buy{margin-top:5vw;padding:1vw 5vw;border-radius:3vw;font-size:5.5vw}
  .s05{padding-top:10vw}.s05 .image-heading{width:68%;margin-bottom:8vw}
  .hotels-swiper{padding:0 0 8vw}.hotel-card{padding:0 4vw;font-size:3vw}.hotel-card>img{width:60%;margin-bottom:3vw}
  .hotel-card h3{font-size:4.8vw}.hotel-en{font-size:3.4vw;margin-bottom:4vw}
  .hotel-description{min-height:26vw;margin-bottom:5vw;padding:3vw 0;border-width:.2vw}
  .hotel-offer{font-size:4vw;margin-bottom:3vw}.hotel-offer span{font-size:3vw}.hotel-offer strong{font-size:6vw}
  .back-to-top{width:10%;right:3%;bottom:3vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.firework-burst{animation:none;opacity:0}.firework-guaranteed:nth-child(-n+4){opacity:.8;transform:scale(1)}.menu_ss a,.back-to-top{transition:none}}