@charset "UTF-8";
/* Reset By Normalize */
@import url(/css/normalize.css);
@import url("/css/animate.css/animate.min.css");
/* ================= 頁面框架設定 ================= */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
}

.show {
  visibility: visible !important;
}

.none {
  visibility: hidden !important;
}

.dtNow {
  display: none;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 99;
  border-radius: 3px;
  padding: 3px;
}

.body {
  background: #d9fffa;
}

.ingame__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/ingamebg_1920X1920.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center;
}

@media (max-aspect-ratio: 16 / 9) {
  .ingame__wrapper {
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/ingamebg_1920X1920.jpg);
    background-size: 100% auto;
  }
}

@media (min-aspect-ratio: 9 / 16) and (orientation: portrait) {
  .ingame__wrapper {
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/ingamebg_1920X1920.jpg);
    background-size: 100% auto;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .ingame__wrapper {
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/ingamebg_3000X1080.jpg);
    background-size: auto 101.694%;
  }
}

@media (max-aspect-ratio: 9 / 16) and (orientation: portrait) {
  .ingame__wrapper {
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/ingamebg_3000X1080.jpg);
    background-size: auto 101.694%;
  }
}

.ingame__container {
  width: 100%;
  height: 100%;
  position: relative;
}

@media (max-aspect-ratio: 16 / 9) {
  .ingame__container {
    width: 98.33333vw;
    height: 55.3125vw;
  }
}

@media (min-aspect-ratio: 9 / 16) and (orientation: portrait) {
  .ingame__container {
    width: 98.33333vh;
    height: 55.3125vh;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .ingame__container {
    width: 177.77778vh;
    width: calc(var(--vh, 1vh) * 177);
    padding-bottom: initial;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-size: auto 100%;
    background-position: top center;
  }
}

@media (max-aspect-ratio: 9 / 16) and (orientation: portrait) {
  .ingame__container {
    width: 177.77778vw;
    height: 100vw;
  }
}

.member {
  position: absolute;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: #fff;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/member-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  width: 83.33333%;
  height: 7.53296%;
  left: 8.07292%;
  top: 0.94162%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .member {
    width: 65.15625%;
    height: 5.9322%;
    left: 18.22917%;
    top: 1.88324%;
  }
}

.member__table {
  width: 33%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.member__table .vip-icon0 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v0_S.png);
}

.member__table .vip-icon {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 10%;
  padding-bottom: 12%;
  margin-right: 4px;
}

.member__table .vip-icon1 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v0_1.png);
}

.member__table .vip-icon13 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v11Plus.png);
}

.member__table .vip-icon2 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v1.png);
}

.member__table .vip-icon3 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v2.png);
}

.member__table .vip-icon4 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v3.png);
}

.member__table .vip-icon5 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v4.png);
}

.member__table .vip-icon6 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v5.png);
}

.member__table .vip-icon7 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v6.png);
}

.member__table .vip-icon8 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v7.png);
}

.member__table .vip-icon9 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v8.png);
}

.member__table .vip-icon10 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v9.png);
}

.member__table .vip-icon11 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v10.png);
}

.member__table .vip-icon12 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/v11.png);
}

