@charset "UTF-8";
body {
  background: #FFF;
}

:root {
  --color-black-070: rgba(0, 0, 0, .7);
}

#content {
  background: linear-gradient(#E7E7E7, #F7F7F7);
}

input {
  color: #939393;
}

input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.4;
}

.hr-vertical {
  background: #E5E5E5;
}

.hr {
  border-top: 1px solid #E5E5E5;
}

.btn-back, .btn-back-my {
  color: #89B383;
  transition: all 0.3s ease-in-out;
}
.btn-back:hover, .btn-back-my:hover {
  color: #1AAF00;
}

.table td {
  border: 1px solid #797979;
}
.table .row {
  color: #666;
}
.table .row.title {
  color: #AAA;
}
.table .row.even {
  background: rgba(0, 0, 0, 0.08);
}

.remark {
  color: #C2C2C2;
}

.icon-copy {
  background: url(../images/white/icon-copy.svg) no-repeat center;
  background-size: 1.2rem;
}
.icon-copy:hover {
  opacity: 0.8;
  background-size: 1.4rem;
}

.input-time {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
}
.input-time .field-title {
  color: #939393;
}

.page-title {
  background-image: linear-gradient(#2F3C33 60%, #111A15);
  -webkit-background-clip: text;
}
#discount .page-title:before, #discount .page-title:after, #discount-detail .page-title:before, #discount-detail .page-title:after {
  background: url(../images/white/first-game-title01.webp) no-repeat center;
}
#discount .page-title:after, #discount-detail .page-title:after {
  background: url(../images/white/first-game-title02.webp) no-repeat center;
}
.page-title:after {
  background: linear-gradient(#4A7D00, #005503);
}
.page-title .page-back {
  background: #FFF;
  border-color: #89B383;
  color: #00561A;
  transition: all 0.3s ease-in-out;
}
.page-title .page-back svg {
  color: #89B383;
  transition: all 0.3s ease-in-out;
}
.page-title .page-back:hover {
  background: linear-gradient(#498900, #2F5800);
  color: #FFF;
}

.area-content, .area-other, .area-menu {
  background: linear-gradient(#F0F0F0, #FFF 15%, #FFF 85%, #F0F0F0);
  border: 1px solid #FFFFFF;
  box-shadow: 0 3px 0 #B6B6B6;
  color: #7EA98C;
}

.nodata {
  color: #444;
}

.pagination .btn {
  background: #FFF;
  border: 1px solid #C7C7C7;
  color: #1AAF00;
}
.pagination .btn.first-page .icon {
  background: url(../images/white/pagination-first-page.svg) no-repeat center;
}
.pagination .btn.first-page:hover .icon {
  background: url(../images/white/pagination-first-page-hover.svg) no-repeat center;
}
.pagination .btn.last-page .icon {
  background: url(../images/white/pagination-last-page.svg) no-repeat center;
}
.pagination .btn.last-page:hover .icon {
  background: url(../images/white/pagination-last-page-hover.svg) no-repeat center;
}
.pagination .btn:hover, .pagination .btn.active {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
}

.popup .popup-title {
  min-height: 52px;
  background: linear-gradient(#274C38, #3C8960 80%, #65AC73);
  color: #FFF;
}
.popup .popup-title .btn-close {
  background: transparent;
}
.popup .popup-title .btn-close .icon-close {
  color: #FFF;
}
.popup .popup-title .btn-close:hover {
  background: transparent;
}
.popup .popup-title .btn-close:hover .icon-close {
  opacity: 0.6;
}
.popup .popup-content {
  background: linear-gradient(#F0F0F0, #FFF 15%, #FFF 85%, #F0F0F0);
}
.popup .popup-content .popup-text {
  color: #999;
}

.btn-close {
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease-in-out;
}
.btn-close .icon-close {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.btn-close:hover {
  background: rgba(255, 255, 255, 0.2);
}
.btn-close:hover .icon-close {
  color: #CCC;
}

.field-text {
  color: #888;
}

.field-title .required {
  color: #E6473F;
}

.error-hint {
  color: #E6473F;
}

.input-text {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
  color: #1AAF00;
}
.input-text.error {
  border: 1px solid #E6473F;
}
.input-text.disable {
  background: #DEDEDE;
  color: #939393;
}
.input-text.disable:hover {
  border-color: #DEDEDE;
}
.input-text:hover {
  border-color: #1AAF00;
}
.input-text::placeholder {
  color: #939393;
}
.input-text:focus {
  background: #FFF;
}

.input-content.password {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
}
.input-content.password input {
  color: #1AAF00;
}
.input-content.password input::placeholder {
  color: #939393;
}
.input-content.password:hover {
  border-color: #1AAF00;
}
.input-content.password:has(input:focus) {
  background: #FFF;
}
.input-content:has(input:focus) {
  background: #FFF;
}

.dropdown {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
  color: #939393;
  transition: all 0.3s ease-in-out;
}
.dropdown.disabled {
  background: #DEDEDE;
}
.dropdown:hover {
  border-color: #1AAF00;
  color: #1AAF00;
}
.dropdown:hover .list-option {
  background: #FFF;
  border: 1px solid #E1E1E1;
  color: #939393;
}
.dropdown:has(.active) {
  background: #FFF;
}

.list-option {
  background: #FFF;
  border: 1px solid #E1E1E1;
}
.list-option .option:hover {
  background: rgba(0, 0, 0, 0.1);
}

.input-hint {
  color: #A4A4A4;
}

.optional {
  color: #797979;
}

.login-pwd-icon .password-icon {
  color: #939393;
  cursor: pointer;
}
.login-pwd-icon.is-show .password-icon {
  color: #1AAF00;
}

.checkbox .checkbox-content {
  color: #999;
}
.checkbox .checkbox-content .btn-text-link {
  color: #FFB22B;
  transition: all 0.3s ease-in-out;
}
.checkbox .checkbox-content .btn-text-link:hover {
  color: #F5A61B;
}
.checkbox .btn-check {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
}
.checkbox .btn-check.active {
  background: #1AAF00;
  color: #fff;
  border: 0;
}
.checkbox .check-text {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.checkbox .check-text:hover {
  color: #1AAF00;
}

.btn-forgot {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.btn-forgot span {
  color: #999;
}
.btn-forgot:hover {
  color: #1AAF00;
}
.btn-forgot:hover span {
  color: #1AAF00;
}

.btn-cancel {
  border-radius: 24px;
  background: #FFF;
  color: #AAA;
  border: 1px solid #CCC;
}
.btn-cancel a, .btn-cancel span {
  color: #AAA;
}
.btn-cancel:hover {
  background: #AAA;
  color: #FFF;
}
.btn-cancel:hover a, .btn-cancel:hover span {
  color: #FFF;
}

.btn-send {
  border-radius: 24px;
  background: #FFF;
  border: 1px solid #7FD4AB;
  color: #1AAF00;
  box-shadow: 0 2px 0 #7FD4AB;
}
.btn-send a, .btn-send span {
  color: #1AAF00;
}
.btn-send:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
  box-shadow: 0 2px 0 #02733C;
}
.btn-send:hover a, .btn-send:hover span {
  color: #FFF;
}
.disable .btn-send:hover {
  opacity: 1;
}
.btn-send.disable {
  background: #DEDEDE;
  border-color: #E1E1E1;
  box-shadow: none;
  color: #939393;
}
.btn-send.disable span {
  color: #939393;
}
.btn-send.clicked {
  background: #DEDEDE;
  border-color: #E1E1E1;
  box-shadow: none;
  color: #939393;
}

.btn-function {
  background: #FFF;
  border: 1px solid #7FD4AB;
  color: #1AAF00;
}
.btn-function.disable {
  background: #DEDEDE;
  border-color: #E1E1E1;
  box-shadow: none;
  color: #939393;
}
.btn-function.disable .countdown {
  color: #AAA;
}
.btn-function:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
}

.btn-text {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.btn-text:hover {
  color: #CCC;
}

.btn-option {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
.btn-option:hover, .btn-option.active {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
.btn-option.disable {
  background: #DEDEDE;
  border-color: #DEDEDE;
  box-shadow: 0 2px 0 #DEDEDE;
  color: #939393;
}
.btn-option.disable:hover {
  opacity: 0.8;
}

.btn-login, .btn-signup {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.btn-login span, .btn-signup span {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.btn-login span:hover, .btn-signup span:hover {
  color: #CCC;
}
.btn-login:hover, .btn-signup:hover {
  color: #CCC;
}

.btn-confirm {
  border-radius: 24px;
  background: #FFF;
  border: 1px solid #F59A23;
  box-shadow: 0 2px 0 #F42F1E;
  color: #F42F1E;
}
.btn-confirm:hover {
  background: #F42F1E;
  color: #FFF;
}

.page-tabs .btn-tabs {
  color: #666;
  transition: all 0.3s ease-in-out;
}
.page-tabs .btn-tabs .line-bottom {
  width: 0;
  height: 2px;
  background: #1AAF00;
  transition: all 0.3s ease-in-out;
}
.page-tabs .btn-tabs:hover, .page-tabs .btn-tabs.active {
  color: #1AAF00;
}
.page-tabs .btn-tabs:hover .line-bottom, .page-tabs .btn-tabs.active .line-bottom {
  width: 100%;
}

.area-menu .btn-menu {
  margin: 1px 0;
  border-radius: 12px;
  border: 1px solid transparent;
}
.area-menu .btn-menu.my-info-member .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-my-info-member.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.my-info-basic .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-my-info-basic.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.bankcard-info .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-bankcard-info.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.modify-password .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-modify-password.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.deal-detail .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-deal-detail.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.bet-record .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-bet-record.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.bonus-record .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-bonus-record.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.promote .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-promote.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.news .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-news.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.logout .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-logout.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.support-qa .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-support-qa.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.rule-privacy .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-rule-privacy.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.rule-service .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-rule-service.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.rule-gaming .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-rule-gaming.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.red-envelope-code .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-red-envelope-code.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.all-agent .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-all-agent.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.check .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-check.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu.qa .icon {
  width: 36px;
  height: 36px;
  background: url("../images/white/icon-qa.svg") no-repeat center top #DFEFD1;
  border-radius: 50%;
}
.area-menu .btn-menu:hover .icon, .area-menu .btn-menu.active .icon {
  background-position: center bottom;
  background-color: #63D000;
}

header {
  background: #FFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 -1px 0 #B3CEBA;
  z-index: 1;
}
header .logo img.logo-green {
  display: none;
}
header .header-wrap .logo {
  width: 120px;
}
header .header-wrap .logo img {
  height: auto;
}

.menu {
  gap: 0;
  padding: 0 1rem;
}
.menu .menu-btn {
  color: #888;
  justify-content: center;
  border: 0;
  text-align: center;
}
.menu .menu-btn:hover {
  color: #1AAF00;
}
.menu .menu-btn.active {
  background: linear-gradient(#97FF00, #1AAF00);
  color: #111A15;
}

.menu-list {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 3px solid #B3CEBA;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

.menu-list-arrow .btn {
  background: #E7E7E7;
  border-color: #CCCFCD;
  color: #1AAF00;
}
.menu-list-arrow .btn:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
}

.menu-list-item {
  background: linear-gradient(#BFFF00 7%, #87D779 24%, #97B5A2 32%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-size: 100% 400%;
  background-position: center bottom;
  transition: all 0.3s ease-in-out;
}
.menu-list-item .menu-list-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 50px;
  margin-bottom: 15px;
  border-radius: 8px;
  background: linear-gradient(134deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #21D000, #128A00 40%, #008D39);
  background-size: 500% 500%;
  transition: all 0.3s ease-in-out;
}
.menu-list-item .menu-list-logo img {
  width: 65px;
}
.menu-list-item .menu-list-logo img.logo-color {
  display: none;
}
.menu-list-item .menu-list-name {
  color: #888;
}
.menu-list-item:hover {
  background-position: 0 10%;
}
.menu-list-item:hover .menu-list-logo {
  position: relative;
  box-shadow: 0 2px 0 #39BE7B;
  background-position: 0 100%;
  overflow: hidden;
}
.menu-list-item:hover .menu-list-logo img.logo-gray {
  display: none;
}
.menu-list-item:hover .menu-list-logo img.logo-color {
  display: block;
}
.menu-list-item:hover .menu-list-logo:before {
  content: "";
  position: absolute;
  inset: -20%;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  animation: shark-wrap 1s;
  transform: translateX(-100%);
}
@keyframes shark-wrap {
  to {
    transform: translateX(100%);
  }
}
.menu-list-item:hover .menu-list-name {
  color: #111A15;
}

header .list-function:before {
  border-color: #E3E3E3;
  padding-right: 0.5rem;
}
header .list-function .list-btn {
  gap: 0;
  transition: all 0.3s ease-in-out;
}
header .list-function .list-btn .login-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 68px;
  background: #FFF;
  border: 1px solid #7FD4AB;
  border-right: 0;
  border-bottom: 2px solid #7FD4AB;
  border-radius: 18px 0 0 18px;
  color: #1AAF00;
  font-weight: bold;
}
header .list-function .list-btn .login-btn:after {
  content: "/";
  display: flex;
  color: #CCCFCD;
  padding: 0 0.4rem;
}
header .list-function .list-btn .login-btn:hover {
  color: #7FD4AB;
}
header .list-function .list-btn .reg-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 52px;
  background: #FFF;
  border: 1px solid #7FD4AB;
  border-left: 0;
  border-bottom: 2px solid #7FD4AB;
  border-radius: 0 18px 18px 0;
  color: #1AAF00;
  font-weight: bold;
}
header .list-function .list-btn .reg-btn:hover {
  color: #7FD4AB;
}
header .list-function .list-btn .forgot-btn {
  padding: 0 0 0 1rem;
  color: #111A15;
}
header .list-function .list-btn .forgot-btn:before {
  background: linear-gradient(#CBDFD0, #6E7971);
  color: #FFF;
}
header .list-function .list-btn .forgot-btn:hover {
  color: #1AAF00;
}
header .list-user-info .area-user .user-btn {
  background-image: url(../../../images/common/photo.webp);
  background-repeat: no-repeat;
  background-position: left top;
  border-color: #FF3859;
}
header .list-user-info .area-user .user-btn .vip {
  background: linear-gradient(#f05e68 10%, #ef2c3b 50%, #c83d43 60%, #da2a5a);
  color: #fff;
  text-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.2);
}
header .list-user-info .area-user .user-info .user-name {
  color: #2F3C33;
}
header .list-user-info .area-user .user-info .amount {
  color: #E3A100;
}
header .list-user-info .area-user .user-info .icon-refresh {
  color: #aaa;
}
header .list-user-info .area-user .user-icon-arrow .icon {
  background: #E7E7E7;
  border-color: #CCCFCD;
  color: #111A15;
}
header .list-user-info .area-user .user-icon-arrow .icon:hover, header .list-user-info .area-user .user-icon-arrow .icon.active {
  background: #1AAF00;
  color: #FFF;
  border-color: #97FF00;
}
header .list-user-info .area-user .user-menu {
  background: #1E2722;
  border-color: #283F33;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.45);
}
header .list-user-info .area-user .user-menu .user-menu-list {
  color: #fff;
}
header .list-user-info .area-user .user-menu .user-menu-list.my-info-basic {
  background: url(../images/white/icon-my-info-basic.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.deal-detail {
  background: url(../images/white/icon-deal-detail.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.bet-record {
  background: url(../images/white/icon-bet-record.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.bonus-record {
  background: url(../images/white/icon-bonus-record.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.promote {
  background: url(../images/white/icon-promote.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.red-envelope-code {
  background: url(../images/white/icon-red-envelope-code.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.all-agent {
  background: url(../images/white/icon-all-agent.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.bankcard-info {
  background: url(../images/white/icon-bankcard-info.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.check {
  background: url(../images/white/icon-check.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.my-info-member {
  background: url(../images/white/icon-my-info-member.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list.qa {
  background: url(../images/white/icon-qa.svg) no-repeat left -4px;
}
header .list-user-info .area-user .user-menu .user-menu-list:hover {
  background-position: left bottom -4px;
  color: #97FF00;
}
header .list-user-info .area-user .user-menu .user-menu-list.logout {
  border-color: rgba(255, 255, 255, 0.2);
}
header .list-user-info .area-user .user-menu .user-menu-list.logout:hover {
  border-color: #97FF00;
}
header .list-user-info .area-user .user-menu .user-menu-list:after {
  background: #283F33;
}

header .list-btn-function {
  padding-left: 1rem;
}
header .list-btn-function .list-btn-item {
  color: #00561A;
}
header .list-btn-function .list-btn-item.deposit {
  background-image: url(../images/white/icon-deposit.webp);
}
header .list-btn-function .list-btn-item.withdraw {
  background-image: url(../images/white/icon-withdraw.webp);
}
header .list-btn-function .list-btn-item:hover {
  color: #1AAF00;
}

.dropdown-language:before {
  border-color: #E3E3E3;
}
.dropdown-language .dropdown-btn, .dropdown-language #deposit .dropdown .list-option, #deposit .dropdown .dropdown-language .list-option {
  background: #E7E7E7;
  border-color: #CCCFCD;
  color: #111A15;
}
.dropdown-language .dropdown-btn:hover, .dropdown-language #deposit .dropdown .list-option:hover, #deposit .dropdown .dropdown-language .list-option:hover, .dropdown-language .dropdown-btn.active, .dropdown-language #deposit .dropdown .active.list-option, #deposit .dropdown .dropdown-language .active.list-option {
  background: #1AAF00;
  border: 1px solid #97FF00;
}
.dropdown-language .dropdown-btn:hover .icon, .dropdown-language #deposit .dropdown .list-option:hover .icon, #deposit .dropdown .dropdown-language .list-option:hover .icon, .dropdown-language .dropdown-btn.active .icon, .dropdown-language #deposit .dropdown .active.list-option .icon, #deposit .dropdown .dropdown-language .active.list-option .icon {
  color: #FFF;
}
.dropdown-language .list-option {
  background: #1E2722;
  border-color: #283F33;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.45);
}
.dropdown-language .list-option .country {
  color: #fff;
}
.dropdown-language .list-option .country:hover, .dropdown-language .list-option .country.active {
  background: #111A15;
  color: #97FF00;
}

.music {
  background: #E7E7E7;
  border-color: #CCCFCD;
  color: #5A9800;
  cursor: pointer;
}
.music .off {
  color: #666;
}

.slider img.banner-green {
  display: none;
}
.slider .slider-dot {
  background: rgba(255, 255, 255, 0.5);
}
.slider .slider-dot .list-dot {
  background: #DDD;
}
.slider .slider-dot .list-dot:hover, .slider .slider-dot .list-dot.active {
  background: linear-gradient(#80DB00, #1FB201);
  border: 0;
}

.news-wrap {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
}
.news-wrap .news-content {
  background-image: url(../images/white/icon-marquee.webp);
}
.news-wrap .news-content p {
  color: #8A4A00;
}

.first-container {
  background: url(../images/white/first-bg01.webp) no-repeat center top;
}

.first-game-title span {
  background-image: linear-gradient(#2F3C33 60%, #111A15);
}
.first-game-title:before, .first-game-title:after {
  background: url(../images/white/first-game-title01.webp) no-repeat center;
}
.first-game-title:after {
  background: url(../images/white/first-game-title02.webp) no-repeat center;
}

.list-game-type {
  background: linear-gradient(#274C38, #3C8960 80%, #65AC73);
  box-shadow: 0 2px 0 #92B8A5;
}
.list-game-type .btn {
  color: #FFF;
}
.list-game-type .btn:hover, .list-game-type .btn.active {
  background: linear-gradient(#97FF00, #1FD300 55%, #D0FF9E);
  box-shadow: 0 3px 0 #00743A;
}
.list-game-type .btn:hover .text, .list-game-type .btn.active .text {
  color: #111A15;
}
.list-game-type .btn.hot .icon {
  background: url(../images/white/icon-hot-default.webp) no-repeat center top;
}
.list-game-type .btn.hot:hover .icon, .list-game-type .btn.hot.active .icon {
  background: url(../images/white/icon-hot-active.webp) no-repeat center top;
}
.list-game-type .btn.slot .icon {
  background: url(../images/white/icon-slot-default.webp) no-repeat center top;
}
.list-game-type .btn.slot:hover .icon, .list-game-type .btn.slot.active .icon {
  background: url(../images/white/icon-slot-active.webp) no-repeat center top;
}
.list-game-type .btn.live .icon {
  background: url(../images/white/icon-live-default.webp) no-repeat center top;
}
.list-game-type .btn.live:hover .icon, .list-game-type .btn.live.active .icon {
  background: url(../images/white/icon-live-active.webp) no-repeat center top;
}
.list-game-type .btn.poker .icon {
  background: url(../images/white/icon-poker-default.webp) no-repeat center top;
}
.list-game-type .btn.poker:hover .icon, .list-game-type .btn.poker.active .icon {
  background: url(../images/white/icon-poker-active.webp) no-repeat center top;
}
.list-game-type .btn.esports .icon {
  background: url(../images/white/icon-esports-default.webp) no-repeat center top;
}
.list-game-type .btn.esports:hover .icon, .list-game-type .btn.esports.active .icon {
  background: url(../images/white/icon-esports-active.webp) no-repeat center top;
}
.list-game-type .btn.sports .icon {
  background: url(../images/white/icon-sports-default.webp) no-repeat center top;
}
.list-game-type .btn.sports:hover .icon, .list-game-type .btn.sports.active .icon {
  background: url(../images/white/icon-sports-active.webp) no-repeat center top;
}
.list-game-type .btn.fishing .icon {
  background: url(../images/white/icon-fishing-default.webp) no-repeat center top;
}
.list-game-type .btn.fishing:hover .icon, .list-game-type .btn.fishing.active .icon {
  background: url(../images/white/icon-fishing-active.webp) no-repeat center top;
}
.list-game-type .btn.cockfight .icon {
  background: url(../images/white/icon-cockfight-default.webp) no-repeat center top;
}
.list-game-type .btn.cockfight:hover .icon, .list-game-type .btn.cockfight.active .icon {
  background: url(../images/white/icon-cockfight-active.webp) no-repeat center top;
}
.list-game-type .btn.lottery .icon {
  background: url(../images/white/icon-lottery-default.webp) no-repeat center top;
}
.list-game-type .btn.lottery:hover .icon, .list-game-type .btn.lottery.active .icon {
  background: url(../images/white/icon-lottery-active.webp) no-repeat center top;
}
.list-game-type .btn.egames .icon {
  background: url(../images/white/icon-egames-default.webp) no-repeat center top;
}
.list-game-type .btn.egames:hover .icon, .list-game-type .btn.egames.active .icon {
  background: url(../images/white/icon-egames-active.webp) no-repeat center top;
}
.list-game-type .hr {
  background: #84A497;
  height: 20px;
  border: 0;
}

.list-game-content .hr {
  border-image: linear-gradient(to right, #BBB, #FFF 80%);
  border-image-slice: 1;
}

.hot .content-title {
  background: url(../images/white/title-tab-hot.webp) no-repeat left top;
}
.slot .content-title {
  background: url(../images/white/title-tab-slot.webp) no-repeat left top;
}
.poker .content-title {
  background: url(../images/white/title-tab-poker.webp) no-repeat left top;
}
.live .content-title {
  background: url(../images/white/title-tab-live.webp) no-repeat left top;
}
.esports .content-title {
  background: url(../images/white/title-tab-esports.webp) no-repeat left top;
}
.sports .content-title {
  background: url(../images/white/title-tab-sports.webp) no-repeat left top;
}
.fishing .content-title {
  background: url(../images/white/title-tab-fishing.webp) no-repeat left top;
}
.cockfight .content-title {
  background: url(../images/white/title-tab-cockfight.webp) no-repeat left top;
}
.lottery .content-title {
  background: url(../images/white/title-tab-lottery.webp) no-repeat left top;
}
.egames .content-title {
  background: url(../images/white/title-tab-egames.webp) no-repeat left top;
}

.list-game-arrow .btn {
  background: #E7E7E7;
  border-color: #CCCFCD;
  color: #1AAF00;
}
.list-game-arrow .btn:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
}

.list-game-item .list-game-info {
  background: #B9FCAD;
  border-color: #A5D3B1;
}
.list-game-item .list-game-info:before {
  box-shadow: inset 0 -50px 30px #FFF;
}
.list-game-item:hover .list-game-info {
  background: linear-gradient(#66AC01, #B3FF46);
  border-color: #97FF00;
}
.list-game-item:hover .list-game-info .providers-name {
  color: #DDFF00;
}
.list-game-item:hover .list-game-info:before {
  box-shadow: inset 0 -50px 30px #006C30;
}

.list-game-hot .game-item .game-pic {
  border-color: #606A63;
}
.list-game-hot .game-item:hover .game-pic {
  border: 2px solid #97FF00;
}
.list-game-hot .game-item:hover .game-name {
  color: #1AAF00;
}

.first-service {
  background: url(../images/white/first-bg02.webp) no-repeat center top;
}

.first-service-title {
  background-image: linear-gradient(#2F3C33 60%, #111A15);
}
.first-service-title:before, .first-service-title:after {
  background: url(../images/white/first-game-title01.webp) no-repeat center;
}
.first-service-title:after {
  background: url(../images/white/first-game-title02.webp) no-repeat center;
}

.first-service-list {
  background: url(../images/white/first-service-list.webp) no-repeat center top;
}
.first-service-list .service-list-pic {
  background-image: linear-gradient(#58B484, #097200);
}
.first-service-list .service-list-pic:before {
  background: linear-gradient(#fff, #B5D7CA);
}
.first-service-list .service-lis-title {
  color: #FFF;
}
.first-service-list .service-lis-text {
  color: #BDE5C8;
}
.first-service-list:hover .service-list-pic {
  box-shadow: 0 0 20px #097200;
}

#game {
  background: url(../images/white/bg-games.webp) no-repeat center 80px;
}

.container {
  background: linear-gradient(#F0F0F0, #FFF 20%, #FFF 90%, #F0F0F0);
  border-color: #FFF;
  box-shadow: 0 4px 0 #E8E8E8;
}

.game-top {
  background: url(../images/white/game-top-bg.webp) no-repeat center top;
}

.hot .game-top-title {
  background: url(../images/white/title-tab-hot.webp) no-repeat right center;
}
.slot .game-top-title {
  background: url(../images/white/title-tab-slot.webp) no-repeat right center;
}
.poker .game-top-title {
  background: url(../images/white/title-tab-poker.webp) no-repeat right center;
}
.live .game-top-title {
  background: url(../images/white/title-tab-live.webp) no-repeat right center;
}
.esports .game-top-title {
  background: url(../images/white/title-tab-esports.webp) no-repeat right center;
}
.sports .game-top-title {
  background: url(../images/white/title-tab-sports.webp) no-repeat right center;
}
.fishing .game-top-title {
  background: url(../images/white/title-tab-fishing.webp) no-repeat right center;
}
.cockfight .game-top-title {
  background: url(../images/white/title-tab-cockfight.webp) no-repeat right center;
}
.lottery .game-top-title {
  background: url(../images/white/title-tab-lottery.webp) no-repeat right center;
}
.egames .game-top-title {
  background: url(../images/white/title-tab-egames.webp) no-repeat right center;
}

.game-top-categories {
  background: linear-gradient(#FFFFFF 40%, #CFCFCF 90%, #E7E7E7);
}
.game-top-categories .categories-list .categories-list-logo:after {
  background: #CACACA;
}
.game-top-categories .categories-list .categories-list-logo.active {
  background: linear-gradient(#A8E79B, #D2FFC9 30%, rgba(255, 255, 255, 0));
  border-top: 3px solid #169100;
  border-bottom: 0;
}
.game-top-categories .categories-arrow .btn-chang-categories {
  background: #FFF;
  border: 1px solid #CCCFCD;
  color: #1AAF00;
}
.game-top-categories .categories-arrow .btn-chang-categories:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
}

.game-content-title {
  color: #111A15;
}

.game-title-icon {
  background: linear-gradient(#30DD00, #066915, #D0FF9E);
  box-shadow: 0 3px 0 #70C470;
}

.game-content-function .function-filter .btn-filter {
  background: #E7E7E7;
  border: 1px solid #CCCFCD;
}
.game-content-function .function-filter .btn-filter.all .filter-icon {
  background: url(../images/white/icon-game-all-default.svg) no-repeat center;
}
.game-content-function .function-filter .btn-filter.all:hover .filter-icon, .game-content-function .function-filter .btn-filter.all.active .filter-icon {
  background: url(../images/white/icon-game-all-hover.svg) no-repeat center;
}
.game-content-function .function-filter .btn-filter.hot .filter-icon {
  background: url(../images/white/icon-game-hot-default.svg) no-repeat center;
}
.game-content-function .function-filter .btn-filter.hot:hover .filter-icon, .game-content-function .function-filter .btn-filter.hot.active .filter-icon {
  background: url(../images/white/icon-game-hot-hover.svg) no-repeat center;
}
.game-content-function .function-filter .btn-filter .filter-text {
  color: #1AAF00;
}
.game-content-function .function-filter .btn-filter:hover, .game-content-function .function-filter .btn-filter.active {
  background: linear-gradient(#169600, #00BF39);
}
.game-content-function .function-filter .btn-filter:hover .filter-text, .game-content-function .function-filter .btn-filter.active .filter-text {
  color: #FFF;
}
.game-content-function .function-search {
  background: #E7E7E7;
  border-color: #CCCFCD;
}
.game-content-function .function-search .search-close {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.game-content-function .function-search .search-input {
  color: #5A9800;
}
.game-content-function .function-search .search-btn {
  color: #5A9800;
}

.game-list .game-item.loading {
  border: 1px solid #EAEAEA;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 60%) rgba(0, 0, 0, 0.04);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}
@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
.game-list .game-item .game-pic {
  background: linear-gradient(#E8E7E7, #FFF);
  border: 3px solid #D9D9D9;
}
.game-list .game-item .game-name {
  color: #888;
}
.game-list .game-item:hover .game-pic {
  border-color: #A5D3B1;
}
.game-list .game-item:hover .game-name {
  color: #1AAF00;
}

.game-list-total {
  color: #888;
}

.game-list-more {
  background: #FFF;
  color: #1AAF00;
  border: 1px solid #CCCFCD;
}
.game-list-more:hover {
  background: #1AAF00;
  color: #FFF;
}

#game-surface .game-header {
  background: #222;
}
#game-surface .game-header .btn-list .btn.close-game {
  background: #E7E7E7;
  border: 1px solid #CCCFCD;
  color: #111A15;
}
#game-surface .game-header .btn-list .btn.close-game:hover {
  background: #666;
  color: #FFF;
}
#game-surface .game-header .btn-list .btn.deposit, #game-surface .game-header .btn-list .btn.multi-game {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
}
#game-surface .game-header .btn-list .btn.deposit:hover, #game-surface .game-header .btn-list .btn.multi-game:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
  box-shadow: 0 2px 0 #02733C;
}
#game-surface .game-header .btn.screen {
  background: linear-gradient(#888, #666);
  color: #fff;
}
#game-surface .game-header .btn.screen:hover {
  background: linear-gradient(#888, #666);
}

#game-surface-popup-deposit .input-content {
  background: #F3F3F3;
  border: 1px solid #E1E1E1;
  color: #939393;
}
#game-surface-popup-deposit .input-content.select .input-text {
  border: 0;
}
#game-surface-popup-deposit .input-content.select .unselect {
  color: #999;
}
#game-surface-popup-deposit .input-content.select .btn-select {
  background: #FFFFFF;
  border-color: #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#game-surface-popup-deposit .input-content.select .btn-select:hover {
  background: #1AAF00;
  box-shadow: 0 2px 0 #1AAF00;
  color: #FFF;
}
#game-surface-popup-deposit .channel-info {
  background: #EAEAEA;
}
#game-surface-popup-deposit .channel-info .item .field-title {
  color: #AAA;
}
#game-surface-popup-deposit .channel-info .info-content {
  color: #7EA98C;
}
#game-surface-popup-deposit .channel-info .info-content .hr {
  border-color: #CCC;
}
#game-surface-popup-deposit .area-amount .input-area .input-remark {
  color: #666;
}
#game-surface-popup-deposit .area-amount .input-area .input-remark .rate .amount-convert {
  color: #1AAF00;
}
#game-surface-popup-deposit .input-area.upload .btn-function {
  background: #FFFFFF;
  border-color: #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#game-surface-popup-deposit .input-area.upload .btn-function:hover {
  background: #1AAF00;
  box-shadow: 0 2px 0 #1AAF00;
  color: #FFF;
}
#game-surface-popup-deposit .input-area.upload .input-text {
  color: #A4A4A4;
}
#game-surface-popup-deposit .input-area.upload .input-text.no-data {
  color: #6A6C70;
}
#game-surface-popup-deposit .input-area.upload.error {
  border: 1px solid #E6473F;
}
#game-surface-popup-deposit .wallet-info .info-content {
  background: #EAEAEA;
  color: #7EA98C;
}
#game-surface-popup-deposit .popup-content::-webkit-scrollbar {
  background-color: #E8E8E8;
}
#game-surface-popup-deposit .popup-content::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
}

#game-surface-popup-multi .list-game .game-icon .icon-border {
  outline: 3px solid #D3D3D3;
  padding: 0;
}
#game-surface-popup-multi .list-game .game-icon .game-name {
  color: #888;
}
#game-surface-popup-multi .list-game .game-icon.no-img .icon-border {
  background: linear-gradient(#E8E7E7, #FFF);
  outline: 3px solid #D9D9D9;
}
#game-surface-popup-multi .list-game .game-icon:hover .icon-border {
  outline-color: #A5D3B1;
}
#game-surface-popup-multi .list-game .game-icon:hover .game-name {
  color: #1AAF00;
}
#game-surface-popup-multi .surface-select {
  background: #E1E1E1;
}
#game-surface-popup-multi .surface-select .list-select .item .icon-border {
  background: #1AAF00;
}
#game-surface-popup-multi .surface-select .list-select .item .game-name {
  color: #1AAF00;
}
#game-surface-popup-multi .surface-select .list-select .item .btn-delete {
  background: #E6473F;
  border-color: #FF9F9F;
}
#game-surface-popup-multi .surface-select .list-select .item.unselect .icon-border {
  background: #EEE;
  border-color: #CCC;
}
#game-surface-popup-multi .surface-select .list-select .item.unselect .game-name {
  color: #A4A4A4;
}

footer {
  background: #EAEAEA;
}

.providers-logo {
  border-color: rgba(255, 255, 255, 0.1);
}
.providers-logo .img-providers {
  opacity: 0.5;
}

.footer-license {
  border-color: rgba(255, 255, 255, 0.1);
}
.footer-license .license-item img {
  opacity: 0.5;
}
.footer-license .license-item .license-title {
  color: #878787;
}

.copyright {
  color: #63686C;
}
.copyright .copyright-wrap .copyright-link p {
  color: #63686C;
  border-color: rgba(99, 104, 108, 0.4);
}
.copyright .copyright-wrap .copyright-link p:hover {
  color: #00561A;
}

#index-popup-check .popup-content {
  background: linear-gradient(#F0F0F0, #FFF 15%, #FFF 85%, #F0F0F0);
}
#index-popup-check .popup-content .area {
  align-items: start;
}
#index-popup-check .popup-content .area.check-day .total-day {
  color: #A4A4A4;
}
#index-popup-check .popup-content .area.check-day .total-day .day {
  color: #1AAF00;
}
#index-popup-check .popup-content .area .area-title {
  font-size: 1.2rem;
  color: #111A15;
  padding-left: 1rem;
}
#index-popup-check .popup-content .area .list {
  background: #EAEAEA;
  border: 2px solid #E1E1E1;
  border-radius: 12px;
  padding: 0.8rem;
}
#index-popup-check .popup-content .area .list .btn-check {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  box-shadow: 0 2px 0 #CEE8A4;
}
#index-popup-check .popup-content .area .list .btn-check .day {
  color: #7EA98C;
}
#index-popup-check .popup-content .area .list .btn-check .btn-img {
  height: 33px;
  background: url("../images/white/popup-check-coin.webp") no-repeat center;
}
#index-popup-check .popup-content .area .list .btn-check .award {
  color: #FFB22B;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed {
  background: #FAFAFa;
  border: 2px solid #E1E1E1;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .day, #index-popup-check .popup-content .area .list .btn-check.confirmed .award {
  color: #A4A4A4;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .btn-img {
  background-position: center top;
  filter: grayscale(100) brightness(0.8);
}
#index-popup-check .popup-content .area .list .btn-check.today {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
}
#index-popup-check .popup-content .area .list .btn-check.today .day {
  color: #FFF;
}
#index-popup-check .popup-content .area .list .btn-check.today .award {
  color: #FFF;
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check .btn-img {
  background: url("../images/white/popup-check-gift.webp") no-repeat center top;
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check.confirmed .btn-img {
  background: url("../images/white/popup-check-coin.webp") no-repeat center top;
}
#index-popup-check .popup-content .popup-btn a {
  color: #282521;
}

