@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap");
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
  border: 0;
  outline: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

body {
  line-height: 1;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote {
  display: block;
}

nav ul {
  list-style: none;
}

ol {
  list-style: none;
}

ul {
  list-style: none;
}

ul ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

mark {
  background: none;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input[type=submit],
input[type=button],
button {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
}

input,
select,
a img {
  vertical-align: middle;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*思源*/
:root {
  --remBasicSize: 16px;
}

body,
html {
  position: relative;
  font-family: "Noto Serif TC", sans-serif, Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", Serif-serif;
  color: #000;
  font-size: 16px;
}

body:after {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  content: "";
  display: block;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  background: #000;
}

.wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.container {
  position: relative;
  width: calc(75 * var(--remBasicSize));
  margin: 0 auto;
  height: auto;
}
@media screen and (max-width: 750px) {
  .container {
    width: 100%;
  }
}

img {
  display: block;
}

.shine_bg {
  position: absolute;
  width: calc(11.1875 * var(--remBasicSize));
  height: calc(20.9375 * var(--remBasicSize));
  background: url(../images/de/shine_bg.gif) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  .shine_bg {
    display: none;
  }
}

.fixbtn {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 10%;
  width: calc(5.4375 * var(--remBasicSize));
  height: calc(17.625 * var(--remBasicSize));
  display: none;
  text-indent: calc(-6249.9375 * var(--remBasicSize));
  background: url(../images/kv/fixbtn.png) no-repeat center/cover;
}
@media screen and (max-width: 750px) {
  .fixbtn {
    bottom: 0;
    width: calc(46.875 * var(--remBasicSize));
    height: calc(10 * var(--remBasicSize));
    background: url(../images/kv/fixbtn_m.png) no-repeat center/cover;
  }
}

#kv {
  position: relative;
  width: 100%;
  height: calc(59.375 * var(--remBasicSize));
  display: block;
  background: url(../images/kv/bg_d.jpg) no-repeat center 12%/cover;
}
@media screen and (max-width: 750px) {
  #kv {
    height: calc(89.375 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/kv/bg_m.jpg) no-repeat center 12%/cover;
  }
}
#kv .container {
  position: relative;
  margin: 0 auto;
  width: calc(46.875 * var(--remBasicSize));
  height: calc(59.375 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  /* 順時鐘旋轉動畫 */
  /* 逆時針旋轉動畫 */
  /* 順時鐘旋轉動畫 */
  /* 逆時針旋轉動畫 */
  /* 定義上下飄動動畫 */
}
@media screen and (max-width: 750px) {
  #kv .container {
    width: 100%;
    height: calc(89.375 * var(--remBasicSize));
  }
}
#kv .container .star1 {
  position: absolute;
  left: calc(-4.375 * var(--remBasicSize));
  top: calc(6.25 * var(--remBasicSize));
  width: calc(5.1875 * var(--remBasicSize));
  height: calc(5.1875 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/kv/star-s.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #kv .container .star1 {
    top: calc(18.75 * var(--remBasicSize));
    left: calc(2.5 * var(--remBasicSize));
    width: calc(4.375 * var(--remBasicSize));
    height: calc(4.0625 * var(--remBasicSize));
  }
}
@keyframes spinClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#kv .container .star2 {
  position: absolute;
  left: calc(-1.25 * var(--remBasicSize));
  top: calc(12.5 * var(--remBasicSize));
  width: calc(6.5 * var(--remBasicSize));
  height: calc(6.5 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/kv/star-g.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinCounterClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #kv .container .star2 {
    top: calc(22.5 * var(--remBasicSize));
    left: calc(5.625 * var(--remBasicSize));
    width: calc(5.625 * var(--remBasicSize));
    height: calc(5.625 * var(--remBasicSize));
  }
}
@keyframes spinCounterClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#kv .container .star3 {
  position: absolute;
  right: calc(-1.25 * var(--remBasicSize));
  top: calc(25 * var(--remBasicSize));
  width: calc(7.0625 * var(--remBasicSize));
  height: calc(7.0625 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/kv/star-s.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #kv .container .star3 {
    top: calc(30 * var(--remBasicSize));
    right: calc(0.9375 * var(--remBasicSize));
    width: calc(5.9375 * var(--remBasicSize));
    height: calc(5.9375 * var(--remBasicSize));
  }
}
@keyframes spinClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#kv .container .star4 {
  position: absolute;
  right: calc(3.4375 * var(--remBasicSize));
  top: calc(41.5625 * var(--remBasicSize));
  width: calc(4.5625 * var(--remBasicSize));
  height: calc(4.5625 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/kv/star-g.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinCounterClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #kv .container .star4 {
    top: calc(48.75 * var(--remBasicSize));
    right: calc(2.5 * var(--remBasicSize));
    width: calc(4.1875 * var(--remBasicSize));
    height: calc(4.1875 * var(--remBasicSize));
  }
}
@keyframes spinCounterClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#kv .container .ball {
  position: absolute;
  top: calc(0 * var(--remBasicSize));
  left: calc(3.125 * var(--remBasicSize));
  width: calc(16.5 * var(--remBasicSize));
  height: calc(16.25 * var(--remBasicSize));
  background: url(../images/kv/ball.webp) no-repeat top center/contain;
  z-index: 5;
}
@media screen and (max-width: 750px) {
  #kv .container .ball {
    top: calc(0 * var(--remBasicSize));
    left: calc(4.375 * var(--remBasicSize));
    width: calc(19.625 * var(--remBasicSize));
    height: calc(19.6875 * var(--remBasicSize));
  }
}
#kv .container .ball .de_shine {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(23.875 * var(--remBasicSize));
  height: calc(24.75 * var(--remBasicSize));
}
#kv .container .ball .de_shine .shine1 {
  position: absolute;
  top: calc(3.75 * var(--remBasicSize));
  left: calc(-0.9375 * var(--remBasicSize));
  width: calc(7.3125 * var(--remBasicSize));
  height: calc(7.3125 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine2 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #kv .container .ball .de_shine .shine1 {
    top: calc(6.25 * var(--remBasicSize));
    left: calc(0.625 * var(--remBasicSize));
    width: calc(6.25 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes kv-shine2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
#kv .container .wine {
  position: absolute;
  z-index: 3;
  top: calc(25 * var(--remBasicSize));
  left: calc(-9.375 * var(--remBasicSize));
  width: calc(25.8125 * var(--remBasicSize));
  height: calc(50.75 * var(--remBasicSize));
  background: url(../images/kv/wine.png) no-repeat top center/contain;
  /* 微小慢速晃動動畫 */
  animation: wineSwing 6s ease-in-out infinite;
  transform-origin: bottom center;
}
@media screen and (max-width: 750px) {
  #kv .container .wine {
    top: calc(37.5 * var(--remBasicSize));
    left: calc(-18.75 * var(--remBasicSize));
    width: calc(50 * var(--remBasicSize));
    height: calc(56.25 * var(--remBasicSize));
  }
}
#kv .container .wine .de_shine {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(23.875 * var(--remBasicSize));
  height: calc(24.75 * var(--remBasicSize));
}
#kv .container .wine .de_shine .shine1 {
  position: absolute;
  top: calc(9.375 * var(--remBasicSize));
  left: calc(7.5 * var(--remBasicSize));
  width: calc(7.3125 * var(--remBasicSize));
  height: calc(7.3125 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine1 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #kv .container .wine .de_shine .shine1 {
    top: calc(11.25 * var(--remBasicSize));
    left: calc(20 * var(--remBasicSize));
    width: calc(6.25 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes kv-shine1 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes wineSwing {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#kv .container .ballon {
  position: absolute;
  z-index: 1;
  top: calc(12.5 * var(--remBasicSize));
  right: calc(-1.25 * var(--remBasicSize));
  width: calc(15.875 * var(--remBasicSize));
  height: 24.6527777778vh;
  background: url(../images/kv/ballon.png) no-repeat top center/contain;
  /* 動畫套用 */
  animation: floatUpDown 4s ease-in-out infinite;
}
@media screen and (max-width: 750px) {
  #kv .container .ballon {
    top: calc(12.5 * var(--remBasicSize));
    right: calc(-2.5 * var(--remBasicSize));
    width: calc(18.75 * var(--remBasicSize));
    height: calc(25 * var(--remBasicSize));
  }
}
#kv .container .ballon .de_shine {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(23.875 * var(--remBasicSize));
  height: calc(24.75 * var(--remBasicSize));
}
#kv .container .ballon .de_shine .shine1 {
  position: absolute;
  top: calc(0 * var(--remBasicSize));
  right: calc(15.625 * var(--remBasicSize));
  width: calc(7.3125 * var(--remBasicSize));
  height: calc(7.3125 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine2 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #kv .container .ballon .de_shine .shine1 {
    top: calc(0 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    width: calc(6.25 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes kv-shine2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  /* 上升一點 */
  100% {
    transform: translateY(0);
  }
}
#kv .container .tape {
  position: absolute;
  right: calc(-6.25 * var(--remBasicSize));
  bottom: calc(-9.375 * var(--remBasicSize));
  width: calc(35.8125 * var(--remBasicSize));
  height: calc(25.25 * var(--remBasicSize));
  z-index: 5;
  background-image: url(../images/kv/tape.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  #kv .container .tape {
    bottom: calc(10 * var(--remBasicSize));
    right: calc(-7.5 * var(--remBasicSize));
    width: calc(37.5 * var(--remBasicSize));
    height: calc(27.5 * var(--remBasicSize));
  }
}
#kv .container .mirror {
  position: absolute;
  left: calc(1.875 * var(--remBasicSize));
  z-index: 2;
  top: calc(3.125 * var(--remBasicSize));
  width: calc(46.0625 * var(--remBasicSize));
  height: calc(54.75 * var(--remBasicSize));
  background: url(../images/kv/mirror.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #kv .container .mirror {
    top: calc(10.625 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
    width: calc(45 * var(--remBasicSize));
    height: calc(57.5 * var(--remBasicSize));
    background-size: 100%;
  }
}
#kv .container .mirror .de_shine {
  position: absolute;
  top: 0;
  left: 0;
}
#kv .container .mirror .de_shine .shine1 {
  position: absolute;
  top: calc(18.125 * var(--remBasicSize));
  left: calc(5.9375 * var(--remBasicSize));
  width: calc(7.25 * var(--remBasicSize));
  height: calc(7.25 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine2 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #kv .container .mirror .de_shine .shine1 {
    top: calc(33.4375 * var(--remBasicSize));
    left: calc(18.125 * var(--remBasicSize));
    width: calc(6.25 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes kv-shine2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
#kv .container .mirror .de_shine .shine2 {
  position: absolute;
  top: calc(34.6875 * var(--remBasicSize));
  left: calc(18.75 * var(--remBasicSize));
  width: calc(5.4375 * var(--remBasicSize));
  height: calc(5.4375 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine1 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #kv .container .mirror .de_shine .shine2 {
    top: calc(18.125 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
    width: calc(6.25 * var(--remBasicSize));
    height: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes kv-shine1 {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

#info {
  position: relative;
  width: 100%;
  height: calc(28.5625 * var(--remBasicSize));
  display: block;
  background: url(../images/info/bg.png) no-repeat center 12%/cover;
  top: calc(-4.375 * var(--remBasicSize));
  z-index: 9;
  overflow: visible;
}
@media screen and (max-width: 750px) {
  #info {
    height: calc(36.5 * var(--remBasicSize));
    background: url(../images/info/bg-m.png) no-repeat center 12%/cover;
  }
}
#info .container {
  position: relative;
  margin: 0 auto;
  width: calc(46.875 * var(--remBasicSize));
  height: calc(28.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 9;
  top: calc(8.125 * var(--remBasicSize));
  overflow: visible;
}
@media screen and (max-width: 750px) {
  #info .container {
    height: calc(36.5 * var(--remBasicSize));
  }
}
#info .container .info_txt {
  margin-bottom: calc(1.875 * var(--remBasicSize));
  font-family: "Noto Serif TC", sans-serif;
  color: #000;
}
@media screen and (max-width: 750px) {
  #info .container .info_txt {
    margin-bottom: calc(4.375 * var(--remBasicSize));
  }
}
#info .container .info_txt .p1 {
  font-size: calc(1.125 * var(--remBasicSize));
  line-height: 2.35em;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #info .container .info_txt .p1 {
    margin-top: calc(1.875 * var(--remBasicSize));
    font-size: calc(1.625 * var(--remBasicSize));
    display: none;
  }
}
#info .container .info_txt .p1 span {
  display: none;
}
@media screen and (max-width: 750px) {
  #info .container .info_txt .p1 span {
    display: block;
  }
}
#info .container .info_txt .p2 {
  font-size: calc(1.125 * var(--remBasicSize));
  line-height: 2em;
  letter-spacing: 0em;
  text-align: center;
  margin-top: calc(0 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #info .container .info_txt .p2 {
    font-size: calc(1.75 * var(--remBasicSize));
  }
}
@media screen and (min-width: 750px) {
  #info .container .info_txt .p2 {
    display: none;
  }
}
#info .container .info_txt .p2 span {
  display: none;
}
@media screen and (max-width: 750px) {
  #info .container .info_txt .p2 span {
    display: block;
  }
}
#info .container .heart {
  position: absolute;
  top: calc(3.125 * var(--remBasicSize));
  left: calc(0 * var(--remBasicSize));
  width: calc(9.0125 * var(--remBasicSize));
  height: calc(10.15 * var(--remBasicSize));
  z-index: 9;
}
@media screen and (max-width: 750px) {
  #info .container .heart {
    top: calc(-2.8125 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
    width: calc(3.75 * var(--remBasicSize));
    height: calc(3.75 * var(--remBasicSize));
  }
}
#info .container .heart .heart1 {
  position: absolute;
  left: 0;
  bottom: calc(1.25 * var(--remBasicSize));
  width: calc(5 * var(--remBasicSize));
  height: calc(5 * var(--remBasicSize));
  background: url(../images/info/heart.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #info .container .heart .heart1 {
    top: calc(0 * var(--remBasicSize));
    width: calc(5.9375 * var(--remBasicSize));
    height: calc(5.9375 * var(--remBasicSize));
  }
}
#info .container .heart .heart2 {
  position: absolute;
  top: calc(-1.25 * var(--remBasicSize));
  left: calc(-3.125 * var(--remBasicSize));
  width: calc(3.5 * var(--remBasicSize));
  height: calc(3.5 * var(--remBasicSize));
  background: url(../images/info/heart.png) no-repeat top center/contain;
  transform: rotate(35deg);
}
@media screen and (max-width: 750px) {
  #info .container .heart .heart2 {
    left: calc(7.5 * var(--remBasicSize));
    width: calc(3.9375 * var(--remBasicSize));
    height: calc(3.9375 * var(--remBasicSize));
  }
}
#info .container .camera {
  position: absolute;
  top: calc(6.875 * var(--remBasicSize));
  right: calc(-6.25 * var(--remBasicSize));
  width: calc(17.875 * var(--remBasicSize));
  height: calc(13.9375 * var(--remBasicSize));
  background: url(../images/info/camera.png) no-repeat top center/contain;
  z-index: 10;
  animation: rotateSwing 3s ease-in-out infinite;
  transform-origin: center bottom;
  /* 旋轉中心點：下方中間，可依需求調整 */
  will-change: transform;
}
@keyframes rotateSwing {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-3deg);
    /* 向左微轉 */
  }
  100% {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 750px) {
  #info .container .camera {
    top: calc(18.125 * var(--remBasicSize));
    right: calc(0.625 * var(--remBasicSize));
    width: calc(18.0625 * var(--remBasicSize));
    height: calc(13.6875 * var(--remBasicSize));
  }
}