.member__status {
  width: 60%;
  margin-left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.member .vip-info {
  width: 100%;
  border-radius: 0.5em;
  padding: 1.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.member .vip-info .icoins {
  width: 45%;
  height: 100%;
  text-align: right;
  line-height: 1.8em;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.member .vip-info .icoins p {
  text-align: right;
}

.member .vip-info .idiamonds {
  width: 45%;
  text-align: right;
  padding: 0;
  line-height: 1.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.member .vip-info .idiamonds p {
  text-align: right;
}

.member .nickname {
  font-weight: bold;
  color: #fb64dc;
  line-height: 1.5em;
}

.marioSlot {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.marioSlot__awards {
  width: 79.44915%;
  height: 58.00377%;
  margin-left: 9.85169%;
  margin-top: 7.09746%;
  position: relative;
}

.marioSlot__awards--prize {
  width: 66.86667%;
  height: 51.2987%;
  position: absolute;
  top: 25.16234%;
  left: 16.73333%;
  background-size: 100% !important;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.marioSlot__awards--prize .prize-title {
  width: 41.77468%;
  margin: 0 auto;
  line-height: 1em;
}

.marioSlot__awards--prize .prize-title img {
  width: 100%;
}

.marioSlot__awards--prize .prize-list {
  width: 100%;
  height: 62.97468%;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.marioSlot__awards--prize .prize-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 2.39282%;
}

.marioSlot__awards--prize .prize-list li img {
  width: 100%;
}

.marioSlot__awards--prize .prize-list li:nth-child(1) {
  width: 13.45962%;
  height: 78.39196%;
}

.marioSlot__awards--prize .prize-list li:nth-child(2) {
  width: 22.7318%;
  height: 100%;
}

.marioSlot__awards--prize .prize-list li:nth-child(3) {
  width: 14.75573%;
  height: 78.39196%;
}

.marioSlot__awards--list {
  width: 100%;
  height: 100%;
  list-style-type: none;
  position: relative;
}

.marioSlot__awards--list li {
  width: 16.66667%;
  height: 25%;
  position: absolute;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}

.marioSlot__awards--list li:nth-child(1) {
  top: 0;
  left: 0%;
}

.marioSlot__awards--list li:nth-child(2) {
  top: 0;
  left: 16.66667%;
}

.marioSlot__awards--list li:nth-child(3) {
  top: 0;
  left: 33.33333%;
}

.marioSlot__awards--list li:nth-child(4) {
  top: 0;
  left: 50%;
}

.marioSlot__awards--list li:nth-child(5) {
  top: 0;
  left: 66.66667%;
}

.marioSlot__awards--list li:nth-child(6) {
  top: 0;
  left: 83.33333%;
}

.marioSlot__awards--list li:nth-child(7) {
  top: 25%;
  right: 0;
}

.marioSlot__awards--list li:nth-child(8) {
  top: 50%;
  right: 0;
}

.marioSlot__awards--list li:nth-child(9) {
  top: 75%;
  right: 0;
}

.marioSlot__awards--list li:nth-child(10) {
  bottom: 0;
  right: 16.66667%;
}

.marioSlot__awards--list li:nth-child(11) {
  bottom: 0;
  right: 33.33333%;
}

.marioSlot__awards--list li:nth-child(12) {
  bottom: 0;
  right: 50%;
}

.marioSlot__awards--list li:nth-child(13) {
  bottom: 0;
  right: 66.66667%;
}

.marioSlot__awards--list li:nth-child(14) {
  bottom: 0;
  right: 83.33333%;
}

.marioSlot__awards--list li:nth-child(15) {
  bottom: 25%;
  left: 0;
}

.marioSlot__awards--list li:nth-child(16) {
  bottom: 50%;
  left: 0;
}

.marioSlot__awards--list li:nth-child(17) {
  bottom: 0;
  right: 133.33333%;
}

.marioSlot__awards--list li::after {
  content: '';
  display: block;
  width: 20%;
  height: 30%;
  background: url(/Action/11_Star31/20220615MU/ingame/images/light-black.png?v=20220619);
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 1;
}

.marioSlot__awards--list li.light::after {
  background: url(/Action/11_Star31/20220615MU/ingame/images/light-yellow.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li:nth-child(1)::after {
  bottom: -16%;
  right: -7%;
}

.marioSlot__awards--list li:nth-child(2)::after, .marioSlot__awards--list li:nth-child(3)::after, .marioSlot__awards--list li:nth-child(4)::after, .marioSlot__awards--list li:nth-child(5)::after {
  bottom: -16%;
  left: 43%;
}

.marioSlot__awards--list li:nth-child(6)::after {
  bottom: -16%;
  left: -7%;
}

.marioSlot__awards--list li:nth-child(7)::after, .marioSlot__awards--list li:nth-child(8)::after {
  top: 35%;
  left: -7%;
}

.marioSlot__awards--list li:nth-child(9)::after {
  top: -12%;
  left: -7%;
}

.marioSlot__awards--list li:nth-child(10)::after, .marioSlot__awards--list li:nth-child(11)::after, .marioSlot__awards--list li:nth-child(12)::after, .marioSlot__awards--list li:nth-child(13)::after {
  top: -12%;
  left: 43%;
}

.marioSlot__awards--list li:nth-child(14)::after {
  top: -12%;
  right: -7%;
}

.marioSlot__awards--list li:nth-child(15)::after, .marioSlot__awards--list li:nth-child(16)::after {
  top: 35%;
  right: -7%;
}

.marioSlot__awards--list li:nth-child(17)::after {
  top: -12%;
  right: -7%;
}

.marioSlot__awards--list li.awards-1 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award1.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-2 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award2.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-3 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award3.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-4 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award4.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-5 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award5.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-6 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award6.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-7 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award7.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-8 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award8.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-9 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award9.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-10 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award10.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-11 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award11.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-12 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award12.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-13 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award13.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-14 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award14.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-15 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award15.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-16 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award16.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.awards-17 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award17.png?v=20220619);
  background-size: 100% !important;
}

.marioSlot__awards--list li.action::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 100% !important;
}

.marioSlot__awards--list li.action.awards-1::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award1_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-2::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award2_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-3::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award3_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-4::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award4_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-5::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award5_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-6::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award6_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-7::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award7_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-8::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award8_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-9::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award9_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-10::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award10_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-11::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award11_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-12::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award12_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-13::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award13_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-14::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award14_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-15::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award15_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-16::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award16_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.action.awards-17::before {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Award17_light.png?v=20220619);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

.marioSlot__awards--list li.get::before {
  content: '';
  display: block;
  width: 34.81013%;
  height: 55.10204%;
  position: absolute;
  top: 24.4898%;
  left: 34.17722%;
  background-size: 100% !important;
  background: url(/Action/11_Star31/20220615MU/ingame/images/Tick.png?v=20220619);
}

.marioSlot__awards--list li .question {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.marioSlot__awards--list li .question .tooltip {
  display: none;
  position: absolute;
  width: 8em;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: #fffad0;
  border: 2px solid #fff;
  padding: 4px;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  z-index: 2;
}

.marioSlot__awards--list li .question .tooltip p {
  font-size: 14px !important;
  line-height: 1.5rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
}

@media only screen and (max-width: 860px) {
  .marioSlot__awards--list li .question .tooltip p {
    font-size: 10px !important;
    line-height: 1.25rem;
  }
}

@media only screen and (max-height: 580px) {
  .marioSlot__awards--list li .question .tooltip p {
    font-size: 10px !important;
    line-height: 1.25rem;
  }
}

@media only screen and (max-height: 450px) {
  .marioSlot__awards--list li .question .tooltip p {
    font-size: 8px !important;
    line-height: 1rem;
  }
}

.marioSlot__awards--list li .question:hover .tooltip {
  display: inline-block;
}

.marioSlot__play {
  width: 100%;
  height: 18.83239%;
  position: relative;
  margin-top: 4.23729%;
}

.marioSlot__play .btn__question {
  width: 17.47881%;
  height: 45.5%;
  background: url(/Action/11_Star31/20220615MU/ingame/images/btn_Description.png?v=20220619) no-repeat;
  background-size: 100%;
  position: absolute;
  cursor: pointer;
  top: 0%;
  left: 6.67373%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1280px) {
  .marioSlot__play .btn__question:hover {
    height: 44%;
    top: 1%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_Description_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 812px) {
  .marioSlot__play .btn__question:active {
    height: 44%;
    top: 1%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_Description_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

.marioSlot__play .btn__record {
  width: 17.47881%;
  height: 45%;
  background: url(/Action/11_Star31/20220615MU/ingame/images/btn_AwardRecord.png?v=20220619) no-repeat;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 7.83898%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1280px) {
  .marioSlot__play .btn__record:hover {
    height: 43.5%;
    top: 51%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_AwardRecord_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 812px) {
  .marioSlot__play .btn__record:active {
    height: 43.5%;
    top: 41.5%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_AwardRecord_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

.marioSlot__play .btn__use-all {
  width: 21.5572%;
  height: 97%;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_all.png?v=20220619);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: -3.5%;
  left: 25.42373%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1280px) {
  .marioSlot__play .btn__use-all:hover {
    height: 88%;
    top: 8%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_all_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 812px) {
  .marioSlot__play .btn__use-all:active {
    height: 88%;
    top: 8%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_all_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

.marioSlot__play .btn__use-one {
  width: 21.5572%;
  height: 97%;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_one.png?v=20220619);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: -3.5%;
  left: 50.3178%;
  -webkit-animation: BtnLight 1.5s infinite linear;
          animation: BtnLight 1.5s infinite linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1280px) {
  .marioSlot__play .btn__use-one:hover {
    height: 88%;
    top: 8%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_one_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 812px) {
  .marioSlot__play .btn__use-one:active {
    height: 88%;
    top: 8%;
    background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_use_one_action.png?v=20220619);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes BtnLight {
  0%, 20%, 80%, 100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
  }
}

@keyframes BtnLight {
  0%, 20%, 80%, 100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
  }
}

.marioSlot__play .token {
  width: 18.11441%;
  height: 90.5%;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/Token.png?v=20220619);
  background-size: 100%;
  position: absolute;
  top: -6.5%;
  left: 74.15254%;
}

.marioSlot__play .token .nums {
  width: 78.94737%;
  height: 41.98895%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 43.85965%;
  left: 11.60221%;
}

.marioSlot__play .token .nums .num {
  width: 16.2963%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: 87.5% !important;
  background-position-x: center !important;
  background-repeat: no-repeat !important;
}

.marioSlot__play .token .nums .num-0 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_0.png?v=20220619);
}

.marioSlot__play .token .nums .num-1 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_1.png?v=20220619);
}

.marioSlot__play .token .nums .num-2 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_2.png?v=20220619);
}

.marioSlot__play .token .nums .num-3 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_3.png?v=20220619);
}

.marioSlot__play .token .nums .num-4 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_4.png?v=20220619);
}

.marioSlot__play .token .nums .num-5 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_5.png?v=20220619);
}