#index-popup-news .tab-content {
  background: linear-gradient(#F0F0F0, #FFF 15%, #FFF 85%, #F0F0F0);
}
#index-popup-news .tab-title {
  background: linear-gradient(#EAEAEA, #E1E1E1);
  color: #888;
  box-shadow: inset 0 -4px 6px rgba(0, 0, 0, 0.1);
}
#index-popup-news .tab-title.active, #index-popup-news .tab-title:hover {
  background: linear-gradient(#97FF00, #1AAF00);
  color: #111A15;
}
#index-popup-news .item {
  background: linear-gradient(to right, #FFFFFF, #E2FFEE);
  border: 1px solid #A9CCB9;
  box-shadow: 0 2px 0 #A9CCB9;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
#index-popup-news .item:hover {
  box-shadow: 0 2px 0 #1AAF00;
  border-color: #1AAF00;
}
#index-popup-news .item:hover .btn-more {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
}
#index-popup-news .item:hover .btn-more .text {
  color: #FFF;
}
#index-popup-news .content .title {
  color: #00561A;
}
#index-popup-news .content .date {
  color: #C0B440;
}
#index-popup-news .btn-more {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  transition: all 0.3s ease-in-out;
}
#index-popup-news .btn-more .text {
  color: #1AAF00;
}
#index-popup-news .notify-title {
  color: #111A15;
}
#index-popup-news .notify-title .notify-date {
  color: #A4A4A4;
}
#index-popup-news .notify-content {
  color: #A4A4A4;
}
#index-popup-news .notify-btn {
  transition: all 0.3s ease-in-out;
}
#index-popup-news .notify-btn .notify-btn-close {
  background: #FFF;
  color: #AAA;
  border: 1px solid #CCC;
}
#index-popup-news .notify-btn .notify-btn-close:hover {
  background: #CCC;
  color: #FFF;
}
#index-popup-news .notify-btn .notify-btn-next {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
}
#index-popup-news .notify-btn .notify-btn-next:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#index-popup-news .other .text {
  color: #fff;
}
#index-popup-news .other .rule-gaming {
  background: url(../images/white/btn-rule-gaming.webp) no-repeat center;
  background-size: cover;
}
#index-popup-news .other .rule-service {
  background: url(../images/white/btn-rule-service.webp) no-repeat center;
  background-size: cover;
}