#hotel {
  position: relative;
  width: 100%;
  height: calc(116.875 * var(--remBasicSize));
  display: block;
  background: url(../images/hotel/bg.jpg) no-repeat center 12%/cover;
  top: calc(-10 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel {
    height: calc(158.75 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/hotel/bg-m.jpg) no-repeat center 12%/cover;
  }
}
#hotel .container {
  position: relative;
  margin: 0 auto;
  width: calc(46.875 * var(--remBasicSize));
  height: calc(28.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  top: calc(8.125 * var(--remBasicSize));
}
#hotel .container .title {
  width: calc(46.0625 * var(--remBasicSize));
  height: calc(9.125 * var(--remBasicSize));
  background: url(../images/hotel/title.png) no-repeat top center/contain;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #hotel .container .title {
    position: relative;
    top: calc(3.125 * var(--remBasicSize));
    width: calc(46.0625 * var(--remBasicSize));
    height: calc(9.125 * var(--remBasicSize));
  }
}
#hotel .container .date {
  width: calc(22.5625 * var(--remBasicSize));
  height: calc(2.75 * var(--remBasicSize));
  margin: 0 auto;
  background-image: url(../images/hotel/date.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .date {
    position: relative;
    top: calc(3.125 * var(--remBasicSize));
    width: calc(22.5625 * var(--remBasicSize));
    height: calc(2.75 * var(--remBasicSize));
  }
}
#hotel .container .dimand {
  position: absolute;
  width: calc(7.625 * var(--remBasicSize));
  height: calc(4.75 * var(--remBasicSize));
  right: calc(1.25 * var(--remBasicSize));
  top: calc(7.5 * var(--remBasicSize));
  margin: 0 auto;
  background-image: url(../images/hotel/dimand.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .dimand {
    top: calc(10.625 * var(--remBasicSize));
    width: calc(7.625 * var(--remBasicSize));
    height: calc(4.75 * var(--remBasicSize));
  }
}
#hotel .container .dresscode {
  display: block;
  width: calc(23.5625 * var(--remBasicSize));
  height: calc(5.6875 * var(--remBasicSize));
  margin: 0 auto;
  margin-top: calc(0.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .dresscode {
    position: relative;
    top: calc(3.75 * var(--remBasicSize));
    width: calc(30.25 * var(--remBasicSize));
    height: calc(7.1875 * var(--remBasicSize));
  }
}
#hotel .container .hotel {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  width: calc(57.75 * var(--remBasicSize));
  height: calc(29.3125 * var(--remBasicSize));
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel {
    flex-wrap: wrap;
    flex-direction: row;
    width: calc(46.875 * var(--remBasicSize));
    height: calc(52.4375 * var(--remBasicSize));
    top: calc(1.875 * var(--remBasicSize));
  }
}
#hotel .container .hotel .txt {
  position: relative;
  top: calc(4.375 * var(--remBasicSize));
  right: calc(9.375 * var(--remBasicSize));
  width: calc(23.625 * var(--remBasicSize));
  font-family: "Noto Serif TC", sans-serif;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .txt {
    top: calc(4.0625 * var(--remBasicSize));
    right: auto;
    width: 100%;
  }
}
#hotel .container .hotel .txt h3 {
  position: relative;
  left: calc(-10 * var(--remBasicSize));
  width: calc(32.8125 * var(--remBasicSize));
  height: calc(3.5875 * var(--remBasicSize));
  margin: 0 auto;
  color: #e2c792;
  font-family: "Noto Serif TC", sans-serif;
  font-size: calc(2.1875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .txt h3 {
    top: calc(1.25 * var(--remBasicSize));
    left: calc(11.875 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    height: calc(5.1875 * var(--remBasicSize));
    font-size: calc(2.8125 * var(--remBasicSize));
  }
}
#hotel .container .hotel .txt > span {
  display: block;
  font-size: calc(1 * var(--remBasicSize));
  line-height: 1.812em;
  letter-spacing: 0.05em;
  padding-bottom: calc(1 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize)) 0 calc(1 * var(--remBasicSize));
  border-bottom: solid 1px #e2c792;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .txt > span {
    font-size: calc(1.75 * var(--remBasicSize));
    line-height: 1.6em;
    width: calc(40.625 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize)) auto calc(1 * var(--remBasicSize));
  }
}
#hotel .container .hotel .txt .address {
  position: relative;
  display: block;
  font-size: calc(1 * var(--remBasicSize));
  line-height: 1.812em;
  letter-spacing: 0.05em;
  padding-left: calc(2.625 * var(--remBasicSize));
  font-family: "Noto Serif TC", sans-serif;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .txt .address {
    font-size: calc(1.75 * var(--remBasicSize));
    width: calc(40.625 * var(--remBasicSize));
    margin: 0 auto;
    padding-left: calc(5 * var(--remBasicSize));
  }
}
#hotel .container .hotel .txt .address::before {
  position: absolute;
  top: calc(0.375 * var(--remBasicSize));
  left: 0;
  display: block;
  content: "";
  width: calc(2.125 * var(--remBasicSize));
  height: calc(2.8125 * var(--remBasicSize));
  background: url(../images/hotel/icon.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .txt .address::before {
    width: calc(3.8125 * var(--remBasicSize));
    height: calc(5.125 * var(--remBasicSize));
  }
}
#hotel .container .hotel .txt .address .link {
  color: #fff;
  text-decoration: underline;
}
#hotel .container .hotel .txt .address .link:hover {
  color: #e2c792;
}
#hotel .container .hotel .txt .address span {
  display: block;
}
#hotel .container .hotel .pic {
  position: relative;
  top: calc(-8.125 * var(--remBasicSize));
  left: calc(-13.75 * var(--remBasicSize));
  width: calc(32.5625 * var(--remBasicSize));
  height: calc(31.4375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .pic {
    top: calc(3.125 * var(--remBasicSize));
    left: calc(-3.125 * var(--remBasicSize));
    width: calc(46.875 * var(--remBasicSize));
    height: calc(32.4375 * var(--remBasicSize));
  }
}
#hotel .container .hotel .pic .pic01 {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: calc(23.0625 * var(--remBasicSize));
  height: calc(22.3125 * var(--remBasicSize));
  top: calc(16.875 * var(--remBasicSize));
  left: calc(12.5 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .pic .pic01 {
    top: calc(0.625 * var(--remBasicSize));
    left: calc(22.5 * var(--remBasicSize));
    width: calc(21.375 * var(--remBasicSize));
    height: calc(21.375 * var(--remBasicSize));
  }
}
#hotel .container .hotel .pic .pic02 {
  position: absolute;
  width: calc(23.0625 * var(--remBasicSize));
  height: calc(22.3125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .pic .pic02 {
    top: calc(3.75 * var(--remBasicSize));
    left: calc(5 * var(--remBasicSize));
    width: calc(21.375 * var(--remBasicSize));
    height: calc(21.375 * var(--remBasicSize));
  }
}
#hotel .container .hotel .pic .door {
  position: absolute;
  top: calc(28.125 * var(--remBasicSize));
  left: calc(7.5 * var(--remBasicSize));
  width: calc(10 * var(--remBasicSize));
  height: calc(14.0625 * var(--remBasicSize));
  z-index: 2;
}
@media screen and (max-width: 750px) {
  #hotel .container .hotel .pic .door {
    top: calc(15 * var(--remBasicSize));
    left: calc(37.5 * var(--remBasicSize));
    width: calc(10 * var(--remBasicSize));
    height: calc(14.0625 * var(--remBasicSize));
  }
}
#hotel .container .rundown {
  position: relative;
  width: calc(35.8125 * var(--remBasicSize));
  height: calc(48.875 * var(--remBasicSize));
  top: calc(5 * var(--remBasicSize));
  margin: 0 auto;
  background-image: url(../images/hotel/rundown.png);
  background-repeat: no-repeat;
  background-size: contain;
  /* 逆時針旋轉動畫 */
  /* 順時鐘旋轉動畫 */
}
@media screen and (max-width: 750px) {
  #hotel .container .rundown {
    top: calc(14.375 * var(--remBasicSize));
    width: calc(35.8125 * var(--remBasicSize));
    height: calc(48.875 * var(--remBasicSize));
  }
}
#hotel .container .rundown .ball {
  position: relative;
  width: calc(16.9375 * var(--remBasicSize));
  height: calc(16.8125 * var(--remBasicSize));
  top: calc(21.875 * var(--remBasicSize));
  right: calc(-16.5625 * var(--remBasicSize));
  margin: 0 auto;
  background-image: url(../images/kv/ball.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  #hotel .container .rundown .ball {
    width: calc(17.5 * var(--remBasicSize));
    height: calc(17.5 * var(--remBasicSize));
  }
}
#hotel .container .rundown .ball .de_shine {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(23.875 * var(--remBasicSize));
  height: calc(24.75 * var(--remBasicSize));
}
#hotel .container .rundown .ball .de_shine .shine1 {
  position: absolute;
  top: calc(3.75 * var(--remBasicSize));
  left: calc(-0.9375 * var(--remBasicSize));
  width: calc(7.3125 * var(--remBasicSize));
  height: calc(7.3125 * var(--remBasicSize));
  background: url(../images/kv/bling.png) no-repeat top center/contain;
  animation: 1s kv-shine2 infinite;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (max-width: 750px) {
  #hotel .container .rundown .ball .de_shine .shine1 {
    top: calc(9.375 * var(--remBasicSize));
    left: calc(6.875 * var(--remBasicSize));
    width: calc(7.5 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}
@keyframes kv-shine2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
#hotel .container .rundown .star1 {
  position: absolute;
  left: calc(3.4375 * var(--remBasicSize));
  top: calc(17.5 * var(--remBasicSize));
  width: calc(6.25 * var(--remBasicSize));
  height: calc(6.25 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/hotel/star.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinCounterClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #hotel .container .rundown .star1 {
    bottom: 0;
    left: calc(2.1875 * var(--remBasicSize));
    width: calc(6.5625 * var(--remBasicSize));
    height: calc(6.5625 * var(--remBasicSize));
  }
}
@keyframes spinCounterClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#hotel .container .rundown .star2 {
  position: absolute;
  left: calc(-4.375 * var(--remBasicSize));
  top: calc(11.25 * var(--remBasicSize));
  width: calc(3.5 * var(--remBasicSize));
  height: calc(3.5 * var(--remBasicSize));
  z-index: 7;
  background-image: url(../images/hotel/star.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  /* 套用動畫 */
  animation: spinClockwise 10s linear infinite;
}
@media screen and (max-width: 750px) {
  #hotel .container .rundown .star2 {
    bottom: 0;
    left: calc(-4.0625 * var(--remBasicSize));
    width: calc(3.75 * var(--remBasicSize));
    height: calc(3.75 * var(--remBasicSize));
  }
}
@keyframes spinClockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#tickets {
  position: relative;
  width: 100%;
  height: calc(64.5625 * var(--remBasicSize));
  display: block;
  background: url(../images/tickets/bg.png) no-repeat center 12%/cover;
  top: calc(-14.375 * var(--remBasicSize));
  z-index: 8;
}
@media screen and (max-width: 750px) {
  #tickets {
    height: calc(98.1875 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/tickets/bg-m.png) no-repeat center 12%/cover;
    top: calc(-17.5 * var(--remBasicSize));
  }
}
#tickets .container {
  position: relative;
  margin: 0 auto;
  width: calc(80 * var(--remBasicSize));
  height: calc(64.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  top: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container {
    width: calc(46.875 * var(--remBasicSize));
    top: calc(6.25 * var(--remBasicSize));
  }
}
#tickets .container .title {
  width: calc(32.8125 * var(--remBasicSize));
  height: calc(11.75 * var(--remBasicSize));
  background: url(../images/tickets/title.png) no-repeat top center/contain;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #tickets .container .title {
    position: relative;
    width: calc(36.25 * var(--remBasicSize));
    height: calc(13.75 * var(--remBasicSize));
    left: calc(-1.25 * var(--remBasicSize));
  }
}
#tickets .container h2 {
  position: relative;
  top: calc(2.125 * var(--remBasicSize));
  width: calc(12.125 * var(--remBasicSize));
  height: calc(2.8125 * var(--remBasicSize));
  margin: 0 auto;
  text-indent: calc(-62499.9375 * var(--remBasicSize));
  background: url(../images/tickets/ticket_h2.gif) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #tickets .container h2 {
    width: calc(17.8125 * var(--remBasicSize));
    height: calc(2.8125 * var(--remBasicSize));
  }
}
#tickets .container .content {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  top: calc(3.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container .content {
    width: 100%;
    flex-wrap: wrap;
    top: calc(1.875 * var(--remBasicSize));
  }
}
#tickets .container .content .item {
  position: relative;
  margin: 0 calc(0.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container .content .item {
    margin: 0 auto calc(0.375 * var(--remBasicSize));
  }
}
#tickets .container .content .item.i1, #tickets .container .content .item.i2, #tickets .container .content .item.i3, #tickets .container .content .item.i4, #tickets .container .content .item.i5 {
  width: calc(16.25 * var(--remBasicSize));
  height: calc(18.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container .content .item.i1, #tickets .container .content .item.i2, #tickets .container .content .item.i3, #tickets .container .content .item.i4, #tickets .container .content .item.i5 {
    width: calc(15.625 * var(--remBasicSize));
    height: calc(27.5625 * var(--remBasicSize));
  }
}
#tickets .container .content .item.i1 {
  background: url(../images/tickets/ticket-1.png) no-repeat top center/contain;
}
#tickets .container .content .item.i2 {
  background: url(../images/tickets/ticket-2.png) no-repeat top center/contain;
}
#tickets .container .content .item.i3 {
  background: url(../images/tickets/ticket-3.png) no-repeat top center/contain;
}
#tickets .container .content .item.i4 {
  background: url(../images/tickets/ticket-4.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #tickets .container .content .item.i4 {
    top: calc(-9.375 * var(--remBasicSize));
    left: calc(3.875 * var(--remBasicSize));
  }
}
#tickets .container .content .item.i5 {
  background: url(../images/tickets/ticket-5.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #tickets .container .content .item.i5 {
    top: calc(-9.375 * var(--remBasicSize));
    right: calc(3.875 * var(--remBasicSize));
  }
}
#tickets .container .txt {
  position: relative;
  width: calc(24.5 * var(--remBasicSize));
  height: calc(4.8125 * var(--remBasicSize));
  background: url(../images/tickets/txt.png) no-repeat top center/contain;
  margin: 0 auto;
  top: calc(4.375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container .txt {
    width: calc(37.125 * var(--remBasicSize));
    height: calc(7.3125 * var(--remBasicSize));
    top: calc(-15 * var(--remBasicSize));
  }
}
#tickets .container .btn_grup {
  position: relative;
  z-index: 3;
  margin: calc(0.9375 * var(--remBasicSize)) auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  top: calc(-3.125 * var(--remBasicSize));
}
#tickets .container .btn_grup .giftbag {
  position: relative;
  width: calc(63 * var(--remBasicSize));
  height: calc(6.375 * var(--remBasicSize));
  margin-bottom: calc(1.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #tickets .container .btn_grup .giftbag {
    width: calc(37.3125 * var(--remBasicSize));
    height: calc(8.3125 * var(--remBasicSize));
  }
}
#tickets .container .btn_grup .giftbag .btn_giftbag {
  position: absolute;
  top: calc(8.3125 * var(--remBasicSize));
  left: calc(6.25 * var(--remBasicSize));
  width: calc(23.6875 * var(--remBasicSize));
  height: calc(6.9375 * var(--remBasicSize));
  background: url(../images/tickets/btn-gift.png) no-repeat center;
  background-size: 100%;
}
@media screen and (max-width: 750px) {
  #tickets .container .btn_grup .giftbag .btn_giftbag {
    top: calc(-11.25 * var(--remBasicSize));
    left: calc(0 * var(--remBasicSize));
    width: calc(37.3125 * var(--remBasicSize));
    height: calc(8.3125 * var(--remBasicSize));
    background: url(../images/tickets/btn-gift-m.png) no-repeat center/contain;
  }
}
#tickets .container .btn_grup .giftbag .btn_giftbag:hover, #tickets .container .btn_grup .giftbag .btn_giftbag:active, #tickets .container .btn_grup .giftbag .btn_giftbag:focus {
  transform: scale(1.05);
}
#tickets .container .btn_grup .giftbag .btn_giftbag::after {
  position: absolute;
  top: calc(4.0625 * var(--remBasicSize));
  right: calc(5.625 * var(--remBasicSize));
  content: "▶";
  animation: 1s giftbag_arrow infinite linear;
  font-size: calc(0.75 * var(--remBasicSize));
  color: #fff;
}
@keyframes giftbag_arrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
}
@media screen and (max-width: 750px) {
  #tickets .container .btn_grup .giftbag .btn_giftbag::after {
    width: calc(2.3125 * var(--remBasicSize));
    height: calc(2.3125 * var(--remBasicSize));
    font-size: calc(1 * var(--remBasicSize));
    top: calc(4.6875 * var(--remBasicSize));
    right: calc(9.0625 * var(--remBasicSize));
  }
}

