@charset "UTF-8";
/*----- ABSTRACTS -----*/
/*--------------- 顯示與隱藏 ---------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap");
.visible-desktop {
  display: inline;
}
@media (max-width: 1000px) {
  .visible-desktop {
    display: none;
  }
}
.visible-tablet {
  display: none;
}
@media (max-width: 1000px) {
  .visible-tablet {
    display: inline;
  }
}
.visible-mobile {
  display: none;
}
@media (max-width: 750px) {
  .visible-mobile {
    display: inline;
  }
}

.hidden-desktop {
  display: none;
}
@media (max-width: 1000px) {
  .hidden-desktop {
    display: inline;
  }
}
.hidden-tablet {
  display: inline;
}
@media (max-width: 1000px) {
  .hidden-tablet {
    display: none;
  }
}
.hidden-mobile {
  display: inline;
}
@media (max-width: 750px) {
  .hidden-mobile {
    display: none;
  }
}

.hide-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}

/*--------------- 排版與定位 ---------------*/
.flex {
  display: flex;
}

.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.flt-r {
  float: right;
}

.flt-l {
  float: left;
}

.pos-a {
  position: absolute;
}

.pos-f {
  position: fixed;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

/*--------------- 邊框 ---------------*/
.rounded {
  overflow: hidden;
}
.rounded-default {
  border-radius: 15px;
}
@media (max-width: 1000px) {
  .rounded-default {
    border-radius: 20px;
  }
}
@media (max-width: 750px) {
  .rounded-default {
    border-radius: 2.6666666667vw;
  }
}

/*--------------- 文字 ---------------*/
.color-primary {
  color: #ffffff;
}
.color-secondary {
  color: #aaaaaa;
}

.weight-400 {
  font-weight: 400;
}
.weight-500 {
  font-weight: 500;
}
.weight-600 {
  font-weight: 600;
}
.weight-900 {
  font-weight: 900;
}

.kerning-0 {
  letter-spacing: 0px !important;
}
@media (max-width: 750px) {
  .kerning-0 {
    letter-spacing: 0vw !important;
  }
}

.kerning-1 {
  letter-spacing: 1px !important;
}
@media (max-width: 750px) {
  .kerning-1 {
    letter-spacing: 0.1333333333vw !important;
  }
}

.kerning-2 {
  letter-spacing: 2px !important;
}
@media (max-width: 750px) {
  .kerning-2 {
    letter-spacing: 0.2666666667vw !important;
  }
}

.kerning-3 {
  letter-spacing: 3px !important;
}
@media (max-width: 750px) {
  .kerning-3 {
    letter-spacing: 0.4vw !important;
  }
}

.kerning-4 {
  letter-spacing: 4px !important;
}
@media (max-width: 750px) {
  .kerning-4 {
    letter-spacing: 0.5333333333vw !important;
  }
}

.kerning-5 {
  letter-spacing: 5px !important;
}
@media (max-width: 750px) {
  .kerning-5 {
    letter-spacing: 0.6666666667vw !important;
  }
}

.text {
  color: #004a98;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
.text span {
  display: inline-block;
  transform-origin: center top;
  transform: scaleX(1.2);
}
.text-xs {
  font-size: 22px;
}
@media (max-width: 750px) {
  .text-xs {
    font-size: 2.9333333333vw;
  }
}
.text-sm {
  font-size: 26px;
}
@media (max-width: 750px) {
  .text-sm {
    font-size: 3.4666666667vw;
  }
}
.text-lg {
  font-size: 32px;
}
@media (max-width: 750px) {
  .text-lg {
    font-size: 4.2666666667vw;
  }
}
.text-xl {
  font-size: 36px;
}
@media (max-width: 750px) {
  .text-xl {
    font-size: 4.8vw;
  }
}
.text-gray {
  color: #ffffff;
}
.text-white {
  color: #ffffff;
}
.text-red {
  color: #ff0000;
}
.text-black {
  color: #1c1c1c;
}
.text-light {
  color: #fefefe;
}
.text-underline {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: #ffffff 1px solid;
}
@media (max-width: 750px) {
  .text-underline {
    padding-bottom: 0.5333333333vw;
  }
}
.text-underline.text-red {
  border-color: #de0b1c;
}
.text-center {
  text-align: center;
}
.text-hide {
  font-size: 0;
  text-indent: -5000px;
}

/*----- BASE -----*/
* {
  outline: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

html {
  background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
  background-repeat: repeat;
  background-position: center top;
  overflow-y: scroll;
}
@media (max-width: 750px) {
  html {
    background-image: none;
    background: #ddad6e;
    background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
  }
}

body {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #ddad6e;
  background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
}
@media (max-width: 1000px) {
  body {
    background: #ddad6e;
    background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
    background-size: 100% auto;
  }
}
@media (max-width: 750px) {
  body {
    background-image: none;
    background: #ddad6e;
    background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
  }
}

a {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

@media (hover: hover) and (min-width: 751px) {
  a:hover {
    color: #ffffff;
  }
}
#container {
  position: relative;
  width: 100%;
}

#container__inner {
  position: relative;
  width: 100%;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .inner {
    max-width: 750px;
  }
}
@media (max-width: 750px) {
  .inner {
    max-width: 100%;
  }
}

.input-text {
  font-size: 16px !important;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 5px 1px;
  border: #a881b5 2px solid;
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 1000px) {
  .input-text {
    font-size: 28px !important;
  }
}
@media (max-width: 750px) {
  .input-text {
    font-size: 3.7333333333vw !important;
    border-width: 0.2666666667vw;
  }
}

.input-file {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}

textarea {
  color: #c8afd0;
  font-size: 16px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.1875;
  margin: 0;
  padding: 9px 12px;
  border: #a881b5 2px solid;
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}
@media (max-width: 1000px) {
  textarea {
    font-size: 30px;
    line-height: 1.3333333333;
    padding: 16px 22px;
    border-width: 4px;
  }
}
@media (max-width: 750px) {
  textarea {
    font-size: 4vw;
    padding: 2.1333333333vw 2.9333333333vw;
    border-width: 0.5333333333vw;
  }
}

/*----- VENDORS -----*/
/*----- COMPONENTS -----*/
/*--------------- 按鈕 ---------------*/
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 500;
  background: #fff;
}
.button.button-icon-left {
  justify-content: flex-start;
}
.button.button-icon-left::before {
  position: relative;
  left: -2px;
  content: "";
  aspect-ratio: 1/1;
  height: 100%;
  margin-right: 10px;
  border-radius: 100%;
  border: #000 2px solid;
  background-color: #fff177;
  background-position: center 0;
  background-size: 41px 84px;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .button.button-icon-left::before {
    margin-right: 18px;
    border-width: 4px;
    background-size: 83px auto;
  }
}
@media (max-width: 750px) {
  .button.button-icon-left::before {
    margin-right: 2.4vw;
    border-width: 0.5333333333vw;
    background-size: 11.0666666667vw auto;
  }
}
.button.button-icon-left:active::before {
  background-color: #ffcc00;
  background-position: center -42px;
}
@media (max-width: 1000px) {
  .button.button-icon-left:active::before {
    background-position: center 0;
  }
}
@media (hover: hover) and (min-width: 751px) {
  .button.button-icon-left:hover::before {
    background-color: #ffcc00;
    background-position: center -42px;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  .button.button-icon-left:hover::before {
    background-position: center 0;
  }
}
.button:active {
  color: #000;
  background: #e6e6e6;
}
@media (hover: hover) and (min-width: 751px) {
  .button:hover {
    color: #000;
    background: #e6e6e6;
  }
}

/*----- LAYOUT -----*/
#main {
  position: relative;
  z-index: 0;
}
#main .section {
  position: relative;
}
@media (max-width: 1000px) {
  #main .section:not(#index, #catalog) .inner {
    max-width: 100%;
  }
}
@media (max-width: 1000px) {
  #main.with-wreath.desktop::after {
    display: none;
  }
}
#main.with-wreath::after {
  content: "";
  display: block;
  width: 100%;
  height: 274px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/wreath.png?v=8563970963") center 0 no-repeat;
  position: relative;
  z-index: 2;
}
@media (max-width: 1000px) {
  #main.with-wreath::after {
    height: 40.1333333333vw;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/wreath_m.png?v=8563970963");
    background-size: 100% 100%;
  }
}

#pop-login .pop__footer,
#pop-login_notice .pop__footer {
  background: #c59256;
}
#pop-login .pop__buttons,
#pop-login_notice .pop__buttons {
  padding-top: 24px;
}
@media (max-width: 1000px) {
  #pop-login .pop__buttons,
  #pop-login_notice .pop__buttons {
    padding-top: 38px;
  }
}
@media (max-width: 750px) {
  #pop-login .pop__buttons,
  #pop-login_notice .pop__buttons {
    padding-top: 5.0666666667vw;
  }
}
#pop-login .pop__button,
#pop-login_notice .pop__button {
  align-items: center;
  justify-content: flex-start;
  height: 45px;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-login .pop__button,
  #pop-login_notice .pop__button {
    height: 90px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-login .pop__button,
  #pop-login_notice .pop__button {
    height: 12vw;
    border-radius: 12vw;
  }
}
#pop-login .pop__button-fb-login,
#pop-login_notice .pop__button-fb-login {
  width: 124px;
  color: #fff;
  font-size: 20px;
  margin: 0 auto;
  background: #494cd8;
}
@media (max-width: 1000px) {
  #pop-login .pop__button-fb-login,
  #pop-login_notice .pop__button-fb-login {
    width: 230px;
    font-size: 36px;
  }
}
@media (max-width: 750px) {
  #pop-login .pop__button-fb-login,
  #pop-login_notice .pop__button-fb-login {
    width: 30.6666666667vw;
    font-size: 4.8vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-login .pop__button-fb-login:hover,
  #pop-login_notice .pop__button-fb-login:hover {
    background: #2427a4;
  }
  #pop-login .pop__button-fb-login:hover::before,
  #pop-login_notice .pop__button-fb-login:hover::before {
    background-position: 0 -46px;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-login .pop__button-fb-login:hover::before,
  #pop-login_notice .pop__button-fb-login:hover::before {
    background-position: 0 0;
  }
}
#pop-login .pop__button-fb-login::before,
#pop-login_notice .pop__button-fb-login::before {
  content: "";
  position: relative;
  top: -1px;
  left: -2px;
  width: 46px;
  height: 46px;
  margin-right: 12px;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-fb-2025.png?v=8563970963");
}
@media (max-width: 1000px) {
  #pop-login .pop__button-fb-login::before,
  #pop-login_notice .pop__button-fb-login::before {
    width: 91px;
    height: 91px;
    margin-right: 22px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-fb-2025_m.png?v=8563970963");
    background-size: contain;
  }
}
@media (max-width: 750px) {
  #pop-login .pop__button-fb-login::before,
  #pop-login_notice .pop__button-fb-login::before {
    top: 0;
    left: -0.2666666667vw;
    width: 12.1333333333vw;
    height: 12.1333333333vw;
    margin-right: 2.9333333333vw;
  }
}

#pop-earned_coins {
  width: 456px;
  margin-top: 108px;
  margin-bottom: 108px;
  padding: 48px 40px 31px 40px;
}
@media (max-width: 1000px) {
  #pop-earned_coins {
    width: 580px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding: 88px 34px 76px 34px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins {
    width: 77.3333333333vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding: 11.7333333333vw 4.5333333333vw 10.1333333333vw 4.5333333333vw;
  }
}
#pop-earned_coins .pop__header {
  margin-bottom: 22px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__header {
    margin-bottom: 46px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__header {
    margin-bottom: 6.1333333333vw;
  }
}
#pop-earned_coins .pop__header .pop__text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  margin-bottom: 12px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__header .pop__text {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__header .pop__text {
    font-size: 3.7333333333vw;
    margin-bottom: 2.1333333333vw;
  }
}
#pop-earned_coins .pop__header .pop__text::before, #pop-earned_coins .pop__header .pop__text::after {
  content: "";
  width: 12px;
  height: 11px;
  margin: 0 4px 0 8px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__header .pop__text::before, #pop-earned_coins .pop__header .pop__text::after {
    width: 20px;
    height: 19px;
    margin: 0 6px 0 14px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star_m.png?v=8563970963");
    background-size: contain;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__header .pop__text::before, #pop-earned_coins .pop__header .pop__text::after {
    width: 2.6666666667vw;
    height: 2.5333333333vw;
    margin: 0 0.8vw 0 1.8666666667vw;
  }
}
#pop-earned_coins .pop__header .pop__text span {
  color: #a7d2e9;
  font-size: 20px;
  font-weight: 600;
  margin: 0 5px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__header .pop__text span {
    font-size: 28px;
    margin: 0 8px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__header .pop__text span {
    font-size: 3.7333333333vw;
    margin: 0 1.0666666667vw;
  }
}
#pop-earned_coins .pop__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
#pop-earned_coins .pop__title span {
  position: relative;
  color: #a7d2e9;
  font-size: 30px;
  margin: 0 6px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__title span {
    font-size: 48px;
    margin: 0 12px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__title span {
    font-size: 6.4vw;
    margin: 0 1.6vw;
  }
}
#pop-earned_coins .pop__title::after {
  content: none;
}
#pop-earned_coins .pop__tips {
  font-size: 16px;
  text-align: center;
  margin-top: 0.7em;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__tips {
    font-size: 24px;
    margin-top: 0.9em;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__tips {
    font-size: 3.2vw;
  }
}
#pop-earned_coins .pop__content .pop__text {
  font-size: 16px;
  text-align: left;
  line-height: 1.75;
  padding: 22px 22px 18px 22px;
  background: #b8000e;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__content .pop__text {
    font-size: 24px;
    line-height: 1.8333333333;
    padding: 34px 24px 22px 28px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__content .pop__text {
    font-size: 3.2vw;
    padding: 4.5333333333vw 3.2vw 2.9333333333vw 3.7333333333vw;
  }
}
#pop-earned_coins .pop__navigation {
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__navigation {
    margin-top: 60px;
    margin-bottom: 10px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__navigation {
    margin-top: 8vw;
    margin-bottom: 1.3333333333vw;
  }
}
#pop-earned_coins .pop__navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 14px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__navigation ul {
    padding: 0 10px 0 2px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__navigation ul {
    padding: 0 1.3333333333vw 0 0.2666666667vw;
  }
}
#pop-earned_coins .pop__navigation li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__navigation li {
    margin-bottom: 44px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__navigation li {
    margin-bottom: 5.8666666667vw;
  }
}
#pop-earned_coins .pop__navigation li::before {
  content: "";
  position: relative;
  top: -2px;
  width: 12px;
  height: 11px;
  margin: 0 8px 0 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__navigation li::before {
    width: 20px;
    height: 19px;
    margin: 0 12px 0 0;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star_m.png?v=8563970963");
    background-size: contain;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__navigation li::before {
    top: -0.2666666667vw;
    width: 2.6666666667vw;
    height: 2.5333333333vw;
    margin: 0 1.6vw 0 0;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-earned_coins .pop__navigation li:hover::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star_yellow.png?v=8563970963");
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-earned_coins .pop__navigation li:hover::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-star_m.png?v=8563970963");
  }
}
#pop-earned_coins .pop__navigation a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.9px;
  padding-left: 0.9px;
  padding-bottom: 6px;
  border-bottom: #fff 1px solid;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__navigation a {
    font-size: 30px;
    letter-spacing: 1.5px;
    padding-left: 1.5px;
    padding-bottom: 12px;
    border-bottom-width: 1px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__navigation a {
    font-size: 4vw;
    letter-spacing: 0.2vw;
    padding-left: 0.2vw;
    padding-bottom: 1.6vw;
    border-bottom-width: 0.1333333333vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-earned_coins .pop__navigation a:hover {
    color: #fff95a;
    border-color: #fff95a;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-earned_coins .pop__navigation a:hover {
    color: #fff;
    border-color: #fff;
  }
}
#pop-earned_coins .pop__button-check {
  justify-content: flex-start;
  width: 242px;
  height: 45px;
  color: #fff;
  font-size: 20px;
  margin: 0 auto;
  border-radius: 45px;
  background: #008de6;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__button-check {
    width: 458px;
    height: 90px;
    font-size: 36px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__button-check {
    width: 61.0666666667vw;
    height: 12vw;
    font-size: 4.8vw;
    border-radius: 12vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-earned_coins .pop__button-check:hover {
    background: #005ce6;
  }
  #pop-earned_coins .pop__button-check:hover::before {
    background-position: 0 -48px;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-earned_coins .pop__button-check:hover::before {
    background-position: 0 0;
  }
}
#pop-earned_coins .pop__button-check::before {
  content: "";
  position: relative;
  left: -2px;
  width: 46px;
  height: 46px;
  margin-right: 8px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/icon-dollar.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__button-check::before {
    width: 91px;
    height: 90px;
    margin-right: 20px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/icon-dollar_m.png?v=8563970963");
    background-size: contain;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__button-check::before {
    left: -0.2666666667vw;
    width: 12.1333333333vw;
    height: 12vw;
    margin-right: 2.6666666667vw;
  }
}
#pop-earned_coins .pop__footer {
  height: 50px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__footer {
    height: 122px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__footer {
    height: 16.2666666667vw;
  }
}
#pop-earned_coins .pop__close {
  top: -33px;
  right: -32px;
}
@media (max-width: 1000px) {
  #pop-earned_coins .pop__close {
    top: -53px;
    right: -48px;
  }
}
@media (max-width: 750px) {
  #pop-earned_coins .pop__close {
    top: -7.0666666667vw;
    right: -6.4vw;
  }
}

.pop__main--greeting {
  --animationWidth: -1920px;
  width: 100%;
  margin: 180px auto;
}
@media (max-width: 1000px) {
  .pop__main--greeting {
    --animationWidth: -2496px;
  }
}
@media (max-width: 750px) {
  .pop__main--greeting {
    --animationWidth: -332.8vw;
  }
}
.pop__main--greeting .pop__animation {
  position: relative;
  width: 100%;
  height: 250px;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__animation {
    height: 325px;
  }
}
@media (max-width: 750px) {
  .pop__main--greeting .pop__animation {
    height: 43.3333333333vw;
  }
}
.pop__main--greeting .pop__animation::before, .pop__main--greeting .pop__animation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.pop__main--greeting .pop__animation::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-background.png?v=8563970963");
  z-index: 0;
  animation: greetingAnimation 20s linear infinite;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__animation::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-background_m.png?v=8563970963");
  }
}
.pop__main--greeting .pop__animation::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-foreground.png?v=8563970963");
  z-index: 2;
  animation: greetingAnimation 10s linear infinite;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__animation::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-foreground_m.png?v=8563970963");
  }
}
.pop__main--greeting .pop__animation__train {
  position: relative;
  height: 100%;
  background: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-train.png?v=8563970963") center center no-repeat;
  background-size: auto 100%;
  z-index: 1;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__animation__train {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-train_m.png?v=8563970963");
  }
}
@keyframes greetingAnimation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: var(--animationWidth) 0;
  }
}
.pop__main--greeting .pop__text {
  font-size: 24px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 34px;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__text {
    font-size: 36px;
    font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 46px;
  }
}
@media (max-width: 750px) {
  .pop__main--greeting .pop__text {
    font-size: 4.8vw;
    margin-top: 6.1333333333vw;
  }
}
.pop__main--greeting .pop__stars {
  position: relative;
  left: -2px;
  width: 78px;
  height: 13px;
  margin: 16px auto 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-stars.png?v=8563970963") 0 0 no-repeat;
  animation: greetingStars 2s steps(6) infinite;
  --animationStarsY: -84px;
}
@media (max-width: 1000px) {
  .pop__main--greeting .pop__stars {
    left: -2px;
    width: 138px;
    height: 22px;
    margin: 24px auto 0;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/greeting-animation-stars_m.png?v=8563970963");
    --animationStarsY: -144px;
  }
}
@media (max-width: 750px) {
  .pop__main--greeting .pop__stars {
    left: -0.2666666667vw;
    width: 18.4vw;
    height: 2.9333333333vw;
    margin: 3.2vw auto 0;
    background-size: 18.4vw 19.2vw;
    --animationStarsY: -19.2vw;
  }
}
@keyframes greetingStars {
  to {
    background-position: 0 var(--animationStarsY);
  }
}
.pop__main--greeting .pop__description {
  color: #b9b8c4;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  line-height: 1.7777777778;
  letter-spacing: 0.1em;
  padding-top: 20px;
}
.pop__main--greeting .pop__footer {
  display: none;
}

#pop-greeting-place {
  width: 390px;
  padding: 68px 50px 84px 50px;
}
@media (max-width: 1000px) {
  #pop-greeting-place {
    width: 580px;
    padding: 152px 45px 190px 45px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-place {
    width: 77.3333333333vw;
    padding: 20.2666666667vw 6vw 25.3333333333vw 6vw;
  }
}
#pop-greeting-place::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 153px;
  height: 82px;
  transform: translate(-50%, -50%);
  background: url("https://jci-isharing.books.com.tw/assets/images/greeting/icon-flake.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-greeting-place::before {
    width: 266px;
    height: 141px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/icon-flake_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  #pop-greeting-place::before {
    width: 35.4666666667vw;
    height: 18.8vw;
    background-size: contain;
  }
}
#pop-greeting-place::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 16px;
  width: 367px;
  height: 56px;
  background: url("https://jci-isharing.books.com.tw/assets/images/greeting/icon-city.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-greeting-place::after {
    bottom: -2px;
    left: 18px;
    width: 560px;
    height: 99px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/greeting/icon-city_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  #pop-greeting-place::after {
    bottom: -0.2666666667vw;
    left: 2.4vw;
    width: 74.6666666667vw;
    height: 13.2vw;
    background-size: contain;
  }
}
#pop-greeting-place .pop__title {
  white-space: pre-wrap;
}
#pop-greeting-place .pop__title::after {
  content: none;
}
#pop-greeting-place .pop__text {
  white-space: pre-wrap;
}

#pop-greeting-ibon {
  display: none;
  position: relative;
  width: 490px;
  color: #a098a3;
  letter-spacing: 1px;
  margin: 100px auto;
  padding: 70px 50px 66px;
  border-radius: 45px;
  background: #f6f3ec;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon {
    width: 622px;
    padding: 136px 40px 106px;
    border-radius: 47px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon {
    width: 82.9333333333vw;
    letter-spacing: 0.1333333333vw;
    margin: 13.3333333333vw auto;
    padding: 18.1333333333vw 5.3333333333vw 14.1333333333vw;
    border-radius: 6.2666666667vw;
  }
}
#pop-greeting-ibon::before {
  content: "";
  position: absolute;
  top: -36px;
  left: -17px;
  width: 499px;
  height: 107px;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon::before {
    top: -43px;
    left: -37px;
    width: 657px;
    height: 162px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon::before {
    top: -5.7333333333vw;
    left: -4.9333333333vw;
    width: 87.6vw;
    height: 21.6vw;
  }
}
#pop-greeting-ibon a {
  color: #9c77a9;
}
#pop-greeting-ibon .text {
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .text {
    font-size: 28px;
    font-weight: 400;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .text {
    font-size: 3.7333333333vw;
  }
}
#pop-greeting-ibon .message {
  color: #906c9c;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .message {
    font-size: 30px;
    margin-bottom: 28px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .message {
    font-size: 4vw;
    margin-bottom: 3.7333333333vw;
  }
}
#pop-greeting-ibon .note {
  color: #3c3c3c;
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 1.75;
  padding: 22px 34px;
  margin: 25px 0 22px;
  background: #e7e6e5;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .note {
    font-size: 30px;
    line-height: 1.8333333333;
    padding: 32px 38px;
    margin: 45px 36px 36px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .note {
    font-size: 4vw;
    letter-spacing: 0.0666666667vw;
    padding: 4.2666666667vw 5.0666666667vw;
    margin: 6vw 4.8vw 4.8vw;
  }
}

#pop-greeting-ibon {
  width: 456px;
  color: #000;
  font-size: 21px;
  font-family: "Noto Serif TC", "Times New Roman", "Times", serif;
  letter-spacing: 0.5px;
  line-height: 1.619047619;
  padding: 30px 30px 46px;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon {
    width: 652px;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 44px 44px 66px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon {
    width: 86.9333333333vw;
    font-size: 4vw;
    padding: 5.8666666667vw 5.8666666667vw 8.8vw;
    border-radius: 1.3333333333vw;
  }
}
#pop-greeting-ibon::before {
  content: none;
}
#pop-greeting-ibon .text {
  text-align: left;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .text {
    font-size: 30px;
    white-space: nowrap;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .text {
    font-size: 4vw;
  }
}
#pop-greeting-ibon .text span {
  display: inline-block;
  color: #fff;
  margin-bottom: 6px;
  margin-left: -2px;
  padding: 0 12px 1px;
  border-radius: 6px;
  background: #cf0022;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .text span {
    margin-bottom: 11px;
    margin-left: -6px;
    padding: 0 18px 3px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .text span {
    margin-bottom: 1.4666666667vw;
    margin-left: -0.8vw;
    padding: 0 2.4vw 0.4vw;
    border-radius: 0.8vw;
  }
}
#pop-greeting-ibon .text img {
  position: relative;
  top: -2px;
  width: 63px;
  margin-left: 7px;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .text img {
    top: -4px;
    width: 91px;
    margin-left: 9px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .text img {
    top: -0.5333333333vw;
    width: 12.1333333333vw;
    margin-left: 1.2vw;
  }
}
#pop-greeting-ibon .image {
  margin-top: 15px;
  margin-bottom: 15px;
  border: #d7d7d7 2px solid;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .image {
    margin-top: 23px;
    margin-bottom: 23px;
    border-width: 1px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .image {
    margin-top: 3.0666666667vw;
    margin-bottom: 3.0666666667vw;
  }
}
#pop-greeting-ibon .image img {
  display: block;
  width: 220px;
  height: auto;
  margin: 0 auto;
  padding: 23px 0;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .image img {
    width: 320px;
    padding: 33px 0;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .image img {
    width: 42.6666666667vw;
    padding: 4.4vw 0;
  }
}
#pop-greeting-ibon .btns {
  padding-top: 28px;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .btns {
    padding-top: 42px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .btns {
    padding-top: 5.6vw;
  }
}
#pop-greeting-ibon .btn-save {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  padding: 16px 20px 19px 24px;
  border-radius: 10px;
  background: #90c31f;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .btn-save {
    font-size: 36px;
    letter-spacing: 0.5px;
    padding: 19px 25px 23px 28px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .btn-save {
    font-size: 4.8vw;
    letter-spacing: 0.0666666667vw;
    padding: 2.5333333333vw 3.3333333333vw 3.0666666667vw 3.7333333333vw;
    border-radius: 1.3333333333vw;
  }
}

