@charset "UTF-8";
:root {
  --color-black-070: rgba(0, 0, 0, 0.7);
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

body {
  background: linear-gradient(#11103F 50%, #442C9A);
}
body:has(#discount, #discount-detail) {
  background: url(../images/neon/discount-bg.webp) no-repeat center 160px, linear-gradient(#11103F 50%, #442C9A);
}

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

input {
  color: #fff;
}

input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.hr-vertical {
  background: #3C3C3C;
}

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

.btn-back, .btn-back-my, .page-back {
  background: linear-gradient(#240077, #240077) padding-box, linear-gradient(to right, #364D74, #6C82AC 30%, #364D74 50%, #6C82AC, #364D74) border-box;
}
.btn-back:hover, .btn-back-my:hover, .page-back:hover {
  background: linear-gradient(#3D1698, #3D1698) padding-box, linear-gradient(to right, #AA44D2, #E9C6FE 30%, #AA44D2 50%, #E9C6FE, #AA44D2) border-box;
}

.table {
  background: #2B2747;
  border-color: #4C3E9B;
  color: #FFF;
}
.table .title {
  background: #5200CD;
  color: #FFF;
}
.table .row.even, .table .row.event {
  background: #3C356B;
}
.table .row .colum {
  border-color: #4C3E9B;
}

.remark {
  color: #FFF;
}

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

.input-time {
  background: #1F1A3D;
}
.input-time .field-title {
  color: #717197;
}

::-webkit-scrollbar {
  background: #1E193C;
}

::-webkit-scrollbar-thumb {
  background: #717197;
}

#first .content-wrap {
  background: url(../images/neon/first-bg.webp) no-repeat center top;
}
#game .content-wrap {
  background: url(../images/neon/game-bg.webp) no-repeat center top;
}

.page-content-default {
  background: rgba(47, 42, 78, 0.9);
  border-color: #3B385B;
}
.page-content-default .page-title .title-text {
  color: #FFF;
}
.page-content-default .page-title:before {
  background: linear-gradient(#4A7D00, #005503);
}
.page-content-default .page-title .page-back {
  color: #FFF;
}
.page-content-default .area-content {
  color: #fff;
}

.nodata {
  color: #CCC;
}

.pagination .btn {
  background: #44447D;
  color: #FFF;
  border: 1px solid transparent;
}
.pagination .btn.first-page .icon {
  background: url(../images/neon/pagination-first-page.svg) no-repeat center;
}
.pagination .btn.last-page .icon {
  background: url(../images/neon/pagination-last-page.svg) no-repeat center;
}
.pagination .btn:hover, .pagination .btn.active {
  background: transparent;
  border-color: #FFD900;
  color: #FFD900;
}

.popup .popup-title {
  background: linear-gradient(#2A3F74, #262662);
  border-color: #2E3B86;
  color: #FFF;
}
.popup .popup-title .btn-close {
  background: #464690;
}
.popup .popup-title .btn-close .icon-close {
  color: #FFF;
}
.popup .popup-title .btn-close:hover {
  filter: brightness(1.1);
}
.popup .popup-content {
  background: rgba(47, 42, 78, 0.9);
  border-color: #2E3B86;
}
.popup .popup-content .popup-text {
  color: #999;
}

.btn-close {
  background: #464690;
  transition: all 0.3s ease-in-out;
}
.btn-close .icon-close {
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.btn-close:hover {
  filter: brightness(1.05);
}

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

.error-hint {
  color: #E6473F;
}

.input-text {
  background: #1F1A3D;
  color: #61ABFF;
}
.input-text.error {
  border: 1px solid #E6473F;
}
.input-text.disable {
  opacity: 0.4;
}
.input-text::-webkit-input-placeholder {
  color: #717197;
}

.input-content.password {
  background: #1F1A3D;
}
.input-content.password input {
  color: #4C74CB;
}
.input-content.password input::-webkit-input-placeholder {
  color: #717197;
}

.dropdown {
  background: #3E1A99;
  color: #81BAFF;
  transition: all 0.3s ease-in-out;
}
.dropdown.disabled {
  color: #888;
  opacity: 0.4;
}

.list-option {
  background: #1E193C;
}
.list-option .option {
  color: #FFF;
}
.list-option .option:hover {
  background: linear-gradient(to right, #240CEB, #893AFE);
}

.input-hint {
  color: #A4A4A4;
}

.optional {
  color: #717197;
}

.password-icon {
  color: #717197;
}

.checkbox .checkbox-content {
  color: #999;
}
.checkbox .checkbox-content .btn-text-link {
  color: #B3BEC1;
  transition: all 0.3s ease-in-out;
}
.checkbox .checkbox-content .btn-text-link:hover {
  color: #849BFF;
}
.checkbox .btn-check {
  border: 1px solid #666;
}
.checkbox .btn-check.active {
  background: #FFD900;
  color: #222;
  border: 0;
}
.checkbox .check-text {
  color: #999;
  transition: all 0.3s ease-in-out;
}
.checkbox .check-text:hover {
  color: #FFF;
}

.btn-forgot {
  color: #CCC;
  transition: all 0.3s ease-in-out;
}
.btn-forgot span {
  color: #CCC;
}
.btn-forgot:hover {
  color: #FFF;
}
.btn-forgot:hover span {
  color: #FFF;
}

.btn-cancel {
  background: #321268;
  border-color: #7434AB;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.btn-cancel a, .btn-cancel span {
  color: #FFF;
}
.btn-cancel:hover {
  filter: brightness(1.1);
}

.btn-send, .btn-one-click {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
.btn-send a, .btn-send span, .btn-one-click a, .btn-one-click span {
  color: #FFF;
}
.btn-send:hover, .btn-send.active, .btn-one-click:hover, .btn-one-click.active {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
.disable .btn-send, .disable .btn-one-click {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
}
.disable .btn-send:hover, .disable .btn-one-click:hover {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  color: #FFF;
  box-shadow: none;
}
.btn-send.disable, .btn-send.clicked, .btn-send.disabled, .btn-one-click.disable, .btn-one-click.clicked, .btn-one-click.disabled {
  opacity: 1 !important;
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  color: #FFF;
}
.btn-send.disable a, .btn-send.disable span, .btn-send.clicked a, .btn-send.clicked span, .btn-send.disabled a, .btn-send.disabled span, .btn-one-click.disable a, .btn-one-click.disable span, .btn-one-click.clicked a, .btn-one-click.clicked span, .btn-one-click.disabled a, .btn-one-click.disabled span {
  color: #ABABAB;
}
.btn-send.disable:hover, .btn-send.clicked:hover, .btn-send.disabled:hover, .btn-one-click.disable:hover, .btn-one-click.clicked:hover, .btn-one-click.disabled:hover {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  color: #FFF;
  box-shadow: none;
}

.btn-function {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
  color: #FFF;
}
.upload .btn-function, .popup .btn-function {
  background: linear-gradient(#112F81, #450058) padding-box, linear-gradient(#1A6FE1, #1A6FE1) border-box;
}
.upload .btn-function:hover, .popup .btn-function:hover {
  background: linear-gradient(#3B2500, #3B2500) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  box-shadow: none;
}
.btn-function.disable {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  color: #CCC;
}
.btn-function.disable .countdown {
  color: #AAA;
}
.btn-function:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}

.btn-option {
  background: #421900;
  border-color: #B45100;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.btn-option:hover, .btn-option.active {
  background: #FFD900;
  border-color: #FFD900;
  color: #111A15;
}
.btn-option.disable {
  background: #2C1930;
  border-color: #4F3367;
  color: #73628E;
}

.btn-confirm {
  background: radial-gradient(#CD00C1, #82004B 80%) padding-box, linear-gradient(#F301D6, #FF3377) border-box;
  color: #FFF;
}
.btn-confirm:hover {
  filter: brightness(1.05);
}

.page-tabs {
  background: linear-gradient(to right, #1E193C, #2C274D);
}
.page-tabs .btn-tabs {
  transition: all 0.3s ease-in-out;
}
.page-tabs .btn-tabs:hover, .page-tabs .btn-tabs.active {
  background: linear-gradient(to right, #240CEB, #893AFE);
  border-color: #61ABFF;
}

/*-------------- HEADER --------------*/
.header-top {
  background: linear-gradient(#2D2D57, #1D1D47);
}

.news-marquee {
  background: url("../images/neon/icon-marquee.svg") no-repeat left center;
  color: #00FF99;
}

.game-search {
  background: url(../images/neon/icon-game-search.svg) no-repeat center #3A4142;
}
.game-search:hover {
  filter: brightness(1.05);
}

.user-info .balance {
  background: #0D003B;
}
.user-info .balance .amount {
  background: url("../images/neon/icon-money.svg") no-repeat left center;
  background-size: 20px;
  color: #FFE500;
}
.user-info .balance .refresh {
  background: url("../images/neon/icon-refresh.svg") no-repeat center;
}
.user-info .balance .refresh:hover {
  filter: brightness(1.05);
}
.user-info .balance.twd .amount {
  background: url(../images/common/currency/icon-twd.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.vnd .amount {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.thb .amount {
  background: url(../images/common/currency/icon-thb.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.usdt .amount {
  background: url(../images/common/currency/icon-usdt.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.aud .amount {
  background: url(../images/common/currency/icon-aud.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.kvnd .amount {
  background: url("../images/common/currency/icon-vnd.svg") no-repeat left center;
  background-size: 18px;
}
.user-info .balance.usdt .amount {
  background-size: 22px;
}
.user-info .user-deposit {
  background: linear-gradient(#023100, #023100) padding-box, linear-gradient(#00D1A3, #6CFF36) border-box;
  color: #FFF;
}
.user-info .user-deposit:before {
  background: url(../images/neon/icon-deposit.svg) no-repeat left top;
  background-size: 24px;
}
.user-info .user-deposit:hover {
  background: linear-gradient(#023100, #023100) padding-box, linear-gradient(#FFF, #FFF) border-box;
  box-shadow: inset 0 0 16px #FFEB7C, 0 0 10px #FFEB7C;
}
.user-info .user-deposit:hover:before {
  background-position: left bottom;
}

.currency-menu {
  background: linear-gradient(#2D2D57, #1D1D47);
  border-top: 1px solid #373782;
}

.currency-list {
  transition: all 0.3s ease-in-out;
}
.currency-list.twd .currency-flag {
  background: url(../images/common/currency/icon-twd.svg) no-repeat;
  background-position: left center;
  background-size: cover;
}
.currency-list.vnd .currency-flag {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat;
  background-position: left center;
  background-size: cover;
}
.currency-list.thb .currency-flag {
  background: url(../images/common/currency/icon-thb.svg) no-repeat;
  background-position: left center;
  background-size: cover;
}
.currency-list.usdt .currency-flag {
  background: url(../images/common/currency/icon-usdt.svg) no-repeat;
  background-position: left center;
  background-size: cover;
}
.currency-list.aud .currency-flag {
  background: url(../images/common/currency/icon-aud.svg) no-repeat;
  background-position: left center;
  background-size: cover;
}
.currency-list.kvnd .currency-flag {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat left center;
  background-size: cover;
}
.currency-list:after {
  background: rgba(255, 255, 255, 0.2352941176);
}
.currency-list:hover {
  background: rgba(255, 255, 255, 0.1019607843);
}

.currency-title {
  color: #9B9B9B;
}

.currency-item {
  color: #FFF;
}

.function-btn-item {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
}
.function-btn-item.chatroom:after {
  background: url(../images/neon/icon-chatroom.svg) no-repeat left top;
}
.function-btn-item.mail:after {
  background: url(../images/neon/icon-news.svg) no-repeat left top;
}
.function-btn-item.mail span {
  background: #F20000;
  color: #FFF;
}
.function-btn-item:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 6px #FFD900, 0 0 10px #FFD900;
}
.function-btn-item:hover:after {
  background-position: left bottom;
}
.function-btn-item .text {
  background: #FFD900;
}
.function-btn-item .text:after {
  border-bottom: 6px solid #FFD900;
}

.photo {
  outline: 2px solid #FF00D0;
  border: 2px solid #000;
  background: url(/images/common/photo.webp) no-repeat top center;
  background-size: 40px;
  transition: all 0.3s ease-in-out;
}
.photo:hover {
  outline-color: #FFEF96;
}

.user-menu {
  background: linear-gradient(#5B1D52, #2E338F) padding-box, linear-gradient(#814A9E, #414775) border-box;
}
.user-menu .user-menu-top {
  background: url(../images/neon/user-menu-bg.webp) no-repeat top center;
}
.user-menu .user-menu-top .user-menu-info .user-menu-photo {
  outline: 2px solid #FF00D0;
  border: 2px solid #000;
  background: url(/images/common/photo.webp) no-repeat top center;
  background-size: 70px;
}
.user-menu .user-menu-top .user-menu-info .user-menu-content .user-menu-vip {
  background: linear-gradient(rgba(248, 15, 252, 0.5) 10%, rgba(144, 0, 255, 0.5) 50%, rgba(101, 0, 94, 0.5) 60%, rgba(255, 0, 212, 0.5)), linear-gradient(#D40010, #E05454);
  border: 1px solid #FFBF35;
  color: #FFD900;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.user-menu .user-menu-top .user-menu-info .user-menu-content .user-menu-vip:before {
  background: url(../images/neon/vip-badge.webp) no-repeat center;
  background-size: cover;
}
.user-menu .user-menu-top .user-menu-info .user-menu-content .user-menu-account {
  color: #FFF;
}
.user-menu .user-menu-top .user-menu-bar .bar-title {
  color: #FFF;
}
.user-menu .user-menu-top .user-menu-bar .bar-title span {
  color: #FFD000;
}
.user-menu .user-menu-top .user-menu-bar .bar-percent {
  background: #000;
}
.user-menu .user-menu-top .user-menu-bar .bar-percent .bar-bg {
  background: linear-gradient(#FFFB00, #FF007B);
  box-shadow: inset 0 0 6px #FFF, 0 0 10px rgba(161, 255, 1, 0.3);
}
.user-menu .user-menu-top .user-menu-bar .bar-percent .bar-bg .bar-number {
  color: #FFD000;
}
.user-menu .user-menu-top .user-menu-bar .bar-percent .bar-bg.inside .bar-number {
  color: #000;
}
.user-menu .user-menu-container {
  background: rgba(0, 2, 45, 0.5);
}
.user-menu .user-menu-container .user-menu-list {
  color: #FFF;
}
.user-menu .user-menu-container .user-menu-list.my-info-basic:before {
  background: url(../images/neon/icon-my-info-basic.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.deal-detail:before {
  background: url(../images/neon/icon-deal-detail.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.bet-record:before {
  background: url(../images/neon/icon-bet-record.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.bonus-record:before {
  background: url(../images/neon/icon-bonus-record.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.promote:before {
  background: url(../images/neon/icon-promote.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.red-envelope-code:before {
  background: url(../images/neon/icon-red-envelope-code.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.all-agent:before {
  background: url(../images/neon/icon-all-agent.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.bankcard-info:before {
  background: url(../images/neon/icon-bankcard-info.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.check:before {
  background: url(../images/neon/icon-check.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.my-info-member:before {
  background: url(../images/neon/icon-my-info-member.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list.qa:before {
  background: url(../images/neon/icon-qa.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-container .user-menu-list:hover {
  background: #3B2500;
  color: #FAFF76;
  border: 2px solid #FAFF76;
  box-shadow: 0 0 10px #FFF;
}
.user-menu .user-menu-container .user-menu-list:hover:before {
  background-position: left bottom;
}
.user-menu .user-menu-bottom {
  background: rgba(0, 2, 45, 0.5);
  color: #838AAF;
}
.user-menu .user-menu-bottom:before {
  background: url(../images/neon/icon-logout.svg) no-repeat left top;
  background-size: cover;
}
.user-menu .user-menu-bottom:hover {
  color: #FFF;
}
.user-menu .user-menu-bottom:hover:before {
  background-position: left bottom;
}

.logout-btn button {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#005095, #621680) border-box;
  color: #FFF;
}
.logout-btn button:hover {
  background: linear-gradient(#00009A, #00009A) padding-box, linear-gradient(#79BFFF, #D879FF) border-box;
  box-shadow: inset 0 0 6px #FFF, 0 0 6px #FFF;
}

.music {
  background: #1D1D49;
  border: 2px solid #01FFFF;
  box-shadow: inset 0 0 3px #01FFFF, 0 0 7px rgba(1, 255, 255, 0.6);
}
.music:after {
  background: url(../images/neon/icon-music.svg) no-repeat center top;
  background-size: cover;
}
.music.off {
  border-color: #385959;
  color: #385959;
  box-shadow: none;
}
.music.off:after {
  background-position: center bottom;
}
.music:hover {
  filter: brightness(1.05);
}

.header-bottom {
  background: linear-gradient(#3F3CC3, #621680);
  border-color: #9853B3;
}

.menu-content {
  border-color: #121D53;
}

.menu-item {
  background: #1D1D49;
  color: #FFF;
}
.menu-item.home:before {
  background: url(../images/neon/icon-home.svg) no-repeat center top;
}
.menu-item.hot:before {
  background: url(../images/neon/icon-hot.svg) no-repeat center top;
}
.menu-item.slot:before {
  background: url(../images/neon/icon-slot.svg) no-repeat center top;
}
.menu-item.poker:before {
  background: url(../images/neon/icon-poker.svg) no-repeat center top;
}
.menu-item.live:before {
  background: url(../images/neon/icon-live.svg) no-repeat center top;
}
.menu-item.esports:before {
  background: url(../images/neon/icon-esports.svg) no-repeat center top;
}
.menu-item.sports:before {
  background: url(../images/neon/icon-sports.svg) no-repeat center top;
}
.menu-item.fishing:before {
  background: url(../images/neon/icon-fishing.svg) no-repeat center top;
}
.menu-item.cockfight:before {
  background: url(../images/neon/icon-cockfight.svg) no-repeat center top;
}
.menu-item.lottery:before {
  background: url(../images/neon/icon-lottery.svg) no-repeat center top;
}
.menu-item.egames:before {
  background: url(../images/neon/icon-egames.svg) no-repeat center top;
}
.menu-item.discount:before {
  background: url(../images/neon/icon-discount.svg) no-repeat center top;
}
.menu-item:hover {
  background: #8C7C00;
  border-color: #FFD900;
  box-shadow: inset 0 0 20px #FFF, 0 0 20px rgba(255, 217, 0, 0.6);
}
.menu-item:hover:before {
  background-position: center bottom;
}

.menu-search {
  background: #1D1D49;
}
.menu-search .search-icon {
  background: url(../images/neon/icon-search.svg) no-repeat center;
}
.menu-search .search-input::placeholder {
  color: #8ED7FF;
}
.menu-search .search-btn {
  background: linear-gradient(#240077, #240077) padding-box, linear-gradient(to right, #364D74, #6C82AC 30%, #364D74 50%, #6C82AC, #364D74) border-box;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.menu-search .search-btn:hover {
  filter: brightness(1.2);
}
.menu-search .search-close {
  background: rgba(255, 255, 255, 0.2);
  color: #53BCF4;
}
.menu-search .search-close:hover {
  filter: brightness(1.05);
}
.menu-search:hover {
  filter: brightness(1.05);
}
.menu-search.expand {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(to right, #2600FF, #3FBAFF) border-box;
}

.menu-list {
  background: linear-gradient(rgba(96, 26, 134, 0.9), rgba(47, 0, 58, 0.9) 35%, rgba(0, 0, 38, 0.9) 70%, rgba(47, 0, 58, 0.9) 71%, rgba(43, 0, 96, 0.9));
  box-shadow: inset 0 -4px 0 #6A427A;
  backdrop-filter: blur(10px);
}

.menu-list-title:before, .menu-list-title:after {
  border: 1px solid #4B90FF;
  box-shadow: 0 0 20px #0062FF;
}
.menu-list-title span {
  color: #4A186F;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 3px #20CFFF, 0 0 30px #20CFFF;
}
.menu-list-title span:before, .menu-list-title span:after {
  text-shadow: 0 0 30px #20CFFF;
  background: linear-gradient(to right, #0062FF, #B145FF 24px, #0062FF, #B145FF 44px);
  -webkit-background-clip: text;
}

.menu-list-arrow {
  background: linear-gradient(#6700C7, #310092) padding-box, linear-gradient(#E8E8E8, #777BCE) border-box;
  box-shadow: inset 0 0 0 2px #35007A, 0 3px 5px rgba(0, 0, 0, 0.4);
}
.menu-list-arrow:before {
  background-image: linear-gradient(#FFF, #ABABAB);
}
.menu-list-arrow:hover {
  background: linear-gradient(#C7007B, #780002) padding-box, linear-gradient(#FFD82D, #FF5900) border-box;
  box-shadow: inset 0 0 0 2px #7A0000, 0 3px 5px rgba(0, 0, 0, 0.4);
}
.menu-list-arrow:hover:before {
  background-image: linear-gradient(#FFD82D, #FF6103);
}

.menu-list-item {
  background: linear-gradient(#4420BB, #7947BB 20%, #7266BB 40%, #5C4DB4 60%, #261D83) padding-box, linear-gradient(to right, #706F9B, #C6C9FE 30%, #706F9B 50%, #C6C9FE 70%, #706F9B) border-box;
  box-shadow: inset 0 2px 0 #220069, inset 0 -4px 0 #220069;
}
.menu-list-item .menu-list-pic {
  opacity: 0.7;
}
.menu-list-item .maintain {
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
}
.menu-list-item:hover, .menu-list-item.active {
  background: linear-gradient(#4C0063, #D574C8 30%, #FFFFFF 45%, #FFA9EB 65%, #B500AF) padding-box, #FFD900 border-box;
  box-shadow: 0 0 15px #FFD900, inset 0 2px 0 #731856, inset 0 -4px 0 #731856;
}
.menu-list-item:hover .menu-list-pic, .menu-list-item.active .menu-list-pic {
  opacity: 1;
}

.menu-list-name {
  color: #fff;
}

.menu-list-dot .dot {
  border-color: #464DB2;
}
.menu-list-dot .dot:hover, .menu-list-dot .dot.active {
  background: #D1A14D;
  border-color: #FFD900;
  box-shadow: 0 0 10px #FFD900;
}

.first-title:before, .first-title:after {
  border: 1px solid #4B90FF;
  box-shadow: 0 0 20px #0062FF;
}
.first-title span {
  color: #111036;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 3px #20CFFF, 0 0 30px #20CFFF;
}
.first-title span:before, .first-title span:after {
  text-shadow: 0 0 30px #20CFFF;
  background: linear-gradient(to right, #0062FF, #B145FF 24px, #0062FF, #B145FF 44px);
  -webkit-background-clip: text;
}

.slider .slider-dot {
  background: rgba(0, 0, 0, 0.5);
}
.slider .slider-dot .list-dot {
  border-color: #464DB2;
  transition: all 0.3s ease-in-out;
}
.slider .slider-dot .list-dot:hover, .slider .slider-dot .list-dot.active {
  background: #D1A14D;
  border-color: #FFD900;
  box-shadow: 0 0 10px #FFD900;
}

.game-category-list.slot.slot {
  background: url(../images/neon/first-bg-slot.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.slot .game-category-title {
  background: url(../images/neon/first-icon-slot.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.slot .game-category-pic {
  background: url(../images/neon/first-game-slot.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.live.live {
  background: url(../images/neon/first-bg-live.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.live .game-category-title {
  background: url(../images/neon/first-icon-live.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.live .game-category-pic {
  background: url(../images/neon/first-game-live.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.sports.sports {
  background: url(../images/neon/first-bg-sports.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.sports .game-category-title {
  background: url(../images/neon/first-icon-sports.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.sports .game-category-pic {
  background: url(../images/neon/first-game-sports.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.poker.poker {
  background: url(../images/neon/first-bg-poker.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.poker .game-category-title {
  background: url(../images/neon/first-icon-poker.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.poker .game-category-pic {
  background: url(../images/neon/first-game-poker.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.esports.esports {
  background: url(../images/neon/first-bg-esports.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.esports .game-category-title {
  background: url(../images/neon/first-icon-esports.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.esports .game-category-pic {
  background: url(../images/neon/first-game-esports.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.fishing.fishing {
  background: url(../images/neon/first-bg-fishing.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.fishing .game-category-title {
  background: url(../images/neon/first-icon-fishing.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.fishing .game-category-pic {
  background: url(../images/neon/first-game-fishing.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.cockfight.cockfight {
  background: url(../images/neon/first-bg-cockfight.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.cockfight .game-category-title {
  background: url(../images/neon/first-icon-cockfight.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.cockfight .game-category-pic {
  background: url(../images/neon/first-game-cockfight.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.lottery.lottery {
  background: url(../images/neon/first-bg-lottery.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.lottery .game-category-title {
  background: url(../images/neon/first-icon-lottery.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.lottery .game-category-pic {
  background: url(../images/neon/first-game-lottery.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list.egames.egames {
  background: url(../images/neon/first-bg-egames.webp) no-repeat center;
  background-size: cover;
}
.game-category-list.egames .game-category-title {
  background: url(../images/neon/first-icon-egames.svg) no-repeat left center;
  color: #FFF;
}
.game-category-list.egames .game-category-pic {
  background: url(../images/neon/first-game-egames.webp) no-repeat left top;
  background-size: cover;
}
.game-category-list .game-category-play {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
.game-category-list .game-category-play:hover {
  background: linear-gradient(#C7007B, #780002) padding-box, linear-gradient(#FFD82D, #FF5900) border-box;
}
.game-category-list:hover {
  filter: brightness(1.05);
}

/*-------------- 遊戲頁 --------------*/
.slot .game-top-pic {
  background: url(../images/neon/banner-slot.webp) no-repeat center top;
}
.slot .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-slot.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.live .game-top-pic {
  background: url(../images/neon/banner-live.webp) no-repeat center top;
}
.live .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-live.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.sports .game-top-pic {
  background: url(../images/neon/banner-sports.webp) no-repeat center top;
}
.sports .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-sports.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.poker .game-top-pic {
  background: url(../images/neon/banner-poker.webp) no-repeat center top;
}
.poker .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-poker.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.esports .game-top-pic {
  background: url(../images/neon/banner-esports.webp) no-repeat center top;
}
.esports .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-esports.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.fishing .game-top-pic {
  background: url(../images/neon/banner-fishing.webp) no-repeat center top;
}
.fishing .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-fishing.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.cockfight .game-top-pic {
  background: url(../images/neon/banner-cockfight.webp) no-repeat center top;
}
.cockfight .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-cockfight.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.lottery .game-top-pic {
  background: url(../images/neon/banner-lottery.webp) no-repeat center top;
}
.lottery .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-lottery.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}
.egames .game-top-pic {
  background: url(../images/neon/banner-egames.webp) no-repeat center top;
}
.egames .game-top-pic .game-top-title {
  background: url(../images/neon/game-icon-egames.webp) no-repeat left center;
  color: #1E185A;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 10px #20CFFF, 0 0 30px #20CFFF;
}

.game-top-info {
  background: linear-gradient(#484892, #393588);
}

.function-filter, .game-top-categories {
  border-right: 1px solid #2C3667;
}

.btn-filter {
  background: #1D1D49;
  border-color: #6F00FF;
}
.btn-filter.all .filter-icon {
  background: url(../images/neon/icon-all.svg) no-repeat center;
}
.btn-filter.active, .btn-filter:hover {
  background: #450086;
  border-color: #FFDA09;
}
.btn-filter.active.all .filter-icon, .btn-filter:hover.all .filter-icon {
  background: url(../images/neon/icon-all-h.svg) no-repeat center;
}
.btn-filter.active .filter-text, .btn-filter:hover .filter-text {
  color: #FFDA09;
}

.btn-filter {
  background: #1D1D49;
  border-color: #6F00FF;
}
.btn-filter.popular .filter-icon {
  background: url(../images/neon/icon-popular.svg) no-repeat center;
}
.btn-filter.active, .btn-filter:hover {
  background: #450086;
  border-color: #FFDA09;
}
.btn-filter.active.popular .filter-icon, .btn-filter:hover.popular .filter-icon {
  background: url(../images/neon/icon-popular-h.svg) no-repeat center;
}
.btn-filter.active .filter-text, .btn-filter:hover .filter-text {
  color: #FFDA09;
}

.filter-text {
  color: #FFF;
}

.provider-list-logo {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#6F00FF, #6F00FF) border-box;
}
.provider-list-logo .logo-default {
  mix-blend-mode: luminosity;
}
.provider-list-logo.active, .provider-list-logo:hover {
  background: linear-gradient(#8400F9, #D48BFB, #8400F9) padding-box, linear-gradient(to right, #B700FF, #F6CBFF 30%, #B700FF 50%, #F6CBFF 70%, #B700FF) border-box;
}
.provider-list-logo .maintain {
  background: rgba(0, 0, 0, 0.7019607843);
  color: #FFF;
}

.provider-list-text {
  color: #FFF;
}

.provider-arrow {
  background: linear-gradient(#6700C7, #310092) padding-box, linear-gradient(#E8E8E8, #777BCE) border-box;
  box-shadow: inset 0 0 0 2px #35007A, 0 3px 5px rgba(0, 0, 0, 0.4);
}
.provider-arrow:before {
  background-image: linear-gradient(#FFF, #ABABAB);
}
.provider-arrow:hover {
  background: linear-gradient(#C7007B, #780002) padding-box, linear-gradient(#FFD82D, #FF5900) border-box;
  box-shadow: inset 0 0 0 2px #7A0000, 0 3px 5px rgba(0, 0, 0, 0.4);
}
.provider-arrow:hover:before {
  background-image: linear-gradient(#FFD82D, #FF6103);
}

.function-search {
  background: #1D1D49;
}
.function-search .search-btn {
  background: url(../images/neon/icon-search.svg) no-repeat center;
}
.function-search .search-input::placeholder {
  color: #8ED7FF;
}
.function-search .search-close {
  background: rgba(255, 255, 255, 0.2);
  color: #53BCF4;
}
.function-search .search-close:hover {
  filter: brightness(1.05);
}
.function-search:hover {
  filter: brightness(1.05);
}
.function-search.expand {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(to right, #2600FF, #3FBAFF) border-box;
}

.game-item {
  background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(to right, #AF00FF, #FB87FF 30%, #AF00FF 50%, #FB87FF 70%, #AF00FF) border-box;
}
.game-item .game-name {
  color: #000;
}
.game-item:after {
  border-color: #8B00CC;
}
.game-item .game-new {
  background: url(../images/common/tag-icon-news.webp) no-repeat center;
}
.game-item .game-recommend {
  background: url(../images/common/tag-icon-recommend.webp) no-repeat center;
}
.game-item.default .game-pic {
  background-image: url(../images/neon/game-icon-default.webp), linear-gradient(#1C1E1E, #3C4444);
  border-color: #474747;
}
.game-item.loading {
  height: 203px;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 60%) rgba(255, 255, 255, 0.1);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
  border: 0;
}
.game-item.loading:after {
  display: none;
}

.game-list-more {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
.game-list-more:hover {
  background: linear-gradient(#C7007B, #780002) padding-box, linear-gradient(#FFD82D, #FF5900) border-box;
}

#game-surface .game-header {
  background: #2F2A4E;
}
#game-surface .game-header .btn-list .btn.close-game {
  background: linear-gradient(#888, #666);
  color: #fff;
}
#game-surface .game-header .btn-list .btn.close-game:hover {
  background: linear-gradient(#888, #666);
}
#game-surface .game-header .btn-list .btn.deposit, #game-surface .game-header .btn-list .btn.multi-game {
  background: linear-gradient(to right, #240CEB, #893AFE);
  color: #FFF;
  border: 2px solid #61ABFF;
}
#game-surface .game-header .btn-list .btn.deposit:hover, #game-surface .game-header .btn-list .btn.multi-game:hover {
  filter: brightness(1.05);
}
#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: #3B326D;
}
#game-surface-popup-deposit .input-content.select .input-text {
  background: none;
  border-color: transparent;
}
#game-surface-popup-deposit .input-content.select .input-text .unselect {
  color: #999;
}
#game-surface-popup-deposit .input-content.select .btn-select {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#game-surface-popup-deposit .input-content.select .btn-select:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
.disable #game-surface-popup-deposit .input-content.select .btn-select {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
}
#game-surface-popup-deposit .channel-info {
  background: #3B326D;
}
#game-surface-popup-deposit .channel-info .item .field-title {
  color: #9B9B9B;
}
#game-surface-popup-deposit .channel-info .info-content {
  color: #FFF;
}
#game-surface-popup-deposit .channel-info .info-content .hr {
  border-color: rgba(255, 255, 255, 0.1);
}
#game-surface-popup-deposit .area-amount .input-area .input-remark {
  color: #999;
}
#game-surface-popup-deposit .area-amount .input-area .input-remark .rate .amount-convert {
  color: #61ABFF;
}
#game-surface-popup-deposit .input-area.upload .btn-function {
  background: linear-gradient(#112F81, #450058) padding-box, linear-gradient(#1A6FE1, #1A6FE1) border-box;
  color: #FFF;
}
#game-surface-popup-deposit .input-area.upload .btn-function:hover {
  background: linear-gradient(#3B2500, #3B2500) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  box-shadow: none;
}
#game-surface-popup-deposit .input-area.upload .input-text {
  color: #FFF;
}
#game-surface-popup-deposit .input-area.upload .input-text.no-data {
  color: #6a6a6a;
}
#game-surface-popup-deposit .input-area.upload.error {
  border: 1px solid #E6473F;
}
#game-surface-popup-deposit .wallet-info .info-content {
  background: #3B326D;
  color: #FFF;
}
#game-surface-popup-deposit .popup-content::-webkit-scrollbar {
  background-color: #000;
}
#game-surface-popup-deposit .popup-content::-webkit-scrollbar-thumb {
  background-color: #5F39DE;
}

#game-surface-popup-multi .list-game .game-icon .tag-select {
  background: url("../images/neon/game-select.webp") no-repeat center;
}
#game-surface-popup-multi .list-game .game-icon .icon-border {
  background: linear-gradient(to right, #AF00FF, #FB87FF 30%, #AF00FF 50%, #FB87FF 70%, #AF00FF);
}
#game-surface-popup-multi .list-game .game-icon .game-name {
  color: #fff;
}
#game-surface-popup-multi .list-game .game-icon.no-img .icon-border {
  background: linear-gradient(#4E4E4E, #242424);
  outline: 2px solid #AAA;
}
#game-surface-popup-multi .list-game .game-icon.no-img .icon-border .icon-img {
  width: 50%;
  height: 50%;
}
#game-surface-popup-multi .list-game .game-icon.no-img .icon-border:hover .icon-img {
  width: 60%;
  height: 60%;
}
#game-surface-popup-multi .surface-select {
  background: #3B326D;
}
#game-surface-popup-multi .surface-select .list-select .item .icon-border {
  background: linear-gradient(to right, #AF00FF, #FB87FF 30%, #AF00FF 50%, #FB87FF 70%, #AF00FF);
}
#game-surface-popup-multi .surface-select .list-select .item .game-name {
  color: #fff;
}
#game-surface-popup-multi .surface-select .list-select .item .btn-delete {
  background: #E6473F;
  border: 1px solid #FF9F9F;
}
#game-surface-popup-multi .surface-select .list-select .item .btn-delete .icon {
  background: url("../images/neon/game-delete.svg") no-repeat center;
  background-size: cover;
  transition: all 0.3s ease-in-out;
}
#game-surface-popup-multi .surface-select .list-select .item .btn-delete:hover .icon {
  transform: scale(1.2);
}
#game-surface-popup-multi .surface-select .list-select .item.unselect .icon-border {
  background: rgba(0, 0, 0, 0.2);
  border: 2px dotted rgba(255, 255, 255, 0.4);
}
#game-surface-popup-multi .surface-select .list-select .item.unselect .game-name {
  color: #999;
}

#index-popup-check .popup-content {
  background: rgba(47, 42, 78, 0.9);
}
#index-popup-check .popup-content .area.check-day .total-day {
  color: #FFF;
}
#index-popup-check .popup-content .area.check-day .total-day .day {
  color: #FFDD00;
}
#index-popup-check .popup-content .area .area-title {
  color: #FFF;
}
#index-popup-check .popup-content .area .list {
  background: #231D45;
  border-color: #3B385B;
}
#index-popup-check .popup-content .area .list .btn-check {
  background: #3B326D;
}
#index-popup-check .popup-content .area .list .btn-check .day {
  color: #B3BEC1;
}
#index-popup-check .popup-content .area .list .btn-check .btn-img {
  background: url("../images/neon/popup-check-coin.webp") no-repeat center bottom;
}
#index-popup-check .popup-content .area .list .btn-check .award {
  color: #797979;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .day {
  color: #FFF;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .btn-img {
  background-position: center top;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .award {
  color: #FFF;
}
#index-popup-check .popup-content .area .list .btn-check.today {
  background: radial-gradient(circle at 50% 136%, #645BA5, #241F84 90%) padding-box, linear-gradient(to right, #81A2FF, #C07AF0) border-box;
}
#index-popup-check .popup-content .area .list .btn-check.today .day {
  color: #FFF;
}
#index-popup-check .popup-content .area .list .btn-check.today .btn-img {
  background-position: center;
}
#index-popup-check .popup-content .area .list .btn-check.today .award {
  color: #FFDD00;
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check .btn-img {
  background: url("../images/neon/popup-check-gift.webp") no-repeat center bottom;
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check.confirmed .btn-img {
  background: url("../images/neon/popup-check-coin.webp") no-repeat center top;
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check.today .btn-img {
  background-position: top;
}
#index-popup-check .popup-content .game-category {
  color: #7D87B3;
}

#index-popup-news .tab-title {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#6F00FF, #6F00FF) border-box;
  color: #FFF;
}
#index-popup-news .tab-title.active, #index-popup-news .tab-title:hover {
  background: linear-gradient(#8400F9, #D48BFB, #8400F9) padding-box, linear-gradient(to right, #B700FF, #F6CBFF 30%, #B700FF 50%, #F6CBFF 70%, #B700FF) border-box;
}
#index-popup-news .tab-content {
  background: rgba(47, 42, 78, 0.9);
  border: 2px solid #2E3B86;
}
#index-popup-news .item {
  background: linear-gradient(to right, #59518E, #90A0DF 30%, #59518E 50%, #90A0DF 70%, #59518E);
}
#index-popup-news .content {
  background: linear-gradient(to right, #FFF, #B3ADFF);
}
#index-popup-news .content .title {
  color: #000;
}
#index-popup-news .notify-title {
  color: #FFF;
}
#index-popup-news .notify-title .notify-date {
  color: #797979;
}
#index-popup-news .notify-content {
  color: #FFF;
}
#index-popup-news .notify-btn .notify-btn-close {
  background: #321268;
  border-color: #7434AB;
  color: #FFF;
}
#index-popup-news .notify-btn .notify-btn-close:hover {
  filter: brightness(1.1);
}
#index-popup-news .notify-btn .notify-btn-next {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#index-popup-news .notify-btn .notify-btn-next:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
  color: #FFD900;
}
#index-popup-news .other .rule-gaming {
  background: url(../images/common/btn-rule-gaming.webp) no-repeat center;
  background-size: cover;
}
#index-popup-news .other .rule-service {
  background: url(../images/common/btn-rule-service.webp) no-repeat center;
  background-size: cover;
}
#index-popup-news .other .text {
  color: #FFF;
}

#deposit .page-state.reject .verify-item-reject .img {
  background: url("/common/desktop/images/icon-white/icon-reject.gif") no-repeat center;
  background-size: 72px;
}
#deposit .page-state.review .verify-item-review .img {
  background: url("/common/desktop/images/icon-white/icon-review.gif") no-repeat center;
  background-size: 72px;
}
#deposit .page-state.nodata .verify-item-nodata .img {
  background: url("/common/desktop/images/icon-white/icon-nodata.gif") no-repeat center;
  background-size: 72px;
}
#deposit .list-content .area-amount .input-area .input-remark {
  color: #FFF;
}
#deposit .list-content .area-amount .input-area .input-remark .rate .amount-convert {
  color: #61ABFF;
}
#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 .input-content.select {
  background: #3B326D;
}
#deposit .input-content.select .input-text .unselect {
  color: #999;
}
#deposit .input-content.select .btn-select {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#deposit .input-content.select .btn-select:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#deposit .input-area .channel-info {
  background: #3B326D;
}
#deposit .input-area .channel-info .item .field-title {
  color: #AAA;
}
#deposit .input-area .channel-info .info-content .hr {
  border-color: #616161;
}
#deposit .input-area .input-remark {
  color: #FF0000;
}
#deposit .wallet-info .info-content {
  background: #3B326D;
}

#deposit, #game-surface-popup-deposit {
  /* 存款方式按鈕 */
}
#deposit .deposit-offers .info-content, #game-surface-popup-deposit .deposit-offers .info-content {
  background: #3B326D;
}
#deposit .deposit-offers .info-content .offers-list, #game-surface-popup-deposit .deposit-offers .info-content .offers-list {
  border-color: rgba(255, 255, 255, 0.1);
}
#deposit .deposit-offers .info-content .offers-list .offers-title, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title {
  color: #FFF;
  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: #4C74CB;
}
#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: #4C74CB;
}
#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: #FFDD00;
}
#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: #61ABFF;
}
#deposit .deposit-btn, #game-surface-popup-deposit .deposit-btn {
  background: linear-gradient(to right, #3B326D 60%, #2C274D);
}
#deposit .deposit-btn .btn-list.bank-transfer .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.bank-transfer .btn-img {
  background: url(../images/neon/deposit-icon-bank-transfer.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.atm .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.atm .btn-img {
  background: url(../images/neon/deposit-icon-atm.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.crypto .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.crypto .btn-img {
  background: url(../images/neon/deposit-icon-crypto.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.credit-card .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.credit-card .btn-img {
  background: url(../images/neon/deposit-icon-credit-card.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.store-pay .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.store-pay .btn-img {
  background: url(../images/neon/deposit-icon-store-pay.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.qr-code .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.qr-code .btn-img {
  background: url(../images/neon/deposit-icon-qr-code.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.direct-connection .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.direct-connection .btn-img {
  background: url(../images/neon/deposit-icon-direct-connection.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.e-wallet .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.e-wallet .btn-img {
  background: url(../images/neon/deposit-icon-e-wallet.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.scratch-card .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.scratch-card .btn-img {
  background: url(../images/neon/deposit-icon-scratch-card.webp) no-repeat center top;
  background-size: cover;
}
#deposit .deposit-btn .btn-list.payid .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.payid .btn-img {
  background: url(../images/neon/deposit-icon-payid.webp) no-repeat center top;
  background-size: cover;
}
#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: radial-gradient(#CD00C1, #82004B) padding-box, linear-gradient(#F301D6, #FF3377 51%, #7C018A) border-box;
  box-shadow: 0 3px 0 #580057, 0 0 0 2px #41005C, 0 6px 0 rgba(0, 0, 0, 0.26);
}
#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 .input-content input.input-text, #game-surface-popup-deposit .input-content input.input-text {
  background: #1F1A3D;
  color: #61ABFF;
}
#deposit .input-content .clear-btn, #game-surface-popup-deposit .input-content .clear-btn {
  background: rgba(255, 255, 255, 0.2);
  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/neon/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 .title-text .bank-code, #game-surface-popup-deposit .card .card-title .title-text .bank-code {
  color: #989898;
}
#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;
}

#withdraw .wallet {
  background: linear-gradient(to right, #9900E2, #670397 10%, #383068, #3B326D 40%, #2C274D);
}
#withdraw .wallet .wallet-text {
  color: #FFF;
}
#withdraw .wallet .wallet-text:before {
  background: url(../images/neon/icon-wallet-balance.svg) no-repeat left center;
  background-size: cover;
}
#withdraw .wallet .wallet-amount {
  color: #FFDD00;
}
#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: linear-gradient(#000051, #000051) padding-box, linear-gradient(#0088FF, #B700FF) border-box;
}
#withdraw .list-function .btn-function:hover {
  background: linear-gradient(#0000C2, #0000C2) padding-box, linear-gradient(#00FFFB, #FF51A5) border-box;
  box-shadow: inset 0 0 10px #FFF, 0 0 10px #FFF;
}
#withdraw .list-function .btn-function.disable {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  box-shadow: none;
}
#withdraw .list-function .btn-refresh {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
  color: #FFF;
}
#withdraw .list-function .btn-refresh.disable {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  color: #CCC;
}
#withdraw .list-function .btn-refresh:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#withdraw .verity-state .page-state-reject .img {
  background: url("/common/desktop/images/icon-white/icon-reject.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-review .img {
  background: url("/common/desktop/images/icon-white/icon-review.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-nodata .img {
  background: url("/common/desktop/images/icon-white/icon-nodata.gif") no-repeat center;
  background-size: 72px;
}
#withdraw .verity-state .page-state-nodata .img {
  background: url("../images/neon/add-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card {
  background: url(../images/neon/card-bank.webp) no-repeat center;
  background-size: cover;
}
#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 .title-text .bank-code {
  color: #989898;
}
#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 .input-content .input-text {
  color: #FFD900;
}
#withdraw .input-content .clear-btn {
  background: #464690;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
#withdraw .input-content .clear-btn:hover {
  opacity: 0.8;
}
#withdraw .input-remark .amount-convert {
  color: #61ABFF;
}

#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 .input-text {
  color: #61ABFF;
}
#withdraw-popup-add .upload .input-upload .input-text .file-name {
  color: #717197;
}
#withdraw-popup-add .input-content {
  background: #1F1A3D;
}
#withdraw-popup-add .input-content.select .input-text {
  background: none;
  border-color: transparent;
}
#withdraw-popup-add .input-content.select .input-text .unselect {
  color: #999;
}
#withdraw-popup-add .input-content.select .btn-select {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#withdraw-popup-add .input-content.select .btn-select:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
.disable #withdraw-popup-add .input-content.select .btn-select {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
}
#withdraw-popup-add .input-area.phone .input-content {
  background: none;
}

#withdraw-popup-verify .list-upload .input-upload {
  background: #1F1A3D;
}
#withdraw-popup-verify .list-upload .input-upload .upload-number {
  color: #717197;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text {
  color: #61ABFF;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text.nodata {
  color: #717197;
}
#withdraw-popup-verify .list-upload .input-upload.error {
  border: 1px solid #E6473F;
}

#withdraw-popup-amount .card {
  background: linear-gradient(to right, #4734B9, #0F006A);
  color: #FFF;
}
#withdraw-popup-amount .card .card-title {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.05);
}
#withdraw-popup-amount .card .card-content .field-title {
  color: #B3BEC1;
}
#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: #FFF;
}
#withdraw-popup-amount .area-amount .input-area .input-remark .rate .amount-convert {
  color: #61ABFF;
}

#discount, #discount-detail {
  background: none;
  border: 0;
}
#discount .page-title, #discount-detail .page-title {
  background: url(../images/neon/tw/title/page-title-discount.webp) no-repeat center top;
}
#discount .page-content-list, #discount-detail .page-content-list {
  background: rgba(36, 50, 88, 0.9);
  border: 1px solid #444F6D;
  border-radius: 24px;
}
#discount .page-content-list .area-content, #discount-detail .page-content-list .area-content {
  background: none;
  border: 0;
}

.list-discount .item {
  background: linear-gradient(to right, #59518E, #90A0DF 30%, #59518E 50%, #90A0DF 70%, #59518E);
}
.list-discount .item .info-content {
  background: linear-gradient(to right, #FFF, #B3ADFF);
  color: #000;
}

#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 figure.table {
  border-color: transparent;
}
#discount-detail figure.table table {
  border-left: 1px solid #4C3E9B;
  border-top: 1px solid #4C3E9B;
}
#discount-detail figure.table table td {
  border-right: 1px solid #4C3E9B;
  border-bottom: 1px solid #4C3E9B;
}

.discount-title {
  background: linear-gradient(to right, #0B00A1, transparent 80%);
}
.discount-title .date {
  color: #40C097;
}
.discount-title .btn-apply {
  background: linear-gradient(#000051, #000051) padding-box, linear-gradient(#0088FF, #B700FF) border-box;
}
.discount-title .btn-apply:hover {
  background: linear-gradient(#0000C2, #0000C2) padding-box, linear-gradient(#00FFFB, #FF51A5) border-box;
  box-shadow: inset 0 0 10px #FFF, 0 0 10px #FFF;
}
.discount-title .btn-apply.ineligible, .discount-title .btn-apply.applied {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  box-shadow: none;
}
.discount-title:before {
  background: linear-gradient(#00DDFF, #005DFF);
}

.area-other .area-title {
  background: url(../images/neon/tw/title/title-discount-detail.webp) no-repeat center;
}
.area-other .item {
  background: linear-gradient(to right, #59518E, #90A0DF 30%, #59518E 50%, #90A0DF 70%, #59518E);
}
.area-other .item .info-content {
  background: linear-gradient(to right, #FFF, #B3ADFF);
  color: #000;
}
.area-other .btn-more {
  color: #FFF;
  background: linear-gradient(#240077, #240077) padding-box, linear-gradient(to right, #364D74, #6C82AC 30%, #364D74 50%, #6C82AC, #364D74) border-box;
}
.area-other .btn-more:hover {
  background: linear-gradient(#3D1698, #3D1698) padding-box, linear-gradient(to right, #AA44D2, #E9C6FE 30%, #AA44D2 50%, #E9C6FE, #AA44D2) border-box;
}

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

#chatroom-upper-agent .area-menu, #chatroom-upper-member .area-menu, #chatroom-under-member .area-menu, #support-service .area-menu {
  background: #1E193C;
}
#chatroom-upper-agent .area-menu .btn-menu, #chatroom-upper-member .area-menu .btn-menu, #chatroom-under-member .area-menu .btn-menu, #support-service .area-menu .btn-menu {
  color: #FFF;
}
#chatroom-upper-agent .area-menu .btn-menu.upper-agent .icon, #chatroom-upper-member .area-menu .btn-menu.upper-agent .icon, #chatroom-under-member .area-menu .btn-menu.upper-agent .icon, #support-service .area-menu .btn-menu.upper-agent .icon {
  background: url("../images/neon/icon-upper-agent.svg") no-repeat center;
  background-size: cover;
}
#chatroom-upper-agent .area-menu .btn-menu.upper-member .icon, #chatroom-upper-member .area-menu .btn-menu.upper-member .icon, #chatroom-under-member .area-menu .btn-menu.upper-member .icon, #support-service .area-menu .btn-menu.upper-member .icon {
  background: url("../images/neon/icon-upper-member.svg") no-repeat center;
  background-size: cover;
}
#chatroom-upper-agent .area-menu .btn-menu.under-member .icon, #chatroom-upper-member .area-menu .btn-menu.under-member .icon, #chatroom-under-member .area-menu .btn-menu.under-member .icon, #support-service .area-menu .btn-menu.under-member .icon {
  background: url("../images/neon/icon-under-member.svg") no-repeat center;
  background-size: cover;
}
#chatroom-upper-agent .area-menu .btn-menu.support-service .icon, #chatroom-upper-member .area-menu .btn-menu.support-service .icon, #chatroom-under-member .area-menu .btn-menu.support-service .icon, #support-service .area-menu .btn-menu.support-service .icon {
  background: url("../images/neon/icon-support-service.svg") no-repeat center;
  background-size: cover;
}
#chatroom-upper-agent .area-menu .btn-menu:hover, #chatroom-upper-agent .area-menu .btn-menu.active, #chatroom-upper-member .area-menu .btn-menu:hover, #chatroom-upper-member .area-menu .btn-menu.active, #chatroom-under-member .area-menu .btn-menu:hover, #chatroom-under-member .area-menu .btn-menu.active, #support-service .area-menu .btn-menu:hover, #support-service .area-menu .btn-menu.active {
  background: linear-gradient(to right, #240CEB, #893AFE);
  border-color: #61ABFF !important;
}
#chatroom-upper-agent .area-menu .btn-menu .unread, #chatroom-upper-member .area-menu .btn-menu .unread, #chatroom-under-member .area-menu .btn-menu .unread, #support-service .area-menu .btn-menu .unread {
  background: #E6473F;
}
#chatroom-upper-agent .area-content, #chatroom-upper-member .area-content, #chatroom-under-member .area-content, #support-service .area-content {
  background: #1E193C;
}
#chatroom-upper-agent .area-content .msg-welcome, #chatroom-upper-member .area-content .msg-welcome, #chatroom-under-member .area-content .msg-welcome, #support-service .area-content .msg-welcome {
  color: #999;
}
#chatroom-upper-agent .area-content .time .text-time, #chatroom-upper-member .area-content .time .text-time, #chatroom-under-member .area-content .time .text-time, #support-service .area-content .time .text-time {
  background: rgba(255, 255, 255, 0.2);
  color: #AAA;
}
#chatroom-upper-agent .area-content .avatar, #chatroom-upper-member .area-content .avatar, #chatroom-under-member .area-content .avatar, #support-service .area-content .avatar {
  border: 2px solid #A4A4A4;
}
#chatroom-upper-agent .area-content .other-side .avatar, #chatroom-upper-member .area-content .other-side .avatar, #chatroom-under-member .area-content .other-side .avatar, #support-service .area-content .other-side .avatar {
  background: url("../../../images/common/service-avatar.webp") no-repeat center;
  background-size: cover;
}
#chatroom-upper-agent .area-content .other-side .user-name, #chatroom-upper-member .area-content .other-side .user-name, #chatroom-under-member .area-content .other-side .user-name, #support-service .area-content .other-side .user-name {
  color: #A4A4A4;
}
#chatroom-upper-agent .area-content .other-side .msg-text, #chatroom-upper-member .area-content .other-side .msg-text, #chatroom-under-member .area-content .other-side .msg-text, #support-service .area-content .other-side .msg-text {
  background: rgba(255, 255, 255, 0.15);
  color: #FFF;
}
#chatroom-upper-agent .area-content .other-side .msg-time, #chatroom-upper-member .area-content .other-side .msg-time, #chatroom-under-member .area-content .other-side .msg-time, #support-service .area-content .other-side .msg-time {
  color: #A4A4A4;
}
#chatroom-upper-agent .area-content .own .user-name, #chatroom-upper-member .area-content .own .user-name, #chatroom-under-member .area-content .own .user-name, #support-service .area-content .own .user-name {
  color: #A4A4A4;
  text-align: right;
}
#chatroom-upper-agent .area-content .own .msg-text, #chatroom-upper-member .area-content .own .msg-text, #chatroom-under-member .area-content .own .msg-text, #support-service .area-content .own .msg-text {
  background: linear-gradient(rgba(66, 66, 122, 0.9), rgba(42, 63, 116, 0.9));
  color: #fff;
}
#chatroom-upper-agent .area-content .own .msg-time, #chatroom-upper-member .area-content .own .msg-time, #chatroom-under-member .area-content .own .msg-time, #support-service .area-content .own .msg-time {
  color: #A4A4A4;
}
#chatroom-upper-agent .area-content .chat-state-wait .img, #chatroom-upper-member .area-content .chat-state-wait .img, #chatroom-under-member .area-content .chat-state-wait .img, #support-service .area-content .chat-state-wait .img {
  background: url(/common/desktop/images/icon-white/support-service-wait.gif) no-repeat center;
  background-size: 72px;
}
#chatroom-upper-agent .area-content .chat-state-wait .remark, #chatroom-upper-member .area-content .chat-state-wait .remark, #chatroom-under-member .area-content .chat-state-wait .remark, #support-service .area-content .chat-state-wait .remark {
  color: #CCC;
}
#chatroom-upper-agent .area-content .chat-surface, #chatroom-upper-member .area-content .chat-surface, #chatroom-under-member .area-content .chat-surface, #support-service .area-content .chat-surface {
  background: #3B326D;
}
#chatroom-upper-agent .area-content .chat-surface .input-text, #chatroom-upper-member .area-content .chat-surface .input-text, #chatroom-under-member .area-content .chat-surface .input-text, #support-service .area-content .chat-surface .input-text {
  border: 0;
}
#chatroom-upper-agent .area-content .chat-surface .btn-upload-img, #chatroom-upper-member .area-content .chat-surface .btn-upload-img, #chatroom-under-member .area-content .chat-surface .btn-upload-img, #support-service .area-content .chat-surface .btn-upload-img {
  background: url(../images/neon/chatroom-upload-image.svg) no-repeat center;
  transition: all 0.3s ease-in-out;
}
#chatroom-upper-agent .area-content .chat-surface .btn-upload-img:hover, #chatroom-upper-member .area-content .chat-surface .btn-upload-img:hover, #chatroom-under-member .area-content .chat-surface .btn-upload-img:hover, #support-service .area-content .chat-surface .btn-upload-img:hover {
  opacity: 0.9;
}
#chatroom-upper-agent .area-content .chat-surface.disable, #chatroom-upper-member .area-content .chat-surface.disable, #chatroom-under-member .area-content .chat-surface.disable, #support-service .area-content .chat-surface.disable {
  opacity: 0.5;
}
#chatroom-upper-agent .area-content .chat-surface.disable .btn-upload-img:hover, #chatroom-upper-member .area-content .chat-surface.disable .btn-upload-img:hover, #chatroom-under-member .area-content .chat-surface.disable .btn-upload-img:hover, #support-service .area-content .chat-surface.disable .btn-upload-img:hover {
  opacity: 1;
}

#chatroom-under-member .page-content-list .area-page-content {
  background: #1E193C;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item {
  background: rgba(255, 255, 255, 0.08);
}
#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: #fff;
}
#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 #61ABFF;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item:hover {
  background: rgba(255, 255, 255, 0.1);
}

#roadmap .roadmap-top {
  background: url(../images/neon/roadmap-bg.webp) no-repeat center;
  background-size: cover;
}
#roadmap .roadmap-top .user-photo {
  background: url(/images/common/photo.webp) no-repeat center top;
  background-size: 120px;
  border-color: #FF00D0;
  box-shadow: inset 0 0 0 4px #000;
}
#roadmap .roadmap-top .user-content .user-vip {
  background: linear-gradient(rgba(248, 15, 252, 0.5) 10%, rgba(144, 0, 255, 0.5) 50%, rgba(101, 0, 94, 0.5) 60%, rgba(255, 0, 212, 0.5)), linear-gradient(#D40010, #E05454);
  border: 2px solid #FFBF35;
  color: #FFD900;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#roadmap .roadmap-top .user-content .user-vip:before {
  background: url(../images/neon/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;
  background: url(../images/neon/icon-coins.svg) no-repeat left 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: #FFD000;
}
#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(to right, #FF007B, #FFFB00);
  box-shadow: inset 0 0 6px #FFF, 0 0 10px rgba(161, 255, 1, 0.3);
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg .bar-number {
  color: #FFD000;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg.inside .bar-number {
  color: #000;
}
#roadmap .roadmap-top .function-link .function-link-item {
  background: radial-gradient(circle at 50% 136%, #645BA5, #241F84 90%) padding-box, linear-gradient(to right, #81A2FF, #C07AF0) border-box;
}
#roadmap .roadmap-top .function-link .function-link-item.deposit .link-icon {
  background-image: url(../images/neon/function-link-deposit.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.withdraw .link-icon {
  background-image: url(../images/neon/function-link-withdraw.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.account-record .link-icon {
  background-image: url(../images/neon/function-link-account-record.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item.discount-history .link-icon {
  background-image: url(../images/neon/function-link-discount-history.svg);
  background-size: 33px;
}
#roadmap .roadmap-top .function-link .function-link-item .link-icon {
  background-color: rgba(14, 8, 96, 0.4);
}
#roadmap .roadmap-top .function-link .function-link-item .link-text {
  color: #FFF;
}
#roadmap .roadmap-top .function-link .function-link-item:hover {
  background: linear-gradient(#2A15E2, #DC65F9) padding-box, linear-gradient(to right, #A9F8FF, #FFE56F) border-box;
  box-shadow: inset 0 0 10px #FFF, 0 0 10px #FFF;
}
#roadmap .roadmap-top .function-link .function-link-item:hover .link-text {
  color: #FAFF76;
}
#roadmap .flow-audit-btn {
  background: linear-gradient(#000051, #000051) padding-box, linear-gradient(#0088FF, #B700FF) border-box;
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
#roadmap .flow-audit-btn:before {
  background: url(../images/neon/icon-audit.svg) no-repeat center;
}
#roadmap .flow-audit-btn:hover {
  background: linear-gradient(#0000C2, #0000C2) padding-box, linear-gradient(#00FFFB, #FF51A5) border-box;
  box-shadow: inset 0 0 10px #FFF, 0 0 10px #FFF;
}
#roadmap .flow-audit-info .flow-audit-icon {
  background: url(../images/neon/icon-warning.svg) no-repeat center;
  transition: all 0.3s ease-in-out;
}
#roadmap .flow-audit-info .flow-audit-icon:hover {
  filter: brightness(1.1);
}
#roadmap .flow-audit-info .flow-audit-direction {
  background: #32393A;
  color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8), inset -1px -1px 0 rgba(255, 255, 255, 0.1);
}
#roadmap .flow-audit-info .flow-audit-direction:before {
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-bottom: 16px solid #32393A;
}
#roadmap .roadmap-link-item {
  background: #231D45;
}
#roadmap .roadmap-link-item .link-title {
  background: linear-gradient(#231D45, #231D45) padding-box, linear-gradient(to right, #9900FF, #423482 20%, #464646) border-box;
  color: #FFF;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.basic-data {
  background: url(../images/neon/roadmap-basic-data.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.basic-data:hover {
  background: url(../images/neon/roadmap-basic-data.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.verification {
  background: url(../images/neon/roadmap-verification.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.verification:hover {
  background: url(../images/neon/roadmap-verification.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.member-level {
  background: url(../images/neon/roadmap-member-level.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.member-level:hover {
  background: url(../images/neon/roadmap-member-level.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.notify {
  background: url(../images/neon/roadmap-notify.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.notify:hover {
  background: url(../images/neon/roadmap-notify.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.instant-rebate {
  background: url(../images/neon/roadmap-instant-rebate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.instant-rebate:hover {
  background: url(../images/neon/roadmap-instant-rebate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-bonus {
  background: url(../images/neon/roadmap-discount-bonus.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-bonus:hover {
  background: url(../images/neon/roadmap-discount-bonus.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.red-envelope-code {
  background: url(../images/neon/roadmap-red-envelope-code.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.red-envelope-code:hover {
  background: url(../images/neon/roadmap-red-envelope-code.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.check {
  background: url(../images/neon/roadmap-check.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.check:hover {
  background: url(../images/neon/roadmap-check.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deposit {
  background: url(../images/neon/roadmap-deposit.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deposit:hover {
  background: url(../images/neon/roadmap-deposit.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bank-card-info {
  background: url(../images/neon/roadmap-bank-card-info.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bank-card-info:hover {
  background: url(../images/neon/roadmap-bank-card-info.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdraw {
  background: url(../images/neon/roadmap-withdraw.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdraw:hover {
  background: url(../images/neon/roadmap-withdraw.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bet-history {
  background: url(../images/neon/roadmap-bet-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bet-history:hover {
  background: url(../images/neon/roadmap-bet-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.depositing {
  background: url(../images/neon/roadmap-depositing.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.depositing:hover {
  background: url(../images/neon/roadmap-depositing.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdrawal {
  background: url(../images/neon/roadmap-withdrawal.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdrawal:hover {
  background: url(../images/neon/roadmap-withdrawal.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.addBalance {
  background: url(../images/neon/roadmap-addBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.addBalance:hover {
  background: url(../images/neon/roadmap-addBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deductBalance {
  background: url(../images/neon/roadmap-deductBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deductBalance:hover {
  background: url(../images/neon/roadmap-deductBalance.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.transferIn {
  background: url(../images/neon/roadmap-transferIn.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.transferIn:hover {
  background: url(../images/neon/roadmap-transferIn.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.donate {
  background: url(../images/neon/roadmap-donate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.donate:hover {
  background: url(../images/neon/roadmap-donate.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.providerPromotions {
  background: url(../images/neon/roadmap-providerPromotions.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.providerPromotions:hover {
  background: url(../images/neon/roadmap-providerPromotions.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.my-promote {
  background: url(../images/neon/roadmap-my-promote.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.my-promote:hover {
  background: url(../images/neon/roadmap-my-promote.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-teach {
  background: url(../images/neon/roadmap-promote-teach.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-teach:hover {
  background: url(../images/neon/roadmap-promote-teach.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-rule {
  background: url(../images/neon/roadmap-promote-rule.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-rule:hover {
  background: url(../images/neon/roadmap-promote-rule.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-history {
  background: url(../images/neon/roadmap-promote-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-history:hover {
  background: url(../images/neon/roadmap-promote-history.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.summary-team {
  background: url(../images/neon/roadmap-summary-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.summary-team:hover {
  background: url(../images/neon/roadmap-summary-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.report-team {
  background: url(../images/neon/roadmap-report-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.report-team:hover {
  background: url(../images/neon/roadmap-report-team.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.achievement-rewards {
  background: url(../images/neon/roadmap-achievement-rewards.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.achievement-rewards:hover {
  background: url(../images/neon/roadmap-achievement-rewards.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-offline-member {
  background: url(../images/neon/roadmap-promote-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-offline-member:hover {
  background: url(../images/neon/roadmap-promote-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.personal-center {
  background: url(../images/neon/roadmap-personal-center.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.personal-center:hover {
  background: url(../images/neon/roadmap-personal-center.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.agent-progress {
  background: url(../images/neon/roadmap-agent-progress.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.agent-progress:hover {
  background: url(../images/neon/roadmap-agent-progress.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.offline-member {
  background: url(../images/neon/roadmap-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.offline-member:hover {
  background: url(../images/neon/roadmap-offline-member.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.level-system {
  background: url(../images/neon/roadmap-level-system.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.level-system:hover {
  background: url(../images/neon/roadmap-level-system.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-activity {
  background: url(../images/neon/roadmap-discount-activity.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-activity:hover {
  background: url(../images/neon/roadmap-discount-activity.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.disclaimer {
  background: url(../images/neon/roadmap-disclaimer.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.disclaimer:hover {
  background: url(../images/neon/roadmap-disclaimer.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.qa {
  background: url(../images/neon/roadmap-qa.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.qa:hover {
  background: url(../images/neon/roadmap-qa.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-gamble {
  background: url(../images/neon/roadmap-register-gamble.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-gamble:hover {
  background: url(../images/neon/roadmap-register-gamble.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-terms {
  background: url(../images/neon/roadmap-register-terms.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-terms:hover {
  background: url(../images/neon/roadmap-register-terms.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.privacy {
  background: url(../images/neon/roadmap-privacy.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.privacy:hover {
  background: url(../images/neon/roadmap-privacy.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.modify-password {
  background: url(../images/neon/roadmap-modify-password.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.modify-password:hover {
  background: url(../images/neon/roadmap-modify-password.svg) no-repeat left center;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .link-item-text {
  color: #FFF;
  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: #B3BEC1;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item:before, #roadmap .roadmap-link-item .link-content .link-list .link-item:after {
  background: #849BFF;
}
#roadmap .roadmap-link-item .link-content .link-list:first-child {
  border-color: rgba(255, 255, 255, 0.2);
}

/*----------- 流水稽查提示彈窗 -----------*/
#popup-flow-audit .flow-audit {
  gap: 0.375rem;
}
#popup-flow-audit .flow-audit.success .flow-audit-title {
  background-image: url(../images/neon/icon-audit-successful.svg);
  color: #24EE89;
}
#popup-flow-audit .flow-audit.fail .flow-audit-title {
  background-image: url(../images/neon/icon-audit-failure.svg);
  color: #FF4545;
}
#popup-flow-audit .flow-audit .flow-audit-text {
  color: #FFF;
}

#my-info-member .area-content .vip-card {
  background-image: linear-gradient(to right, #535567 30%, #727272);
  border-color: #626262;
}
#my-info-member .area-content .vip-card .tag {
  background: rgba(0, 0, 0, 0.3);
  color: #9B9B9B;
}
#my-info-member .area-content .vip-card .level-text {
  color: #424242;
  -webkit-text-stroke-color: #B4B4B4;
}
#my-info-member .area-content .vip-card.now {
  background-image: linear-gradient(135deg, #E29FFF, #8E00DA 40%, #E990FF);
  border-color: #D7AAFF;
}
#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: #5D009F;
  -webkit-text-stroke-color: #F5D9FF;
}
#my-info-member .area-content .vip-card.old {
  background-image: linear-gradient(to right, #524695 30%, #6165B0);
  border-color: #807CAB;
}
#my-info-member .area-content .vip-card.old .tag {
  background: rgba(0, 0, 0, 0.4);
  color: #ACA0CF;
}
#my-info-member .area-content .vip-card.old .level-text {
  color: #2F215B;
  -webkit-text-stroke-color: #B9C4D5;
}
#my-info-member .area-content .vip-card.level-1.now:after {
  background-image: url("../images/neon/vip-icon/level-1-now.webp");
}
#my-info-member .area-content .vip-card.level-2.now:after {
  background-image: url("../images/neon/vip-icon/level-2-now.webp");
}
#my-info-member .area-content .vip-card.level-3.now:after {
  background-image: url("../images/neon/vip-icon/level-3-now.webp");
}
#my-info-member .area-content .vip-card.level-4.now:after {
  background-image: url("../images/neon/vip-icon/level-4-now.webp");
}
#my-info-member .area-content .vip-card.level-5.now:after {
  background-image: url("../images/neon/vip-icon/level-5-now.webp");
}
#my-info-member .area-content .vip-card.level-6.now:after {
  background-image: url("../images/neon/vip-icon/level-6-now.webp");
}
#my-info-member .area-content .vip-card.level-7.now:after {
  background-image: url("../images/neon/vip-icon/level-7-now.webp");
}
#my-info-member .area-content .vip-card.level-8.now:after {
  background-image: url("../images/neon/vip-icon/level-8-now.webp");
}
#my-info-member .area-content .vip-card.level-9.now:after {
  background-image: url("../images/neon/vip-icon/level-9-now.webp");
}
#my-info-member .area-content .vip-card.level-10.now:after {
  background-image: url("../images/neon/vip-icon/level-10-now.webp");
}
#my-info-member .area-content .vip-card.level-11.now:after {
  background-image: url("../images/neon/vip-icon/level-11-now.webp");
}
#my-info-member .area-content .vip-card.level-12.now:after {
  background-image: url("../images/neon/vip-icon/level-12-now.webp");
}
#my-info-member .area-content .vip-card.level-13.now:after {
  background-image: url("../images/neon/vip-icon/level-13-now.webp");
}
#my-info-member .area-content .vip-card.level-14.now:after {
  background-image: url("../images/neon/vip-icon/level-14-now.webp");
}
#my-info-member .area-content .vip-card.level-15.now:after {
  background-image: url("../images/neon/vip-icon/level-15-now.webp");
}
#my-info-member .area-content .vip-card.level-16.now:after {
  background-image: url("../images/neon/vip-icon/level-16-now.webp");
}
#my-info-member .area-content .info-content .info-bar-area {
  background: linear-gradient(#393E97, #3E46DA);
}
#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: #FFD000;
}
#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(to right, #FFFB00, #FF007B);
  box-shadow: inset 0 0 6px #FFF, 0 0 10px rgba(161, 255, 1, 0.3);
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg .info-bar-number {
  color: #FFD000;
}
#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 .info-bar-area .hr-vertical {
  background: rgba(255, 255, 255, 0.3);
}
#my-info-member .area-content .info-content .list-gift .item {
  background: #393E97;
}
#my-info-member .area-content .info-content .list-gift .item.level-up .img {
  background: url("../images/neon/vip-info-gift-level-up.webp") no-repeat center;
}
#my-info-member .area-content .info-content .list-gift .item.month .img {
  background: url("../images/neon/vip-info-gift-month.webp") no-repeat center;
}
#my-info-member .area-content .info-content .list-gift .item.week .img {
  background: url("../images/neon/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: #FFDD00;
}
#my-info-member .area-content .list-info {
  background: #44495A;
  border: 1px solid #6A6A6A;
}
#my-info-member .area-content .list-info .field-title {
  color: #B7C2F6;
}
#my-info-member .area-content .list-info .field-amount {
  color: #FFE56F;
}
#my-info-member .area-content .list-info .hr {
  border-color: #616161;
}
#my-info-member .area-content .list-info .item-title {
  color: #FFF;
}
#my-info-member .area-content .list-info.old {
  background: #38298F;
  border: 1px solid #6F64A9;
}
#my-info-member .area-content .list-cashback-limit .item {
  background: #34043F;
  border: 1px solid #9A0055;
}
#my-info-member .area-content .list-cashback-limit .item .amount {
  color: #FFDD00;
}
#my-info-member .area-content .list-table {
  border-left: 1px solid #4C3E9B;
  border-top: 1px solid #4C3E9B;
}
#my-info-member .area-content .list-table .table-colum-title {
  border-right: 1px solid #4C3E9B;
}
#my-info-member .area-content .list-table .table-colum-title .row {
  border-bottom: 1px solid #4C3E9B;
  background: #3C356B;
  color: #FFF;
}
#my-info-member .area-content .list-table .table-colum-title .row.title {
  background: #5200CD;
  color: #FFF;
}
#my-info-member .area-content .list-table .table-colum-title .row.even {
  background: #2B2747;
}
#my-info-member .area-content .list-table .table-content .row.title .colum {
  background: #5200CD;
  color: #FFF;
}
#my-info-member .area-content .list-table .table-content .row.title .colum.now-level {
  background: linear-gradient(135deg, #FFC421, #FFE24F 40%, #FFC421);
  color: #111A15;
}
#my-info-member .area-content .list-table .table-content .row.even .colum {
  background: #2B2747;
}
#my-info-member .area-content .list-table .table-content .row.even .colum.now-level {
  background: #574000;
  color: #FFF;
  border-bottom: 1px solid #4C3E9B;
}
#my-info-member .area-content .list-table .table-content .row .colum {
  background: #3C356B;
  border-right: 1px solid #4C3E9B;
  border-bottom: 1px solid #4C3E9B;
}
#my-info-member .area-content .list-table .table-content .row .colum.now-level {
  background: #775700;
  color: #FFF;
  border-bottom: 1px solid #4C3E9B;
}
#my-info-member .area-content .list-table .table-content .content::-webkit-scrollbar {
  background-color: #000;
}
#my-info-member .area-content .list-table .table-content .content::-webkit-scrollbar-thumb {
  background-color: #5F39DE;
}
#my-info-member .area-content .list::-webkit-scrollbar {
  background-color: #000;
}
#my-info-member .area-content .list::-webkit-scrollbar-thumb {
  background-color: #5F39DE;
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(1) .vip-card:after {
  background-image: url("../images/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/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/neon/vip-icon/level-0-now.webp");
}

#my-info-basic .item-field .field-title .field-name {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(#FFF, #AFAFAF);
  -webkit-background-clip: text;
}
#my-info-basic .item-field .field-title .btn-edit {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#my-info-basic .item-field .field-title .btn-edit:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#my-info-basic .item-field .field-content {
  background: #140F31;
  color: #363E5A;
}
#my-info-basic .item-field .field-content .no-data {
  color: #717197;
}
#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 .table .colum.state {
  color: #FFD900;
}
#deal-detail .table .row.title .state {
  color: #FFF;
}

#bet-record .area-content .content-title .list-total {
  background: #34043F;
  border: 2px solid #9A0055;
}
#bet-record .area-content .content-title .list-total .field-title {
  color: #FFF;
}
#bet-record .area-content .content-title .list-total .field-content {
  color: #FFDD00;
}
#bet-record .area-content .content-title .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.2);
}
#bet-record .area-content .content-title .list-total .total-winlose.win .field-content {
  color: #FFDD00;
}
#bet-record .area-content .content-title .list-total .total-winlose.lose .field-content {
  color: #E6473F;
}
#bet-record .area-content .content-title .area-function .list-btn-function .input-search {
  background: #1F1A3D;
  color: #AAA;
}
#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 .data-count {
  color: #AAA;
}
#bet-record .area-content .table-bet-record .item {
  background: linear-gradient(to right, #4734B9, #0F006A);
}
#bet-record .area-content .table-bet-record .item .item-title {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
#bet-record .area-content .table-bet-record .item .item-content .field .title {
  color: #B3BEC1;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
#bet-record .area-content .table-bet-record .item .item-content .hr {
  border-color: #616161;
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.win {
  color: #FFDD00;
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.lose {
  color: #E6473F;
}

#bet-record-detail .area-content .content-title {
  color: #AAA;
}
#bet-record-detail .area-content .content-title .game-name {
  color: #FFF;
}
#bet-record-detail .table .row .colum.state {
  color: #FFD900;
}
#bet-record-detail .table .row.title .state {
  color: #FFF;
}
#bet-record-detail .table .row.win .winlose {
  color: #46D42F;
}
#bet-record-detail .table .row.lose .winlose {
  color: #E6473F;
}

#instant-rebate .area-content .content-title .list-total {
  background: #34043F;
  border: 2px solid #9A0055;
}
#instant-rebate .area-content .content-title .list-total .field-title {
  color: #FFF;
}
#instant-rebate .area-content .content-title .list-total .field-content {
  color: #FFDD00;
}
#instant-rebate .area-content .content-title .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.2);
}
#instant-rebate .area-content .table-instant-rebate .item {
  background: linear-gradient(to right, #4734B9, #0F006A);
}
#instant-rebate .area-content .table-instant-rebate .item .item-title {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .field .title {
  color: #B3BEC1;
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .hr {
  border-color: #616161;
}

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

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

#promote-overview .area-receive-award {
  background: #34043F;
  border: 2px solid #9A0055;
}
#promote-overview .area-receive-award .amount {
  color: #FFDD00;
}
#promote-overview .area-receive-award .btn-receive {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
#promote-overview .area-receive-award .btn-receive:hover, #promote-overview .area-receive-award .btn-receive.active {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#promote-overview .area-receive-award .btn-receive.disabled {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
  box-shadow: none;
  color: #CCC;
}
#promote-overview .area-receive-award .hr-vertical {
  background: rgba(255, 255, 255, 0.2);
}
#promote-overview .area-total .item {
  background: linear-gradient(to right, #4734B9, #0F006A);
}
#promote-overview .area-total .item .item-title {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
#promote-overview .area-total .item .item-title .content-text {
  color: #FFDD00;
}
#promote-overview .area-promote-method .list-method .item {
  background: #231D45;
}
#promote-overview .area-promote-method .list-method .item.link .icon {
  background: url("../images/neon/icon-link.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/neon/icon-code-number.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/neon/icon-qrcode.svg") no-repeat center;
}
#promote-overview .area-promote-method .list-method .item .btn-option {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
  border-color: transparent;
}
#promote-overview .area-promote-method .list-method .item .btn-option:hover, #promote-overview .area-promote-method .list-method .item .btn-option.active {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#promote-overview .area-promote-method .list-method .item .btn-option.disabled {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
}
#promote-overview .area-promote-method .area-qrcode {
  background: #231D45;
}

#promote-achievement .list-function .btn-sort-by {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
  color: #FFF;
}
#promote-achievement .list-function .btn-sort-by:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#promote-achievement .table .state {
  color: #FFDD00;
}
#promote-achievement .table .title .state {
  color: #FFF;
}

#promote-team-overview .list-total {
  background: #343A3C;
  color: #999;
}
#promote-team-overview .list-total .count {
  color: #24EE89;
}
#promote-team-overview .list-total .hr-vertical {
  background: #666;
}
#promote-team-overview .list-data .item {
  background: #343A3C;
}
#promote-team-overview .list-data .item .field-title {
  color: #999;
}

#promote-tutorial .item-qa, #promote-rule .item-qa {
  background: #231D45;
  transition: all 0.3s ease-in-out;
}
#promote-tutorial .item-qa .content, #promote-rule .item-qa .content {
  color: #999;
}
#promote-tutorial .item-qa .fa-plus, #promote-rule .item-qa .fa-plus {
  color: #999;
}
#promote-tutorial .item-qa:hover, #promote-rule .item-qa:hover {
  filter: brightness(1.05);
}

#promote-offline-member .data-count {
  color: #AAA;
}
#promote-offline-member .list-total {
  background: #231D45;
  color: #FFF;
}
#promote-offline-member .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}
#promote-offline-member .list-total .count {
  color: #FFDD00;
}
#promote-offline-member .offline-content .list-total {
  background: #231D45;
}
#promote-offline-member .offline-content .list-total .item .title {
  color: #B3BEC1;
}
#promote-offline-member .offline-content .list-total .item .count {
  color: #FFF;
}
#promote-offline-member .offline-content .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}

#allagent-personal-center .list-total {
  background: #231D45;
  color: #FFF;
}
#allagent-personal-center .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}
#allagent-personal-center .list-total .count {
  color: #FFDD00;
}
#allagent-personal-center .area-promote-method .list-method .item {
  background: #231D45;
}
#allagent-personal-center .area-promote-method .list-method .item.link .icon {
  background: url("../images/neon/icon-link.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/neon/icon-code-number.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/neon/icon-qrcode.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
  border-color: transparent;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option:hover, #allagent-personal-center .area-promote-method .list-method .item .btn-option.active {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  color: #FFD900;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
#allagent-personal-center .area-promote-method .list-method .item .btn-option.disabled {
  background: linear-gradient(#A5A5A5, #505050) padding-box, linear-gradient(#EBEBEB, #616161) border-box;
}
#allagent-personal-center .area-promote-method .area-qrcode {
  background: #231D45;
}

#allagent-progress .list-total {
  background: #231D45;
  color: #FFF;
}
#allagent-progress .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}
#allagent-progress .list-total .count {
  color: #FFDD00;
}

#allagent-offline-member .data-count {
  color: #AAA;
}
#allagent-offline-member .list-total {
  background: #231D45;
  color: #FFF;
}
#allagent-offline-member .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}
#allagent-offline-member .list-total .count {
  color: #FFDD00;
}
#allagent-offline-member .offline-content .list-total {
  background: #231D45;
}
#allagent-offline-member .offline-content .list-total .item .title {
  color: #B3BEC1;
}
#allagent-offline-member .offline-content .list-total .item .count {
  color: #FFF;
}
#allagent-offline-member .offline-content .list-total .hr-vertical {
  background: rgba(255, 255, 255, 0.15);
}

/* 等級制度 */
#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: #44495A;
  border: 1px solid #6A6A6A;
}
#allagent-level-system .list-info .field-title {
  color: #FFF;
}
#allagent-level-system .list-info .field-amount {
  color: #FFE56F;
}
#allagent-level-system .list-info .item-title {
  color: #B7C2F6;
}
#allagent-level-system .list-info.active {
  background: #38298F;
  border-color: #6F64A9;
}
#allagent-level-system .list-info .hr {
  border-color: rgba(255, 255, 255, 0.15);
}
#allagent-level-system .list-table {
  border-left: 1px solid #4C3E9B;
  border-top: 1px solid #4C3E9B;
}
#allagent-level-system .list-table .colum {
  border-right: 1px solid #4C3E9B;
  border-bottom: 1px solid #4C3E9B;
}
#allagent-level-system .list-table .table-colum-title {
  border-right: 2px solid #4C3E9B;
}
#allagent-level-system .list-table .table-colum-title .row.title {
  color: #FFF;
}
#allagent-level-system .list-table .table-colum-title .row.multiplier {
  background: #5200CD;
}
#allagent-level-system .list-table .table-colum-title .row.ratio {
  background: #38298F;
}
#allagent-level-system .list-table .table-colum-title .row.even {
  background: #3C356B;
}
#allagent-level-system .list-table .table-content .content::-webkit-scrollbar {
  background-color: #000;
}
#allagent-level-system .list-table .table-content .content::-webkit-scrollbar-thumb {
  background-color: #5F39DE;
}
#allagent-level-system .list-table .table-content .content .row .colum.now-level {
  background: #574000;
}
#allagent-level-system .list-table .table-content .content .row.title .colum {
  background: transparent;
}
#allagent-level-system .list-table .table-content .content .row.multiplier .colum {
  background: #5200CD;
}
#allagent-level-system .list-table .table-content .content .row.multiplier .colum.now-level {
  background: linear-gradient(135deg, #FFC421, #FFE24F 40%, #FFC421);
  color: #111A15;
}
#allagent-level-system .list-table .table-content .content .row.ratio .colum {
  background: #38298F;
}
#allagent-level-system .list-table .table-content .content .row.ratio .colum.now-level {
  background: #8C7C00;
}
#allagent-level-system .list-table .table-content .content .row.even .colum {
  background: #3C356B;
}
#allagent-level-system .list-table .table-content .content .row.even .colum.now-level {
  background: #775700;
}
#allagent-level-system .area-content .list::-webkit-scrollbar {
  background-color: #000;
}
#allagent-level-system .area-content .list::-webkit-scrollbar-thumb {
  background-color: #5F39DE;
}

#news-notify .area-content .content-tab, #news-mailbox .area-content .content-tab {
  background: #1E193C;
}
#news-notify .area-content .content-tab .tab-list, #news-mailbox .area-content .content-tab .tab-list {
  color: #FFF;
}
#news-notify .area-content .content-tab .tab-list.notify .tab-img, #news-mailbox .area-content .content-tab .tab-list.notify .tab-img {
  background: url(../images/neon/icon-notify.svg) no-repeat left center;
  background-size: cover;
}
#news-notify .area-content .content-tab .tab-list.mailbox .tab-img, #news-mailbox .area-content .content-tab .tab-list.mailbox .tab-img {
  background: url(../images/neon/icon-mailbox.svg) no-repeat left center;
  background-size: cover;
}
#news-notify .area-content .content-tab .tab-list:hover, #news-notify .area-content .content-tab .tab-list.active, #news-mailbox .area-content .content-tab .tab-list:hover, #news-mailbox .area-content .content-tab .tab-list.active {
  background: linear-gradient(to right, #240CEB, #893AFE);
  border-color: #61ABFF;
}
#news-notify .area-content .content-right .list-top, #news-mailbox .area-content .content-right .list-top {
  background: #3B326D;
}
#news-notify .area-content .content-right .list-top .list-top-function .reset, #news-mailbox .area-content .content-right .list-top .list-top-function .reset {
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .list-top .list-top-function .reset:hover, #news-mailbox .area-content .content-right .list-top .list-top-function .reset:hover {
  filter: brightness(0.8);
}
#news-notify .area-content .content-right .list-top .list-top-btn .read, #news-mailbox .area-content .content-right .list-top .list-top-btn .read {
  background: url(../images/neon/icon-mail-open.svg) no-repeat left center;
  background-size: 24px;
  color: #717197;
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .list-top .list-top-btn .read.active, #news-mailbox .area-content .content-right .list-top .list-top-btn .read.active {
  background-image: url(../images/neon/icon-mail-open-a.svg);
  color: #FFF;
}
#news-notify .area-content .content-right .list-top .list-top-btn .read.active:hover, #news-mailbox .area-content .content-right .list-top .list-top-btn .read.active:hover {
  background-image: url(../images/neon/icon-mail-open-h.svg);
  color: #5CD9FF;
}
#news-notify .area-content .content-right .list-top .list-top-btn .delete, #news-mailbox .area-content .content-right .list-top .list-top-btn .delete {
  background: url(../images/neon/icon-delete.svg) no-repeat left center;
  background-size: 24px;
  color: #717197;
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .list-top .list-top-btn .delete.active, #news-mailbox .area-content .content-right .list-top .list-top-btn .delete.active {
  background-image: url(../images/neon/icon-delete-a.svg);
  background-size: 24px;
  color: #FFF;
}
#news-notify .area-content .content-right .list-top .list-top-btn .delete.active:hover, #news-mailbox .area-content .content-right .list-top .list-top-btn .delete.active:hover {
  background-image: url(../images/neon/icon-delete-h.svg);
  background-size: 24px;
  color: #5CD9FF;
}
#news-notify .area-content .content-right .content-list, #news-mailbox .area-content .content-right .content-list {
  background: #1E193C;
}
#news-notify .area-content .content-right .content-list .list-post, #news-mailbox .area-content .content-right .content-list .list-post {
  background: #201753;
  border-color: #464663;
  color: #717197;
}
#news-notify .area-content .content-right .content-list .list-post.unread, #news-mailbox .area-content .content-right .content-list .list-post.unread {
  color: #FFDA09;
}
#news-notify .area-content .content-right .content-list .list-post.unread .btn-check, #news-mailbox .area-content .content-right .content-list .list-post.unread .btn-check {
  background: #1E1E1E;
  border-color: #6A729E;
}
#news-notify .area-content .content-right .content-list .list-post:hover, #news-mailbox .area-content .content-right .content-list .list-post:hover {
  background: #201753;
  border-color: #456BFF;
}
#news-notify .area-content .content-right .content-list .list-post:hover .btn-check, #news-mailbox .area-content .content-right .content-list .list-post:hover .btn-check {
  background: #5CD9FF;
  border-color: transparent;
}
#news-notify .area-content .content-right .content-post, #news-mailbox .area-content .content-right .content-post {
  background: #1E193C;
}
#news-notify .area-content .content-right .content-post .post-top, #news-mailbox .area-content .content-right .content-post .post-top {
  background: #3B326D;
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .delete, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .delete {
  background: url(../images/neon/icon-delete.svg) no-repeat left center;
  color: #717197;
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .delete:hover, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .delete:hover {
  background-image: url(../images/neon/icon-delete-h.svg);
  color: #5CD9FF;
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-back, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-back {
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-back:hover, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-back:hover {
  filter: brightness(0.8);
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-page-prev, #news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-page-next, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-page-prev, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-page-next {
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-page-prev:hover, #news-notify .area-content .content-right .content-post .post-top .post-top-btn .btn-page-next:hover, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-page-prev:hover, #news-mailbox .area-content .content-right .content-post .post-top .post-top-btn .btn-page-next:hover {
  filter: brightness(0.8);
}
#news-notify .area-content .content-right .content-post .post-top .btn-back, #news-mailbox .area-content .content-right .content-post .post-top .btn-back {
  background: none;
}
#news-notify .area-content .content-right .content-post .post-container .post-title, #news-mailbox .area-content .content-right .content-post .post-container .post-title {
  color: #FFF;
}
#news-notify .area-content .content-right .content-post .post-container .post-date, #news-mailbox .area-content .content-right .content-post .post-container .post-date {
  color: #888;
}
#news-notify .area-content .content-right .content-post .post-container .post-text, #news-mailbox .area-content .content-right .content-post .post-container .post-text {
  color: #BCBEBC;
}
#news-notify .area-content .content-right .btn-check, #news-notify .area-content .content-right .btn-checkall, #news-mailbox .area-content .content-right .btn-check, #news-mailbox .area-content .content-right .btn-checkall {
  background: #1E1E1E;
  border-color: #52478B;
}
#news-notify .area-content .content-right .btn-check.active, #news-notify .area-content .content-right .btn-checkall.active, #news-mailbox .area-content .content-right .btn-check.active, #news-mailbox .area-content .content-right .btn-checkall.active {
  background: #5CD9FF;
  color: #15201A;
  border-color: transparent;
}