#deposit .page-state.reject .verify-item-reject .img {
  background: url("/common/desktop/images/icon-black/icon-reject.gif") no-repeat center;
  background-size: 72px;
}
#deposit .page-state.review .verify-item-review .img {
  background: url("/common/desktop/images/icon-black/icon-review.gif") no-repeat center;
  background-size: 72px;
}
#deposit .page-state.nodata .verify-item-nodata .img {
  background: url("/common/desktop/images/icon-black/icon-nodata.gif") no-repeat center;
  background-size: 72px;
}
#deposit .list-content .area-amount .input-area .input-remark {
  color: #666;
}
#deposit .list-content .area-amount .input-area .input-remark .rate .amount-convert {
  color: #1AAF00;
}
#deposit .dropdown .dropdown-btn .option.bank-transfer .img, #deposit .dropdown .list-option .option.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#deposit .dropdown .dropdown-btn .option.bank-card .img, #deposit .dropdown .list-option .option.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#deposit .dropdown .dropdown-btn .option.crypto .img, #deposit .dropdown .list-option .option.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#deposit .dropdown .dropdown-btn .option.third-parties .img, #deposit .dropdown .list-option .option.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#deposit .dropdown .list-option {
  background: #FFF;
}
#deposit .dropdown .list-option:hover {
  color: #939393;
  border-color: #E1E1E1;
}
#deposit .input-content {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
}
#deposit .input-content.select .input-text {
  background: none;
  border: 0;
}
#deposit .input-content.select .input-text .unselect {
  color: #999;
}
#deposit .input-content.select .btn-select {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  cursor: pointer;
}
#deposit .input-content.select .btn-select:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#deposit .input-area .channel-info {
  background: #EAEAEA;
}
#deposit .input-area .channel-info .item .field-title {
  color: #A4A4A4;
}
#deposit .input-area .channel-info .info-content .hr {
  border-color: #CCC;
}
#deposit .input-area .input-remark {
  color: #666;
}
#deposit .upload .input-upload .btn-function {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#deposit .upload .input-upload .btn-function:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#deposit .upload .input-upload .input-text {
  color: #939393;
}
#deposit .upload .input-upload .input-text .file-name {
  color: #939393;
}
#deposit .wallet-info .info-content {
  background: #EAEAEA;
}

