@charset "UTF-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 © 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Subhead: 模板三
 * */
@import url("https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..600;1,400..600&display=swap");
:root {
  --font-serif-tw: 'GenRyuMinTW', 'Times New Roman', 'PMingLiU', serif;
  --font-serif-jp: 'GenRyuMinJP', 'Times New Roman', 'PMingLiU', serif;
  --font-sans: 'Arial', 'Microsoft JhengHei UI', 'Microsoft JhengHei', sans-serif;
  --font-def: 'EBGaramond', 'Times New Roman', 'PMingLiU', serif;
  --color-gold: #ceb07d;
  --color-gold-cur: #e5c671;
  --color-gold-dark: #ac894d;
  --color-gold-50: rgba(206, 176, 125, .5);
  --color-gold-70: rgba(206, 176, 125, .7);
  --color-gold-30: rgba(206, 176, 125, .3);
  --color-gold-hover: #e8b661;
  --color-title: #d5ba8d;
  --fs-h1: clamp(1.4125rem, 1.2708rem + 0.2951vw, 1.625rem);
  --fs-h2: clamp(1.3125rem, 1.1875rem + 0.2604vw, 1.5rem);
  --fs-h3: clamp(1.25rem, 1.1667rem + 0.1736vw, 1.375rem);
  --fs-h4: clamp(1.1875rem, 1.1458rem + 0.0868vw, 1.25rem);
  --fs-h5: 1.125rem;
  --fs-h6: 1.0625rem;
  --gap: 25px;
  --easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeInOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeInOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeInOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeInOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easeInOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.event3 {
  --w-wrap: calc(100% - 110px - 4.4cm);
  --w-arrow: calc(2.2cm + 70px);
  --color-highlight-rgb: 189 146 84;
  --color-text: #231815;
  --fs-title-lg: clamp(2rem, 0.4167rem + 3.2986vw, 4.375rem);
  --fs-title: clamp(1.65rem, 0.8333rem + 1.9097vw, 3.0625rem);
  --fs-subtitle: clamp(1.4125rem, 0.8333rem + 1.3889vw, 2rem);
  --fs-context: clamp(1.125rem, 0.8004rem + 0.8955vw, 1.875rem);
  --fs-tag: clamp(1rem, 0.6667rem + 0.6944vw, 1.5rem);
  --plyr-color-main: rgb(189 146 84);
  background: #fff;
  font-size: var(--fs-context);
  line-height: 2;
  font-family: var(--font-serif-tw);
}
.event3 ::-moz-selection {
  background: rgb(var(--color-highlight-rgb)/80%);
  color: var(--color-text);
}
.event3 ::selection {
  background: rgb(var(--color-highlight-rgb)/80%);
  color: var(--color-text);
}
.event3 ::-moz-selection {
  background: rgb(var(--color-highlight-rgb)/80%);
  color: var(--color-text);
}
.event3 [data-scrollview] .bg {
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
}
.event3 [data-scrollview] .sec-title {
  opacity: 0;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
  -webkit-transition: opacity 1s ease, -webkit-transform 1.2s ease;
  transition: opacity 1s ease, -webkit-transform 1.2s ease;
  transition: opacity 1s ease, transform 1.2s ease;
  transition: opacity 1s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
}
.event3 [data-scrollview] .desc {
  opacity: 0;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
  -webkit-transition: opacity 1.25s ease, -webkit-transform 1.5s ease;
  transition: opacity 1.25s ease, -webkit-transform 1.5s ease;
  transition: opacity 1.25s ease, transform 1.5s ease;
  transition: opacity 1.25s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.event3 [data-scrollview].scroll-view .bg {
  opacity: 1;
  -webkit-transition-delay: 0.17s;
          transition-delay: 0.17s;
}
.event3 [data-scrollview].scroll-view .sec-title {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.event3 [data-scrollview].scroll-view .desc {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}
.event3 .g-header {
  background: transparent !important;
}
.event3 .g-header .g-logo a {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
.event3 .warning-msg {
  background-color: #b28147;
}
.event3 .event3-inner {
  position: relative;
  overflow: hidden;
}
.event3 .gotop {
  background: rgba(255, 255, 255, 0.51);
}
.event3 .gotop:before,
.event3 .gotop:after {
  border-top: 2px solid #bd9254;
  border-left: 2px solid #bd9254;
}
.event3 .sec-products {
  background: url(../images/event3/event3_bg.jpg) center top/100% !important;
  background-size: 100% !important;
}
.event3 .sec-products .p-list .box .lg {
  color: var(--color-text);
  text-wrap-style: balance;
}
.event3 .sec-products .p-list .box .name {
  color: #685321;
}
.event3 .sec-products .p-list .box .btn-add {
  color: #685321;
  border: 1px solid #685321;
}
.event3 .sec-order {
  background: #f9f4ed;
}
.event3 .sec-order .page-subhead,
.event3 .inquiry-list .name .en,
.event3 .reservation-form .form-name,
.event3 .input-style {
  color: var(--color-text);
}
.event3 .inquiry-list {
  color: var(--color-text);
}
.event3 .inquiry-list thead {
  background-color: rgba(99, 59, 3, 0.6);
}
.event3 .inquiry-list .inquiry-list td,
.event3 .inquiry-list .inquiry-list th {
  border-bottom: 1px solid rgba(206, 176, 125, 0.39);
}
.event3 .inquiry-list .btn-del {
  border: 1px solid #b19f82;
}
.event3 .inquiry-list .btn-del::before, .event3 .inquiry-list .btn-del::after {
  background-color: #b19f82;
}
.event3 .reservation-form {
  background-color: transparent;
  color: var(--color-text);
}
.event3 .input-caculate {
  border: 1px solid #b19f82;
  background: rgba(255, 255, 255, 0.51);
}
.event3 .textarea-style,
.event3 .select-style,
.event3 .input-style {
  color: var(--color-text);
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.event3 .checkbox-style input + span {
  background: transparent;
}
.event3 .reservation-form .agree-term a,
.event3 .reservation-form .agree-term .notice em {
  color: #755817;
}
.event3 .mfp-flavor .mfp-content {
  background: rgba(5, 5, 5, 0.8);
  border: 1px solid #847043;
}
.event3 .num-deco {
  display: inline !important;
  font-weight: 600;
  font-family: "Libre Bodoni", "GenRyuMinTW", "Times New Roman", "PMingLiU", serif;
}
.event3 .sec-title {
  position: relative;
  font-weight: 700;
  background-image: linear-gradient(122deg, #a97a37 46%, #bd9254 53%, #956929 71%);
  color: #755817;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: var(--fs-title);
  display: block;
  margin-bottom: 0.6em;
  margin-top: 0.5em;
  line-height: 1.6;
  letter-spacing: 5px;
}
.event3 .sec-title.lg {
  font-size: var(--fs-title-lg);
}
.event3 .sec-title.underline {
  margin-bottom: 0.6em;
  padding-bottom: 0.5em;
}
.event3 .sec-title.underline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0) 80%);
}
.event3 .sec-subtitle {
  font-weight: 600;
  position: relative;
  font-size: var(--fs-subtitle);
  line-height: 1.05;
  display: block;
  margin-bottom: 0.6em;
  color: var(--color-text);
}
.event3 .desc {
  color: var(--color-text);
  display: block;
  letter-spacing: 0.06em;
}
.event3 .desc .breakline {
  display: block;
}
.event3 .sec-iframe,
.event3 .sec-full-r-text-l-img,
.event3 .sec-full-r-img-l-text,
.event3 .sec-r-text-l-img,
.event3 .sec-r-img-l-text,
.event3 .sec-c-img-c-text {
  position: relative;
  background: url(../images/event3/p_bg.jpg) center center !important;
  background-size: cover;
}
.event3 .sec-iframe .bg,
.event3 .sec-full-r-text-l-img .bg,
.event3 .sec-full-r-img-l-text .bg,
.event3 .sec-r-text-l-img .bg,
.event3 .sec-r-img-l-text .bg,
.event3 .sec-c-img-c-text .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.event3 .sec-iframe .bg img,
.event3 .sec-iframe .bg source,
.event3 .sec-iframe .bg iframe,
.event3 .sec-iframe .bg video,
.event3 .sec-full-r-text-l-img .bg img,
.event3 .sec-full-r-text-l-img .bg source,
.event3 .sec-full-r-text-l-img .bg iframe,
.event3 .sec-full-r-text-l-img .bg video,
.event3 .sec-full-r-img-l-text .bg img,
.event3 .sec-full-r-img-l-text .bg source,
.event3 .sec-full-r-img-l-text .bg iframe,
.event3 .sec-full-r-img-l-text .bg video,
.event3 .sec-r-text-l-img .bg img,
.event3 .sec-r-text-l-img .bg source,
.event3 .sec-r-text-l-img .bg iframe,
.event3 .sec-r-text-l-img .bg video,
.event3 .sec-r-img-l-text .bg img,
.event3 .sec-r-img-l-text .bg source,
.event3 .sec-r-img-l-text .bg iframe,
.event3 .sec-r-img-l-text .bg video,
.event3 .sec-c-img-c-text .bg img,
.event3 .sec-c-img-c-text .bg source,
.event3 .sec-c-img-c-text .bg iframe,
.event3 .sec-c-img-c-text .bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.event3 .sec-iframe .container,
.event3 .sec-full-r-text-l-img .container,
.event3 .sec-full-r-img-l-text .container,
.event3 .sec-r-text-l-img .container,
.event3 .sec-r-img-l-text .container,
.event3 .sec-c-img-c-text .container {
  position: relative;
  z-index: 5;
  min-height: max(90vh, 50vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: var(--w-wrap);
  padding-bottom: 100px;
}
.event3 .sec-iframe .text,
.event3 .sec-full-r-text-l-img .text,
.event3 .sec-full-r-img-l-text .text,
.event3 .sec-r-text-l-img .text,
.event3 .sec-r-img-l-text .text,
.event3 .sec-c-img-c-text .text {
  position: relative;
}
.event3 .sec-iframe {
  position: relative;
}
.event3 .sec-iframe .plyr,
.event3 .sec-iframe #player-event3 {
  width: 100%;
}
.event3 .sec-iframe .plyr__video-embed {
  position: relative;
  padding-bottom: 56.25%;
}
.event3 .sec-iframe .plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: none;
}
.event3 .sec-full-r-text-l-img .container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.event3 .sec-full-r-text-l-img .text {
  display: inline-block;
  text-align: center;
}
.event3 .sec-full-r-text-l-img .text > * {
  position: relative;
  z-index: 5;
}
.event3 .sec-full-r-text-l-img .text::before {
  content: "";
  display: block;
  position: absolute;
  width: 220%;
  height: 130%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.51) 10%, rgba(0, 0, 0, 0) 82%);
  left: 60%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.event3 .sec-full-r-img-l-text .container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event3 .sec-full-r-img-l-text .text {
  display: inline-block;
  text-align: center;
}
.event3 .sec-full-r-img-l-text .text > * {
  position: relative;
  z-index: 5;
}
.event3 .sec-full-r-img-l-text .text::before {
  content: "";
  display: block;
  position: absolute;
  width: 220%;
  height: 130%;
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.51) 10%, rgba(0, 0, 0, 0) 82%);
  left: 60%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.event3 .sec-full-r-img-l-text .bg img,