#pop-greeting-ibon .pop-close {
  position: absolute;
  top: -31px;
  right: -30px;
  width: 80px;
  height: 80px;
  font-size: 0;
  text-indent: -5000px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/menu-toggler-close.png?v=8563970963") 0 0 no-repeat;
  background-size: contain;
}
@media (max-width: 1000px) {
  #pop-greeting-ibon .pop-close {
    top: -28px;
    right: -25px;
    width: 112px;
    height: 112px;
  }
}
@media (max-width: 750px) {
  #pop-greeting-ibon .pop-close {
    top: -3.7333333333vw;
    right: -3.3333333333vw;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
  }
}
.no-deco #pop-greeting-ibon .pop-close {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/pop-close-2.png?v=8563970963") center center no-repeat;
  background-size: 20px 20px;
}
@media (max-width: 1000px) {
  .no-deco #pop-greeting-ibon .pop-close {
    width: 80px;
    height: 80px;
    background-size: 33px 33px;
  }
}
@media (max-width: 750px) {
  .no-deco #pop-greeting-ibon .pop-close {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background-size: 4.4vw 4.4vw;
  }
}

#pop-greeting-ibon .text {
  color: #000;
}
#pop-greeting-ibon .text strong {
  color: #3a0707;
}
#pop-greeting-ibon .text span {
  transform: none;
  padding: 0 8px 1px;
  letter-spacing: 1px;
  font-size: 21px;
}

#pop-greeting-ibon .btns {
  text-align: center;
  margin: 34px 0 20px 0;
}

#pop-greeting-ibon .pop-close {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: url(https://jci-isharing.books.com.tw/assets/images/common/pop-close-2.png?v=8563970963) no-repeat center/40%;
}

#pop-binding_success {
  width: 380px;
  margin-top: 228px;
  margin-bottom: 228px;
  padding-top: 105px;
  padding-bottom: 48px;
}
@media (max-width: 1000px) {
  #pop-binding_success {
    width: 586px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding-top: 170px;
    padding-bottom: 114px;
  }
}
@media (max-width: 750px) {
  #pop-binding_success {
    width: 78.1333333333vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding-top: 22.6666666667vw;
    padding-bottom: 15.2vw;
  }
}
@media (max-width: 1000px) {
  #pop-binding_success .pop__text {
    font-size: 36px;
  }
}
@media (max-width: 750px) {
  #pop-binding_success .pop__text {
    font-size: 4.8vw;
  }
}
#pop-binding_success .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
}
@media (max-width: 1000px) {
  #pop-binding_success .pop__buttons {
    flex-direction: column;
    padding-top: 85px;
  }
}
@media (max-width: 750px) {
  #pop-binding_success .pop__buttons {
    padding-top: 11.3333333333vw;
  }
}
#pop-binding_success .pop__button {
  height: 45px;
  font-size: 20px;
  margin: 0 5px;
  padding-bottom: 2px;
  border-radius: 45px;
  padding: 0;
  width: 162px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1000px) {
  #pop-binding_success .pop__button {
    width: 332px;
    height: 90px;
    font-size: 40px;
    letter-spacing: 0.4px;
    margin: 0;
  }
}
@media (max-width: 750px) {
  #pop-binding_success .pop__button {
    width: 44.2666666667vw;
    height: 12vw;
    font-size: 5.3333333333vw;
    letter-spacing: 0.0533333333vw;
    border-radius: 12vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-binding_success .pop__button:hover::after {
    background-position: 20px center;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-binding_success .pop__button:hover::after {
    background-position: 32px center;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 750px) {
  #pop-binding_success .pop__button:hover::after {
    background-position: 4.2666666667vw center;
  }
}
#pop-binding_success .pop__button-back {
  background-color: #1867b8;
}
@media (hover: hover) and (min-width: 751px) {
  #pop-binding_success .pop__button-back:hover {
    background-color: #155ba1;
  }
}
#pop-binding_success .pop__button-back::after {
  width: 45px;
  height: 45px;
  margin-left: 7px;
  border-radius: 45px;
  border: #000 2px solid;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow.png?v=8563970963");
  background-color: #fff;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  #pop-binding_success .pop__button-back::after {
    width: 90px;
    height: 90px;
    margin-left: 10px;
    border-width: 4px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_m.png?v=8563970963");
    background-position: 32px center;
    background-size: 24px 36px;
    align-self: flex-start;
  }
}
@media (max-width: 750px) {
  #pop-binding_success .pop__button-back::after {
    width: 12vw;
    height: 12vw;
    margin-left: 1.3333333333vw;
    border-width: 0.5333333333vw;
    background-position: 4.2666666667vw center;
    background-size: 3.2vw 4.8vw;
  }
}
@media (max-width: 1000px) {
  #pop-binding_success .desktop {
    display: none;
  }
}
#pop-binding_success .mobile {
  display: none;
}
@media (max-width: 1000px) {
  #pop-binding_success .mobile {
    display: block;
  }
}

#pop-record_exchange {
  width: 455px;
  margin-top: 95px;
  margin-bottom: 95px;
  padding: 52px 25px 79px 25px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
@media (max-width: 1000px) {
  #pop-record_exchange {
    width: 588px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding: 74px 31px 100px 31px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange {
    width: 78.4vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding: 9.8666666667vw 4.1333333333vw 13.3333333333vw 4.1333333333vw;
  }
}
#pop-record_exchange .pop__header {
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__header {
    margin-bottom: 43px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__header {
    margin-bottom: 5.7333333333vw;
  }
}
#pop-record_exchange .pop__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3b2f1d;
}
#pop-record_exchange .pop__title span {
  color: #f64a2f;
  font-size: 30px;
  margin: 0 6px;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__title span {
    font-size: 48px;
    margin: 0 12px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__title span {
    font-size: 6.4vw;
    margin: 0 1.6vw;
  }
}
#pop-record_exchange .pop__title::after {
  content: none;
}
#pop-record_exchange .pop__content .pop__message {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  padding: 40px 30px 40px;
  margin-bottom: 21px;
  background: #c89457;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__content .pop__message {
    font-size: 30px;
    padding: 62px 40px 64px;
    margin-bottom: 46px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__content .pop__message {
    font-size: 4vw;
    padding: 8.2666666667vw 5.3333333333vw 8.5333333333vw;
    margin-bottom: 6.1333333333vw;
  }
}
#pop-record_exchange .pop__content .pop__message span {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 16px;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__content .pop__message span {
    font-size: 48px;
    margin-top: 26px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__content .pop__message span {
    font-size: 6.4vw;
    margin-top: 3.4666666667vw;
  }
}
#pop-record_exchange .pop__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__text {
    font-size: 30px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__text {
    font-size: 4vw;
  }
}
#pop-record_exchange .pop__cost {
  color: #f64a2f;
  font-size: 30px;
  font-weight: 700;
  margin: -5px 7px 0;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__cost {
    font-size: 48px;
    margin: -2px 9px 0;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__cost {
    font-size: 6.4vw;
    margin: -0.2666666667vw 1.2vw 0;
  }
}
#pop-record_exchange .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 28px;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__buttons {
    flex-direction: column;
    padding-top: 56px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__buttons {
    padding-top: 7.4666666667vw;
  }
}
#pop-record_exchange .pop__button {
  height: 45px;
  width: 162px;
  font-size: 20px;
  margin: 0 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__button {
    height: 90px;
    font-size: 36px;
    margin: 0 0 29px;
    width: 304px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__button {
    height: 12vw;
    font-size: 4.8vw;
    margin: 0 0 3.8666666667vw;
    width: 40.5333333333vw;
    border-radius: 12vw;
  }
}
#pop-record_exchange .pop__button-back {
  background-color: #1867b8;
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__button-back {
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_exchange .pop__button-back:hover {
    background: #1660aa;
  }
}
#pop-record_exchange .pop__button-confirm {
  background: #f64a2f;
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_exchange .pop__button-confirm:hover {
    background: #eb462d;
  }
}
#pop-record_exchange .pop__footer {
  height: 50px;
  background: linear-gradient(to bottom, #a77b48, #bf8d53);
}
@media (max-width: 1000px) {
  #pop-record_exchange .pop__footer {
    height: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_exchange .pop__footer {
    height: 8.5333333333vw;
  }
}

.pop__main--lottery {
  width: 332px;
  height: 530px;
  margin-top: 80px;
  margin-bottom: 80px;
  background: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  .pop__main--lottery {
    width: 546px;
    height: 939px;
    margin-top: 96px;
    margin-bottom: 96px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  .pop__main--lottery {
    width: 72.8vw;
    height: 125.2vw;
    margin-top: 12.8vw;
    margin-bottom: 12.8vw;
    background-size: contain;
  }
}
.pop__main--lottery::before {
  content: "";
  position: absolute;
  top: -26px;
  left: 50%;
  width: 61px;
  height: 71px;
  background: url("https://jci-isharing.books.com.tw/assets/images/record/icon-snowflake.png?v=8563970963") 0 0 no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 1000px) {
  .pop__main--lottery::before {
    top: -43px;
    width: 99px;
    height: 115px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-snowflake_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  .pop__main--lottery::before {
    top: -5.7333333333vw;
    width: 13.2vw;
    height: 15.3333333333vw;
    background-size: contain;
  }
}
.pop__main--lottery .pop__header {
  position: relative;
  width: 311px;
  height: 187px;
  margin: 11px auto 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-header.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__header {
    width: 512px;
    height: 308px;
    margin-top: 17px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-header_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__header {
    width: 68.2666666667vw;
    height: 41.0666666667vw;
    margin-top: 2.2666666667vw;
    background-size: contain;
  }
}
#pop-record_lottery-coins .pop__header::before {
  content: "";
  position: absolute;
  top: 43px;
  left: 66px;
  width: 178px;
  height: 156px;
  background: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-coins.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #pop-record_lottery-coins .pop__header::before {
    top: 74px;
    left: 105px;
    width: 298px;
    height: 260px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-coins_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-coins .pop__header::before {
    top: 9.8666666667vw;
    left: 14vw;
    width: 39.7333333333vw;
    height: 34.6666666667vw;
    background-size: contain;
  }
}

#pop-record_lottery-lose .pop__header {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-header-lose.png?v=8563970963");
}
@media (max-width: 1000px) {
  #pop-record_lottery-lose .pop__header {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-header-lose_M.png?v=8563970963");
  }
}

.pop__main--lottery .pop__content {
  color: #000;
  text-align: center;
  padding-top: 32px;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__content {
    padding-top: 74px;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__content {
    padding-top: 9.8666666667vw;
  }
}
.pop__main--lottery .pop__text {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__text {
    width: 490px;
    font-size: 26px;
    line-height: 1.5384615385;
    margin: 0 auto;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__text {
    width: 65.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
.pop__main--lottery .pop__result {
  color: #f21a1d;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-top: 4px;
  margin-bottom: 25px;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__result {
    font-size: 48px;
    margin-top: 6px;
    margin-bottom: 27px;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__result {
    font-size: 6.4vw;
    margin-top: 0.8vw;
    margin-bottom: 3.6vw;
  }
}
.pop__main--lottery .pop__buttons {
  display: flex;
  flex-direction: column;
  padding-top: 25px;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__buttons {
    padding-top: 41px;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__buttons {
    padding-top: 5.4666666667vw;
  }
}
.pop__main--lottery .pop__buttons li {
  margin: 0 auto;
}
.pop__main--lottery .pop__buttons li:first-child {
  margin-bottom: 13px;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__buttons li:first-child {
    margin-bottom: 35px;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__buttons li:first-child {
    margin-bottom: 4.6666666667vw;
  }
}
.pop__main--lottery .pop__button {
  height: 43px;
  font-size: 20px;
  padding: 0 20px 0px 25px;
  border-radius: 7px;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__button {
    height: 88px;
    font-size: 36px;
    padding: 0 62px 2px 70px;
    border-width: 4px;
    border-radius: 9px;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__button {
    height: 11.7333333333vw;
    font-size: 4.8vw;
    padding: 0 8.2666666667vw 0.2666666667vw 9.3333333333vw;
    border-width: 0.5333333333vw;
    border-radius: 1.2vw;
  }
}
.pop__main--lottery .pop__button::after {
  content: "";
  width: 8px;
  height: 10px;
  margin-left: 7px;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_red.png?v=8563970963");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__button::after {
    width: 10px;
    height: 15px;
    margin-left: 10px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_red_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__button::after {
    width: 1.3333333333vw;
    height: 2vw;
    margin-left: 1.3333333333vw;
  }
}
.pop__main--lottery .pop__button-again {
  color: #fff;
  background: #3293f6;
}
.pop__main--lottery .pop__button-again:active {
  background-color: #0061c4;
}
@media (hover: hover) and (min-width: 751px) {
  .pop__main--lottery .pop__button-again:hover {
    background-color: #0061c4;
  }
}
.pop__main--lottery .pop__button-draw {
  color: #fff;
  background: #ff639a;
}
.pop__main--lottery .pop__button-draw:active {
  background-color: #db1a5e;
}
@media (hover: hover) and (min-width: 751px) {
  .pop__main--lottery .pop__button-draw:hover {
    background-color: #db1a5e;
  }
}
.pop__main--lottery .pop__button-draw::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_yellow.png?v=8563970963");
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__button-draw::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_yellow_m.png?v=8563970963");
  }
}
.pop__main--lottery .pop__button-rule {
  color: #000;
  background: #fff;
}
.pop__main--lottery .pop__close {
  top: 124px !important;
  right: -39px !important;
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__close {
    top: 108px !important;
    right: -70px !important;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__close {
    top: 14.4vw !important;
    right: -9.3333333333vw !important;
  }
}
@media (max-width: 1000px) {
  .pop__main--lottery .pop__close::before {
    height: 206px !important;
  }
}
@media (max-width: 750px) {
  .pop__main--lottery .pop__close::before {
    height: 27.4666666667vw !important;
  }
}
@media (max-width: 1000px) {
  .pop__main--lottery .desktop {
    display: none;
  }
}

#pop-record_lottery-gift {
  width: 332px;
  height: auto;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-gift.png?v=8563970963");
  background-position: center top;
  background-size: 100.25% auto;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift {
    width: 546px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-gift_m.png?v=8563970963");
    background-size: 100% auto;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift {
    width: 72.8vw;
  }
}
#pop-record_lottery-gift .pop__content {
  padding-top: 35px;
  padding-bottom: 50px;
  background: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-gift_body.png?v=8563970963") center top no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift .pop__content {
    padding-top: 76px;
    padding-bottom: 84px;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift .pop__content {
    padding-top: 10.1333333333vw;
    padding-bottom: 11.2vw;
  }
}
#pop-record_lottery-gift .pop__gift {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 218px;
  height: 218px;
  transform: translateX(-52%);
  pointer-events: none;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift .pop__gift {
    top: 16px;
    width: 360px;
    height: 360px;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift .pop__gift {
    top: 2.1333333333vw;
    width: 48vw;
    height: 48vw;
  }
}
#pop-record_lottery-gift .pop__gift img {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center 95%;
  transform: scale(0.82);
}
#pop-record_lottery-gift .pop__result {
  line-height: 1.25;
  padding: 0 24px;
  margin-top: 2px;
  margin-bottom: 18px;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift .pop__result {
    padding: 0 62px;
    margin-top: 6px;
    margin-bottom: 22px;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift .pop__result {
    padding: 0 8.2666666667vw;
    margin-top: 0.8vw;
    margin-bottom: 2.9333333333vw;
  }
}
#pop-record_lottery-gift .pop__image {
  width: 286px;
  margin: 6px auto -14px;
  border: #e4e4e4 1px solid;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift .pop__image {
    width: 428px;
    margin: 13px auto 9px;
    border-width: 2px;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift .pop__image {
    width: 57.0666666667vw;
    margin: 1.7333333333vw auto 1.2vw;
    border-width: 0.2666666667vw;
  }
}
#pop-record_lottery-gift .pop__image img {
  display: block;
  width: 100%;
  height: auto;
}
#pop-record_lottery-gift .pop__buttons li:first-child {
  margin-bottom: 12px;
}
@media (max-width: 1000px) {
  #pop-record_lottery-gift .pop__buttons li:first-child {
    margin-bottom: 33px;
  }
}
@media (max-width: 750px) {
  #pop-record_lottery-gift .pop__buttons li:first-child {
    margin-bottom: 4.4vw;
  }
}

#pop-record_draw {
  width: 455px;
  margin-top: 95px;
  margin-bottom: 95px;
  padding: 52px 25px 79px 25px;
}
@media (max-width: 1000px) {
  #pop-record_draw {
    width: 588px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding: 74px 31px 120px 31px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw {
    width: 78.4vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding: 9.8666666667vw 4.1333333333vw 16vw 4.1333333333vw;
  }
}
#pop-record_draw .pop__header {
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__header {
    margin-bottom: 43px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__header {
    margin-bottom: 5.7333333333vw;
  }
}
#pop-record_draw .pop__title {
  align-items: center;
  justify-content: center;
  color: #3b2f1d;
}
#pop-record_draw .pop__title span {
  color: #f64a2f;
  font-size: 34px;
  margin: 0 6px;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__title span {
    font-size: 48px;
    margin: 0 12px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__title span {
    font-size: 6.4vw;
    margin: 0 1.6vw;
  }
}
#pop-record_draw .pop__title::after {
  content: none;
}
#pop-record_draw .pop__content .pop__message {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  padding: 40px 30px 40px;
  margin-bottom: 21px;
  background: #c89457;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__content .pop__message {
    font-size: 30px;
    padding: 62px 40px 64px;
    margin-bottom: 46px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__content .pop__message {
    font-size: 4vw;
    padding: 8.2666666667vw 5.3333333333vw 8.5333333333vw;
    margin-bottom: 6.1333333333vw;
  }
}
#pop-record_draw .pop__content .pop__message span {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.35;
  margin-top: 16px;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__content .pop__message span {
    font-size: 48px;
    margin-top: 26px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__content .pop__message span {
    font-size: 6.4vw;
    margin-top: 3.4666666667vw;
  }
}
#pop-record_draw .pop__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__text {
    font-size: 30px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__text {
    font-size: 4vw;
  }
}
#pop-record_draw .pop__cost {
  color: #f64a2f;
  font-size: 30px;
  font-weight: 700;
  margin: -5px 7px 0;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__cost {
    font-size: 48px;
    margin: -2px 9px 0;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__cost {
    font-size: 6.4vw;
    margin: -0.2666666667vw 1.2vw 0;
  }
}
#pop-record_draw .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__buttons {
    flex-direction: column;
    padding-top: 0px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__buttons {
    padding-top: 0vw;
  }
}
#pop-record_draw .pop__button {
  height: 45px;
  width: 162px;
  font-size: 20px;
  margin: 0 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__button {
    height: 90px;
    font-size: 36px;
    margin: 0 0 29px;
    width: 304px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__button {
    height: 12vw;
    font-size: 4.8vw;
    margin: 0 0 3.8666666667vw;
    width: 40.5333333333vw;
    border-radius: 12vw;
  }
}
#pop-record_draw .pop__button-back {
  background-color: #1867b8;
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__button-back {
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_draw .pop__button-back:hover {
    background: #1660aa;
  }
}
#pop-record_draw .pop__button-confirm {
  background: #f64a2f;
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_draw .pop__button-confirm:hover {
    background: #eb462d;
  }
}
#pop-record_draw .pop__footer {
  height: 50px;
  background: linear-gradient(to bottom, #a77b48, #bf8d53);
}
@media (max-width: 1000px) {
  #pop-record_draw .pop__footer {
    height: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw .pop__footer {
    height: 8.5333333333vw;
  }
}

#pop-record_op {
  width: 390px;
  margin-top: 228px;
  margin-bottom: 228px;
  padding-top: 38px;
  padding-bottom: 48px;
  padding-right: 14px;
  padding-left: 14px;
}
@media (max-width: 1000px) {
  #pop-record_op {
    width: 580px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding-top: 77px;
    padding-bottom: 79px;
  }
}
@media (max-width: 750px) {
  #pop-record_op {
    width: 77.3333333333vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding-top: 10.2666666667vw;
    padding-bottom: 10.5333333333vw;
  }
}
#pop-record_op .pop__header {
  margin-bottom: 0;
}
#pop-record_op .pop__cost {
  color: #83ffbd;
}
#pop-record_op .pop__gift {
  position: relative;
  top: 0.1em;
  color: #ffee8f;
  font-size: 24px;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__gift {
    top: 0.05em;
    font-size: 36px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__gift {
    font-size: 4.8vw;
  }
}
#pop-record_op .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 28px;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__buttons {
    flex-direction: column;
    padding-top: 27px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__buttons {
    padding-top: 3.6vw;
  }
}
@media (max-width: 1000px) {
  #pop-record_op .pop__buttons li:first-child {
    margin-bottom: 33px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__buttons li:first-child {
    margin-bottom: 4.4vw;
  }
}
#pop-record_op .pop__button {
  justify-content: flex-start;
  height: 45px;
  font-size: 18px;
  margin: 0 5px;
  border-radius: 22.5px;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button {
    justify-content: space-between;
    width: 397px;
    height: 90px;
    font-size: 36px;
    letter-spacing: 1.8px;
    margin: 0;
    padding-right: 0;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button {
    width: 52.9333333333vw;
    height: 12vw;
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
    border-radius: 12vw;
  }
}
#pop-record_op .pop__button::after {
  content: "";
  width: 20px;
  height: 18px;
  margin-bottom: -2px;
  background-position: 5px 0px;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button::after {
    width: 19px;
    height: 28px;
    background-position: center center;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button::after {
    width: 2.5333333333vw;
    height: 3.7333333333vw;
    background-size: cover;
  }
}
#pop-record_op .pop__button-back {
  padding: 0px 9px 0px 13px;
  background-color: #4a8147;
  color: #fff;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button-back {
    padding-right: 0;
    padding-left: 43px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button-back {
    padding-left: 5.7333333333vw;
  }
}
#pop-record_op .pop__button-back::after {
  margin-right: 0px;
  margin-left: 0;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow.png?v=8563970963");
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button-back::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_m.png?v=8563970963");
    background-size: cover;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button-back::after {
    margin-right: 2.4vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_op .pop__button-back:hover {
    background: #396437;
  }
}
#pop-record_op .pop__button-confirm {
  padding: 0px 22px 0px 31px;
  color: #fff;
  background: #1867b8;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button-confirm {
    padding-left: 117px;
    padding-right: 88px;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button-confirm {
    padding-left: 15.6vw;
    padding-right: 11.7333333333vw;
  }
}
#pop-record_op .pop__button-confirm::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow.png?v=8563970963");
  background-position: 9px 0;
}
@media (max-width: 1000px) {
  #pop-record_op .pop__button-confirm::after {
    margin-left: 0;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/icon-arrow_m.png?v=8563970963");
    background-size: cover;
    background-position: center center;
  }
}
@media (max-width: 750px) {
  #pop-record_op .pop__button-confirm::after {
    background-size: cover;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_op .pop__button-confirm:hover {
    background: #155ba1;
  }
}
#pop-record_draw-completed {
  width: 380px;
  margin-top: 95px;
  margin-bottom: 95px;
  padding-top: 140px;
  padding-bottom: 79px;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed {
    width: 586px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding-top: 220px;
    padding-bottom: 119px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed {
    width: 78.1333333333vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding-top: 29.3333333333vw;
    padding-bottom: 15.8666666667vw;
  }
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__header {
    margin-bottom: 14px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__header {
    margin-bottom: 1.8666666667vw;
  }
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__title::after {
    content: none;
  }
}
#pop-record_draw-completed .pop__text {
  font-size: 32px;
  color: #3b2f1d;
  font-weight: 900;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__text {
    font-size: 46px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__text {
    font-size: 6.1333333333vw;
  }
}
#pop-record_draw-completed .pop__rules {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__rules {
    padding-top: 40px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__rules {
    padding-top: 5.3333333333vw;
  }
}
#pop-record_draw-completed .pop__rules li {
  display: none;
}
#pop-record_draw-completed .pop__rules a {
  display: inline-block;
  color: #7f4902;
  font-size: 24px;
  letter-spacing: 1.2px;
  padding-bottom: 9px;
  font-weight: 900;
  border-bottom: #7f4902 1px solid;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__rules a {
    font-size: 30px;
    letter-spacing: 0;
    padding-bottom: 13px;
    border-bottom-width: 2px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__rules a {
    font-size: 4vw;
    padding-bottom: 1.7333333333vw;
    border-bottom-width: 0.2666666667vw;
  }
}
#pop-record_draw-completed .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__buttons {
    flex-direction: column;
    padding-top: 95px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__buttons {
    padding-top: 12.6666666667vw;
  }
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__buttons li:first-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__buttons li:first-child {
    margin-bottom: 0vw;
  }
}
#pop-record_draw-completed .pop__button {
  height: 45px;
  width: 162px;
  font-size: 20px;
  margin: 0 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__button {
    height: 90px;
    font-size: 36px;
    margin: 0 0 29px;
    width: 304px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__button {
    height: 12vw;
    font-size: 4.8vw;
    margin: 0 0 3.8666666667vw;
    width: 40.5333333333vw;
    border-radius: 12vw;
  }
}
#pop-record_draw-completed .pop__button-back {
  background-color: #1867b8;
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__button-back {
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_draw-completed .pop__button-back:hover {
    background: #1660aa;
  }
}
#pop-record_draw-completed .pop__button-confirm {
  background: #f64a2f;
}
@media (hover: hover) and (min-width: 751px) {
  #pop-record_draw-completed .pop__button-confirm:hover {
    background: #eb462d;
  }
}
#pop-record_draw-completed .pop__footer {
  height: 50px;
  background: linear-gradient(to bottom, #a77b48, #bf8d53);
}
@media (max-width: 1000px) {
  #pop-record_draw-completed .pop__footer {
    height: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-completed .pop__footer {
    height: 8.5333333333vw;
  }
}