a.btn_buytickets {
  position: absolute;
  display: block;
  width: calc(23.6875 * var(--remBasicSize));
  height: calc(5.875 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/tickets/btn-goticket.png) no-repeat;
  background-size: 100%;
  top: calc(9.375 * var(--remBasicSize));
  right: calc(15.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  a.btn_buytickets {
    width: calc(37.3125 * var(--remBasicSize));
    height: calc(8.3125 * var(--remBasicSize));
    right: calc(4.75 * var(--remBasicSize));
    top: calc(-2.5 * var(--remBasicSize));
    background-size: 50%;
    background: url(../images/tickets/btn-goticket-m.png) no-repeat center/contain;
  }
}
a.btn_buytickets:hover, a.btn_buytickets:active, a.btn_buytickets:focus {
  transform: scale(1.05);
}
a.btn_buytickets::after {
  position: absolute;
  top: calc(2.8125 * var(--remBasicSize));
  right: calc(3.4375 * var(--remBasicSize));
  content: "▶";
  animation: 1s giftbag_arrow infinite linear;
  font-size: calc(0.75 * var(--remBasicSize));
  color: #fff;
}
@keyframes giftbag_arrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
}
@media screen and (max-width: 750px) {
  a.btn_buytickets::after {
    width: calc(2.3125 * var(--remBasicSize));
    height: calc(2.3125 * var(--remBasicSize));
    font-size: calc(1 * var(--remBasicSize));
    top: calc(4.0625 * var(--remBasicSize));
    right: calc(7.1875 * var(--remBasicSize));
  }
}