.marioSlot__play .token .nums .num-6 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_6.png?v=20220619);
}

.marioSlot__play .token .nums .num-7 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_7.png?v=20220619);
}

.marioSlot__play .token .nums .num-8 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_8.png?v=20220619);
}

.marioSlot__play .token .nums .num-9 {
  background: url(/Action/11_Star31/20220615MU/ingame/images/Number_9.png?v=20220619);
}

.marioSlot__play .token .note-text {
  width: 180%;
  position: absolute;
  top: 98.26087%;
  left: 50%;
  color: yellow;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 1em;
}

.popup {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
}

.popup-base {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#310707), to(rgba(138, 6, 6, 0.7)));
  background: linear-gradient(to top, #310707 0%, rgba(138, 6, 6, 0.7) 100%);
  border: 3px solid #eab92d;
  border-radius: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 7.62712%;
  left: 7.46822%;
  width: 85.16949%;
  height: 84.6516%;
  padding: 1.50659% 0.84746% 1.50659% 1.27119%;
  color: #FFF;
  line-height: 1.5em;
}

.popup-base .main {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow-y: scroll;
  padding: 8px;
}

.popup-base .main::-webkit-scrollbar {
  width: 10px;
  margin: 2px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
}

.popup-base .main::-webkit-scrollbar-thumb {
  width: 8px;
  padding: 2px;
  background: rgba(255, 187, 42, 0.5);
  border-radius: 5px;
}

.popup-smallgame {
  position: relative;
  width: 74.89407%;
  height: 92.37288%;
  padding: 1.58898%;
  margin: 0 auto;
  margin-top: 2.64831%;
  border-radius: 20px;
  border: none;
  background: url(/Action/11_Star31/20220615MU/ingame/images/pop.png?v=20220619), rgba(0, 0, 0, 0);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow-y: hidden;
}

.popup-prize {
  width: 95.65678%;
  height: 79.66102%;
  top: 3.76648%;
  left: 3.01907%;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(/Action/11_Star31/20220615MU/ingame/images/popbox.png?v=20220619);
  background-size: 100%;
  background-repeat: no-repeat;
}

.popup__main {
  visibility: hidden;
}

.popup .btns {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2.23881% auto;
  position: relative;
}

.popup .btns div {
  max-width: 35%;
  cursor: pointer;
  margin: 0 4px;
}

.popup .btns .off {
  cursor: default;
}

.popup .btns .off img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.popup .btn-close {
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  width: 45px;
  height: 45px;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn_close.png?v=20220619);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 999;
}