#pop-record_draw-form {
  width: 456px;
  margin-top: 95px;
  padding-top: 46px;
  padding-bottom: 79px;
}
@media (max-width: 1000px) {
  #pop-record_draw-form {
    width: 586px;
    margin-top: 204px;
    margin-bottom: 204px;
    padding-top: 95px;
    padding-bottom: 118px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form {
    width: 78.1333333333vw;
    margin-top: 27.2vw;
    margin-bottom: 27.2vw;
    padding-top: 12.6666666667vw;
    padding-bottom: 15.7333333333vw;
  }
}
#pop-record_draw-form .pop__header {
  margin-bottom: 0;
}
#pop-record_draw-form .pop__title {
  color: #3b2f1d;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__title {
    font-size: 33px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__title {
    font-size: 4.4vw;
  }
}
#pop-record_draw-form .pop__title::after {
  content: none;
}
#pop-record_draw-form .pop__form {
  padding-top: 15px;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__form {
    padding-top: 35px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__form {
    padding-top: 4.6666666667vw;
  }
}
#pop-record_draw-form .pop__form .pop__field {
  display: flex;
  padding: 0 34px 0 37px;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__form .pop__field {
    padding: 0 84px 0 84px;
    margin-bottom: 30px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__form .pop__field {
    padding: 0 11.2vw 0 11.2vw;
    margin-bottom: 4vw;
  }
}
#pop-record_draw-form .pop__form label {
  color: #fff;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #c89457;
  width: 86px;
  height: 38px;
  line-height: 38px;
  padding-left: 14px;
  position: relative;
  font-size: 16px;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__form label {
    font-size: 26px;
    width: 162px;
    height: 64px;
    line-height: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__form label {
    font-size: 3.4666666667vw;
    width: 21.6vw;
    height: 8.5333333333vw;
    line-height: 8.5333333333vw;
  }
}
#pop-record_draw-form .pop__form label::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 21px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__form label::after {
    height: 42px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__form label::after {
    height: 5.6vw;
  }
}
#pop-record_draw-form .pop__form input {
  width: calc(100% - 86px);
  height: 38px;
  color: #fff;
  font-size: 16px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.9px;
  margin: 0;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  background: #c89457;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__form input {
    height: 64px;
    font-size: 28px;
    letter-spacing: 1.4px;
    padding: 0 26px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__form input {
    height: 8.5333333333vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.1866666667vw;
    padding: 0 3.4666666667vw;
  }
}
#pop-record_draw-form .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__buttons {
    flex-direction: column;
    padding-top: 12px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__buttons {
    padding-top: 1.6vw;
  }
}
#pop-record_draw-form .pop__button {
  width: 162px;
  height: 45px;
  font-size: 20px;
  border-radius: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #f64a2f;
  color: #fff;
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__button {
    width: 304px;
    height: 88px;
    font-size: 36px;
    letter-spacing: 1.8px;
    margin: 0;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__button {
    width: 40.5333333333vw;
    height: 11.7333333333vw;
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
    border-radius: 12vw;
  }
}
#pop-record_draw-form .pop__footer {
  height: 50px;
  background: linear-gradient(to bottom, #a77b48, #bf8d53);
}
@media (max-width: 1000px) {
  #pop-record_draw-form .pop__footer {
    height: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-form .pop__footer {
    height: 8.5333333333vw;
  }
}

#pop-record_draw-exchange {
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 1000px) {
  #pop-record_draw-exchange {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-exchange {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
#pop-record_draw-exchange .pop__header {
  overflow: hidden;
}
#pop-record_draw-exchange .pop__header > * {
  margin: 0.75em 0;
}
#pop-record_draw-exchange .pop__content img {
  display: block;
  width: 100%;
}
#pop-record_draw-exchange .pop__table {
  font-size: 18px;
  line-height: 1.6666666667;
}
@media (max-width: 1000px) {
  #pop-record_draw-exchange .pop__table {
    font-size: 24px;
    line-height: 1.6666666667;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-exchange .pop__table {
    font-size: 3.2vw;
  }
}
#pop-record_draw-exchange .pop__table th {
  color: #000;
  white-space: nowrap;
}
#pop-record_draw-exchange .pop__table td {
  color: #961010;
}
#pop-record_draw-exchange .pop__code {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 380px;
  height: 165px;
  color: #e60012;
  font-size: 30px;
  font-weight: 900;
  margin-top: 0.5em;
  border: #d2d2d2 1px solid;
  overflow: hidden;
}
@media (max-width: 1000px) {
  #pop-record_draw-exchange .pop__code {
    width: 100%;
    height: 222px;
    font-size: 40px;
    border-width: 2px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-exchange .pop__code {
    height: 29.6vw;
    font-size: 5.3333333333vw;
    border-width: 0.2666666667vw;
  }
}
#pop-record_draw-exchange .pop__code img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#pop-record_draw-exchange .pop__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.75em;
}
#pop-record_draw-exchange .pop__button {
  width: auto;
  height: 58px;
  color: #ffffff;
  font-size: 25px;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  border: 0;
  border-radius: 29px;
  padding: 0 26px 2px;
  margin: 0;
  background: #1867b8;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media (max-width: 1000px) {
  #pop-record_draw-exchange .pop__button {
    height: 80px;
    font-size: 34px;
    border-radius: 39px;
    padding: 0 28px 2px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-exchange .pop__button {
    height: 10.6666666667vw;
    font-size: 4.5333333333vw;
    border-radius: 5.2vw;
    padding: 0 3.7333333333vw 0.2666666667vw;
  }
}
#pop-record_draw-exchange .pop__content {
  overflow: hidden;
}
#pop-record_draw-exchange .pop__title {
  color: #e60012;
  font-weight: 600;
}
#pop-record_draw-exchange .pop__note {
  font-size: 14px;
  line-height: 1.2857142857;
  padding: 7px 8px;
  background-color: #eeeeee;
}
@media (max-width: 1000px) {
  #pop-record_draw-exchange .pop__note {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1.2727272727;
    padding: 8px 35px;
  }
}
@media (max-width: 750px) {
  #pop-record_draw-exchange .pop__note {
    font-size: 2.9333333333vw;
    padding: 1.0666666667vw 4.6666666667vw;
  }
}
#pop-record_draw-exchange .pop__label {
  margin-bottom: 0;
}

#pop-record_draw-claim {
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#pop-record_draw-claim .pop__label {
  margin-bottom: 0;
}

#pop-event_game-rule {
  width: 390px;
  margin-top: 180px;
  margin-bottom: 180px;
  padding: 42px 10px 38px;
}
@media (max-width: 1000px) {
  #pop-event_game-rule {
    width: 582px;
    margin-top: 220px;
    margin-bottom: 220px;
    padding: 126px 10px 76px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule {
    width: 77.6vw;
    margin-top: 29.3333333333vw;
    margin-bottom: 29.3333333333vw;
    padding: 16.8vw 1.3333333333vw 10.1333333333vw;
  }
}
#pop-event_game-rule .pop__title {
  text-indent: 0.5em;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__text:nth-of-type(1) {
    text-indent: 0.5em;
  }
}
#pop-event_game-rule .pop__text:nth-of-type(2) {
  margin-top: 14px;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__text:nth-of-type(2) {
    margin-top: 12px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__text:nth-of-type(2) {
    margin-top: 1.6vw;
  }
}
#pop-event_game-rule .pop__buttons {
  padding-top: 22px;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__buttons {
    padding-top: 30px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__buttons {
    padding-top: 4vw;
  }
}
#pop-event_game-rule .pop__button {
  align-items: center;
  justify-content: flex-start;
  height: 45px;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__button {
    height: 90px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__button {
    height: 12vw;
    border-radius: 12vw;
  }
}
#pop-event_game-rule .pop__button::after {
  flex-shrink: 0;
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 45px;
  border: #000 2px solid;
  background-color: #fff;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__button::after {
    width: 90px;
    height: 90px;
    border-width: 4px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__button::after {
    width: 12vw;
    height: 12vw;
    border-width: 0.5333333333vw;
  }
}
#pop-event_game-rule .pop__button-start {
  justify-content: space-between;
  width: 122px;
  font-size: 20px;
  margin: 0 auto;
  padding-left: 26px;
  background: #fff600;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__button-start {
    width: 228px;
    font-size: 36px;
    letter-spacing: 1.8px;
    padding-left: 42px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__button-start {
    width: 30.4vw;
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
    padding-left: 5.6vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-event_game-rule .pop__button-start:hover {
    background: #fff600;
  }
  #pop-event_game-rule .pop__button-start:hover::after {
    background-color: #007fc8;
    background-position: center bottom;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-event_game-rule .pop__button-start:hover::after {
    background-position: center top;
  }
}
#pop-event_game-rule .pop__button-start::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/eventgame/icon-start.png?v=8563970963");
  background-color: #008bdb;
  background-position: center top;
}
@media (max-width: 1000px) {
  #pop-event_game-rule .pop__button-start::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/eventgame/icon-start_m.png?v=8563970963");
    background-size: 82px 82px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-rule .pop__button-start::after {
    background-size: 10.9333333333vw 10.9333333333vw;
  }
}

#pop-event_game-success,
#pop-event_game-fail {
  width: 390px;
  margin-top: 180px;
  margin-bottom: 180px;
  padding: 42px 10px 104px;
}
@media (max-width: 1000px) {
  #pop-event_game-success,
  #pop-event_game-fail {
    width: 582px;
    margin-top: 220px;
    margin-bottom: 220px;
    padding: 126px 10px 174px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success,
  #pop-event_game-fail {
    width: 77.6vw;
    margin-top: 29.3333333333vw;
    margin-bottom: 29.3333333333vw;
    padding: 16.8vw 1.3333333333vw 23.2vw;
  }
}
#pop-event_game-success .pop__title,
#pop-event_game-fail .pop__title {
  text-indent: 0.5em;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__text:nth-of-type(1),
  #pop-event_game-fail .pop__text:nth-of-type(1) {
    text-indent: 0.5em;
  }
}
#pop-event_game-success .pop__text:nth-of-type(2),
#pop-event_game-fail .pop__text:nth-of-type(2) {
  margin-top: 14px;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__text:nth-of-type(2),
  #pop-event_game-fail .pop__text:nth-of-type(2) {
    margin-top: 12px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__text:nth-of-type(2),
  #pop-event_game-fail .pop__text:nth-of-type(2) {
    margin-top: 1.6vw;
  }
}
#pop-event_game-success .pop__buttons,
#pop-event_game-fail .pop__buttons {
  padding-top: 22px;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__buttons,
  #pop-event_game-fail .pop__buttons {
    padding-top: 30px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__buttons,
  #pop-event_game-fail .pop__buttons {
    padding-top: 4vw;
  }
}
#pop-event_game-success .pop__button,
#pop-event_game-fail .pop__button {
  align-items: center;
  justify-content: flex-start;
  height: 45px;
  border-radius: 45px;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__button,
  #pop-event_game-fail .pop__button {
    height: 90px;
    border-radius: 90px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__button,
  #pop-event_game-fail .pop__button {
    height: 12vw;
    border-radius: 12vw;
  }
}
#pop-event_game-success .pop__button::after,
#pop-event_game-fail .pop__button::after {
  flex-shrink: 0;
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 45px;
  border: #000 2px solid;
  background-color: #fff;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__button::after,
  #pop-event_game-fail .pop__button::after {
    width: 90px;
    height: 90px;
    border-width: 4px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__button::after,
  #pop-event_game-fail .pop__button::after {
    width: 12vw;
    height: 12vw;
    border-width: 0.5333333333vw;
  }
}
#pop-event_game-success .pop__button-start,
#pop-event_game-fail .pop__button-start {
  justify-content: space-between;
  width: 122px;
  font-size: 20px;
  margin: 0 auto;
  padding-left: 26px;
  background: #fff600;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__button-start,
  #pop-event_game-fail .pop__button-start {
    width: 228px;
    font-size: 36px;
    letter-spacing: 1.8px;
    padding-left: 42px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__button-start,
  #pop-event_game-fail .pop__button-start {
    width: 30.4vw;
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
    padding-left: 5.6vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #pop-event_game-success .pop__button-start:hover,
  #pop-event_game-fail .pop__button-start:hover {
    background: #fff600;
  }
  #pop-event_game-success .pop__button-start:hover::after,
  #pop-event_game-fail .pop__button-start:hover::after {
    background-color: #007fc8;
    background-position: center bottom;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #pop-event_game-success .pop__button-start:hover::after,
  #pop-event_game-fail .pop__button-start:hover::after {
    background-position: center top;
  }
}
#pop-event_game-success .pop__button-start::after,
#pop-event_game-fail .pop__button-start::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/eventgame/icon-start.png?v=8563970963");
  background-color: #008bdb;
  background-position: center top;
}
@media (max-width: 1000px) {
  #pop-event_game-success .pop__button-start::after,
  #pop-event_game-fail .pop__button-start::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/eventgame/icon-start_m.png?v=8563970963");
    background-size: 82px 82px;
  }
}
@media (max-width: 750px) {
  #pop-event_game-success .pop__button-start::after,
  #pop-event_game-fail .pop__button-start::after {
    background-size: 10.9333333333vw 10.9333333333vw;
  }
}

#pop-wheel-success-prize {
  background-color: #e60012;
  width: 455px;
  position: relative;
  top: 110px;
  padding-top: 127px;
  min-height: 500px;
  margin-bottom: 157px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize {
    width: 77.3333333333vw;
    top: 27.4666666667vw;
    padding-top: 21.4666666667vw;
    margin-bottom: 34.8vw;
    min-height: 116vw;
  }
}
#pop-wheel-success-prize .pop__header {
  position: absolute;
  width: 218px;
  height: 218px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/pop_top.png?v=8563970963);
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  top: -67px;
  flex-direction: column;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__header {
    width: 40.5333333333vw;
    height: 40.5333333333vw;
    top: -16.9333333333vw;
    padding-top: 0;
  }
}
#pop-wheel-success-prize .pop__header .pop__award {
  width: 150px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__header .pop__award {
    width: 25.0666666667vw;
    margin-bottom: 1.6vw;
  }
}
#pop-wheel-success-prize .pop__header .pop__header_title {
  font-size: 24px;
  color: #ffee90;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-top: -10px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__header .pop__header_title {
    font-size: 4.8vw;
  }
}
#pop-wheel-success-prize .pop__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pop-wheel-success-prize .pop__content .pop__main_text {
  width: 375px;
  min-height: 112px;
  padding: 0.6em;
  background-color: #b8000e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  margin-bottom: 18px;
  line-height: 1.35;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__content .pop__main_text {
    width: 68.1333333333vw;
    min-height: 25.4666666667vw;
    font-size: 5.3333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-success-prize .pop__content .pop__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.94;
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__content .pop__text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
#pop-wheel-success-prize .pop__content .pop__btn_exchange {
  width: 241px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 56px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__content .pop__btn_exchange {
    width: 58.9333333333vw;
    height: 12vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange-m.png?v=8563970963);
    font-size: 4.8vw;
    line-height: 12vw;
    padding-left: 14.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-success-prize .pop__content .pop__btn_again {
  width: 181px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  font-size: 20px;
  padding-left: 26px;
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__content .pop__btn_again {
    width: 44.5333333333vw;
    height: 12.1333333333vw;
    line-height: 12.1333333333vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again-m.png?v=8563970963);
    font-size: 4.8vw;
    font-weight: bold;
    padding-left: 6.1333333333vw;
    margin-bottom: 10.4vw;
  }
}
#pop-wheel-success-prize .pop__footer {
  width: 100%;
  height: 50px;
  background-color: #b8000e;
  position: absolute;
  bottom: 0;
  left: auto;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__footer {
    height: 16vw;
  }
}
#pop-wheel-success-prize .pop__close {
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_x.png?v=8563970963);
  top: -2px;
  right: 0;
  width: 67px;
  height: 67px;
  background-size: cover;
  transform: translate(50%, -50%);
}
#pop-wheel-success-prize .pop__close:hover {
  background-position: center;
}
@media (max-width: 750px) {
  #pop-wheel-success-prize .pop__close {
    top: -0.2666666667vw;
    width: 13.4666666667vw;
    height: 13.4666666667vw;
  }
}

#pop-wheel-success-coin {
  background-color: #e60012;
  width: 455px;
  position: relative;
  top: 110px;
  padding-top: 127px;
  min-height: 500px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin {
    width: 77.3333333333vw;
    top: 27.4666666667vw;
    padding-top: 21.4666666667vw;
    min-height: 116vw;
  }
}
#pop-wheel-success-coin .pop__header {
  position: absolute;
  width: 218px;
  height: 218px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/pop_top.png?v=8563970963);
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  top: -67px;
  flex-direction: column;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__header {
    width: 40.5333333333vw;
    height: 40.5333333333vw;
    top: -16.9333333333vw;
    padding-top: 0;
  }
}
#pop-wheel-success-coin .pop__header .pop__award {
  width: 150px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__header .pop__award {
    width: 25.0666666667vw;
    margin-bottom: 1.6vw;
  }
}
#pop-wheel-success-coin .pop__header .pop__header_title {
  font-size: 24px;
  color: #ffee90;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-top: -10px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__header .pop__header_title {
    font-size: 4.8vw;
  }
}
#pop-wheel-success-coin .pop__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pop-wheel-success-coin .pop__content .pop__main_text {
  width: 375px;
  height: 112px;
  background-color: #b8000e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  margin-bottom: 18px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__content .pop__main_text {
    width: 68.1333333333vw;
    height: 25.4666666667vw;
    font-size: 6.4vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-success-coin .pop__content .pop__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.94;
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__content .pop__text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
#pop-wheel-success-coin .pop__content .pop__btn_exchange {
  width: 241px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 56px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__content .pop__btn_exchange {
    width: 58.9333333333vw;
    height: 12vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange-m.png?v=8563970963);
    font-size: 4.8vw;
    line-height: 12vw;
    padding-left: 14.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-success-coin .pop__content .pop__btn_again {
  width: 181px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  font-size: 20px;
  padding-left: 26px;
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__content .pop__btn_again {
    width: 44.5333333333vw;
    height: 12.1333333333vw;
    line-height: 12.1333333333vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again-m.png?v=8563970963);
    font-size: 4.8vw;
    font-weight: bold;
    padding-left: 6.1333333333vw;
    margin-bottom: 10.4vw;
  }
}
#pop-wheel-success-coin .pop__footer {
  width: 100%;
  height: 50px;
  background-color: #b8000e;
  position: absolute;
  bottom: 0;
  left: auto;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__footer {
    height: 16vw;
  }
}
#pop-wheel-success-coin .pop__close {
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_x.png?v=8563970963);
  top: -2px;
  right: 0;
  width: 67px;
  height: 67px;
  background-size: cover;
  transform: translate(50%, -50%);
}
#pop-wheel-success-coin .pop__close:hover {
  background-position: center;
}
@media (max-width: 750px) {
  #pop-wheel-success-coin .pop__close {
    top: -0.2666666667vw;
    width: 13.4666666667vw;
    height: 13.4666666667vw;
  }
}

#pop-wheel-fail {
  background-color: #e60012;
  width: 455px;
  position: relative;
  top: 110px;
  padding-top: 137px;
  min-height: 500px;
}
@media (max-width: 750px) {
  #pop-wheel-fail {
    width: 77.3333333333vw;
    top: 27.4666666667vw;
    padding-top: 32.8vw;
    min-height: 116vw;
  }
}
#pop-wheel-fail .pop__header {
  position: absolute;
  width: 218px;
  height: 218px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/pop_top.png?v=8563970963);
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  top: -67px;
  flex-direction: column;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__header {
    width: 40.5333333333vw;
    height: 40.5333333333vw;
    top: -16.9333333333vw;
    padding-top: 0;
  }
}
#pop-wheel-fail .pop__header .pop__award {
  width: 150px;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__header .pop__award {
    width: 25.0666666667vw;
    margin-bottom: 14.6666666667vw;
  }
}
#pop-wheel-fail .pop__header .pop__header_title {
  font-size: 24px;
  color: #ffee90;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-top: -10px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__header .pop__header_title {
    font-size: 4.8vw;
  }
}
#pop-wheel-fail .pop__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pop-wheel-fail .pop__content .pop__main_text {
  width: 375px;
  height: 112px;
  background-color: #b8000e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  margin-bottom: 18px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__content .pop__main_text {
    width: 68.1333333333vw;
    height: 25.4666666667vw;
    font-size: 6.4vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-fail .pop__content .pop__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.94;
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__content .pop__text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
#pop-wheel-fail .pop__content .pop__btn_exchange {
  width: 241px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 56px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__content .pop__btn_exchange {
    width: 58.9333333333vw;
    height: 12vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange-m.png?v=8563970963);
    font-size: 4.8vw;
    line-height: 12vw;
    padding-left: 14.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-fail .pop__content .pop__btn_again {
  width: 181px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  font-size: 20px;
  padding-left: 26px;
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__content .pop__btn_again {
    width: 44.5333333333vw;
    height: 12.1333333333vw;
    line-height: 12.1333333333vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again-m.png?v=8563970963);
    font-size: 4.8vw;
    font-weight: bold;
    padding-left: 6.1333333333vw;
    margin-bottom: 10.4vw;
  }
}
#pop-wheel-fail .pop__footer {
  width: 100%;
  height: 50px;
  background-color: #b8000e;
  position: absolute;
  bottom: 0;
  left: auto;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__footer {
    height: 16vw;
  }
}
#pop-wheel-fail .pop__close {
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_x.png?v=8563970963);
  top: -2px;
  right: 0;
  width: 67px;
  height: 67px;
  background-size: cover;
  transform: translate(50%, -50%);
}
#pop-wheel-fail .pop__close:hover {
  background-position: center;
}
@media (max-width: 750px) {
  #pop-wheel-fail .pop__close {
    top: -0.2666666667vw;
    width: 13.4666666667vw;
    height: 13.4666666667vw;
  }
}

#pop-wheel-again {
  background-color: #e60012;
  width: 455px;
  position: relative;
  top: 110px;
  padding-top: 137px;
  min-height: 500px;
}
@media (max-width: 750px) {
  #pop-wheel-again {
    width: 77.3333333333vw;
    top: 27.4666666667vw;
    padding-top: 32.8vw;
    min-height: 116vw;
  }
}
#pop-wheel-again .pop__header {
  position: absolute;
  width: 218px;
  height: 218px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/pop_top.png?v=8563970963);
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  top: -67px;
  flex-direction: column;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__header {
    width: 40.5333333333vw;
    height: 40.5333333333vw;
    top: -16.9333333333vw;
    padding-top: 0;
  }
}
#pop-wheel-again .pop__header .pop__award {
  width: 150px;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__header .pop__award {
    width: 25.0666666667vw;
    margin-bottom: 14.6666666667vw;
  }
}
#pop-wheel-again .pop__header .pop__header_title {
  font-size: 24px;
  color: #ffee90;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-top: -10px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__header .pop__header_title {
    font-size: 4.8vw;
  }
}
#pop-wheel-again .pop__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pop-wheel-again .pop__content .pop__main_text {
  width: 375px;
  height: 112px;
  background-color: #b8000e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  margin-bottom: 18px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__content .pop__main_text {
    width: 68.1333333333vw;
    height: 25.4666666667vw;
    font-size: 6.4vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-again .pop__content .pop__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.94;
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__content .pop__text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
#pop-wheel-again .pop__content .pop__btn_exchange {
  width: 241px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 20px;
  padding-left: 56px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__content .pop__btn_exchange {
    width: 58.9333333333vw;
    height: 12vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_exchange-m.png?v=8563970963);
    font-size: 4.8vw;
    line-height: 12vw;
    padding-left: 14.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#pop-wheel-again .pop__content .pop__btn_again {
  width: 181px;
  height: 45px;
  line-height: 45px;
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again.png?v=8563970963);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  font-size: 20px;
  padding-left: 26px;
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__content .pop__btn_again {
    width: 44.5333333333vw;
    height: 12.1333333333vw;
    line-height: 12.1333333333vw;
    background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_again-m.png?v=8563970963);
    font-size: 4.8vw;
    font-weight: bold;
    padding-left: 6.1333333333vw;
    margin-bottom: 10.4vw;
  }
}
#pop-wheel-again .pop__footer {
  width: 100%;
  height: 50px;
  background-color: #b8000e;
  position: absolute;
  bottom: 0;
  left: auto;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__footer {
    height: 16vw;
  }
}
#pop-wheel-again .pop__close {
  background-image: url(https://jci-isharing.books.com.tw/assets/images/wheel/btn_x.png?v=8563970963);
  top: -2px;
  right: 0;
  width: 67px;
  height: 67px;
  background-size: cover;
  transform: translate(50%, -50%);
}
#pop-wheel-again .pop__close:hover {
  background-position: center;
}
@media (max-width: 750px) {
  #pop-wheel-again .pop__close {
    top: -0.2666666667vw;
    width: 13.4666666667vw;
    height: 13.4666666667vw;
  }
}

#pop .pop__container:has(> .pop__main--about) {
  align-items: center;
  padding: min(2.0833333333vw, 40px) 0;
  background: rgba(0, 0, 0, 0.4);
}