#deposit, #game-surface-popup-deposit {
  /* 存款方式按鈕 */
}
#deposit .deposit-offers .info-content, #game-surface-popup-deposit .deposit-offers .info-content {
  background: #EAEAEA;
  border-radius: 4px;
}
#deposit .deposit-offers .info-content .offers-list, #game-surface-popup-deposit .deposit-offers .info-content .offers-list {
  border-color: #DADADA;
}
#deposit .deposit-offers .info-content .offers-list .offers-title, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title {
  color: #7EA98C;
  transition: all 0.3s ease-in-out;
}
#deposit .deposit-offers .info-content .offers-list .offers-title input, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title input {
  background: #FFF;
  border-color: #CCC;
}
#deposit .deposit-offers .info-content .offers-list .offers-title input:checked, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title input:checked {
  border-color: #1AAF00;
}
#deposit .deposit-offers .info-content .offers-list .offers-title input:checked:before, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title input:checked:before {
  background: #1AAF00;
}
#deposit .deposit-offers .info-content .offers-list .offers-remark, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-remark {
  color: #A4A4A4;
}
#deposit .deposit-offers .info-content .offers-list .offers-amount, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-amount {
  color: #FFB22B;
}
#deposit .deposit-offers .info-content .offers-list:hover .offers-title, #deposit .deposit-offers .info-content .offers-list.active .offers-title, #game-surface-popup-deposit .deposit-offers .info-content .offers-list:hover .offers-title, #game-surface-popup-deposit .deposit-offers .info-content .offers-list.active .offers-title {
  color: #1AAF00;
}
#deposit .deposit-btn .btn-list, #game-surface-popup-deposit .deposit-btn .btn-list {
  background: linear-gradient(#274C38, #3C8960 80%, #65AC73);
}
#deposit .deposit-btn .btn-list.bank-transfer .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.bank-transfer .btn-img {
  background: url(../images/white/deposit-icon-bank-transfer.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.atm .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.atm .btn-img {
  background: url(../images/white/deposit-icon-atm.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.crypto .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.crypto .btn-img {
  background: url(../images/white/deposit-icon-crypto.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.credit-card .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.credit-card .btn-img {
  background: url(../images/white/deposit-icon-credit-card.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.store-pay .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.store-pay .btn-img {
  background: url(../images/white/deposit-icon-store-pay.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.qr-code .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.qr-code .btn-img {
  background: url(../images/white/deposit-icon-qr-code.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.direct-connection .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.direct-connection .btn-img {
  background: url(../images/white/deposit-icon-direct-connection.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list .btn-text, #game-surface-popup-deposit .deposit-btn .btn-list .btn-text {
  color: #FFF;
}
#deposit .deposit-btn .btn-list:hover, #deposit .deposit-btn .btn-list.active, #game-surface-popup-deposit .deposit-btn .btn-list:hover, #game-surface-popup-deposit .deposit-btn .btn-list.active {
  background: linear-gradient(#97FF00, #1FD300 55%, #D0FF9E);
}
#deposit .deposit-btn .btn-list:hover .btn-img, #deposit .deposit-btn .btn-list.active .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list:hover .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.active .btn-img {
  background-position: center bottom;
}
#deposit .deposit-btn .btn-list:hover .btn-text, #deposit .deposit-btn .btn-list.active .btn-text, #game-surface-popup-deposit .deposit-btn .btn-list:hover .btn-text, #game-surface-popup-deposit .deposit-btn .btn-list.active .btn-text {
  color: #111A15;
}
#deposit .input-content input.input-text, #game-surface-popup-deposit .input-content input.input-text {
  color: #1AAF00;
}
#deposit .input-content .clear-btn, #game-surface-popup-deposit .input-content .clear-btn {
  background: #47554E;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
#deposit .input-content .clear-btn:hover, #game-surface-popup-deposit .input-content .clear-btn:hover {
  opacity: 0.8;
}
#deposit .card, #game-surface-popup-deposit .card {
  background: url(../images/white/card-bank.webp) no-repeat center;
  background-size: cover;
  color: #FFF;
}
#deposit .card.bank-transfer .img, #game-surface-popup-deposit .card.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#deposit .card.bank-card .img, #game-surface-popup-deposit .card.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#deposit .card.crypto .img, #game-surface-popup-deposit .card.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#deposit .card.third-parties .img, #game-surface-popup-deposit .card.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#deposit .card .card-title .tag, #game-surface-popup-deposit .card .card-title .tag {
  color: #FFF;
}
#deposit .card .card-title .tag.success, #game-surface-popup-deposit .card .card-title .tag.success {
  background: #009865;
}
#deposit .card .card-title .tag.fail, #game-surface-popup-deposit .card .card-title .tag.fail {
  background: #B41D1D;
}
#deposit .card .card-title .tag.review, #game-surface-popup-deposit .card .card-title .tag.review {
  background: #F95B00;
}
#deposit .card .card-content .card-account, #game-surface-popup-deposit .card .card-content .card-account {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}

#withdraw .wallet {
  background: linear-gradient(#FFF, #EEF2EE);
  border: 2px solid #9BCE96;
}
#withdraw .wallet .wallet-text {
  color: #9B9B9B;
}
#withdraw .wallet .wallet-text:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/white/icon-wallet-balance.svg) no-repeat left center;
  background-size: cover;
}
#withdraw .wallet .wallet-amount {
  color: #E3A100;
}
#withdraw .dropdown .option.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#withdraw .dropdown .option.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw .dropdown .option.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#withdraw .dropdown .option.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#withdraw .list-function .btn-function {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
}
#withdraw .list-function .btn-function:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
}
#withdraw .list-function .btn-function.disable {
  background: #DEDEDE;
  border-color: #E1E1E1;
  box-shadow: none;
  color: #939393;
}
#withdraw .list-function .btn-refresh {
  background: #F3F3F4;
  border: 1px solid #E1E1E1;
  color: #939393;
  transition: all 0.3s ease-in-out;
}
#withdraw .list-function .btn-refresh:hover {
  border-color: #1AAF00;
  color: #1AAF00;
}
#withdraw .verity-state .page-state-reject .img {
  background: url("/common/desktop/images/icon-black/icon-reject.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-review .img {
  background: url("/common/desktop/images/icon-black/icon-review.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-nodata .img {
  background: url("/common/desktop/images/icon-black/icon-nodata.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-nodata .img {
  background: url("../images/white/add-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card {
  background: url(../images/white/card-bank.webp) no-repeat center;
  background-size: cover;
  color: #FFF;
}
#withdraw .card.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card .card-title .tag {
  color: #FFF;
}
#withdraw .card .card-title .tag.success {
  background: #009865;
}
#withdraw .card .card-title .tag.fail {
  background: #B41D1D;
}
#withdraw .card .card-title .tag.review {
  background: #F95B00;
}
#withdraw .card .card-content .card-account {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}
#withdraw .input-content .input-text {
  color: #1AAF00;
}
#withdraw .input-content .clear-btn {
  background: rgba(0, 0, 0, 0.4);
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
#withdraw .input-content .clear-btn:hover {
  opacity: 0.8;
}
#withdraw .input-remark {
  color: #666;
}
#withdraw .input-remark .amount-convert {
  color: #1AAF00;
}

#withdraw-popup-add .dropdown .option.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-add .dropdown .option.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-add .dropdown .option.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-add .dropdown .option.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-add .upload .input-upload .btn-function {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#withdraw-popup-add .upload .input-upload .btn-function:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#withdraw-popup-add .upload .input-upload .input-text {
  color: #A4A4A4;
}
#withdraw-popup-add .upload .input-upload .input-text .file-name {
  color: #A4A4A4;
}
#withdraw-popup-add .input-content {
  background: #EAEAEA;
}
#withdraw-popup-add .input-content.select {
  border: 1px solid #E1E1E1;
}
#withdraw-popup-add .input-content.select .input-text {
  background: none;
  border: none;
}
#withdraw-popup-add .input-content.select .input-text .unselect {
  color: #A4A4A4;
}
#withdraw-popup-add .input-content.select .btn-select {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  cursor: pointer;
}
#withdraw-popup-add .input-content.select .btn-select:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#withdraw-popup-add .input-area.phone .input-content {
  background: none;
}
#withdraw-popup-add .remark {
  color: #E74A00;
}

#withdraw-popup-verify .list-upload .input-upload {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
}
#withdraw-popup-verify .list-upload .input-upload .upload-number {
  color: #AAA;
}
#withdraw-popup-verify .list-upload .input-upload .btn-function {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#withdraw-popup-verify .list-upload .input-upload .btn-function:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text {
  color: #A4A4A4;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text.nodata {
  color: #999;
}
#withdraw-popup-verify .list-upload .input-upload.error {
  border: 1px solid #E6473F;
}

#withdraw-popup-amount .card {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#withdraw-popup-amount .card .card-title {
  background: rgba(0, 0, 0, 0.14);
  color: #7EA98C;
}
#withdraw-popup-amount .card .card-content .field-title {
  color: #A4A4A4;
}
#withdraw-popup-amount .card .card-content .field-content {
  color: #7EA98C;
}
#withdraw-popup-amount .card.bank-transfer .img {
  background: url("../../../images/common/deposit-icon-bank-transfer.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-amount .card.bank-card .img {
  background: url("../../../images/common/deposit-icon-bank-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-amount .card.crypto .img {
  background: url("../../../images/common/deposit-icon-crypto.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-amount .card.third-parties .img {
  background: url("../../../images/common/deposit-icon-third-parties.webp") no-repeat center;
  background-size: cover;
}
#withdraw-popup-amount .area-amount .input-area .input-remark {
  color: #666;
}
#withdraw-popup-amount .area-amount .input-area .input-remark .rate .amount-convert {
  color: #1AAF00;
}

#discount {
  background: url(../images/white/bg-promotions.webp) no-repeat center 80px fixed;
}

.list-discount .item {
  background: linear-gradient(to right, #FFFFFF, #E2FFEE);
  border: 1px solid #A9CCB9;
  box-shadow: 0 2px 0 #A9CCB9;
  transition: all 0.3s ease-in-out;
}
.list-discount .item .text {
  color: #00561A;
}
.list-discount .item .title {
  color: #00561A;
}
.list-discount .item .title .btn-more {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
.list-discount .item .date {
  color: #C0B440;
}
.list-discount .item:hover {
  box-shadow: 0 2px 0 #1AAF00;
  border-color: #1AAF00;
}
.list-discount .item:hover .btn-more {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}

#discount-detail {
  background: url(../images/white/bg-promotions.webp) no-repeat center 80px fixed;
}
#discount-detail .discount-jp {
  background: linear-gradient(180deg, #FFAA4E 0%, #FEEBA4 2.96%, #E05704 20.24%, #FFDC19 48%, #F78009 73.5%, #F25100 100%);
}
#discount-detail .discount-jp .area-data {
  background: #F6F1ED;
  color: #502700;
}
#discount-detail .discount-jp .area-data .hr-vertical {
  background: #CCC;
}
#discount-detail .discount-jp .area-data .hr {
  border-color: #CCC;
}
#discount-detail .discount-jp .area-title .list-text .text {
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #fff;
  color: #FF7A2D;
  paint-order: stroke fill;
}
#discount-detail .btn-back {
  color: #89B383;
}
#discount-detail .btn-back:hover {
  color: #1AAF00;
}