.popup .question {
  font-size: 16px;
}

.popup .question .main {
  padding: 2em 2em 0 2em;
}

.popup .question h2 {
  font-size: 1.6rem;
  color: #ddb689;
  letter-spacing: 5px;
  padding: 8px 0;
  text-align: center;
  font-weight: inherit;
}

.popup .question h2 .f-sm {
  font-size: 0.75em;
  letter-spacing: 0px;
}

.popup .question .line {
  width: 80%;
  height: 2px;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, right top, from(rgba(156, 94, 21, 0)), color-stop(20%, #9c5e15), color-stop(50%, #ffbb29), color-stop(80%, #9c5e15), to(rgba(156, 94, 21, 0)));
  background: linear-gradient(to right, rgba(156, 94, 21, 0) 0%, #9c5e15 20%, #ffbb29 50%, #9c5e15 80%, rgba(156, 94, 21, 0) 100%);
  margin-bottom: 16px;
}

.popup .question h3 {
  font-size: 1.25rem;
  line-height: 1em;
  margin-bottom: 8px;
  color: #fffc4a;
}

.popup .question p {
  font-size: 1rem;
  line-height: 1.75em;
  margin-bottom: 16px;
}

.popup .question p a {
  color: #00a0fd;
  text-decoration: underline;
}

.popup .question p a:hover {
  color: #ff20cf;
}

.popup .question .part {
  margin-bottom: 56px;
}

.popup .question .f-danger {
  color: #ff7b00;
}

.popup .question ol, .popup .question ul {
  font-size: 1rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 8px;
}

.popup .question ol li, .popup .question ul li {
  line-height: 1.75em;
}

.popup .record {
  position: absolute;
  padding: 0 1.69492%;
}

.popup .record__title {
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  padding: 1.99005% 0;
  text-align: center;
}

@media only screen and (max-width: 1280px) and (max-aspect-ratio: 19 / 9) {
  .popup .record__title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 813px) and (max-aspect-ratio: 19 / 9) {
  .popup .record__title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 630px) and (max-aspect-ratio: 19 / 9) {
  .popup .record__title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1679px) and (min-aspect-ratio: 19 / 9) {
  .popup .record__title {
    font-size: 20px;
  }
}

.popup .record table td {
  background: #fff;
  color: #42342b;
}

.popup .lottery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popup .lottery .main {
  width: 100%;
  height: 100%;
}

.popup .lottery .main .popTitle {
  position: absolute;
  top: 0.70721%;
  left: 24.75248%;
  width: 50.56577%;
  height: 12.23242%;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.popup .lottery .main .popTitle01 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle01.png?v=20220619);
}

.popup .lottery .main .popTitle02 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle02.png?v=20220619);
}