#pop .pop__main--about {
  width: min(36.71875vw, 705px);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
#pop .pop__main--about .pop__close {
  position: absolute;
  z-index: 2;
  top: min(2.9255208333vw, 56.17px);
  right: min(3.5416666667vw, 68px);
  width: min(1.0416666667vw, 20px);
  height: min(1.0416666667vw, 20px);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
#pop .pop__main--about .pop__close::before, #pop .pop__main--about .pop__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1.3317708333vw, 25.57px);
  height: min(0.1333333333vw, 2.56px);
  border-radius: 999px;
  background: #782093;
}
#pop .pop__main--about .pop__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#pop .pop__main--about .pop__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) and (min-width: 751px) {
  #pop .pop__main--about .pop__close:hover::before, #pop .pop__main--about .pop__close:hover::after {
    background: #503259;
  }
}
#pop .pop__main--about .pop__close:active::before, #pop .pop__main--about .pop__close:active::after {
  background: #503259;
}

/* ---------- 年份介紹 ---------- */
#pop .pop__main--about-year {
  height: min(min(43.75vw, 840px), var(--vh, 1vh) * 100 - min(4.1666666667vw, 80px));
  overflow: hidden;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/popupbg.png?v=8563970963");
  background-size: 100% auto;
}
#pop .pop__main--about-year::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(1.5625vw, 30px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/popupbg.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
  pointer-events: none;
}

#pop .about-pop__scroll {
  position: absolute;
  left: min(5.2604166667vw, 101px);
  top: min(3.8541666667vw, 74px);
  width: min(27.6041666667vw, 530px);
  height: calc(100% - min(5.78125vw, 111px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
#pop .about-pop__scroll::-webkit-scrollbar {
  display: none;
}

#pop .about-pop__bar {
  position: absolute;
  z-index: 1;
  left: min(32.4479166667vw, 623px);
  top: min(5.9895833333vw, 115px);
  bottom: min(1.9270833333vw, 37px);
  width: 8px;
  background: #782093;
}

#pop .about-pop__bar-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #ff8baa;
  cursor: pointer;
  touch-action: none;
}

#pop .about-pop__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.4166666667vw, 8px);
  width: min(26.25vw, 504px);
  padding-bottom: min(2.0833333333vw, 40px);
  background: #fff8f2;
}
#pop .about-pop__content:not(.is-current) {
  display: none;
}

#pop .about-pop__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#pop .about-pop__nav {
  flex: none;
  width: min(2.2916666667vw, 44px);
  height: min(2.2916666667vw, 44px);
  padding: 0;
  border: none;
  background: no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}
#pop .about-pop__nav--prev {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pop-prev.svg");
}
#pop .about-pop__nav--next {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pop-next.svg");
}

#pop .about-pop__title {
  width: min(16.6666666667vw, 320px);
  color: #781f94;
  text-align: center;
}

#pop .about-pop__title-en {
  display: block;
  font-family: "Times New Roman", serif;
  font-size: min(2.0833333333vw, 40px);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

#pop .about-pop__title-zh {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: max(-0.5208333333vw, -10px) 0 0 50%;
  font-family: "Noto Serif TC", serif;
  font-size: min(2.0833333333vw, 40px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.2708333333vw, 5.2px);
  white-space: nowrap;
  transform: translateX(-50%) skewX(-12.79deg) scaleY(0.98);
}

#pop .about-pop__kv {
  display: block;
  width: min(19.7916666667vw, 380px);
  height: min(26.0416666667vw, 500px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

#pop .about-pop__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.0416666667vw, 20px);
}

#pop .about-pop__text {
  color: #36243b;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.0416666667vw, 20px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.0520833333vw, 1px);
  text-align: center;
}

#pop .about-pop__more {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 8px);
  color: #782093;
  font-family: "Times New Roman", serif;
  font-size: min(0.8333333333vw, 16px);
  line-height: normal;
  letter-spacing: max(-0.0333333333vw, -0.64px);
}
#pop .about-pop__more::after {
  content: "";
  flex: none;
  width: min(0.5208333333vw, 10px);
  height: min(1.0416666667vw, 20px);
  margin: 0 min(0.2604166667vw, 5px);
  transform: rotate(-90deg);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/pop-scroll.svg") no-repeat center;
  background-size: 100% 100%;
  animation: aboutScrollFloat 1.2s ease-in-out infinite alternate;
}
@keyframes aboutScrollFloat {
  from {
    translate: 0 -20%;
  }
  to {
    translate: 0 20%;
  }
}

#pop .about-pop__divider {
  flex: none;
  width: min(25vw, 480px);
  height: min(3.0760416667vw, 59.06px);
  background: url("https://jci-isharing.books.com.tw/assets/images/venue/deco-top.png?v=8563970963") no-repeat center;
  background-size: 100% 100%;
}
#pop .about-pop__divider--flip {
  transform: scaleY(-1);
}

#pop .about-pop__venue {
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.875vw, 36px);
  font-weight: 900;
  line-height: normal;
  letter-spacing: min(0.1875vw, 3.6px);
  text-align: center;
}

#pop .about-pop__photo {
  position: relative;
  display: block;
  flex: none;
  width: min(25.2083333333vw, 484px);
  height: auto;
  overflow: hidden;
  background: #d9d9d9;
}
#pop .about-pop__photo--16x9 {
  aspect-ratio: 16/9;
}
#pop .about-pop__photo--1x1 {
  aspect-ratio: 1/1;
}
#pop .about-pop__photo--9x16 {
  aspect-ratio: 9/16;
}

#pop .about-pop__photo-ratio {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #36243b;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.0416666667vw, 20px);
  font-weight: 700;
  letter-spacing: min(0.0520833333vw, 1px);
}

#pop .about-pop__gems {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 min(3.125vw, 60px);
}
#pop .about-pop__gems .about__gem {
  width: min(1.0416666667vw, 20px);
  height: min(1.0416666667vw, 20px);
}

#pop .about-pop__gem {
  flex: none;
  width: min(1.5625vw, 30px);
  height: min(2.0833333333vw, 40px);
  background: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-gem.png?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
}

/* ---------- 歷年主題城市列表 ---------- */
#pop .pop__main--about-list {
  height: min(27.5vw, 528px);
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/listbg.png?v=8563970963");
}
#pop .pop__main--about-list .pop__close {
  display: none;
}

#pop .about-list__title {
  position: absolute;
  left: 50%;
  top: min(3.0208333333vw, 58px);
  width: min(16.6666666667vw, 320px);
  transform: translateX(-50%);
  color: #781f94;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.3541666667vw, 26px);
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

#pop .about-list__rows {
  position: absolute;
  left: min(5.2083333333vw, 100px);
  top: min(6.0416666667vw, 116px);
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  -moz-column-gap: min(0.8333333333vw, 16px);
       column-gap: min(0.8333333333vw, 16px);
  row-gap: min(0.2083333333vw, 4px);
}

#pop .about-list__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(0.5208333333vw, 10px);
  width: min(12.7083333333vw, 244px);
  height: min(2.7083333333vw, 52px);
  padding: 0 min(1.3541666667vw, 26px) 0 min(0.3125vw, 6px);
  border: none;
  border-bottom: 1px solid rgba(217, 158, 51, 0.5);
  background: none;
  color: #875400;
  text-align: left;
  cursor: pointer;
}
#pop .about-list__row::after {
  content: "";
  position: absolute;
  left: min(11.4973958333vw, 220.75px);
  top: min(0.9244791667vw, 17.75px);
  width: min(0.4947916667vw, 9.5px);
  height: min(0.859375vw, 16.5px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/list-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}

#pop .about-list__year {
  font-family: "Times New Roman", serif;
  font-size: min(1.1458333333vw, 22px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: max(-0.0572916667vw, -1.1px);
}

#pop .about-list__city {
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}

#pop .about-list__done {
  position: absolute;
  left: min(14.8958333333vw, 286px);
  top: min(25.625vw, 492px);
  width: min(6.875vw, 132px);
  padding: min(0.2083333333vw, 4px) min(0.4166666667vw, 8px);
  border: 2px solid #de902d;
  border-radius: 4px;
  background: #fff5f7;
  color: #fe346a;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: min(1.25vw, 24px);
  text-align: center;
  cursor: pointer;
  transition: background-color 0.25s linear, color 0.25s linear;
}
@media (hover: hover) and (min-width: 751px) {
  #pop .about-list__done:hover {
    background: #fe346a;
    color: #fff5f7;
  }
}
#pop .about-list__done:active {
  background: #fe346a;
  color: #fff5f7;
}

@media (max-width: 1000px) {
  #pop .pop__container:has(> .pop__main--about) {
    padding: min(5.3333333333vw, 40px) 0;
  }
  #pop .pop__main--about {
    width: min(94vw, 705px);
  }
  #pop .pop__main--about .pop__close {
    top: min(7.4893333333vw, 56.17px);
    right: min(9.0666666667vw, 68px);
    width: min(5.3333333333vw, 40px);
    height: min(5.3333333333vw, 40px);
  }
  #pop .pop__main--about .pop__close::before, #pop .pop__main--about .pop__close::after {
    width: min(6.7946666667vw, 50.96px);
    height: min(0.68vw, 5.1px);
  }
  #pop .pop__main--about-year {
    height: min(min(192vw, 1440px), var(--vh, 1vh) * 100 - min(10.6666666667vw, 80px));
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/popupbg-m.png?v=8563970963");
  }
  #pop .pop__main--about-year::after {
    height: min(5.3333333333vw, 40px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/popupbg-m.png?v=8563970963");
  }
  #pop .about-pop__scroll {
    left: min(13.4666666667vw, 101px);
    top: min(9.8666666667vw, 74px);
    width: min(70.6666666667vw, 530px);
    height: calc(100% - min(15.7333333333vw, 118px));
  }
  #pop .about-pop__bar {
    left: min(83.0666666667vw, 623px);
    top: min(15.3333333333vw, 115px);
    bottom: min(5.8666666667vw, 44px);
  }
  #pop .about-pop__content {
    gap: min(1.0666666667vw, 8px);
    width: min(67.2vw, 504px);
    padding-bottom: min(5.3333333333vw, 40px);
  }
  #pop .about-pop__nav {
    width: min(8.5333333333vw, 64px);
    height: min(8.5333333333vw, 64px);
  }
  #pop .about-pop__nav--prev {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pop-prev-m.svg");
  }
  #pop .about-pop__nav--next {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pop-next-m.svg");
  }
  #pop .about-pop__title {
    width: min(42.6666666667vw, 320px);
  }
  #pop .about-pop__title-en {
    font-size: min(5.3333333333vw, 40px);
  }
  #pop .about-pop__title-zh {
    margin-top: max(-1.3333333333vw, -10px);
    font-size: min(8vw, 60px);
    letter-spacing: min(1.04vw, 7.8px);
  }
  #pop .about-pop__title-zh--latin {
    font-size: min(5.8666666667vw, 44px);
    letter-spacing: min(0.7626666667vw, 5.72px);
  }
  #pop .about-pop__kv {
    width: min(64.5333333333vw, 484px);
    height: min(84.912vw, 636.84px);
  }
  #pop .about-pop__intro {
    gap: min(2.6666666667vw, 20px);
  }
  #pop .about-pop__text {
    font-size: min(4.8vw, 36px);
    letter-spacing: min(0.24vw, 1.8px);
  }
  #pop .about-pop__more {
    gap: min(1.0666666667vw, 8px);
    font-size: min(4.2666666667vw, 32px);
    letter-spacing: max(-0.1706666667vw, -1.28px);
  }
  #pop .about-pop__more::after {
    width: min(2.6666666667vw, 20px);
    height: min(5.3333333333vw, 40px);
    margin: 0 min(1.3333333333vw, 10px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pop-scroll-m.svg");
  }
  #pop .about-pop__divider {
    width: min(64vw, 480px);
    height: min(7.8746666667vw, 59.06px);
  }
  #pop .about-pop__venue {
    font-size: min(4.8vw, 36px);
    letter-spacing: min(0.48vw, 3.6px);
  }
  #pop .about-pop__photo {
    width: min(64.5333333333vw, 484px);
  }
  #pop .about-pop__photo-ratio {
    font-size: min(2.6666666667vw, 20px);
    letter-spacing: min(0.1333333333vw, 1px);
  }
  #pop .about-pop__gems {
    padding: 0 min(8vw, 60px);
  }
  #pop .about-pop__gems .about__gem {
    width: min(2.6666666667vw, 20px);
    height: min(2.6666666667vw, 20px);
  }
  #pop .about-pop__gem {
    width: min(4vw, 30px);
    height: min(5.3333333333vw, 40px);
  }
  #pop .pop__main--about-list {
    height: min(149.8666666667vw, 1124px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/listbg-m.png?v=8563970963");
  }
  #pop .pop__main--about-list .pop__close {
    display: block;
  }
  #pop .about-list__title {
    top: min(9.8666666667vw, 74px);
    width: min(67.2vw, 504px);
    font-size: min(5.3333333333vw, 40px);
  }
  #pop .about-list__rows {
    left: min(13.4666666667vw, 101px);
    top: min(20.1333333333vw, 151px);
    grid-auto-flow: row;
    grid-template-rows: none;
    row-gap: min(2.6666666667vw, 20px);
  }
  #pop .about-list__row {
    gap: min(1.3333333333vw, 10px);
    width: min(67.2vw, 504px);
    height: min(7.0666666667vw, 53px);
    padding: 0 min(3.4666666667vw, 26px) 0 min(0.8vw, 6px);
  }
  #pop .about-list__row .about__gem {
    width: min(2.1333333333vw, 16px);
    height: min(2.1333333333vw, 16px);
  }
  #pop .about-list__row::after {
    left: min(61.7vw, 462.75px);
    top: min(1.5vw, 11.25px);
    width: min(2.2vw, 16.5px);
    height: min(4.0666666667vw, 30.5px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/list-arrow-m.svg");
  }
  #pop .about-list__year {
    width: min(24vw, 180px);
    font-size: min(5.8666666667vw, 44px);
    letter-spacing: max(-0.2933333333vw, -2.2px);
  }
  #pop .about-list__city {
    font-size: min(4.8vw, 36px);
  }
  #pop .about-list__done {
    left: min(29.4666666667vw, 221px);
    top: min(140.156vw, 1051.17px);
    width: min(35.2vw, 264px);
    padding: min(0.5333333333vw, 4px) min(1.0666666667vw, 8px);
    font-size: min(4.8vw, 36px);
    line-height: min(6.4vw, 48px);
  }
}
#pop-privacy {
  width: min(36.71875vw, 705px);
  height: min(35.2604166667vw, 677px);
  margin-top: min(3.125vw, 60px);
  margin-bottom: min(6.25vw, 120px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/popup/privacy/popupbg.png?v=8563970963") no-repeat center center/contain;
}
@media (max-width: 1000px) {
  #pop-privacy {
    width: min(100vw, 750px);
    height: min(146.9333333333vw, 1102px);
    margin-top: min(8vw, 60px);
    margin-bottom: min(24vw, 180px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/popup/privacy/popupbg-m.png?v=8563970963");
  }
}
#pop-privacy .privacy__title {
  color: #781f94;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.0416666667vw, 20px);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: min(4.0625vw, 78px);
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__title {
    font-size: min(5.3333333333vw, 40px);
    margin-top: min(18.6666666667vw, 140px);
  }
}
#pop-privacy .privacy__main {
  width: min(27.7083333333vw, 532px);
  height: min(28.2291666667vw, 542px);
  margin: min(0.625vw, 12px) 0 0 min(5.2083333333vw, 100px);
  overflow: auto;
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__main {
    width: min(70.4vw, 528px);
    height: min(113.0666666667vw, 848px);
    margin: min(1.6vw, 12px) 0 0 min(16vw, 120px);
  }
}
#pop-privacy .privacy__main::-webkit-scrollbar {
  width: min(0.4166666667vw, 8px);
  background: #782093;
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__main::-webkit-scrollbar {
    width: min(1.0666666667vw, 8px);
  }
}
#pop-privacy .privacy__main::-webkit-scrollbar-thumb {
  background: #ff8baa;
}
#pop-privacy .privacy__content {
  width: min(26.25vw, 504px);
  color: #000;
  font-size: min(0.8333333333vw, 16px);
  line-height: min(1.1458333333vw, 22px);
  letter-spacing: 0.05em;
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__content {
    width: min(68vw, 510px);
    font-size: min(4.2666666667vw, 32px);
    font-weight: 400;
    line-height: min(5.8666666667vw, 44px);
  }
}
#pop-privacy .privacy__content > *,
#pop-privacy .privacy__content ul li,
#pop-privacy .privacy__content li li {
  margin-bottom: 1em;
}
#pop-privacy .privacy__content h3 {
  font-size: min(0.9375vw, 18px);
  font-weight: 500;
  line-height: min(1.6666666667vw, 32px);
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__content h3 {
    font-size: min(4.8vw, 36px);
    line-height: min(8.5333333333vw, 64px);
  }
}
#pop-privacy .privacy__content h3::before {
  content: "・";
}
#pop-privacy .pop__close {
  position: absolute;
  z-index: 2;
  top: min(2.9255208333vw, 56.17px);
  right: min(3.5416666667vw, 68px);
  width: min(1.0416666667vw, 20px);
  height: min(1.0416666667vw, 20px);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
@media (max-width: 1000px) {
  #pop-privacy .pop__close {
    top: min(16.2666666667vw, 122px);
    right: min(15.7333333333vw, 118px);
    width: min(5.3333333333vw, 40px);
    height: min(5.3333333333vw, 40px);
  }
}
#pop-privacy .pop__close::before, #pop-privacy .pop__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1.3317708333vw, 25.57px);
  height: min(0.1333333333vw, 2.56px);
  border-radius: 999px;
  background: #782093;
}
@media (max-width: 1000px) {
  #pop-privacy .pop__close::before, #pop-privacy .pop__close::after {
    width: min(6.7946666667vw, 50.96px);
    height: min(0.68vw, 5.1px);
  }
}
#pop-privacy .pop__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#pop-privacy .pop__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) and (min-width: 751px) {
  #pop-privacy .pop__close:hover::before, #pop-privacy .pop__close:hover::after {
    background: #503259;
  }
}
#pop-privacy .pop__close:active::before, #pop-privacy .pop__close:active::after {
  background: #503259;
}
#pop-privacy .privacy__button {
  position: absolute;
  bottom: max(-0.4166666667vw, -8px);
  left: 50%;
  transform: translate(-50%, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(6.875vw, 132px);
  height: min(1.875vw, 36px);
  color: #fe346a;
  font-size: min(0.9375vw, 18px);
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  text-align: center;
  margin-top: min(1.4583333333vw, 28px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/btn-back_to_index.png?v=8563970963") no-repeat center top/contain;
  cursor: pointer;
}
@media (max-width: 1000px) {
  #pop-privacy .privacy__button {
    bottom: max(-2.4vw, -18px);
    width: min(35.2vw, 264px);
    height: min(9.6vw, 72px);
    font-size: min(4.8vw, 36px);
    margin-top: min(6.6666666667vw, 50px);
  }
}

#pop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  z-index: 2;
}

.pop__container {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: rgba(255, 246, 105, 0.75);
}
#pop.status--lottery .pop__container {
  background: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-light.png?v=8563970963") #5d000c center top no-repeat;
}
@media (max-width: 1000px) {
  #pop.status--lottery .pop__container {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/record/pop-record_lottery-light_m.png?v=8563970963");
    background-size: 100% auto;
  }
}
@media (max-width: 750px) {
  #pop.status--lottery .pop__container {
    background-size: 100vw 162.6666666667vw;
  }
}

#pop.status--privacy .pop__container {
  background: rgba(0, 0, 0, 0.6);
}

.pop__main {
  display: none;
  position: relative;
}
.pop__main .pop__content {
  position: relative;
  z-index: 1;
}
.pop__main .pop__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #c18f54;
  z-index: 0;
}
@media (max-width: 1000px) {
  .pop__main .pop__footer {
    height: 44px;
  }
}
@media (max-width: 750px) {
  .pop__main .pop__footer {
    height: 5.8666666667vw;
  }
}
.pop__main .pop__close {
  position: absolute;
  top: -34px;
  right: -31px;
  width: 66px;
  height: 67px;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/pop-close.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  .pop__main .pop__close {
    top: -53px;
    right: -48px;
    width: 101px;
    height: 101px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/pop-close_m.png?v=8563970963");
    background-size: contain;
  }
}
@media (max-width: 750px) {
  .pop__main .pop__close {
    top: -7.0666666667vw;
    right: -6.4vw;
    width: 13.4666666667vw;
    height: 13.4666666667vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  .pop__main .pop__close:hover {
    background-position: -66px 0;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  .pop__main .pop__close:hover {
    background-position: 0 0;
  }
}
.pop__main--default {
  background: #f6b568;
}
.pop__main--default .pop__header {
  margin-bottom: 14px;
}
@media (max-width: 1000px) {
  .pop__main--default .pop__header {
    margin-bottom: 32px;
  }
}
@media (max-width: 750px) {
  .pop__main--default .pop__header {
    margin-bottom: 4.2666666667vw;
  }
}
.pop__main--default .pop__title {
  color: #ffee8f;
  font-size: 24px;
  font-weight: 600;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.25;
  text-align: center;
}
@media (max-width: 1000px) {
  .pop__main--default .pop__title {
    font-size: 36px;
  }
}
@media (max-width: 750px) {
  .pop__main--default .pop__title {
    font-size: 4.8vw;
  }
}
.pop__main--default .pop__title::after {
  content: "";
  display: block;
  width: 75px;
  height: 10px;
  margin: 16px auto 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/pop-divider.png?v=8563970963") center center no-repeat;
  background-size: contain;
}
@media (max-width: 1000px) {
  .pop__main--default .pop__title::after {
    width: 129px;
    height: 18px;
    margin: 38px auto 0;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/pop-divider_m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  .pop__main--default .pop__title::after {
    width: 17.2vw;
    height: 2.4vw;
    margin: 5.0666666667vw auto 0;
  }
}
.pop__main--default .pop__text {
  color: #3b2f1d;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6666666667;
  text-align: center;
}
@media (max-width: 1000px) {
  .pop__main--default .pop__text {
    font-size: 30px;
    line-height: 1.8;
  }
}
@media (max-width: 750px) {
  .pop__main--default .pop__text {
    font-size: 4vw;
  }
}
.pop__main--message {
  min-width: 390px;
  margin-top: 228px;
  margin-bottom: 228px;
  padding: 44px 30px 42px 30px;
}
@media (max-width: 1000px) {
  .pop__main--message {
    width: 580px;
    min-width: 0;
    margin-top: 258px;
    margin-bottom: 258px;
    padding: 108px 50px 100px 50px;
  }
}
@media (max-width: 750px) {
  .pop__main--message {
    width: 77.3333333333vw;
    margin-top: 34.4vw;
    margin-bottom: 34.4vw;
    padding: 14.4vw 6.6666666667vw 13.3333333333vw 6.6666666667vw;
  }
}
.pop__main--plain {
  align-self: center;
  width: 460px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2857142857;
  margin: 50px auto;
  padding: 50px 40px;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 1000px) {
  .pop__main--plain {
    width: 620px;
    font-size: 22px;
    line-height: 1.2727272727;
    letter-spacing: 0.88px;
    margin: 70px auto;
    padding: 95px 50px;
    border-radius: 10px;
  }
}
@media (max-width: 750px) {
  .pop__main--plain {
    width: 82.6666666667vw;
    font-size: 2.9333333333vw;
    letter-spacing: 0.1173333333vw;
    margin: 9.3333333333vw auto;
    padding: 12.6666666667vw 6.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.pop__main--plain .pop__header .pop__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 750px) {
  .pop__main--plain .pop__header .pop__title {
    font-size: 4.8vw;
  }
}
.pop__main--plain .pop__content > * {
  margin: 0.75em 0;
}
.pop__main--plain .pop__content hr {
  width: 90%;
  margin: 3.5em auto 3.5em;
  border: 0;
  border-top: #000 1px dashed;
}
.pop__main--plain p strong {
  font-weight: 600;
}
.pop__main--plain .pop__label {
  display: inline-block;
  color: #fff;
  margin-top: 1.5em;
  padding: 2px 6px 3px;
  background: #d20000;
}
@media (max-width: 1000px) {
  .pop__main--plain .pop__label {
    padding: 4px 12px 6px;
  }
}
@media (max-width: 750px) {
  .pop__main--plain .pop__label {
    padding: 0.5333333333vw 1.6vw 0.8vw;
  }
}
.pop__main--plain .pop__label:first-child {
  margin-top: 0.75em;
}
.pop__main--plain .pop__label span {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .pop__main--plain .pop__label span {
    font-size: 24px;
  }
}
@media (max-width: 750px) {
  .pop__main--plain .pop__label span {
    font-size: 3.2vw;
  }
}
.pop__main--plain .pop__label i {
  font-size: 0.7em;
}
.pop__main--plain .pop__label--underline {
  display: block;
  color: #000;
  padding: 0;
  margin-top: 0.5em;
  background: none;
}
.pop__main--plain .pop__label--underline span {
  text-decoration: underline;
}
.pop__main--plain .pop__list {
  counter-reset: number;
}
.pop__main--plain .pop__list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.pop__main--plain .pop__list li::before {
  counter-increment: number;
  content: counter(number) ".";
}
.pop__main--plain .pop__list--plain li::before {
  content: none;
}
.pop__main--plain .pop__close {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-image: url("https://jci-isharing.books.com.tw/assets/images/common/pop-close_plain.png?v=8563970963");
  background-position: center center;
}
@media (max-width: 1000px) {
  .pop__main--plain .pop__close {
    width: 74px;
    height: 74px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/pop-close_plain_m.png?v=8563970963");
    background-size: 33px 33px;
  }
}
@media (max-width: 750px) {
  .pop__main--plain .pop__close {
    width: 9.8666666667vw;
    height: 9.8666666667vw;
    background-size: 4.4vw 4.4vw;
  }
}
.pop__main--plain .pop__close:active {
  background-position: center center;
}
@media (hover: hover) and (min-width: 751px) {
  .pop__main--plain .pop__close:hover {
    background-position: center center;
  }
}
.pop__main--plain .pop__close::before {
  content: none;
}

#loading.loading--liff {
  display: block;
  background: linear-gradient(180deg, rgb(221, 173, 110) 0%, rgb(251, 217, 161) 50%, rgb(225, 170, 103) 100%);
}

#loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
#loading .loading__clock {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
  #loading .loading__clock {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 750px) {
  #loading .loading__clock {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
  }
}
#loading .loading__clock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/loading.png?v=8563970963") no-repeat 0 0/contain;
  animation: loadingRotate 3s linear infinite;
}
@media (max-width: 1000px) {
  #loading .loading__clock::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/loading_m.png?v=8563970963");
  }
}
#loading .loading__clock::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  font-family: "Noto Serif TC", serif;
  text-indent: 8px;
  color: #fff;
  text-transform: capitalize;
  white-space: nowrap;
  letter-spacing: 0.5px;
  margin-top: 8px;
  animation: loadingClock 3s steps(15) infinite;
}
@media (max-width: 1000px) {
  #loading .loading__clock::after {
    width: 200px;
    font-size: 32px;
    text-indent: 17px;
    margin-top: 24px;
  }
}
@media (max-width: 750px) {
  #loading .loading__clock::after {
    width: 26.6666666667vw;
    font-size: 4.2666666667vw;
    text-indent: 2.2666666667vw;
    margin-top: 3.2vw;
  }
}
@keyframes loadingLight {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes loadingRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingClock {
  0% {
    content: "";
  }
  5% {
    content: "l";
  }
  10% {
    content: "lo";
  }
  15% {
    content: "loa";
  }
  20% {
    content: "load";
  }
  25% {
    content: "loadi";
  }
  30% {
    content: "loadin";
  }
  35% {
    content: "loading";
  }
  40% {
    content: "loading.";
  }
  45% {
    content: "loading..";
  }
  50% {
    content: "loading...";
  }
  100% {
    content: "loading...";
  }
}

#menu {
  position: absolute;
  z-index: 10;
  top: min(2.5vw, 48px);
  right: min(16.875vw, 324px);
  width: min(14.7395833333vw, 283px);
}
#menu button {
  border: none;
  background-color: transparent;
}