#news-mailbox .area-content .content-right .content-list .list-post:hover {
  background: #2D1A8C;
  border-color: #456BFF;
}

#support-qa .item-qa, #support-disclaimer .item-qa {
  background: #231D45;
  transition: all 0.3s ease-in-out;
}
#support-qa .item-qa .content, #support-disclaimer .item-qa .content {
  color: #999;
}
#support-qa .item-qa .fa-plus, #support-disclaimer .item-qa .fa-plus {
  color: #999;
}
#support-qa .item-qa:hover, #support-disclaimer .item-qa:hover {
  filter: brightness(1.05);
}

.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 {
  display: flex;
  align-self: center;
  background: linear-gradient(#8FFC6B, #00DF7B);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#support-error .content .img .text {
  color: #B3BEC1;
  background: transparent;
  padding: 0;
}
#support-ipban .content .img .text {
  padding-top: 9rem;
}
.content .img .box-text .title {
  color: #B3BEC1;
}
#support-error .content .img .box-text .title {
  background: linear-gradient(#8FFC6B, #00DF7B);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.content .title-text {
  color: #B3BEC1;
}
.content .btn-back {
  background: #666;
  color: #FFF;
  width: 18rem;
  height: 70px;
  cursor: pointer;
  border-radius: 5rem;
}
.content .btn-back:hover {
  background: #777;
}
#support-error .content .btn-back {
  width: 18rem;
}