.popup .lottery .main .popTitle03 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle03.png?v=20220619);
}

.popup .lottery .main .popTitle04 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle04.png?v=20220619);
}

.popup .lottery .main .popTitle05 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle05.png?v=20220619);
}

.popup .lottery .main .popTitle06 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle06.png?v=20220619);
}

.popup .lottery .main .popTitle07 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/poptitle07.png?v=20220619);
}

.popup .lottery .main .giftGroup {
  width: 77.22772%;
  height: 29.3578%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  margin-top: 19.80198%;
}

.popup .lottery .main .giftGroup .giftbox {
  width: 32.96703%;
  height: 100%;
  margin: 0.18315% 0.18315%;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.popup .lottery .main .giftGroup .giftbox.click {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.popup .lottery .main .giftGroup .giftbox .box-back {
  position: absolute;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.popup .lottery .main .giftGroup .giftbox .diamond1 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift1.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond2 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift2.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond3 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift3.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond4 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift4.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond5 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift5.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond6 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift6.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond7 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift7.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond8 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift8.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond9 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift9.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond10 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift10.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond11 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift11.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond12 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift12.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond13 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift13.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond14 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift14.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond15 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift15.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond16 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift16.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond17 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift17.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond18 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift18.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond19 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift19.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond20 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift20.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond21 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift21.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond22 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift22.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond23 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift23.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond24 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift24.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .diamond25 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/luckyBag-gift25.png?v=20220619);
}

.popup .lottery .main .giftGroup .giftbox .dark {
  -webkit-filter: grayscale(0.5) brightness(0.35);
          filter: grayscale(0.5) brightness(0.35);
}

.popup .lottery .main .giftGroup-2 {
  width: 55.16266%;
  height: 58.7156%;
  margin-top: 8.48656%;
}

.popup .lottery .main .giftGroup-2 .giftbox {
  width: 46.15385%;
  height: calc(50% - 4px);
  margin: 0.25641% 0.25641%;
}

.popup .lottery .main .btn_receive {
  width: 18.95332%;
  height: 6.72783%;
  margin: 4.52617% auto;
  background: url(/Action/11_Star31/20220615MU/ingame/images/btn_receive.png?v=20220619);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.popup .lottery .main .box-front {
  position: relative;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.popup .lottery .main .box1 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question1.png?v=20220619);
}

.popup .lottery .main .box2 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question2.png?v=20220619);
}