.menu__panel {
  display: block;
}

.menu__toggle {
  display: none;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: min(14.6875vw, 282px);
  height: min(9.7916666667vw, 188px);
  padding-top: min(2.0260416667vw, 38.9px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/menu-flag-close.png?v=8563970963") no-repeat center top;
  background-size: 100% 100%;
  cursor: pointer;
}
@media (hover: hover) and (min-width: 751px) {
  .menu__toggle:hover .menu__toggle-icon {
    color: #503259;
  }
  .menu__toggle:hover .menu__toggle-label {
    color: #503259;
  }
}
.menu__toggle:active .menu__toggle-icon {
  color: #7c0b9f;
}
.menu__toggle:active .menu__toggle-label {
  color: #7c0b9f;
}

.menu__toggle-icon {
  position: relative;
  width: min(1.4583333333vw, 28px);
  height: min(1.4583333333vw, 28px);
  color: #fff5f7;
}
.menu__toggle-icon::before, .menu__toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: min(0.2083333333vw, 4px);
  border-radius: 999px;
  background: currentColor;
}
.menu__toggle-icon::before {
  top: min(0.2083333333vw, 4px);
  box-shadow: 0 min(0.4166666667vw, 8px) 0;
}
.menu__toggle-icon::after {
  top: min(1.0416666667vw, 20px);
}

.menu__toggle-label {
  color: #fff5f7;
  font-family: "Noto Sans TC", sans-serif;
  font-size: min(0.5208333333vw, 10px);
  font-weight: 700;
  letter-spacing: min(0.0208333333vw, 0.4px);
  text-transform: uppercase;
}

#menu.is-closed .menu__panel {
  display: none;
}
#menu.is-closed .menu__toggle {
  display: flex;
}

.menu__flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.4166666667vw, 8px);
  width: min(14.7395833333vw, 283px);
  min-height: min(28.3854166667vw, 545px);
  padding-top: min(1.875vw, 36px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/menu-flag.png?v=8563970963") no-repeat center top;
  background-size: 100% 100%;
}

#menu:not(.menu--home) .menu__flag {
  margin: 0 auto;
  width: min(14.7395833333vw, 283px);
  min-height: min(28.4375vw, 546px);
  background-image: url("https://jci-isharing.books.com.tw/assets/images/common/menu-bg-open.png?v=8563970963");
}

.menu__home,
.menu__privacy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.2604166667vw, 5px);
  height: min(1.25vw, 24px);
  padding: min(0.2604166667vw, 5px) min(0.9895833333vw, 19px);
  color: #fff5f7;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: 1.3333333333;
  text-decoration: underline;
  text-underline-offset: min(0.2083333333vw, 4px);
}
.menu__home::before, .menu__home::after,
.menu__privacy::before,
.menu__privacy::after {
  content: "";
  width: min(0.2604166667vw, 5px);
  height: min(0.2604166667vw, 5px);
  background: #fff5f7;
  transform: rotate(-45deg);
}
@media (hover: hover) and (min-width: 751px) {
  .menu__home:hover,
  .menu__privacy:hover {
    color: #503259;
    text-decoration: underline;
  }
  .menu__home:hover::before, .menu__home:hover::after,
  .menu__privacy:hover::before,
  .menu__privacy:hover::after {
    background: #503259;
  }
}
.menu__home:active,
.menu__privacy:active {
  color: #7c0b9f;
}
.menu__home:active::before, .menu__home:active::after,
.menu__privacy:active::before,
.menu__privacy:active::after {
  background: #7c0b9f;
}

.menu--home .menu__home {
  opacity: 0;
  pointer-events: none;
}
.menu--home .menu__close {
  display: none;
}

.menu__list {
  display: flex;
  flex-direction: column;
  gap: min(0.4166666667vw, 8px);
  width: min(7.6041666667vw, 146px);
}
.menu__list li {
  padding: 2px;
  border-radius: min(0.2083333333vw, 4px);
  background: linear-gradient(90deg, #de902d 0%, #f8dfad 67%, #eea740 100%);
}
.menu__list a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(0.4166666667vw, 8px) min(0.3125vw, 6px);
  border-radius: min(0.1041666667vw, 2px);
  background: #fff5f7;
  color: #fe346a;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
}
@media (hover: hover) and (min-width: 751px) {
  .menu__list a:hover {
    color: #fff5f7;
    background: #d83661;
  }
}
.menu__list a:active {
  color: #d83661;
  background: #ffaac1;
}

.menu__close {
  display: block;
  position: relative;
  width: min(2.5vw, 48px);
  padding-top: min(1.8229166667vw, 35px);
  color: #fff5f7;
  font-family: "Noto Sans TC", sans-serif;
  font-size: min(0.5208333333vw, 10px);
  font-weight: 700;
  letter-spacing: min(0.0208333333vw, 0.4px);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.menu__close::before, .menu__close::after {
  content: "";
  position: absolute;
  top: min(0.78125vw, 15px);
  left: 50%;
  width: min(1.859375vw, 35.7px);
  height: min(0.1875vw, 3.6px);
  margin-left: max(-0.9296875vw, -17.85px);
  border-radius: 999px;
  background: #fff5f7;
}
.menu__close::before {
  transform: rotate(45deg);
}
.menu__close::after {
  transform: rotate(-45deg);
}
@media (hover: hover) and (min-width: 751px) {
  .menu__close:hover {
    color: #503259;
  }
  .menu__close:hover::before, .menu__close:hover::after {
    background: #503259;
  }
}
.menu__close:active {
  color: #7c0b9f;
}
.menu__close:active::before, .menu__close:active::after {
  background: #7c0b9f;
}

@media (max-width: 1000px) {
  #menu {
    top: min(8vw, 60px);
    right: min(14.6666666667vw, 110px);
    width: min(22.6666666667vw, 170px);
  }
  .menu__toggle {
    display: flex;
    width: min(22.6666666667vw, 170px);
    height: min(25.6vw, 192px);
    padding-top: min(4.5333333333vw, 34px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/menu-toggle_m.png?v=8563970963");
  }
  .menu__toggle-icon {
    width: min(7.4666666667vw, 56px);
    height: min(7.4666666667vw, 56px);
  }
  .menu__toggle-icon::before, .menu__toggle-icon::after {
    height: min(1.0666666667vw, 8px);
  }
  .menu__toggle-icon::before {
    top: min(1.0666666667vw, 8px);
    box-shadow: 0 min(2.1333333333vw, 16px) 0;
  }
  .menu__toggle-icon::after {
    top: min(5.3333333333vw, 40px);
  }
  .menu__toggle-label {
    font-size: min(2.6666666667vw, 20px);
    letter-spacing: min(0.1066666667vw, 0.8px);
  }
  .menu__panel {
    display: none;
    position: fixed;
    z-index: 20;
    inset: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(41, 20, 51, 0.6);
  }
  .menu--home .menu__home {
    opacity: 1;
    pointer-events: auto;
    text-decoration: underline;
  }
  .menu--home .menu__close {
    display: block;
  }
  #menu.is-open .menu__panel {
    display: block;
  }
  #menu.is-open .menu__toggle {
    visibility: hidden;
  }
  .menu__flag {
    background: url("https://jci-isharing.books.com.tw/assets/images/common/menu-flag-m.png?v=8563970963") no-repeat center top;
    background-size: contain;
    display: block;
    position: absolute;
    top: min(4vw, 30px);
    left: 50%;
    width: min(90.304vw, 677.28px);
    height: min(164.3333333333vw, 1232.5px);
    min-height: 0;
    padding-top: 0;
    transform: translateX(-50%);
  }
  #menu:not(.menu--home) .menu__flag {
    width: min(90.304vw, 677.28px);
    min-height: 0;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/menu-flag-m.png?v=8563970963");
  }
  .menu__home,
  .menu__privacy {
    position: absolute;
    top: min(15.7333333333vw, 118px);
    left: min(29.6853333333vw, 222.64px);
    height: min(6.4vw, 48px);
    padding: min(1.3333333333vw, 10px) min(5.0666666667vw, 38px);
    gap: min(1.3333333333vw, 10px);
    font-size: min(4.8vw, 36px);
    text-underline-offset: min(1.0666666667vw, 8px);
  }
  .menu__home::before, .menu__home::after,
  .menu__privacy::before,
  .menu__privacy::after {
    width: min(1.3333333333vw, 10px);
    height: min(1.3333333333vw, 10px);
  }
  .menu__privacy {
    top: min(109.6vw, 822px);
    left: 50%;
    transform: translateX(-50%);
  }
  .menu__list {
    position: absolute;
    top: min(27.4666666667vw, 206px);
    left: 50%;
    gap: min(2.1333333333vw, 16px);
    width: min(35.2vw, 264px);
    transform: translateX(-50%);
  }
  .menu__list li {
    padding: min(0.5333333333vw, 4px);
    border-radius: min(1.0666666667vw, 8px);
  }
  .menu__list a {
    padding: min(2.1333333333vw, 16px) min(1.6vw, 12px);
    border-radius: min(0.5333333333vw, 4px);
    font-size: min(4.8vw, 36px);
  }
  .menu__close {
    position: absolute;
    top: min(120.8133333333vw, 906.1px);
    left: 50%;
    width: min(12.8vw, 96px);
    padding-top: min(8.5333333333vw, 64px);
    transform: translateX(-50%);
    font-size: min(2.6666666667vw, 20px);
    letter-spacing: min(0.1066666667vw, 0.8px);
  }
  .menu__close::before, .menu__close::after {
    top: min(3.7333333333vw, 28px);
    width: min(9.52vw, 71.4px);
    height: min(0.96vw, 7.2px);
    margin-left: max(-4.76vw, -35.7px);
  }
}
.status--video-showed #container__inner {
  position: fixed;
}

#intro {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  height: auto;
  background: url(https://jci-isharing.books.com.tw/assets/images/common/background-repeat.jpg?v=8563970963) center top repeat-y;
  z-index: 9;
}
#intro::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  min-height: 500px;
  background: url("https://jci-isharing.books.com.tw/assets/images/oops/oops.png?v=8563970963");
}
@media (max-width: 1000px) {
  #intro::before {
    min-height: 530px;
  }
}
@media (max-width: 750px) {
  #intro::before {
    min-height: 88vw;
  }
}
#intro .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
@media (max-width: 1000px) {
  #intro .inner {
    align-items: flex-start;
  }
}
#intro .intro__content {
  position: relative;
}
@media (max-width: 1000px) {
  #intro .intro__content {
    margin-top: 302px;
  }
}
@media (max-width: 750px) {
  #intro .intro__content {
    margin-top: 46.6666666667vw;
  }
}
#intro p {
  font-size: 60px;
  color: #c36868;
  text-align: center;
  margin-bottom: 5px;
  z-index: 2;
  position: relative;
  transform: translateX(35px);
}
@media (max-width: 1000px) {
  #intro p {
    font-size: 54px;
  }
}
@media (max-width: 750px) {
  #intro p {
    font-size: 7.2vw;
  }
}
#intro .intro__frame {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 570px;
  z-index: 1;
}
#intro .intro__frame::before {
  content: "";
  position: absolute;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/video-top.png?v=8563970963") center center no-repeat;
  background-size: contain;
  width: 100%;
  top: -55px;
  z-index: -1;
  height: 72px;
}
@media (max-width: 1000px) {
  #intro .intro__frame::before {
    top: -55px;
  }
}
@media (max-width: 750px) {
  #intro .intro__frame::before {
    top: -7.3333333333vw;
    height: 9.6vw;
  }
}
@media (max-width: 1000px) {
  #intro .intro__frame {
    height: 606px;
  }
}
@media (max-width: 750px) {
  #intro .intro__frame {
    height: 80.8vw;
  }
}
#intro .intro__embed {
  width: 720px;
  height: 414px;
  border: #fff 10px solid;
  overflow: hidden;
}
@media (max-width: 1000px) {
  #intro .intro__embed {
    width: 650px;
    height: 374px;
    border-width: 10px;
  }
}
@media (max-width: 750px) {
  #intro .intro__embed {
    width: 86.6666666667vw;
    height: 49.8666666667vw;
    border-width: 1.3333333333vw;
  }
}
#intro .intro__sound {
  position: absolute;
  top: -10px;
  right: 0;
  width: 55px;
  height: 55px;
  z-index: 3;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/video-sound.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #intro .intro__sound {
    top: -10px;
    right: 0px;
    width: 90px;
    height: 90px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/video-sound.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  #intro .intro__sound {
    top: -8vw;
    right: 1.3333333333vw;
    width: 12vw;
    height: 12vw;
    background-size: contain;
    background-position: center;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/video-sound-m.png?v=8563970963");
  }
}
@media (max-width: 1000px) {
  #intro .intro__sound:active {
    background-position: 0 0;
  }
}
@media (max-width: 750px) {
  #intro .intro__sound:active {
    background-position: 0vw 0;
  }
}
#intro .intro__sound--muted {
  background: url("https://jci-isharing.books.com.tw/assets/images/common/video-sound-off.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #intro .intro__sound--muted {
    top: -10px;
    right: 0px;
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 750px) {
  #intro .intro__sound--muted {
    top: -8vw;
    right: 1.3333333333vw;
    width: 12vw;
    height: 12vw;
    background-size: contain;
  }
}
@media (max-width: 1000px) {
  #intro .intro__sound--muted:active {
    top: -10px;
    right: 0px;
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 750px) {
  #intro .intro__sound--muted:active {
    top: -8vw;
    right: 1.3333333333vw;
    width: 12vw;
    height: 12vw;
    background-size: contain;
  }
}
#intro .intro__close {
  position: absolute;
  top: 227px;
  right: -115px;
  width: 95px;
  height: 98px;
  transition: 0.25s linear;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/video-close.png?v=8563970963") 0 0 no-repeat;
}
@media (max-width: 1000px) {
  #intro .intro__close {
    top: -249px;
    right: -16px;
    width: 158px;
    height: 165px;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/video-close-m.png?v=8563970963");
  }
}
@media (max-width: 750px) {
  #intro .intro__close {
    top: -37.3333333333vw;
    right: -2.1333333333vw;
    width: 21.0666666667vw;
    height: 22vw;
    background-size: 21.0666666667vw 22vw;
  }
}
@media (hover: hover) and (min-width: 751px) {
  #intro .intro__close:hover {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/video-close_h.png?v=8563970963");
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 1000px) {
  #intro .intro__close:hover {
    background-position: 0 0;
  }
}
@media (hover: hover) and (min-width: 751px) and (max-width: 750px) {
  #intro .intro__close:hover {
    background-position: 0 0;
  }
}

/*----- PAGES -----*/
.page-catalog {
  background: #f5f5f5;
}
.page-catalog body {
  background: none;
}

#catalog {
  padding: 100px 0;
}
#catalog .section__inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 0px;
}
#catalog h2 {
  flex-basis: 100%;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.33;
  letter-spacing: 0.05em;
  margin-bottom: 50px;
  padding: 0 7.5px;
  text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;
}
@media (max-width: 750px) {
  #catalog h2 {
    margin-bottom: 15px;
  }
}
#catalog .catalog__group {
  flex-grow: 1;
  flex-basis: 31%;
  min-width: 250px;
  padding: 35px;
  margin: 1%;
  border: #000 1px solid;
  border-radius: 35px;
  background: #fff;
}
#catalog .catalog__group-title {
  padding-bottom: 30px;
}
#catalog .catalog__group-title h3 {
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
#catalog .catalog__group-content li {
  position: relative;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  color: #222;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}
#catalog .catalog__group-content li.new::before {
  content: "★";
  position: absolute;
  top: 3px;
  left: -3px;
  transform-origin: right center;
  transform: translate(-100%, 0px) scale(0.8);
}
#catalog .catalog__group-content a {
  color: #222;
  line-height: 1.45;
  padding: 0 2.5px 4px 0;
  border-bottom: transparent 1px solid;
}
#catalog .catalog__group-content a:hover {
  border-bottom-color: #000;
}

#index {
  position: relative;
  padding-bottom: 3vw;
  overflow-x: clip;
  min-height: calc(var(--vh, 1vh) * 100);
  inset: 0;
  background-size: 100% auto;
}
#index .index__backdrop {
  position: absolute;
  pointer-events: none;
}
#index .index__backdrop {
  inset: 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/background.png?v=8563970963") repeat-y center top;
  background-size: 100% auto;
}
#index .index__stage {
  position: relative;
  z-index: 1;
  width: min(83.3333333333vw, 1600px);
  height: 100%;
  margin: 0 auto;
  padding-top: min(1.0416666667vw, 20px);
  padding-bottom: min(5.2083333333vw, 100px);
}
#index .index__frame {
  position: relative;
  width: min(83.3333333333vw, 1600px);
  display: flex;
  flex-direction: column;
  min-height: min(44.7916666667vw, 860px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-bottom.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
#index .index__frame::before, #index .index__frame::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
#index .index__frame::before {
  top: 0;
  height: min(24.84375vw, 477px);
  z-index: 1;
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-top.png?v=8563970963") no-repeat center top;
  background-size: 100% 100%;
}
#index .index__frame::after {
  top: min(24.4791666667vw, 470px);
  bottom: min(25.1041666667vw, 482px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-center.png?v=8563970963") repeat-y center top;
  background-size: 100% auto;
}
#index .index__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: min(9.8958333333vw, 190px);
}
#index .index__title {
  position: relative;
  width: min(21.875vw, 420px);
  height: min(9.7552083333vw, 187.3px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/title.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
#index .index__title::before {
  content: "";
  position: absolute;
  left: calc(50% - min(0.1229166667vw, 2.36px));
  top: 0;
  width: min(7.9322916667vw, 152.3px);
  height: min(3.25vw, 62.4px);
  transform: translateX(-50%);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/title-deco.svg") no-repeat center center;
  background-size: contain;
}
#index .index__lead {
  position: relative;
  z-index: 2;
  margin-top: max(-0.2604166667vw, -5px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.046875vw, 0.9px);
  text-align: center;
  white-space: nowrap;
}
#index .index__kv {
  position: absolute;
  left: min(15.625vw, 300px);
  bottom: max(-1.0416666667vw, -20px);
  width: min(22.3958333333vw, 430px);
  height: min(33.3333333333vw, 640px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/kv.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
  z-index: 1;
}
@media (max-width: 1000px) {
  #index .index__backdrop {
    background: url("https://jci-isharing.books.com.tw/assets/images/common/background-m.png?v=8563970963") repeat-y center top;
    background-size: cover;
  }
  #index .index__stage {
    width: min(100vw, 750px);
    padding: min(2.6666666667vw, 20px) 0;
  }
  #index .index__frame {
    margin: 0 auto;
    width: min(97.3333333333vw, 730px);
    min-height: min(164.5333333333vw, 1234px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-bottom-m.png?v=8563970963");
  }
  #index .index__frame::before {
    height: min(77.6vw, 582px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-top-m.png?v=8563970963");
  }
  #index .index__frame::after {
    top: min(77.3333333333vw, 580px);
    bottom: min(52vw, 390px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-center-m.png?v=8563970963");
  }
  #index .index__content {
    padding-top: min(26.6666666667vw, 200px);
  }
  #index .index__title {
    width: min(76.2666666667vw, 572px);
    height: min(31.52vw, 236.4px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/title_m.png?v=8563970963");
  }
  #index .index__title::before {
    left: calc(50% + min(0.1333333333vw, 1px));
    width: min(26.0266666667vw, 195.2px);
    height: min(10.6666666667vw, 80px);
  }
  #index .index__lead {
    width: min(69.3333333333vw, 520px);
    margin-top: max(-1.92vw, -14.4px);
    font-size: min(4.8vw, 36px);
    letter-spacing: min(0.24vw, 1.8px);
    white-space: normal;
  }
  #index .index__kv {
    left: 50%;
    bottom: max(-2.6666666667vw, -20px);
    width: min(60.8vw, 456px);
    height: min(90.9333333333vw, 682px);
    transform: translateX(-50%);
  }
}

.gacha-page::before {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 425px;
  height: 100%;
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/background.png?v=8563970963") center center no-repeat;
  background-size: cover;
}

.gacha-screen {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 375px;
  min-height: 102vh;
  margin: 0 auto;
}

/*--------------- 按鈕 ---------------*/
.gacha__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1.3333333333vw, 5px);
  height: min(10.6666666667vw, 40px);
  padding: min(0.8vw, 3px) min(3.2vw, 12px) min(1.0666666667vw, 4px);
  border-radius: 999px;
  font-size: min(4.2666666667vw, 16px);
  font-weight: 500;
  letter-spacing: min(0.2133333333vw, 0.8px);
  white-space: nowrap;
}
.gacha__button:active {
  opacity: 0.8;
}
@media (hover: hover) and (min-width: 751px) {
  .gacha__button:hover {
    opacity: 0.8;
  }
}

.gacha__button--primary {
  background: #be3d02;
  color: #ffffff;
}

.gacha__button--secondary {
  background: #ffd181;
  color: #33120f;
}

.gacha__button--back::before {
  content: "";
  flex-shrink: 0;
  width: min(2.1333333333vw, 8px);
  height: min(3.2vw, 12px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-back.svg") center center no-repeat;
  background-size: contain;
}

.gacha__topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  margin-top: min(2.9333333333vw, 11px);
  padding: 0 min(3.2vw, 12px);
}

/*--------------- 置中卡片（結果／錯誤／條款共用） ---------------*/
.gacha__dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(5.3333333333vw, 20px);
  width: min(89.3333333333vw, 335px);
  margin: auto;
  padding: min(3.2vw, 12px) 0 calc(min(3.2vw, 12px) + env(safe-area-inset-bottom));
}

.gacha__dialog-caption {
  width: 100%;
  color: #762500;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  text-align: center;
  line-height: 1.3333333333;
}

.gacha__dialog-actions {
  display: flex;
  gap: min(3.2vw, 12px);
  width: 100%;
}
.gacha__dialog-actions > .gacha__button {
  flex: 1 0 0;
  min-width: 1px;
}

/*--------------- 毛玻璃面板與分隔線 ---------------*/
.gacha__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(3.2vw, 12px);
  width: 100%;
  padding: min(3.2vw, 12px) min(5.3333333333vw, 20px);
  border: 1px solid #ffffff;
  border-radius: min(5.3333333333vw, 20px);
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(min(2.6666666667vw, 10px));
  backdrop-filter: blur(min(2.6666666667vw, 10px));
}

.gacha__divider {
  flex-shrink: 0;
  width: 100%;
  height: 1px;
  background: #762500;
}

/*--------------- 扭蛋館卡片 ---------------*/
.gacha__card {
  display: block;
  position: relative;
  width: 100%;
  height: min(37.6vw, 141px);
}
.gacha__card:active {
  opacity: 0.8;
}
@media (hover: hover) and (min-width: 751px) {
  .gacha__card:hover {
    opacity: 0.8;
  }
}

.gacha__card-machine {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(37.7333333333vw, 141.5px);
  height: min(37.6vw, 141px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/machine1.png?v=8563970963") center top no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}

.gacha__card-logo {
  position: absolute;
  top: min(13.9546666667vw, 52.33px);
  left: 50%;
  width: min(12.2666666667vw, 46px);
  height: min(12.2666666667vw, 46px);
  transform: translateX(-50%);
}

.gacha__card-name {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  height: 40px;
  transform: translateX(-50%);
}
.gacha__card-name .gacha__name-text {
  min-width: 85px;
}

/*--------------- 品牌 logo 圓框 ---------------*/
.gacha__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #e2bb11;
  border-radius: 100%;
  background: #ffffff;
  overflow: hidden;
}
.gacha__logo img {
  display: block;
  width: 96%;
  height: 96%;
  border-radius: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*--------------- 扭蛋館名牌 ---------------*/
.gacha__name {
  display: flex;
}
.gacha__name::before, .gacha__name::after {
  content: "";
  flex-shrink: 0;
  width: 13.6px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 120px 100%;
}
.gacha__name::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/name-ribbon-l.svg");
  background-position: 0 0;
}
.gacha__name::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/name-ribbon-r.svg");
  background-position: 100% 0;
}

