@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(1.75rem, 0.4167rem + 3.2986vw, 3.5rem);
  --fs-title: clamp(1.3175rem, 0.8333rem + 1.9097vw, 1.75rem);
  --fs-subtitle: clamp(1.25rem, 0.8333rem + 1.3889vw, 1.5rem);
  --fs-context: clamp(1rem, 0.8004rem + 0.8955vw, 1.063rem);
  --fs-tag: clamp(0.875rem, 0.6667rem + 0.6944vw, 1rem);
  --plyr-color-main: rgb(189 146 84);
  background: #fff;
  font-size: var(--fs-context);
  line-height: 1.5;
  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 .lang-switch {
  position: fixed;
  top: 10px;
  right: 1cm;
  z-index: 950;
  font-family: var(--font-sans);
}
.event3 .lang-switch .lang-current {
  height: 43px;
  width: 70px;
  padding: 0;
  border: 0;
  background: rgb(69, 54, 18);
  color: #fff;
  font-size: 0;
  line-height: 1;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: background 0.25s, border-color 0.25s;
  transition: background 0.25s, border-color 0.25s;
  transition: background 0.25s, border-color 0.25s;
}
.event3 .lang-switch .icon-lang {
  display: block;
  width: 25px;
  margin: 0 auto;
  aspect-ratio: 1;
  background: url(../images/icon_lang.png) no-repeat top/100%;
}
.event3 .lang-switch .lang-list {
  position: absolute;
  top: 0%;
  right: 100%;
  min-width: 120px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  text-align: center;
  background: rgba(20, 15, 10, 0.92);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s, visibility 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, visibility 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
  transition: opacity 0.25s, transform 0.25s, visibility 0.25s, -webkit-transform 0.25s;
}
.event3 .lang-switch .lang-list a,
.event3 .lang-switch .lang-list span {
  display: block;
  padding: 8px 20px;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}
.event3 .lang-switch .lang-list a {
  opacity: 0.7;
  -webkit-transition: opacity 0.2s, background 0.2s;
  transition: opacity 0.2s, background 0.2s;
}
.event3 .lang-switch .lang-list .is-current span {
  color: #bd9254;
  font-weight: 600;
  opacity: 1;
}
.event3 .lang-switch.is-open .lang-list {
  opacity: 1;
  visibility: visible;
}
.event3 .btn-order-aim {
  position: fixed;
  top: 1.4cm;
  right: 1cm;
  z-index: 80;
  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;
  width: 70px;
  padding: 25px 0 20px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  background: url(../images/btn_noise.jpg) repeat-x 0 0 #634c24;
  -webkit-perspective: 200px;
          perspective: 200px;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s, -webkit-filter 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s, -webkit-filter 0.25s;
  transition: transform 0.25s, filter 0.25s, opacity 0.25s;
  transition: transform 0.25s, filter 0.25s, opacity 0.25s, -webkit-transform 0.25s, -webkit-filter 0.25s;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.event3 .btn-order-aim .en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-sans);
  font-size: 1.125rem;
  line-height: 1.2;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.event3 .btn-order-aim .en::after {
  content: "";
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 23px;
  height: 23px;
  background: url("data:image/svg+xml,%3Csvg fill='%23fff' width='30' height='30' viewBox='0 0 1.35 1.35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='clr-i-outline clr-i-outline-path-1' d='M1.2.225H.15A.075.075 0 0 0 .075.3v.75a.075.075 0 0 0 .075.075H1.2a.075.075 0 0 0 .075-.075V.3A.075.075 0 0 0 1.2.225m-.058.825h-.93L.475.778.421.726l-.271.28V.357l.466.464a.075.075 0 0 0 .106 0L1.2.345v.656L.924.725.871.778ZM.199.3h.94l-.47.468Z'/%3E%3Cpath d='M0 0h1.35v1.35H0z' fill='none'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  margin: 10px auto 0;
}
.event3 .warning-msg {
  background-color: #b28147;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}
.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.4;
}
.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.02em;
}
.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;
  max-width: 800px;
}
.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;
  max-width: 800px;
}
.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;
  line-height: 1.3;
  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;
  margin-top: 0.4rem;
  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;
  margin-top: 0.4rem;
}
.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 0.5em;
}
.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: 0.5rem;
}
.event3 .butterfly-slider .butterfly-card .sec-subtitle {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}
.event3 .butterfly-slider .butterfly-card .desc {
  display: block;
  text-align: left;
  font-size: clamp(0.95rem, 0.8rem + 0.4vw, 0.9875rem);
  line-height: 1.3;
}

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

.pc.event3 .lang-switch .lang-current:hover {
  background: rgba(0, 0, 0, 0.8);
}
.pc.event3 .lang-switch .lang-current:hover .icon-lang {
  background: url(../images/icon_lang.png) no-repeat bottom/100%;
}

.pc.event3 .lang-switch .lang-list a:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.08);
}

@media (min-width: 600px) and (max-height: 839px) {
  .event3 {
    --fs-title-lg: clamp(2rem, 1.5131rem + 1.3433vw, 3.125rem);
    --fs-title: clamp(1.5rem, 1.6045rem + 0.7463vw, 1.65rem);
    --fs-subtitle: clamp(1.125rem, 0.9963rem + 1.0448vw, 1.25rem);
    --fs-context: clamp(1rem, 0.7295rem + 0.7463vw, 1.063rem);
    --fs-tag: clamp(0.875rem, 0.7127rem + 0.4478vw, 1rem);
  }
  .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 .sec-full-r-img-l-text .text {
    max-width: 460px;
  }
  .event3 .sec-full-r-text-l-img .text {
    max-width: 500px;
  }
  .event3 .sec-full-r-text-l-img .text {
    max-width: 500px;
  }
  .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 .btn-order-aim {
    top: 53px;
    width: 45px;
    right: 25px;
  }
  .event3 .lang-switch {
    right: 25px;
  }
  .event3 .lang-switch .lang-current {
    width: 45px;
    height: 45px;
  }
  .event3 .inquiry-list .total {
    color: #231815;
  }
  .event3 .giftbox-slider {
    height: 100dvh;
  }
  .event3 .giftbox-slider .container {
    height: 100dvh;
  }
  .event3 .giftbox-slider .small {
    position: absolute;
    bottom: 200px;
    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: 20dvh;
  }
  .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;
    max-width: 95%;
  }
  .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;
    max-width: 95%;
  }
  .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.125rem);
  }
  .event3 .lang-switch {
    right: 21px;
    top: 5px;
    border-radius: 50%;
  }
  .event3 .lang-switch .lang-current {
    font-size: 0;
    border-radius: 50%;
  }
  .event3 .lang-switch .icon-lang {
    width: 27px;
    background: url(../images/icon_lang.png) no-repeat bottom/100%;
  }
  .event3 .lang-switch .lang-list a,
  .event3 .lang-switch .lang-list span {
    padding: 7px 16px;
    font-size: 0.75rem;
  }
  .event3 .btn-order-aim {
    width: 45px;
    height: 45px;
    right: 20px;
  }
  .event3 .btn-order-aim .en {
    font-size: 0;
    margin: 0 auto;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .event3 .btn-order-aim .en::after {
    display: block;
    margin: 0 auto;
  }
  .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) {
  .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;
}