/*------------------------------登入註冊-----------------------------*/
#login-register .dropdown-language .dropdown-btn, #login-register .dropdown-language #deposit .dropdown .list-option, #deposit .dropdown #login-register .dropdown-language .list-option {
  background: url(../images/neon/icon-language.svg) no-repeat center, linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
}
#login-register .dropdown-language .list-option {
  background: #404492;
}

.login-register-content {
  background: #2F2A4E;
}

.login-register-tab {
  background: #1E193C;
}
.login-register-tab .login-btn {
  color: #FFF;
  border: 2px solid transparent;
}
.login-register-tab .login-btn:hover, .login-register-tab .login-btn.active {
  background: linear-gradient(to right, #240CEB, #893AFE);
  border-color: #61ABFF;
  box-shadow: inset 0 10px 23px rgba(36, 80, 130, 0.4), 0 0 30px rgba(0, 119, 255, 0.5);
}

.instant-messaging {
  background: #2F2A4E;
}

.verify-title {
  color: #FFF;
  border-color: FFFFFF1A;
}
.verify-title:before, .verify-title:after {
  background: rgba(255, 255, 255, 0.1019607843);
}

.name-verify .input-upload {
  background: #1F1A3D;
}
.popup-content .name-verify .input-upload {
  background: #1F1A3D;
}
.name-verify .input-upload .upload-text {
  color: #61ABFF;
}
.name-verify .input-upload .upload-text.nodata {
  color: #717197;
}
.name-verify .input-upload.error {
  border: 1px solid #E6473F;
}
#login-register .name-verify .input-upload {
  background: #1F1A3D;
}
#login-register .name-verify .input-upload .upload-text.nodata {
  color: #717197;
}