.gacha__name-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 100%;
  padding: 2px 0;
  border-top: 2px solid #421500;
  border-bottom: 2px solid #421500;
  background: #762500;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1.3px;
  line-height: 1.1538461538;
  font-weight: 400;
}
.gacha__name-text::before, .gacha__name-text::after {
  content: "";
  flex-shrink: 0;
  width: 100%;
  height: 1px;
  background: #dbb677;
}

/*--------------- 切版展示用的狀態切換器 ---------------*/
.gacha__switcher {
  display: flex;
  gap: 1px;
  position: fixed;
  top: 0;
  right: 0;
  border-bottom-left-radius: 8px;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
  z-index: 10;
}
.gacha__switcher a {
  padding: 6px 10px 7px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}
.gacha__switcher a.status--current {
  background: #be3d02;
}

#gacha {
  display: flex;
  align-items: center;
  justify-content: center;
}
#gacha .gacha__panel {
  width: min(89.3333333333vw, 335px);
  margin: min(4.2666666667vw, 16px) auto min(3.2vw, 12px);
}
#gacha .gacha__lead {
  width: 100%;
  color: #201f1d;
  font-size: min(4vw, 15px);
  text-align: center;
  line-height: 1.55;
}
#gacha .gacha__lead em {
  font-size: min(4.8vw, 18px);
  font-style: normal;
  line-height: 1.3333333333;
}
#gacha .gacha__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.6666666667vw, 10px);
  width: 100%;
}
#gacha .gacha__count {
  width: 100%;
  color: #d63384;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  text-align: center;
  line-height: 1.3333333333;
}
#gacha .gacha__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(2.6666666667vw, 10px);
  width: 100%;
}
#gacha .gacha__cards > li {
  width: calc(50% - min(1.3333333333vw, 5px));
}
#gacha .gacha__buttons {
  display: flex;
  justify-content: center;
  gap: min(2.1333333333vw, 8px);
  position: sticky;
  bottom: calc(min(4vw, 15px) + env(safe-area-inset-bottom));
  width: min(89.3333333333vw, 335px);
  margin: auto auto calc(min(1.0666666667vw, 4px) + env(safe-area-inset-bottom));
  z-index: 1;
}
#gacha .gacha__buttons > .gacha__button {
  flex: 1 0 0;
  min-width: 1px;
}
#gacha {
  /*--------------- 今日已完成（狀態，非獨立畫面）---------------*/
}
#gacha .gacha__card-used {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: min(32vw, 120px);
  height: min(8vw, 30px);
  color: #ffffff;
  font-size: min(3.4666666667vw, 13px);
  line-height: 1.3846153846;
  text-align: center;
  white-space: nowrap;
  letter-spacing: min(0.3466666667vw, 1.3px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/name-used.svg") 0 0 no-repeat;
  background-size: min(32vw, 120px) min(8vw, 30px);
  transform: translateX(-50%);
}
#gacha .gacha__card.status--used {
  pointer-events: none;
}
#gacha .gacha__card.status--used .gacha__card-name {
  display: none;
}
#gacha .gacha__card.status--used .gacha__card-used {
  display: flex;
  align-items: center;
  justify-content: center;
}
#gacha .gacha__count--soldout {
  display: none;
}
#gacha.status--soldout .gacha__panel {
  gap: 0;
  margin-top: min(6.6853333333vw, 25.07px);
}
#gacha.status--soldout .gacha__lead {
  display: none;
}
#gacha.status--soldout .gacha__count {
  display: none;
}
#gacha.status--soldout .gacha__count--soldout {
  display: block;
}
#gacha.status--soldout .gacha__buttons {
  bottom: calc(min(6.9146666667vw, 25.93px) + env(safe-area-inset-bottom));
  margin-bottom: calc(min(6.9146666667vw, 25.93px) + env(safe-area-inset-bottom));
}
#gacha.status--soldout .gacha__buttons > .gacha__button {
  flex: 0 0 auto;
}

#gacha-rule .gacha-screen {
  margin-bottom: 5vw;
  padding-bottom: calc(min(1.0666666667vw, 4px) + env(safe-area-inset-bottom));
}
#gacha-rule .gacha-rule__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(3.2vw, 12px);
  width: min(89.3333333333vw, 335px);
  margin: min(4.2666666667vw, 16px) auto 0;
}
#gacha-rule .gacha-rule__caption {
  width: 100%;
  color: #762500;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  text-align: center;
  line-height: 1.3333333333;
}
#gacha-rule .gacha-rule__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(1.0666666667vw, 4px);
  width: 100%;
}
#gacha-rule .gacha-rule__item dt {
  color: #762500;
  font-size: min(4vw, 15px);
  font-weight: 500;
  line-height: 1.6;
}
#gacha-rule .gacha-rule__item dd {
  width: 100%;
  min-width: 0;
  color: #201f1d;
  font-size: min(4vw, 15px);
  font-weight: 400;
  line-height: 1.6;
}
#gacha-rule .gacha-rule__item dd > * + * {
  margin-top: min(2.1333333333vw, 8px);
}
#gacha-rule .gacha-rule__item dd strong {
  font-weight: 700;
}
#gacha-rule .gacha-rule__item dd ol {
  padding-left: min(5.3333333333vw, 20px);
  list-style: decimal;
}
#gacha-rule .gacha-rule__item dd ul {
  padding-left: min(5.3333333333vw, 20px);
  list-style: disc;
}
#gacha-rule .gacha-rule__item dd li + li,
#gacha-rule .gacha-rule__item dd li > ol,
#gacha-rule .gacha-rule__item dd li > p {
  margin-top: min(1.0666666667vw, 4px);
}
#gacha-rule {
  /*--------------- 檔期及獎項表格 ---------------*/
}
#gacha-rule .gacha-rule__table-wrap {
  width: 100%;
  padding-bottom: min(1.6vw, 6px);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#gacha-rule .gacha-rule__table-wrap::-webkit-scrollbar {
  height: 6px;
}
#gacha-rule .gacha-rule__table-wrap::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(118, 37, 0, 0.12);
}
#gacha-rule .gacha-rule__table-wrap::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #762500;
}
#gacha-rule .gacha-rule__table-wrap::-webkit-scrollbar-button {
  display: none;
}
@supports not selector(::-webkit-scrollbar) {
  #gacha-rule .gacha-rule__table-wrap {
    scrollbar-width: thin;
    scrollbar-color: #762500 rgba(118, 37, 0, 0.12);
  }
}
#gacha-rule .gacha-rule__table {
  width: min(137.0666666667vw, 514px);
  border-collapse: collapse;
  font-size: min(3.4666666667vw, 13px);
  line-height: 1.3846153846;
  text-align: center;
}
#gacha-rule .gacha-rule__table th,
#gacha-rule .gacha-rule__table td {
  padding: min(1.0666666667vw, 4px) min(1.6vw, 6px);
  border: 1px solid #762500;
  vertical-align: middle;
}
#gacha-rule .gacha-rule__table th {
  font-weight: 700;
}
#gacha-rule .gacha-rule__table thead tr:nth-child(2) th:nth-child(1) {
  width: min(24.5333333333vw, 92px);
}
#gacha-rule .gacha-rule__table thead tr:nth-child(2) th:nth-child(2) {
  width: min(45.3333333333vw, 170px);
}
#gacha-rule .gacha-rule__table thead tr:nth-child(2) th:nth-child(3) {
  width: min(19.2vw, 72px);
}
#gacha-rule .gacha-rule__table thead tr:nth-child(2) th:nth-child(4) {
  width: min(48vw, 180px);
}

#gacha-play {
  display: none;
}
#gacha-play .gacha-play__caption {
  flex-shrink: 0;
  width: min(58.6666666667vw, 220px);
  height: min(20.9946666667vw, 78.73px);
  margin: min(3.2vw, 12px) auto 0;
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/caption.png?v=8563970963") center center no-repeat;
  background-size: contain;
}
#gacha-play .gacha-play__machine {
  position: relative;
  flex-shrink: 0;
  width: min(56.8vw, 213px);
  height: min(118.1333333333vw, 443px);
  margin: 0 auto;
}
#gacha-play .gacha-play__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#gacha-play .gacha-play__body--1 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/animate1.png?v=8563970963");
}
#gacha-play .gacha-play__body--2 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/animate2.png?v=8563970963");
  opacity: 0;
}
#gacha-play .gacha-play__body--3 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/animate3.png?v=8563970963");
  opacity: 0;
}
#gacha-play .gacha-play__knob-base {
  position: absolute;
  top: min(69.8666666667vw, 262px);
  left: min(18.9333333333vw, 71px);
  width: min(19.2vw, 72px);
  height: min(26.9333333333vw, 101px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/knob-base.png?v=8563970963") 0 0 no-repeat;
  background-size: contain;
}
#gacha-play .gacha-play__knob {
  position: absolute;
  top: min(84.2666666667vw, 316px);
  left: min(18.9333333333vw, 71px);
  width: min(19.2vw, 72px);
  height: min(7.7333333333vw, 29px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/knob.png?v=8563970963") 0 0 no-repeat;
  background-size: contain;
  animation: knobRotate 3s ease-in-out infinite;
}
#gacha-play .gacha-play__output {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/03.png?v=8563970963") 0 0 no-repeat;
  background-size: min(284vw, 1065px) min(118.1333333333vw, 443px);
}
@keyframes knobRotate {
  0%, 100% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(20deg);
  }
}
@keyframes knobSpin {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: rotate(80deg);
    animation-timing-function: linear;
  }
  60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes machineShake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(max(-0.2vw, -0.75px));
  }
  40% {
    transform: translateX(min(0.2vw, 0.75px));
  }
  60% {
    transform: translateX(max(-0.0666666667vw, -0.25px));
  }
  80% {
    transform: translateX(min(0.0666666667vw, 0.25px));
  }
}
@keyframes bodyShake1 {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}
@keyframes bodyShake2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
}
@keyframes bodyShake3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
@keyframes gachaOutput {
  to {
    background-position-x: max(-227.2vw, -852px);
  }
}
#gacha-play .gacha-play__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.0666666667vw, 4px);
  position: absolute;
  top: min(59.2vw, 222px);
  left: min(12.5333333333vw, 47px);
  width: min(32vw, 120px);
}
#gacha-play .gacha-play__logo .gacha__logo {
  width: min(12.2666666667vw, 46px);
  height: min(12.2666666667vw, 46px);
}
#gacha-play .gacha-play__logo .gacha__name {
  width: -moz-max-content;
  width: max-content;
  height: 25px;
}
#gacha-play .gacha-play__logo .gacha__name::before, #gacha-play .gacha-play__logo .gacha__name::after {
  width: 15px;
  background-size: 15px 25px;
}
#gacha-play .gacha-play__logo .gacha__name::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/l.png?v=8563970963");
}
#gacha-play .gacha-play__logo .gacha__name::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/gacha/r.png?v=8563970963");
}
#gacha-play .gacha-play__logo .gacha__name-text {
  white-space: nowrap;
}
#gacha-play .gacha-play__tip {
  position: absolute;
  top: min(83.4666666667vw, 313px);
  left: min(37.3333333333vw, 140px);
  width: min(23.7333333333vw, 89px);
  height: min(7.4666666667vw, 28px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/tip-spin.png?v=8563970963") center center no-repeat;
  background-size: contain;
}
#gacha-play .gacha-play__loading {
  display: none;
  position: absolute;
  top: min(28vw, 105px);
  left: 50%;
  padding: min(0.5333333333vw, 2px) min(2.6666666667vw, 10px) min(0.8vw, 3px);
  border-radius: min(1.0666666667vw, 4px);
  background: rgba(51, 18, 15, 0.5);
  color: #ffffff;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: min(0.24vw, 0.9px);
  transform: translateX(-50%);
}
#gacha-play .gacha-play__notice {
  flex-shrink: 0;
  margin: auto auto calc(min(3.7333333333vw, 14px) + env(safe-area-inset-bottom));
  padding: min(0.5333333333vw, 2px) min(2.6666666667vw, 10px) min(0.8vw, 3px);
  border-radius: min(1.0666666667vw, 4px);
  background: rgba(51, 18, 15, 0.5);
  color: #ffffff;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  letter-spacing: min(0.24vw, 0.9px);
}

/*--------------- 抽獎進行中（設計稿 B1 · 扭蛋動畫 Loading）---------------*/
.gacha-page.status--playing::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://jci-isharing.books.com.tw/assets/images/gacha/background.png?v=8563970963");
}
.gacha-page.status--playing #gacha-play .gacha-play__tip,
.gacha-page.status--playing #gacha-play .gacha-play__notice {
  opacity: 0;
}
.gacha-page.status--playing #gacha-play .gacha-play__loading {
  display: block;
}
.gacha-page.status--playing #gacha-play .gacha-play__knob {
  animation: knobSpin 2s ease-out 1 forwards;
}
.gacha-page.status--playing #gacha-play .gacha-play__machine {
  animation: machineShake 1s linear infinite;
}
.gacha-page.status--playing #gacha-play .gacha-play__body--1 {
  animation: bodyShake1 1.44s steps(1) infinite;
}
.gacha-page.status--playing #gacha-play .gacha-play__body--2 {
  animation: bodyShake2 1.44s steps(1) infinite;
}
.gacha-page.status--playing #gacha-play .gacha-play__body--3 {
  animation: bodyShake3 1.44s steps(1) infinite;
}

.gacha-page.status--output #gacha-play .gacha-play__body,
.gacha-page.status--output #gacha-play .gacha-play__knob-base,
.gacha-page.status--output #gacha-play .gacha-play__knob {
  opacity: 0;
}
.gacha-page.status--output #gacha-play .gacha-play__output {
  opacity: 1;
  animation: gachaOutput 0.336s steps(4) 1 forwards;
}
.gacha-page.status--output #gacha-play .gacha-play__tip,
.gacha-page.status--output #gacha-play .gacha-play__notice {
  opacity: 0;
}
.gacha-page.status--output #gacha-play .gacha-play__loading {
  display: block;
}
.gacha-page.status--output::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://jci-isharing.books.com.tw/assets/images/gacha/background.png?v=8563970963");
}

#gacha-result,
#gacha-draw {
  display: none;
}
#gacha-result .gacha__dialog .gacha__logo,
#gacha-draw .gacha__dialog .gacha__logo {
  width: min(40vw, 150px);
  height: min(40vw, 150px);
}
#gacha-result .gacha-result__name,
#gacha-draw .gacha-result__name {
  width: 100%;
  color: #201f1d;
  font-size: min(4vw, 15px);
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}

/*--------------- 優惠券專屬 ---------------*/
#gacha-result .gacha-result__expiry {
  width: 100%;
  color: #201f1d;
  font-size: min(3.4666666667vw, 13px);
  font-weight: 400;
  text-align: center;
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}

/*--------------- 抽獎資格專屬 ---------------*/
#gacha-draw .gacha-draw__prize {
  position: relative;
  flex-shrink: 0;
}
#gacha-draw .gacha-draw__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: max(-2.6666666667vw, -10px);
  left: max(-2.9333333333vw, -11px);
  padding: min(0.5333333333vw, 2px) min(2.6666666667vw, 10px) min(0.8vw, 3px);
  border: 1px solid #ffffff;
  background: linear-gradient(108.82deg, #e2bb11 14.435%, #c29d00 100%);
  color: #ffffff;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: min(0.24vw, 0.9px);
  transform: rotate(-15deg);
}
#gacha-draw .gacha-draw__hint {
  width: 100%;
  color: rgba(44, 32, 21, 0.75);
  font-size: min(3.4666666667vw, 13px);
  font-weight: 400;
  text-align: center;
  line-height: 1.65;
}
#gacha-draw .gacha-draw__submit {
  width: 100%;
}
#gacha-draw .gacha-draw__edit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(7.4666666667vw, 28px);
  color: #be3d02;
  font-size: min(3.7333333333vw, 14px);
  font-weight: 500;
  text-decoration: underline;
  white-space: nowrap;
  letter-spacing: min(0.1866666667vw, 0.7px);
}
#gacha-draw .gacha-draw__edit:active {
  opacity: 0.8;
}
@media (hover: hover) and (min-width: 751px) {
  #gacha-draw .gacha-draw__edit:hover {
    opacity: 0.8;
  }
}

#gacha-error {
  display: none;
}
#gacha-error .gacha-error__icon {
  flex-shrink: 0;
  width: min(14.9333333333vw, 56px);
  height: min(14.9333333333vw, 56px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-alert.svg") center center no-repeat;
  background-size: contain;
}
#gacha-error .gacha-error__text {
  width: 100%;
  color: #201f1d;
  font-size: min(4vw, 15px);
  font-weight: 400;
  text-align: justify;
  line-height: 1.6;
}

/*--------------- 填寫抽獎資料 ---------------*/
#gacha-form .gacha-form__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(5.3333333333vw, 20px);
  width: min(89.3333333333vw, 335px);
  margin: min(12.9333333333vw, 48.5px) auto 0;
  padding-bottom: calc(min(3.2vw, 12px) + env(safe-area-inset-bottom));
}
#gacha-form .gacha-form__row {
  display: flex;
  align-items: flex-start;
  gap: min(2.1333333333vw, 8px);
  width: 100%;
}
#gacha-form .gacha-form__label {
  flex-shrink: 0;
  width: min(10.6666666667vw, 40px);
  padding-top: min(2.4vw, 9px);
  color: #201f1d;
  font-size: min(4vw, 15px);
  text-align: right;
  line-height: 1.6;
}
#gacha-form .gacha-form__field {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 4px);
  flex-grow: 1;
  min-width: 1px;
}
#gacha-form .gacha-form__input {
  width: 100%;
  height: min(11.2vw, 42px);
  padding: min(2.1333333333vw, 8px) min(3.2vw, 12px);
  border: 1px solid #a2938c;
  border-radius: min(1.6vw, 6px);
  background: #fef8eb;
  color: #201f1d;
  font-family: "Noto Sans TC", "sourcehansans-tc", "Noto Sans S Chinese", "PingFang TC", "Microsoft JhengHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: min(4vw, 15px);
  line-height: 1.6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#gacha-form .gacha-form__input::-moz-placeholder {
  color: #a2938c;
}
#gacha-form .gacha-form__input::placeholder {
  color: #a2938c;
}
#gacha-form .gacha-form__input:focus {
  border-color: #762500;
}
#gacha-form .gacha-form__error {
  color: #be3d02;
  font-size: min(3.4666666667vw, 13px);
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}
#gacha-form .gacha-form__agree {
  display: flex;
  align-items: flex-start;
  gap: min(2.1333333333vw, 8px);
  width: 100%;
}
#gacha-form .gacha-form__checkbox {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: min(5.3333333333vw, 20px);
  height: min(6.4vw, 24px);
  padding: min(1.0666666667vw, 4px) 0;
}
#gacha-form .gacha-form__checkbox input {
  flex-shrink: 0;
  width: min(5.3333333333vw, 20px);
  height: min(5.3333333333vw, 20px);
  margin: 0;
  border-radius: min(0.6666666667vw, 2.5px);
  accent-color: #762500;
  cursor: pointer;
}
#gacha-form .gacha-form__agree-text {
  flex-grow: 1;
  color: #201f1d;
  font-size: min(4vw, 15px);
  line-height: 1.6;
}
#gacha-form .gacha-form__agree-text a {
  color: #762500;
  text-decoration: underline;
}
#gacha-form .gacha-form__submit {
  width: 100%;
}

.gacha__button.status--disabled {
  background: #a2938c;
  pointer-events: none;
}

/*--------------- 隱私權政策 ---------------*/
#gacha-policy {
  display: none;
}
#gacha-policy .gacha-policy__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(3.2vw, 12px);
  width: min(89.3333333333vw, 335px);
  margin: min(5.3333333333vw, 20px) auto 0;
  padding-bottom: calc(min(17.8666666667vw, 67px) + env(safe-area-inset-bottom));
}
#gacha-policy .gacha__dialog-actions {
  position: fixed;
  left: 50%;
  bottom: calc(min(4vw, 15px) + env(safe-area-inset-bottom));
  width: min(89.3333333333vw, 335px);
  transform: translateX(-50%);
  z-index: 1;
}
#gacha-policy .gacha-policy__text {
  width: 100%;
  color: #201f1d;
  font-size: min(4vw, 15px);
  text-align: justify;
  line-height: 1.6;
}
#gacha-policy .gacha-policy__text p {
  margin: 0;
}
#gacha-policy .gacha-policy__return {
  width: 100%;
  pointer-events: none;
}
#gacha-policy .gacha-policy__return .gacha-policy__label-read {
  display: none;
}
#gacha-policy .gacha-policy__return.status--read {
  pointer-events: auto;
}
#gacha-policy .gacha-policy__return.status--read .gacha-policy__label-unread {
  display: none;
}
#gacha-policy .gacha-policy__return.status--read .gacha-policy__label-read {
  display: inline;
}

/*--------------- 送出成功 ---------------*/
#gacha-success {
  display: none;
}
#gacha-success .gacha-success__icon {
  flex-shrink: 0;
  width: min(14.9333333333vw, 56px);
  height: min(14.9333333333vw, 56px);
  border-radius: 100%;
  background: #762500 url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-check.svg") center center no-repeat;
  background-size: min(5.6vw, 21px) min(6.4vw, 24px);
}
#gacha-success .gacha-success__text {
  width: 100%;
  color: #201f1d;
  font-size: min(4vw, 15px);
  text-align: center;
  line-height: 1.6;
}

/*--------------- 兩屏共用 ---------------*/
#gacha-prize .gacha-prize__wrap,
#gacha-prize-list .gacha-prize__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(89.3333333333vw, 335px);
  margin: min(5.3333333333vw, 20px) auto 0;
  padding-bottom: calc(min(3.2vw, 12px) + env(safe-area-inset-bottom));
}
#gacha-prize .gacha-prize__hall-count,
#gacha-prize-list .gacha-prize__hall-count {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1.0666666667vw, 4px);
  width: 100%;
  height: min(8vw, 30px);
  color: #201f1d;
  font-size: min(4vw, 15px);
  text-align: center;
  white-space: nowrap;
  line-height: 1.6;
}
#gacha-prize .gacha-prize__hall-count::after,
#gacha-prize-list .gacha-prize__hall-count::after {
  content: "";
  flex-shrink: 0;
  width: min(5.3333333333vw, 20px);
  height: min(5.3333333333vw, 20px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-arrow.svg") center center no-repeat;
  background-size: contain;
}

/*--------------- 各品牌館列表 ---------------*/
#gacha-prize .gacha-prize__halls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.2vw, 12px) min(2.6666666667vw, 10px);
  width: 100%;
}
#gacha-prize .gacha-prize__halls > li {
  width: calc(50% - min(1.3333333333vw, 5px));
}
#gacha-prize .gacha-prize__hall {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(1.0666666667vw, 4px);
  width: 100%;
}

/*--------------- 獎項列表 ---------------*/
#gacha-prize-list {
  display: none;
}
#gacha-prize-list .gacha-prize__hall--current {
  pointer-events: none;
}
#gacha-prize-list .gacha-prize__hall--current .gacha-prize__hall-count::after {
  display: none;
}
#gacha-prize-list .gacha-prize__group {
  width: 100%;
  color: #762500;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  line-height: 1.3333333333;
}
#gacha-prize-list .gacha-prize__item {
  display: flex;
  align-items: center;
  gap: min(3.2vw, 12px);
  width: 100%;
  padding-bottom: min(1.0666666667vw, 4px);
  border-bottom: 1px dashed #be3d02;
}
#gacha-prize-list .gacha-prize__item .gacha__logo {
  width: min(12.2666666667vw, 46px);
  height: min(12.2666666667vw, 46px);
}
#gacha-prize-list .gacha-prize__item:active {
  opacity: 0.8;
}
@media (hover: hover) and (min-width: 751px) {
  #gacha-prize-list .gacha-prize__item:hover {
    opacity: 0.8;
  }
}
#gacha-prize-list .gacha-prize__item::after {
  content: "";
  flex-shrink: 0;
  width: min(5.3333333333vw, 20px);
  height: min(5.3333333333vw, 20px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-arrow.svg") center center no-repeat;
  background-size: contain;
}
#gacha-prize-list .gacha-prize__item--static {
  pointer-events: none;
}
#gacha-prize-list .gacha-prize__item--static::after {
  display: none;
}
#gacha-prize-list .gacha-prize__item-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: 1px;
}
#gacha-prize-list .gacha-prize__item-name {
  color: #2c2015;
  font-size: min(4vw, 15px);
  font-weight: 500;
  line-height: 1.6;
}
#gacha-prize-list .gacha-prize__item-note {
  color: #2c2015;
  font-size: min(3.4666666667vw, 13px);
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}

