@charset "UTF-8";
@font-face {
  font-family: 'PingFangTC-Medium';
  src: url("/static/font/PingFangTC-Medium.ttf?37093b1eb2fa"); }

/* line 17, static/scss/pc/common.scss */
* {
  padding: 0;
  margin: 0;
  font-family: 'PingFangTC-Medium'; }

/* line 23, static/scss/pc/common.scss */
.login_page {
  background-image: url("/static/images/pc/pc_ma_bg.png?142e143a3b68");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-size: 100vw auto;
  margin: 0;
  padding: 0;
  overflow: hidden; }

/* line 34, static/scss/pc/common.scss */
body {
  background-image: url("/static/images/pc/pc_bg.png?142e143a3b68");
  background-repeat: no-repeat repeat-y;
  background-size: 100vw auto;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  overflow-x: hidden; }

/* line 43, static/scss/pc/common.scss */
dialog.m_dialog {
  min-width: 60vw; }

/* line 48, static/scss/pc/common.scss */
dialog {
  position: fixed;
  inset: 0;
  /* shorthand of top, right, bottom, left */
  margin: auto;
  width: fit-content;
  height: fit-content;
  background-color: #262626;
  border-radius: 5px;
  border: none;
  width: 60vw;
  transform: translateX(10%);
  color: white; }
  /* line 62, static/scss/pc/common.scss */
  dialog > .dialog_header {
    height: 60px;
    display: flex;
    position: relative;
    border-bottom: linear-gradient(91deg, #ab8c54 0%, #ad8e56 0%, #f4dfad 49%, #ab8c54 98%); }
    /* line 67, static/scss/pc/common.scss */
    dialog > .dialog_header .dialog_title {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 22px;
      width: 100%;
      color: #ddcba0;
      text-align: center; }
    /* line 75, static/scss/pc/common.scss */
    dialog > .dialog_header .dialog_close {
      position: absolute;
      right: 15px;
      top: 18px;
      width: 22px;
      height: 22px;
      background-size: 22px 22px;
      background-image: url("/static/images/mobile/dialog_close.png?142e143a3b68");
      background-repeat: no-repeat; }
  /* line 87, static/scss/pc/common.scss */
  dialog > .dialog_content {
    padding-left: 15px;
    width: 100%;
    overflow-y: scroll; }
    /* line 91, static/scss/pc/common.scss */
    dialog > .dialog_content > .dialog_title {
      text-align: center;
      color: #ddcba0;
      font-size: 18px;
      padding: 10px; }
    /* line 97, static/scss/pc/common.scss */
    dialog > .dialog_content > .dialog_text {
      font-size: 16px;
      letter-spacing: 1px; }
  /* line 103, static/scss/pc/common.scss */
  dialog > .dialog_game_report {
    width: 100%;
    height: 80vh; }

/* line 113, static/scss/pc/common.scss */
.dialog_game_report .game_report_btn_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px; }
  /* line 119, static/scss/pc/common.scss */
  .dialog_game_report .game_report_btn_group button {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none;
    font-size: 16px;
    cursor: pointer; }
    /* line 129, static/scss/pc/common.scss */
    .dialog_game_report .game_report_btn_group button:hover {
      background-color: #b4965f !important; }
    /* line 133, static/scss/pc/common.scss */
    .dialog_game_report .game_report_btn_group button.active {
      background: linear-gradient(98deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
      color: #000 !important;
      font-weight: bold; }
    /* line 139, static/scss/pc/common.scss */
    .dialog_game_report .game_report_btn_group button:not(:last-child) {
      border-right: 1px solid #d0b179; }

/* line 145, static/scss/pc/common.scss */
.dialog_game_report .game_report_content {
  display: none; }
  /* line 147, static/scss/pc/common.scss */
  .dialog_game_report .game_report_content.active {
    display: block; }

/* line 152, static/scss/pc/common.scss */
.dialog_game_report .filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px; }
  /* line 158, static/scss/pc/common.scss */
  .dialog_game_report .filter-container .filter-select-group {
    display: flex;
    align-items: center;
    gap: 24px; }
    /* line 163, static/scss/pc/common.scss */
    .dialog_game_report .filter-container .filter-select-group .filter-item:first-child {
      margin-left: 50px; }
    /* line 167, static/scss/pc/common.scss */
    .dialog_game_report .filter-container .filter-select-group .filter-item {
      display: flex;
      align-items: center;
      gap: 8px; }
      /* line 173, static/scss/pc/common.scss */
      .dialog_game_report .filter-container .filter-select-group .filter-item label {
        font-size: 14px;
        color: #ffffff;
        line-height: 40px;
        margin: 0; }
      /* line 180, static/scss/pc/common.scss */
      .dialog_game_report .filter-container .filter-select-group .filter-item select {
        width: 150px;
        height: 40px;
        padding: 0 12px;
        font-size: 14px;
        color: #ffffff;
        background-color: #000000;
        border: 1px solid #b3955e;
        border-radius: 2px;
        cursor: pointer; }
        /* line 191, static/scss/pc/common.scss */
        .dialog_game_report .filter-container .filter-select-group .filter-item select:hover {
          border-color: #f0daa7; }
    /* line 197, static/scss/pc/common.scss */
    .dialog_game_report .filter-container .filter-select-group .time-range {
      display: flex;
      align-items: center;
      gap: 16px; }
      /* line 202, static/scss/pc/common.scss */
      .dialog_game_report .filter-container .filter-select-group .time-range select {
        width: 100px; }
  /* line 208, static/scss/pc/common.scss */
  .dialog_game_report .filter-container .filter-btn-group {
    display: flex;
    gap: 16px;
    padding-right: 50px; }
    /* line 213, static/scss/pc/common.scss */
    .dialog_game_report .filter-container .filter-btn-group .filter-btn {
      height: 40px;
      padding: 0 20px;
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
      background-color: #000000;
      border: 1px solid #b3955e;
      border-radius: 2px;
      cursor: pointer;
      transition: all 0.3s ease; }
      /* line 225, static/scss/pc/common.scss */
      .dialog_game_report .filter-container .filter-btn-group .filter-btn:hover {
        background-color: #333333; }
      /* line 229, static/scss/pc/common.scss */
      .dialog_game_report .filter-container .filter-btn-group .filter-btn.active {
        background: linear-gradient(98deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
        color: #000000;
        font-weight: bold;
        border: none; }

/* line 246, static/scss/pc/common.scss */
.dialog_game_report .table-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

/* line 252, static/scss/pc/common.scss */
.dialog_game_report .table-content {
  flex: 1;
  overflow-y: auto;
  min-height: 600px;
  max-height: 900px; }

/* line 259, static/scss/pc/common.scss */
.dialog_game_report .game-table {
  width: 100%;
  border-collapse: collapse; }
  /* line 264, static/scss/pc/common.scss */
  .dialog_game_report .game-table thead th {
    position: sticky;
    top: 0;
    background-color: #333;
    z-index: 2;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    border-bottom: 2px solid #b3955e; }
  /* line 277, static/scss/pc/common.scss */
  .dialog_game_report .game-table tbody td {
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #444; }

/* line 286, static/scss/pc/common.scss */
.dialog_game_report .table-footer {
  width: 100%;
  border-top: 2px solid #b3955e;
  background-color: #222; }
  /* line 291, static/scss/pc/common.scss */
  .dialog_game_report .table-footer table {
    width: 100%;
    border-collapse: collapse; }
    /* line 295, static/scss/pc/common.scss */
    .dialog_game_report .table-footer table td {
      padding: 10px;
      text-align: center;
      color: #f0daa7;
      font-weight: bold; }

/* line 304, static/scss/pc/common.scss */
.dialog_game_report .pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #222;
  padding: 10px;
  position: sticky;
  bottom: 0;
  z-index: 2;
  gap: 12px; }
  /* line 315, static/scss/pc/common.scss */
  .dialog_game_report .pagination-wrapper button {
    background: linear-gradient(98deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
    color: #000;
    border: none;
    padding: 8px 12px;
    margin: 0 4px;
    border-radius: 4px;
    cursor: pointer; }
    /* line 324, static/scss/pc/common.scss */
    .dialog_game_report .pagination-wrapper button:hover {
      background-color: #f0daa7; }
  /* line 328, static/scss/pc/common.scss */
  .dialog_game_report .pagination-wrapper input {
    width: 60px;
    height: 40px;
    background-color: #000;
    color: #f0daa7;
    border: 1px solid #b3955e;
    border-radius: 4px;
    text-align: center; }
    /* line 337, static/scss/pc/common.scss */
    .dialog_game_report .pagination-wrapper input:focus {
      outline: none;
      border-color: #f0daa7; }

/* line 347, static/scss/pc/common.scss */
.m_dialog {
  width: 400px;
  padding: 20px;
  background-color: #1a1a1a;
  border-radius: 10px;
  color: #fff;
  font-family: Arial, sans-serif;
  position: relative;
  border: 1px solid #444; }
  /* line 357, static/scss/pc/common.scss */
  .m_dialog .dialog_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px; }
    /* line 363, static/scss/pc/common.scss */
    .m_dialog .dialog_header .dialog_title {
      font-size: 18px;
      font-weight: bold;
      color: #e0e0e0; }
  /* line 373, static/scss/pc/common.scss */
  .m_dialog .hr {
    height: 1px;
    background-color: #333;
    margin: 10px 0; }
  /* line 379, static/scss/pc/common.scss */
  .m_dialog .dialog_content {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    /* line 384, static/scss/pc/common.scss */
    .m_dialog .dialog_content .setting_group {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      /* line 389, static/scss/pc/common.scss */
      .m_dialog .dialog_content .setting_group .label {
        font-size: 14px;
        font-weight: bold;
        color: #d6d6d6; }
      /* line 395, static/scss/pc/common.scss */
      .m_dialog .dialog_content .setting_group .file_input {
        background-color: #303030;
        border: 1px solid #444;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer; }
        /* line 403, static/scss/pc/common.scss */
        .m_dialog .dialog_content .setting_group .file_input:hover {
          background-color: #404040; }
      /* line 408, static/scss/pc/common.scss */
      .m_dialog .dialog_content .setting_group .switch_with_slider {
        display: flex;
        align-items: center;
        gap: 10px; }
        /* line 413, static/scss/pc/common.scss */
        .m_dialog .dialog_content .setting_group .switch_with_slider .switch {
          width: 20px;
          height: 20px;
          cursor: pointer;
          border: 1px solid #444;
          border-radius: 4px;
          background-color: #d4af37; }
          /* line 421, static/scss/pc/common.scss */
          .m_dialog .dialog_content .setting_group .switch_with_slider .switch:checked {
            background-color: #d4af37; }
        /* line 426, static/scss/pc/common.scss */
        .m_dialog .dialog_content .setting_group .switch_with_slider .slider {
          flex: 1;
          -webkit-appearance: none;
          height: 10px;
          background: linear-gradient(99deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
          border-radius: 5px;
          outline: none; }
          /* line 434, static/scss/pc/common.scss */
          .m_dialog .dialog_content .setting_group .switch_with_slider .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
            background: #d4af37;
            border-radius: 50%;
            cursor: pointer; }
      /* line 445, static/scss/pc/common.scss */
      .m_dialog .dialog_content .setting_group .select {
        background-color: #303030;
        border: 1px solid #444;
        color: #fff;
        padding: 5px;
        border-radius: 5px; }
        /* line 452, static/scss/pc/common.scss */
        .m_dialog .dialog_content .setting_group .select:hover {
          background-color: #404040; }
  /* line 459, static/scss/pc/common.scss */
  .m_dialog .dialog_footer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px; }
    /* line 464, static/scss/pc/common.scss */
    .m_dialog .dialog_footer .btn {
      width: 100px;
      padding: 10px;
      border: none;
      border-radius: 5px;
      font-weight: bold;
      cursor: pointer; }
      /* line 473, static/scss/pc/common.scss */
      .m_dialog .dialog_footer .btn.cancel {
        background-color: #444;
        color: #fff; }
        /* line 477, static/scss/pc/common.scss */
        .m_dialog .dialog_footer .btn.cancel:hover {
          background-color: #555; }
      /* line 482, static/scss/pc/common.scss */
      .m_dialog .dialog_footer .btn.confirm {
        background-color: #d4af37;
        color: #000; }
        /* line 486, static/scss/pc/common.scss */
        .m_dialog .dialog_footer .btn.confirm:hover {
          background-color: #e0bf57; }

/* line 497, static/scss/pc/common.scss */
.container-fluid {
  padding: 0;
  margin: 0; }

/* line 501, static/scss/pc/common.scss */
.lang_change {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  cursor: pointer; }
  /* line 508, static/scss/pc/common.scss */
  .lang_change .lang_change_logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 50%;
    border: 2px solid white;
    transition: transform 0.2s ease; }
    /* line 516, static/scss/pc/common.scss */
    .lang_change .lang_change_logo:hover {
      transform: scale(1.1); }
  /* line 521, static/scss/pc/common.scss */
  .lang_change .lang_list {
    display: none;
    position: absolute;
    right: 0;
    top: 45px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 120px;
    text-align: left;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease; }
    /* line 535, static/scss/pc/common.scss */
    .lang_change .lang_list .lang_item {
      display: flex;
      align-items: center;
      padding: 10px;
      color: white;
      text-decoration: none;
      white-space: nowrap;
      font-size: 14px; }
      /* line 544, static/scss/pc/common.scss */
      .lang_change .lang_list .lang_item:hover {
        background: rgba(255, 255, 255, 0.2); }
      /* line 548, static/scss/pc/common.scss */
      .lang_change .lang_list .lang_item img {
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border-radius: 50%; }
  /* line 558, static/scss/pc/common.scss */
  .lang_change.active .lang_list {
    display: block;
    opacity: 1;
    transform: translateY(0); }

/* line 568, static/scss/pc/common.scss */
.logo_container {
  text-align: center;
  padding-top: 250px; }
  /* line 571, static/scss/pc/common.scss */
  .logo_container .logo {
    width: 240px;
    height: 75px;
    object-fit: contain; }

/* line 578, static/scss/pc/common.scss */
.login_form_container {
  padding-top: 50px;
  width: 20vw;
  margin-left: 40vw; }

/* line 584, static/scss/pc/common.scss */
.register_form_container {
  padding-top: 40px;
  width: 20vw;
  margin-left: 40vw; }
  /* line 589, static/scss/pc/common.scss */
  .register_form_container .input_verify_text {
    display: inline-block;
    width: 6vw; }
  /* line 593, static/scss/pc/common.scss */
  .register_form_container .btn_group_verify {
    display: inline-block;
    width: 12.8vw; }

/* line 599, static/scss/pc/common.scss */
.ob_input {
  display: inline-block;
  color: #EBEBEB;
  width: inherit;
  height: 46px;
  padding-left: 60px;
  border-radius: 2px;
  border: solid 0.5px #44413d;
  background-color: #191919;
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 50px;
  letter-spacing: 2px; }

/* line 616, static/scss/pc/common.scss */
.ob_input:focus, .ob_base_input {
  background-color: #3e3e3e; }

/* line 620, static/scss/pc/common.scss */
.ob_base_input {
  display: inline-block;
  color: #EBEBEB;
  width: inherit;
  height: 46px;
  padding-left: 15px;
  border-radius: 2px;
  border: solid 0.5px #44413d;
  background-color: #191919;
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 50px;
  letter-spacing: 2px; }

/* line 639, static/scss/pc/common.scss */
.input_text {
  padding-left: 4px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 16px;
  margin-top: 12px; }

/* line 648, static/scss/pc/common.scss */
.input_group {
  width: 100%;
  margin-top: 12px;
  position: relative;
  display: inline-block; }
  /* line 654, static/scss/pc/common.scss */
  .input_group .icon {
    position: absolute;
    left: 15px;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    object-fit: contain; }
  /* line 663, static/scss/pc/common.scss */
  .input_group .check {
    position: absolute;
    right: 15px;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    object-fit: contain;
    display: none; }
  /* line 672, static/scss/pc/common.scss */
  .input_group .wrong {
    position: absolute;
    right: 15px;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    object-fit: contain;
    display: none; }

/* line 685, static/scss/pc/common.scss */
.btn_group {
  margin-top: 10px; }

/* line 691, static/scss/pc/common.scss */
.silver_btn {
  margin-top: 8px;
  width: 100%;
  height: 48px;
  color: #000;
  font-family: PingFangTC-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  object-fit: contain;
  border-radius: 2px;
  box-shadow: inset 0 1.5px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -1.5px 3px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(104deg, #777 0%, #d2d2d2 52%, #a6a6a6 98%); }

/* line 709, static/scss/pc/common.scss */
.gold_btn {
  margin-top: 8px;
  width: 100%;
  height: 48px;
  color: #000;
  font-family: PingFangTC-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  object-fit: contain;
  border-radius: 2px;
  box-shadow: inset 0 1.5px 3px 0 rgba(255, 255, 255, 0.4), inset 0 -1.5px 3px 0 rgba(255, 255, 255, 0.5);
  background: linear-gradient(98deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%); }

/* line 726, static/scss/pc/common.scss */
.btn_half {
  width: 49%; }

/* line 729, static/scss/pc/common.scss */
.black_btn {
  margin-top: 8px;
  width: 100%;
  height: 48px;
  color: #b99d67;
  font-family: PingFangTC-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  object-fit: contain;
  border-radius: 2px;
  box-shadow: inset 0 1.5px 2px 0 rgba(255, 255, 255, 0.4), inset 0 -1.5px 2px 0 rgba(255, 255, 255, 0.5);
  border: solid 0.5px #b3955e;
  background-color: #211f1c; }

/* line 748, static/scss/pc/common.scss */
.game_report_btn {
  margin-top: 0px;
  width: 100%;
  height: 48px;
  color: #b99d67;
  font-family: PingFangTC-Medium;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  object-fit: contain;
  border-radius: 0;
  box-shadow: inset 0 1.5px 2px 0 rgba(255, 255, 255, 0.4), inset 0 -1.5px 2px 0 rgba(255, 255, 255, 0.5);
  background: #000000;
  transition: background-color 0.3s ease, color 0.3s ease;
  /* 添加過渡效果 */ }

/* line 767, static/scss/pc/common.scss */
.game_report_btn.active {
  background: linear-gradient(98deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
  color: #fff;
  /* 文字變成白色 */
  box-shadow: none;
  /* 移除內部陰影 */ }

/* line 773, static/scss/pc/common.scss */
.title {
  font-size: 18px;
  text-align: center;
  color: #ddcba0;
  padding-top: 20px;
  padding-bottom: 20px; }

/* line 780, static/scss/pc/common.scss */
.hr {
  height: 2px;
  width: 100%;
  background-image: linear-gradient(91deg, #ab8c54 0%, #ad8e56 0%, #f4dfad 49%, #ab8c54 98%); }

/* line 787, static/scss/pc/common.scss */
.game_header {
  width: 100%;
  height: 60px;
  margin-bottom: 30px;
  object-fit: contain;
  box-shadow: inset 0 1.5px 3px 0 rgba(79, 79, 79, 0.4), inset 0 -1.5px 3px 0 rgba(79, 79, 79, 0.5);
  background-color: #131313;
  display: flex;
  flex-direction: row;
  padding: 8px; }
  /* line 797, static/scss/pc/common.scss */
  .game_header .avatar {
    position: relative;
    flex-shrink: 2;
    width: 20%;
    text-align: center; }
    /* line 802, static/scss/pc/common.scss */
    .game_header .avatar .avatar_img {
      height: 74px;
      width: 100%;
      border-radius: 4px;
      border: solid 0.2px #d5b57c;
      object-fit: contain; }
    /* line 810, static/scss/pc/common.scss */
    .game_header .avatar .setting {
      display: block;
      background-image: url("/static/images/mobile/setting.png?142e143a3b68");
      background-size: 22px 22px;
      height: 22px;
      width: 22px;
      position: absolute;
      bottom: 3px;
      right: 3px; }
  /* line 822, static/scss/pc/common.scss */
  .game_header .user_info {
    height: 74px;
    flex-shrink: 8;
    width: 80%;
    padding-left: 12px;
    display: flex;
    flex-direction: column; }
    /* line 829, static/scss/pc/common.scss */
    .game_header .user_info .user_info_nickname {
      height: 50%;
      line-height: 37px; }
      /* line 832, static/scss/pc/common.scss */
      .game_header .user_info .user_info_nickname .user_info_nickname_box {
        margin-bottom: 10px;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;
        object-fit: contain;
        border-radius: 3px;
        border: solid 0.1px #d5b57c;
        border-width: 0.01em !important;
        background-color: #000;
        height: 32px;
        position: relative; }
        /* line 844, static/scss/pc/common.scss */
        .game_header .user_info .user_info_nickname .user_info_nickname_box .user_xs {
          position: absolute;
          width: 22px;
          top: 5px;
          left: 5px; }
        /* line 850, static/scss/pc/common.scss */
        .game_header .user_info .user_info_nickname .user_info_nickname_box .user_info_text {
          display: inline-block;
          width: 80%;
          color: white;
          padding-left: 32px;
          line-height: 32px;
          font-size: 16px; }
        /* line 859, static/scss/pc/common.scss */
        .game_header .user_info .user_info_nickname .user_info_nickname_box .edit_xs {
          position: absolute;
          width: 22px;
          right: 5px;
          top: 5px; }
    /* line 868, static/scss/pc/common.scss */
    .game_header .user_info .user_info_money {
      height: 50%;
      line-height: 32px; }
      /* line 871, static/scss/pc/common.scss */
      .game_header .user_info .user_info_money .user_info_money_box {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 30px;
        object-fit: contain;
        border-radius: 3px;
        border: solid 0.1px #d5b57c;
        border-width: 0.01em !important;
        background-color: #000;
        height: 32px;
        position: relative; }
        /* line 882, static/scss/pc/common.scss */
        .game_header .user_info .user_info_money .user_info_money_box .money_xs {
          position: absolute;
          width: 22px;
          top: 5px;
          left: 5px; }
        /* line 888, static/scss/pc/common.scss */
        .game_header .user_info .user_info_money .user_info_money_box .money_info_text {
          display: inline-block;
          width: 80%;
          color: white;
          padding-left: 32px;
          line-height: 32px;
          font-size: 16px; }
        /* line 897, static/scss/pc/common.scss */
        .game_header .user_info .user_info_money .user_info_money_box .refresh_xs {
          position: absolute;
          width: 22px;
          right: 5px;
          top: 5px; }

/* line 909, static/scss/pc/common.scss */
.game_item {
  margin-top: 15px;
  margin-left: 20vw;
  color: #989797;
  display: flex;
  height: 68px;
  box-shadow: inset 0 1.5px 3px 0 rgba(79, 79, 79, 0.4), inset 0 -1.5px 3px 0 rgba(79, 79, 79, 0.5);
  background-color: #131313; }
  /* line 917, static/scss/pc/common.scss */
  .game_item .item {
    padding-top: 8px;
    flex-grow: 1;
    text-align: center; }
    /* line 924, static/scss/pc/common.scss */
    .game_item .item .game_1 .game_1_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/poker_xs.png?142e143a3b68"); }
    /* line 934, static/scss/pc/common.scss */
    .game_item .item .game_2 .game_2_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game2_icon.png?142e143a3b68"); }
    /* line 944, static/scss/pc/common.scss */
    .game_item .item .game_3 .game_3_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game3_icon.png?142e143a3b68"); }
  /* line 954, static/scss/pc/common.scss */
  .game_item .item.active {
    color: #d0b179;
    box-shadow: inset 0 1.5px 3px 0 rgba(208, 192, 158, 0.4), inset 0 -1.5px 3px 0 rgba(208, 192, 158, 0.5);
    background-color: #131313;
    border-bottom: 2px solid #b4965f; }
    /* line 960, static/scss/pc/common.scss */
    .game_item .item.active .game_1 .game_1_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/poker_xs_active.png?142e143a3b68"); }
    /* line 970, static/scss/pc/common.scss */
    .game_item .item.active .game_2 .game_2_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game2_icon_active.png?142e143a3b68"); }
    /* line 980, static/scss/pc/common.scss */
    .game_item .item.active .game_3 .game_3_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game3_icon_active.png?142e143a3b68"); }

/* line 993, static/scss/pc/common.scss */
.game_box {
  color: white; }
  /* line 995, static/scss/pc/common.scss */
  .game_box .game_box_item {
    display: none; }
  /* line 998, static/scss/pc/common.scss */
  .game_box .game_box_item.active {
    display: block !important; }
  /* line 1002, static/scss/pc/common.scss */
  .game_box .game_box_content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 35px;
    margin-left: 23%;
    height: 100%; }
    /* line 1008, static/scss/pc/common.scss */
    .game_box .game_box_content .hall {
      border-radius: 2px;
      border: solid 0.3px #d5b57c;
      background-color: #111;
      flex-basis: 48%;
      height: 242px;
      margin: 0 0.4% 10px 1%;
      padding: 2px; }
      /* line 1017, static/scss/pc/common.scss */
      .game_box .game_box_content .hall > .hall_header {
        height: 40px;
        font-size: 16px;
        padding-top: 3px;
        padding-left: 15px;
        padding-right: 2px;
        display: flex; }
        /* line 1024, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_header > .hall_title {
          flex-basis: 30%;
          color: #d5b57c;
          line-height: 30px; }
        /* line 1030, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_header > .hall_type {
          background-image: url("/static/images/mobile/fast.png?142e143a3b68");
          background-size: 80px 29px;
          background-repeat: no-repeat;
          background-position: 0 2px;
          /* 將背景圖片對齊到左上角 */
          padding-left: 30px;
          /* 調整文字與背景圖片的水平間距 */
          padding-top: 5px;
          /* 縮小文字與上緣的距離 */
          line-height: normal;
          /* 取消原先的行高設定 */
          font-size: 15px;
          flex-basis: 25%;
          display: flex;
          align-items: flex-start;
          /* 垂直方向將文字貼近上緣 */ }
        /* line 1044, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_header .hall_member {
          flex-basis: 14%;
          line-height: 20px;
          text-align: center; }
          /* line 1048, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_header .hall_member i.member {
            object-fit: contain;
            background-image: url("/static/images/mobile/hall_member.png?142e143a3b68");
            background-size: 20px 20px;
            background-repeat: no-repeat;
            display: inline-block;
            margin-right: 1px;
            width: 20px;
            height: 30px; }
        /* line 1059, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_header .hall_member_count {
          text-align: center;
          line-height: 20px;
          flex-basis: 20%;
          text-overflow: ellipsis; }
        /* line 1066, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_header .hall_counter {
          flex-basis: 10%;
          border-radius: 0.5px;
          height: 25px;
          line-height: 25px;
          border: solid 0.3px #d5b57c;
          background-color: #111;
          padding-left: 10px;
          text-align: center;
          padding-right: 10px; }
      /* line 1080, static/scss/pc/common.scss */
      .game_box .game_box_content .hall > .hall_content {
        position: relative;
        display: flex;
        height: 206px; }
        /* line 1085, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_content > .hall_logo {
          flex-basis: 25%;
          width: 100%; }
          /* line 1089, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_content > .hall_logo > img {
            width: inherit;
            height: 195px;
            padding-right: 10px; }
        /* line 1096, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_content .hall_plate {
          flex-basis: 75%; }
          /* line 1099, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            height: 192px;
            padding-right: 5px; }
            /* line 1107, static/scss/pc/common.scss */
            .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate > div {
              height: 32px;
              font-size: 16px;
              line-height: 32px;
              width: 6.25%;
              background-color: white;
              border-left: 0.3px solid silver;
              border-bottom: 0.3px solid silver; }
              /* line 1116, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate > div > span {
                text-align: center; }
              /* line 1120, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate > div span.bank {
                color: #d30101;
                display: inline-block;
                height: 32px;
                width: 100%; }
              /* line 1126, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate > div span.player {
                color: #025ec9;
                display: inline-block;
                height: 32px;
                width: 100%; }
              /* line 1133, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate > div span.peace {
                color: #27780c;
                display: inline-block;
                height: 32px;
                width: 100%; }
          /* line 1143, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            height: 192px;
            padding-right: 5px; }
            /* line 1151, static/scss/pc/common.scss */
            .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special > div {
              height: 32px;
              font-size: 14px;
              line-height: 32px;
              width: 6.25%;
              background-color: white;
              border-left: 0.3px solid silver;
              border-bottom: 0.3px solid silver; }
              /* line 1160, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special > div > span {
                text-align: center; }
              /* line 1164, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special > div span.bank {
                color: #d30101;
                display: inline-block;
                height: 32px;
                width: 50%; }
              /* line 1170, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special > div span.player {
                color: #025ec9;
                display: inline-block;
                height: 32px;
                width: 50%; }
              /* line 1177, static/scss/pc/common.scss */
              .game_box .game_box_content .hall > .hall_content .hall_plate > .hall_top_plate_special > div span.peace {
                color: #27780c;
                display: inline-block;
                height: 32px;
                width: 50%; }
          /* line 1187, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_content .hall_plate > .game_info {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            background-color: #000;
            padding: 5px;
            margin-top: 2px;
            width: 100%;
            box-sizing: border-box; }
        /* line 1200, static/scss/pc/common.scss */
        .game_box .game_box_content .hall > .hall_content > .hall_mask {
          top: 0;
          left: 0;
          width: 100%;
          display: none;
          height: 198px;
          font-size: 22px;
          text-align: center;
          line-height: 198px;
          position: absolute;
          object-fit: contain;
          background-image: url("/static/images/loading.png?142e143a3b68");
          background-size: 100% 100%; }
          /* line 1214, static/scss/pc/common.scss */
          .game_box .game_box_content .hall > .hall_content > .hall_mask > img {
            width: 30px;
            height: 30px; }

/* line 1225, static/scss/pc/common.scss */
.footer_menu {
  color: #989797;
  height: 68px;
  width: 100vw;
  bottom: 0;
  display: flex;
  background-color: #131313; }
  /* line 1232, static/scss/pc/common.scss */
  .footer_menu .item {
    padding-top: 8px;
    flex-grow: 1;
    text-align: center; }
    /* line 1239, static/scss/pc/common.scss */
    .footer_menu .item .game_1 .game_1_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/footer_menu_1.png?142e143a3b68"); }
    /* line 1249, static/scss/pc/common.scss */
    .footer_menu .item .game_2 .game_2_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game2_icon.png?142e143a3b68"); }
    /* line 1259, static/scss/pc/common.scss */
    .footer_menu .item .game_3 .game_3_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game3_icon.png?142e143a3b68"); }
  /* line 1269, static/scss/pc/common.scss */
  .footer_menu .item.active {
    background: linear-gradient(113deg, #ab8c54 0%, #ad8e56 29%, #f0daa7 49%, #b4965f 76%, #ab8c54 99%);
    color: #744302; }
    /* line 1273, static/scss/pc/common.scss */
    .footer_menu .item.active .game_1 .game_1_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      object-fit: contain;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/footer_menu_1.png?142e143a3b68"); }
    /* line 1284, static/scss/pc/common.scss */
    .footer_menu .item.active .game_2 .game_2_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game2_icon_active.png?142e143a3b68"); }
    /* line 1294, static/scss/pc/common.scss */
    .footer_menu .item.active .game_3 .game_3_icon {
      display: inline-block;
      text-align: center;
      height: 26px;
      width: 26px;
      background-size: 26px 26px;
      background-image: url("/static/images/mobile/game3_icon_active.png?142e143a3b68"); }

/* line 1307, static/scss/pc/common.scss */
.mask {
  display: none;
  min-height: 100vh;
  min-width: 100vw;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(0.5px);
  backdrop-filter: blur(0.5px);
  background-color: rgba(0, 0, 0, 0.6); }

/* line 1320, static/scss/pc/common.scss */
.setting_dialog {
  -ms-overflow-style: none;
  color: white;
  min-height: 100vh;
  max-height: 100vh;
  max-width: 20vw;
  display: flex;
  position: relative;
  top: 0;
  margin-left: -10px; }
  /* line 1321, static/scss/pc/common.scss */
  .setting_dialog ::-webkit-scrollbar {
    display: none; }
  /* line 1334, static/scss/pc/common.scss */
  .setting_dialog .setting_dialog_mask {
    width: 30vw;
    -webkit-backdrop-filter: blur(0.5px);
    backdrop-filter: blur(0.5px);
    background-color: rgba(0, 0, 0, 0.6); }
  /* line 1340, static/scss/pc/common.scss */
  .setting_dialog .setting_dialog_container {
    background-color: #000;
    overflow: scroll;
    width: 20vw;
    padding-top: 10px;
    padding-bottom: 20px; }
    /* line 1346, static/scss/pc/common.scss */
    .setting_dialog .setting_dialog_container > .avatar {
      text-align: center; }
      /* line 1348, static/scss/pc/common.scss */
      .setting_dialog .setting_dialog_container > .avatar > img {
        width: 60px;
        height: 60px;
        border: solid 0.2px #d5b57c;
        object-fit: contain;
        border-radius: 4px; }
    /* line 1357, static/scss/pc/common.scss */
    .setting_dialog .setting_dialog_container > .user_info {
      padding-top: 25px;
      height: 99px;
      width: 95%;
      padding-left: 5%;
      display: flex;
      flex-direction: column; }
      /* line 1364, static/scss/pc/common.scss */
      .setting_dialog .setting_dialog_container > .user_info .user_info_nickname {
        height: 50%;
        line-height: 37px; }
        /* line 1367, static/scss/pc/common.scss */
        .setting_dialog .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box {
          margin-bottom: 10px;
          margin-right: 0px;
          margin-left: 0px;
          margin-top: 0px;
          object-fit: contain;
          border-radius: 3px;
          border: solid 0.1px #d5b57c;
          border-width: 0.01em !important;
          background-color: #000;
          height: 32px;
          position: relative; }
          /* line 1379, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .user_xs {
            position: absolute;
            width: 22px;
            top: 5px;
            left: 5px; }
          /* line 1385, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .user_info_text {
            display: inline-block;
            width: 80%;
            color: white;
            padding-left: 32px;
            line-height: 32px;
            font-size: 16px; }
          /* line 1394, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .edit_xs {
            position: absolute;
            width: 22px;
            right: 5px;
            top: 5px; }
      /* line 1403, static/scss/pc/common.scss */
      .setting_dialog .setting_dialog_container > .user_info .user_info_money {
        height: 50%;
        line-height: 32px; }
        /* line 1406, static/scss/pc/common.scss */
        .setting_dialog .setting_dialog_container > .user_info .user_info_money .user_info_money_box {
          margin-right: 0px;
          margin-left: 0px;
          margin-top: 4px;
          object-fit: contain;
          border-radius: 3px;
          border: solid 0.1px #d5b57c;
          border-width: 0.01em !important;
          background-color: #000;
          height: 32px;
          position: relative; }
          /* line 1417, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_money .user_info_money_box .money_xs {
            position: absolute;
            width: 22px;
            top: 5px;
            left: 5px; }
          /* line 1423, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_money .user_info_money_box .money_info_text {
            display: inline-block;
            width: 80%;
            color: white;
            padding-left: 32px;
            line-height: 32px;
            font-size: 16px; }
          /* line 1432, static/scss/pc/common.scss */
          .setting_dialog .setting_dialog_container > .user_info .user_info_money .user_info_money_box .refresh_xs {
            position: absolute;
            width: 22px;
            right: 5px;
            top: 5px; }

/* line 1444, static/scss/pc/common.scss */
.setting_sidebar {
  height: 100%;
  color: white;
  min-height: 100vh;
  max-height: 100vh;
  max-width: 20vw;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  top: 0;
  margin-left: -10px; }
  /* line 1445, static/scss/pc/common.scss */
  .setting_sidebar ::-webkit-scrollbar {
    display: none; }
  /* line 1460, static/scss/pc/common.scss */
  .setting_sidebar .setting_dialog_container {
    background-color: #000;
    width: 20vw;
    padding-top: 10px;
    padding-bottom: 20px; }
    /* line 1465, static/scss/pc/common.scss */
    .setting_sidebar .setting_dialog_container > .avatar {
      text-align: center; }
      /* line 1467, static/scss/pc/common.scss */
      .setting_sidebar .setting_dialog_container > .avatar > img {
        width: 60px;
        height: 60px;
        border: solid 0.2px #d5b57c;
        object-fit: contain;
        border-radius: 4px; }
  /* line 1476, static/scss/pc/common.scss */
  .setting_sidebar .setting_dialog_container {
    background-color: #000;
    overflow: scroll;
    width: 20vw;
    padding-top: 10px;
    padding-bottom: 20px; }
    /* line 1483, static/scss/pc/common.scss */
    .setting_sidebar .setting_dialog_container > .avatar {
      text-align: center;
      width: 100%; }
      /* line 1486, static/scss/pc/common.scss */
      .setting_sidebar .setting_dialog_container > .avatar > img {
        width: 80px;
        height: 80px;
        border: solid 0.2px #d5b57c;
        object-fit: contain;
        border-radius: 4px; }
    /* line 1494, static/scss/pc/common.scss */
    .setting_sidebar .setting_dialog_container > .logo {
      text-align: center;
      width: 100%; }
      /* line 1497, static/scss/pc/common.scss */
      .setting_sidebar .setting_dialog_container > .logo > img {
        width: 80px;
        height: 80px;
        object-fit: contain;
        border-radius: 4px; }
    /* line 1505, static/scss/pc/common.scss */
    .setting_sidebar .setting_dialog_container > .user_info {
      padding-top: 25px;
      height: 99px;
      width: 90%;
      padding-left: 10%;
      display: flex;
      flex-direction: column; }
      /* line 1512, static/scss/pc/common.scss */
      .setting_sidebar .setting_dialog_container > .user_info .user_info_nickname {
        height: 50%;
        line-height: 37px; }
        /* line 1515, static/scss/pc/common.scss */
        .setting_sidebar .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box {
          margin-bottom: 10px;
          margin-right: 0px;
          margin-left: 0px;
          margin-top: 0px;
          object-fit: contain;
          border-radius: 3px;
          border: solid 0.1px #d5b57c;
          border-width: 0.01em !important;
          background-color: #000;
          height: 32px;
          position: relative; }
          /* line 1527, static/scss/pc/common.scss */
          .setting_sidebar .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .user_xs {
            position: absolute;
            width: 22px;
            top: 5px;
            left: 5px; }
          /* line 1533, static/scss/pc/common.scss */
          .setting_sidebar .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .user_info_text {
            display: inline-block;
            width: 80%;
            color: white;
            padding-left: 32px;
            line-height: 32px;
            font-size: 16px; }
          /* line 1542, static/scss/pc/common.scss */
          .setting_sidebar .setting_dialog_container > .user_info .user_info_nickname .user_info_nickname_box .edit_xs {
            position: absolute;
            width: 22px;
            right: 5px;
            top: 5px; }

/* line 1555, static/scss/pc/common.scss */
.sidebar_menu_container {
  margin-top: 25px; }
  /* line 1558, static/scss/pc/common.scss */
  .sidebar_menu_container .sidebar_subtitle {
    color: #d0b179;
    padding: 15px; }
  /* line 1562, static/scss/pc/common.scss */
  .sidebar_menu_container .sidebar_button {
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中，針對內容 */
    line-height: 52px;
    padding: 10px 55px 10px 0px;
    margin: 15px;
    border-radius: 10px;
    object-fit: contain;
    box-shadow: inset 0 1.5px 3px 0 rgba(79, 79, 79, 0.4);
    background: linear-gradient(99deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
    height: 52px; }
    /* line 1575, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_button > .icon {
      width: 20%;
      text-align: center; }
      /* line 1578, static/scss/pc/common.scss */
      .sidebar_menu_container .sidebar_button > .icon > img {
        width: 24px;
        height: 24px;
        padding-bottom: 3px; }
    /* line 1585, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_button > .game_report {
      width: 80%;
      font-size: 16px;
      text-align: center;
      color: #000;
      background: none;
      /* 避免按鈕背景覆蓋 */
      border: none;
      /* 清除按鈕的預設邊框 */
      cursor: pointer;
      /* 鼠標效果 */ }
    /* line 1595, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_button > .game_setting {
      width: 80%;
      font-size: 16px;
      text-align: center;
      color: #000;
      background: none;
      /* 避免按鈕背景覆蓋 */
      border: none;
      /* 清除按鈕的預設邊框 */
      cursor: pointer;
      /* 鼠標效果 */ }
  /* line 1606, static/scss/pc/common.scss */
  .sidebar_menu_container .sidebar_list {
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中，針對內容 */
    line-height: 52px;
    padding: 10px 55px 10px 0px;
    margin: 15px;
    border-radius: 10px;
    object-fit: contain;
    box-shadow: inset 0 1.5px 3px 0 rgba(79, 79, 79, 0.4);
    background: linear-gradient(99deg, #ab8c54 0%, #ad8e56 16%, #f0daa7 49%, #b4965f 91%, #ab8c54 98%);
    height: 52px; }
    /* line 1619, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_list > .icon {
      width: 20%;
      text-align: center; }
      /* line 1622, static/scss/pc/common.scss */
      .sidebar_menu_container .sidebar_list > .icon > img {
        width: 24px;
        height: 24px;
        padding-bottom: 3px; }
    /* line 1629, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_list > .text {
      width: 80%;
      font-size: 16px;
      text-align: center;
      color: #000; }
  /* line 1644, static/scss/pc/common.scss */
  .sidebar_menu_container .sidebar_menu_item {
    line-height: 52px;
    object-fit: contain;
    box-shadow: inset 0 1.5px 3px 0 rgba(79, 79, 79, 0.4);
    background-color: #131313;
    display: flex;
    height: 52px; }
    /* line 1652, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_menu_item > .icon {
      width: 20%;
      text-align: center; }
      /* line 1655, static/scss/pc/common.scss */
      .sidebar_menu_container .sidebar_menu_item > .icon > img {
        width: 24px;
        height: 24px;
        padding-bottom: 3px; }
    /* line 1662, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_menu_item > .text {
      width: 60%;
      font-size: 18px; }
    /* line 1667, static/scss/pc/common.scss */
    .sidebar_menu_container .sidebar_menu_item .sub {
      text-align: center;
      width: 20%; }
      /* line 1670, static/scss/pc/common.scss */
      .sidebar_menu_container .sidebar_menu_item .sub > img {
        width: 18px;
        height: 18px;
        padding-bottom: 3px; }

/* line 1679, static/scss/pc/common.scss */
.game_container {
  display: flex;
  height: 100%;
  background-color: #000;
  overflow: hidden; }
  /* line 1685, static/scss/pc/common.scss */
  .game_container .setting_sidebar {
    flex: 0 0 20vw;
    max-height: 100%;
    overflow-y: auto;
    background-color: #000;
    color: white;
    border-right: 1px solid #444; }
  /* line 1694, static/scss/pc/common.scss */
  .game_container .live_container {
    flex: 1;
    background-color: #121212;
    z-index: 1; }

/* line 1710, static/scss/pc/common.scss */
.go_previosly {
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url("/static/images/mobile/hall_arrow_left.png?142e143a3b68");
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  z-index: 99999; }

/* line 1722, static/scss/pc/common.scss */
.live_container {
  background-color: #121212;
  width: 50%;
  padding-left: 40%; }

/* line 1728, static/scss/pc/common.scss */
.table {
  margin: 0;
  position: relative; }
  /* line 1731, static/scss/pc/common.scss */
  .table > .result_container {
    position: absolute;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: rgba(0, 0, 0, 0.7);
    height: 408px;
    width: 100%;
    z-index: 1; }
    /* line 1740, static/scss/pc/common.scss */
    .table > .result_container > .result {
      position: absolute;
      width: 100px;
      height: 60px;
      z-index: 5;
      bottom: 5px;
      color: white;
      font-size: 28px;
      line-height: 60px;
      text-align: center;
      left: calc(50% - 50px); }
      /* line 1751, static/scss/pc/common.scss */
      .table > .result_container > .result.player_win {
        background-image: url("/static/images/mobile/player_win.png?142e143a3b68");
        background-size: 100% 100%; }
      /* line 1755, static/scss/pc/common.scss */
      .table > .result_container > .result.bank_win {
        background-image: url("/static/images/mobile/bank_win.png?142e143a3b68");
        background-size: 100% 100%;
        animation-duration: 3s;
        animation-name: example; }
      /* line 1761, static/scss/pc/common.scss */
      .table > .result_container > .result.peace_win {
        background-image: url("/static/images/mobile/peace_win.png?142e143a3b68");
        background-size: 100% 100%; }
    /* line 1766, static/scss/pc/common.scss */
    .table > .result_container > .vs {
      position: absolute;
      background-image: url("/static/images/mobile/vs.png?142e143a3b68");
      width: 58px;
      height: 50px;
      background-size: 58px 58px;
      top: 7px;
      left: calc(50% - 29px);
      z-index: 3; }
    /* line 1776, static/scss/pc/common.scss */
    .table > .result_container > .result_header {
      display: flex;
      height: 68px; }
      /* line 1779, static/scss/pc/common.scss */
      .table > .result_container > .result_header > .player {
        flex-basis: 50%;
        background-image: url("/static/images/mobile/result_player_bg.png?142e143a3b68");
        background-size: 100%;
        height: 68px;
        width: 100%;
        z-index: 2;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center; }
        /* line 1790, static/scss/pc/common.scss */
        .table > .result_container > .result_header > .player > .player_title {
          flex-basis: 40%; }
          /* line 1792, static/scss/pc/common.scss */
          .table > .result_container > .result_header > .player > .player_title > .title {
            display: inline-block;
            background-image: url("/static/images/mobile/result_player_title.png?142e143a3b68");
            background-size: 48px;
            height: 48px;
            width: 48px;
            font-size: 32px;
            line-height: 9px;
            color: #ffffff; }
        /* line 1803, static/scss/pc/common.scss */
        .table > .result_container > .result_header > .player > .player_point {
          flex-basis: 60%;
          text-align: center; }
          /* line 1807, static/scss/pc/common.scss */
          .table > .result_container > .result_header > .player > .player_point > .point {
            display: inline-block;
            font-size: 38px;
            padding-right: 15px;
            color: #ffffff;
            line-height: 48px;
            font-weight: bold; }
      /* line 1819, static/scss/pc/common.scss */
      .table > .result_container > .result_header > .bank {
        flex-basis: 50%;
        background-image: url("/static/images/mobile/result_bank_bg.png?142e143a3b68");
        background-size: 100%;
        height: 68px;
        width: 100%;
        z-index: 2;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center; }
        /* line 1830, static/scss/pc/common.scss */
        .table > .result_container > .result_header > .bank > .bank_title {
          flex-basis: 40%; }
          /* line 1832, static/scss/pc/common.scss */
          .table > .result_container > .result_header > .bank > .bank_title > .title {
            display: inline-block;
            background-image: url("/static/images/mobile/result_bank_title.png?142e143a3b68");
            background-size: 48px;
            height: 48px;
            width: 48px;
            font-size: 32px;
            line-height: 9px;
            color: #ffffff; }
        /* line 1843, static/scss/pc/common.scss */
        .table > .result_container > .result_header > .bank > .bank_point {
          flex-basis: 60%;
          text-align: center; }
          /* line 1847, static/scss/pc/common.scss */
          .table > .result_container > .result_header > .bank > .bank_point > .point {
            display: inline-block;
            font-size: 38px;
            padding-left: 15px;
            color: #ffffff;
            line-height: 48px;
            font-weight: bold; }
    /* line 1860, static/scss/pc/common.scss */
    .table > .result_container > .result_content {
      padding: 10px;
      height: 300px; }
      /* line 1863, static/scss/pc/common.scss */
      .table > .result_container > .result_content > .add_card_container {
        height: 150px;
        display: flex;
        text-align: center; }
        /* line 1868, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player {
          display: flex;
          flex-basis: 50%; }
          /* line 1869, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .add_card_container > .player.rotate90 {
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          /* line 1878, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .add_card_container > .player > .card_box {
            display: flex;
            flex-basis: 100%;
            position: relative;
            padding: 5px;
            transform-style: preserve-3d;
            /*3D效果 */
            transition: 1s ease; }
            /* line 1885, static/scss/pc/common.scss */
            .table > .result_container > .result_content > .add_card_container > .player > .card_box.flipped {
              transform: rotateX(180deg);
              /*繞著Y軸旋轉*/ }
        /* line 1892, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .bank {
          display: flex;
          flex-basis: 50%; }
          /* line 1895, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .add_card_container > .bank.rotate90 {
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          /* line 1902, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .add_card_container > .bank > .card_box {
            display: flex;
            flex-basis: 100%;
            position: relative;
            padding: 5px;
            transform-style: preserve-3d;
            /*3D效果 */
            transition: 1s ease; }
            /* line 1909, static/scss/pc/common.scss */
            .table > .result_container > .result_content > .add_card_container > .bank > .card_box.flipped {
              transform: rotateX(180deg);
              /*繞著Y軸旋轉*/ }
        /* line 1915, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card {
          width: 50%;
          position: absolute;
          height: 140px;
          left: 40px;
          z-index: 4;
          background-color: transparent !important;
          backface-visibility: hidden; }
          /* line 1924, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.z0, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.z0 {
            background-image: url("/static/images/mobile/z0.png?142e143a3b68");
            background-size: 100% 100%;
            transform: rotateX(180deg); }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b1, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b1 {
          background-image: url("/static/images/mobile/b1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b2, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b2 {
          background-image: url("/static/images/mobile/b2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b3, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b3 {
          background-image: url("/static/images/mobile/b3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b4, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b4 {
          background-image: url("/static/images/mobile/b4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b5, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b5 {
          background-image: url("/static/images/mobile/b5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b6, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b6 {
          background-image: url("/static/images/mobile/b6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b7, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b7 {
          background-image: url("/static/images/mobile/b7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b8, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b8 {
          background-image: url("/static/images/mobile/b8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b9, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b9 {
          background-image: url("/static/images/mobile/b9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b10, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b10 {
          background-image: url("/static/images/mobile/b10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b11, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b11 {
          background-image: url("/static/images/mobile/b11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b12, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b12 {
          background-image: url("/static/images/mobile/b12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1934, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.b13, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.b13 {
          background-image: url("/static/images/mobile/b13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d1, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d1 {
          background-image: url("/static/images/mobile/d1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d2, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d2 {
          background-image: url("/static/images/mobile/d2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d3, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d3 {
          background-image: url("/static/images/mobile/d3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d4, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d4 {
          background-image: url("/static/images/mobile/d4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d5, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d5 {
          background-image: url("/static/images/mobile/d5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d6, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d6 {
          background-image: url("/static/images/mobile/d6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d7, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d7 {
          background-image: url("/static/images/mobile/d7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d8, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d8 {
          background-image: url("/static/images/mobile/d8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d9, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d9 {
          background-image: url("/static/images/mobile/d9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d10, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d10 {
          background-image: url("/static/images/mobile/d10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d11, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d11 {
          background-image: url("/static/images/mobile/d11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d12, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d12 {
          background-image: url("/static/images/mobile/d12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1940, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.d13, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.d13 {
          background-image: url("/static/images/mobile/d13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h1, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h1 {
          background-image: url("/static/images/mobile/h1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h2, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h2 {
          background-image: url("/static/images/mobile/h2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h3, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h3 {
          background-image: url("/static/images/mobile/h3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h4, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h4 {
          background-image: url("/static/images/mobile/h4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h5, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h5 {
          background-image: url("/static/images/mobile/h5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h6, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h6 {
          background-image: url("/static/images/mobile/h6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h7, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h7 {
          background-image: url("/static/images/mobile/h7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h8, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h8 {
          background-image: url("/static/images/mobile/h8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h9, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h9 {
          background-image: url("/static/images/mobile/h9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h10, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h10 {
          background-image: url("/static/images/mobile/h10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h11, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h11 {
          background-image: url("/static/images/mobile/h11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h12, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h12 {
          background-image: url("/static/images/mobile/h12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1946, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.h13, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.h13 {
          background-image: url("/static/images/mobile/h13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s1, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s1 {
          background-image: url("/static/images/mobile/s1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s2, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s2 {
          background-image: url("/static/images/mobile/s2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s3, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s3 {
          background-image: url("/static/images/mobile/s3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s4, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s4 {
          background-image: url("/static/images/mobile/s4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s5, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s5 {
          background-image: url("/static/images/mobile/s5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s6, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s6 {
          background-image: url("/static/images/mobile/s6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s7, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s7 {
          background-image: url("/static/images/mobile/s7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s8, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s8 {
          background-image: url("/static/images/mobile/s8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s9, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s9 {
          background-image: url("/static/images/mobile/s9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s10, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s10 {
          background-image: url("/static/images/mobile/s10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s11, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s11 {
          background-image: url("/static/images/mobile/s11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s12, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s12 {
          background-image: url("/static/images/mobile/s12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 1952, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .add_card_container > .player > .card_box > .card.s13, .table > .result_container > .result_content > .add_card_container > .bank > .card_box > .card.s13 {
          background-image: url("/static/images/mobile/s13.png?142e143a3b68");
          background-size: 100% 100%; }
      /* line 1958, static/scss/pc/common.scss */
      .table > .result_container > .result_content > .main_card_container {
        height: 150px;
        display: flex; }
        /* line 1961, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player {
          display: flex;
          flex-basis: 50%;
          padding: 5px;
          position: relative; }
          /* line 1966, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .main_card_container > .player > .card_box {
            display: flex;
            flex-basis: 50%;
            position: relative;
            padding: 5px;
            transform-style: preserve-3d;
            /*3D效果 */
            transition: 1s ease; }
            /* line 1973, static/scss/pc/common.scss */
            .table > .result_container > .result_content > .main_card_container > .player > .card_box.flipped {
              transform: rotateY(180deg);
              /*繞著Y軸旋轉*/ }
        /* line 1978, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .bank {
          display: flex;
          flex-basis: 50%;
          padding: 5px; }
          /* line 1982, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .main_card_container > .bank > .card_box {
            display: flex;
            flex-basis: 50%;
            position: relative;
            padding: 5px;
            transform-style: preserve-3d;
            /*3D效果 */
            transition: 1s ease; }
            /* line 1989, static/scss/pc/common.scss */
            .table > .result_container > .result_content > .main_card_container > .bank > .card_box.flipped {
              transform: rotateY(180deg);
              /*繞著Y軸旋轉*/ }
        /* line 1995, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card, .table > .result_container > .result_content > .main_card_container .bank > .card_box > .card {
          width: 100%;
          position: absolute;
          height: 140px;
          left: 0px;
          z-index: 4;
          background-color: transparent !important;
          backface-visibility: hidden; }
          /* line 2005, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.z0, .table > .result_container > .result_content > .main_card_container .bank > .card_box > .card.z0 {
            background-image: url("/static/images/mobile/z0.png?142e143a3b68");
            background-size: 100% 100%;
            transform: rotateY(180deg); }
          /* line 2011, static/scss/pc/common.scss */
          .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.rotate90, .table > .result_container > .result_content > .main_card_container .bank > .card_box > .card.rotate90 {
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b1, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b1 {
          background-image: url("/static/images/mobile/b1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b2, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b2 {
          background-image: url("/static/images/mobile/b2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b3, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b3 {
          background-image: url("/static/images/mobile/b3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b4, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b4 {
          background-image: url("/static/images/mobile/b4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b5, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b5 {
          background-image: url("/static/images/mobile/b5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b6, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b6 {
          background-image: url("/static/images/mobile/b6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b7, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b7 {
          background-image: url("/static/images/mobile/b7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b8, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b8 {
          background-image: url("/static/images/mobile/b8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b9, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b9 {
          background-image: url("/static/images/mobile/b9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b10, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b10 {
          background-image: url("/static/images/mobile/b10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b11, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b11 {
          background-image: url("/static/images/mobile/b11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b12, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b12 {
          background-image: url("/static/images/mobile/b12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2021, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.b13, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.b13 {
          background-image: url("/static/images/mobile/b13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d1, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d1 {
          background-image: url("/static/images/mobile/d1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d2, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d2 {
          background-image: url("/static/images/mobile/d2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d3, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d3 {
          background-image: url("/static/images/mobile/d3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d4, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d4 {
          background-image: url("/static/images/mobile/d4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d5, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d5 {
          background-image: url("/static/images/mobile/d5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d6, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d6 {
          background-image: url("/static/images/mobile/d6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d7, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d7 {
          background-image: url("/static/images/mobile/d7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d8, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d8 {
          background-image: url("/static/images/mobile/d8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d9, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d9 {
          background-image: url("/static/images/mobile/d9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d10, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d10 {
          background-image: url("/static/images/mobile/d10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d11, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d11 {
          background-image: url("/static/images/mobile/d11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d12, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d12 {
          background-image: url("/static/images/mobile/d12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2027, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.d13, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.d13 {
          background-image: url("/static/images/mobile/d13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h1, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h1 {
          background-image: url("/static/images/mobile/h1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h2, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h2 {
          background-image: url("/static/images/mobile/h2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h3, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h3 {
          background-image: url("/static/images/mobile/h3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h4, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h4 {
          background-image: url("/static/images/mobile/h4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h5, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h5 {
          background-image: url("/static/images/mobile/h5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h6, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h6 {
          background-image: url("/static/images/mobile/h6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h7, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h7 {
          background-image: url("/static/images/mobile/h7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h8, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h8 {
          background-image: url("/static/images/mobile/h8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h9, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h9 {
          background-image: url("/static/images/mobile/h9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h10, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h10 {
          background-image: url("/static/images/mobile/h10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h11, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h11 {
          background-image: url("/static/images/mobile/h11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h12, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h12 {
          background-image: url("/static/images/mobile/h12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2033, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.h13, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.h13 {
          background-image: url("/static/images/mobile/h13.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s1, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s1 {
          background-image: url("/static/images/mobile/s1.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s2, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s2 {
          background-image: url("/static/images/mobile/s2.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s3, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s3 {
          background-image: url("/static/images/mobile/s3.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s4, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s4 {
          background-image: url("/static/images/mobile/s4.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s5, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s5 {
          background-image: url("/static/images/mobile/s5.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s6, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s6 {
          background-image: url("/static/images/mobile/s6.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s7, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s7 {
          background-image: url("/static/images/mobile/s7.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s8, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s8 {
          background-image: url("/static/images/mobile/s8.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s9, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s9 {
          background-image: url("/static/images/mobile/s9.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s10, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s10 {
          background-image: url("/static/images/mobile/s10.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s11, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s11 {
          background-image: url("/static/images/mobile/s11.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s12, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s12 {
          background-image: url("/static/images/mobile/s12.png?142e143a3b68");
          background-size: 100% 100%; }
        /* line 2039, static/scss/pc/common.scss */
        .table > .result_container > .result_content > .main_card_container > .player > .card_box > .card.s13, .table > .result_container > .result_content > .main_card_container > .bank > .card_box > .card.s13 {
          background-image: url("/static/images/mobile/s13.png?142e143a3b68");
          background-size: 100% 100%; }

/* line 2052, static/scss/pc/common.scss */
.baccarat_table_container {
  z-index: 1;
  position: relative;
  padding: 10px;
  background: linear-gradient(to bottom, #00321a 0%, #005330 96%); }
  /* line 2058, static/scss/pc/common.scss */
  .baccarat_table_container .table_header {
    height: 32px;
    color: white;
    line-height: 32px;
    display: flex; }
    /* line 2064, static/scss/pc/common.scss */
    .baccarat_table_container .table_header .table_id_container {
      display: flex; }
      /* line 2066, static/scss/pc/common.scss */
      .baccarat_table_container .table_header .table_id_container .table_id_icon {
        background-image: url("/static/images/mobile/table_id_icon.png?142e143a3b68");
        background-size: 16px 16px;
        margin-top: 8px;
        height: 16px;
        width: 16px; }
      /* line 2073, static/scss/pc/common.scss */
      .baccarat_table_container .table_header .table_id_container .table_id {
        font-size: 16px;
        padding-left: 5px; }
    /* line 2079, static/scss/pc/common.scss */
    .baccarat_table_container .table_header .bet_limit_container {
      padding-left: 10px;
      display: flex; }
      /* line 2082, static/scss/pc/common.scss */
      .baccarat_table_container .table_header .bet_limit_container .bet_limit_icon {
        background-image: url("/static/images/mobile/bet_limit_icon.png?142e143a3b68");
        background-size: 16px 16px;
        margin-top: 8px;
        height: 16px;
        width: 16px; }
      /* line 2089, static/scss/pc/common.scss */
      .baccarat_table_container .table_header .bet_limit_container .bet_limit_number {
        font-size: 16px;
        padding-left: 5px; }
    /* line 2094, static/scss/pc/common.scss */
    .baccarat_table_container .table_header .countdown_container {
      color: #d30101;
      font-size: 20px;
      display: flex;
      flex-grow: 1; }
      /* line 2099, static/scss/pc/common.scss */
      .baccarat_table_container .table_header .countdown_container .count_down {
        position: relative;
        flex-grow: 1; }
        /* line 2104, static/scss/pc/common.scss */
        .baccarat_table_container .table_header .countdown_container .count_down > span.count_down_border {
          display: inline-block;
          position: absolute;
          text-align: center;
          right: 5px;
          top: 0px;
          border: 3px solid #d30101;
          border-right: 3px solid #fff;
          border-bottom: 3px solid #fff;
          height: 35px;
          width: 35px;
          padding-right: 2px;
          border-radius: 50%;
          -webkit-animation: count_down_number 1s infinite linear;
          -moz-animation: count_down_number 1s infinite linear;
          -o-animation: count_down_number 1s infinite linear;
          animation: count_down_number 1s infinite linear; }
        /* line 2123, static/scss/pc/common.scss */
        .baccarat_table_container .table_header .countdown_container .count_down > span.count_down_number {
          display: inline-block;
          text-align: center;
          width: 35px;
          position: absolute;
          text-align: center;
          right: 5px;
          top: 2px; }
  /* line 2137, static/scss/pc/common.scss */
  .baccarat_table_container .table_content {
    margin-top: 5px;
    border-radius: 6px;
    border: solid 0.8px #217552;
    height: 281px; }
    /* line 2143, static/scss/pc/common.scss */
    .baccarat_table_container .table_content .special_bet {
      height: 120px;
      display: flex; }
      /* line 2144, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet.disabled {
        background-color: #022f19 !important; }
      /* line 2150, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .player_pair {
        position: relative;
        flex-grow: 1;
        border-right: solid 0.5px #217552;
        color: #3390ff; }
        /* line 2156, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .special_bet .player_pair .bet {
          position: absolute;
          top: 10px;
          width: 100%; }
        /* line 2161, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .special_bet .player_pair .bet-2 {
          left: 33%;
          width: 31%;
          margin-left: 1%; }
      /* line 2168, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .lucky_six {
        position: relative;
        flex-grow: 1;
        border-right: solid 0.5px #217552; }
        /* line 2173, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .special_bet .lucky_six > .table_lucky_title {
          background-image: linear-gradient(109deg, #d37cff 15%, #38f3ea 38%, #d6ef7b 57%, #fbb4e6 78%);
          text-align: center;
          font-size: 26px;
          font-weight: 500;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        /* line 2183, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .special_bet .lucky_six > .table_lucky_scale {
          background-image: linear-gradient(109deg, #d37cff 15%, #38f3ea 38%, #d6ef7b 57%, #fbb4e6 78%);
          text-align: center;
          font-size: 22px;
          font-weight: 500;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
      /* line 2196, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .bank_pair {
        position: relative;
        flex-grow: 1;
        color: #ed5555; }
      /* line 2203, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .player_pair > .table_title, .baccarat_table_container .table_content .special_bet .lucky_six > .table_title, .baccarat_table_container .table_content .special_bet .bank_pair > .table_title {
        text-align: center;
        font-size: 26px;
        font-weight: 500; }
      /* line 2208, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .player_pair > .scale, .baccarat_table_container .table_content .special_bet .lucky_six > .scale, .baccarat_table_container .table_content .special_bet .bank_pair > .scale {
        font-size: 22px;
        font-weight: 500;
        text-align: center; }
      /* line 2214, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .special_bet .player_pair > .money_bet, .baccarat_table_container .table_content .special_bet .lucky_six > .money_bet, .baccarat_table_container .table_content .special_bet .bank_pair > .money_bet {
        color: white;
        position: absolute;
        font-size: 14px;
        bottom: 10px;
        width: 80%;
        left: 10%;
        border-radius: 4px;
        background-color: #022f19;
        text-align: center; }
        /* line 2224, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .special_bet .player_pair > .money_bet > .coin, .baccarat_table_container .table_content .special_bet .lucky_six > .money_bet > .coin, .baccarat_table_container .table_content .special_bet .bank_pair > .money_bet > .coin {
          position: absolute;
          left: 3px;
          top: 2px;
          background-image: url("/static/images/mobile/coin.png?142e143a3b68");
          background-size: 16px 16px;
          height: 16px;
          width: 16px; }
    /* line 2237, static/scss/pc/common.scss */
    .baccarat_table_container .table_content .normal_bet {
      height: 160px;
      display: flex;
      border-top: solid 0.5px #217552; }
      /* line 2238, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet.disabled {
        background-color: #022f19 !important; }
      /* line 2245, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .player {
        position: relative;
        flex-grow: 1;
        flex-basis: 33%;
        border-right: solid 0.5px #217552;
        color: #3390ff; }
      /* line 2253, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .bank {
        position: relative;
        flex-grow: 1;
        flex-basis: 33%;
        color: #ed5555; }
      /* line 2260, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .peace {
        position: relative;
        flex-grow: 1;
        flex-basis: 34%;
        color: #93d75d;
        border-right: solid 0.5px #217552; }
      /* line 2271, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .player > .table_title, .baccarat_table_container .table_content .normal_bet .peace > .table_title, .baccarat_table_container .table_content .normal_bet .bank > .table_title {
        text-align: center;
        font-size: 26px;
        font-weight: 500; }
      /* line 2276, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .player > .scale, .baccarat_table_container .table_content .normal_bet .peace > .scale, .baccarat_table_container .table_content .normal_bet .bank > .scale {
        font-size: 22px;
        font-weight: 500;
        text-align: center; }
      /* line 2282, static/scss/pc/common.scss */
      .baccarat_table_container .table_content .normal_bet .player > .money_bet, .baccarat_table_container .table_content .normal_bet .peace > .money_bet, .baccarat_table_container .table_content .normal_bet .bank > .money_bet {
        color: white;
        position: absolute;
        font-size: 14px;
        bottom: 10px;
        width: 80%;
        left: 10%;
        border-radius: 4px;
        background-color: #022f19;
        text-align: center; }
        /* line 2292, static/scss/pc/common.scss */
        .baccarat_table_container .table_content .normal_bet .player > .money_bet > .coin, .baccarat_table_container .table_content .normal_bet .peace > .money_bet > .coin, .baccarat_table_container .table_content .normal_bet .bank > .money_bet > .coin {
          position: absolute;
          left: 3px;
          top: 2px;
          background-image: url("/static/images/mobile/coin.png?142e143a3b68");
          background-size: 16px 16px;
          height: 16px;
          width: 16px; }
  /* line 2306, static/scss/pc/common.scss */
  .baccarat_table_container .table_coin_list {
    padding-top: 10px; }
    /* line 2308, static/scss/pc/common.scss */
    .baccarat_table_container .table_coin_list > .coin_list {
      height: 50px;
      height: auto;
      display: flex;
      flex-wrap: wrap; }
      /* line 2313, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin50 {
        background-image: url("/static/images/mobile/chip50.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2319, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin50.active {
        background-image: url("/static/images/mobile/chip50_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2325, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin100 {
        background-image: url("/static/images/mobile/chip100.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2331, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin100.active {
        background-image: url("/static/images/mobile/chip100_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2337, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin500 {
        background-image: url("/static/images/mobile/chip500.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2343, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin500.active {
        background-image: url("/static/images/mobile/chip500_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2349, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin1000 {
        background-image: url("/static/images/mobile/chip1000.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2355, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin1000.active {
        background-image: url("/static/images/mobile/chip1000_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2361, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin10000 {
        background-image: url("/static/images/mobile/chip10000.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2367, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin10000.active {
        background-image: url("/static/images/mobile/chip10000_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2373, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin50000 {
        background-image: url("/static/images/mobile/chip50000.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2379, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin50000.active {
        background-image: url("/static/images/mobile/chip50000_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2385, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin500k {
        background-image: url("/static/images/mobile/chip500k.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }
      /* line 2391, static/scss/pc/common.scss */
      .baccarat_table_container .table_coin_list > .coin_list > .coin500k.active {
        background-image: url("/static/images/mobile/chip500k_active.png?142e143a3b68");
        background-size: 60px 60px;
        height: 60px;
        width: 60px; }

/* line 2403, static/scss/pc/common.scss */
.user_info_container {
  display: flex;
  background: #000000;
  height: 60px; }
  /* line 2407, static/scss/pc/common.scss */
  .user_info_container > .user_balance {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    padding-left: 15px;
    border-right: solid 0.5px #d5b57c; }
    /* line 2415, static/scss/pc/common.scss */
    .user_info_container > .user_balance > .user_balance_title {
      color: #d5b57c;
      height: 25px;
      line-height: 25px; }
    /* line 2420, static/scss/pc/common.scss */
    .user_info_container > .user_balance > .user_balance_value {
      color: white;
      height: 25px;
      line-height: 25px; }
  /* line 2426, static/scss/pc/common.scss */
  .user_info_container > .bet_balance {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    padding-left: 15px;
    border-right: solid 0.5px #d5b57c; }
    /* line 2434, static/scss/pc/common.scss */
    .user_info_container > .bet_balance > .bet_balance_title {
      color: #d5b57c;
      height: 25px;
      line-height: 25px; }
    /* line 2439, static/scss/pc/common.scss */
    .user_info_container > .bet_balance > .bet_balance_value {
      color: white;
      height: 25px;
      line-height: 25px; }
  /* line 2445, static/scss/pc/common.scss */
  .user_info_container > .wl {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    padding-left: 15px; }
    /* line 2451, static/scss/pc/common.scss */
    .user_info_container > .wl > .wl_title {
      color: #d5b57c;
      height: 25px;
      line-height: 25px; }
    /* line 2456, static/scss/pc/common.scss */
    .user_info_container > .wl > .wl_value {
      color: #2aff2b;
      height: 25px;
      line-height: 25px; }

/* line 2465, static/scss/pc/common.scss */
.plate_container > .hall_plate {
  flex-basis: 100%; }
  /* line 2468, static/scss/pc/common.scss */
  .plate_container > .hall_plate > .hall_top_plate {
    display: flex;
    height: 132px;
    flex-grow: 0;
    flex-direction: column;
    flex-wrap: wrap; }
    /* line 2474, static/scss/pc/common.scss */
    .plate_container > .hall_plate > .hall_top_plate > div {
      text-align: center;
      height: 22px;
      line-height: 22px;
      width: 6.25%;
      font-size: 13px;
      background-color: white;
      border-left: 0.3px solid silver;
      border-bottom: 0.3px solid silver; }
      /* line 2484, static/scss/pc/common.scss */
      .plate_container > .hall_plate > .hall_top_plate > div span.bank {
        background-color: #d30101;
        border-radius: 50%;
        display: inline-block;
        width: 20px;
        height: 20px;
        color: white; }
      /* line 2492, static/scss/pc/common.scss */
      .plate_container > .hall_plate > .hall_top_plate > div span.player {
        background-color: #025ec9;
        border-radius: 50%;
        display: inline-block;
        width: 20px;
        height: 20px;
        color: white; }
      /* line 2500, static/scss/pc/common.scss */
      .plate_container > .hall_plate > .hall_top_plate > div span.peace {
        background-color: #27780c;
        border-radius: 50%;
        display: inline-block;
        width: 20px;
        height: 20px;
        color: white; }

/* line 2513, static/scss/pc/common.scss */
.game_info {
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
  padding-top: 5px;
  height: 15px;
  padding-bottom: 10px; }
  /* line 2520, static/scss/pc/common.scss */
  .game_info > div {
    text-align: center;
    flex-basis: 16%;
    margin: 1px; }
    /* line 2524, static/scss/pc/common.scss */
    .game_info > div > .bank {
      display: inline-block;
      color: white;
      width: 20px;
      height: 20px;
      background-color: #d30101; }
    /* line 2531, static/scss/pc/common.scss */
    .game_info > div > .bank_count {
      color: #d30101; }
    /* line 2534, static/scss/pc/common.scss */
    .game_info > div > .player {
      display: inline-block;
      color: white;
      width: 20px;
      height: 20px;
      background-color: #025ec9; }
    /* line 2541, static/scss/pc/common.scss */
    .game_info > div > .player_count {
      color: #025ec9; }
    /* line 2544, static/scss/pc/common.scss */
    .game_info > div > .peace {
      display: inline-block;
      color: white;
      width: 20px;
      height: 20px;
      background-color: #27780c; }
    /* line 2551, static/scss/pc/common.scss */
    .game_info > div > .peace_count {
      color: #27780c; }
    /* line 2554, static/scss/pc/common.scss */
    .game_info > div > .bank_pair {
      display: inline-block;
      color: white;
      width: 40px;
      height: 20px;
      background-color: #d30101; }
    /* line 2561, static/scss/pc/common.scss */
    .game_info > div > .bank_pair_count {
      color: #d30101; }
    /* line 2564, static/scss/pc/common.scss */
    .game_info > div > .player_pair {
      display: inline-block;
      color: white;
      width: 40px;
      height: 20px;
      background-color: #025ec9; }
    /* line 2571, static/scss/pc/common.scss */
    .game_info > div > .player_pair_count {
      color: #025ec9; }
    /* line 2574, static/scss/pc/common.scss */
    .game_info > div > .total {
      display: inline-block;
      color: white;
      width: 20px;
      height: 20px;
      background-color: #a26b0a; }
    /* line 2582, static/scss/pc/common.scss */
    .game_info > div > .total_count {
      color: #a26b0a; }

/* line 2589, static/scss/pc/common.scss */
#loading-overlay {
  position: fixed;
  /* 確保它固定在頁面上 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  /* 半透明背景 */
  display: block;
  z-index: 100000;
  /* 確保它位於最上層 */ }
  /* line 2600, static/scss/pc/common.scss */
  #loading-overlay .loading-icon {
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite; }
  /* line 2610, static/scss/pc/common.scss */
  #loading-overlay .loading-text {
    margin-top: 20px;
    color: #ffffff;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center; }
  /* line 2619, static/scss/pc/common.scss */
  #loading-overlay .loading-text {
    margin-top: 10px;
    color: white;
    font-size: 16px; }

/* line 2626, static/scss/pc/common.scss */
.sidebar, .live_container, .baccarat_table_container {
  position: relative;
  /* 如果它們有 fixed 或 absolute 定位，可能會使它們脫離文檔流 */
  z-index: 10;
  /* 確保它們的 z-index 小於遮罩層 */ }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* line 2642, static/scss/pc/common.scss */
.page-content {
  display: none; }

/* line 2647, static/scss/pc/common.scss */
#loading-overlay.hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out; }

/* line 2656, static/scss/pc/common.scss */
.start_bet, .end_bet {
  display: block;
  background-image: url("/static/images/mobile/action_bet_bg.png?142e143a3b68");
  position: absolute;
  z-index: 9999;
  width: 100vw;
  height: 60px;
  display: none;
  background-size: 100vw 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  top: 43vh; }
  /* line 2672, static/scss/pc/common.scss */
  .start_bet.active, .end_bet.active {
    display: block; }

@-webkit-keyframes count_down_number {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes count_down_number {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes count_down_number {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }

@keyframes count_down_number {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes example {
  0% {
    background-color: red; }
  50% {
    opacity: 0.5; } }