@charset "UTF-8";
/* Reset By Normalize */
@import url(/css/normalize.css);
@import url("/css/animate.css/animate.min.css");
/* ================= 頁面框架設定 ================= */
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

img {
  max-width: 100%;
  -webkit-touch-callout: none;
}

.show {
  visibility: visible !important;
}

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

body {
  background-color: #000000;
}

.ingame__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/ingamebg.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-size: 100% auto;
  }
}
@media (min-aspect-ratio: 9/16) and (orientation: portrait) {
  .ingame__wrapper {
    background-size: 100% auto;
  }
}
@media (min-aspect-ratio: 16/9) {
  .ingame__wrapper {
    background-size: auto 101.694%;
  }
}
@media (max-aspect-ratio: 9/16) and (orientation: portrait) {
  .ingame__wrapper {
    background-size: auto 101.694%;
  }
}

.ingame__container {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-aspect-ratio: 16/9) {
  .ingame__container {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (min-aspect-ratio: 9/16) and (orientation: portrait) {
  .ingame__container {
    width: 100vh;
    height: 56.25vh;
  }
}
@media (min-aspect-ratio: 16/9) {
  .ingame__container {
    width: 177.7777777778vh;
    padding-bottom: initial;
    height: 100vh;
    background-size: auto 100%;
    background-position: top center;
  }
}
@media (max-aspect-ratio: 9/16) and (orientation: portrait) {
  .ingame__container {
    width: 177.7777777778vw;
    height: 100vw;
  }
}

.game_main {
  width: 100%;
  height: 100%;
  position: absolute;
}
.game_main .game_gamebox {
  width: 97.9166666667%;
  height: 98.1481481481%;
  position: absolute;
  top: 2.1296296296%;
  left: 1.1458333333%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.game_gamebox .item {
  width: 39.0196808511%;
  height: 60.8150943396%;
  position: absolute;
  top: 9.8113207547%;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/clouds.png?20240222);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.game_gamebox .item .item_awards {
  position: absolute;
  width: 57.8914893617%;
  height: 80.6056603774%;
  top: 7.9245283019%;
  left: 21.5425531915%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: delay 0.2s, bounceIn 0.8s 0.2s;
          animation: delay 0.2s, bounceIn 0.8s 0.2s;
}
.game_gamebox .item .item_btn {
  position: absolute;
  width: 60.4085106383%;
  height: 21.5547169811%;
  top: 90.3773584906%;
  left: 21.5425531915%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: prizeImg 1s infinite;
          animation: prizeImg 1s infinite;
  cursor: pointer;
}
.game_gamebox .item .question {
  position: absolute;
  width: 7.1638297872%;
  height: 8.5320754717%;
  top: 9.4339622642%;
  left: 59.5744680851%;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/question.png?20240222);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: delay 0.6s, bounceIn 0.8s 0.6s;
          animation: delay 0.6s, bounceIn 0.8s 0.6s;
  z-index: 1;
}
.game_gamebox .item .question .tooltip-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;
  z-index: 2;
}
.game_gamebox .item .question .tooltip-question .tooltip {
  display: none;
  position: absolute;
  width: 18em;
  top: 2em;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccebff), to(#cce2ff));
  background: linear-gradient(to bottom, #ccebff 0%, #cce2ff 100%);
  border: 2px solid #004299;
  -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: 3;
  overflow: hidden;
  font-size: calc(12px + (20 - 12) * (100vw - 768px) / 832);
  font-size: clamp(12px, 20 / 1920 * 100vw, 20px);
}
@media screen and (max-width: 992px) {
  .game_gamebox .item .question .tooltip-question .tooltip {
    width: 22em;
  }
}
@media (min-aspect-ratio: 16/9) {
  .game_gamebox .item .question .tooltip-question .tooltip {
    font-size: calc(12px + (20 - 12) * (100vh - 350px) / 730);
    font-size: clamp(12px, 20 / 1080 * 100vh, 20px);
  }
}
@media (min-aspect-ratio: 9/16) and (orientation: portrait) {
  .game_gamebox .item .question .tooltip-question .tooltip {
    line-height: 1.25em;
    font-size: calc(12px + (8 - 12) * (100vh - 350px) / 730);
    font-size: clamp(12px, 8 / 1080 * 100vh, 8px);
  }
}
@media (max-aspect-ratio: 9/16) and (orientation: portrait) {
  .game_gamebox .item .question .tooltip-question .tooltip {
    line-height: 1.5em;
    font-size: calc(12px + (20 - 12) * (100vw - 350px) / 1570);
    font-size: clamp(12px, 20 / 1920 * 100vw, 20px);
  }
}
.game_gamebox .item .question .tooltip-question .tooltip h5 {
  background: -webkit-gradient(linear, left top, left bottom, from(#005c99), to(#004299));
  background: linear-gradient(to bottom, #005c99 0%, #004299 100%);
  font-size: 1.125em;
  line-height: 1.5em;
  padding: 2px;
  margin-bottom: 0;
  color: #fff;
  text-align: center;
}
.game_gamebox .item .question .tooltip-question .tooltip ul.probability {
  width: calc(100% - 16px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 2px 0;
}
.game_gamebox .item .question .tooltip-question .tooltip ul.probability li {
  padding: 4px 8px;
  color: #000000;
  border-bottom: 1px solid #00478a;
}
.game_gamebox .item .question .tooltip-question .tooltip ul.probability li:nth-child(odd) {
  width: 68%;
  text-align: left;
}
.game_gamebox .item .question .tooltip-question .tooltip ul.probability li:nth-child(even) {
  width: 32%;
  text-align: left;
}
.game_gamebox .item .question .tooltip-question .tooltip ul.probability li:nth-last-child(-1n+2) {
  border-bottom: 0;
}
.game_gamebox .item .question .tooltip-question:hover .tooltip {
  display: inline-block;
}
.game_gamebox .item01 {
  left: 10.6382978723%;
}
.game_gamebox .item01 .item_awards {
  background-image: url(/Action/79_TMD/20240222S/ingame/images/awards01.png?20240222);
}
.game_gamebox .item01 .item_btn {
  background-image: url(/Action/79_TMD/20240222S/ingame/images/btn01.png?20240222);
}
.game_gamebox .item01 .tooltip {
  left: 0%;
}
.game_gamebox .item02 {
  left: 49.2021276596%;
}
.game_gamebox .item02 .item_awards {
  background-image: url(/Action/79_TMD/20240222S/ingame/images/awards02.png?20240222);
}
.game_gamebox .item02 .item_btn {
  background-image: url(/Action/79_TMD/20240222S/ingame/images/btn02.png?20240222);
}
.game_gamebox .item02 .tooltip {
  right: 0%;
}
.game_gamebox .props {
  position: absolute;
  width: 42.295212766%;
  height: 13.8820754717%;
  bottom: 3.8679245283%;
  left: 29.0957446809%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/props_bg.png?20240222);
}
.game_gamebox .props .words {
  width: 37.6910016978%;
  height: 34.8623853211%;
  position: absolute;
  top: 32.1100917431%;
  left: 58.5738539898%;
  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;
}
.game_gamebox .props .words ul.nums {
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
.game_gamebox .props .words ul.nums li {
  width: 13.5135135135%;
  height: 100%;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.game_gamebox .props .words ul.nums li.num-0 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_0.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-1 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_1.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-2 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_2.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-3 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_3.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-4 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_4.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-5 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_5.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-6 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_6.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-7 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_7.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-8 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_8.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-9 {
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_9.png?v=20240222);
}
.game_gamebox .props .words ul.nums li.num-comma {
  width: 5.8558558559%;
  height: 100%;
  background: url(/Action/79_TMD/20240222S/ingame/images/number/p_comma.png?v=20240222);
}
.game_gamebox .marquee {
  position: absolute;
  width: 75.4361702128%;
  height: 8.8490566038%;
  top: 0%;
  left: 13.2978723404%;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/marquee.png?20240222);
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.game_gamebox .marquee ul {
  position: absolute;
  background: none !important;
  border: none !important;
  background-color: none !important;
  width: 100% !important;
  height: 91% !important;
  top: 4%;
  left: 0;
  display: inline-block;
}
.game_gamebox .marquee ul li {
  height: 100%;
  width: 100%;
  text-align: center;
  margin-right: 30px;
  color: #fff;
  list-style-type: none;
  display: block;
  padding: 1.4% 5px;
  white-space: nowrap;
  font-size: calc(14px + (34 - 14) * (100vw - 768px) / 832);
  font-size: clamp(14px, 34 / 1920 * 100vw, 34px);
}
@media (min-aspect-ratio: 16/9) {
  .game_gamebox .marquee ul li {
    font-size: calc(14px + (34 - 14) * (100vh - 350px) / 730);
    font-size: clamp(14px, 34 / 1080 * 100vh, 34px);
  }
}
@media (min-aspect-ratio: 9/16) and (orientation: portrait) {
  .game_gamebox .marquee ul li {
    line-height: 1.25em;
    font-size: calc(14px + (20 - 14) * (100vh - 350px) / 730);
    font-size: clamp(14px, 20 / 1080 * 100vh, 20px);
  }
}
@media (max-aspect-ratio: 9/16) and (orientation: portrait) {
  .game_gamebox .marquee ul li {
    line-height: 1.5em;
    font-size: calc(14px + (34 - 14) * (100vw - 350px) / 1570);
    font-size: clamp(14px, 34 / 1920 * 100vw, 34px);
  }
}
@media screen and (max-width: 768px) {
  .game_gamebox .marquee ul li {
    padding: 5px;
  }
}
@media screen and (max-width: 576px) {
  .game_gamebox .marquee ul li {
    padding: 2px;
  }
}

@-webkit-keyframes delay {
  from, to {
    opacity: 0;
  }
}

@keyframes delay {
  from, to {
    opacity: 0;
  }
}
.ingame__popup--bg {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vmax;
  height: 100vmin;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  visibility: hidden;
}

.btn__question {
  width: 5.2083333333%;
  height: 9.2592592593%;
  position: absolute;
  left: 8.59375%;
  bottom: 5.9259259259%;
  background: url(/Action/79_TMD/20240222S/ingame/images/btn_question.png?20240222);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.btn__question:hover {
  -webkit-filter: brightness(1.2);
}

.btn__record {
  width: 5.2083333333%;
  height: 9.2592592593%;
  position: absolute;
  left: 14.5833333333%;
  bottom: 5.9259259259%;
  background: url(/Action/79_TMD/20240222S/ingame/images/btn_Award-winning.png?20240222);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.btn__record:hover {
  -webkit-filter: brightness(1.2);
}

.popup {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.popup-base {
  width: 83.75%;
  height: 83.2407407407%;
  position: absolute;
  top: 8.3796296296%;
  left: 8.125%;
  background: url(/Action/79_TMD/20240222S/ingame/images/popbg-base.png);
  background-size: 100%;
  padding: 1.4814814815% 2em 1.4814814815% 2em;
  color: #FFF;
  overflow: hidden;
  z-index: 1;
  visibility: hidden;
}
.popup-base h2 {
  font-size: 1.5rem;
  color: #ddb689;
  letter-spacing: 5px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: inherit;
}
.popup-base h2 .f-sm {
  font-size: 0.75em;
  letter-spacing: 0px;
}
.popup-base .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%, rgb(156, 94, 21)), color-stop(50%, rgb(255, 187, 41)), color-stop(80%, rgb(156, 94, 21)), to(rgba(156, 94, 21, 0)));
  background: linear-gradient(to right, rgba(156, 94, 21, 0) 0%, rgb(156, 94, 21) 20%, rgb(255, 187, 41) 50%, rgb(156, 94, 21) 80%, rgba(156, 94, 21, 0) 100%);
  margin-bottom: 8px;
}
.popup-base .main {
  width: 100%;
  height: calc(100% - (1.5rem + 2px + 8px));
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 2em;
  font-size: calc(12px + (28 - 12) * (100vw - 768px) / 832);
  font-size: clamp(12 + px, 1.4583333333 + vw, 28 + px);
}
.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-base .main h3 {
  font-size: 1.35rem;
  line-height: 2em;
  color: rgb(255, 159, 70);
  margin-left: -1em;
}
@media (min-aspect-ratio: 16/9) {
  .popup-base .main {
    font-size: calc(12px + (28 - 12) * (100vh - 350px) / 850);
    font-size: clamp(12 + px, 2.5925925926 + vh, 28 + px);
  }
}
.popup-base a.btn-close {
  position: absolute;
  display: block;
  top: 2.2222222222%;
  right: 0.8333333333%;
  width: 50px;
  height: 50px;
  background-image: url(/Action/79_TMD/20240222S/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-base a.btn-close {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-height: 798px) {
  .popup-base a.btn-close {
    width: 35px;
    height: 35px;
  }
}
.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.2388059701% 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 .part {
  margin-bottom: 36px;
}
.popup .part > p,
.popup .part > ol,
.popup .part > ul,
.popup .part > h3 {
  margin-bottom: 16px;
}
.popup .question {
  font-size: 16px;
}
.popup .question .f-danger {
  color: #ff7b00;
}
.popup .question ul, .popup .question ol {
  font-size: 1rem;
  width: 100%;
}
.popup .question ul li, .popup .question ol li {
  padding-bottom: 8px;
}
.popup .record {
  position: absolute;
}
.popup .prize .main {
  width: 93.2835820896%;
  height: calc(100% - (1.5rem + 2px + 8px) - 17.3526140156%);
  margin: 0 auto;
  position: relative;
  padding-bottom: 10px;
}
.popup .prize .main .item {
  min-height: 100%;
  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;
}
.popup .prize .main .item ul {
  width: 100%;
  min-height: 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;
  list-style-type: none;
}
.popup .prize .main .item ul li {
  width: 32.2666666667%;
  margin: 0.5333333333%;
  background-size: 100% !important;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.0666666667%;
  -webkit-box-shadow: inset 0 0 3px #FAC369;
          box-shadow: inset 0 0 3px #FAC369;
  padding: 1.0666666667%;
}
.popup .prize .main .item ul li p {
  width: 100%;
  color: #fff;
  line-height: 1.6em;
  text-align: center;
  font-weight: bold;
  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;
  margin: 2px 0;
  font-size: calc(12px + (22 - 12) * (100vw - 768px) / 832);
  font-size: clamp(12 + px, 1.1458333333 + vw, 22 + px);
}
@media (min-aspect-ratio: 16/9) {
  .popup .prize .main .item ul li p {
    font-size: calc(12px + (22 - 12) * (100vh - 350px) / 850);
    font-size: clamp(12 + px, 2.037037037 + vh, 22 + px);
  }
}
.popup .prize .main .item ul li img {
  max-width: 70%;
  display: block;
  margin: 0 auto;
}
.popup .prize .getBtn {
  width: 16.6666666667%;
  height: 7.3414905451%;
  margin: 1.4925373134% auto;
  background-size: 100% !important;
  background-image: url(/Action/79_TMD/20240222S/ingame/images/btn_receive.png?20240222);
  background-repeat: no-repeat;
  cursor: pointer;
}

/* ================= table設定 ================= */
.table tr td, .table tr th {
  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(#5d380d), to(#814e12));
  background: linear-gradient(to top, #5d380d 0%, #814e12 100%);
  color: #fff;
}
.table tr th.thStyle02 {
  color: #752b00;
  background: #ffec80;
}
.table tr td {
  text-align: center;
  padding: 3px;
  color: #fff;
  /*單格變色*/
}
.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;
}

body.swal2-shown .swal2-popup {
  position: relative;
  background: #ffa052;
  overflow: hidden;
  -webkit-box-shadow: 0 0 2px #301e10, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
          box-shadow: 0 0 2px #301e10, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  border-radius: 20px;
}
body.swal2-shown .swal2-popup .swal2-content {
  color: #3a281f;
  font-weight: bolder;
}
body.swal2-shown .swal2-popup .swal2-content img {
  vertical-align: middle;
  max-width: 60px;
}
body.swal2-shown .swal2-popup .swal2-actions {
  margin-top: 0.6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.swal2-shown .swal2-popup .swal2-actions .swal2-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa052), color-stop(5%, #ffa55c), color-stop(#ff953d), color-stop(80%, #ff8929), to(#ff7300));
  background: linear-gradient(to bottom, #ffa052 0%, #ffa55c 5%, #ff953d, #ff8929 80%, #ff7300 100%);
  -webkit-box-shadow: 0 0 2px #ff7300, inset 0 0 5px #ff7300;
          box-shadow: 0 0 2px #ff7300, inset 0 0 5px #ff7300;
  border-radius: 0.45em;
  color: #fff;
}
body.swal2-shown .swal2-popup::before {
  content: "";
  position: absolute;
  top: -125%;
  left: -28%;
  width: 250%;
  height: 600%;
  background: repeating-linear-gradient(#ffa052 0%, #ffa052 7.5px, #ff7300 7.5px, #ff7300 15px, #ffa052 15px, #ffa052 22.5px, #ff7300 22.5px, #ff7300 30px);
  -webkit-transform: translateX(-20%) translateY(-20%) rotate(-45deg);
          transform: translateX(-20%) translateY(-20%) rotate(-45deg);
  -webkit-animation: animate 40s linear infinite;
          animation: animate 40s linear infinite;
}
body.swal2-shown .swal2-popup::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #fffaf2;
  -webkit-box-shadow: 0 0 2px #d66100, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
          box-shadow: 0 0 2px #d66100, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  border-radius: 10px;
}

@-webkit-keyframes animate {
  from {
    background-position: 0;
  }
  to {
    background-position: 0 450px;
  }
}

@keyframes animate {
  from {
    background-position: 0;
  }
  to {
    background-position: 0 450px;
  }
}
@-webkit-keyframes prizeImg {
  0%, 50%, 100% {
    -webkit-filter: drop-shadow(0px 0px 15px #ff6600) ontrast(0%);
            filter: drop-shadow(0px 0px 15px #ff6600) ontrast(0%);
  }
  49% {
    -webkit-filter: drop-shadow(0px 0px 15px #ff6600) contrast(100%);
            filter: drop-shadow(0px 0px 15px #ff6600) contrast(100%);
  }
}
@keyframes prizeImg {
  0%, 50%, 100% {
    -webkit-filter: drop-shadow(0px 0px 15px #ff6600) ontrast(0%);
            filter: drop-shadow(0px 0px 15px #ff6600) ontrast(0%);
  }
  49% {
    -webkit-filter: drop-shadow(0px 0px 15px #ff6600) contrast(100%);
            filter: drop-shadow(0px 0px 15px #ff6600) contrast(100%);
  }
}
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0) scaleY(1.1);
            transform: translate3d(0, -20%, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0) scaleY(1.05);
            transform: translate3d(0, -10%, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
            transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -8%, 0) scaleY(1.02);
            transform: translate3d(0, -8%, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0) scaleY(1.1);
            transform: translate3d(0, -20%, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0) scaleY(1.05);
            transform: translate3d(0, -10%, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
            transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -8%, 0) scaleY(1.02);
            transform: translate3d(0, -8%, 0) scaleY(1.02);
  }
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceDown {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
            transform: translate3d(0, 0, 0) rotate(180deg);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0) scaleY(1.1) rotate(180deg);
            transform: translate3d(0, -20%, 0) scaleY(1.1) rotate(180deg);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0) scaleY(1.05) rotate(180deg);
            transform: translate3d(0, -10%, 0) scaleY(1.05) rotate(180deg);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95) rotate(180deg);
            transform: translate3d(0, 0, 0) scaleY(0.95) rotate(180deg);
  }
  90% {
    -webkit-transform: translate3d(0, -8%, 0) scaleY(1.02) rotate(180deg);
            transform: translate3d(0, -8%, 0) scaleY(1.02) rotate(180deg);
  }
}
@keyframes bounceDown {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
            transform: translate3d(0, 0, 0) rotate(180deg);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0) scaleY(1.1) rotate(180deg);
            transform: translate3d(0, -20%, 0) scaleY(1.1) rotate(180deg);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0) scaleY(1.05) rotate(180deg);
            transform: translate3d(0, -10%, 0) scaleY(1.05) rotate(180deg);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95) rotate(180deg);
            transform: translate3d(0, 0, 0) scaleY(0.95) rotate(180deg);
  }
  90% {
    -webkit-transform: translate3d(0, -8%, 0) scaleY(1.02) rotate(180deg);
            transform: translate3d(0, -8%, 0) scaleY(1.02) rotate(180deg);
  }
}