@charset "UTF-8";
/* Reset By Normalize */
@import url(/css/normalize.css);
/* ================= 頁面框架設定 ================= */
body {
  background-size: 100% !important;
}

@media (min-aspect-ratio: 7 / 4) {
  body {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
  }
}

@media (max-aspect-ratio: 4 / 7) and (orientation: portrait) {
  body {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
  }
}

#ingame_view {
  background-size: 100% !important;
}

@media (min-aspect-ratio: 7 / 4) {
  #ingame_view {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
  }
}

@media (max-aspect-ratio: 4 / 7) and (orientation: portrait) {
  #ingame_view {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
  }
}

.wrapper_ingame {
  background-size: 100% !important;
  -webkit-animation: bgLight-news 5s infinite steps(1);
          animation: bgLight-news 5s infinite steps(1);
}

@media (min-aspect-ratio: 7 / 4) {
  .wrapper_ingame {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
    -webkit-animation: bgLight-news 5s infinite steps(1);
            animation: bgLight-news 5s infinite steps(1);
  }
}

@media (max-aspect-ratio: 4 / 7) and (orientation: portrait) {
  .wrapper_ingame {
    background-image: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426);
    background-size: auto 100% !important;
    -webkit-animation: bgLight-news 5s infinite steps(1);
            animation: bgLight-news 5s infinite steps(1);
  }
}