.discount-title .title {
  color: #111A15;
}
.discount-title .date {
  color: #C0B440;
}
.discount-title .btn-apply {
  background: linear-gradient(#64BB00, #00CA5B);
  border: 1px solid #00C63B;
  color: #FFF;
}
.discount-title .btn-apply:hover {
  background: #97FF00;
  border-color: #1AAF00;
  color: #000;
}
.discount-title .btn-apply.ineligible, .discount-title .btn-apply.applied {
  background: #DDD;
  color: #AAA;
  border: 0;
}
.discount-title .btn-apply.ineligible:hover, .discount-title .btn-apply.applied:hover {
  opacity: 1;
}

.content-text {
  color: #666;
}

.area-other .list .item {
  background: linear-gradient(to right, #FFFFFF, #E2FFEE);
  border: 1px solid #A9CCB9;
  box-shadow: 0 2px 0 #A9CCB9;
}
.area-other .list .item .info-content .title {
  color: #00561A;
}
.area-other .list .item .info-content .date {
  color: #C0B440;
}
.area-other .list .item:hover {
  box-shadow: 0 2px 0 #1AAF00;
  border-color: #1AAF00;
}
.area-other .btn-more {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
}
.area-other .btn-more:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}

#discount-popup-red-envelope .btn-close, #red-envelope-code-popup-success .btn-close {
  background: transparent;
}

.area-menu .btn-menu {
  background-position: left top;
  background-repeat: no-repeat;
}
.area-menu .btn-menu.upper-agent .icon {
  background-image: url("../images/white/icon-upper-agent.svg");
}
.area-menu .btn-menu.upper-member .icon {
  background-image: url("../images/white/icon-upper-member.svg");
}
.area-menu .btn-menu.under-member .icon {
  background-image: url("../images/white/icon-under-member.svg");
}
.area-menu .btn-menu.support-service .icon {
  background-image: url("../images/white/icon-support-service.svg");
}
.area-menu .btn-menu:hover, .area-menu .btn-menu.active {
  color: #00561A;
}
.area-menu .btn-menu .unread {
  background: #E6473F;
}

.area-content .msg-welcome {
  color: #999;
}
.area-content .time .text-time {
  background: #EAEAEA;
  color: #111A15;
}
.area-content .avatar {
  border: 2px solid #A4A4A4;
}
.area-content .other-side .avatar {
  background: url("../../../images/common/service-avatar.webp") no-repeat center;
  background-size: cover;
}
.area-content .other-side .user-name {
  color: #A4A4A4;
}
.area-content .other-side .msg-text {
  background: #EAEAEA;
  color: #111A15;
}
.area-content .other-side .msg-time {
  color: #A4A4A4;
}
.area-content .own .user-name {
  color: #A4A4A4;
  text-align: right;
}
.area-content .own .msg-text {
  background: #CBDFD0;
  color: #3C7134;
}
.area-content .own .msg-time {
  color: #A4A4A4;
}
.area-content .chat-state-wait .img {
  background: url(/common/desktop/images/icon-black/support-service-wait.gif) no-repeat center;
  background-size: 72px;
}
.area-content .chat-state-wait .remark {
  color: #666;
}
.area-content .chat-surface {
  background: #EAEAEA;
  border: 1px solid #D4D4D4;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.area-content .chat-surface .input-text {
  border: 0;
  color: #888;
}
.area-content .chat-surface .btn-upload-img {
  background: url(../images/white/chatroom-upload-image.svg) no-repeat center;
  transition: all 0.3s ease-in-out;
}
.area-content .chat-surface .btn-upload-img:hover {
  opacity: 0.9;
}
.area-content .chat-surface.disable {
  opacity: 0.4;
}
.area-content .chat-surface.disable .btn-upload-img:hover {
  opacity: 1;
}
.area-content .chat-surface:has(input:focus) {
  background: #FFF;
}

#chatroom-under-member .page-content-list .area-page-content {
  background: linear-gradient(#F0F0F0, #FFF 15%, #FFF 85%, #F0F0F0);
  border: 1px solid #FFFFFF;
  box-shadow: 0 3px 0 #B6B6B6;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .avatar {
  border: 2px solid #A4A4A4;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .user-name {
  color: #FFB22B;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .msg-text {
  color: #A4A4A4;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .msg-time {
  color: #A4A4A4;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .msg-count {
  background: #E6473F;
  color: #fff;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item.active {
  border: 2px solid #1AAF00;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item:hover {
  background: #FFFEE6;
}
#chatroom-under-member .page-content-list .area-page-content .area-content {
  background: none;
  border: 0;
}