/*--------------- 三屏共用 ---------------*/
#gacha-prize-qrcode .gacha-detail__name,
#gacha-prize-serial .gacha-detail__name,
#gacha-prize-barcode .gacha-detail__name {
  width: 100%;
  color: #762500;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  text-align: center;
  line-height: 1.3333333333;
}
#gacha-prize-qrcode .gacha-detail__meta,
#gacha-prize-serial .gacha-detail__meta,
#gacha-prize-barcode .gacha-detail__meta {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 4px);
  width: 100%;
  color: #201f1d;
  font-size: min(3.4666666667vw, 13px);
  text-align: center;
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}
#gacha-prize-qrcode .gacha-detail__code,
#gacha-prize-serial .gacha-detail__code,
#gacha-prize-barcode .gacha-detail__code {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  padding: min(2.1333333333vw, 8px);
  border: 1px dashed #762500;
  border-radius: min(1.6vw, 6px);
  background: #ffffff;
}
#gacha-prize-qrcode .gacha-detail__serial,
#gacha-prize-serial .gacha-detail__serial,
#gacha-prize-barcode .gacha-detail__serial {
  color: #be3d02;
  font-size: min(4vw, 15px);
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.6;
}
#gacha-prize-qrcode .gacha-detail__barcode,
#gacha-prize-serial .gacha-detail__barcode,
#gacha-prize-barcode .gacha-detail__barcode {
  display: block;
  width: min(27.4666666667vw, 103px);
  height: min(18.1333333333vw, 68px);
  -o-object-fit: contain;
     object-fit: contain;
}
#gacha-prize-qrcode .gacha-detail__cta,
#gacha-prize-serial .gacha-detail__cta,
#gacha-prize-barcode .gacha-detail__cta {
  width: 100%;
}
#gacha-prize-qrcode .gacha-detail__cta--strong,
#gacha-prize-serial .gacha-detail__cta--strong,
#gacha-prize-barcode .gacha-detail__cta--strong {
  font-weight: 700;
}
#gacha-prize-qrcode .gacha-detail__flow-title,
#gacha-prize-serial .gacha-detail__flow-title,
#gacha-prize-barcode .gacha-detail__flow-title {
  width: 100%;
  color: #762500;
  font-size: min(4.8vw, 18px);
  font-weight: 500;
  line-height: 1.3333333333;
}
#gacha-prize-qrcode .gacha-detail__flow,
#gacha-prize-serial .gacha-detail__flow,
#gacha-prize-barcode .gacha-detail__flow {
  width: 100%;
  color: #201f1d;
  font-size: min(3.4666666667vw, 13px);
  font-weight: 400;
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}
#gacha-prize-qrcode .gacha-detail__flow ol,
#gacha-prize-serial .gacha-detail__flow ol,
#gacha-prize-barcode .gacha-detail__flow ol {
  padding-left: min(5.2vw, 19.5px);
  list-style: decimal;
}
#gacha-prize-qrcode .gacha-detail__flow dt,
#gacha-prize-serial .gacha-detail__flow dt,
#gacha-prize-barcode .gacha-detail__flow dt {
  font-weight: 500;
}
#gacha-prize-qrcode .gacha-detail__flow dd + dt,
#gacha-prize-serial .gacha-detail__flow dd + dt,
#gacha-prize-barcode .gacha-detail__flow dd + dt {
  margin-top: 1.3846153846em;
}
#gacha-prize-qrcode,
#gacha-prize-serial,
#gacha-prize-barcode {
  /*--------------- 手風琴（收合／展開） ---------------*/
}
#gacha-prize-qrcode .gacha-detail__accordion,
#gacha-prize-serial .gacha-detail__accordion,
#gacha-prize-barcode .gacha-detail__accordion {
  display: flex;
  flex-direction: column;
  gap: min(1.0666666667vw, 4px);
  width: 100%;
}
#gacha-prize-qrcode .gacha-detail__toggle,
#gacha-prize-serial .gacha-detail__toggle,
#gacha-prize-barcode .gacha-detail__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.1333333333vw, 8px);
  width: 100%;
  padding: min(0.8vw, 3px) min(3.2vw, 12px) min(1.0666666667vw, 4px);
  border-radius: 999px;
  background: #ffffff;
  color: #be3d02;
  font-size: min(3.7333333333vw, 14px);
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: min(0.1866666667vw, 0.7px);
}
#gacha-prize-qrcode .gacha-detail__toggle::after,
#gacha-prize-serial .gacha-detail__toggle::after,
#gacha-prize-barcode .gacha-detail__toggle::after {
  content: "";
  flex-shrink: 0;
  width: min(5.3333333333vw, 20px);
  height: min(5.3333333333vw, 20px);
  background: url("https://jci-isharing.books.com.tw/assets/images/gacha/icon-arrow.svg") center center no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  transition: transform 0.35s ease-out;
}
#gacha-prize-qrcode .gacha-detail__toggle:active,
#gacha-prize-serial .gacha-detail__toggle:active,
#gacha-prize-barcode .gacha-detail__toggle:active {
  opacity: 0.8;
}
@media (hover: hover) and (min-width: 751px) {
  #gacha-prize-qrcode .gacha-detail__toggle:hover,
  #gacha-prize-serial .gacha-detail__toggle:hover,
  #gacha-prize-barcode .gacha-detail__toggle:hover {
    opacity: 0.8;
  }
}
#gacha-prize-qrcode .gacha-detail__accordion.status--open .gacha-detail__toggle::after,
#gacha-prize-serial .gacha-detail__accordion.status--open .gacha-detail__toggle::after,
#gacha-prize-barcode .gacha-detail__accordion.status--open .gacha-detail__toggle::after {
  transform: rotate(-90deg);
}
#gacha-prize-qrcode .gacha-detail__accordion.status--open .gacha-detail__panel,
#gacha-prize-serial .gacha-detail__accordion.status--open .gacha-detail__panel,
#gacha-prize-barcode .gacha-detail__accordion.status--open .gacha-detail__panel {
  display: block;
}
#gacha-prize-qrcode .gacha-detail__panel,
#gacha-prize-serial .gacha-detail__panel,
#gacha-prize-barcode .gacha-detail__panel {
  display: none;
  width: 100%;
  padding: min(1.0666666667vw, 4px) min(3.2vw, 12px) min(1.8666666667vw, 7px);
  border-radius: min(3.2vw, 12px);
  background: #ffffff;
  color: #33120f;
}
#gacha-prize-qrcode .gacha-detail__panel-title,
#gacha-prize-serial .gacha-detail__panel-title,
#gacha-prize-barcode .gacha-detail__panel-title {
  font-size: min(4vw, 15px);
  font-weight: 500;
  line-height: 1.6;
}
#gacha-prize-qrcode .gacha-detail__panel-list,
#gacha-prize-serial .gacha-detail__panel-list,
#gacha-prize-barcode .gacha-detail__panel-list {
  padding-left: min(5.2vw, 19.5px);
  list-style: decimal;
  font-size: min(3.4666666667vw, 13px);
  font-weight: 400;
  letter-spacing: min(0.1733333333vw, 0.65px);
  line-height: 1.3846153846;
}

/*--------------- 序號與條碼 ---------------*/
#gacha-prize-serial,
#gacha-prize-barcode {
  display: none;
}

#venue #menu .menu__toggle,
#venue-detail #menu .menu__toggle {
  cursor: pointer;
}
#venue,
#venue-detail {
  position: relative;
  overflow-x: clip;
  min-height: calc(var(--vh, 1vh) * 100);
}
#venue .venue__backdrop,
#venue-detail .venue__backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url("https://jci-isharing.books.com.tw/assets/images/common/background.png?v=8563970963") repeat-y center top;
  background-size: 100% auto;
}
#venue .venue__stage,
#venue-detail .venue__stage {
  position: relative;
  z-index: 1;
  width: min(83.3333333333vw, 1600px);
  margin: 0 auto;
  padding-top: min(1.0416666667vw, 20px);
  padding-bottom: min(5.2083333333vw, 100px);
}
#venue .venue__frame,
#venue-detail .venue__frame {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(83.3333333333vw, 1600px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-bottom.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
#venue .venue__frame::before, #venue .venue__frame::after,
#venue-detail .venue__frame::before,
#venue-detail .venue__frame::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
#venue .venue__frame::before,
#venue-detail .venue__frame::before {
  top: 0;
  height: min(24.84375vw, 477px);
  z-index: 1;
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-top.png?v=8563970963") no-repeat center top;
  background-size: 100% 100%;
}
#venue .venue__frame::after,
#venue-detail .venue__frame::after {
  top: min(24.4791666667vw, 470px);
  bottom: min(25.1041666667vw, 482px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-center.png?v=8563970963") repeat-y center top;
  background-size: 100% auto;
}
#venue .venue__content,
#venue-detail .venue__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: min(10.9166666667vw, 209.6px);
  padding-bottom: min(23.4166666667vw, 449.6px);
}
#venue .venue__intro,
#venue-detail .venue__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: min(12.96875vw, 249px);
}
#venue .venue__title,
#venue-detail .venue__title {
  position: relative;
  width: min(21.875vw, 420px);
  height: min(9.7552083333vw, 187.3px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/title.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
#venue .venue__title::before,
#venue-detail .venue__title::before {
  content: "";
  position: absolute;
  left: calc(50% - min(0.1229166667vw, 2.36px));
  top: 0;
  width: min(7.9322916667vw, 152.3px);
  height: min(3.25vw, 62.4px);
  transform: translateX(-50%);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/title-deco.svg") no-repeat center center;
  background-size: contain;
}
#venue .venue__subtitle,
#venue-detail .venue__subtitle {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 8px);
  margin-top: min(0.0885416667vw, 1.7px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.4583333333vw, 28px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.1458333333vw, 2.8px);
  white-space: nowrap;
}
#venue .venue__subtitle::before, #venue .venue__subtitle::after,
#venue-detail .venue__subtitle::before,
#venue-detail .venue__subtitle::after {
  content: "";
  flex: none;
  width: min(3.125vw, 60px);
  height: min(0.3020833333vw, 5.8px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#venue .venue__subtitle::before,
#venue-detail .venue__subtitle::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/title-line-l.svg");
}
#venue .venue__subtitle::after,
#venue-detail .venue__subtitle::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/title-line-r.svg");
}
#venue .venue__lead,
#venue-detail .venue__lead {
  margin-top: min(0.4166666667vw, 8px);
  margin-left: min(12.96875vw, 249px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.8333333333vw, 16px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.0416666667vw, 0.8px);
  text-align: center;
}
#venue .venue__kv,
#venue-detail .venue__kv {
  position: absolute;
  z-index: 2;
  left: min(24.21875vw, 465px);
  top: min(8.5208333333vw, 163.6px);
  width: min(13.015625vw, 249.9px);
  height: min(19.3802083333vw, 372.1px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/kv.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
@media (max-width: 1000px) {
  #venue .venue__backdrop,
  #venue-detail .venue__backdrop {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/common/background-m.png?v=8563970963");
  }
  #venue .venue__stage,
  #venue-detail .venue__stage {
    width: min(100vw, 750px);
    padding: min(2.6666666667vw, 20px) 0;
  }
  #venue .venue__frame,
  #venue-detail .venue__frame {
    width: min(97.3333333333vw, 730px);
    margin: 0 auto;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-bottom-m.png?v=8563970963");
  }
  #venue .venue__frame::before,
  #venue-detail .venue__frame::before {
    height: min(77.6vw, 582px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-top-m.png?v=8563970963");
  }
  #venue .venue__frame::after,
  #venue-detail .venue__frame::after {
    top: min(77.3333333333vw, 580px);
    bottom: min(52vw, 390px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/frame-center-m.png?v=8563970963");
  }
  #venue .venue__content,
  #venue-detail .venue__content {
    padding-top: min(31.8666666667vw, 239px);
    padding-bottom: min(50.6vw, 379.5px);
  }
  #venue .venue__intro,
  #venue-detail .venue__intro {
    margin-left: min(26.7466666667vw, 200.6px);
  }
  #venue .venue__title,
  #venue-detail .venue__title {
    width: min(53.1466666667vw, 398.6px);
    height: min(22.9466666667vw, 172.1px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/index/title_m.png?v=8563970963");
  }
  #venue .venue__title::before,
  #venue-detail .venue__title::before {
    left: calc(50% + min(0.0973333333vw, 0.73px));
    top: min(0.104vw, 0.78px);
    width: min(18.2vw, 136.5px);
    height: min(7.4533333333vw, 55.9px);
  }
  #venue .venue__subtitle,
  #venue-detail .venue__subtitle {
    gap: min(0.8vw, 6px);
    margin-top: 0;
    margin-left: min(3.2vw, 24px);
    font-size: min(4.8533333333vw, 36.4px);
    letter-spacing: min(0.4853333333vw, 3.64px);
  }
  #venue .venue__subtitle::before, #venue .venue__subtitle::after,
  #venue-detail .venue__subtitle::before,
  #venue-detail .venue__subtitle::after {
    width: min(2.6666666667vw, 20px);
    height: min(1vw, 7.5px);
  }
  #venue .venue__subtitle::before,
  #venue-detail .venue__subtitle::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/title-line-l_m.svg");
  }
  #venue .venue__subtitle::after,
  #venue-detail .venue__subtitle::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/title-line-r_m.svg");
  }
  #venue .venue__lead,
  #venue-detail .venue__lead {
    margin-top: min(6.2533333333vw, 46.9px);
    margin-left: 0;
    font-size: min(4vw, 30px);
    letter-spacing: min(0.08vw, 0.6px);
  }
  #venue .venue__kv,
  #venue-detail .venue__kv {
    left: min(11.44vw, 85.8px);
    top: min(22.1333333333vw, 166px);
    width: min(29.3333333333vw, 220px);
    height: min(43.4933333333vw, 326.2px);
  }
}

.go-home {
  position: absolute;
  z-index: 4;
  left: calc(50% - min(20.3125vw, 390px));
  top: min(9.375vw, 180px);
  width: min(5.0520833333vw, 97px);
  height: min(1.5104166667vw, 29px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/btn-back.png?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 1000px) {
  .go-home {
    left: calc(50% - min(47.3333333333vw, 355px));
    top: min(2.6666666667vw, 20px);
    width: min(25.7333333333vw, 193px);
    height: min(7.7333333333vw, 58px);
    background: url("https://jci-isharing.books.com.tw/assets/images/common/btn-back_m.png?v=8563970963") no-repeat center center;
    background-size: 100% 100%;
  }
  .section:has(#menu.is-open) .go-home {
    z-index: 0;
  }
}

#venue .venue__frame {
  min-height: min(49.5833333333vw, 952px);
}
#venue .venue__content {
  padding-bottom: min(22.0625vw, 423.6px);
}
#venue .venue__brands {
  display: flex;
  gap: min(1.0416666667vw, 20px);
  margin-top: min(2.03125vw, 39px);
}
#venue .venue__brand {
  position: relative;
  display: block;
  width: min(15.5830208333vw, 299.194px);
  height: min(7.2916666667vw, 140px);
  background: url("https://jci-isharing.books.com.tw/assets/images/venue/logo-box.png?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
  transition: opacity 0.25s linear;
}
@media (hover: hover) and (min-width: 751px) {
  #venue .venue__brand:hover {
    opacity: 0.8;
  }
}
#venue .venue__brand:active {
  opacity: 0.8;
}
#venue .venue__brand-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}
#venue .venue__brand--plaza .venue__brand-logo {
  width: min(10.3125vw, 198px);
  height: min(2.9427083333vw, 56.5px);
}
#venue .venue__brand--mall .venue__brand-logo {
  width: min(9.6875vw, 186px);
  height: min(3.5885416667vw, 68.9px);
}
#venue .venue__more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(6.875vw, 132px);
  height: min(1.875vw, 36px);
  margin-top: min(1.0416666667vw, 20px);
  padding: min(0.2083333333vw, 4px) min(0.4166666667vw, 8px);
  border: 2px solid #de902d;
  border-radius: 4px;
  background: #fff5f7;
  color: #fe346a;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: 1.3333333333;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.25s linear, color 0.25s linear;
}
@media (hover: hover) and (min-width: 751px) {
  #venue .venue__more:hover {
    background: #fe346a;
    color: #fff5f7;
  }
}
#venue .venue__more:active {
  background: #fe346a;
  color: #fff5f7;
}
@media (max-width: 1000px) {
  #venue .venue__frame {
    min-height: min(129.3333333333vw, 970px);
  }
  #venue .venue__content {
    padding-bottom: min(55vw, 412.5px);
  }
  #venue .venue__brands {
    flex-direction: column;
    gap: min(5.3333333333vw, 40px);
    margin-top: min(5.3333333333vw, 40px);
  }
  #venue .venue__brand {
    width: min(70.6666666667vw, 530px);
    height: min(33.0666666667vw, 248px);
  }
  #venue .venue__brand--plaza .venue__brand-logo {
    width: min(52.8vw, 396px);
    height: min(14.4vw, 108px);
  }
  #venue .venue__brand--mall .venue__brand-logo {
    width: min(43.9466666667vw, 329.6px);
    height: min(16.2666666667vw, 122px);
  }
  #venue .venue__more {
    width: min(35.2vw, 264px);
    height: min(9.6vw, 72px);
    margin-top: min(5.3333333333vw, 40px);
    padding: min(1.0666666667vw, 8px) min(2.1333333333vw, 16px);
    border-width: 4px;
    font-size: min(4.8vw, 36px);
    line-height: 1.3333333333;
  }
}

#venue-detail .venue__frame {
  min-height: min(49.5833333333vw, 952px);
}
#venue-detail .venue__groups {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(52.0833333333vw, 1000px);
  margin-top: min(2.6041666667vw, 50px);
}
#venue-detail .venue__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#venue-detail .venue__group::before, #venue-detail .venue__group::after {
  content: "";
  width: min(26.6666666667vw, 512px);
  height: min(3.28125vw, 63px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#venue-detail .venue__group::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/deco-top.png?v=8563970963");
}
#venue-detail .venue__group::after {
  margin-top: min(4.3229166667vw, 83px);
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/deco-bottom.png?v=8563970963");
}
#venue-detail .venue__group-name {
  margin-top: min(1.0416666667vw, 20px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.875vw, 36px);
  font-weight: 900;
  line-height: normal;
  letter-spacing: min(0.1875vw, 3.6px);
  text-align: center;
  white-space: nowrap;
}
#venue-detail .venue__cards {
  display: flex;
  flex-direction: column;
  gap: min(2.0833333333vw, 40px);
  width: 100%;
  margin-top: min(1.0416666667vw, 20px);
}
#venue-detail .venue__card {
  display: flex;
  gap: min(0.5208333333vw, 10px);
  width: 100%;
}
#venue-detail .venue__card-media {
  position: relative;
  flex: none;
  width: min(34.375vw, 660px);
  height: min(22.3958333333vw, 430px);
}
#venue-detail .venue__slider {
  width: 100%;
  height: 100%;
}
#venue-detail .venue__card-photo {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#venue-detail .venue__slider-btn {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: min(2.2916666667vw, 44px);
  height: min(2.2916666667vw, 44px);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  cursor: pointer;
  transition: opacity 0.25s linear;
  background-color: transparent;
  border: none;
}
@media (hover: hover) and (min-width: 751px) {
  #venue-detail .venue__slider-btn:hover {
    opacity: 0.8;
  }
}
#venue-detail .venue__slider-btn:active {
  opacity: 0.8;
}
#venue-detail .venue__slider-btn--prev {
  left: min(0.5208333333vw, 10px);
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/btn-prev.svg");
}
#venue-detail .venue__slider-btn--next {
  right: min(0.5208333333vw, 10px);
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/btn-next.svg");
}
#venue-detail .venue__card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(0.5208333333vw, 10px);
  align-self: stretch;
  min-width: 0;
}
#venue-detail .venue__card-title {
  display: grid;
  grid-template-columns: min(1.5625vw, 30px) 1fr;
  align-items: center;
  gap: min(0.5208333333vw, 10px);
  min-height: min(2.0833333333vw, 40px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.4583333333vw, 28px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.1458333333vw, 2.8px);
}
#venue-detail .venue__card-title::before {
  content: "";
  grid-row: 1;
  grid-column: 1;
  width: min(1.5625vw, 30px);
  height: min(2.0833333333vw, 40px);
  background: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-gem.png?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
}
#venue-detail .venue__card-title span {
  grid-column: 2;
}
#venue-detail .venue__card-title span:empty {
  display: none;
}
#venue-detail .venue__card-text {
  flex: 1;
  color: #35233a;
  font-family: "Noto Sans TC", sans-serif;
  font-size: min(0.8333333333vw, 16px);
  font-weight: 400;
  line-height: normal;
  letter-spacing: min(0.0416666667vw, 0.8px);
}
#venue-detail .venue__card-social {
  display: flex;
  justify-content: flex-end;
  gap: min(0.4166666667vw, 8px);
  padding-top: min(0.5208333333vw, 10px);
}
#venue-detail .venue__social {
  display: block;
  width: min(2.0833333333vw, 40px);
  height: min(2.0833333333vw, 40px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transition: opacity 0.25s linear;
}
@media (hover: hover) and (min-width: 751px) {
  #venue-detail .venue__social:hover {
    opacity: 0.7;
  }
}
#venue-detail .venue__social:active {
  opacity: 0.7;
}
#venue-detail .venue__social--home {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/home.png?v=8563970963");
}
#venue-detail .venue__social--line {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/line.png?v=8563970963");
}
#venue-detail .venue__social--youtube {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-youtube.svg");
}
#venue-detail .venue__social--instagram {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-instagram.svg");
}
#venue-detail .venue__social--facebook {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-facebook.svg");
}
#venue-detail .venue__gem {
  order: 1;
  width: min(1.5625vw, 30px);
  height: min(2.0833333333vw, 40px);
  margin-top: min(0.8333333333vw, 16px);
  margin-bottom: min(1.0416666667vw, 20px);
  background: url("https://jci-isharing.books.com.tw/assets/images/venue/icon-gem.png?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
}
#venue-detail .venue__group:last-child .venue__gem {
  display: none;
}
@media (max-width: 1000px) {
  #venue-detail .venue__frame {
    min-height: min(129.3333333333vw, 970px);
  }
  #venue-detail .venue__groups {
    width: min(72vw, 540px);
    margin-top: min(5.3333333333vw, 40px);
  }
  #venue-detail .venue__group::before, #venue-detail .venue__group::after {
    width: min(68.2666666667vw, 512px);
    height: min(8.4vw, 63px);
  }
  #venue-detail .venue__group::after {
    margin-top: min(11.0666666667vw, 83px);
  }
  #venue-detail .venue__group-name {
    margin-top: min(2.6666666667vw, 20px);
    font-size: min(4.8vw, 36px);
    letter-spacing: min(0.48vw, 3.6px);
  }
  #venue-detail .venue__cards {
    gap: min(5.3333333333vw, 40px);
    margin-top: min(2.6666666667vw, 20px);
  }
  #venue-detail .venue__card {
    flex-direction: column;
    gap: min(1.3333333333vw, 10px);
  }
  #venue-detail .venue__card-media {
    width: 100%;
    height: min(46.9333333333vw, 352px);
  }
  #venue-detail .venue__slider-btn {
    width: min(5.8666666667vw, 44px);
    height: min(5.8666666667vw, 44px);
  }
  #venue-detail .venue__slider-btn--prev {
    left: min(1.3333333333vw, 10px);
  }
  #venue-detail .venue__slider-btn--next {
    right: min(1.3333333333vw, 10px);
  }
  #venue-detail .venue__card-body {
    gap: min(1.3333333333vw, 10px);
    width: 100%;
  }
  #venue-detail .venue__card-title {
    grid-template-columns: min(4vw, 30px) 1fr;
    gap: min(1.3333333333vw, 10px);
    min-height: min(6.9333333333vw, 52px);
    font-size: min(4.8vw, 36px);
    letter-spacing: min(0.48vw, 3.6px);
  }
  #venue-detail .venue__card-title::before {
    width: min(4vw, 30px);
    height: min(5.3333333333vw, 40px);
  }
  #venue-detail .venue__card-text {
    font-size: min(4.2666666667vw, 32px);
    line-height: 1.375;
    letter-spacing: min(0.2133333333vw, 1.6px);
  }
  #venue-detail .venue__card-social {
    gap: min(2.6666666667vw, 20px);
    padding-top: min(1.3333333333vw, 10px);
  }
  #venue-detail .venue__social {
    width: min(8vw, 60px);
    height: min(8vw, 60px);
  }
  #venue-detail .venue__gem {
    width: min(4vw, 30px);
    height: min(5.3333333333vw, 40px);
    margin-top: min(2.1333333333vw, 16px);
    margin-bottom: min(2.6666666667vw, 20px);
  }
}

.about__gem {
  display: block;
  flex: none;
  width: min(0.8333333333vw, 16px);
  height: min(0.8333333333vw, 16px);
  border: 2px solid #dd9835;
  border-radius: 999px;
  background: url("https://jci-isharing.books.com.tw/assets/images/about/pin-white.png?v=8563970963") no-repeat 19.92% 23.01%;
  background-size: 206.64% 230.9%;
}
.about__gem--2016 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2016.png?v=8563970963");
}
.about__gem--2017 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2017.png?v=8563970963");
}
.about__gem--2018 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2018.png?v=8563970963");
}
.about__gem--2019 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2019.png?v=8563970963");
}
.about__gem--2023 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2023.png?v=8563970963");
}
.about__gem--2024 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2024.png?v=8563970963");
}
.about__gem--2025 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2025.png?v=8563970963");
}
.about__gem--2026 {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2026.png?v=8563970963");
}