@-webkit-keyframes bgLight-news {
  0%, 80%, 100% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  10%, 30%, 50% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-2.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  20%, 40%, 60% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-3.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  70%, 90% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-2.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@keyframes bgLight-news {
  0%, 80%, 100% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-1.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  10%, 30%, 50% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-2.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  20%, 40%, 60% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-3.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
  70%, 90% {
    background: url(/Action/11_Star31/20220420MS/ingame/images/ingamebg_2500-news-2.jpg?v=20220426) auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media (max-aspect-ratio: 7 / 4) {
  .ingame_machine {
    width: 88.09524vw;
    height: 50.34014vw;
  }
}

@media (min-aspect-ratio: 4 / 7) and (orientation: portrait) {
  .ingame_machine {
    width: 100vh;
    height: 57.14286vh;
  }
}

@media (min-aspect-ratio: 7 / 4) {
  .ingame_machine {
    width: 166.25vh;
    width: calc(var(--vh, 1vh) * 175);
    padding-bottom: initial;
    height: 95vh;
    height: calc(var(--vh, 1vh) * 95);
    background-size: auto 100%;
    background-position: top center;
  }
}

@media (max-aspect-ratio: 4 / 7) and (orientation: portrait) {
  .ingame_machine {
    width: 168vw;
    height: 96vw;
  }
}

.ingame_machine-bgLight {
  width: 82.38095%;
  height: 66.07143%;
  left: 8.29932%;
  top: 0%;
}

@media (max-aspect-ratio: 7 / 4) {
  .ingame_machine-bgLight {
    top: 5.59524%;
    left: 8.5034%;
    width: 82.9932%;
    height: 66.30952%;
  }
}

.ingame_machine .game_main {
  width: 74.69388%;
  height: 56.30952%;
  margin-left: 12.38095%;
  margin-top: 3.60544%;
  position: relative;
}

@media (max-aspect-ratio: 7 / 4) {
  .ingame_machine .game_main {
    height: 54.16667%;
    margin-left: 12.72109%;
    margin-top: 6.93878%;
  }
}

.ingame_machine .game_prize {
  width: 66.48452%;
  height: 47.56871%;
  top: 25.36998%;
  left: 16.39344%;
}

.ingame_machine .game_prize .title {
  width: 65.05576%;
  margin-top: 3%;
}

.ingame_machine .game_prize .property {
  display: none;
}

.ingame_machine .game_bottom {
  height: 20.88743%;
  margin-top: 3.35691%;
}

.ingame_machine .game_bottom .btn_Description {
  width: 15.88937%;
  height: 36.875%;
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/btn_Description.png?v=20220426);
  top: 0%;
  left: 9.39934%;
}

@media only screen and (min-width: 1280px) {
  .ingame_machine .game_bottom .btn_Description:hover {
    height: 35.625%;
    top: 1.25%;
  }
}

@media only screen and (max-width: 812px) {
  .ingame_machine .game_bottom .btn_Description:active {
    height: 35.625%;
    top: 1.25%;
  }
}

.ingame_machine .game_bottom .btn_AwardRecord {
  width: 15.88937%;
  height: 36.875%;
  cursor: pointer;
  position: absolute;
  top: 50.625%;
  left: 11.0405%;
}

@media only screen and (min-width: 1280px) {
  .ingame_machine .game_bottom .btn_AwardRecord:hover {
    height: 35.625%;
    top: 51.875%;
  }
}

@media only screen and (max-width: 812px) {
  .ingame_machine .game_bottom .btn_AwardRecord:active {
    height: 35.625%;
    top: 51.875%;
  }
}

.ingame_machine .game_bottom .btn_use_all {
  width: 19.39547%;
  height: 78.125%;
  left: 26.85527%;
}

@media only screen and (min-width: 1280px) {
  .ingame_machine .game_bottom .btn_use_all:hover {
    height: 70.625%;
    top: 3.33938%;
  }
}

@media only screen and (max-width: 812px) {
  .ingame_machine .game_bottom .btn_use_all:active {
    height: 70.625%;
    top: 4%;
  }
}

.ingame_machine .game_bottom .btn_use_one {
  width: 19.39547%;
  height: 78.125%;
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/btn_use_one.png?v=20220426);
  left: 48.48867%;
}

@media only screen and (min-width: 1280px) {
  .ingame_machine .game_bottom .btn_use_one:hover {
    height: 70.625%;
    top: 4%;
  }
}

@media only screen and (max-width: 812px) {
  .ingame_machine .game_bottom .btn_use_one:active {
    height: 70.625%;
    top: 4%;
  }
}

.ingame_machine .game_bottom .token {
  width: 16.48615%;
  height: 71.875%;
  left: 70.86806%;
}

.ingame_machine .game_bottom .token .nums {
  width: 85.97285%;
  height: 43.47826%;
  top: 39.13043%;
  left: 6.56109%;
}

.box_windows .prize_item {
  width: 88.43537%;
  height: 89.28571%;
  top: 5.35714%;
  left: 5.78231%;
}

.box_windows .prize_item-box {
  height: 85.33333%;
}

@media (max-aspect-ratio: 7 / 4) {
  .box_windows .prize_item-box {
    height: 80.66667%;
  }
}

.box_windows .prize_item-box .item {
  width: 92%;
  height: 62.29508%;
  top: 32.78689%;
}

@media (max-aspect-ratio: 7 / 4) {
  .box_windows .prize_item-box .item {
    height: 63.93443%;
  }
}

.box_windows .prize_item-box .item-bg {
  height: 6.66667%;
  bottom: 2.4%;
}

.box_windows .prize_item .getBtn {
  width: 10.92308%;
  height: 8.13333%;
  left: 39.52381%;
}

.box_container.small_game .main {
  width: 83.60544%;
  height: 101.42857%;
  padding: 7.5% 8%;
}

.card_gold .main_card_gold .popTitle {
  top: 0.81367%;
  width: 58.17738%;
  height: 14.08451%;
}

.card_gold .main_card_gold .popTitle01 {
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/gift/poptitle01.png?v=20220426);
}

.card_gold .main_card_gold .popTitle02 {
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/gift/poptitle02.png?v=20220426);
}

.card_gold .main_card_gold .popTitle03 {
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/gift/poptitle03.png?v=20220426);
}

.card_gold .main_card_gold .popTitle04 {
  background-image: url(/Action/11_Star31/20220420MS/ingame/images/gift/poptitle04.png?v=20220426);
}

.card_gold .main_card_gold .giftGroup {
  width: 88.85273%;
  max-width: 1092px;
  height: 29.34272%;
  margin-top: 16.27339%;
}

.card_gold .main_card_gold .btn_receive {
  width: 21.80635%;
  height: 9.15493%;
}