.wrapper .termsBg .termsBox .termsTit, .wrapper .modal .modal-dialog .modal-content .modal-body .greenGradientText {
  font-weight: bold;
  background: linear-gradient(to bottom, #d4eb73, #a3bf2a);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

body {
  background-color: #FFB000;
}

.wrapper, *:before, *:after {
  position: relative;
  margin: 0;
  font-family: "Noto Sans TC", sans-serif, Verdana, Geneva, Tahoma, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
}

.wrapper {
  background-color: #321856;
}
.wrapper .nav-height {
  height: 65px;
}
.wrapper .hide {
  display: none;
}
.wrapper .kv {
  height: 46.9vw;
}
.wrapper .kv .doorL {
  width: 50%;
  top: 30%;
}
@media screen and (max-width: 992px) {
  .wrapper .kv .doorL {
    width: 30%;
    top: 47%;
  }
}
.wrapper .kv .doorR {
  width: 50%;
  top: 30%;
  right: 0px;
}
@media screen and (max-width: 992px) {
  .wrapper .kv .doorR {
    width: 30%;
    top: 47%;
  }
}
.wrapper .kv .pumpkinL {
  width: 20%;
  top: 55%;
  left: 3%;
}
@media screen and (max-width: 992px) {
  .wrapper .kv .pumpkinL {
    top: 85%;
  }
}
.wrapper .kv .pumpkinR {
  width: 20%;
  top: 55%;
  right: 3%;
}
@media screen and (max-width: 992px) {
  .wrapper .kv .pumpkinR {
    top: 85%;
  }
}
.wrapper .kv .title {
  width: 50%;
  left: 25%;
  top: 5%;
}
.wrapper .kv .title.zoomInOutAnim {
  animation: zoomInOut 2s linear infinite;
}
@media screen and (max-width: 992px) {
  .wrapper .kv .title {
    width: 80%;
    left: 10%;
  }
}
.wrapper .modal .modal-dialog {
  max-width: 700px;
}
.wrapper .modal .modal-dialog .modal-content {
  border-radius: 10px;
  color: white;
  overflow: hidden;
}
.wrapper .modal .modal-dialog .modal-content.fireBg {
  background-image: url(../images/fire.png), url(../images/modalBg.png);
  background-size: 100% auto, 101% 101%;
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
}
.wrapper .modal .modal-dialog .modal-content.witchBg {
  background-image: url(../images/purpleGrass.png), url(../images/modalBg.png);
  background-size: 100% auto, 101% 101%;
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
}
.wrapper .modal .modal-dialog .modal-content .go_button, .wrapper .modal .modal-dialog .modal-content .modal-body .go_button {
  display: inline-block;
  text-align: center;
  background-color: #e3399d;
  color: white;
  font-weight: bold;
  padding: 0.2em 1em;
  margin: 0.6em auto;
  border: 0px;
  border-radius: 5px;
}
.wrapper .modal .modal-dialog .modal-content a {
  color: white;
  text-decoration: none;
}
.wrapper .modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0px;
}
.wrapper .modal .modal-dialog .modal-content .modal-body .prizeComment {
  font-size: medium;
  color: white;
  font-weight: normal;
}
.wrapper .modal .modal-dialog .modal-content .modal-body .row {
  --bs-gutter-x: 0.5rem;
}
.wrapper .modal .modal-dialog .modal-content .modal-body .formFlex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 576px) {
  .wrapper .modal .modal-dialog .modal-content .modal-body .formFlex {
    flex-direction: column;
  }
}
.wrapper .modal .modal-dialog .modal-content .modal-body .formFlex .inputWidth {
  min-width: 120px;
}
.wrapper .modal .modal-dialog .modal-content .witch {
  width: 100%;
  max-width: 334px;
}
.wrapper .prizeWheelBg {
  background: linear-gradient(to bottom, #321856 20%, #14081d 100%);
}
.wrapper .prizeWheelBg .container-prize {
  position: relative;
  max-width: 745px;
  margin: 0 auto;
}
.wrapper .prizeWheelBg .container-prize .vampiress {
  position: absolute;
  max-width: 516px;
  width: 45%;
  margin-top: -30%;
  left: 30%;
  z-index: 10;
}
.wrapper .prizeWheelBg .container-prize .vampiressHand {
  position: absolute;
  max-width: 516px;
  width: 45%;
  margin-top: -30%;
  left: 30%;
  z-index: 30;
}
.wrapper .prizeWheelBg .container-prize .vampiressHand::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 270%;
  height: 270%;
  top: 55%;
  left: -75%;
  pointer-events: none;
  background-image: url("../images/bats.png");
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 745px;
  width: 100%;
  margin-top: -6.5%;
  z-index: 20;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont:after {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  content: "";
  width: 100%;
  height: 100%;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont.disable:after {
  display: block;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont .prizeWheel {
  width: 100%;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont .prizeWheel.rotatingAnim {
  animation: rotating 12s linear infinite;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont .drawButton {
  position: absolute;
  top: 35%;
  left: 35%;
  width: 30%;
  cursor: pointer;
}
.wrapper .prizeWheelBg .container-prize .prizeWheelCont .drawButton.zoomInOutAnim {
  animation: zoomInOut 1s linear infinite;
}
@media screen and (max-width: 992px) {
  .wrapper .prizeWheelBg .container-prize {
    margin-top: 25%;
  }
}
.wrapper .prizeWheelBg .tombsCont {
  position: relative;
  margin-top: -15%;
  height: 31.25vw;
}
.wrapper .prizeWheelBg .tombsCont .tombs {
  width: 100vw;
}
.wrapper .prizeWheelBg .tombsCont .ghost {
  width: 7%;
}
.wrapper .prizeWheelBg .tombsCont .ghost.gPos1 {
  left: 18%;
  bottom: 48%;
}
.wrapper .prizeWheelBg .tombsCont .ghost.gPos2 {
  left: 65%;
  bottom: 30%;
  animation: swing 2s linear infinite;
}
.wrapper .prizeWheelBg .tombsCont .ghost.gPos3 {
  right: 15%;
  bottom: 50%;
}
.wrapper .termsBg {
  background-color: #120f3a;
  padding: 3rem 0rem;
}
.wrapper .termsBg .termsBox {
  background-color: black;
  border-radius: 10px;
}
.wrapper .termsBg .termsBox .greenWing {
  transform: scaleX(-1);
}
.wrapper .termsBg .termsBox ul {
  color: #fffcd5;
}

/* keyframes */
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=style.css.map */