#loading .img-loading {
  display: block;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(79, 69, 169, 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(79, 69, 169, 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: #5B71D4;
  }
  20% {
    border-top-color: #5B71D4;
  }
  35% {
    border-top-color: #4F45A9;
  }
  60% {
    border-top-color: #5B71D4;
  }
  to {
    border-top-color: #5B71D4;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #5B71D4;
  }
  20% {
    border-top-color: #5B71D4;
  }
  35% {
    border-top-color: #4F45A9;
  }
  60% {
    border-top-color: #5B71D4;
  }
  to {
    border-top-color: #5B71D4;
  }
}
/*-------------- FOOTER --------------*/
.footer-title:before, .footer-title:after {
  border: 1px solid #4B90FF;
  box-shadow: 0 0 20px #0062FF;
}
.footer-title span {
  color: #301F72;
  -webkit-text-stroke-color: #FFF;
  text-shadow: 0 0 3px #20CFFF, 0 0 30px #20CFFF;
}
.footer-title span:before, .footer-title span:after {
  text-shadow: 0 0 3px #20CFFF, 0 0 30px #20CFFF;
  background: linear-gradient(to right, #0062FF, #B145FF 24px, #0062FF, #B145FF 44px);
  -webkit-background-clip: text;
}

.footer-provider-item {
  background: linear-gradient(#241E78, #241E78) padding-box, linear-gradient(to right, #4F45A9, #5B71D4 30%, #4F45A9 50%, #5B71D4 70%, #4F45A9) border-box;
}
.footer-provider-item img {
  mix-blend-mode: luminosity;
}
.footer-provider-item:hover {
  background: linear-gradient(#6F3DE9, #6F3DE9) padding-box, linear-gradient(to right, #AC48D4, #E1ABFF 30%, #AC48D4 50%, #E1ABFF 70%, #AC48D4) border-box;
  box-shadow: 0 0 20px #D950FF;
}
.footer-provider-item:hover .logo-color {
  mix-blend-mode: normal;
}

.footer-license {
  background: #040041;
}

.license-title {
  color: #7D87B3;
}

.copyright {
  background: #2E2A64;
}

.copyright-wrap {
  color: #849BFF;
}

.copyright-link P {
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.copyright-link P:after {
  background: #AEAEAE;
}
.copyright-link P:hover {
  color: #AEAEAE;
}

.version {
  color: #849BFF;
}

/*-------------- 浮動按鈕 --------------*/
.float-btn {
  background: linear-gradient(rgba(66, 66, 122, 0.9), rgba(42, 63, 116, 0.9));
}

.float-btn-item {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
}
.float-btn-item.service .float-btn-icon {
  background-image: url(../images/neon/icon-service.svg);
  background-size: auto;
}
.float-btn-item .float-btn-text {
  background: #FFD900;
  color: #1D1D49;
}
.float-btn-item .float-btn-text:after {
  border-left: 6px solid #FFD900;
}
.float-btn-item .float-btn-app {
  background: #404492;
}
.float-btn-item .float-btn-app .float-app-item {
  background-color: #303177;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text {
  background: #FFD900;
  color: #1D1D49;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text:after {
  border-left: 6px solid #FFD900;
  border-right: 0;
}
.float-btn-item .float-btn-app .float-app-item:hover {
  background: #191972;
  border: 3px solid #FFD900;
}
.float-btn-item .float-btn-app:after {
  border-left: 6px solid #404492;
}
.float-btn-item.show, .float-btn-item:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}
.float-btn-item.show.service .float-btn-icon, .float-btn-item:hover.service .float-btn-icon {
  background-image: url(../images/neon/icon-service-h.svg);
}

.lang-list {
  background: linear-gradient(#1D1D49, #1D1D49) padding-box, linear-gradient(#5C40B0, #0010EA) border-box;
}
.lang-list.close, .lang-list:hover {
  background: linear-gradient(#3E3900, #3E3900) padding-box, linear-gradient(#FFF, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
}

.lang-float-list {
  background: #404492;
}
.lang-float-list:after {
  border-left: 6px solid #404492;
}

.icon-flag.us {
  background-image: url(../images/language/icon-lang-en-US.svg);
}
.icon-flag.tw {
  background-image: url(../images/language/icon-lang-zh-TW.svg);
}
.icon-flag.cn {
  background-image: url(../images/language/icon-lang-zh-CN.svg);
}
.icon-flag.vn {
  background-image: url(../images/language/icon-lang-vi-VN.svg);
}
.icon-flag.jp {
  background-image: url(../images/language/icon-lang-ja-JP.svg);
}
.icon-flag.br {
  background-image: url(../images/language/icon-lang-pt-BR.svg);
}
.icon-flag.th {
  background-image: url(../images/language/icon-lang-th-TH.svg);
}
.icon-flag.au {
  background-image: url(../images/language/icon-lang-en-AU.svg);
}
.icon-flag.hk {
  background-image: url(../images/language/icon-lang-zh-HK.svg);
}
.icon-flag.in {
  background-image: url(../images/language/icon-lang-hi-IN.svg);
}
.close .icon-flag {
  background-image: url(../images/neon/icon-close.svg);
}

.country {
  background: #303177;
  color: #FFF;
}
.country:hover {
  background: #191972;
  box-shadow: inset 0 0 0 3px #FFD900;
}

.zh-TW .flag {
  background-image: url(../images/language/icon-lang-zh-TW.svg);
  background-size: 24px;
}
.zh-CN .flag {
  background-image: url(../images/language/icon-lang-zh-CN.svg);
  background-size: 24px;
}
.en-US .flag {
  background-image: url(../images/language/icon-lang-en-US.svg);
  background-size: 24px;
}
.ja-JP .flag {
  background-image: url(../images/language/icon-lang-ja-JP.svg);
  background-size: 24px;
}
.vi-VN .flag {
  background-image: url(../images/language/icon-lang-vi-VN.svg);
  background-size: 24px;
}
.th-TH .flag {
  background-image: url(../images/language/icon-lang-th-TH.svg);
  background-size: 24px;
}
.pt-BR .flag {
  background-image: url(../images/language/icon-lang-pt-BR.svg);
  background-size: 24px;
}
.zh-HK .flag {
  background-image: url(../images/language/icon-lang-zh-HK.svg);
  background-size: 24px;
}
.hi-IN .flag {
  background-image: url(../images/language/icon-lang-hi-IN.svg);
  background-size: 24px;
}
.en-AU .flag {
  background-image: url(../images/language/icon-lang-en-AU.svg);
  background-size: 24px;
}

.discount-reminder-popup {
  background: rgba(48, 43, 80, 0.98);
  border: 1px solid #3B385B;
}
.discount-reminder-popup .reminder-icon {
  background: url(../images/common/icon-discount-reminder.svg) no-repeat center;
}
.discount-reminder-popup .reminder-title {
  color: #FFF;
}
.discount-reminder-popup .reminder-content .reminder-container .reminder-text {
  color: #A9B6B9;
}
.discount-reminder-popup .reminder-content .reminder-container .reminder-amount {
  color: #FFE500;
}
.discount-reminder-popup .reminder-content .reminder-btn {
  background: linear-gradient(#6C00D7, #370197) padding-box, linear-gradient(#E4E4E7, #7E82CF) border-box;
  color: #FFF;
}
.discount-reminder-popup .reminder-content .reminder-btn:hover {
  background: linear-gradient(#C10171, #7F010D) padding-box, linear-gradient(#FFD900, #FFD900) border-box;
  box-shadow: inset 0 0 10px #FFD900, 0 0 10px #FFD900;
  color: #FFD900;
}
.discount-reminder-popup .reminder-bar-bg .reminder-bar {
  background: linear-gradient(to right, #0088FF, #B700FF);
}
.discount-reminder-popup:hover {
  filter: brightness(1.05);
}

.gotop {
  background: url(../images/neon/icon-gotop.svg) no-repeat center, linear-gradient(#434380, #1D1D49) padding-box, linear-gradient(rgba(232, 232, 232, 0.5), rgba(119, 123, 206, 0.5)) border-box;
}
.gotop:hover {
  filter: brightness(1.05);
}/*# sourceMappingURL=theme-neon.css.map */