#roadmap {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#roadmap:before {
  background: #FFF;
  box-shadow: 0 3px 0 #B6B6B6;
}
#roadmap .roadmap-top {
  background: url(../images/white/roadmap-bg.webp) no-repeat center;
  background-size: cover;
}
#roadmap .roadmap-top .user-photo {
  background: url(/images/common/photo.webp) no-repeat center;
  background-size: cover;
  border-color: #FF3859;
}
#roadmap .roadmap-top .user-content .user-vip {
  background: linear-gradient(rgba(255, 160, 168, 0.5) 10%, rgba(251, 39, 57, 0.5) 50%, rgba(157, 25, 25, 0.5) 60%, rgba(255, 81, 226, 0.5)), linear-gradient(#D40010, #E05454);
  border: 1px solid #FFDD2E;
  color: #FFDD88;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#roadmap .roadmap-top .user-content .user-vip:before {
  background: url(../images/white/vip-badge.webp) no-repeat center;
  background-size: cover;
}
#roadmap .roadmap-top .user-content .user-account {
  color: #FFF;
}
#roadmap .roadmap-top .user-content .user-amount {
  color: #FFDD00;
}
#roadmap .roadmap-top .user-content .user-amount:before {
  background: url(../images/white/icon-money.svg) no-repeat center;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-title {
  color: #FFF;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-title span {
  color: #DCFF4F;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent {
  background: #000;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg {
  background: linear-gradient(#DDFF00, #7FC600);
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg .bar-number {
  color: #DCFF4F;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg.inside .bar-number {
  color: #000;
}
#roadmap .roadmap-top .acc-function-bar .amount {
  color: #97FF00;
}
#roadmap .roadmap-top .function-link .function-link-item {
  background: linear-gradient(#498900, #2F5800);
  box-shadow: 0 2px 0 #94D700;
}
#roadmap .roadmap-top .function-link .function-link-item.deposit .link-icon {
  background-image: url(../images/white/function-link-deposit.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.withdraw .link-icon {
  background-image: url(../images/white/function-link-withdraw.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.account-record .link-icon {
  background-image: url(../images/white/function-link-account-record.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.discount-history .link-icon {
  background-image: url(../images/white/function-link-discount-history.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item .link-icon {
  background-color: #153726;
}
#roadmap .roadmap-top .function-link .function-link-item .link-text {
  color: #FFF;
}
#roadmap .roadmap-top .function-link .function-link-item:hover {
  background: linear-gradient(#94D700, #498900);
}
#roadmap .roadmap-link-item {
  background: #F4F4F4;
}
#roadmap .roadmap-link-item .link-title {
  color: #111A15;
}
#roadmap .roadmap-link-item .link-title:after {
  background: linear-gradient(to right, #377C57, #C6C6C6 20%, #E9E9E9);
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.basic-data {
  background: url(../images/white/roadmap-basic-data.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.verification {
  background: url(../images/white/roadmap-verification.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.member-level {
  background: url(../images/white/roadmap-member-level.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.notify {
  background: url(../images/white/roadmap-notify.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.instant-rebate {
  background: url(../images/white/roadmap-instant-rebate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-bonus {
  background: url(../images/white/roadmap-discount-bonus.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.red-envelope-code {
  background: url(../images/white/roadmap-red-envelope-code.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.check {
  background: url(../images/white/roadmap-check.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deposit {
  background: url(../images/white/roadmap-deposit.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bank-card-info {
  background: url(../images/white/roadmap-bank-card-info.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdraw {
  background: url(../images/white/roadmap-withdraw.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bet-history {
  background: url(../images/white/roadmap-bet-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.depositing {
  background: url(../images/white/roadmap-depositing.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdrawal {
  background: url(../images/white/roadmap-withdrawal.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.addBalance {
  background: url(../images/white/roadmap-addBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deductBalance {
  background: url(../images/white/roadmap-deductBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.transferIn {
  background: url(../images/white/roadmap-transferIn.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.donate {
  background: url(../images/white/roadmap-donate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.providerPromotions {
  background: url(../images/white/roadmap-providerPromotions.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.my-promote {
  background: url(../images/white/roadmap-my-promote.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-teach {
  background: url(../images/white/roadmap-promote-teach.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-rule {
  background: url(../images/white/roadmap-promote-rule.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-history {
  background: url(../images/white/roadmap-promote-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.summary-team {
  background: url(../images/white/roadmap-summary-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.report-team {
  background: url(../images/white/roadmap-report-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.achievement-rewards {
  background: url(../images/white/roadmap-achievement-rewards.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-offline-member {
  background: url(../images/white/roadmap-promote-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.personal-center {
  background: url(../images/white/roadmap-personal-center.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.agent-progress {
  background: url(../images/white/roadmap-agent-progress.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.offline-member {
  background: url(../images/white/roadmap-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.level-system {
  background: url(../images/white/roadmap-level-system.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-activity {
  background: url(../images/white/roadmap-discount-activity.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.disclaimer {
  background: url(../images/white/roadmap-disclaimer.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.qa {
  background: url(../images/white/roadmap-qa.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-gamble {
  background: url(../images/white/roadmap-register-gamble.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-terms {
  background: url(../images/white/roadmap-register-terms.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.privacy {
  background: url(../images/white/roadmap-privacy.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.modify-password {
  background: url(../images/white/roadmap-modify-password.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .link-item-text {
  color: #00561A;
  transition: all 0.3s ease-in-out;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .verify-text.no-data {
  color: #FF0000;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .verify-text.review {
  color: #FF8300;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .verify-text.success {
  color: #46D42F;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .verify-text.reject {
  color: #E6473F;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .link-item-arrow {
  color: #89B383;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item:before, #roadmap .roadmap-link-item .link-content .link-list .link-item:after {
  background: #7FC600;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item:hover .link-item-text {
  color: #00AA33;
}
#roadmap .roadmap-link-item .link-content .link-list:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

#my-info-member {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#my-info-member .area-content .area-title {
  color: #111A15;
}
#my-info-member .area-content .vip-card {
  background-image: url("../images/white/vip-card.webp");
}
#my-info-member .area-content .vip-card .tag {
  border-radius: 8px 0 18px 0;
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
}
#my-info-member .area-content .vip-card .level-text {
  color: #9C9C9C;
  -webkit-text-stroke-color: #E9EAEA;
}
#my-info-member .area-content .vip-card.now {
  background-image: url(../images/white/vip-card-now.webp);
  max-height: 130px;
}
#my-info-member .area-content .vip-card.now .tag {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
#my-info-member .area-content .vip-card.now .level-text {
  color: #111A15;
  -webkit-text-stroke-color: #FFF;
}
#my-info-member .area-content .vip-card.old {
  background-image: url(../images/white/vip-card-old.webp);
}
#my-info-member .area-content .vip-card.old .tag {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
}
#my-info-member .area-content .vip-card.old .level-text {
  color: #48AF4B;
  -webkit-text-stroke-color: #E0FFCD;
}
#my-info-member .area-content .vip-card.level-1.now:after {
  background-image: url("../images/white/vip-icon/level-1-now.webp");
}
#my-info-member .area-content .vip-card.level-2.now:after {
  background-image: url("../images/white/vip-icon/level-2-now.webp");
}
#my-info-member .area-content .vip-card.level-3.now:after {
  background-image: url("../images/white/vip-icon/level-3-now.webp");
}
#my-info-member .area-content .vip-card.level-4.now:after {
  background-image: url("../images/white/vip-icon/level-4-now.webp");
}
#my-info-member .area-content .vip-card.level-5.now:after {
  background-image: url("../images/white/vip-icon/level-5-now.webp");
}
#my-info-member .area-content .vip-card.level-6.now:after {
  background-image: url("../images/white/vip-icon/level-6-now.webp");
}
#my-info-member .area-content .vip-card.level-7.now:after {
  background-image: url("../images/white/vip-icon/level-7-now.webp");
}
#my-info-member .area-content .vip-card.level-8.now:after {
  background-image: url("../images/white/vip-icon/level-8-now.webp");
}
#my-info-member .area-content .vip-card.level-9.now:after {
  background-image: url("../images/white/vip-icon/level-9-now.webp");
}
#my-info-member .area-content .vip-card.level-10.now:after {
  background-image: url("../images/white/vip-icon/level-10-now.webp");
}
#my-info-member .area-content .vip-card.level-11.now:after {
  background-image: url("../images/white/vip-icon/level-11-now.webp");
}
#my-info-member .area-content .vip-card.level-12.now:after {
  background-image: url("../images/white/vip-icon/level-12-now.webp");
}
#my-info-member .area-content .vip-card.level-13.now:after {
  background-image: url("../images/white/vip-icon/level-13-now.webp");
}
#my-info-member .area-content .vip-card.level-14.now:after {
  background-image: url("../images/white/vip-icon/level-14-now.webp");
}
#my-info-member .area-content .vip-card.level-15.now:after {
  background-image: url("../images/white/vip-icon/level-15-now.webp");
}
#my-info-member .area-content .vip-card.level-16.now:after {
  background-image: url("../images/white/vip-icon/level-16-now.webp");
}
#my-info-member .area-content .info-content .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#my-info-member .area-content .info-content .list-total .hr-vertical {
  background: #A3BAA0;
}
#my-info-member .area-content .info-content .list-total .title {
  font-weight: bold;
  color: #111A15;
}
#my-info-member .area-content .info-content .list-total .amount {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#my-info-member .area-content .info-content .info-bar-area {
  background: linear-gradient(#395D4A, #41983F);
  border: 1px solid #A3CD9D;
  box-shadow: 0 2px 0 #A3CD9D;
  border-radius: 8px;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-title {
  color: #FFF;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-title span {
  color: #DCFF4F;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent {
  background: #000;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg {
  background: linear-gradient(#DDFF00, #7FC600);
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg .info-bar-number {
  color: #CFFC0C;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg.inside .info-bar-number {
  color: #000;
}
#my-info-member .area-content .info-content .list-gift .item {
  background: linear-gradient(#395D4A, #41983F);
  border: 1px solid #A3CD9D;
  box-shadow: 0 2px 0 #A3CD9D;
}
#my-info-member .area-content .info-content .list-gift .item.level-up .img {
  background: url("../images/white/vip-info-gift-level-up.webp") no-repeat center;
}
#my-info-member .area-content .info-content .list-gift .item.month .img {
  background: url("../images/white/vip-info-gift-month.webp") no-repeat center;
}
#my-info-member .area-content .info-content .list-gift .item.week .img {
  background: url("../images/white/vip-info-gift-week.webp") no-repeat center;
}
#my-info-member .area-content .info-content .list-gift .item .title {
  color: #FFF;
}
#my-info-member .area-content .info-content .list-gift .item .amount {
  color: #FFCB00;
}
#my-info-member .area-content .list-info {
  background: #FAFAFA;
  border: 1px solid #D8D8D8;
}
#my-info-member .area-content .list-info .field-title {
  color: #A4A4A4;
}
#my-info-member .area-content .list-info .hr {
  border-color: #E5E5E5;
}
#my-info-member .area-content .list-info .item-title {
  color: #6E9668;
}
#my-info-member .area-content .list-info .field-amount {
  color: #FFB22B;
}
#my-info-member .area-content .list-cashback-limit .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#my-info-member .area-content .list-cashback-limit .item .text {
  color: #1AAF00;
}
#my-info-member .area-content .list-cashback-limit .item .amount {
  color: #FFB22B;
}
#my-info-member .area-content .list-table {
  border-left: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
}
#my-info-member .area-content .list-table .table-colum-title {
  border-right: 1px solid #D4D4D4;
}
#my-info-member .area-content .list-table .table-colum-title .row {
  border-bottom: 1px solid #D4D4D4;
  background: #FFF;
  color: #888;
}
#my-info-member .area-content .list-table .table-colum-title .row.title {
  background: #CBDFD0;
  color: #3C7134;
}
#my-info-member .area-content .list-table .table-colum-title .row.even {
  background: #EAEAEA;
}
#my-info-member .area-content .list-table .table-content .row.title .colum {
  background: #CBDFD0;
  color: #3C7134;
}
#my-info-member .area-content .list-table .table-content .row.title .colum.now-level {
  background: linear-gradient(#1AAF00, #159000);
}
#my-info-member .area-content .list-table .table-content .row.even .colum {
  background: #EAEAEA;
}
#my-info-member .area-content .list-table .table-content .row.even .colum.now-level {
  background: #7DC171;
  color: #FFF;
  border-bottom: 1px solid #D4D4D4;
}
#my-info-member .area-content .list-table .table-content .row .colum {
  background: #FFF;
  border-right: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
}
#my-info-member .area-content .list-table .table-content .row .colum.now-level {
  background: #7DC171;
  color: #FFF;
  border-bottom: 1px solid #D4D4D4;
}
#my-info-member .area-content .list-table .table-content .content::-webkit-scrollbar {
  background-color: #E8E8E8;
}
#my-info-member .area-content .list-table .table-content .content::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
}
#my-info-member .area-content .list::-webkit-scrollbar {
  background-color: #E8E8E8;
}
#my-info-member .area-content .list::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(1) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-16.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(1) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-16-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(1) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-16-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(2) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-15.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(2) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-15-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(2) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-15-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(3) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-14.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(3) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-14-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(3) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-14-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(4) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-13.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(4) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-13-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(4) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-13-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(5) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-12.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(5) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-12-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(5) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-12-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(6) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-11.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(6) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-11-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(6) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-11-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(7) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-10.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(7) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-10-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(7) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-10-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(8) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-9.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(8) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-9-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(8) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-9-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(9) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-8.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(9) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-8-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(9) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-8-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(10) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-7.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(10) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-7-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(10) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-7-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(11) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-6.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(11) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-6-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(11) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-6-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(12) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-5.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(12) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-5-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(12) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-5-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(13) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-4.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(13) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-4-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(13) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-4-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(14) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-3.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(14) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-3-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(14) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-3-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(15) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-2.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(15) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-2-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(15) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-2-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(16) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-1.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(16) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-1-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(16) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-1-now.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(17) .vip-card:after {
  background-image: url("../images/white/vip-icon/level-0.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(17) .vip-card.old:after {
  background-image: url("../images/white/vip-icon/level-0-old.webp");
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(17) .vip-card.now:after {
  background-image: url("../images/white/vip-icon/level-0-now.webp");
}

#my-info-basic {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#my-info-basic .item-field .field-title .field-name {
  color: #888;
}
#my-info-basic .item-field .field-title .field-name .icon {
  color: #8CC39B;
}
#my-info-basic .item-field .field-title .btn-edit {
  background: #FFF;
  border: 1px solid #7FD4AB;
  color: #1AAF00;
  box-shadow: 0 2px 0 #7FD4AB;
}
#my-info-basic .item-field .field-title .btn-edit:hover {
  background: #1AAF00;
  color: #FFF;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
}
#my-info-basic .item-field .field-content {
  background: #FCFCFC;
  border: 1px solid #EEEEEE;
  color: #15814B;
}
#my-info-basic .item-field .field-content .no-data {
  color: #999;
}
#my-info-basic .item-field .field-state.review {
  color: #FFDD00;
}
#my-info-basic .item-field .field-state.success {
  color: #46D42F;
}
#my-info-basic .item-field .field-state.reject {
  color: #E6473F;
}

#deal-detail {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#deal-detail .table .colum.state {
  color: #FFB22B;
}
#deal-detail .table .row.title .state {
  color: #AAA;
}

#bet-record {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#bet-record .area-content .content-title .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#bet-record .area-content .content-title .list-total .field-title {
  color: #111A15;
}
#bet-record .area-content .content-title .list-total .field-content {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#bet-record .area-content .content-title .list-total .hr-vertical {
  background: #A3BAA0;
}
#bet-record .area-content .content-title .list-total .total-winlose.win .field-content {
  -webkit-text-stroke-width: 0;
  color: #1AAF00;
}
#bet-record .area-content .content-title .list-total .total-winlose.lose .field-content {
  -webkit-text-stroke-width: 0;
  color: #E6473F;
}
#bet-record .area-content .content-title .area-function .list-btn-function .input-search {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
  color: #939393;
  transition: all 0.3s ease-in-out;
}
#bet-record .area-content .content-title .area-function .list-btn-function .input-search .input-text {
  border: 0;
}
#bet-record .area-content .content-title .area-function .list-btn-function .input-search:has(input:focus) {
  background: #FFF;
}
#bet-record .area-content .content-title .area-function .data-count {
  color: #1AAF00;
}
#bet-record .area-content .table-bet-record .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#bet-record .area-content .table-bet-record .item .item-title {
  background: rgba(0, 0, 0, 0.14);
}
#bet-record .area-content .table-bet-record .item .item-content .field .title {
  color: #A4A4A4;
}
#bet-record .area-content .table-bet-record .item .item-content .field .amount {
  color: #FFB22B;
}
#bet-record .area-content .table-bet-record .item .item-content .hr {
  border-color: #A3BAA0;
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.win .amount {
  color: #46D42F;
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.lose .amount {
  color: #E6473F;
}

#instant-rebate {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#instant-rebate .area-content .content-title .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#instant-rebate .area-content .content-title .list-total .field-title {
  color: #111A15;
}
#instant-rebate .area-content .content-title .list-total .field-content {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#instant-rebate .area-content .content-title .list-total .hr-vertical {
  background: #A3BAA0;
}
#instant-rebate .area-content .content-title .area-function .list-btn-function .input-search {
  background: #2f3230;
  color: #AAA;
}
#instant-rebate .area-content .table-instant-rebate .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#instant-rebate .area-content .table-instant-rebate .item .item-title {
  background: rgba(0, 0, 0, 0.14);
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .field .title {
  color: #A4A4A4;
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .field .amount {
  color: #FFB22B;
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .hr {
  border-color: #616161;
}

#bet-record-detail {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#bet-record-detail .area-content .content-title {
  color: #AAA;
}
#bet-record-detail .area-content .content-title .game-name {
  color: #111A15;
}
#bet-record-detail .table .row .colum.state {
  color: #FFB22B;
}
#bet-record-detail .table .row.title .state {
  color: #AAA;
}
#bet-record-detail .table .row.win .winlose {
  color: #46D42F;
}
#bet-record-detail .table .row.lose .winlose {
  color: #E6473F;
}

#bonus-record-offer, #bonus-record-cashback, #bonus-record-vip, #bonus-all-agent {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

#bonus-record-offer .btn-one-click, #bonus-record-cashback .btn-one-click, #bonus-record-vip .btn-one-click, #bonus-all-agent .btn-one-click, #instant-rebate .btn-one-click {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
}
#bonus-record-offer .btn-one-click:hover, #bonus-record-cashback .btn-one-click:hover, #bonus-record-vip .btn-one-click:hover, #bonus-all-agent .btn-one-click:hover, #instant-rebate .btn-one-click:hover {
  background: #1AAF00;
  border-color: #97FF00;
  color: #FFF;
  box-shadow: 0 2px 0 #02733C;
}
#bonus-record-offer .btn-one-click.disabled, #bonus-record-cashback .btn-one-click.disabled, #bonus-record-vip .btn-one-click.disabled, #bonus-all-agent .btn-one-click.disabled, #instant-rebate .btn-one-click.disabled {
  background: #999;
  color: #FFF;
  border: 0;
  box-shadow: none;
}

#bonus-record-offer .state, #bonus-record-cashback .state, #bonus-record-vip .state, #bonus-all-agent .state {
  color: #FFB22B;
}
#bonus-record-offer .title .state, #bonus-record-cashback .title .state, #bonus-record-vip .title .state, #bonus-all-agent .title .state {
  color: #AAA;
}

/* 全民代理獎金 */
#bonus-all-agent .table .colum.cashbacktype:hover {
  color: #1AAF00;
}

#bonus-all-agent-popup .table {
  border-top: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
}
#bonus-all-agent-popup .table .row {
  background: #EAEAEA;
  border-bottom: 1px solid #D4D4D4;
}
#bonus-all-agent-popup .table .row.event {
  background: #FAFAFA;
}
#bonus-all-agent-popup .table .row.title {
  background: #CBDFD0;
  color: #3C7134;
}

#promote-overview {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

.page-content-list .area-menu .btn-menu.overview .icon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("../images/white/icon-promote-overview.svg");
  background-color: #DFEFD1;
  background-position: center top;
}
.page-content-list .area-menu .btn-menu:hover .icon, .page-content-list .area-menu .btn-menu.active .icon {
  background-color: #63D000;
  background-position: center bottom;
}
#promote-overview .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-overview .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-overview .page-content-list .area-menu .btn-menu.active, #promote-overview .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu, #promote-team-report .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu svg, #promote-team-report .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team-overview .page-content-list .area-menu .btn-menu.active, #promote-team-overview .page-content-list .area-menu .btn-menu:hover, #promote-team-report .page-content-list .area-menu .btn-menu.active, #promote-team-report .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}

#promote-tutorial {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