#showtime {
  position: relative;
  width: 100%;
  height: calc(72.5 * var(--remBasicSize));
  display: block;
  background: url(../images/show/bg.jpg) no-repeat center 12%/cover;
  top: calc(-18.75 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime {
    height: calc(96.0625 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/show/bg-m.jpg) no-repeat center 12%/cover;
    top: calc(-23.75 * var(--remBasicSize));
  }
}
#showtime .title {
  position: relative;
  top: calc(5 * var(--remBasicSize));
  width: calc(31.625 * var(--remBasicSize));
  height: calc(8.0625 * var(--remBasicSize));
  background: url(../images/show/title.png) no-repeat top center/contain;
  margin: 0 auto;
  z-index: 3;
}
@media screen and (max-width: 750px) {
  #showtime .title {
    width: calc(31.625 * var(--remBasicSize));
    height: calc(8.0625 * var(--remBasicSize));
    top: calc(8.75 * var(--remBasicSize));
  }
}
#showtime .star {
  position: relative;
  z-index: 2;
  margin: 0 auto calc(3.125 * var(--remBasicSize));
  top: calc(6.25 * var(--remBasicSize));
  /* 音響震動動畫 */
}
@media screen and (max-width: 750px) {
  #showtime .star {
    width: 100%;
    padding: 0;
    margin: 0 auto calc(5 * var(--remBasicSize));
  }
}
#showtime .star .audio {
  position: absolute;
  top: calc(-5 * var(--remBasicSize));
  left: calc(10.625 * var(--remBasicSize));
  width: calc(16 * var(--remBasicSize));
  height: calc(12.8125 * var(--remBasicSize));
  background: url(../images/show/audio.png) no-repeat top center/contain;
  margin: 0 auto;
  /* 加上動畫 */
  animation: audioVibe 2s infinite ease-in-out;
}
@media screen and (max-width: 750px) {
  #showtime .star .audio {
    width: calc(16 * var(--remBasicSize));
    height: calc(12.8125 * var(--remBasicSize));
    top: calc(1.25 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
  }
}
@keyframes audioVibe {
  0% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.02) rotate(1deg);
  }
  50% {
    transform: scale(0.98) rotate(0deg);
  }
  75% {
    transform: scale(1.02) rotate(-1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
#showtime .star .music1 {
  position: absolute;
  top: calc(-10 * var(--remBasicSize));
  left: calc(10 * var(--remBasicSize));
  width: calc(3.3125 * var(--remBasicSize));
  height: calc(4.8125 * var(--remBasicSize));
  background: url(../images/show/music-1.png) no-repeat top center/contain;
  margin: 0 auto;
  /* 加上動畫 */
  animation: audioVibe 2s infinite ease-in-out;
}
@media screen and (max-width: 750px) {
  #showtime .star .music1 {
    width: calc(3.3125 * var(--remBasicSize));
    height: calc(4.8125 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
  }
}
#showtime .star .music2 {
  position: absolute;
  top: calc(-6.25 * var(--remBasicSize));
  left: calc(6.875 * var(--remBasicSize));
  width: calc(3.4375 * var(--remBasicSize));
  height: calc(11.0625 * var(--remBasicSize));
  background: url(../images/show/music-2.png) no-repeat top center/contain;
  margin: 0 auto;
  /* 加上動畫 */
  animation: audioVibe 2s infinite ease-in-out;
}
@media screen and (max-width: 750px) {
  #showtime .star .music2 {
    width: calc(3.4375 * var(--remBasicSize));
    height: calc(11.0625 * var(--remBasicSize));
    left: calc(2.5 * var(--remBasicSize));
  }
}
#showtime .star .item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 240px;
  margin-bottom: calc(-3.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime .star .item {
    position: relative;
    padding: 0;
    margin-bottom: calc(3.125 * var(--remBasicSize));
    top: calc(7.5 * var(--remBasicSize));
  }
}
#showtime .star .item .txt_box {
  width: 50%;
  font-family: "Noto Serif TC", sans-serif;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box {
    width: 43%;
  }
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .title {
    width: 50%;
    left: -22%;
  }
}
#showtime .star .item .txt_box .title h2 {
  position: relative;
  top: calc(2.125 * var(--remBasicSize));
  width: calc(18.1875 * var(--remBasicSize));
  height: calc(2.8125 * var(--remBasicSize));
  margin: 0 auto;
  text-indent: calc(-62499.9375 * var(--remBasicSize));
  background: url(../images/show/gueststar_h2.gif) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .title h2 {
    width: calc(23.75 * var(--remBasicSize));
    height: calc(2.8125 * var(--remBasicSize));
  }
}
#showtime .star .item .txt_box .txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: calc(1.25 * var(--remBasicSize));
  width: 100%;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .txt {
    top: calc(1.875 * var(--remBasicSize));
    position: relative;
  }
}
#showtime .star .item .txt_box .txt h3 {
  margin: calc(0.625 * var(--remBasicSize)) auto;
  font-size: calc(1.375 * var(--remBasicSize));
  color: #e2c792;
  font-weight: 500;
  display: flex;
  align-items: center;
  /* 讓文字和圖示在垂直方向置中對齊 */
  justify-content: center;
  /* 讓整個 t_box 內容水平置中 */
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .txt h3 {
    margin: calc(0.625 * var(--remBasicSize)) auto calc(1.25 * var(--remBasicSize));
    font-size: calc(2.1875 * var(--remBasicSize));
  }
}
#showtime .star .item .txt_box .txt > p {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .txt > p {
    font-size: calc(1.5 * var(--remBasicSize));
  }
}
#showtime .star .item .txt_box .txt .ig_link {
  position: relative;
  margin-left: calc(0.9375 * var(--remBasicSize));
  top: calc(0.0625 * var(--remBasicSize));
  display: block;
  width: calc(1.375 * var(--remBasicSize));
  height: calc(1.375 * var(--remBasicSize));
  background: url(../images/show/ig.png) no-repeat top center/contain;
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .txt_box .txt .ig_link {
    width: calc(2.375 * var(--remBasicSize));
    height: calc(2.375 * var(--remBasicSize));
  }
}
#showtime .star .item .txt_box .txt .ig_link:hover, #showtime .star .item .txt_box .txt .ig_link:focus, #showtime .star .item .txt_box .txt .ig_link:active {
  opacity: 1;
}
#showtime .star .item .star_box {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 750px) {
  #showtime .star .item .star_box {
    width: 50%;
    height: calc(34.25 * var(--remBasicSize));
    margin-top: calc(2.5 * var(--remBasicSize));
  }
}
#showtime .star .item.i1 h3 {
  width: calc(8 * var(--remBasicSize));
  height: calc(1.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime .star .item.i1 h3 {
    width: calc(12.4375 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#showtime .star .item.i1 .star_box img {
  width: calc(26.5625 * var(--remBasicSize));
  height: calc(29.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime .star .item.i1 .star_box img {
    position: absolute;
    top: 0;
    left: 0%;
    width: calc(29.875 * var(--remBasicSize));
    height: calc(32.875 * var(--remBasicSize));
  }
}
@media screen and (max-width: 750px) {
  #showtime .star .item.i2 {
    position: relative;
    top: calc(-0.625 * var(--remBasicSize));
  }
}
#showtime .star .item.i2 h3 {
  width: calc(9.4375 * var(--remBasicSize));
  height: calc(1.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime .star .item.i2 h3 {
    width: calc(14.5 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#showtime .star .item.i2 .star_box img {
  width: calc(30.5 * var(--remBasicSize));
  height: calc(26.625 * var(--remBasicSize));
  margin-left: calc(-8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #showtime .star .item.i2 .star_box img {
    position: absolute;
    top: calc(3.75 * var(--remBasicSize));
    margin-left: calc(-6.875 * var(--remBasicSize));
    width: calc(30.5 * var(--remBasicSize));
    height: calc(26.625 * var(--remBasicSize));
  }
}

#partyfood {
  position: relative;
  width: 100%;
  height: calc(83.5 * var(--remBasicSize));
  display: block;
  background: url(../images/partyfood/bg.png) no-repeat center 12%/cover;
  top: calc(-22.8125 * var(--remBasicSize));
  z-index: 8;
}
@media screen and (max-width: 750px) {
  #partyfood {
    height: calc(261.6875 * var(--remBasicSize));
    overflow: hidden;
    top: calc(-26.5625 * var(--remBasicSize));
    background: url(../images/partyfood/bg-m.png) no-repeat center 12%/cover;
  }
}
#partyfood .container {
  position: relative;
  margin: 0 auto;
  width: calc(80 * var(--remBasicSize));
  height: calc(64.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  top: calc(9.375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container {
    width: calc(46.875 * var(--remBasicSize));
  }
}
#partyfood .container .title {
  position: relative;
  top: calc(-1.25 * var(--remBasicSize));
  display: block;
  width: calc(31.1875 * var(--remBasicSize));
  height: calc(8.4375 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/partyfood/title.png) no-repeat top center/contain;
  z-index: 2;
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .title {
    width: calc(31.1875 * var(--remBasicSize));
    height: calc(8.4375 * var(--remBasicSize));
  }
}
#partyfood .container .cake {
  position: absolute;
  top: calc(-1.875 * var(--remBasicSize));
  left: calc(8.4375 * var(--remBasicSize));
  display: block;
  width: calc(18 * var(--remBasicSize));
  height: calc(11.625 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/partyfood/cake.png) no-repeat top center/contain;
  animation: rotateSwing 3s ease-in-out infinite;
  transform-origin: center bottom;
  /* 旋轉中心點：下方中間，可依需求調整 */
  will-change: transform;
}
@keyframes rotateSwing {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-3deg);
    /* 向左微轉 */
  }
  100% {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 750px) {
  #partyfood .container .cake {
    width: calc(18 * var(--remBasicSize));
    height: calc(11.625 * var(--remBasicSize));
    top: calc(1.25 * var(--remBasicSize));
    left: calc(-3.4375 * var(--remBasicSize));
  }
}
#partyfood .container .item_group {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  grid-area: top-row;
  display: flex;
  justify-content: center;
  /* 保持水平置中 */
  gap: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group {
    padding: 0;
  }
}
#partyfood .container .item_group .item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  width: calc(23.125 * var(--remBasicSize));
  margin: 0 0 calc(2.5 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item {
    width: calc(36.25 * var(--remBasicSize));
    margin: 0 auto;
    margin-top: calc(1.875 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item .pic {
  width: calc(19.6875 * var(--remBasicSize));
  height: calc(19.6875 * var(--remBasicSize));
  margin-bottom: calc(0 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item .pic {
    width: calc(32.5 * var(--remBasicSize));
    height: calc(32.5 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item .t_box {
  height: calc(1.875 * var(--remBasicSize));
  text-align: center;
  font-family: "Noto Serif TC", sans-serif;
  font-size: calc(1.25 * var(--remBasicSize));
  color: #000;
  font-weight: 500;
  display: flex;
  /* 啟用 Flexbox 佈局 */
  align-items: center;
  /* 讓文字和圖示在垂直方向置中對齊 */
  justify-content: center;
  /* 讓整個 t_box 內容水平置中 */
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item .t_box {
    height: calc(3.75 * var(--remBasicSize));
    font-size: calc(2.125 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item p {
  color: #000;
  font-family: "Noto Serif TC", sans-serif;
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item p {
    font-size: calc(1.5 * var(--remBasicSize));
    line-height: 1.6em;
  }
}
#partyfood .container .item_group .item .ig_link {
  position: relative;
  right: 0px;
  display: block;
  width: calc(1.375 * var(--remBasicSize));
  height: calc(1.375 * var(--remBasicSize));
  margin-top: calc(0 * var(--remBasicSize));
  margin-left: calc(0.9375 * var(--remBasicSize));
  background: url(../images/partyfood/ig.png) no-repeat top right/contain;
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item .ig_link {
    height: calc(2 * var(--remBasicSize));
    width: calc(2 * var(--remBasicSize));
    margin-left: calc(1.25 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item .ig_link:hover, #partyfood .container .item_group .item .ig_link:focus, #partyfood .container .item_group .item .ig_link:active {
  opacity: 1;
}
#partyfood .container .item_group .item.i1 .txt {
  width: calc(11 * var(--remBasicSize));
  height: calc(1.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item.i1 .txt {
    width: calc(18.8125 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item.i2 .txt {
  width: calc(3.75 * var(--remBasicSize));
  height: calc(1.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item.i2 .txt {
    width: calc(6.5 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item.i3 .txt {
  width: calc(9.375 * var(--remBasicSize));
  height: calc(0.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item.i3 .txt {
    width: calc(16 * var(--remBasicSize));
    height: calc(1.6875 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item.i4 .txt {
  width: calc(7.90875 * var(--remBasicSize));
  height: calc(1.11 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item.i4 .txt {
    width: calc(14.25 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#partyfood .container .item_group .item.i5 .txt {
  width: calc(7.90875 * var(--remBasicSize));
  height: calc(1.11 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #partyfood .container .item_group .item.i5 .txt {
    width: calc(14.25 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}

#room {
  position: relative;
  width: 100%;
  height: calc(77.3125 * var(--remBasicSize));
  display: block;
  background: url(../images/room/bg.jpg) no-repeat center 12%/cover;
  top: calc(-25.625 * var(--remBasicSize));
  z-index: 5;
}
@media screen and (max-width: 750px) {
  #room {
    height: calc(190.625 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/room/bg-m.jpg) no-repeat center 12%/cover;
    top: calc(-29.6875 * var(--remBasicSize));
  }
}
#room .container {
  position: relative;
  margin: 0 auto;
  width: calc(80 * var(--remBasicSize));
  height: calc(64.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  top: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container {
    width: calc(46.875 * var(--remBasicSize));
  }
}
#room .container .title {
  position: relative;
  top: calc(-3.125 * var(--remBasicSize));
  display: block;
  width: calc(34.375 * var(--remBasicSize));
  height: calc(10.1875 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/room/title.png) no-repeat top center/contain;
  z-index: 5;
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .title {
    width: calc(34.375 * var(--remBasicSize));
    height: calc(10.1875 * var(--remBasicSize));
    margin-right: calc(8.75 * var(--remBasicSize));
  }
}
#room .container .key {
  position: absolute;
  top: calc(-3.75 * var(--remBasicSize));
  right: calc(16.25 * var(--remBasicSize));
  display: block;
  width: calc(14.9375 * var(--remBasicSize));
  height: calc(14.6875 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/room/key.png) no-repeat top center/contain;
  z-index: 4;
  animation: rotateSwing 2s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}
@keyframes rotateSwing {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-3deg);
    /* 向左微轉 */
  }
  100% {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 750px) {
  #room .container .key {
    width: calc(14.9375 * var(--remBasicSize));
    height: calc(14.6875 * var(--remBasicSize));
    right: calc(1.5625 * var(--remBasicSize));
  }
}
#room .container .roomtitle1 {
  position: absolute;
  top: calc(34.375 * var(--remBasicSize));
  display: block;
  width: calc(19.75 * var(--remBasicSize));
  height: calc(4.4375 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/room/room-title-1-m.png) no-repeat top center/contain;
  z-index: 5;
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
@media screen and (min-width: 750px) {
  #room .container .roomtitle1 {
    display: none;
  }
}
#room .container .roomtitle2 {
  position: absolute;
  top: calc(1.875 * var(--remBasicSize));
  display: block;
  width: calc(19.75 * var(--remBasicSize));
  height: calc(4.4375 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/room/room-title-2-m.png) no-repeat top center/contain;
  z-index: 5;
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
@media screen and (min-width: 750px) {
  #room .container .roomtitle2 {
    display: none;
  }
}
#room .container .roomtitle3 {
  position: absolute;
  top: calc(115.625 * var(--remBasicSize));
  display: block;
  width: calc(19.75 * var(--remBasicSize));
  height: calc(4.4375 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/room/room-title-3-m.png) no-repeat top center/contain;
  z-index: 5;
  margin-bottom: calc(1.875 * var(--remBasicSize));
}
@media screen and (min-width: 750px) {
  #room .container .roomtitle3 {
    display: none;
  }
}
#room .container .item_group {
  width: 100%;
  justify-content: space-around;
  flex-wrap: wrap;
  grid-area: top-row;
  display: flex;
  justify-content: center;
  /* 保持水平置中 */
  gap: calc(-3.125 * var(--remBasicSize));
  position: relative;
  top: calc(-4.375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group {
    padding: 0;
  }
}
#room .container .item_group .item {
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  width: calc(23.125 * var(--remBasicSize));
  margin: 0 0 calc(2.5 * var(--remBasicSize));
  position: absolute;
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item {
    width: calc(41.25 * var(--remBasicSize));
    margin: 0 auto;
    display: flex;
  }
}
#room .container .item_group .item.i1 {
  top: 0;
  left: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i1 {
    top: calc(7.5 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i2 {
  top: 0;
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i2 {
    top: calc(40.625 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i3 {
  top: 0;
  right: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i3 {
    top: calc(63.75 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i4 {
  top: calc(28.75 * var(--remBasicSize));
  left: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i4 {
    top: calc(121.875 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i5 {
  top: calc(28.75 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i5 {
    top: calc(87.5 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i6 {
  top: calc(28.75 * var(--remBasicSize));
  right: calc(8.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i6 {
    top: calc(145 * var(--remBasicSize));
    left: calc(3.125 * var(--remBasicSize));
  }
}
#room .container .item_group .item .pic {
  width: calc(21.4375 * var(--remBasicSize));
  height: calc(28.5 * var(--remBasicSize));
  margin-bottom: calc(0 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item .pic {
    display: none;
  }
}
#room .container .item_group .item .pic2 {
  width: calc(45.0625 * var(--remBasicSize));
  height: calc(25.1875 * var(--remBasicSize));
  margin-bottom: calc(0 * var(--remBasicSize));
}
@media screen and (min-width: 750px) {
  #room .container .item_group .item .pic2 {
    display: none;
  }
}
#room .container .item_group .item .t_box {
  margin-top: calc(-12.5 * var(--remBasicSize));
  height: calc(1.875 * var(--remBasicSize));
  width: calc(18.125 * var(--remBasicSize));
  text-align: center;
  font-family: "Noto Serif TC", sans-serif;
  font-size: calc(1.25 * var(--remBasicSize));
  color: #000;
  font-weight: 500;
  display: flex;
  /* 啟用 Flexbox 佈局 */
  align-items: center;
  /* 讓文字和圖示在垂直方向置中對齊 */
  justify-content: center;
  /* 讓整個 t_box 內容水平置中 */
  z-index: 5;
  margin-left: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item .t_box {
    height: calc(3.75 * var(--remBasicSize));
    width: calc(31.25 * var(--remBasicSize));
    font-size: calc(1.875 * var(--remBasicSize));
    margin-top: calc(-22.5 * var(--remBasicSize));
    margin-left: calc(18.75 * var(--remBasicSize));
  }
}
#room .container .item_group .item p {
  color: #000;
  font-family: "Noto Serif TC", sans-serif;
  font-size: 15px;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  width: calc(18.125 * var(--remBasicSize));
  text-align: justify;
  /* 文字兩端對齊 */
  text-justify: inter-ideograph;
  /* 針對中文字符間距調整 */
  margin-left: calc(1.875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item p {
    font-size: calc(1.375 * var(--remBasicSize));
    line-height: 1.6em;
    margin-top: calc(-18.75 * var(--remBasicSize));
    margin-left: calc(18.75 * var(--remBasicSize));
    width: calc(21.875 * var(--remBasicSize));
  }
}
#room .container .item_group .item p span {
  font-weight: 700;
}
#room .container .item_group .item .ig_link {
  position: relative;
  right: 0px;
  display: block;
  width: calc(1.375 * var(--remBasicSize));
  height: calc(1.375 * var(--remBasicSize));
  margin-top: calc(0 * var(--remBasicSize));
  margin-left: calc(0.9375 * var(--remBasicSize));
  background: url(../images/room/ig.png) no-repeat top right/contain;
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item .ig_link {
    width: calc(1.875 * var(--remBasicSize));
    height: calc(1.875 * var(--remBasicSize));
    margin-left: calc(1.25 * var(--remBasicSize));
  }
}
#room .container .item_group .item .ig_link:hover, #room .container .item_group .item .ig_link:focus, #room .container .item_group .item .ig_link:active {
  opacity: 1;
}
#room .container .item_group .item.i1 .txt {
  width: calc(11 * var(--remBasicSize));
  height: calc(1.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i1 .txt {
    width: calc(18.8125 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i2 .txt {
  width: calc(3.75 * var(--remBasicSize));
  height: calc(1.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i2 .txt {
    width: calc(6.5 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i3 .txt {
  width: calc(9.375 * var(--remBasicSize));
  height: calc(0.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i3 .txt {
    width: calc(16 * var(--remBasicSize));
    height: calc(1.6875 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i4 .txt {
  width: calc(7.90875 * var(--remBasicSize));
  height: calc(1.11 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i4 .txt {
    width: calc(14.25 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}
#room .container .item_group .item.i5 .txt {
  width: calc(7.90875 * var(--remBasicSize));
  height: calc(1.11 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #room .container .item_group .item.i5 .txt {
    width: calc(14.25 * var(--remBasicSize));
    height: calc(2 * var(--remBasicSize));
  }
}

/*-------------------------

         lightbox

-------------------------*/
/* ---------------------
           共用
---------------------- */
.modal {
  background-color: transparent;
  min-height: calc(37.5 * var(--remBasicSize));
}

/*背景底色*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.modal-open .modal {
  overflow-x: auto;
  overflow-y: auto;
}

.modal .modal-content {
  position: relative;
  background-color: transparent;
  border-radius: 0px;
  outline: 0;
}

/* 關閉按鈕-X */
.style-box .close {
  position: fixed;
  z-index: 10;
  top: calc(1.25 * var(--remBasicSize));
  right: calc(2.8125 * var(--remBasicSize));
  width: calc(3.125 * var(--remBasicSize));
  height: calc(3.125 * var(--remBasicSize));
  background: url(../images/tickets/close_w.png) center/contain no-repeat;
  text-shadow: none;
  background-color: transparent;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  text-indent: calc(-62499.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  .style-box .close {
    right: calc(0.625 * var(--remBasicSize));
    top: calc(0.625 * var(--remBasicSize));
    width: calc(4.375 * var(--remBasicSize));
    height: calc(4.375 * var(--remBasicSize));
  }
}
.style-box .close:hover {
  transform: rotate(90deg);
  transition: all ease-in-out 0.5s;
}

/* ---------------------
           內容
---------------------- */
.style-box .modal-dialog {
  width: calc(75 * var(--remBasicSize));
  min-height: calc(51.25 * var(--remBasicSize));
  padding: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .style-box .modal-dialog {
    width: calc(46.875 * var(--remBasicSize));
    min-height: calc(51.25 * var(--remBasicSize));
  }
}
.style-box .modal-dialog .modal-body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.style-box .modal-dialog .modal-body .content .btn_box {
  margin: calc(1.875 * var(--remBasicSize)) calc(3.125 * var(--remBasicSize)) calc(3.125 * var(--remBasicSize));
}
.style-box .modal-dialog .modal-body .content .btn_box .notice {
  width: calc(27.45 * var(--remBasicSize));
  height: calc(2.9 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  .style-box .modal-dialog .modal-body .content .btn_box .notice {
    width: calc(37.74375 * var(--remBasicSize));
    height: calc(3.9875 * var(--remBasicSize));
  }
}

#giftbag {
  min-height: auto;
  padding-bottom: calc(3.125 * var(--remBasicSize));
}

#giftbag .content {
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto calc(1.25 * var(--remBasicSize));
  text-align: center;
}
@media screen and (max-width: 750px) {
  #giftbag .content {
    margin: calc(1.875 * var(--remBasicSize)) auto 0;
  }
}
#giftbag .content .title_h2 {
  width: calc(35.25 * var(--remBasicSize));
  height: calc(10.8125 * var(--remBasicSize));
  background: url(../images/giftbag/title.png) center top/contain no-repeat;
  text-indent: calc(-6249.9375 * var(--remBasicSize));
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #giftbag .content .title_h2 {
    width: calc(33.1875 * var(--remBasicSize));
    height: calc(10.5625 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box {
    width: calc(46.875 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item {
  position: relative;
  width: calc(45 * var(--remBasicSize));
  margin: 0 calc(0.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item {
    width: calc(40.625 * var(--remBasicSize));
    margin: calc(1.25 * var(--remBasicSize)) auto calc(1.875 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item h3 {
  position: relative;
  top: calc(0.0625 * var(--remBasicSize));
  left: 0;
  width: calc(22.5375 * var(--remBasicSize));
  height: calc(10.5 * var(--remBasicSize));
  text-indent: calc(-6249.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item h3 {
    width: calc(40.625 * var(--remBasicSize));
    height: calc(18.75 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item.i1 h3 {
  background: url(../images/giftbag/gift_item1.png) center top/contain no-repeat;
}
#giftbag .content .gift_box .item.i2 h3 {
  background: url(../images/giftbag/gift_item2.png) center top/contain no-repeat;
}
#giftbag .content .gift_box .item.i3 h3 {
  background: url(../images/giftbag/gift_item3.png) center top/contain no-repeat;
}
#giftbag .content .gift_box .item .box {
  width: 100%;
  min-height: calc(37.5 * var(--remBasicSize));
  height: 100%;
  background-color: #fff;
  border-style: solid;
  border-width: calc(0.25 * var(--remBasicSize));
  padding: calc(0.9375 * var(--remBasicSize)) calc(0.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .box {
    height: auto;
    border-width: calc(0.5 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item.i1 .box, #giftbag .content .gift_box .item.i2 .box {
  border-color: #e2c792;
}
#giftbag .content .gift_box .item.i3 .box {
  border-color: #c986db;
}
#giftbag .content .gift_box .item .gift_type {
  width: 100%;
  margin: calc(1.25 * var(--remBasicSize)) 0 calc(0.625 * var(--remBasicSize));
  font-family: "Noto Serif TC", sans-serif;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_type {
    margin: calc(3.125 * var(--remBasicSize)) 0 calc(1.25 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_type h4 {
  position: relative;
  font-size: 17px;
  letter-spacing: 0.025em;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_type h4 {
    font-size: calc(2 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_type h4::after {
  position: absolute;
  left: 48%;
  top: calc(1.5625 * var(--remBasicSize));
  content: "";
  display: block;
  bottom: 0;
  width: calc(2 * var(--remBasicSize));
  height: calc(0.0625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_type h4::after {
    left: 48%;
    top: calc(2.8125 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_type p {
  font-size: 14px;
  margin-top: calc(1.25 * var(--remBasicSize));
  line-height: 1.4em;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_type p {
    font-size: calc(1.75 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item.i1 .gift_type h4, #giftbag .content .gift_box .item.i2 .gift_type h4 {
  color: #800015;
  font-family: "Noto Serif TC", sans-serif;
}
#giftbag .content .gift_box .item.i1 .gift_type h4::after, #giftbag .content .gift_box .item.i2 .gift_type h4::after {
  background-color: #800015;
}
#giftbag .content .gift_box .item.i3 .gift_type h4 {
  color: #c986db;
}
#giftbag .content .gift_box .item.i3 .gift_type h4::after {
  background-color: #c986db;
}
#giftbag .content .gift_box .item .gift_group {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group {
    padding: 0 0 calc(1.25 * var(--remBasicSize)) 3%;
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item {
  width: calc(13.75 * var(--remBasicSize));
  margin: calc(0.625 * var(--remBasicSize)) calc(0.3125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item {
    margin: calc(0.625 * var(--remBasicSize)) calc(0.625 * var(--remBasicSize)) calc(1.25 * var(--remBasicSize));
    width: calc(16.875 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item img {
  width: 100%;
}
#giftbag .content .gift_box .item .gift_group .gift_item p {
  margin-top: calc(0.375 * var(--remBasicSize));
  color: #000;
  font-size: calc(0.8125 * var(--remBasicSize));
  line-height: 1.4em;
  font-family: "Noto Serif TC", sans-serif;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item p {
    font-size: calc(1.625 * var(--remBasicSize));
    line-height: 1.3em;
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item p span.no {
  display: block;
  width: 100%;
  background-color: #000000;
  color: #fff;
  letter-spacing: 0.06em;
  font-size: calc(0.75 * var(--remBasicSize));
  padding-left: calc(0.3125 * var(--remBasicSize));
  padding-right: calc(0.3125 * var(--remBasicSize));
  margin-top: calc(0.375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item p span.no {
    margin-top: calc(0.625 * var(--remBasicSize));
    font-size: calc(1.3125 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item p span.no img {
  position: absolute;
  width: calc(1.25 * var(--remBasicSize));
  height: calc(1.25 * var(--remBasicSize));
  margin-top: calc(-0.125 * var(--remBasicSize));
  left: calc(5 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item p span.no img {
    width: calc(1.875 * var(--remBasicSize));
    height: calc(1.875 * var(--remBasicSize));
    left: calc(6.25 * var(--remBasicSize));
    margin-top: calc(0.125 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item p span.small {
  display: inline-block;
  font-size: 8px;
  line-height: 1.5em;
  margin-top: calc(0.1875 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item p span.small {
    font-size: calc(0.8125 * var(--remBasicSize));
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item.w100 {
  width: 100%;
}
#giftbag .content .gift_box .item .gift_group .gift_item.w100 > img {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .gift_item.w100 > img {
    width: 100%;
  }
}
#giftbag .content .gift_box .item .gift_group .gift_item.w100 span.no img {
  left: 20%;
}
#giftbag .content .gift_box .item .gift_group .gift_item.w100 > p {
  margin-top: 0;
}
#giftbag .content .gift_box .item .gift_group .gift_item.w100 > p .no {
  margin-top: 0;
  margin-bottom: calc(0.625 * var(--remBasicSize));
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas {
  width: 80% !important;
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas.p2 .pic img {
  width: 90%;
  margin-left: calc(0.625 * var(--remBasicSize));
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas > div {
  display: flex;
  justify-content: center;
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas > div .pic {
  width: 70%;
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas > div .txt {
  width: 30%;
}
#giftbag .content .gift_box .item .gift_group .gift_item.pajamas > div .txt > p {
  text-align: justify;
}
#giftbag .content .gift_box .item .gift_group .sold {
  position: relative;
}
#giftbag .content .gift_box .item .gift_group .sold::before {
  position: absolute;
  top: calc(6.25 * var(--remBasicSize));
  right: calc(-0.625 * var(--remBasicSize));
  z-index: 2;
  content: "";
  display: block;
  width: calc(3.75 * var(--remBasicSize));
  height: calc(3.75 * var(--remBasicSize));
  background: url(../images/de/soldout.png) center top/contain no-repeat;
}
@media screen and (max-width: 750px) {
  #giftbag .content .gift_box .item .gift_group .sold::before {
    top: calc(7.5 * var(--remBasicSize));
    right: calc(-0.625 * var(--remBasicSize));
    width: calc(7.5 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}

#sleepoverRoom .content {
  display: block;
  width: 1100px;
  min-height: 662px;
  margin: calc(3.75 * var(--remBasicSize)) auto;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content {
    width: calc(43.75 * var(--remBasicSize));
    min-height: calc(237.5 * var(--remBasicSize));
  }
}
#sleepoverRoom .content .title_h2 {
  position: absolute;
  z-index: 2;
  top: 36px;
  left: -12px;
  width: 329px;
  height: 185px;
  background: url(../images/roominfo/room_title.png) center top/contain no-repeat;
  text-indent: calc(-6249.9375 * var(--remBasicSize));
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .title_h2 {
    top: calc(1.625 * var(--remBasicSize));
    left: calc(5 * var(--remBasicSize));
    width: calc(30.375 * var(--remBasicSize));
    height: calc(17.1875 * var(--remBasicSize));
  }
}
#sleepoverRoom .content .hotel_box {
  position: relative;
  width: 1100px;
  height: 662px;
  background-color: #fff;
  border: solid calc(0.375 * var(--remBasicSize)) #ef6dd0;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box {
    border: solid calc(0.5 * var(--remBasicSize)) #ef6dd0;
    width: calc(40.625 * var(--remBasicSize));
    height: auto;
    padding: calc(1.875 * var(--remBasicSize)) calc(1.5625 * var(--remBasicSize)) calc(3.125 * var(--remBasicSize));
    margin: 0 auto;
  }
}
#sleepoverRoom .content .hotel_box .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(22.875 * var(--remBasicSize));
  height: calc(21.0625 * var(--remBasicSize));
  padding: calc(9.375 * var(--remBasicSize)) 0 0 calc(1.25 * var(--remBasicSize));
  margin-bottom: calc(0.625 * var(--remBasicSize));
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .txt {
    width: 100%;
    height: calc(35.4375 * var(--remBasicSize));
    padding: calc(15 * var(--remBasicSize)) 0 0 calc(1.25 * var(--remBasicSize));
  }
}
#sleepoverRoom .content .hotel_box .txt:before {
  position: absolute;
  content: "";
  display: block;
  top: calc(-9.375 * var(--remBasicSize));
  left: calc(-6.25 * var(--remBasicSize));
  width: 449px;
  height: 449px;
  background-color: #fce2f6;
  border-radius: calc(31.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .txt:before {
    top: calc(-20 * var(--remBasicSize));
    left: calc(-11.25 * var(--remBasicSize));
    width: calc(53.75 * var(--remBasicSize));
    height: calc(53.75 * var(--remBasicSize));
  }
}
#sleepoverRoom .content .hotel_box .txt ul {
  position: relative;
  z-index: 2;
  text-align: left;
}
#sleepoverRoom .content .hotel_box .txt ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .txt ul li {
    font-size: calc(1.75 * var(--remBasicSize));
  }
}
#sleepoverRoom .content .hotel_box .room {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: calc(1.5 * var(--remBasicSize)) calc(0.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .room {
    justify-content: center;
    padding: 0;
  }
}
#sleepoverRoom .content .hotel_box .room .box {
  width: 314px;
  height: 262px;
  margin: calc(1.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .room .box {
    width: 100%;
    height: calc(31.25 * var(--remBasicSize));
    margin: 0;
  }
}
#sleepoverRoom .content .hotel_box .room img {
  display: block;
  width: 314px;
  height: 262px;
  margin: calc(1.25 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #sleepoverRoom .content .hotel_box .room img {
    margin: calc(3.75 * var(--remBasicSize)) 0 0 0;
    width: calc(37.75 * var(--remBasicSize));
    height: calc(29.0625 * var(--remBasicSize));
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}
.modal-body .btn_box a {
  position: relative;
  margin: 0 auto;
  top: calc(0 * var(--remBasicSize));
  right: calc(0 * var(--remBasicSize));
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none;
}

.affix {
  position: fixed;
}

#editor {
  position: relative;
  width: 100%;
  height: calc(48.6875 * var(--remBasicSize));
  display: block;
  background: url(../images/editor/bg.jpg) no-repeat center 12%/cover;
  top: calc(-25.625 * var(--remBasicSize));
  z-index: 5;
  margin-bottom: calc(-25.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #editor {
    height: calc(66.0625 * var(--remBasicSize));
    overflow: hidden;
    background: url(../images/editor/bg-m.jpg) no-repeat center 12%/cover;
    top: calc(-30 * var(--remBasicSize));
    margin-bottom: calc(-30 * var(--remBasicSize));
  }
}
#editor .container {
  position: relative;
  margin: 0 auto;
  width: calc(80 * var(--remBasicSize));
  height: calc(64.5625 * var(--remBasicSize));
  margin: 0 auto;
  z-index: 1;
  top: calc(0 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #editor .container {
    width: calc(46.875 * var(--remBasicSize));
  }
}
#editor .container .title {
  margin-bottom: calc(1.875 * var(--remBasicSize));
  width: calc(31.875 * var(--remBasicSize));
  height: calc(12.375 * var(--remBasicSize));
  margin: 0 auto;
  background: url(../images/editor/title.png) no-repeat top center/contain;
  margin-bottom: calc(3.125 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #editor .container .title {
    margin-bottom: calc(3.75 * var(--remBasicSize));
    background: url(../images/editor/title-m.png) no-repeat top center/contain;
    height: calc(13.625 * var(--remBasicSize));
    top: calc(3.125 * var(--remBasicSize));
    position: relative;
  }
}
#editor .container .title .txt {
  position: relative;
  width: calc(6.45 * var(--remBasicSize));
  height: calc(1.15 * var(--remBasicSize));
}

/*-------------------------
          slides
-------------------------*/
/*共用*/
.slides {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: calc(23.125 * var(--remBasicSize));
  margin: 0 auto;
  top: calc(1.875 * var(--remBasicSize));
  position: relative;
}

.slides .slides.center .slick-center.slider_wrap {
  transform: scale(1);
  margin: 0 auto;
}

#editor .slides.center .slider_wrap {
  position: relative;
  display: block;
  transform: scale(0.75);
  transition: all 300ms ease;
}
#editor .slides.center .slider_wrap .con {
  position: relative;
  width: calc(25 * var(--remBasicSize));
  height: calc(23.75 * var(--remBasicSize));
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #editor .slides.center .slider_wrap .con {
    width: calc(38.25 * var(--remBasicSize));
    height: calc(38.8125 * var(--remBasicSize));
    padding: calc(0.625 * var(--remBasicSize)) calc(0.25 * var(--remBasicSize));
  }
}
#editor .slides.center .slider_wrap .con .pic {
  transition: all ease-in-out 0.2s;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(12.1875 * var(--remBasicSize));
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #editor .slides.center .slider_wrap .con .pic {
    width: calc(38.25 * var(--remBasicSize));
    height: calc(19.125 * var(--remBasicSize));
  }
}
#editor .slides.center .slider_wrap .con .pic img {
  width: 100%;
  transition: all ease-in-out 0.2s;
}
#editor .slides.center .slider_wrap .con p {
  font-size: calc(1.125 * var(--remBasicSize));
  text-align: center;
  line-height: 1.5em;
  color: #fff;
  text-decoration: none;
  padding: 0 3%;
  margin: calc(1.25 * var(--remBasicSize)) auto calc(1.25 * var(--remBasicSize));
  font-family: "Noto Serif TC", sans-serif;
}
@media screen and (max-width: 750px) {
  #editor .slides.center .slider_wrap .con p {
    font-size: calc(1.75 * var(--remBasicSize));
    line-height: 1.28em;
    line-height: 1.55em;
    padding: 0 5%;
  }
}
#editor .slides.center .slider_wrap .con .btn {
  width: calc(9.375 * var(--remBasicSize));
  height: calc(2.5 * var(--remBasicSize));
  color: #800015;
  font-size: calc(1.125 * var(--remBasicSize));
  line-height: calc(2.25 * var(--remBasicSize));
  background-color: #fff;
  border-radius: calc(3.125 * var(--remBasicSize));
  text-align: center;
  margin: 0 auto;
  transition: all ease-in-out 0.1s;
  font-family: "Noto Serif TC", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #editor .slides.center .slider_wrap .con .btn {
    width: calc(15 * var(--remBasicSize));
    height: calc(3.75 * var(--remBasicSize));
    font-size: calc(1.875 * var(--remBasicSize));
    line-height: calc(3.75 * var(--remBasicSize));
  }
}

#editor .slides.center .slider_wrap:hover .btn {
  color: #fff;
  background-color: #e2c792;
}

#editor .slick-center {
  transform: scale(1.05) !important;
}

/*hover照片放大*/
#editor .slider_wrap .pic {
  overflow: hidden;
}

#editor .slider_wrap .pic img {
  width: 100%;
  transition: all ease-in-out 0.2s;
}

#editor .slider_wrap:hover .pic img {
  transform: scale(1.05);
  transition: all ease-in-out 0.5s;
}

/*--- Dots ---*/
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  z-index: 3;
  top: calc(24.875 * var(--remBasicSize));
  display: flex;
  justify-content: center;
  width: 100%;
  height: calc(3.125 * var(--remBasicSize));
  padding: 0;
  list-style: none;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .slick-dots {
    top: calc(40 * var(--remBasicSize));
  }
}
.slick-dots li {
  justify-content: center;
  position: relative;
  display: inline-block;
  width: calc(0.75 * var(--remBasicSize));
  height: calc(0.75 * var(--remBasicSize));
  margin: 0 calc(0.25 * var(--remBasicSize));
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .slick-dots li {
    width: calc(1.5625 * var(--remBasicSize));
    height: calc(1.5625 * var(--remBasicSize));
    margin: 0 calc(0.5 * var(--remBasicSize));
  }
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  width: calc(0.5 * var(--remBasicSize));
  height: calc(0.5 * var(--remBasicSize));
  background-color: #fff;
  border-radius: calc(3.125 * var(--remBasicSize));
  opacity: 0.3;
}
@media screen and (max-width: 750px) {
  .slick-dots li button:before {
    width: calc(1.5625 * var(--remBasicSize));
    height: calc(1.5625 * var(--remBasicSize));
  }
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #e2c792;
}

/*--- 左右按鍵 ---*/
#editor .slick-prev,
#editor .slick-next {
  position: absolute;
  z-index: 5;
  transform: scale(1);
  background-color: transparent;
  font-size: 0;
  cursor: pointer;
  width: calc(5 * var(--remBasicSize));
  height: calc(1.5 * var(--remBasicSize));
}

#editor .slick-prev {
  left: 33%;
  top: 100%;
}

#editor .slick-next {
  right: 36%;
  top: 100%;
}

#editor .slick-prev:before {
  display: block;
  content: "";
  color: transparent;
  width: calc(6.875 * var(--remBasicSize));
  height: calc(1.375 * var(--remBasicSize));
  background: url(../images/editor/arr-l.png) no-repeat center/contain;
}

#editor .slick-next:before {
  display: block;
  content: "";
  color: transparent;
  width: calc(6.875 * var(--remBasicSize));
  height: calc(1.375 * var(--remBasicSize));
  background: url(../images/editor/arr-r.png) no-repeat center/contain;
}

@media screen and (max-width: 750px) {
  #editor .slick-prev {
    left: 20%;
    top: 103%;
  }
  #editor .slick-next {
    right: 20%;
    top: 103%;
  }
  #editor .slick-prev,
  #editor .slick-next,
  #editor .slick-prev:before,
  #editor .slick-next:before {
    width: calc(6.625 * var(--remBasicSize));
    height: calc(1.375 * var(--remBasicSize));
  }
}/*# sourceMappingURL=main.css.map */