.event3 .sec-full-r-img-l-text .bg source,
.event3 .sec-full-r-img-l-text .bg iframe,
.event3 .sec-full-r-img-l-text .bg video {
  -o-object-position: right bottom;
     object-position: right bottom;
}
.event3 .sec-r-img-l-text .container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event3 .sec-r-text-l-img .container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.event3 .sec-c-img-c-text {
  text-align: center;
}
.event3 .sec-c-img-c-text .container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event3 .giftbox-slider .container {
  position: relative;
}
.event3 .giftbox-slider .small {
  position: absolute;
  right: 0;
  bottom: 180px;
  color: #5b5b5b;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.1;
  display: inline-block;
  letter-spacing: 0.05em;
}
.event3 .giftbox-slider.scroll-view .slick-slide .sec-title,
.event3 .giftbox-slider.scroll-view .slick-slide .desc,
.event3 .giftbox-slider.scroll-view .slick-slide .bg {
  opacity: 0;
}
.event3 .giftbox-slider.scroll-view .slick-slide .sec-title,
.event3 .giftbox-slider.scroll-view .slick-slide .desc {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}
.event3 .giftbox-slider.scroll-view .slick-slide .bg {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.event3 .giftbox-slider.scroll-view .slick-slide.in .bg, .event3 .giftbox-slider.scroll-view .slick-slide.slick-active:not(.out) .bg {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.event3 .giftbox-slider.scroll-view .slick-slide.in .sec-title, .event3 .giftbox-slider.scroll-view .slick-slide.slick-active:not(.out) .sec-title {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.event3 .giftbox-slider.scroll-view .slick-slide.in .desc, .event3 .giftbox-slider.scroll-view .slick-slide.slick-active:not(.out) .desc {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.event3 .giftbox-slider.scroll-view .slick-slide.out:not(.slick-active) .sec-title,
.event3 .giftbox-slider.scroll-view .slick-slide.out:not(.slick-active) .desc,
.event3 .giftbox-slider.scroll-view .slick-slide.out:not(.slick-active) .bg {
  opacity: 0;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.event3 .giftbox-slider.scroll-view .slick-slide.out:not(.slick-active) .sec-title,
.event3 .giftbox-slider.scroll-view .slick-slide.out:not(.slick-active) .desc {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}
.event3 .giftbox3-1 .text,
.event3 .giftbox3-2 .text,
.event3 .giftbox4-1 .text,
.event3 .giftbox4-2 .text {
  text-align: center;
  min-width: 40%;
  max-width: 50%;
  line-height: 1.6;
}
.event3 .giftbox3-1 .sec-title,
.event3 .giftbox3-2 .sec-title,
.event3 .giftbox4-1 .sec-title,
.event3 .giftbox4-2 .sec-title {
  margin-bottom: 0.5em;
  padding-bottom: 0.35em;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: var(--color-text);
  text-wrap: balance;
}
.event3 .giftbox4-1 .sec-title {
  background-image: linear-gradient(112deg, #755817 25%, #856e1e 34%, #685321 55%);
}
.event3 .giftbox4-1 .sec-title .red {
  display: block;
  -webkit-text-fill-color: #a12000;
  color: #a12000;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.58);
}
.event3 .giftbox-slider {
  position: relative;
}
.event3 .giftbox-slider .slick-dots {
  position: absolute;
  bottom: 5vh;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.event3 .giftbox-slider .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: calc(max(10px, 1.56vw) * 0.5);
}
.event3 .giftbox-slider .slick-dots li.slick-active button {
  opacity: 1;
}
.event3 .giftbox-slider .slick-dots button {
  cursor: pointer;
  width: max(10px, 1.56vw);
  aspect-ratio: 1;
  border-radius: 50px;
  font-size: 0;
  border: none;
  background-color: #fff;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  opacity: 0.4;
}
.event3 .giftbox-slider .slick-dots button:hover {
  opacity: 0.8;
}
.event3 .giftbox-slider.slider1 {
  line-height: 1;
  z-index: 8;
}
.event3 .giftbox-slider.slider1::before {
  left: 0;
  top: 0;
  -webkit-transform: translate(-43%, -50%);
      -ms-transform: translate(-43%, -50%);
          transform: translate(-43%, -50%);
}
.event3 .giftbox-slider.slider2 {
  line-height: 1;
  z-index: 10;
}
.event3 .giftbox-slider.slider2::before {
  right: 0;
  top: 0;
  -webkit-transform: translate(64%, -55%);
      -ms-transform: translate(64%, -55%);
          transform: translate(64%, -55%);
}
.event3 .one {
  -ms-flex-line-pack: center;
      align-content: center;
}
.event3 .one .container {
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100vh;
}
.event3 .one .container img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.event3 .two .img-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  margin: 0 auto 2rem;
  width: 70%;
}
.event3 .two .img-group img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 2rem) / 2);
          flex: 0 0 calc((100% - 2rem) / 2);
  width: calc((100% - 2rem) / 2);
  height: auto;
}
.event3 .three {
  padding-bottom: 90px;
}
.event3 .four,
.event3 .eight {
  background: #231815 !important;
}
.event3 .four .container .text,
.event3 .eight .container .text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56%;
          flex: 0 0 56%;
}
.event3 .four .container .text::before,
.event3 .eight .container .text::before {
  background: radial-gradient(closest-side, rgb(23, 11, 6) 29%, rgba(51, 5, 5, 0) 95%);
}
.event3 .four .container .desc,
.event3 .eight .container .desc {
  color: #fff;
}
.event3 .eight .bg img {
  -o-object-position: center top;
     object-position: center top;
}
.event3 .eight .sec-subtitle {
  background-image: linear-gradient(122deg, #a97a37 46%, #bd9254 53%, #956929 71%);
  color: #755817;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.event3 .eleven .container,
.event3 .thirteen .container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.event3 .eleven .container .sec-title .red,
.event3 .thirteen .container .sec-title .red {
  -webkit-text-fill-color: #a12000;
  color: #a12000;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.58);
}
.event3 .twelve .text .sec-title .red {
  -webkit-text-fill-color: #a12000;
  color: #a12000;
  display: block;
}
.event3 .butterfly-slider {
  margin: 0 auto;
  padding: max(60px, 8vw);
  background: url(../images/event3/event3_bg.jpg) center top !important;
  background-size: 100% !important;
  height: 100dvh;
  -ms-flex-line-pack: center;
      align-content: center;
}
.event3 .butterfly-slider .slick-slide {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 1s ease;
  transition: 1s ease;
  opacity: 0;
}
.event3 .butterfly-slider .slick-slide.slick-initialized {
  display: block;
}
.event3 .butterfly-slider .slick-slide.slick-active {
  opacity: 0.8;
}
.event3 .butterfly-slider .slick-slide.slick-active .butterfly-card {
  padding: 0;
}
.event3 .butterfly-slider .slick-slide.slick-active.slick-center {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.event3 .butterfly-slider .butterfly-card {
  padding: 0 max(15px, 1.5vw);
  text-align: center;
}
.event3 .butterfly-slider .butterfly-card .img {
  width: max(240px, 14vw);
  aspect-ratio: 1;
  margin: 0 auto 1em;
}
.event3 .butterfly-slider .butterfly-card .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.event3 .butterfly-slider .butterfly-card .sec-title {
  margin-bottom: 1rem;
}
.event3 .butterfly-slider .butterfly-card .sec-subtitle {
  font-size: 1.45rem;
  margin-bottom: 2rem;
}
.event3 .butterfly-slider .butterfly-card .desc {
  display: block;
  text-align: left;
  font-size: clamp(0.95rem, 0.8rem + 0.4vw, 1.25rem);
  line-height: 1.7;
}

@property --butterfly-scale {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@-webkit-keyframes butterfly-flap {
  0% {
    -webkit-transform: scale(calc(0.95 * var(--butterfly-scale, 1))) scaleY(1) rotate(0deg);
            transform: scale(calc(0.95 * var(--butterfly-scale, 1))) scaleY(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(calc(1 * var(--butterfly-scale, 1))) scaleY(0.95) rotate(-1deg);
            transform: scale(calc(1 * var(--butterfly-scale, 1))) scaleY(0.95) rotate(-1deg);
  }
}
@keyframes butterfly-flap {
  0% {
    -webkit-transform: scale(calc(0.95 * var(--butterfly-scale, 1))) scaleY(1) rotate(0deg);
            transform: scale(calc(0.95 * var(--butterfly-scale, 1))) scaleY(1) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(calc(1 * var(--butterfly-scale, 1))) scaleY(0.95) rotate(-1deg);
            transform: scale(calc(1 * var(--butterfly-scale, 1))) scaleY(0.95) rotate(-1deg);
  }
}
.pc.event3 .input-caculate .numbtn:hover,
.pc.event3 .input-caculate .numbtn:active,
.pc.event3 .inquiry-list .btn-del:hover {
  background-color: #fff;
}

.pc.event3 .butterfly-slider .butterfly-card .img:hover {
  -webkit-animation: butterfly-flap 1.1s ease-in-out infinite alternate;
          animation: butterfly-flap 1.1s ease-in-out infinite alternate;
}

@media (min-width: 600px) and (max-height: 839px) {
  .event3 {
    --fs-title-lg: clamp(2rem, 1.5131rem + 1.3433vw, 3.125rem);
    --fs-title: clamp(1.675rem, 1.6045rem + 0.7463vw, 2rem);
    --fs-subtitle: clamp(1.375rem, 0.9963rem + 1.0448vw, 2.25rem);
    --fs-context: clamp(1rem, 0.7295rem + 0.7463vw, 1.625rem);
    --fs-tag: clamp(0.875rem, 0.7127rem + 0.4478vw, 1.25rem);
  }
  .event3 .sec-full-r-text-l-img .container,
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-r-text-l-img .container,
  .event3 .sec-r-img-l-text .container,
  .event3 .sec-c-img-c-text .container {
    min-height: auto;
    height: 90vh;
    padding-bottom: 0;
  }
  .event3 .giftbox-slider .slick-slide .text {
    text-align: center;
  }
  .event3 .butterfly-slider {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-height: 839px) {
  .event3 .giftbox-slider .small {
    bottom: 7dvh;
  }
  .event3 .sec-full-r-text-l-img .bg img,
  .event3 .sec-full-r-text-l-img .bg source,
  .event3 .sec-full-r-text-l-img .bg iframe,
  .event3 .sec-full-r-text-l-img .bg video,
  .event3 .sec-full-r-img-l-text .bg img,
  .event3 .sec-full-r-img-l-text .bg source,
  .event3 .sec-full-r-img-l-text .bg iframe,
  .event3 .sec-full-r-img-l-text .bg video,
  .event3 .sec-r-text-l-img .bg img,
  .event3 .sec-r-text-l-img .bg source,
  .event3 .sec-r-text-l-img .bg iframe,
  .event3 .sec-r-text-l-img .bg video,
  .event3 .sec-r-img-l-text .bg img,
  .event3 .sec-r-img-l-text .bg source,
  .event3 .sec-r-img-l-text .bg iframe,
  .event3 .sec-r-img-l-text .bg video,
  .event3 .sec-c-img-c-text .bg img,
  .event3 .sec-c-img-c-text .bg source,
  .event3 .sec-c-img-c-text .bg iframe,
  .event3 .sec-c-img-c-text .bg video {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .event3 .one {
    overflow: hidden;
  }
  .event3 .one .container {
    padding-bottom: 0;
  }
  .event3 .one .bg img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event3 .two .img-group img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .event3 .two .desc .breakline {
    display: inline;
  }
  .event3 .six .bg img,
  .event3 .seven .bg img {
    -o-object-position: 0 center;
       object-position: 0 center;
  }
  .event3 .eight .container .text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
  }
  .event3 .eleven .sec-title,
  .event3 .thirteen .sec-title {
    font-size: 1.875rem;
    margin-bottom: 2rem;
  }
  .event3 .eleven .container,
  .event3 .thirteen .container {
    max-width: 90%;
  }
  .event3 .eleven .bg img,
  .event3 .thirteen .bg img {
    -o-object-position: center center;
       object-position: center center;
  }
  .event3 .twelve .bg img,
  .event3 .fourteen .bg img {
    -o-object-position: center top;
       object-position: center top;
  }
  .event3 .butterfly-slider {
    padding-top: 0;
  }
  .event3 .butterfly-slider .slick-slide .butterfly-card .sec-title {
    font-size: 1.25rem;
  }
  .event3 .butterfly-slider .slick-slide .butterfly-card .sec-subtitle {
    font-size: 1rem;
  }
}
@media (min-width: 600px) {
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-r-img-l-text .container {
    padding-left: 1.2322916667cm;
  }
  .event3 .xxs-show {
    display: none !important;
  }
}
@media (min-width: 992px) and (min-height: 768px) {
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-r-img-l-text .container {
    padding-left: 1.7614583333cm;
  }
}
@media (max-width: 1199px) {
  .event3 .sec-order .page-subhead {
    background: transparent;
  }
}
@media (max-width: 991px) {
  .event3 {
    --w-wrap: calc(100% - 100px - 1.1cm);
    --w-arrow: calc(1.1cm + 50px);
  }
  .event3 .inquiry-list .total {
    color: #231815;
  }
  .event3 .giftbox-slider {
    height: 100dvh;
  }
  .event3 .giftbox-slider .container {
    height: 100dvh;
  }
  .event3 .giftbox-slider .small {
    position: absolute;
    bottom: 100px;
    right: unset;
    width: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    font-size: 0.875rem;
  }
  .event3 .giftbox3-1,
  .event3 .giftbox3-2,
  .event3 .giftbox4-1,
  .event3 .giftbox4-2 {
    height: 100dvh;
    vertical-align: text-bottom;
  }
  .event3 .giftbox3-1 .container,
  .event3 .giftbox3-2 .container,
  .event3 .giftbox4-1 .container,
  .event3 .giftbox4-2 .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    min-height: max(40vh, min(500px, 100vw) * 1.5);
  }
  .event3 .giftbox3-1 .text,
  .event3 .giftbox3-2 .text,
  .event3 .giftbox4-1 .text,
  .event3 .giftbox4-2 .text {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 10dvh;
  }
  .event3 .one .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 70%;
    min-height: auto;
  }
  .event3 .one .container img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .event3 .two .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event3 .two .img-group img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .event3 .two .desc .breakline {
    display: inline;
  }
  .event3 .eleven .container,
  .event3 .thirteen .container {
    height: 100dvh;
    padding-bottom: 150px;
  }
  .event3 .eleven .container .sec-title .red,
  .event3 .thirteen .container .sec-title .red {
    display: block;
  }
  .event3 .twelve .container,
  .event3 .fourteen .container {
    padding-left: 0;
  }
  .event3 .twelve .bg img {
    -o-object-position: center 70%;
       object-position: center 70%;
  }
  .event3 .fourteen .bg img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-full-r-text-l-img .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .event3 .sec-full-r-img-l-text .container .text,
  .event3 .sec-full-r-text-l-img .container .text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding-top: 7dvh;
  }
  .event3 .sec-full-r-img-l-text .container .bg img,
  .event3 .sec-full-r-text-l-img .container .bg img {
    -o-object-position: right calc(50% - 98px);
       object-position: right calc(50% - 98px);
  }
  .event3 .four .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .event3 .four .container .text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding-top: 7dvh;
  }
  .event3 .six .bg img,
  .event3 .seven .bg img {
    -o-object-position: right 70%;
       object-position: right 70%;
  }
  .event3 .eight .container .text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -ms-flex-item-align: end;
        align-self: end;
  }
  .event3 .eight .container .text::before {
    top: 50%;
    width: 300%;
    background: radial-gradient(closest-side, rgba(14, 5, 2, 0.95) 28%, rgba(47, 3, 3, 0.02) 88%);
  }
  .event3 .butterfly-slider {
    max-width: 100%;
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .event3 {
    --w-arrow: 70px;
    --fs-context: clamp(1rem, 0.2287rem + 2.1277vw, 1.25rem);
  }
  .event3 .sec-title {
    line-height: 1.4;
    font-size: 1.4rem;
  }
  .event3 .sec-title .red {
    font-size: 1.2rem;
  }
  .event3 .sec-subtitle {
    line-height: 1.4;
  }
  .event3 .sec-full-r-text-l-img .container,
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-r-text-l-img .container,
  .event3 .sec-r-img-l-text .container,
  .event3 .sec-c-img-c-text .container {
    padding-top: max(50px, 10vw);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: max(90vh, min(500px, 100vw) * 1.5);
    padding-bottom: calc(min(500px, 100vw) * 1.5);
  }
  .event3 .giftbox-slider::before, .event3 .giftbox-slider::after {
    display: none !important;
  }
  .event3 .sec-products:after {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .event3 .giftbox3-1 .container,
  .event3 .giftbox3-2 .container {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .event3 .giftbox4-1 .container,
  .event3 .giftbox4-2 .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 599px) {
  body.event3 .btn-order-aim .zh {
    font-size: 14px;
  }
  .event3 {
    font-family: "Times New Roman", "Hiragino Mincho ProN", "BiauKai", "LiSong Pro", "Apple LiSung", "Noto Serif TC", "MingLiU", serif;
  }
  .event3 .i-slide .slick-dots {
    bottom: 5vh;
  }
  .event3 .xxs-hide {
    display: none !important;
  }
  .event3 .xxs-show {
    display: inline !important;
  }
  .event3 .xxs-block {
    display: block !important;
    white-space: nowrap;
  }
  .event3 .sec-title,
  .event3 .sec-subtitle {
    letter-spacing: 0 !important;
  }
  .event3 .sec-title.underline {
    margin-bottom: 0.7em;
  }
  .event3 .sec-full-r-text-l-img .container,
  .event3 .sec-full-r-img-l-text .container,
  .event3 .sec-r-text-l-img .container,
  .event3 .sec-r-img-l-text .container,
  .event3 .sec-c-img-c-text .container {
    max-width: 80%;
    padding-bottom: 60px;
    height: 100%;
  }
  .event3 .one .container {
    padding: 0;
    max-width: 100%;
    min-height: auto;
  }
  .event3 .two .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event3 .two .container .desc {
    margin: 1.5rem 0;
  }
  .event3 .two .img-group {
    gap: 0;
    width: 100%;
    margin: 0;
  }
  .event3 .two .img-group img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .event3 .four .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
  }
  .event3 .four .container .text {
    padding-top: 5vh;
  }
  .event3 .four .container .text .breakline {
    display: inline;
  }
  .event3 .four .bg img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .event3 .three .container {
    aspect-ratio: 600/1000;
    width: 100%;
    height: 100%;
    min-height: auto;
    max-width: 100%;
  }
  .event3 .three .bg img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event3 .six,
  .event3 .seven {
    height: 100vh;
  }
  .event3 .six .container,
  .event3 .seven .container {
    height: 100vh;
  }
  .event3 .six .bg img,
  .event3 .seven .bg img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .event3 .seven .container .text {
    padding-top: 3vh;
  }
  .event3 .eight .container {
    padding-bottom: 0;
  }
  .event3 .eight .container .sec-title {
    margin-bottom: 0;
  }
  .event3 .eight .container .sec-subtitle {
    margin-top: 0;
  }
  .event3 .eight .container .text {
    padding-top: 23vh;
    padding-bottom: 2rem;
    letter-spacing: 0.05em;
    font-size: 0.9375rem;
  }
  .event3 .eight .container .text::before {
    top: 47%;
    width: 372%;
    background: radial-gradient(closest-side, rgba(14, 5, 2, 0.95) 37%, rgba(47, 3, 3, 0.02) 77%);
    height: 75%;
  }
  .event3 .eleven .container,
  .event3 .thirteen .container {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 12vh;
    height: auto;
    min-height: unset;
    aspect-ratio: 600/1000;
    max-width: 100%;
  }
  .event3 .eleven .bg img,
  .event3 .thirteen .bg img {
    -o-object-position: center bottom;
       object-position: center bottom;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .event3 .twelve .giftbox3-1 .container {
    padding-bottom: 60vh;
    max-width: 70%;
  }
  .event3 .twelve .giftbox3-2 .container {
    padding-bottom: 50vh;
    max-width: 70%;
  }
  .event3 .fourteen .giftbox4-1 .container {
    padding-bottom: 40vh;
    max-width: 70%;
  }
  .event3 .fourteen .giftbox4-2 .container {
    padding-bottom: 28vh;
    max-width: 70%;
  }
  .event3 .giftbox3-1 .sec-title.underline::after,
  .event3 .giftbox3-2 .sec-title.underline::after,
  .event3 .giftbox4-1 .sec-title.underline::after,
  .event3 .giftbox4-2 .sec-title.underline::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 150%;
    background: radial-gradient(closest-side, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0) 80%);
  }
  .event3 .giftbox3-1 .sec-title > *,
  .event3 .giftbox3-2 .sec-title > *,
  .event3 .giftbox4-1 .sec-title > *,
  .event3 .giftbox4-2 .sec-title > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event3 .giftbox3-1 .container,
  .event3 .giftbox3-2 .container,
  .event3 .giftbox4-1 .container,
  .event3 .giftbox4-2 .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    min-height: max(40vh, min(500px, 100vw) * 1.5);
  }
  .event3 .giftbox3-1 .text,
  .event3 .giftbox3-2 .text,
  .event3 .giftbox4-1 .text,
  .event3 .giftbox4-2 .text {
    padding-top: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
  }
  .event3 .giftbox-slider {
    width: 100%;
    height: auto;
    aspect-ratio: 600/1000;
  }
  .event3 .butterfly-slider {
    background-size: auto 100% !important;
  }
  .event3 .butterfly-slider .slick-slide {
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top;
  }
  .event3 .butterfly-slider .butterfly-card .sec-subtitle {
    font-size: 1.0625rem;
  }
}
.mb .event3 .i-slide .slick-prev,
.mb .event3 .i-slide .slick-next {
  display: block !important;
  opacity: 1;
}
.mb .event3 .i-slide .slick-dots {
  display: block !important;
}