.page-content-list .area-menu .btn-menu.tutorial .icon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("../images/white/icon-promote-tutorial.svg");
  background-color: #DFEFD1;
  background-position: center top;
}
.page-content-list .area-menu .btn-menu:hover .icon, .page-content-list .area-menu .btn-menu.active .icon {
  background-color: #63D000;
  background-position: center bottom;
}
#promote-tutorial .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-tutorial .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-tutorial .page-content-list .area-menu .btn-menu.active, #promote-tutorial .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu, #promote-team-report .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu svg, #promote-team-report .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team-overview .page-content-list .area-menu .btn-menu.active, #promote-team-overview .page-content-list .area-menu .btn-menu:hover, #promote-team-report .page-content-list .area-menu .btn-menu.active, #promote-team-report .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}

#promote-rule {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

.page-content-list .area-menu .btn-menu.rule .icon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("../images/white/icon-promote-rule.svg");
  background-color: #DFEFD1;
  background-position: center top;
}
.page-content-list .area-menu .btn-menu:hover .icon, .page-content-list .area-menu .btn-menu.active .icon {
  background-color: #63D000;
  background-position: center bottom;
}
#promote-rule .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-rule .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-rule .page-content-list .area-menu .btn-menu.active, #promote-rule .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu, #promote-team-report .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu svg, #promote-team-report .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team-overview .page-content-list .area-menu .btn-menu.active, #promote-team-overview .page-content-list .area-menu .btn-menu:hover, #promote-team-report .page-content-list .area-menu .btn-menu.active, #promote-team-report .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}

#promote-achievement {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

.page-content-list .area-menu .btn-menu.achievement .icon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("../images/white/icon-promote-achievement.svg");
  background-color: #DFEFD1;
  background-position: center top;
}
.page-content-list .area-menu .btn-menu:hover .icon, .page-content-list .area-menu .btn-menu.active .icon {
  background-color: #63D000;
  background-position: center bottom;
}
#promote-achievement .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-achievement .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-achievement .page-content-list .area-menu .btn-menu.active, #promote-achievement .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu, #promote-team-report .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu svg, #promote-team-report .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team-overview .page-content-list .area-menu .btn-menu.active, #promote-team-overview .page-content-list .area-menu .btn-menu:hover, #promote-team-report .page-content-list .area-menu .btn-menu.active, #promote-team-report .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}

#promote-team {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}

.page-content-list .area-menu .btn-menu.team .icon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url("../images/white/icon-promote-team.svg");
  background-color: #DFEFD1;
  background-position: center top;
}
.page-content-list .area-menu .btn-menu:hover .icon, .page-content-list .area-menu .btn-menu.active .icon {
  background-color: #63D000;
  background-position: center bottom;
}
#promote-team .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team .page-content-list .area-menu .btn-menu.active, #promote-team .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu, #promote-team-report .page-content-list .area-menu .btn-menu {
  border: 0;
}
#promote-team-overview .page-content-list .area-menu .btn-menu svg, #promote-team-report .page-content-list .area-menu .btn-menu svg {
  background: none;
}
#promote-team-overview .page-content-list .area-menu .btn-menu.active, #promote-team-overview .page-content-list .area-menu .btn-menu:hover, #promote-team-report .page-content-list .area-menu .btn-menu.active, #promote-team-report .page-content-list .area-menu .btn-menu:hover {
  background: none;
  border: 0;
}

#promote-overview .area-receive-award {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#promote-overview .area-receive-award .img-icon {
  background: url("../images/white/promote-icon-award.svg") no-repeat center;
  background-size: 100% auto;
}
#promote-overview .area-receive-award .title {
  color: #111A15;
}
#promote-overview .area-receive-award .amount {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#promote-overview .area-receive-award .btn-receive {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
}
#promote-overview .area-receive-award .btn-receive:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#promote-overview .area-receive-award .btn-receive.disabled {
  pointer-events: none;
  background: #CCC;
  color: #AAA;
  border-color: transparent;
  box-shadow: none;
}
#promote-overview .area-receive-award .hr-vertical {
  background: rgba(0, 0, 0, 0.1);
}
#promote-overview .area-total .area-title {
  color: #111A15;
}
#promote-overview .area-total .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#promote-overview .area-total .item .item-title {
  background: rgba(0, 0, 0, 0.14);
}
#promote-overview .area-total .item .item-title .content-text {
  color: #FFB22B;
}
#promote-overview .area-total .item .item-content {
  color: #A4A4A4;
}
#promote-overview .area-promote-method .area-title {
  color: #111A15;
}
#promote-overview .area-promote-method .list-method .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#promote-overview .area-promote-method .list-method .item.link .icon {
  background: url("../images/white/icon-link.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/white/icon-code-number.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/white/icon-qrcode.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item .title .text {
  color: #A4A4A4;
}
#promote-overview .area-promote-method .list-method .item .btn-option {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#promote-overview .area-promote-method .list-method .item .btn-option .btn-text {
  color: #1AAF00;
}
#promote-overview .area-promote-method .list-method .item .btn-option:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#promote-overview .area-promote-method .list-method .item .btn-option:hover .btn-text {
  color: #FFF;
}
#promote-overview .area-promote-method .area-qrcode {
  height: 100%;
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}

#promote-achievement .list-function .btn-sort-by {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#promote-achievement .list-function .btn-sort-by:hover {
  border-color: #1AAF00;
}
#promote-achievement .table .state {
  color: #FFB22B;
}
#promote-achievement .table .title .state {
  color: #3C7134;
}

#promote-team-overview {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#promote-team-overview .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#promote-team-overview .list-total .title {
  color: #111A15;
}
#promote-team-overview .list-total .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#promote-team-overview .list-total .hr-vertical {
  background: #A3BAA0;
}
#promote-team-overview .list-data .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#promote-team-overview .list-data .item .field-title {
  color: #1AAF00;
}
#promote-team-overview .list-data .item .field-content {
  color: #FFCB00;
}

#promote-team-report {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#promote-team-report .list-my-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
}
#promote-team-report .list-my-total .field-title {
  color: #111A15;
}
#promote-team-report .list-my-total .field-content {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}

#promote-tutorial .item-qa {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  transition: all 0.3s ease-in-out;
}
#promote-tutorial .item-qa .content {
  color: #A4A4A4;
}
#promote-tutorial .item-qa .fa-plus {
  color: #1AAF00;
}
#promote-tutorial .item-qa:hover {
  color: #1AAF00;
  border-color: #1AAF00;
}

#promote-rule .item-qa {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  transition: all 0.3s ease-in-out;
}
#promote-rule .item-qa .content {
  color: #A4A4A4;
}
#promote-rule .item-qa .fa-plus {
  color: #1AAF00;
}
#promote-rule .item-qa:hover {
  color: #1AAF00;
  border-color: #1AAF00;
}

#promote-achievement .table, #promote-team-report .table, #promote-achievement-rewards .table {
  color: #888;
  border-left: 1px solid #D4D4D4;
  border-top: 1px solid #D4D4D4;
}
#promote-achievement .table .row, #promote-team-report .table .row, #promote-achievement-rewards .table .row {
  background: #FFF;
}
#promote-achievement .table .row.title, #promote-team-report .table .row.title, #promote-achievement-rewards .table .row.title {
  background: #CBDFD0;
  color: #3C7134;
}
#promote-achievement .table .row.even, #promote-team-report .table .row.even, #promote-achievement-rewards .table .row.even {
  background: #EAEAEA;
}
#promote-achievement .table .row .colum, #promote-team-report .table .row .colum, #promote-achievement-rewards .table .row .colum {
  border-right: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
}

#promote-offline-member .area-title .text {
  color: #11111A;
}
#promote-offline-member .data-count {
  color: #1AAF00;
}
#promote-offline-member .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
  color: #111A15;
}
#promote-offline-member .list-total .hr-vertical {
  background: #A3BAA0;
}
#promote-offline-member .list-total .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#promote-offline-member .offline-content .list-total {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  box-shadow: none;
}
#promote-offline-member .offline-content .list-total .item .title {
  color: #1AAF00;
}
#promote-offline-member .offline-content .list-total .item .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 0;
}
#promote-offline-member .offline-content .list-total .hr-vertical {
  background: #CEE8A4;
}

.page-content-list .area-menu .btn-menu .icon {
  min-width: 36px;
  height: 36px;
  background-color: #DFEFD1;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.page-content-list .area-menu .btn-menu.personal .icon {
  background-image: url("../images/white/icon-personal-center.svg");
}
.page-content-list .area-menu .btn-menu.level .icon {
  background-image: url("../images/white/icon-level-system.svg");
}
.allagent .page-content-list .area-menu .btn-menu:hover, .allagent .page-content-list .area-menu .btn-menu.active {
  background-position: center bottom;
}

#allagent-personal-center .area-title {
  color: #111A15;
}
#allagent-personal-center .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
  color: #111A15;
}
#allagent-personal-center .list-total .hr-vertical {
  background: #A3BAA0;
}
#allagent-personal-center .list-total .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#allagent-personal-center .area-promote-method .list-method .item {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}
#allagent-personal-center .area-promote-method .list-method .item.link .icon {
  background: url("../images/white/icon-link.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/white/icon-code-number.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/white/icon-qrcode.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item .title .text {
  color: #A4A4A4;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  transition: all 0.3s ease-in-out;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option .btn-text {
  color: #1AAF00;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option:hover .btn-text {
  color: #FFF;
}
#allagent-personal-center .area-promote-method .area-qrcode {
  height: 100%;
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
}

#allagent-progress .area-title .text {
  color: #111A15;
}
#allagent-progress .last-updata {
  color: #A4A4A4;
}
#allagent-progress .btn-option {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
}
#allagent-progress .btn-option .btn-text {
  color: #1AAF00;
}
#allagent-progress .btn-option:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#allagent-progress .btn-option:hover .btn-text {
  color: #FFF;
}
#allagent-progress .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
  color: #111A15;
}
#allagent-progress .list-total .hr-vertical {
  background: #A3BAA0;
}
#allagent-progress .list-total .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}

#allagent-offline-member .area-title .text {
  color: #11111A;
}
#allagent-offline-member .data-count {
  color: #1AAF00;
}
#allagent-offline-member .list-total {
  background: linear-gradient(to right, #EEFF97, #9DCB9C);
  border: 1px solid #6B8B66;
  box-shadow: 0 2px 0 #6B8B66;
  color: #111A15;
}
#allagent-offline-member .list-total .hr-vertical {
  background: #A3BAA0;
}
#allagent-offline-member .list-total .count {
  color: #FFCB00;
  -webkit-text-stroke-width: 4px;
  paint-order: stroke fill;
  -webkit-text-stroke-color: #FF4D00;
}
#allagent-offline-member .offline-content .list-total {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  box-shadow: none;
}
#allagent-offline-member .offline-content .list-total .item .title {
  color: #1AAF00;
}
#allagent-offline-member .offline-content .list-total .item .count {
  -webkit-text-stroke-width: 0;
  color: #FFCB00;
}
#allagent-offline-member .offline-content .list-total .hr-vertical {
  background: #CEE8A4;
}