.popup .lottery .main .box3 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question3.png?v=20220619);
}

.popup .lottery .main .box4 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question4.png?v=20220619);
}

.popup .lottery .main .box5 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question5.png?v=20220619);
}

.popup .lottery .main .box6 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question6.png?v=20220619);
}

.popup .lottery .main .box7 {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/question7.png?v=20220619);
}

.popup .lottery .main p {
  width: 100%;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  padding: 2.26308%;
  color: #552929;
}

.popup .lottery-confirm {
  position: absolute;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  border-radius: 16px;
}

.popup .lottery-confirm .text {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/pop_pageQ.png?v=20220619);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 15%;
}

.popup .lottery-confirm .text-luckyBag {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/pop_pageQ-luckyBag.png?v=20220619);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 15%;
}

.popup .lottery-confirm .gift {
  background-size: 23.86846%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 27.52294%;
  margin: 0.50919% 0;
}

.popup .lottery-confirm .btn {
  width: 43.79066%;
  height: 10.09174%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.50919%;
}

.popup .lottery-confirm .btn a {
  display: block;
  width: 45%;
  height: 100%;
  margin: 0 2.5%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.popup .lottery-confirm .btn a.btn_yes {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/btn_yes.png?v=20220619);
}

.popup .lottery-confirm .btn a.btn_no {
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/gift/btn_no.png?v=20220619);
}

.popup .prize .main {
  width: 92%;
  height: 63.88527%;
  margin: 0 auto;
  overflow-y: auto;
  position: relative;
  margin-top: 15%;
  padding-bottom: 10px;
}

.popup .prize .main::-webkit-scrollbar {
  width: 8px;
}

.popup .prize .main::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(50%, black), to(black));
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 50%, black 100%);
  border-radius: 4px;
}

.popup .prize .main .item ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  list-style-type: none;
  overflow: hidden;
}