#about {
  position: relative;
  overflow: clip;
  min-height: calc(var(--vh, 1vh) * 100);
}
#about :where(.about__pins, .about__content) button {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
}
#about {
  /* ---------- 地圖 ---------- */
}
#about .about__map {
  position: absolute;
  inset: 0;
  overflow: clip;
}
#about .about__map-track {
  position: absolute;
  inset: 0;
}
#about .about__map-image {
  position: absolute;
  left: calc(50% - min(76.6145833333vw, 1471px));
  top: calc(50% - min(76.3645833333vw, 1466.2px));
  width: min(181.3541666667vw, 3482px);
  height: min(146.3020833333vw, 2809px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/map.jpg?v=8563970963") no-repeat center center;
  background-size: 100% 100%;
}
#about .about__map-blur {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  height: min(26.0416666667vw, 500px);
  pointer-events: none;
  -webkit-backdrop-filter: blur(min(1.3020833333vw, 25px));
          backdrop-filter: blur(min(1.3020833333vw, 25px));
  -webkit-mask-image: linear-gradient(to bottom, #000000, transparent);
          mask-image: linear-gradient(to bottom, #000000, transparent);
}
#about .about__map-fade {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}
#about .about__map-fade::before, #about .about__map-fade::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}
#about .about__map-fade::before {
  top: 0;
  height: min(26.0416666667vw, 500px);
  background: linear-gradient(to bottom, #ffffff, rgba(217, 217, 217, 0));
}
#about .about__map-fade::after {
  bottom: max(-3.4895833333vw, -67px);
  height: min(25vw, 480px);
  background: linear-gradient(to bottom, rgba(217, 217, 217, 0), #ffffff);
}
#about .about__pins {
  position: absolute;
  z-index: 2;
  inset: 0;
}
#about .about__pin {
  position: absolute;
  width: 0;
  height: 0;
}
#about .about__pin--2016 {
  left: 48.61%;
  top: 51.23%;
}
#about .about__pin--2016 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2016.png?v=8563970963");
}
#about .about__pin--2017 {
  left: 33.05%;
  top: 53.3%;
}
#about .about__pin--2017 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2017.png?v=8563970963");
}
#about .about__pin--2018 {
  left: 49.74%;
  top: 52.26%;
}
#about .about__pin--2018 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2018.png?v=8563970963");
}
#about .about__pin--2019 {
  left: 25.3%;
  top: 55.71%;
}
#about .about__pin--2019 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2019.png?v=8563970963");
}
#about .about__pin--2023 {
  left: 48.09%;
  top: 53.65%;
}
#about .about__pin--2023 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2023.png?v=8563970963");
}
#about .about__pin--2024 {
  left: 47.95%;
  top: 50.3%;
}
#about .about__pin--2024 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2024.png?v=8563970963");
}
#about .about__pin--2025 {
  left: 50.39%;
  top: 52.4%;
}
#about .about__pin--2025 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2025.png?v=8563970963");
}
#about .about__pin--2026 {
  left: 50.76%;
  top: 51.26%;
}
#about .about__pin--2026 .about__pin-icon {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-2026.png?v=8563970963");
}
#about .about__pin.is-active {
  z-index: 1;
}
#about .about__pin.is-active .about__pin-icon {
  width: min(3.8322916667vw, 73.58px);
  height: min(4.0625vw, 78px);
}
#about .about__pin.is-active .about__pin-icon::after {
  pointer-events: none;
}
#about .about__pin.is-active .about__pin-label {
  display: flex;
}
#about .about__pin-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: min(2.9479166667vw, 56.6px);
  height: min(3.125vw, 60px);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  pointer-events: none;
  transition: width 0.2s linear, height 0.2s linear;
}
#about .about__pin-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 69.06%;
  height: 94.4%;
  pointer-events: auto;
  cursor: pointer;
}
#about .about__pin-label {
  position: absolute;
  left: 0;
  bottom: min(4.3229166667vw, 83px);
  display: none;
  align-items: center;
  gap: min(0.5208333333vw, 10px);
  padding: min(0.2604166667vw, 5px) min(0.78125vw, 15px);
  transform: translateX(-50%);
  border: 2px solid #dd9835;
  border-radius: 999px;
  background: linear-gradient(180deg, #f3d5ae 0%, #fff5e5 14%, #f4e3b3 90%, #eab868 100%);
  color: #865300;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.0416666667vw, 20px);
  font-weight: 900;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer;
}
#about .about__pin-label::after {
  content: "";
  flex: none;
  width: min(0.46875vw, 9px);
  height: min(0.78125vw, 15px);
  margin: 0 max(-0.078125vw, -1.5px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/pin-label-arrow.svg") no-repeat center;
  background-size: 100% 100%;
}
#about {
  /* ---------- 金框與內容 ---------- */
}
#about .about__stage {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: min(83.3333333333vw, 1600px);
  min-height: calc(var(--vh, 1vh) * 100);
  margin: 0 auto;
  padding-top: min(1.0416666667vw, 20px);
  padding-bottom: min(6.40625vw, 123px);
  pointer-events: none;
}
#about #menu {
  pointer-events: auto;
}
#about .about__frame {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: min(83.3333333333vw, 1600px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/frame-bottom.png?v=8563970963") no-repeat center bottom;
  background-size: 100% auto;
}
#about .about__frame::before, #about .about__frame::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
#about .about__frame::before {
  top: 0;
  height: min(24.8125vw, 476.4px);
  z-index: 1;
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-top.png?v=8563970963") no-repeat center top;
  background-size: 100% 100%;
}
#about .about__frame::after {
  top: min(24.4791666667vw, 470px);
  bottom: min(19.84375vw, 381px);
  background: url("https://jci-isharing.books.com.tw/assets/images/index/frame-center.png?v=8563970963") repeat-y center top;
  background-size: 100% auto;
}
#about .about__content {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: min(9.21875vw, 177px);
  padding-bottom: min(6.375vw, 122.4px);
}
#about .about__title {
  display: flex;
  align-items: center;
  gap: min(0.9026041667vw, 17.33px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(2.0833333333vw, 40px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.2083333333vw, 4px);
  white-space: nowrap;
}
#about .about__title::before, #about .about__title::after {
  content: "";
  flex: none;
  width: min(4.3317708333vw, 83.17px);
  height: min(0.2776041667vw, 5.33px);
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#about .about__title::before {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/title-line-l.svg");
}
#about .about__title::after {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/title-line-r.svg");
}
#about .about__lead {
  margin-top: min(0.5208333333vw, 10px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.8333333333vw, 16px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.0416666667vw, 0.8px);
  text-align: center;
}
#about .about__hint {
  margin-top: min(1.0416666667vw, 20px);
  margin-bottom: auto;
  padding: min(0.1041666667vw, 2px) min(0.78125vw, 15px);
  border-radius: 999px;
  background: rgba(42, 42, 42, 0.6);
  color: #ffffff;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.7291666667vw, 14px);
  font-weight: 400;
  line-height: normal;
  letter-spacing: min(0.0364583333vw, 0.7px);
  text-align: center;
  white-space: nowrap;
}
#about .about__timeline {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: min(15.3125vw, 294px);
  pointer-events: auto;
}
#about .about__list-btn {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  gap: min(0.5208333333vw, 10px);
  height: min(3.125vw, 60px);
  margin-bottom: max(-1.4583333333vw, -28px);
  padding: 0 min(0.9375vw, 18px) min(1.0416666667vw, 20px) min(0.8333333333vw, 16px);
  border: 3px solid #dd9835;
  border-radius: min(1.0416666667vw, 20px) min(1.0416666667vw, 20px) 0 0;
  background: #fff7ed;
  color: #865300;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
#about .about__list-icon {
  display: flex;
  flex-direction: column;
  gap: min(0.1041666667vw, 2px);
  width: min(1.1979166667vw, 23px);
  height: min(0.8333333333vw, 16px);
}
#about .about__list-icon i {
  display: flex;
  flex: 1;
  align-items: center;
  gap: min(0.1041666667vw, 2px);
}
#about .about__list-icon i::before, #about .about__list-icon i::after {
  content: "";
  flex: none;
}
#about .about__list-icon i::before {
  width: min(0.15625vw, 3px);
  height: min(0.15625vw, 3px);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/icon-list-dot.svg") no-repeat center;
  background-size: 100% 100%;
}
#about .about__list-icon i::after {
  width: min(0.9375vw, 18px);
  height: min(0.15625vw, 3px);
  border-radius: min(0.1041666667vw, 2px);
  background: #865300;
}
#about .about__timeline-box {
  position: relative;
  z-index: 1;
  width: min(71.875vw, 1380px);
  height: min(9.21875vw, 177px);
}
#about .about__timeline-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-box.png?v=8563970963") no-repeat center;
  background-size: 100% 100%;
}
#about .about__timeline-inner {
  position: absolute;
  left: min(0.6770833333vw, 13px);
  top: min(0.78125vw, 15px);
  width: min(70.4166666667vw, 1352px);
  height: min(7.5744791667vw, 145.43px);
  overflow: hidden;
  border-radius: min(1.5625vw, 30px);
  background: #fff7ed;
}
#about .about__timeline-inner::before {
  content: "";
  position: absolute;
  left: 50%;
  top: min(5.2083333333vw, 100px);
  width: min(59.8958333333vw, 1150px);
  height: min(0.3125vw, 6px);
  transform: translateX(-50%);
  border-radius: 999px;
  background: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-bar.png?v=8563970963") no-repeat center;
  background-size: 100% 100%;
}
#about .about__years {
  position: absolute;
  left: calc(50% - min(0.009375vw, 0.18px));
  top: min(1.09375vw, 21px);
  display: flex;
  gap: min(1.5625vw, 30px);
  transform: translateX(-50%);
}
#about .about__year {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: min(5.15625vw, 99px);
  padding-bottom: min(0.4166666667vw, 8px);
  color: #865300;
  cursor: pointer;
}
#about .about__year .about__gem {
  margin-top: min(0.2604166667vw, 5px);
}
#about .about__year:not(.is-selected) .about__gem {
  background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-white.png?v=8563970963");
}
#about .about__year.is-selected {
  padding-bottom: min(0.1859375vw, 3.57px);
  color: #d71618;
}
#about .about__year.is-selected::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(0.625vw, 12px);
  height: min(0.3125vw, 6px);
  transform: translateX(-50%);
  background: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-marker.svg") no-repeat center;
  background-size: 100% 100%;
}
#about .about__year.is-selected .about__gem {
  width: min(1.3020833333vw, 25px);
  height: min(1.3020833333vw, 25px);
}
#about .about__year-city {
  display: block;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.8333333333vw, 16px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: min(0.1083333333vw, 2.08px);
  white-space: nowrap;
  transform: skewX(-12.79deg) scaleY(0.98);
}
#about .about__year-num {
  display: block;
  font-family: "Times New Roman", serif;
  font-size: min(1.4583333333vw, 28px);
  font-style: italic;
  line-height: normal;
  letter-spacing: max(-0.1020833333vw, -1.96px);
  white-space: nowrap;
}
#about .about__timeline-btn {
  display: none;
}
@media (max-width: 1000px) {
  #about .about__map {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    cursor: grab;
  }
  #about .about__map::-webkit-scrollbar {
    display: none;
  }
  #about .about__map-track {
    position: relative;
    inset: auto;
    width: min(249.5959594667vw, 1871.969696px);
    height: 100%;
    overflow: clip;
  }
  #about .about__map-image {
    left: max(-131.8844373333vw, -989.13328px);
    top: calc(50% - min(265.5669333333vw, 1991.752px));
    width: min(653.0346666667vw, 4897.76px);
    height: min(526.816vw, 3951.12px);
  }
  #about .about__map-blur {
    top: max(-12.9333333333vw, -97px);
    height: min(117.216vw, 879.12px);
    -webkit-backdrop-filter: blur(min(5.8613333333vw, 43.96px));
            backdrop-filter: blur(min(5.8613333333vw, 43.96px));
  }
  #about .about__map-fade {
    inset: max(-12.9333333333vw, -97px) 0 max(-12.8vw, -96px);
  }
  #about .about__map-fade::before {
    height: min(117.216vw, 879.12px);
  }
  #about .about__map-fade::after {
    bottom: max(-15.7066666667vw, -117.8px);
    height: min(112.528vw, 843.96px);
  }
  #about .about__pin-icon {
    width: min(10.624vw, 79.68px);
    height: min(11.2533333333vw, 84.4px);
  }
  #about .about__pin.is-active .about__pin-icon {
    width: min(13.8112vw, 103.584px);
    height: min(14.6293333333vw, 109.72px);
  }
  #about .about__pin-label {
    bottom: min(15.5744vw, 116.808px);
    gap: min(1.9924vw, 14.943px);
    padding: min(0.9962vw, 7.4715px) min(2.9886vw, 22.4145px);
    border-width: 3.5px;
    font-size: min(3.9859333333vw, 29.8945px);
  }
  #about .about__pin-label::after {
    width: min(1.7929333333vw, 13.447px);
    height: min(2.9886vw, 22.4145px);
    margin: 0 max(-0.2992vw, -2.244px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/pin-label-arrow-m.svg");
  }
  #about .about__stage {
    width: min(100vw, 750px);
    padding: min(2.6666666667vw, 20px) 0 min(2.1333333333vw, 16px);
  }
  #about .about__frame {
    width: min(97.3333333333vw, 730px);
    margin: 0 auto;
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/frame-bottom-m.png?v=8563970963");
  }
  #about .about__frame::before {
    height: min(75.4666666667vw, 566px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/frame-top-m.png?v=8563970963");
  }
  #about .about__frame::after {
    top: min(75.4666666667vw, 566px);
    bottom: min(46.0666666667vw, 345.5px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/frame-center-m.png?v=8563970963");
  }
  #about .about__content {
    padding-top: min(29.3333333333vw, 220px);
    padding-bottom: min(18.5333333333vw, 139px);
  }
  #about .about__title {
    gap: min(2.3106666667vw, 17.33px);
    font-size: min(5.8666666667vw, 44px);
    letter-spacing: min(0.5866666667vw, 4.4px);
  }
  #about .about__title::before, #about .about__title::after {
    width: min(5.756vw, 43.17px);
    height: min(0.7106666667vw, 5.33px);
  }
  #about .about__title::before {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/title-line-l-m.svg");
  }
  #about .about__title::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/title-line-r-m.svg");
  }
  #about .about__lead {
    width: min(80vw, 600px);
    margin-top: min(2.1333333333vw, 16px);
    margin-bottom: auto;
    padding: 0 min(1.6vw, 12px);
    font-size: min(3.4666666667vw, 26px);
    letter-spacing: min(0.1733333333vw, 1.3px);
  }
  #about .about__hint {
    position: absolute;
    left: 50%;
    bottom: min(3.0666666667vw, 23px);
    margin: 0;
    transform: translateX(-50%);
    background: rgba(42, 42, 42, 0.75);
    padding: min(1.0666666667vw, 8px) min(4.2666666667vw, 32px);
    font-size: min(3.7333333333vw, 28px);
    font-weight: 500;
    letter-spacing: min(0.1866666667vw, 1.4px);
  }
  #about .about__timeline {
    margin-top: min(6vw, 45px);
  }
  #about .about__list-btn {
    gap: min(1.3333333333vw, 10px);
    height: min(10.6666666667vw, 80px);
    margin-bottom: max(-4.5333333333vw, -34px);
    padding: 0 min(2.4vw, 18px) min(2.6666666667vw, 20px) min(2.1333333333vw, 16px);
    border-radius: min(2.6666666667vw, 20px) min(2.6666666667vw, 20px) 0 0;
    font-size: min(4.8vw, 36px);
  }
  #about .about__list-icon {
    gap: min(0.2666666667vw, 2px);
    width: min(3.0666666667vw, 23px);
    height: min(2.1333333333vw, 16px);
  }
  #about .about__list-icon i {
    gap: min(0.2666666667vw, 2px);
  }
  #about .about__list-icon i::before {
    width: min(0.4vw, 3px);
    height: min(0.4vw, 3px);
  }
  #about .about__list-icon i::after {
    width: min(2.4vw, 18px);
    height: min(0.4vw, 3px);
    border-radius: min(0.2666666667vw, 2px);
  }
  #about .about__timeline-box {
    width: min(70.6666666667vw, 530px);
    height: min(33.0666666667vw, 248px);
  }
  #about .about__timeline-box::after {
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-box-m.png?v=8563970963");
  }
  #about .about__timeline-inner {
    left: min(2.4vw, 18px);
    top: min(3.0666666667vw, 23px);
    width: min(65.8666666667vw, 494px);
    height: min(26.4vw, 198px);
  }
  #about .about__timeline-inner::before {
    top: min(15.8666666667vw, 119px);
    width: min(65.8666666667vw, 494px);
    height: min(1.6vw, 12px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-bar-m.png?v=8563970963");
  }
  #about .about__years {
    left: min(32.9333333333vw, 247px);
    top: min(5.6vw, 42px);
    gap: min(10.6666666667vw, 80px);
    transform: translateX(var(--offset, 0px));
    transition: transform 0.3s ease;
  }
  #about .about__year {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: min(24.2666666667vw, 182px);
    height: min(14.2666666667vw, 107px);
    padding: 0 0 min(5.7333333333vw, 43px);
    white-space: nowrap;
  }
  #about .about__year:not(.is-selected) {
    pointer-events: none;
  }
  #about .about__year .about__gem {
    position: absolute;
    left: 50%;
    top: min(8.9333333333vw, 67px);
    width: min(4.2666666667vw, 32px);
    height: min(4.2666666667vw, 32px);
    margin: 0;
    transform: translateX(-50%);
    border-width: 4px;
  }
  #about .about__year.is-selected {
    padding: 0 0 min(5.7333333333vw, 43px);
  }
  #about .about__year.is-selected::before {
    display: none;
  }
  #about .about__year.is-selected .about__gem {
    top: min(8.4vw, 63px);
    width: min(5.3333333333vw, 40px);
    height: min(5.3333333333vw, 40px);
  }
  #about .about__year-city {
    font-size: min(3.7333333333vw, 28px);
    letter-spacing: min(0.4853333333vw, 3.64px);
  }
  #about .about__year-num {
    font-size: min(6.4vw, 48px);
    letter-spacing: max(-0.448vw, -3.36px);
  }
  #about .about__timeline-btn {
    position: absolute;
    z-index: 2;
    top: min(15.7053333333vw, 117.79px);
    display: block;
    width: min(8.5333333333vw, 64px);
    height: min(8.5333333333vw, 64px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;
  }
  #about .about__timeline-btn--prev {
    left: min(12.1333333333vw, 91px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-prev-m.svg");
  }
  #about .about__timeline-btn--next {
    right: min(12.1333333333vw, 91px);
    background-image: url("https://jci-isharing.books.com.tw/assets/images/about/timeline-next-m.svg");
  }
}

#index.index--soon .index__content {
  padding-top: min(12.0442708333vw, 231.25px);
  padding-left: min(5.4166666667vw, 104px);
}
#index.index--soon .index__title {
  height: min(9.5479166667vw, 183.32px);
}
#index.index--soon .index__title::before {
  left: calc(50% - min(0.0234375vw, 0.45px));
  width: min(6.8453125vw, 131.43px);
  height: min(2.80625vw, 53.88px);
}
#index.index--soon .index__soon-title {
  position: relative;
  z-index: 2;
  margin-top: max(-0.7380208333vw, -14.17px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.9791666667vw, 38px);
  font-weight: 700;
  line-height: normal;
  letter-spacing: max(-0.0395833333vw, -0.76px);
  text-align: center;
  white-space: nowrap;
}
#index.index--soon .index__soon-date {
  position: relative;
  z-index: 2;
  margin-top: min(0.0942708333vw, 1.81px);
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(1.0786458333vw, 20.71px);
  font-weight: 900;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1000px) {
  #index.index--soon .index__content {
    padding-top: min(27.7066666667vw, 207.8px);
    padding-left: 0;
  }
  #index.index--soon .index__title {
    width: min(72vw, 540px);
    height: min(33.08vw, 248.1px);
  }
  #index.index--soon .index__title::before {
    left: calc(50% - min(0.2133333333vw, 1.6px));
    width: min(27.4133333333vw, 205.6px);
    height: min(11.2373333333vw, 84.28px);
  }
  #index.index--soon .index__soon-title {
    margin-top: max(-1.5813333333vw, -11.86px);
    font-size: min(8vw, 60px);
    letter-spacing: max(-0.16vw, -1.2px);
  }
  #index.index--soon .index__soon-date {
    margin-top: max(-0.2666666667vw, -2px);
    font-size: min(4.2666666667vw, 32px);
  }
}

.post-wall {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(52.0833333333vw, 1000px);
}

.post-wall__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.0416666667vw, 20px);
  width: 100%;
}

.post-wall__item a {
  display: block;
}

.post-wall__photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 320/442;
  -o-object-fit: cover;
     object-fit: cover;
  background: #ffffff;
}

.post-wall__more {
  display: flex;
  align-items: center;
  gap: min(0.2604166667vw, 5px);
  margin-top: min(1.0416666667vw, 20px);
  padding: 0 min(0.5208333333vw, 10px);
  border: none;
  background-color: transparent;
  color: #782093;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.9375vw, 18px);
  font-weight: 700;
  line-height: 1.3333333333;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: min(0.2083333333vw, 4px);
  cursor: pointer;
  transition: color 0.2s linear;
}
.post-wall__more::before, .post-wall__more::after {
  content: "";
  flex: none;
  width: min(0.2604166667vw, 5px);
  height: min(0.2604166667vw, 5px);
  background: currentColor;
  transform: rotate(45deg);
}
@media (hover: hover) and (min-width: 751px) {
  .post-wall__more:hover {
    color: #b23cd7;
  }
}
.post-wall__more:active {
  color: #503259;
}

@media (max-width: 1000px) {
  .post-wall {
    width: min(69.3333333333vw, 520px);
  }
  .post-wall__list {
    grid-template-columns: 1fr;
    gap: min(5.3333333333vw, 40px);
  }
  .post-wall__more {
    gap: min(1.3333333333vw, 10px);
    margin-top: min(5.3333333333vw, 40px);
    padding: 0 min(2.6666666667vw, 20px);
    font-size: min(4.8vw, 36px);
    text-decoration-thickness: 2px;
    text-underline-offset: min(1.0666666667vw, 8px);
  }
  .post-wall__more::before, .post-wall__more::after {
    width: min(1.3333333333vw, 10px);
    height: min(1.3333333333vw, 10px);
  }
}
#venue.mission .venue__content {
  padding-bottom: min(7.5520833333vw, 145px);
}

.mission__join {
  display: flex;
  align-items: flex-start;
  gap: min(1.5104166667vw, 29px);
  margin-top: min(2.5vw, 48px);
  margin-left: max(-1.3020833333vw, -25px);
}

.mission__bubble {
  position: relative;
  flex: none;
  width: min(12.9166666667vw, 248px);
  margin-top: min(1.0416666667vw, 20px);
  padding: min(0.5208333333vw, 10px) min(0.78125vw, 15px);
  border-radius: min(0.625vw, 12px);
  background: #782093;
  color: #ffffff;
  font-family: "Noto Serif TC", serif;
  font-size: min(0.8333333333vw, 16px);
  font-weight: 700;
  line-height: 1.4375;
  letter-spacing: min(0.0416666667vw, 0.8px);
  white-space: nowrap;
}
.mission__bubble::before {
  content: "";
  position: absolute;
  left: min(12.2916666667vw, 236px);
  top: min(1.234375vw, 23.7px);
  width: min(0.9375vw, 18px);
  height: min(0.9375vw, 18px);
  border-radius: min(0.2083333333vw, 4px);
  background: #782093;
  transform: rotate(45deg);
}

.mission__qr {
  flex: none;
  width: min(14.5833333333vw, 280px);
  height: min(14.5833333333vw, 280px);
  overflow: hidden;
  border-radius: min(1.0416666667vw, 20px);
  background: #ffffff;
}

.mission__qr-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1000px) {
  #venue.mission .venue__content {
    padding-bottom: min(55vw, 412.5px);
  }
  .mission__join {
    flex-direction: column-reverse;
    align-items: center;
    gap: min(5.3333333333vw, 40px);
    margin-top: min(5.3333333333vw, 40px);
    margin-left: 0;
  }
  .mission__bubble {
    width: min(66.1333333333vw, 496px);
    margin-top: min(3.0666666667vw, 23px);
    padding: min(2.6666666667vw, 20px) min(4vw, 30px);
    border-radius: min(3.2vw, 24px);
    font-size: min(4.2666666667vw, 32px);
    line-height: 1.4375;
    letter-spacing: min(0.2133333333vw, 1.6px);
  }
  .mission__bubble::before {
    left: min(30.5333333333vw, 229px);
    top: max(-2.0666666667vw, -15.5px);
    width: min(4.8vw, 36px);
    height: min(4.8vw, 36px);
    border-radius: min(1.0666666667vw, 8px);
  }
  .mission__qr {
    width: min(66.6666666667vw, 500px);
    height: min(66.6666666667vw, 500px);
    border-radius: min(2.6666666667vw, 20px);
  }
}
#index.index--oops .index__content {
  position: relative;
  z-index: 1;
}
#index.index--oops .index__title,
#index.index--oops .index__kv {
  display: none;
}
#index.index--oops .index__oops-title {
  color: #782093;
  font-size: min(4.1666666667vw, 80px);
  font-weight: 700;
  font-family: "Noto Serif TC", serif;
  text-align: center;
  letter-spacing: 0.04em;
  margin-top: min(2.6041666667vw, 50px);
}
@media (max-width: 1000px) {
  #index.index--oops .index__oops-title {
    font-size: min(18.6666666667vw, 140px);
    margin-top: min(20vw, 150px);
  }
}
#index.index--oops .index__oops-title span {
  display: block;
  font-size: min(2.0833333333vw, 40px);
  font-weight: 900;
  margin-top: min(0.5208333333vw, 10px);
}
@media (max-width: 1000px) {
  #index.index--oops .index__oops-title span {
    font-size: min(10.1333333333vw, 76px);
    margin-top: min(2.4vw, 18px);
  }
}
#index.index--oops .index__oops-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(6.875vw, 132px);
  height: min(1.875vw, 36px);
  color: #FE346A;
  font-size: min(0.9375vw, 18px);
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  text-align: center;
  margin-top: min(1.4583333333vw, 28px);
  background: url("https://jci-isharing.books.com.tw/assets/images/common/btn-back_to_index.png?v=8563970963") no-repeat center top/contain;
  cursor: pointer;
}
@media (max-width: 1000px) {
  #index.index--oops .index__oops-button {
    width: min(35.2vw, 264px);
    height: min(9.6vw, 72px);
    font-size: min(4.8vw, 36px);
    margin-top: min(6.6666666667vw, 50px);
  }
}/*# sourceMappingURL=style.css.map */