/* 等級制度 */
#allagent-level-system .level-card .tag {
  background: linear-gradient(#6E7083, #41424D);
  color: #fff;
}
#allagent-level-system .level-card.first {
  background: url("../images/common/level-card-first.webp") no-repeat left top;
  color: #502F1A;
}
#allagent-level-system .level-card.first .level-icon {
  background: url("../images/common/level-icon-first.webp") no-repeat left top;
}
#allagent-level-system .level-card.second {
  background: url("../images/common/level-card-second.webp") no-repeat left top;
  color: #6859A7;
}
#allagent-level-system .level-card.second .level-icon {
  background: url("../images/common/level-icon-second.webp") no-repeat left top;
}
#allagent-level-system .level-card.third {
  background: url("../images/common/level-card-third.webp") no-repeat left top;
  color: #497389;
}
#allagent-level-system .level-card.third .level-icon {
  background: url("../images/common/level-icon-third.webp") no-repeat left top;
}
#allagent-level-system .level-card.fourth {
  background: url("../images/common/level-card-fourth.webp") no-repeat left top;
  color: #3654A3;
}
#allagent-level-system .level-card.fourth .level-icon {
  background: url("../images/common/level-icon-fourth.webp") no-repeat left top;
}
#allagent-level-system .level-card.fifth {
  background: url("../images/common/level-card-fifth.webp") no-repeat left top;
  color: #B62E36;
}
#allagent-level-system .level-card.fifth .level-icon {
  background: url("../images/common/level-icon-fifth.webp") no-repeat left top;
}
#allagent-level-system .level-card.sixth {
  background: url("../images/common/level-card-sixth.webp") no-repeat left top;
  color: #4C5B61;
}
#allagent-level-system .level-card.sixth .level-icon {
  background: url("../images/common/level-icon-sixth.webp") no-repeat left top;
}
#allagent-level-system .level-card.seventh {
  background: url("../images/common/level-card-seventh.webp") no-repeat left top;
  color: #CF588F;
}
#allagent-level-system .level-card.seventh .level-icon {
  background: url("../images/common/level-icon-seventh.webp") no-repeat left top;
}
#allagent-level-system .level-card.eighth {
  background: url("../images/common/level-card-eighth.webp") no-repeat left top;
  color: #2F8A24;
}
#allagent-level-system .level-card.eighth .level-icon {
  background: url("../images/common/level-icon-eighth.webp") no-repeat left top;
}
#allagent-level-system .level-card.ninth {
  background: url("../images/common/level-card-ninth.webp") no-repeat left top;
  color: #0096BA;
}
#allagent-level-system .level-card.ninth .level-icon {
  background: url("../images/common/level-icon-ninth.webp") no-repeat left top;
}
#allagent-level-system .level-card.tenth {
  background: url("../images/common/level-card-tenth.webp") no-repeat left top;
  color: #D25819;
}
#allagent-level-system .level-card.tenth .level-icon {
  background: url("../images/common/level-icon-tenth.webp") no-repeat left top;
}
#allagent-level-system .list-info {
  background: #FAFAFA;
  border: 1px solid #D8D8D8;
}
#allagent-level-system .list-info .field-title {
  color: #A4A4A4;
}
#allagent-level-system .list-info .field-amount {
  color: #FFB22B;
}
#allagent-level-system .list-info .item-title {
  color: #6E9668;
}
#allagent-level-system .list-info.active {
  background: #FFFEEF;
  border: 2px solid #1AAF00;
}
#allagent-level-system .list-info .hr {
  border-color: #E5E5E5;
}
#allagent-level-system .area-title {
  color: #111A15;
}
#allagent-level-system .list-table {
  border: 1px solid #D4D4D4;
}
#allagent-level-system .list-table .colum {
  border: 1px solid #D4D4D4;
}
#allagent-level-system .list-table .table-colum-title {
  border-right: 1px solid #D4D4D4;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1);
}
#allagent-level-system .list-table .table-colum-title .row {
  background: #EAEAEA;
  border: 1px solid #D4D4D4;
}
#allagent-level-system .list-table .table-colum-title .row.title {
  background: #FFFEEF;
  color: #A4A4A4;
}
#allagent-level-system .list-table .table-colum-title .row.now-level {
  color: #3C7134;
  font-weight: bold;
}
#allagent-level-system .list-table .table-colum-title .row.multiplier {
  background: #CBDFD0;
  color: #3C7134;
}
#allagent-level-system .list-table .table-colum-title .row.ratio {
  background: #FAFAFA;
}
#allagent-level-system .list-table .table-colum-title .row.even {
  background: #FAFAFA;
}
#allagent-level-system .list-table .table-content .content::-webkit-scrollbar {
  background-color: #E8E8E8;
}
#allagent-level-system .list-table .table-content .content::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
}
#allagent-level-system .list-table .table-content .content .row .colum {
  background: #EAEAEA;
  color: #AAA;
}
#allagent-level-system .list-table .table-content .content .row .colum.now-level {
  color: #FFF;
  background: #7DC171;
  border-color: #D4D4D4;
}
#allagent-level-system .list-table .table-content .content .row.title .colum {
  background: #FFFEEF;
  color: #A4A4A4;
}
#allagent-level-system .list-table .table-content .content .row.title .colum.now-level {
  color: #A4A4A4;
}
#allagent-level-system .list-table .table-content .content .row.multiplier .colum {
  background: #CBDFD0;
  color: #3C7134;
}
#allagent-level-system .list-table .table-content .content .row.multiplier .colum.now-level {
  color: #FFF;
  background: linear-gradient(#1AAF00, #159000);
}
#allagent-level-system .list-table .table-content .content .row.ratio .colum {
  background: #FAFAFA;
}
#allagent-level-system .list-table .table-content .content .row.ratio .colum.now-level {
  color: #fff;
  background: #7DC171;
}
#allagent-level-system .list-table .table-content .content .row.even .colum {
  background: #FAFAFA;
}
#allagent-level-system .list-table .table-content .content .row.even .colum.now-level {
  color: #FFF;
  background: #7DC171;
}
#allagent-level-system .area-content .list::-webkit-scrollbar {
  background-color: #E8E8E8;
}
#allagent-level-system .area-content .list::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
}

#news-notify {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#news-notify .list-news {
  gap: 0.6rem !important;
}
#news-notify .list-news .item {
  background: #F8F8F8;
  border: 1px solid #E1E1E1;
}
#news-notify .list-news .item .icon {
  background: url("../images/white/icon-notify.svg") no-repeat left top;
  background-size: cover;
}
#news-notify .list-news .item .text {
  color: #7D9684;
}
#news-notify .list-news .item .date {
  color: #B4B4B4;
  display: flex;
  flex-direction: row;
}
#news-notify .list-news .item.active {
  background: linear-gradient(#FFF, #EEF2EE);
  border-color: #9BCE96;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
#news-notify .list-news .item.read .icon, #news-notify .list-news .item.active .icon {
  background-position: left bottom;
}
#news-notify .list-news .item:hover {
  border-color: #9BCE96;
}
#news-notify .news-content .title .text {
  color: #111A15;
}
#news-notify .news-content .title .date {
  color: #CCC;
}
#news-notify .news-content .content-text {
  color: #A4A4A4;
}

#news-mailbox {
  background: url(../images/white/bg-my.webp) no-repeat center 80px fixed;
}
#news-mailbox .list-news {
  gap: 0.6rem !important;
}
#news-mailbox .list-news .item {
  background: #F8F8F8;
  border: 1px solid #E1E1E1;
}
#news-mailbox .list-news .item .icon {
  background: url("../images/white/icon-mailbox.svg") no-repeat left top;
  background-size: cover;
}
#news-mailbox .list-news .item .text {
  color: #7D9684;
}
#news-mailbox .list-news .item .date {
  color: #B4B4B4;
  display: flex;
  flex-direction: row;
}
#news-mailbox .list-news .item.active {
  background: linear-gradient(#FFF, #EEF2EE);
  border-color: #9BCE96;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
#news-mailbox .list-news .item.read .icon, #news-mailbox .list-news .item.active .icon {
  background-position: left bottom;
}
#news-mailbox .list-news .item:hover {
  border-color: #9BCE96;
}
#news-mailbox .news-content .title .text {
  color: #111A15;
}
#news-mailbox .news-content .title .date {
  color: #CCC;
}
#news-mailbox .news-content .content-text {
  color: #A4A4A4;
}

#support-qa .item-qa, #support-disclaimer .item-qa {
  background: #FFFEEF;
  border: 1px solid #CEE8A4;
  transition: all 0.3s ease-in-out;
}
#support-qa .item-qa .content, #support-disclaimer .item-qa .content {
  color: #A4A4A4;
}
#support-qa .item-qa .fa-plus, #support-disclaimer .item-qa .fa-plus {
  color: #1AAF00;
}
#support-qa .item-qa:hover, #support-disclaimer .item-qa:hover {
  border-color: #1AAF00;
  color: #1AAF00;
}

#loading {
  background: rgba(0, 0, 0, 0.7);
}

.content .img {
  height: auto;
  display: flex;
  justify-content: center;
}
.content .img .woman {
  width: 20.125rem;
  height: 23.875rem;
  background-size: cover;
}
#support-404 .content .img .woman {
  background: url("../images/common/support/woman-404.webp") no-repeat center;
}
#support-error .content .img .woman {
  background: url("../images/common/support/woman-error.webp") no-repeat center;
}
#support-ipban .content .img .woman {
  background: url("../images/common/support/woman-ip.webp") no-repeat center;
}
#support-maintain .content .img .woman {
  background: url("../images/common/support/woman-in.webp") no-repeat center;
}
.content .img .text {
  color: #1AAF00;
  padding-top: 5rem;
}
#support-error .content .img .text {
  padding: 0;
}
#support-ipban .content .img .text {
  padding-top: 9rem;
}
.content .img .box-text .title {
  color: #1AAF00;
}
.content .title-text {
  color: #1AAF00;
}
.content .btn-back {
  background: #FFF;
  border: 1px solid #7FD4AB;
  box-shadow: 0 2px 0 #7FD4AB;
  color: #1AAF00;
  width: 18rem;
  height: 70px;
  cursor: pointer;
  border-radius: 5rem;
}
.content .btn-back:hover {
  background: #1AAF00;
  border-color: #97FF00;
  box-shadow: 0 2px 0 #02733C;
  color: #FFF;
}
#support-error .content .btn-back {
  width: 18rem;
}

/*------------------------------登入註冊-----------------------------*/
.login-register-img {
  background: url(../images/white/login-register-img.webp) no-repeat left top;
}

.login-register-content {
  background: #FFF;
}
.login-register-content .tab-content {
  border: 0;
  background: 0;
}

.login-register-tab {
  background: rgba(0, 0, 0, 0.1);
}
.login-register-tab .login-btn {
  background: #FFF;
  color: #AAA;
}
.login-register-tab .login-btn:hover {
  opacity: 0.9;
}
.login-register-tab .login-btn.active {
  color: #FFF;
  background: #1AAF00;
}

.login-container .btn-function {
  background: #F3F3F3;
  border: 1px solid #E1E1E1;
  color: #939393;
  transition: all 0.3s ease-in-out;
}
.login-container .btn-function:hover {
  border-color: #1AAF00;
  color: #1AAF00;
}
.login-container .btn-function:hover .icon-refresh {
  transform: rotate(0);
}

#loading .img-loading {
  display: block;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(26, 175, 0, 0.5);
  box-sizing: border-box;
  background-clip: padding-box;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: none;
}

.img-loading:after, .img-loading:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: rgba(26, 175, 0, 0.7);
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.img-loading:after {
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes video-react-spinner-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #7FD4AB;
  }
  20% {
    border-top-color: #7FD4AB;
  }
  35% {
    border-top-color: #7EA98C;
  }
  60% {
    border-top-color: #7FD4AB;
  }
  to {
    border-top-color: #7FD4AB;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #7FD4AB;
  }
  20% {
    border-top-color: #7FD4AB;
  }
  35% {
    border-top-color: #7EA98C;
  }
  60% {
    border-top-color: #7FD4AB;
  }
  to {
    border-top-color: #7FD4AB;
  }
}
.float-btn-item {
  background: rgba(202, 204, 213, 0.7);
  border: 1px solid rgba(174, 174, 174, 0.4);
  backdrop-filter: blur(7px);
}
.float-btn-item .float-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 0 #86A696;
}
.float-btn-item .float-btn-icon:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 38px;
  height: 38px;
}
.float-btn-item.discount .float-btn-icon {
  background-image: url(../images/white/float-icon-discount.webp), linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.chatroom .float-btn-icon {
  background-image: url(../images/white/float-icon-chatroom.webp), linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.message .float-btn-icon {
  background-image: url(../images/white/float-icon-message.webp), linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.service .float-btn-icon {
  background-image: url(../images/white/float-icon-service.webp), linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.online-cs .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.online-cs .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-online-cs.webp);
}
.float-btn-item.line .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.line .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-line.webp);
}
.float-btn-item.telegram .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.telegram .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-telegram.webp);
}
.float-btn-item.teams .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.teams .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-teams.webp);
}
.float-btn-item.whatsapp .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.whatsapp .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-whatsapp.webp);
}
.float-btn-item.messenger .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.messenger .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-messenger.webp);
}
.float-btn-item.instagram .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.instagram .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-instagram.webp);
}
.float-btn-item.zalo .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.zalo .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-zalo.webp);
}
.float-btn-item.meiqia .float-btn-icon {
  background: linear-gradient(#FFFFFF, #DFFFE8);
}
.float-btn-item.meiqia .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-meiqia.webp);
}
.float-btn-item.online-cs .float-btn-icon:before {
  background-image: url(/common/desktop/images/float-icon/float-icon-online-cs.webp);
}
.float-btn-item .float-btn-text {
  background: #1AAF00;
  color: #fff;
}
.float-btn-item .float-btn-text:after {
  border-left: 6px solid #1AAF00;
}
.float-btn-item.service .float-btn-arrow {
  color: #111A15;
}
.float-btn-item .float-btn-app {
  background: rgba(202, 204, 213, 0.7);
  border: 1px solid rgba(174, 174, 174, 0.4);
  backdrop-filter: blur(7px);
}
.float-btn-item .float-btn-app .float-app-item {
  background-color: #EAEAEA;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text {
  background: #1AAF00;
  color: #fff;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text:after {
  border-left: 6px solid #1AAF00;
}
.float-btn-item .float-btn-app .float-app-item:hover {
  background: linear-gradient(to left, #385F00, #1AAF00);
}
.float-btn-item.show {
  background: #1AAF00;
  border-color: rgba(255, 255, 255, 0.7);
}
.float-btn-item.show .float-btn-arrow {
  color: #FFF;
}

.discount-reminder-popup {
  background: rgba(61, 61, 61, 0.9);
}
.discount-reminder-popup .reminder-icon {
  background: url(../images/common/icon-discount-reminder.svg) no-repeat center;
}
.discount-reminder-popup .reminder-title {
  color: #00A64A;
}
.discount-reminder-popup .reminder-content .reminder-btn {
  border: 1px solid #00C63B;
  background: linear-gradient(#498900, #2F5800);
}
.discount-reminder-popup .reminder-bar-bg .reminder-bar {
  background: #FF002F;
}

.gotop {
  background: #1AAF00;
  color: #FFF;
  border-color: #97FF00;
}/*# sourceMappingURL=theme-white.css.map */