.popup .prize .main .item ul li {
  width: calc(20% - 8px);
  margin: 4px;
}

.popup .prize .main .item ul li p {
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
}

.popup .prize .main .item ul li img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.popup .prize::before {
  content: '';
  width: 95%;
  height: 10.43025%;
  position: absolute;
  bottom: 5.21512%;
  border-radius: 80px;
  left: 2.5%;
  background: -webkit-gradient(linear, left bottom, left top, from(#013f58), to(rgba(1, 63, 88, 0)));
  background: linear-gradient(to top, #013f58 0%, rgba(1, 63, 88, 0) 100%);
}

.popup .prize .getBtn {
  width: 17.5%;
  height: 15.64537%;
  position: absolute;
  bottom: -16.94915%;
  left: 41.25%;
  background: url(/Action/11_Star31/20220615MU/ingame/images/btn_get_action.png?v=20220619);
  background-size: 100%;
}

.popup a.btn-close {
  position: absolute;
  display: block;
  top: 2.25989%;
  right: 0.84746%;
  width: 50px;
  height: 50px;
  background-image: url(/Action/11_Star31/20220615MU/ingame/images/btn-close.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 9;
}

@media only screen and (max-width: 798px) {
  .popup a.btn-close {
    width: 35px;
    height: 35px;
  }
}

@media only screen and (max-height: 798px) {
  .popup a.btn-close {
    width: 35px;
    height: 35px;
  }
}

.ingame__popup--bg {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  visibility: hidden;
}

/* ================= table設定 ================= */
.table tr th, .table tr td {
  border: 1px solid #af6928;
}

.table {
  font-family: "Helvetica Neue","微軟正黑體","Helvetica","Arial","PingFangTC-Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif;
  font-size: 1em;
  border-collapse: collapse;
  border-radius: 5px;
  color: #532a08;
  border: 3px solid #af6928;
  margin: 0 0 20px 0;
}

.table tr {
  background: transparent;
}

.table tr th {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff832f), to(#ff9b58));
  background: linear-gradient(to top, #ff832f 0%, #ff9b58 100%);
  color: #fff;
}

.table tr th.thStyle02 {
  color: #752b00;
  background: #ffec80;
}

.table tr td {
  text-align: center;
  padding: 3px;
  color: #fff;
  position: relative;
  /*單格變色*/
}

.table tr td p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table tr td img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.table tr td img.img-inline {
  width: 4em;
  display: inline;
  margin: 0;
}

.table tr td[data-tdstyle="style01"] {
  background-color: #f6f6f6;
}

.table .question {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 6px;
  background: linear-gradient(45deg, #8f0000, red);
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 1px #ff4b4b inset, 0px 0px 3px #000;
          box-shadow: 0px 2px 1px #ff4b4b inset, 0px 0px 3px #000;
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 420px) {
  .table .question {
    width: 30px;
    height: 30px;
  }
}

.table .question::before {
  content: '';
  background: url(/Action/11_Star31/20220615MU/ingame/images/question.svg);
  width: 10px;
  height: 10px;
}

@media screen and (min-width: 420px) {
  .table .question::before {
    width: 20px;
    height: 20px;
  }
}

.table .question .tooltip {
  display: none;
  position: absolute;
  width: 10em;
  top: 30px;
  right: calc(-5em + 15px);
  background: #fffad0;
  border: 2px solid #fff;
  padding: 16%;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  z-index: 1;
}

.table .question .tooltip p {
  font-size: 14px !important;
  line-height: 1.5rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
}

@media only screen and (max-width: 860px) {
  .table .question .tooltip p {
    font-size: 10px !important;
    line-height: 1.25rem;
  }
}

@media only screen and (max-height: 580px) {
  .table .question .tooltip p {
    font-size: 10px !important;
    line-height: 1.25rem;
  }
}

@media only screen and (max-height: 450px) {
  .table .question .tooltip p {
    font-size: 8px !important;
    line-height: 1rem;
  }
}

.table .question:hover .tooltip {
  display: inline-block;
}