@charset "UTF-8";
body {
  background-image: url(../images/amber/bg-page.webp);
  background-repeat: no-repeat;
  background-position: 240px top;
  background-size: 1680px auto;
  background-color: #EAE6E3;
  transition: all 0.3s ease-in-out;
}
body:has(#first, #game) {
  background: #EDEEEE;
}
body:has(#discount, #discount-detail) {
  background-image: url(../images/amber/bg-discount.webp);
}
body.fold {
  background-size: 1860px auto;
  background-position: 60px top;
}

/*------------ 共用項目 ------------*/
input {
  color: #482F0E;
}

.hr-vertical {
  background: rgba(0, 0, 0, 0.1215686275);
}

.hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1215686275);
}

.table {
  border-color: #CCC6AF;
}
.table .row .colum {
  border-color: #CCC6AF;
  color: #88807B;
}
.table .row .colum.state {
  color: #8D6C00;
}
.table .row.even {
  background: #FFFAF1;
}
.table .row.title {
  background: #FFE084;
}
.table .row.title .colum {
  color: #5A3D2B;
}

.list-table {
  border-color: #CCC6AF;
}
.list-table .row.title .colum {
  background: #E8BE14;
  color: #482F0E;
}
.list-table .row.title .colum.now-level {
  background: linear-gradient(#FFE342, #DA8D00);
}
.list-table .row.title.multiplier .colum {
  background: #FFE084;
}
.list-table .row.title.multiplier .colum.now-level {
  background: linear-gradient(#FFE680, #E4BF43);
  border: 1px solid #D4CCA8;
}
.list-table .row.title.ratio .colum {
  background: #FFFAF1;
}
.list-table .row.ratio .colum {
  background: #FFFAF1;
  border-color: #CCC6AF;
}
.list-table .row.ratio .colum.now-level {
  background: #EFE3D9;
}
.list-table .row .colum {
  border-color: #CCC6AF;
  color: #88807B;
}
.list-table .row .colum.now-level {
  background: #F3D8A6;
  color: #8D6C00;
}
.list-table .row.even {
  background: #FFFAF1;
}
.list-table .row.even .colum.now-level {
  background: #FFF1DF;
  color: #8D6C00;
}
.list-table .table-colum-title .row {
  background: #FFFAF1;
  color: #906A53;
  border-color: #CCC6AF;
}
.list-table .table-colum-title .row.title {
  background: #E8BE14;
}
.list-table .table-colum-title .row.title.multiplier {
  background: #FFE084;
}
.list-table .table-colum-title .row.title.ratio {
  background: #FFFAF1;
}
.list-table .table-content:before {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1019607843), transparent);
}

.remark {
  color: #A3A3A3;
}

.icon-copy {
  background: url(../images/amber/icon-copy.svg) no-repeat center;
  background-size: 1.2rem;
}
.icon-copy:hover {
  background-image: url(../images/amber/icon-copy-h.svg);
}

.input-time {
  background: #F9F7F5;
  border: 1px solid #DADADA;
}
.input-time .field-title {
  color: #482F0E;
}

/*------------ 共同頁面 ------------*/
#first .content-wrap {
  background-image: url(../images/amber/bg-index.webp), linear-gradient(#E2D7CE 565px, transparent 565px);
  background-repeat: no-repeat;
  background-position: 240px top;
  background-size: 1680px auto;
}
:root:has(.header.logout) #first .content-wrap {
  background-image: url(../images/amber/bg-index-logout.webp), linear-gradient(#E2D7CE 384px, transparent 384px);
  background-size: 1680px auto;
}
.fold #first .content-wrap {
  background-size: 1860px auto;
  background-position: 60px top;
}
:root:has(.header.logout) .fold #first .content-wrap {
  background-size: 1860px auto;
}
#game .content-wrap {
  background: linear-gradient(#E6DFCF, #EDEEEE 15%);
}

.page-title .title-text {
  color: #5A3D2B;
}
.page-title:before {
  background: linear-gradient(#AF8C00, #482F0E);
}
.page-title .page-back {
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
.page-title .page-back svg {
  background: #FFF;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
.page-title .page-back:hover svg {
  background: #E7D9BE;
}

.nodata {
  color: #939393;
}

.pagination .btn {
  background: #FFF;
  color: #5A3D2B;
}
.pagination .btn.first-page .icon {
  background: url(../images/amber/pagination-first-page.svg) no-repeat center;
}
.pagination .btn.last-page .icon {
  background: url(../images/amber/pagination-last-page.svg) no-repeat center;
}
.pagination .btn:hover, .pagination .btn.active {
  background: #E8BE14;
}

.popup .popup-title {
  background: #FFF;
  color: #29211C;
}
.popup .popup-title .btn-close {
  background: #ECECEB;
}
.popup .popup-title .btn-close .icon-close {
  color: #482F0E;
}
.popup .popup-title .btn-close:hover {
  background: #E7D9BE;
}
.popup .popup-content {
  background: #F3F3F3;
}
.popup .popup-content .popup-text {
  color: #482F0E;
}

.field-text {
  color: #796F68;
}

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

.error-hint {
  color: #E6473F;
}

.input-text {
  background: #FFF;
  border: 1px solid #EAE3DD;
  color: #482F0E;
}
.input-text.error {
  border-color: #E6473F;
}
.input-text.disable, .input-text.disabled {
  background: #DEDEDE;
  border-color: #E1E1E1;
  opacity: 1 !important;
}
.input-text.disable::-webkit-input-placeholder, .input-text.disabled::-webkit-input-placeholder {
  color: #BEB9B6;
}
.input-text::-webkit-input-placeholder {
  color: #C2BCB5;
}

.input-content.password {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
.input-content.password input {
  color: #482F0E;
}
.input-content.password input::-webkit-input-placeholder {
  color: #BEB9B6;
}
.input-content.error {
  border: 1px solid #E6473F;
}

.dropdown-btn {
  background: #FFF;
  border: 1px solid #FFBD85;
  color: #A67431;
  transition: all 0.3s ease-in-out;
}
.dropdown-btn:hover {
  border-color: #A67431;
}
.disable .dropdown-btn, .disabled .dropdown-btn {
  background: #DEDEDE;
  border-color: #E1E1E1;
  color: #BEB9B6;
}

.list-option {
  background: linear-gradient(#EDF1F4, #E4E4E5 40%, #E5E6EE 60%, #EDF1F4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3019607843);
}
.list-option .option {
  color: #5A3D2B;
}
.list-option .option:hover {
  background: #FFF;
  border-color: #E7D9BE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}

.input-hint, .input-remark {
  color: #A19A94;
}

.optional {
  color: #B5AAA5;
}

.password-icon {
  color: #482F0E;
  cursor: pointer;
}

.checkbox .checkbox-content {
  color: #482F0E;
}
.checkbox .checkbox-content .btn-text-link {
  color: #C06E1C;
  transition: all 0.3s ease-in-out;
}
.checkbox .checkbox-content .btn-text-link:hover {
  color: #5A3D2B;
}
.checkbox .btn-check, .checkbox .btn-checkall {
  background: #F3F3F3;
  border: 1px solid #B5AAA5;
}
.checkbox .btn-check.active, .checkbox .btn-checkall.active {
  background: #E8BE14;
  color: #29211C;
  border: 0;
}
.checkbox .check-text {
  color: #AEA688;
}
#index-popup-news .checkbox .check-text {
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
#index-popup-news .checkbox .check-text:hover {
  color: #E8BE14;
}
.checkbox .check-text:hover {
  color: #D49100;
}

.btn-close {
  background: #FFF;
  transition: all 0.3s ease-in-out;
}
.btn-close .icon-close {
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
.btn-close:hover {
  background: #E7D9BE;
}
#discount-popup-red-envelope .btn-close, #red-envelope-code-popup-success .btn-close {
  background: transparent;
}

.btn-forgot {
  color: #C06E1C;
}
.btn-forgot span {
  color: #C06E1C;
}
.btn-forgot:hover {
  color: #5A3D2B;
}
.btn-forgot:hover span {
  color: #5A3D2B;
}

.btn-cancel {
  background: #D9D9D9;
  transition: all 0.3s ease-in-out;
}
.btn-cancel a, .btn-cancel span {
  color: #482F0E;
}
.btn-cancel:hover {
  filter: brightness(0.95);
}

.btn-send {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
.btn-send a, .btn-send span {
  color: #482F0E;
}
.btn-send:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
.btn-send.disable, .btn-send:disabled, .btn-send.clicked {
  background: #DADADA;
  color: #ADADAD;
  box-shadow: none;
}
.btn-send.disable a, .btn-send.disable span, .btn-send:disabled a, .btn-send:disabled span, .btn-send.clicked a, .btn-send.clicked span {
  color: #ADADAD;
}

.btn-function {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
.btn-function:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
.btn-function.disable {
  background: #D9D9D9;
  color: #ADADAD;
  box-shadow: none;
}
.btn-function.disable .countdown {
  color: #ADADAD;
}
.upload .btn-function {
  background: #D9D9D9;
  border-color: #EAE3DD;
  box-shadow: none;
  color: #877B6B;
  transition: all 0.3s ease-in-out;
}
.upload .btn-function:hover {
  background: #F1E7E0;
  color: #A67431;
}

.btn-option {
  background: #EAE3D4;
  border: 1px solid #C5995E;
  color: #906A53;
  transition: all 0.3s ease-in-out;
}
.btn-option:hover, .btn-option.active {
  background: #E8BE14;
  border-color: #8F4100;
  color: #482F0E;
}
.btn-option.disable {
  background: #EAE3D4;
  border-color: #D9C9BE;
  color: #BFB0A7;
}

.btn-confirm {
  background: linear-gradient(#f6cf21, #F42F1E);
  border: 1px solid #F59A23;
  color: #FFF;
}
.btn-confirm:hover {
  filter: brightness(1.05);
}

.btn-one-click {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
.btn-one-click:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
.btn-one-click.disabled {
  background: #D9D9D9;
  color: #ADADAD;
}

.page-tabs {
  background: #D9D9D9;
  color: #5A3D2B;
}
.page-tabs .btn-tabs {
  transition: all 0.3s ease-in-out;
}
.page-tabs .btn-tabs .line-bottom {
  display: none;
}
.page-tabs .btn-tabs:hover {
  color: #A57100;
}
.page-tabs .btn-tabs.active {
  background: #A57100;
  color: #FFF;
}

.maintain {
  background: rgba(0, 0, 0, 0.7019607843);
  color: #FFF;
}

::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0.1019607843);
}

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

/*------------ 簽到 彈窗 ------------*/
#index-popup-check .popup-content .area.check-day .total-day {
  color: #A19A94;
}
#index-popup-check .popup-content .area.check-day .total-day .day {
  color: #E8BE14;
}
#index-popup-check .popup-content .area .area-title {
  color: #482F0E;
}
#index-popup-check .popup-content .area .list {
  background: #F9F6F3;
}
#index-popup-check .popup-content .area .list .btn-check {
  background: #D7D3CA;
  border: 2px solid #C8BBB5;
}
#index-popup-check .popup-content .area .list .btn-check .day {
  color: #5A3D2B;
}
#index-popup-check .popup-content .area .list .btn-check .btn-img {
  background: url("../images/amber/popup-check-coin.webp") no-repeat center bottom;
  filter: brightness(1.2);
}
#index-popup-check .popup-content .area .list .btn-check .award {
  color: #EB7D00;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .btn-img {
  filter: brightness(1);
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .day {
  color: #AEA688;
}
#index-popup-check .popup-content .area .list .btn-check.confirmed .award {
  color: #AEA688;
}
#index-popup-check .popup-content .area .list .btn-check.today {
  background: linear-gradient(#FFE680, #F8D146 70%, #FFA600) padding-box, linear-gradient(#C67D00, #8F4100) border-box;
  border: 2px solid transparent;
  box-shadow: inset 0 -2px 0 #8F4100;
}
#index-popup-check .popup-content .area .list .btn-check.today .btn-img {
  background-position: center;
  filter: brightness(1);
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check .btn-img {
  background: url("../images/amber/popup-check-gift.webp") no-repeat center bottom;
  filter: brightness(1.5);
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check.confirmed .btn-img {
  background: url("../images/amber/popup-check-coin.webp") no-repeat center top;
  filter: brightness(1);
}
#index-popup-check .popup-content .area.check-continuous .list .btn-check.today .btn-img {
  background-position: top;
  filter: brightness(1);
}
#index-popup-check .popup-content .game-category {
  color: #AEA688;
}

/*------------ 最新消息 彈窗 ------------*/
#index-popup-news .item {
  background: #EAE6E3;
}
#index-popup-news .content .title {
  color: #29211C;
}
#index-popup-news .notify-title {
  color: #29211C;
}
#index-popup-news .notify-title .notify-date {
  color: #A6B3B5;
}
#index-popup-news .notify-content {
  color: #29211C;
}
#index-popup-news .notify-btn {
  transition: all 0.3s ease-in-out;
}
#index-popup-news .notify-btn .notify-btn-close {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
#index-popup-news .notify-btn .notify-btn-close:hover {
  filter: brightness(0.95);
}
#index-popup-news .notify-btn .notify-btn-next {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
#index-popup-news .notify-btn .notify-btn-next:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}

.tab-title {
  background: #D9D9D9;
  color: #5A3D2B;
}
.tab-title.active, .tab-title:hover {
  background: #A57100;
  color: #FFF;
}

.tab-content {
  background: #FFF;
}

/*------------ 所有變數 ------------*/
/*-------------- HEADER --------------*/
.header-left {
  background: linear-gradient(#EDF1F4, #E6E8F6 30%, #EFEFEF 70%, #FFF);
  border-color: #D3C3AC;
}
.fold .header-left .menu-list.toggle:hover .menu-list-icon {
  background-image: url(../images/amber/icon-toggle.svg);
}
.fold .header-left .menu-list.home:hover .menu-list-icon {
  background-image: url(../images/amber/icon-home.svg);
}
.fold .header-left .menu-list.discount:hover .menu-list-icon {
  background-image: url(../images/amber/icon-discount.svg);
}
.fold .header-left .menu-list.chatroom:hover .menu-list-icon {
  background-image: url(../images/amber/icon-chatroom.svg);
}
.fold .header-left .menu-list.hot:hover .menu-list-icon {
  background-image: url(../images/amber/icon-hot.svg);
}
.fold .header-left .menu-list.slot:hover .menu-list-icon {
  background-image: url(../images/amber/icon-slot.svg);
}
.fold .header-left .menu-list.live:hover .menu-list-icon {
  background-image: url(../images/amber/icon-live.svg);
}
.fold .header-left .menu-list.sports:hover .menu-list-icon {
  background-image: url(../images/amber/icon-sports.svg);
}
.fold .header-left .menu-list.poker:hover .menu-list-icon {
  background-image: url(../images/amber/icon-poker.svg);
}
.fold .header-left .menu-list.lottery:hover .menu-list-icon {
  background-image: url(../images/amber/icon-lottery.svg);
}
.fold .header-left .menu-list.fishing:hover .menu-list-icon {
  background-image: url(../images/amber/icon-fishing.svg);
}
.fold .header-left .menu-list.esports:hover .menu-list-icon {
  background-image: url(../images/amber/icon-esports.svg);
}
.fold .header-left .menu-list.cockfight:hover .menu-list-icon {
  background-image: url(../images/amber/icon-cockfight.svg);
}
.fold .header-left .menu-list.egames:hover .menu-list-icon {
  background-image: url(../images/amber/icon-egames.svg);
}
.fold .header-left .menu-list.service:hover .menu-list-icon {
  background-image: url(../images/amber/icon-service.svg);
}
.fold .header-left .menu-list.language:hover .menu-list-icon {
  background-image: url(../images/amber/icon-language.svg);
}
.fold .header-left .menu-list.lobby:hover .menu-list-icon {
  background-image: url(../images/amber/icon-lobby.svg);
}
.fold .header-left .menu-list.supplier:hover .menu-list-icon {
  background-image: url(../images/amber/icon-supplier.svg);
}
.fold .header-left .menu-list-text {
  background: #E8BE14;
  color: #482F0E;
}
.fold .header-left .menu-list-text:after {
  border-right: 6px solid #E8BE14;
}

.menu-content:before {
  background: rgba(90, 61, 43, 0.1019607843);
}

.menu-list.toggle .menu-list-icon {
  background: url(../images/amber/icon-toggle.svg) no-repeat center;
  background-size: cover;
}
.menu-list.toggle.active .menu-list-icon {
  background-image: url(../images/amber/icon-toggle-h.svg);
}
.menu-list.home .menu-list-icon {
  background: url(../images/amber/icon-home.svg) no-repeat center;
  background-size: cover;
}
.menu-list.home.active .menu-list-icon {
  background-image: url(../images/amber/icon-home-h.svg);
}
.menu-list.discount .menu-list-icon {
  background: url(../images/amber/icon-discount.svg) no-repeat center;
  background-size: cover;
}
.menu-list.discount.active .menu-list-icon {
  background-image: url(../images/amber/icon-discount-h.svg);
}
.menu-list.chatroom .menu-list-icon {
  background: url(../images/amber/icon-chatroom.svg) no-repeat center;
  background-size: cover;
}
.menu-list.chatroom.active .menu-list-icon {
  background-image: url(../images/amber/icon-chatroom-h.svg);
}
.menu-list.hot .menu-list-icon {
  background: url(../images/amber/icon-hot.svg) no-repeat center;
  background-size: cover;
}
.menu-list.hot.active .menu-list-icon {
  background-image: url(../images/amber/icon-hot-h.svg);
}
.menu-list.slot .menu-list-icon {
  background: url(../images/amber/icon-slot.svg) no-repeat center;
  background-size: cover;
}
.menu-list.slot.active .menu-list-icon {
  background-image: url(../images/amber/icon-slot-h.svg);
}
.menu-list.live .menu-list-icon {
  background: url(../images/amber/icon-live.svg) no-repeat center;
  background-size: cover;
}
.menu-list.live.active .menu-list-icon {
  background-image: url(../images/amber/icon-live-h.svg);
}
.menu-list.sports .menu-list-icon {
  background: url(../images/amber/icon-sports.svg) no-repeat center;
  background-size: cover;
}
.menu-list.sports.active .menu-list-icon {
  background-image: url(../images/amber/icon-sports-h.svg);
}
.menu-list.poker .menu-list-icon {
  background: url(../images/amber/icon-poker.svg) no-repeat center;
  background-size: cover;
}
.menu-list.poker.active .menu-list-icon {
  background-image: url(../images/amber/icon-poker-h.svg);
}
.menu-list.lottery .menu-list-icon {
  background: url(../images/amber/icon-lottery.svg) no-repeat center;
  background-size: cover;
}
.menu-list.lottery.active .menu-list-icon {
  background-image: url(../images/amber/icon-lottery-h.svg);
}
.menu-list.fishing .menu-list-icon {
  background: url(../images/amber/icon-fishing.svg) no-repeat center;
  background-size: cover;
}
.menu-list.fishing.active .menu-list-icon {
  background-image: url(../images/amber/icon-fishing-h.svg);
}
.menu-list.esports .menu-list-icon {
  background: url(../images/amber/icon-esports.svg) no-repeat center;
  background-size: cover;
}
.menu-list.esports.active .menu-list-icon {
  background-image: url(../images/amber/icon-esports-h.svg);
}
.menu-list.cockfight .menu-list-icon {
  background: url(../images/amber/icon-cockfight.svg) no-repeat center;
  background-size: cover;
}
.menu-list.cockfight.active .menu-list-icon {
  background-image: url(../images/amber/icon-cockfight-h.svg);
}
.menu-list.egames .menu-list-icon {
  background: url(../images/amber/icon-egames.svg) no-repeat center;
  background-size: cover;
}
.menu-list.egames.active .menu-list-icon {
  background-image: url(../images/amber/icon-egames-h.svg);
}
.menu-list.service .menu-list-icon {
  background: url(../images/amber/icon-service.svg) no-repeat center;
  background-size: cover;
}
.menu-list.service.active .menu-list-icon {
  background-image: url(../images/amber/icon-service-h.svg);
}
.menu-list.language .menu-list-icon {
  background: url(../images/amber/icon-language.svg) no-repeat center;
  background-size: cover;
}
.menu-list.language.active .menu-list-icon {
  background-image: url(../images/amber/icon-language-h.svg);
}
.menu-list.lobby .menu-list-icon {
  background: url(../images/amber/icon-lobby.svg) no-repeat center;
  background-size: cover;
}
.menu-list.lobby.active .menu-list-icon {
  background-image: url(../images/amber/icon-lobby-h.svg);
}
.menu-list.supplier .menu-list-icon {
  background: url(../images/amber/icon-supplier.svg) no-repeat center;
  background-size: cover;
}
.menu-list.supplier.active .menu-list-icon {
  background-image: url(../images/amber/icon-supplier-h.svg);
}
.menu-list .menu-list-text {
  color: #482F0E;
}
.menu-list:hover {
  background: rgba(255, 255, 255, 0.6);
}
.menu-list.active {
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}

.submenu {
  background: linear-gradient(#EDF1F4, #E4E4E5 40%, #E5E6EE 60%, #EDF1F4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.submenu-list {
  transition: all 0.3s ease-in-out;
}
.submenu-list:after {
  background: rgba(90, 61, 43, 0.1019607843);
}
.submenu-list:hover {
  background: #FFF;
  border-color: #E7D9BE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.submenu-list:hover .submenu-text {
  color: #29211C;
}

.submenu-text {
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}

.menu-float-list {
  color: #FFF;
}
.menu-float-list.service-center {
  background: rgba(72, 47, 14, 0.4);
  backdrop-filter: blur(5px);
}
.menu-float-list.language {
  background: rgba(54, 35, 22, 0.5019607843);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2705882353);
  backdrop-filter: blur(4px);
}
.menu-float-list .float-app-item {
  background: #C6BFBB;
}
.menu-float-list .float-app-item.online-cs .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-online-cs.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.line .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-line.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.telegram .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-telegram.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.teams .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-teams.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.whatsapp .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-whatsapp.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.messenger .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-messenger.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.instagram .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-instagram.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.zalo .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-zalo.webp);
  background-size: cover;
}
.menu-float-list .float-app-item.meiqia .float-app-icon {
  background-image: url(/common/desktop/images/float-icon/float-icon-meiqia.webp);
  background-size: cover;
}
.menu-float-list .float-app-item:hover {
  background: linear-gradient(#FFEFAF, #E8BE14);
}
.menu-float-list .float-app-item .float-app-text {
  background: #E8BE14;
  color: #482F0E;
}
.menu-float-list .float-app-item .float-app-text:after {
  border-right: 6px solid #E8BE14;
}
.menu-float-list .country {
  transition: all 0.3s ease-in-out;
}
.menu-float-list .country.zh-HK .flag {
  background: url(../images/language/icon-lang-zh-HK.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.zh-TW .flag {
  background: url(../images/language/icon-lang-zh-TW.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.zh-CN .flag {
  background: url(../images/language/icon-lang-zh-CN.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.en-US .flag {
  background: url(../images/language/icon-lang-en-US.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.en-AU .flag {
  background: url(../images/language/icon-lang-en-AU.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.ja-JP .flag {
  background: url(../images/language/icon-lang-ja-JP.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.vi-VN .flag {
  background: url(../images/language/icon-lang-vi-VN.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.th-TH .flag {
  background: url(../images/language/icon-lang-th-TH.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.pt-BR .flag {
  background: url(../images/language/icon-lang-pt-BR.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.hi-IN .flag {
  background: url(../images/language/icon-lang-hi-IN.svg) no-repeat left center;
  background-size: cover;
}
.menu-float-list .country.active, .menu-float-list .country:hover {
  background: #FFF;
  color: #482F0E;
}

.news-marquee {
  background: url(../images/amber/icon-marquee.svg) no-repeat 6px center #F6F2EE;
  border-color: #D3D3D3;
  color: #94823C;
}

.user-info {
  background: #FFF;
  border-color: #D3D3D3;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1019607843);
}
.user-info .balance {
  background: url("../images/amber/icon-money.svg") no-repeat left center;
  color: #EB7D00;
}
.user-info .balance .icon-refresh {
  color: #948B69;
}
.user-info .balance.twd {
  background: url(../images/common/currency/icon-twd.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.vnd {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.thb {
  background: url(../images/common/currency/icon-thb.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.usdt {
  background: url(../images/common/currency/icon-usdt.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.aud {
  background: url(../images/common/currency/icon-aud.svg) no-repeat left center;
  background-size: 18px;
}
.user-info .balance.kvnd {
  background: url("../images/common/currency/icon-vnd.svg") no-repeat left center;
  background-size: 18px;
}
.user-info .balance.usdt {
  background-size: 22px;
}

.user-deposit {
  background: linear-gradient(to right, #F8D146, #FB9128);
  box-shadow: inset 0 -2px 0 #482F0E;
  transition: all 0.3s ease-in-out;
}
.user-deposit:hover {
  filter: brightness(1.1);
}
.user-deposit:active {
  animation: 0.2s Click;
}

.currency-menu {
  background: #EDF1F4;
  border-color: #E4E4E5;
}

.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(90, 61, 43, 0.1019607843);
}
.currency-list:hover {
  background: #FFF;
  border-color: #E7D9BE;
}

.currency-title {
  color: #5A3D2B;
}

.currency-item {
  color: #94823C;
}

.function-btn:before {
  background: rgba(124, 118, 92, 0.3019607843);
}

.function-btn-item.chatroom {
  background-image: url("../images/amber/icon-chatroom.svg");
}
.function-btn-item.mail {
  background-image: url("../images/amber/icon-mail.svg");
}
.function-btn-item:hover {
  background-color: #FFF;
}
.function-btn-item .unread {
  background: #FF0000;
  color: #FFF;
}

.photo {
  border: 2px solid #A78600;
  background: url(/images/common/photo.webp) no-repeat top center;
  background-size: 40px;
  transition: all 0.3s ease-in-out;
}
.photo:hover {
  filter: brightness(1.05);
}

.user-menu {
  background: linear-gradient(#EDF1F4, #E4E4E5 40%, #E5E6EE 60%, #EDF1F4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4509803922);
}
.user-menu .user-menu-list {
  color: #5A3D2B;
}
.user-menu .user-menu-list.my-info-basic {
  background: url(../images/amber/icon-my-info-basic.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.deal-detail {
  background: url(../images/amber/icon-deal-detail.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.bet-record {
  background: url(../images/amber/icon-bet-record.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.bonus-record {
  background: url(../images/amber/icon-bonus-record.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.promote {
  background: url(../images/amber/icon-promote.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.red-envelope-code {
  background: url(../images/amber/icon-red-envelope-code.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.all-agent {
  background: url(../images/amber/icon-all-agent.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.bankcard-info {
  background: url(../images/amber/icon-bankcard-info.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.check {
  background: url(../images/amber/icon-check.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.my-info-member {
  background: url(../images/amber/icon-my-info-member.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.qa {
  background: url(../images/amber/icon-qa.svg) no-repeat 8px center;
}
.user-menu .user-menu-list.logout {
  background: url(../images/amber/icon-logout.svg) no-repeat 8px center;
}
.user-menu .user-menu-list:hover {
  background-color: #FFF;
  border-color: #E7D9BE;
}
.user-menu .user-menu-list.logout {
  color: #9F948E;
}

.logout-btn .login-btn {
  background: #FFF;
  border-color: #F9D55A;
  color: #5A3D2B;
}
.logout-btn .reg-btn {
  background: linear-gradient(to right, #B7960F, #F8D146);
  color: #29211C;
  border: 0;
}
.logout-btn button:active {
  animation: 0.2s Click;
}

.dropdown-language .dropdown-btn {
  background: url(../images/amber/icon-language.svg) no-repeat center;
  background-size: 24px;
}
.dropdown-language .dropdown-btn:hover {
  filter: brightness(1.1);
}
#login-register .dropdown-language .dropdown-btn {
  background-color: #EAEAEA;
}
#login-register .dropdown-language .dropdown-btn:hover {
  filter: brightness(1);
  background-color: #DADADA;
}
.dropdown-language .country {
  color: #FFF;
  transition: all 0.3s ease-in-out;
}
.dropdown-language .country.zh-HK .flag {
  background: url(../images/language/icon-lang-zh-HK.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.zh-TW .flag {
  background: url(../images/language/icon-lang-zh-TW.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.zh-CN .flag {
  background: url(../images/language/icon-lang-zh-CN.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.en-US .flag {
  background: url(../images/language/icon-lang-en-US.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.en-AU .flag {
  background: url(../images/language/icon-lang-en-AU.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.ja-JP .flag {
  background: url(../images/language/icon-lang-ja-JP.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.vi-VN .flag {
  background: url(../images/language/icon-lang-vi-VN.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.th-TH .flag {
  background: url(../images/language/icon-lang-th-TH.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.pt-BR .flag {
  background: url(../images/language/icon-lang-pt-BR.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.hi-IN .flag {
  background: url(../images/language/icon-lang-hi-IN.svg) no-repeat left center;
  background-size: cover;
}
.dropdown-language .country.active, .dropdown-language .country:hover {
  color: #482F0E;
  background: #FFF;
}

#dropdown-flag {
  background: rgba(54, 35, 22, 0.5019607843);
  backdrop-filter: blur(2px);
}

.music {
  color: #E56714;
  transition: all 0.3s ease-in-out;
}
.music .off {
  color: #876651;
}
.music:hover {
  background: #FFF;
}

/*------------ 首頁 ------------*/
.list-dot {
  background: #C5C0AD;
  transition: all 0.3s ease-in-out;
}
.list-dot:hover {
  opacity: 0.8;
}
.list-dot.active {
  background: #E56714;
}

.big-win-title {
  color: #482F0E;
}
.big-win-title span {
  background: #FFCD00;
  border-color: rgba(62, 13, 0, 0.3019607843);
}

.big-win-tab .tab-list {
  color: #482F0E;
}
.big-win-tab .tab-list:after {
  background: #AF7B28;
}
.big-win-tab .tab-list:hover {
  filter: brightness(1.2);
}
.big-win-tab .tab-list:active {
  animation: 0.2s Click;
}

.big-win-list {
  background: #574F4A;
}

.big-win-item {
  transition: all 0.3s ease-in-out;
}
.big-win-item:hover {
  filter: brightness(0.85);
}

.big-win-pic {
  background: #574F4A;
}

.big-win-name {
  color: #FFF;
}

.big-win-amount {
  color: #FFCD00;
}

.copy-reminder {
  background: #E8BE14;
  color: #482F0E;
}

.profit {
  background: url(../images/amber/betting-slip-bg.webp) #DCDBD8 center top;
  background-size: cover;
}

.profit-title {
  color: #482F0E;
}

.profit-amount {
  color: #D15400;
}
.profit-amount.twd {
  background: url(../images/common/currency/icon-twd.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.vnd {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.thb {
  background: url(../images/common/currency/icon-thb.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.usdt {
  background: url(../images/common/currency/icon-usdt.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.aud {
  background: url(../images/common/currency/icon-aud.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.kvnd {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat left center;
  background-size: 22px;
}
.profit-amount.usdt {
  background-size: 24px;
}

.profit-detail {
  background: rgba(255, 255, 255, 0.4);
}

.profit-item .title {
  color: #482F0E;
}
.profit-item .amount {
  color: #A78600;
}

.midline {
  background: #DCDBD8;
}
.midline .hr {
  border-color: #98917A;
}
.midline:before, .midline:after {
  background: #F3F3F3;
}

.betting-slip-info {
  background: #DCDBD8;
}

.betting-slip-photo {
  border-color: #A78600;
  background: url(/images/common/photo.webp) no-repeat top center;
  background-size: 50px;
}

.betting-slip-text {
  color: #482F0E;
}

.betting-slip-ident {
  color: #A78600;
}
.betting-slip-ident .ident {
  background: url(../images/amber/icon-verify.svg) no-repeat left center;
}
.betting-slip-ident .copy {
  background: url(../images/amber/icon-copy.svg) no-repeat center;
  background-size: cover;
}
.betting-slip-ident .copy:hover {
  background-image: url(../images/amber/icon-copy-h.svg);
}

.quickly-game {
  background: #DCDBD8;
}

.quickly-game-list {
  background: #EFE7E2;
}

.quickly-game-pic {
  background: linear-gradient(#2C3031, #254739 40%, #007444);
}

.quickly-info {
  color: #482F0E;
}
.quickly-info .game-provider {
  color: #A38B7D;
}

.play-now {
  color: #A05B00;
}
.play-now:hover {
  filter: brightness(1.1);
}

.first-game.toggle {
  background: url(../images/amber/first-game-toggle.webp) no-repeat center top;
}
.first-game.home {
  background: url(../images/amber/first-game-home.webp) no-repeat center top;
}
.first-game.discount {
  background: url(../images/amber/first-game-discount.webp) no-repeat center top;
}
.first-game.chatroom {
  background: url(../images/amber/first-game-chatroom.webp) no-repeat center top;
}
.first-game.hot {
  background: url(../images/amber/first-game-hot.webp) no-repeat center top;
}
.first-game.slot {
  background: url(../images/amber/first-game-slot.webp) no-repeat center top;
}
.first-game.live {
  background: url(../images/amber/first-game-live.webp) no-repeat center top;
}
.first-game.sports {
  background: url(../images/amber/first-game-sports.webp) no-repeat center top;
}
.first-game.poker {
  background: url(../images/amber/first-game-poker.webp) no-repeat center top;
}
.first-game.lottery {
  background: url(../images/amber/first-game-lottery.webp) no-repeat center top;
}
.first-game.fishing {
  background: url(../images/amber/first-game-fishing.webp) no-repeat center top;
}
.first-game.esports {
  background: url(../images/amber/first-game-esports.webp) no-repeat center top;
}
.first-game.cockfight {
  background: url(../images/amber/first-game-cockfight.webp) no-repeat center top;
}
.first-game.egames {
  background: url(../images/amber/first-game-egames.webp) no-repeat center top;
}
.first-game.service {
  background: url(../images/amber/first-game-service.webp) no-repeat center top;
}
.first-game.language {
  background: url(../images/amber/first-game-language.webp) no-repeat center top;
}
.first-game.lobby {
  background: url(../images/amber/first-game-lobby.webp) no-repeat center top;
}
.first-game.supplier {
  background: url(../images/amber/first-game-supplier.webp) no-repeat center top;
}

.first-game-tab .tab-list.toggle .tab-list-icon {
  background: url(../images/amber/icon-toggle.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.home .tab-list-icon {
  background: url(../images/amber/icon-home.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.discount .tab-list-icon {
  background: url(../images/amber/icon-discount.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.chatroom .tab-list-icon {
  background: url(../images/amber/icon-chatroom.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.hot .tab-list-icon {
  background: url(../images/amber/icon-hot.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.slot .tab-list-icon {
  background: url(../images/amber/icon-slot.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.live .tab-list-icon {
  background: url(../images/amber/icon-live.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.sports .tab-list-icon {
  background: url(../images/amber/icon-sports.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.poker .tab-list-icon {
  background: url(../images/amber/icon-poker.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.lottery .tab-list-icon {
  background: url(../images/amber/icon-lottery.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.fishing .tab-list-icon {
  background: url(../images/amber/icon-fishing.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.esports .tab-list-icon {
  background: url(../images/amber/icon-esports.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.cockfight .tab-list-icon {
  background: url(../images/amber/icon-cockfight.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.egames .tab-list-icon {
  background: url(../images/amber/icon-egames.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.service .tab-list-icon {
  background: url(../images/amber/icon-service.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.language .tab-list-icon {
  background: url(../images/amber/icon-language.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.lobby .tab-list-icon {
  background: url(../images/amber/icon-lobby.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.supplier .tab-list-icon {
  background: url(../images/amber/icon-supplier.svg) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list .tab-list-text {
  color: #482F0E;
}
.first-game-tab .tab-list.active {
  background: url(../images/amber/tab-bg.svg) no-repeat center bottom;
}
.first-game-tab .tab-list.active.toggle .tab-list-icon {
  background: url(../images/amber/icon-3d-toggle.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.home .tab-list-icon {
  background: url(../images/amber/icon-3d-home.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.discount .tab-list-icon {
  background: url(../images/amber/icon-3d-discount.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.chatroom .tab-list-icon {
  background: url(../images/amber/icon-3d-chatroom.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.hot .tab-list-icon {
  background: url(../images/amber/icon-3d-hot.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.slot .tab-list-icon {
  background: url(../images/amber/icon-3d-slot.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.live .tab-list-icon {
  background: url(../images/amber/icon-3d-live.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.sports .tab-list-icon {
  background: url(../images/amber/icon-3d-sports.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.poker .tab-list-icon {
  background: url(../images/amber/icon-3d-poker.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.lottery .tab-list-icon {
  background: url(../images/amber/icon-3d-lottery.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.fishing .tab-list-icon {
  background: url(../images/amber/icon-3d-fishing.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.esports .tab-list-icon {
  background: url(../images/amber/icon-3d-esports.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.cockfight .tab-list-icon {
  background: url(../images/amber/icon-3d-cockfight.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.egames .tab-list-icon {
  background: url(../images/amber/icon-3d-egames.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.service .tab-list-icon {
  background: url(../images/amber/icon-3d-service.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.language .tab-list-icon {
  background: url(../images/amber/icon-3d-language.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.lobby .tab-list-icon {
  background: url(../images/amber/icon-3d-lobby.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab .tab-list.active.supplier .tab-list-icon {
  background: url(../images/amber/icon-3d-supplier.webp) no-repeat left center;
  background-size: cover;
}
.first-game-tab:before {
  background: #E2D7CE;
}

.first-game-submenu {
  background: linear-gradient(#EDEEEE, #EDF1F4);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.game-submenu-arrow {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
.game-submenu-arrow:hover {
  background: #E7D9BE;
}
.game-submenu-arrow.hidden:hover {
  background: #D9D9D9;
}

.game-submenu-list:hover {
  background: #FFF;
  border-color: #E7D9BE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.game-submenu-list:after {
  background: rgba(90, 61, 43, 0.1019607843);
}

.first-game-item {
  background: linear-gradient(#FFF, #F4F3ED 60%, #E2DFD3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.game-item-title {
  color: transparent;
  background: linear-gradient(#B7960F, #482F0E);
  background-clip: text;
}
.live-sports .game-item-title, .latest-round-race .game-item-title {
  color: #000;
}
#game #toggle .game-item-title {
  background: url(../images/amber/icon-toggle.svg) no-repeat left center;
}
#game #home .game-item-title {
  background: url(../images/amber/icon-home.svg) no-repeat left center;
}
#game #discount .game-item-title {
  background: url(../images/amber/icon-discount.svg) no-repeat left center;
}
#game #chatroom .game-item-title {
  background: url(../images/amber/icon-chatroom.svg) no-repeat left center;
}
#game #hot .game-item-title {
  background: url(../images/amber/icon-hot.svg) no-repeat left center;
}
#game #slot .game-item-title {
  background: url(../images/amber/icon-slot.svg) no-repeat left center;
}
#game #live .game-item-title {
  background: url(../images/amber/icon-live.svg) no-repeat left center;
}
#game #sports .game-item-title {
  background: url(../images/amber/icon-sports.svg) no-repeat left center;
}
#game #poker .game-item-title {
  background: url(../images/amber/icon-poker.svg) no-repeat left center;
}
#game #lottery .game-item-title {
  background: url(../images/amber/icon-lottery.svg) no-repeat left center;
}
#game #fishing .game-item-title {
  background: url(../images/amber/icon-fishing.svg) no-repeat left center;
}
#game #esports .game-item-title {
  background: url(../images/amber/icon-esports.svg) no-repeat left center;
}
#game #cockfight .game-item-title {
  background: url(../images/amber/icon-cockfight.svg) no-repeat left center;
}
#game #egames .game-item-title {
  background: url(../images/amber/icon-egames.svg) no-repeat left center;
}
#game #service .game-item-title {
  background: url(../images/amber/icon-service.svg) no-repeat left center;
}
#game #language .game-item-title {
  background: url(../images/amber/icon-language.svg) no-repeat left center;
}
#game #lobby .game-item-title {
  background: url(../images/amber/icon-lobby.svg) no-repeat left center;
}
#game #supplier .game-item-title {
  background: url(../images/amber/icon-supplier.svg) no-repeat left center;
}
#game .game-item-title {
  color: #482F0E;
}

.game-item-btn .btn-refresh, .game-item-btn .btn-all, .game-item-btn .btn-arrow {
  background: #ECECEB;
  color: #5A3D2B;
}
.game-item-btn .btn-refresh:after, .game-item-btn .btn-refresh i, .game-item-btn .btn-all:after, .game-item-btn .btn-all i, .game-item-btn .btn-arrow:after, .game-item-btn .btn-arrow i {
  color: #482F0E;
}
.game-item-btn .btn-refresh:hover, .game-item-btn .btn-all:hover, .game-item-btn .btn-arrow:hover {
  background: #E7D9BE;
}
.live-sports .game-item-btn .btn-refresh, .live-sports .game-item-btn .btn-all, .live-sports .game-item-btn .btn-arrow {
  background: #D9D9D9;
}
.live-sports .game-item-btn .btn-refresh:hover, .live-sports .game-item-btn .btn-all:hover, .live-sports .game-item-btn .btn-arrow:hover {
  background: #E7D9BE;
}
.game-item-btn .btn-refresh.hidden:hover, .game-item-btn .btn-all.hidden:hover, .game-item-btn .btn-arrow.hidden:hover {
  background: #ECECEB;
}
#game .game-item-btn .btn-refresh, #game .game-item-btn .btn-all, #game .game-item-btn .btn-arrow {
  background: rgba(255, 255, 255, 0.5019607843);
}
#game .game-item-btn .btn-refresh:hover, #game .game-item-btn .btn-all:hover, #game .game-item-btn .btn-arrow:hover {
  background: #FFF;
}
#game .game-item-btn .btn-refresh.hidden:hover, #game .game-item-btn .btn-all.hidden:hover, #game .game-item-btn .btn-arrow.hidden:hover {
  background: rgba(255, 255, 255, 0.5019607843);
}

.live-sports .game-item-arrow .btn-refresh, .live-sports .game-item-arrow .btn-all-game, .live-sports .game-item-arrow .btn-chang-game {
  background: #D9D9D9;
  color: #5A3D2B;
}
.live-sports .game-item-arrow .btn-refresh:after, .live-sports .game-item-arrow .btn-refresh i, .live-sports .game-item-arrow .btn-all-game:after, .live-sports .game-item-arrow .btn-all-game i, .live-sports .game-item-arrow .btn-chang-game:after, .live-sports .game-item-arrow .btn-chang-game i {
  color: #482F0E;
}
.live-sports .game-item-arrow .btn-refresh:hover, .live-sports .game-item-arrow .btn-all-game:hover, .live-sports .game-item-arrow .btn-chang-game:hover {
  background: #E7D9BE;
}
.live-sports .game-item-arrow .btn-refresh.hidden:hover, .live-sports .game-item-arrow .btn-all-game.hidden:hover, .live-sports .game-item-arrow .btn-chang-game.hidden:hover {
  background: #ECECEB;
}

.live-sports-title {
  color: #FFF;
}

.live-sports-list {
  background: #574F4A;
  color: #FFF;
}

.score-state .state {
  color: #FFF;
}

.away-win, .draw, .home-win {
  background: #E5D9D3;
  color: #29211C;
  transition: all 0.3s ease-in-out;
}
.away-win .odds, .draw .odds, .home-win .odds {
  color: #fC3C3C;
}
.away-win:hover, .draw:hover, .home-win:hover {
  filter: brightness(1.05);
}

.round-race-tab {
  background: #D9D9D9;
}
.round-race-tab .tab-list {
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
.round-race-tab .tab-list:hover {
  color: rgba(90, 61, 43, 0.8);
}
.round-race-tab .tab-list.active {
  background: #845B1A;
  color: #FFF;
}
.round-race-tab .tab-list:active {
  animation: 0.2s Click;
}

.round-race-content {
  background: #696053;
  color: #FFF;
}

.table-content tr:nth-child(odd) {
  background: #575045;
}
.table-content tr td.game-name:before {
  background: url(../images/amber/icon-round-race.webp) no-repeat center;
  background-size: cover;
}
.table-content tr td.profit {
  background: none;
}
.table-content tr td.profit.positive {
  color: #FFCD00;
}
.table-content tr td.profit.negative {
  color: #FFF;
}
.table-content tr td.bet-amount.twd:after, .table-content tr td.profit.twd:after {
  background: url(../images/common/currency/icon-twd.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.vnd:after, .table-content tr td.profit.vnd:after {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.thb:after, .table-content tr td.profit.thb:after {
  background: url(../images/common/currency/icon-thb.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.usdt:after, .table-content tr td.profit.usdt:after {
  background: url(../images/common/currency/icon-usdt.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.aud:after, .table-content tr td.profit.aud:after {
  background: url(../images/common/currency/icon-aud.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.kvnd:after, .table-content tr td.profit.kvnd:after {
  background: url(../images/common/currency/icon-vnd.svg) no-repeat center;
  background-size: cover;
}
.table-content tr td.bet-amount.usdt:after, .table-content tr td.profit.usdt:after {
  background-size: 24px;
}

/*------------ 遊戲頁 ------------*/
.game-new {
  color: #fff;
  background: linear-gradient(#F20000, #820000);
  border-color: #FF4D00;
}

.game-recommend {
  background: url(../images/common/icon-recommend.svg) no-repeat center #4E0000;
  background-size: 10px;
  border-color: #FF8F4E;
}

.function-search {
  background: #F9F7F5;
  border-color: #DADADA;
}
.function-search:focus-within {
  border-color: #FFCD00;
}
.function-search .icon-search {
  color: #BEB9B6;
}
.function-search .search-input::-webkit-input-placeholder {
  color: #BEB9B6;
}
.function-search .search-clear {
  background: #ECECEB;
  color: #482F0E;
}
.function-search .search-clear:hover {
  background: #E7D9BE;
}

.function-category .btn-category.toggle .category-icon {
  background-image: url(../images/amber/icon-toggle.svg);
}
.function-category .btn-category.toggle .category-text {
  color: #482F0E;
}
.function-category .btn-category.toggle:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.toggle.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.toggle.active .category-icon {
  background-image: url(../images/amber/icon-toggle-h.svg);
}
.function-category .btn-category.home .category-icon {
  background-image: url(../images/amber/icon-home.svg);
}
.function-category .btn-category.home .category-text {
  color: #482F0E;
}
.function-category .btn-category.home:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.home.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.home.active .category-icon {
  background-image: url(../images/amber/icon-home-h.svg);
}
.function-category .btn-category.discount .category-icon {
  background-image: url(../images/amber/icon-discount.svg);
}
.function-category .btn-category.discount .category-text {
  color: #482F0E;
}
.function-category .btn-category.discount:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.discount.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.discount.active .category-icon {
  background-image: url(../images/amber/icon-discount-h.svg);
}
.function-category .btn-category.chatroom .category-icon {
  background-image: url(../images/amber/icon-chatroom.svg);
}
.function-category .btn-category.chatroom .category-text {
  color: #482F0E;
}
.function-category .btn-category.chatroom:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.chatroom.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.chatroom.active .category-icon {
  background-image: url(../images/amber/icon-chatroom-h.svg);
}
.function-category .btn-category.hot .category-icon {
  background-image: url(../images/amber/icon-hot.svg);
}
.function-category .btn-category.hot .category-text {
  color: #482F0E;
}
.function-category .btn-category.hot:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.hot.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.hot.active .category-icon {
  background-image: url(../images/amber/icon-hot-h.svg);
}
.function-category .btn-category.slot .category-icon {
  background-image: url(../images/amber/icon-slot.svg);
}
.function-category .btn-category.slot .category-text {
  color: #482F0E;
}
.function-category .btn-category.slot:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.slot.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.slot.active .category-icon {
  background-image: url(../images/amber/icon-slot-h.svg);
}
.function-category .btn-category.live .category-icon {
  background-image: url(../images/amber/icon-live.svg);
}
.function-category .btn-category.live .category-text {
  color: #482F0E;
}
.function-category .btn-category.live:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.live.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.live.active .category-icon {
  background-image: url(../images/amber/icon-live-h.svg);
}
.function-category .btn-category.sports .category-icon {
  background-image: url(../images/amber/icon-sports.svg);
}
.function-category .btn-category.sports .category-text {
  color: #482F0E;
}
.function-category .btn-category.sports:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.sports.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.sports.active .category-icon {
  background-image: url(../images/amber/icon-sports-h.svg);
}
.function-category .btn-category.poker .category-icon {
  background-image: url(../images/amber/icon-poker.svg);
}
.function-category .btn-category.poker .category-text {
  color: #482F0E;
}
.function-category .btn-category.poker:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.poker.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.poker.active .category-icon {
  background-image: url(../images/amber/icon-poker-h.svg);
}
.function-category .btn-category.lottery .category-icon {
  background-image: url(../images/amber/icon-lottery.svg);
}
.function-category .btn-category.lottery .category-text {
  color: #482F0E;
}
.function-category .btn-category.lottery:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.lottery.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.lottery.active .category-icon {
  background-image: url(../images/amber/icon-lottery-h.svg);
}
.function-category .btn-category.fishing .category-icon {
  background-image: url(../images/amber/icon-fishing.svg);
}
.function-category .btn-category.fishing .category-text {
  color: #482F0E;
}
.function-category .btn-category.fishing:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.fishing.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.fishing.active .category-icon {
  background-image: url(../images/amber/icon-fishing-h.svg);
}
.function-category .btn-category.esports .category-icon {
  background-image: url(../images/amber/icon-esports.svg);
}
.function-category .btn-category.esports .category-text {
  color: #482F0E;
}
.function-category .btn-category.esports:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.esports.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.esports.active .category-icon {
  background-image: url(../images/amber/icon-esports-h.svg);
}
.function-category .btn-category.cockfight .category-icon {
  background-image: url(../images/amber/icon-cockfight.svg);
}
.function-category .btn-category.cockfight .category-text {
  color: #482F0E;
}
.function-category .btn-category.cockfight:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.cockfight.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.cockfight.active .category-icon {
  background-image: url(../images/amber/icon-cockfight-h.svg);
}
.function-category .btn-category.egames .category-icon {
  background-image: url(../images/amber/icon-egames.svg);
}
.function-category .btn-category.egames .category-text {
  color: #482F0E;
}
.function-category .btn-category.egames:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.egames.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.egames.active .category-icon {
  background-image: url(../images/amber/icon-egames-h.svg);
}
.function-category .btn-category.service .category-icon {
  background-image: url(../images/amber/icon-service.svg);
}
.function-category .btn-category.service .category-text {
  color: #482F0E;
}
.function-category .btn-category.service:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.service.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.service.active .category-icon {
  background-image: url(../images/amber/icon-service-h.svg);
}
.function-category .btn-category.language .category-icon {
  background-image: url(../images/amber/icon-language.svg);
}
.function-category .btn-category.language .category-text {
  color: #482F0E;
}
.function-category .btn-category.language:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.language.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.language.active .category-icon {
  background-image: url(../images/amber/icon-language-h.svg);
}
.function-category .btn-category.lobby .category-icon {
  background-image: url(../images/amber/icon-lobby.svg);
}
.function-category .btn-category.lobby .category-text {
  color: #482F0E;
}
.function-category .btn-category.lobby:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.lobby.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.lobby.active .category-icon {
  background-image: url(../images/amber/icon-lobby-h.svg);
}
.function-category .btn-category.supplier .category-icon {
  background-image: url(../images/amber/icon-supplier.svg);
}
.function-category .btn-category.supplier .category-text {
  color: #482F0E;
}
.function-category .btn-category.supplier:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.function-category .btn-category.supplier.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.function-category .btn-category.supplier.active .category-icon {
  background-image: url(../images/amber/icon-supplier-h.svg);
}

.game-list-wrap .game-list-item.loading {
  height: 193px;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0) 60%) rgba(0, 0, 0, 0.04);
  background-size: 200% 100%;
  background-position-x: 180%;
  animation: 1s loading ease-in-out infinite;
}
.game-list-wrap .game-list-item.default {
  background: linear-gradient(#E0DCD1, #D6D6D6);
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
.providers-name {
  color: #FFF;
}

.item-title-icon {
  background: radial-gradient(#FFF 30%, #FFE371 70%) padding-box, linear-gradient(#B49100, #EF7700) border-box;
}

.provides-list-item {
  background-color: #D7D3CA;
  border-color: #C8BBB5;
}
.provides-list-item.all {
  background-image: url(../images/amber/icon-all.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.provides-list-item:hover {
  background-color: #FFF;
  border-color: #DCBC51;
}
.provides-list-item.active {
  background-color: #E8BE14;
  border-color: #C17D00;
}

.provides-arrow .btn {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
.provides-arrow .btn:hover {
  background: #FFF;
}
.provides-arrow .btn.hidden:hover {
  background: #D9D9D9;
}

.game-supplier-item {
  background: #D7D3CA;
  transition: all 0.3s ease-in-out;
}
.game-supplier-item:hover {
  background: #FFF;
}

#game-surface .game-header {
  background: linear-gradient(#E4D7A3, #ECE3D3 10%, #ECE3D3 90%, #E4D7A3);
}
#game-surface .game-header .btn-list .btn.close-game {
  background: #FFF;
  border-color: #D3D3D3;
  color: #482F0E;
}
#game-surface .game-header .btn-list .btn.deposit, #game-surface .game-header .btn-list .btn.multi-game {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
#game-surface .game-header .btn-list .btn.deposit:hover, #game-surface .game-header .btn-list .btn.multi-game:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
  box-shadow: inset 0 -2px 0 #AA6F2F;
}
#game-surface .game-header .btn.screen {
  background: #FFF;
  border-color: #E7D9BE;
  color: #29211C;
}

#game-surface-popup-deposit .input-content {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
#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: #939393;
}
#game-surface-popup-deposit .input-content.select .btn-select {
  background: linear-gradient(to right, #F8D146, #FB9128);
  border: 1px solid #8F4100;
  box-shadow: 0 2px 0 #8F4100;
  color: #482F0E;
  cursor: pointer;
}
#game-surface-popup-deposit .input-content.select .btn-select:hover {
  filter: brightness(1.1);
}
#game-surface-popup-deposit .channel-info {
  background: #F9F6F3;
}
#game-surface-popup-deposit .channel-info .item .field-title {
  color: #9B9B9B;
}
#game-surface-popup-deposit .channel-info .info-content {
  color: #C06E1C;
}
#game-surface-popup-deposit .channel-info .info-content .hr {
  border-color: #E6E4E1;
}
#game-surface-popup-deposit .area-amount .input-area .input-remark {
  color: #A19A94;
}
#game-surface-popup-deposit .area-amount .input-area .input-remark .rate .amount-convert {
  color: #E8BE14;
}
#game-surface-popup-deposit .input-area.upload .btn-function {
  background: #D9D9D9;
  border: 1px solid #EAE3DD;
  color: #877B6B;
  transition: all 0.3s ease-in-out;
}
#game-surface-popup-deposit .input-area.upload .btn-function:hover {
  background: #F1E7E0;
  color: #A67431;
}
#game-surface-popup-deposit .input-area.upload .input-text {
  color: #482F0E;
}
#game-surface-popup-deposit .input-area.upload .input-text.no-data {
  background: #DEDEDE;
  color: #939393;
}
#game-surface-popup-deposit .input-area.upload.error {
  border: 1px solid #E6473F;
}
#game-surface-popup-deposit .wallet-info .info-content {
  background: #F9F6F3;
  color: #482F0E;
}

#game-surface-popup-multi .list-game .game-icon {
  transition: all 0.3s ease-in-out;
}
#game-surface-popup-multi .list-game .game-icon .tag-select {
  background: url("../images/amber/game-select.webp") no-repeat center;
}
#game-surface-popup-multi .list-game .game-icon .icon-border {
  background: linear-gradient(#E0DCD1, #D6D6D6);
}
#game-surface-popup-multi .list-game .game-icon .icon-border img {
  border-radius: 8px;
}
#game-surface-popup-multi .list-game .game-icon .game-name {
  color: #5A3D2B;
}
#game-surface-popup-multi .list-game .game-icon.no-img .icon-border .icon-img {
  width: 75%;
}
#game-surface-popup-multi .list-game .game-icon:hover {
  filter: brightness(1.1);
}
#game-surface-popup-multi .surface-select {
  background: #F9F6F3;
}
#game-surface-popup-multi .surface-select .list-select .item .icon-border {
  background: linear-gradient(#E0DCD1, #D6D6D6);
}
#game-surface-popup-multi .surface-select .list-select .item .game-name {
  color: #5A3D2B;
}
#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/amber/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.unselect .icon-border {
  background: linear-gradient(#E0DCD1, #D6D6D6);
  border: 2px dotted #C8BBB5;
}
#game-surface-popup-multi .surface-select .list-select .item.unselect .game-name {
  color: #5A3D2B;
}

/*------------ 存取款 ------------*/
#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: #A19A94;
}
#deposit .list-content .area-amount .input-area .input-remark .rate .amount-convert {
  color: #E8BE14;
}
#deposit .input-content.select {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
#deposit .input-content.select .input-text {
  background: none;
  border: 0;
}
#deposit .input-content.select .input-text .unselect {
  color: #939393;
}
#deposit .input-content.select .btn-select {
  background: linear-gradient(to right, #F8D146, #FB9128);
  border: 1px solid #8F4100;
  box-shadow: 0 2px 0 #8F4100;
  color: #482F0E;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#deposit .input-content.select .btn-select:hover {
  filter: brightness(1.1);
}
#deposit .input-area .channel-info {
  background: #F9F6F3;
}
#deposit .input-area .channel-info .item .field-title {
  color: #9B9B9B;
}
#deposit .input-area .channel-info .item .text {
  color: #C06E1C;
}
#deposit .input-area .channel-info .info-content .hr {
  border-color: #E6E4E1;
}
#deposit .input-area .input-remark {
  color: #FFF;
}
#deposit .wallet-info .info-content {
  background: #F9F6F3;
}

#deposit .deposit-offers .info-content, #game-surface-popup-deposit .deposit-offers .info-content {
  background: #F9F6F3;
  border-radius: 4px;
}
#deposit .deposit-offers .info-content .offers-list, #game-surface-popup-deposit .deposit-offers .info-content .offers-list {
  border-color: #EAE3DD;
}
#deposit .deposit-offers .info-content .offers-list .offers-title, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-title {
  color: #5A3D2B;
  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: #B5AAA5;
}
#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: #E8BE14;
}
#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: linear-gradient(#F8D146, #FB9128);
}
#deposit .deposit-offers .info-content .offers-list .offers-remark, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-remark {
  color: #AEA688;
}
#deposit .deposit-offers .info-content .offers-list .offers-amount, #game-surface-popup-deposit .deposit-offers .info-content .offers-list .offers-amount {
  color: #DC8C18;
}
#deposit .deposit-btn .btn-list, #game-surface-popup-deposit .deposit-btn .btn-list {
  background: #D7D3CA;
  border: 2px solid #C8BBB5;
}
#deposit .deposit-btn .btn-list.bank-transfer .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.bank-transfer .btn-img {
  background: url(../images/amber/deposit-icon-bank-transfer.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.atm .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.atm .btn-img {
  background: url(../images/amber/deposit-icon-atm.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.crypto .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.crypto .btn-img {
  background: url(../images/amber/deposit-icon-crypto.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.credit-card .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.credit-card .btn-img {
  background: url(../images/amber/deposit-icon-credit-card.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.store-pay .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.store-pay .btn-img {
  background: url(../images/amber/deposit-icon-store-pay.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.qr-code .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.qr-code .btn-img {
  background: url(../images/amber/deposit-icon-qr-code.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.direct-connection .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.direct-connection .btn-img {
  background: url(../images/amber/deposit-icon-direct-connection.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.e-wallet .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.e-wallet .btn-img {
  background: url(../images/amber/deposit-icon-e-wallet.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.scratch-card .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.scratch-card .btn-img {
  background: url(../images/amber/deposit-icon-scratch-card.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list.payid .btn-img, #game-surface-popup-deposit .deposit-btn .btn-list.payid .btn-img {
  background: url(../images/amber/deposit-icon-payid.svg) no-repeat center top;
}
#deposit .deposit-btn .btn-list .btn-text, #game-surface-popup-deposit .deposit-btn .btn-list .btn-text {
  color: #5A3D2B;
}
#deposit .deposit-btn .btn-list:hover, #deposit .deposit-btn .btn-list.active, #game-surface-popup-deposit .deposit-btn .btn-list:hover, #game-surface-popup-deposit .deposit-btn .btn-list.active {
  background: linear-gradient(#FFE680, #F8D146 70%, #FFA600) padding-box, linear-gradient(#C67D00, #8F4100) border-box;
  border-color: transparent;
  box-shadow: inset 0 -2px 0 #8F4100;
}
#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 {
  color: #482F0E;
}
#deposit .input-content .clear-btn, #game-surface-popup-deposit .input-content .clear-btn {
  background: #D9D9D9;
  color: #482F0E;
  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 .input-area.scratch-card .amount-radio-button .btn-option input, #game-surface-popup-deposit .input-area.scratch-card .amount-radio-button .btn-option input {
  border-color: #E8BE14;
  background: #FFF;
}
#deposit .input-area.scratch-card .amount-radio-button .btn-option input:checked:before, #game-surface-popup-deposit .input-area.scratch-card .amount-radio-button .btn-option input:checked:before {
  background: linear-gradient(#F8D146, #FB9128);
}
#deposit .card, #game-surface-popup-deposit .card {
  background: url(../images/amber/card-bank.webp) no-repeat center;
  background-size: cover;
  color: #FFF;
}
#deposit .card .card-title .tag.success, #game-surface-popup-deposit .card .card-title .tag.success {
  background: #009865;
}
#deposit .card .card-title .tag.fail, #game-surface-popup-deposit .card .card-title .tag.fail {
  background: #B41D1D;
}
#deposit .card .card-title .tag.review, #game-surface-popup-deposit .card .card-title .tag.review {
  background: #F95B00;
}
#deposit .card .card-content .card-account, #game-surface-popup-deposit .card .card-content .card-account {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}

#quickpay-qrcode .time-left {
  color: #E6473F;
}
#quickpay-qrcode .qrcode-img {
  background: #FFF;
}

#withdraw .wallet {
  background: linear-gradient(#FFF, #EFE7E1 50%, #DCD8C2);
}
#withdraw .wallet .wallet-text {
  color: #482F0E;
}
#withdraw .wallet .wallet-text:before {
  background: url(../images/amber/icon-wallet-balance.svg) no-repeat left center;
  background-size: cover;
}
#withdraw .wallet .wallet-amount {
  color: #FFAE00;
}
#withdraw .list-function .btn-function {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
#withdraw .list-function .btn-function:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
#withdraw .list-function .btn-function.disable {
  background: #D9D9D9;
  box-shadow: none;
  color: #ADADAD;
}
#withdraw .list-function .btn-refresh {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
#withdraw .list-function .btn-refresh:hover {
  background: #EAEAEA;
}
#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/amber/add-card.webp") no-repeat center;
  background-size: cover;
}
#withdraw .card {
  background: url(../images/amber/card-bank.webp) no-repeat center;
  background-size: cover;
  color: #FFF;
}
#withdraw .card .card-title .tag.success {
  background: #009865;
}
#withdraw .card .card-title .tag.fail {
  background: #B41D1D;
}
#withdraw .card .card-title .tag.review {
  background: #F95B00;
}
#withdraw .card .card-content .card-account {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
}
#withdraw .input-content .input-text {
  color: #482F0E;
}
#withdraw .input-content .clear-btn {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
#withdraw .input-content .clear-btn:hover {
  opacity: 0.8;
}
#withdraw .input-remark .amount-convert {
  color: #E8BE14;
}

#withdraw-popup-add .input-content {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
#withdraw-popup-add .input-content.select .input-text {
  background: none;
  border-color: transparent;
  color: #29211C;
}
#withdraw-popup-add .input-content.select .input-text .unselect {
  color: #939393;
}
#withdraw-popup-add .input-content.select .btn-select {
  background: linear-gradient(to right, #F8D146, #FB9128);
  border: 1px solid #8F4100;
  box-shadow: 0 2px 0 #8F4100;
  color: #482F0E;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#withdraw-popup-add .input-content.select .btn-select:hover {
  filter: brightness(1.1);
}
#withdraw-popup-add .input-area.phone .input-content {
  background: none;
  border: 0;
}

#withdraw-popup-verify .list-upload .input-upload {
  background: #FFF;
  border: 1px solid #CCC;
}
#withdraw-popup-verify .list-upload .input-upload .upload-number {
  color: #C2BCB5;
}
#withdraw-popup-verify .list-upload .input-upload .btn-function {
  background: #D9D9D9;
  border-color: #EAE3DD;
  box-shadow: none;
  color: #877B6B;
  transition: all 0.3s ease-in-out;
}
#withdraw-popup-verify .list-upload .input-upload .btn-function:hover {
  background: #F1E7E0;
  color: #A67431;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text {
  color: #A67431;
}
#withdraw-popup-verify .list-upload .input-upload .upload-text.nodata {
  color: #939393;
}
#withdraw-popup-verify .list-upload .input-upload.error {
  border: 1px solid #E6473F;
}
#withdraw-popup-verify .popup-btn {
  background: #F3F3F3;
}

#withdraw-popup-amount .card {
  color: #5A3D2B;
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#withdraw-popup-amount .card .card-title {
  background: #EAE3D4;
}
#withdraw-popup-amount .card .card-content .field-title {
  color: #AAA;
}
#withdraw-popup-amount .area-amount .input-area .input-remark {
  color: #A19A94;
}
#withdraw-popup-amount .area-amount .input-area .input-remark .rate .amount-convert {
  color: #E8BE14;
}

/*------------ 優惠活動 ------------*/
#discount .area-content {
  background: transparent;
}

.list-discount .item {
  background: #FFF;
  transition: all 0.3s ease-in-out;
}
.list-discount .item .info-content {
  color: #29211C;
}
.list-discount .item:hover {
  filter: brightness(1.1);
}

#discount-detail .area-content .content-text {
  color: #878787;
}
#discount-detail .area-content .btn-back svg {
  background: #D9D9D9;
  color: #482F0E;
}
#discount-detail .area-content .btn-back:hover svg {
  background: #E7D9BE;
}
#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 #CCC;
  border-top: 1px solid #CCC;
}
#discount-detail figure.table table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.discount-title .date {
  color: #A6B3B5;
}
.discount-title .btn-apply {
  background: linear-gradient(to right, #F8D146, #FB9128);
  box-shadow: 0 2px 0 #8F4100;
  border: 1px solid #8F4100;
  color: #482F0E;
}
.discount-title .btn-apply:hover {
  background: linear-gradient(to right, #FFF2C2, #FFD2A6);
  box-shadow: 0 2px 0 #FFAA64;
  border: 1px solid #FFAA64;
}
.discount-title .btn-apply.ineligible, .discount-title .btn-apply.applied, .discount-title .btn-apply.disable {
  background: #CCC;
  box-shadow: none;
  border: 0;
  color: #999;
}

.area-other {
  background: #FFF;
}
.area-other .area-title {
  color: #29211C;
}
.area-other .area-title:before {
  background: linear-gradient(to right, rgba(90, 61, 43, 0), rgba(90, 61, 43, 0.5019607843), #5A3D2B);
}
.area-other .area-title:after {
  background: linear-gradient(to right, #5A3D2B, rgba(90, 61, 43, 0.5019607843), rgba(90, 61, 43, 0));
}
.area-other .list .item {
  background: #FFF;
  border: 1px solid #D3D3D3;
  transition: all 0.3s ease-in-out;
}
.area-other .list .item .info-content {
  color: #29211C;
}
.area-other .list .item:hover {
  filter: brightness(1.1);
}
.area-other .btn-more {
  background: linear-gradient(to right, #FFE893, #E4BF43);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
.area-other .btn-more:hover {
  background: linear-gradient(to right, #FFE342, #DA8D00);
  box-shadow: inset 0 -2px 0 #AA6F2F;
}

/*------------ 聊天室 ------------*/
.area-menu {
  background: linear-gradient(#EDF1F4, #E6E8F6 30%, #EFEFEF 70%, #FFF);
}
.area-menu .btn-menu {
  color: #482F0E;
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 6px;
}
.area-menu .btn-menu.upper-agent .icon {
  background-image: url("../images/amber/icon-upper-agent.svg");
  background-size: cover;
}
.area-menu .btn-menu.upper-member .icon {
  background-image: url("../images/amber/icon-upper-member.svg");
  background-size: cover;
}
.area-menu .btn-menu.under-member .icon {
  background-image: url("../images/amber/icon-under-member.svg");
  background-size: cover;
}
.area-menu .btn-menu.support-service .icon {
  background-image: url("../images/amber/icon-support-service.svg");
  background-size: cover;
}
.area-menu .btn-menu:hover, .area-menu .btn-menu.active {
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
.area-menu .btn-menu:hover .icon, .area-menu .btn-menu.active .icon {
  background-position: left bottom;
}
.area-menu .btn-menu .unread {
  background: #E6473F;
}

.area-content {
  background: #FFF;
}
.area-content .time .text-time {
  background: #EEE;
  color: #999;
}
.area-content .avatar {
  border: 2px solid #939393;
}
.area-content .other-side .avatar {
  background: url("../../../images/common/service-avatar.webp") no-repeat center;
  background-size: cover;
}
.area-content .other-side .user-name {
  color: #939393;
}
.area-content .other-side .msg-text {
  background: #EAEAEA;
  color: #939393;
}
.area-content .other-side .msg-time {
  color: #939393;
}
.area-content .own .user-name {
  color: #482F0E;
  text-align: right;
}
.area-content .own .msg-text {
  background: #E7D9BE;
  color: #A67431;
}
.area-content .own .msg-time {
  color: #939393;
}
.area-content .chat-state-wait .img {
  background: url(/common/desktop/images/icon-white/support-service-wait.gif) no-repeat center;
  background-size: 72px;
}
.area-content .chat-state-wait .remark {
  color: #FFF;
}
.area-content .chat-surface {
  background: #FCFCFC;
}
.area-content .chat-surface .input-text {
  background: #FCFCFC;
}
.area-content .chat-surface .input-text::-webkit-input-placeholder {
  color: #939399;
}
.area-content .chat-surface .btn-upload-img {
  background: url(../images/amber/chatroom-upload-image.svg) no-repeat center;
  transition: all 0.3s ease-in-out;
}
.area-content .chat-surface .btn-upload-img:hover {
  filter: brightness(1.1);
}
.area-content .chat-surface.disable {
  opacity: 0.5;
}
.area-content .chat-surface.disable .btn-upload-img:hover {
  opacity: 1;
}

#chatroom-under-member .page-content-list .area-page-content {
  background: #FFF;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item {
  transition: all 0.3s ease-in-out;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .avatar {
  border: 2px solid rgba(255, 255, 255, 0.3);
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .user-name {
  color: #94823C;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .msg-text {
  color: #939393;
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item .msg-time {
  color: #CACACA;
}
#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 {
  background: #F6F2EE;
  border: 1px solid #D3D3D3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1019607843);
}
#chatroom-under-member .page-content-list .area-page-content .list-msg .msg-item:hover {
  background: #F6F2EE;
}

/*------------ RoadMap ------------*/
#roadmap .roadmap-top {
  background: url(../images/amber/bg-roadmap.webp) no-repeat center;
  background-size: cover;
}
#roadmap .roadmap-top .user-photo {
  background: url(/images/common/photo.webp) no-repeat center;
  background-size: cover;
  border-color: #FF3859;
}
#roadmap .roadmap-top .user-content .user-vip {
  background: linear-gradient(rgba(184, 147, 22, 0.5019607843) 10%, rgba(90, 61, 43, 0.5019607843) 50%, rgba(72, 47, 14, 0.5019607843) 60%, rgba(255, 205, 0, 0.5019607843)), linear-gradient(#D40010, #E05454);
  border: 1px solid #FFBF35;
  color: #FFFC98;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#roadmap .roadmap-top .user-content .user-vip:before {
  background: url(../images/amber/vip-badge.svg) no-repeat center;
  background-size: cover;
}
#roadmap .roadmap-top .user-content .user-account {
  color: #FFF;
}
#roadmap .roadmap-top .user-content .user-amount {
  color: #FFAE00;
  background: url(../images/amber/icon-roadmap-money.svg) no-repeat left center;
  background-size: 24px;
}
#roadmap .roadmap-top .user-content .user-amount.twd {
  background-image: url(../images/common/currency/icon-twd.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.vnd {
  background-image: url(../images/common/currency/icon-vnd.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.thb {
  background-image: url(../images/common/currency/icon-thb.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.usdt {
  background-image: url(../images/common/currency/icon-usdt.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.aud {
  background-image: url(../images/common/currency/icon-aud.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.kvnd {
  background-image: url(../images/common/currency/icon-vnd.svg);
  background-size: 18px;
}
#roadmap .roadmap-top .user-content .user-amount.usdt {
  background-size: 24px;
}
#roadmap .roadmap-top .flow-audit-btn {
  background: linear-gradient(to right, #E4C27D, #E3DAA9);
  color: #5A3D2B;
  box-shadow: inset 0 -2px 0 #B29227;
  transition: all 0.3s ease-in-out;
}
#roadmap .roadmap-top .flow-audit-btn:before {
  background: url(../images/amber/icon-audit.svg) no-repeat center;
}
#roadmap .roadmap-top .flow-audit-btn:hover {
  filter: brightness(1.1);
}
#roadmap .roadmap-top .flow-audit-info .flow-audit-icon {
  background: url(../images/amber/icon-warning.svg) no-repeat center;
  transition: all 0.3s ease-in-out;
}
#roadmap .roadmap-top .flow-audit-info .flow-audit-icon:hover {
  filter: brightness(1.1);
}
#roadmap .roadmap-top .flow-audit-info .flow-audit-direction {
  background: #FFF;
  color: #5A3D2B;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8), inset -1px -1px 0 rgba(255, 255, 255, 0.1);
}
#roadmap .roadmap-top .flow-audit-info .flow-audit-direction:before {
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-bottom: 16px solid #FFF;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-title {
  color: #FFF;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-title span {
  color: #E8BE14;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent {
  background: #3E280B;
  border-color: #98917A;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg {
  background: linear-gradient(#FFEEB3, #B89316);
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg .bar-number {
  color: #E8BE14;
}
#roadmap .roadmap-top .acc-function-bar .bar-item .bar-percent .bar-bg.inside .bar-number {
  color: #5A3D2B;
}
#roadmap .roadmap-top .function-link .function-link-item {
  background: linear-gradient(#FFF4E7, #DCCF9B);
  box-shadow: 0 2px 0 #A77D00;
}
#roadmap .roadmap-top .function-link .function-link-item.deposit .link-icon {
  background-image: url(../images/amber/function-link-deposit.webp);
  background-size: 42px;
}
#roadmap .roadmap-top .function-link .function-link-item.withdraw .link-icon {
  background-image: url(../images/amber/function-link-withdraw.webp);
  background-size: 42px;
}
#roadmap .roadmap-top .function-link .function-link-item.account-record .link-icon {
  background-image: url(../images/amber/function-link-account-record.webp);
  background-size: 42px;
}
#roadmap .roadmap-top .function-link .function-link-item.discount-history .link-icon {
  background-image: url(../images/amber/function-link-discount-history.webp);
  background-size: 42px;
}
#roadmap .roadmap-top .function-link .function-link-item .link-icon {
  background-color: rgba(255, 255, 255, 0.7019607843);
}
#roadmap .roadmap-top .function-link .function-link-item .link-text {
  color: #5A3D2B;
}
#roadmap .roadmap-top .function-link .function-link-item:hover {
  background: linear-gradient(#FFDCAF, #ECC111);
}
#roadmap .roadmap-link-item {
  background: #FFF;
}
#roadmap .roadmap-link-item .link-title {
  color: #5A3D2B;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item {
  transition: all 0.3s ease-in-out;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.basic-data {
  background: url(../images/amber/roadmap-basic-data.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.verification {
  background: url(../images/amber/roadmap-verification.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.member-level {
  background: url(../images/amber/roadmap-member-level.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.notify {
  background: url(../images/amber/roadmap-notify.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.instant-rebate {
  background: url(../images/amber/roadmap-instant-rebate.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-bonus {
  background: url(../images/amber/roadmap-discount-bonus.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.red-envelope-code {
  background: url(../images/amber/roadmap-red-envelope-code.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.check {
  background: url(../images/amber/roadmap-check.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deposit {
  background: url(../images/amber/roadmap-deposit.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bank-card-info {
  background: url(../images/amber/roadmap-bank-card-info.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdraw {
  background: url(../images/amber/roadmap-withdraw.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.bet-history {
  background: url(../images/amber/roadmap-bet-history.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.depositing {
  background: url(../images/amber/roadmap-depositing.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.withdrawal {
  background: url(../images/amber/roadmap-withdrawal.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.addBalance {
  background: url(../images/amber/roadmap-addBalance.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.deductBalance {
  background: url(../images/amber/roadmap-deductBalance.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.transferIn {
  background: url(../images/amber/roadmap-transferIn.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.donate {
  background: url(../images/amber/roadmap-donate.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.providerPromotions {
  background: url(../images/amber/roadmap-providerPromotions.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.my-promote {
  background: url(../images/amber/roadmap-my-promote.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-teach {
  background: url(../images/amber/roadmap-promote-teach.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-rule {
  background: url(../images/amber/roadmap-promote-rule.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-history {
  background: url(../images/amber/roadmap-promote-history.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.summary-team {
  background: url(../images/amber/roadmap-summary-team.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.report-team {
  background: url(../images/amber/roadmap-report-team.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.achievement-rewards {
  background: url(../images/amber/roadmap-achievement-rewards.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.promote-offline-member {
  background: url(../images/amber/roadmap-promote-offline-member.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.personal-center {
  background: url(../images/amber/roadmap-personal-center.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.agent-progress {
  background: url(../images/amber/roadmap-agent-progress.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.offline-member {
  background: url(../images/amber/roadmap-offline-member.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.level-system {
  background: url(../images/amber/roadmap-level-system.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.discount-activity {
  background: url(../images/amber/roadmap-discount-activity.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.disclaimer {
  background: url(../images/amber/roadmap-disclaimer.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.qa {
  background: url(../images/amber/roadmap-qa.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-gamble {
  background: url(../images/amber/roadmap-register-gamble.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.register-terms {
  background: url(../images/amber/roadmap-register-terms.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.privacy {
  background: url(../images/amber/roadmap-privacy.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item.modify-password {
  background: url(../images/amber/roadmap-modify-password.svg) no-repeat left 0.8rem center #EEECE4;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item .link-item-text {
  color: #5A3D2B;
  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 {
  background: #FFF;
  color: #482F0E;
}
#roadmap .roadmap-link-item .link-content .link-list .link-item:hover {
  filter: brightness(0.95);
}

#popup-flow-audit .flow-audit {
  gap: 0.375rem;
}
#popup-flow-audit .flow-audit.success .flow-audit-title {
  background-image: url(../images/amber/icon-audit-successful.svg);
  background-size: 64px;
  color: #029D0A;
}
#popup-flow-audit .flow-audit.fail .flow-audit-title {
  background-image: url(../images/amber/icon-audit-failure.svg);
  background-size: 64px;
  color: #FF4545;
}
#popup-flow-audit .flow-audit .flow-audit-text {
  color: #5A3D2B;
}

/*------------ VIP特權 ------------*/
#my-info-member .area-content .vip-card {
  background-image: linear-gradient(135deg, #8A8A8A 30%, #C5C5C5);
  border-color: #ADACAC;
}
#my-info-member .area-content .vip-card .tag {
  background: rgba(0, 0, 0, 0.3019607843);
  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, #FFBF00, #C65101 40%, #EBA800);
  border-color: #FAE3C4;
}
#my-info-member .area-content .vip-card.now .tag {
  background: #4E2C16;
  color: #FFF;
}
#my-info-member .area-content .vip-card.now .level-text {
  color: #5A3D2B;
  -webkit-text-stroke-color: #FAE3C4;
}
#my-info-member .area-content .vip-card.old {
  background-image: linear-gradient(#B29355 30%, #716439);
  border-color: #947C2A;
}
#my-info-member .area-content .vip-card.old .tag {
  background: rgba(0, 0, 0, 0.2509803922);
  color: #CDBD87;
}
#my-info-member .area-content .vip-card.old .level-text {
  color: #5A3D2B;
  -webkit-text-stroke-color: #C2AD65;
}
#my-info-member .area-content .vip-card.level-1.now:after {
  background-image: url("../images/amber/vip-icon/level-1-now.webp");
}
#my-info-member .area-content .vip-card.level-2.now:after {
  background-image: url("../images/amber/vip-icon/level-2-now.webp");
}
#my-info-member .area-content .vip-card.level-3.now:after {
  background-image: url("../images/amber/vip-icon/level-3-now.webp");
}
#my-info-member .area-content .vip-card.level-4.now:after {
  background-image: url("../images/amber/vip-icon/level-4-now.webp");
}
#my-info-member .area-content .vip-card.level-5.now:after {
  background-image: url("../images/amber/vip-icon/level-5-now.webp");
}
#my-info-member .area-content .vip-card.level-6.now:after {
  background-image: url("../images/amber/vip-icon/level-6-now.webp");
}
#my-info-member .area-content .vip-card.level-7.now:after {
  background-image: url("../images/amber/vip-icon/level-7-now.webp");
}
#my-info-member .area-content .vip-card.level-8.now:after {
  background-image: url("../images/amber/vip-icon/level-8-now.webp");
}
#my-info-member .area-content .vip-card.level-9.now:after {
  background-image: url("../images/amber/vip-icon/level-9-now.webp");
}
#my-info-member .area-content .vip-card.level-10.now:after {
  background-image: url("../images/amber/vip-icon/level-10-now.webp");
}
#my-info-member .area-content .vip-card.level-11.now:after {
  background-image: url("../images/amber/vip-icon/level-11-now.webp");
}
#my-info-member .area-content .vip-card.level-12.now:after {
  background-image: url("../images/amber/vip-icon/level-12-now.webp");
}
#my-info-member .area-content .vip-card.level-13.now:after {
  background-image: url("../images/amber/vip-icon/level-13-now.webp");
}
#my-info-member .area-content .vip-card.level-14.now:after {
  background-image: url("../images/amber/vip-icon/level-14-now.webp");
}
#my-info-member .area-content .vip-card.level-15.now:after {
  background-image: url("../images/amber/vip-icon/level-15-now.webp");
}
#my-info-member .area-content .vip-card.level-16.now:after {
  background-image: url("../images/amber/vip-icon/level-16-now.webp");
}
#my-info-member .area-content .vip-card:before {
  background-image: url("../images/common/vip-card-bg.webp");
}
#my-info-member .area-content .info-content .info-bar-area {
  background: linear-gradient(#EFE3D9, #FBEDC2);
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-title {
  color: #623D00;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent {
  background: #3E280B;
  border-color: #98917A;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg {
  background: linear-gradient(#FFEEB3, #B89316);
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg .info-bar-number {
  color: #E8BE14;
}
#my-info-member .area-content .info-content .info-bar-area .info-bar-item .info-bar-percent .info-bar-bg.inside .info-bar-number {
  color: #5A3D2B;
}
#my-info-member .area-content .info-content .info-bar-area .hr-vertical {
  background: rgba(0, 0, 0, 0.1019607843);
}
#my-info-member .area-content .info-content .list-gift .item {
  background: linear-gradient(#EFE3D9, #FBEDC2);
}
#my-info-member .area-content .info-content .list-gift .item.level-up .img {
  background: url("../images/amber/vip-info-gift-level-up.webp") no-repeat center;
  background-size: cover;
}
#my-info-member .area-content .info-content .list-gift .item.month .img {
  background: url("../images/amber/vip-info-gift-month.webp") no-repeat center;
  background-size: cover;
}
#my-info-member .area-content .info-content .list-gift .item.week .img {
  background: url("../images/amber/vip-info-gift-week.webp") no-repeat center;
  background-size: cover;
}
#my-info-member .area-content .info-content .list-gift .item .title {
  color: #5A3D2B;
}
#my-info-member .area-content .info-content .list-gift .item .amount {
  color: #C58900;
}
#my-info-member .area-content .area-title {
  color: #29211C;
}
#my-info-member .area-content .list-info {
  background: #EFE3D9;
}
#my-info-member .area-content .list-info .field-title {
  color: #5F6D6D;
}
#my-info-member .area-content .list-info .field-amount {
  color: #DC8C18;
}
#my-info-member .area-content .list-info .hr {
  border-color: rgba(0, 0, 0, 0.1019607843);
}
#my-info-member .area-content .list-info .item-title {
  color: #646464;
}
#my-info-member .area-content .list-cashback-limit .item {
  background: #EFE4D1;
  border: 1px solid #D4CCA8;
}
#my-info-member .area-content .list-cashback-limit .item .text {
  color: #5A3D2B;
}
#my-info-member .area-content .list-cashback-limit .item .amount {
  color: #C58900;
}
#my-info-member .area-content .list .item-vip:nth-last-of-type(1) .vip-card:after {
  background-image: url("../images/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/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/amber/vip-icon/level-0-now.webp");
}

/*------------ 基本資料 ------------*/
#my-info-basic .item-field .field-title .field-name {
  color: #AF9B8E;
}
#my-info-basic .item-field .field-title .field-name .text {
  color: #5A3D2B;
}
#my-info-basic .item-field .field-title .btn-edit {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
#my-info-basic .item-field .field-title .btn-edit:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
#my-info-basic .item-field .field-content {
  background: #EAEAEA;
  border: 1px solid #E1E1E1;
  color: #A67431;
}
#my-info-basic .item-field .field-content .no-data {
  color: #939393;
}
#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;
}

/*------------ 投注記錄 ------------*/
#bet-record .area-content .content-title .list-total {
  background: #EFE4D1;
  border: 2px solid #D4CCA8;
}
#bet-record .area-content .content-title .list-total .field-title {
  color: #5A3D2B;
}
#bet-record .area-content .content-title .list-total .field-content {
  color: #C58900;
}
#bet-record .area-content .content-title .list-total .hr-vertical {
  background: #D4CCA8;
}
#bet-record .area-content .content-title .list-total .total-winlose.win .field-content {
  color: #46D42F;
}
#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: #F9F7F5;
  border: 1px solid #DADADA;
  color: #482F0E;
}
#bet-record .area-content .content-title .area-function .list-btn-function .input-search .input-text {
  background: transparent;
  border: 0;
}
#bet-record .area-content .content-title .area-function .data-count {
  color: #FFF;
}
#bet-record .area-content .table-bet-record .item {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
#bet-record .area-content .table-bet-record .item .item-title {
  background: #EAE3D4;
}
#bet-record .area-content .table-bet-record .item .item-content .field .title {
  color: #AAA;
}
#bet-record .area-content .table-bet-record .item .item-content .hr {
  border-color: rgba(0, 0, 0, 0.1019607843);
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.win {
  color: #46D42F;
}
#bet-record .area-content .table-bet-record .item .item-content .total-winlose.lose {
  color: #E6473F;
}
#bet-record .area-content .table-bet-record .item:hover {
  transform: translateY(-2px);
}

#bet-record-detail .area-content .content-title .game-name {
  color: #5A3D2B;
}
#bet-record-detail .area-content .content-title .data-count {
  color: #94823C;
}

/*------------ 即時返水 ------------*/
#instant-rebate .area-content .content-title .list-total {
  background: #EFE4D1;
  border: 2px solid #D4CCA8;
}
#instant-rebate .area-content .content-title .list-total .field-title {
  color: #5A3D2B;
}
#instant-rebate .area-content .content-title .list-total .field-content {
  color: #C58900;
}
#instant-rebate .area-content .content-title .list-total .hr-vertical {
  background: #D4CCA8;
}
#instant-rebate .area-content .table-instant-rebate .item {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
#instant-rebate .area-content .table-instant-rebate .item .item-title {
  background: #EAE3D4;
}
#instant-rebate .area-content .table-instant-rebate .item .item-content .field .title {
  color: #AAA;
}

/*------------ 推廣 ------------*/
#promote-overview .area-content .area-receive-award {
  background: #EFE4D1;
  border: 2px solid #D4CCA8;
}
#promote-overview .area-content .area-receive-award .title {
  color: #5A3D2B;
}
#promote-overview .area-content .area-receive-award .amount {
  color: #C58900;
}
#promote-overview .area-content .area-receive-award .hr-vertical {
  background: #D4CCA8;
}
#promote-overview .area-content .area-receive-award .btn-receive {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
  color: #482F0E;
}
#promote-overview .area-content .area-receive-award .btn-receive:hover {
  background: linear-gradient(to right, #DA8D00, #FFE342);
}
#promote-overview .area-content .area-receive-award .btn-receive.disabled {
  background: #D9D9D9;
  color: #ADADAD;
  box-shadow: none;
}
#promote-overview .area-content .area-total .item {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
#promote-overview .area-content .area-total .item .item-title {
  background: #EAE3D4;
}
#promote-overview .area-content .area-total .item .item-content .field .field-title {
  color: #AAA;
}
#promote-overview .area-content .area-promote-method .list-method .item {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
}
#promote-overview .area-content .area-promote-method .list-method .item .title .text {
  color: #AAA;
}
#promote-overview .area-content .area-promote-method .list-method .item.link .icon {
  background: url("../images/amber/icon-link.svg") no-repeat center;
}
#promote-overview .area-content .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/amber/icon-code-number.svg") no-repeat center;
}
#promote-overview .area-content .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/amber/icon-qrcode.svg") no-repeat center;
}
#promote-overview .area-content .area-promote-method .area-qrcode {
  border: 1px solid #C5995E;
}

#promote-tutorial .item-qa, #promote-rule .item-qa {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
#promote-tutorial .item-qa:hover, #promote-rule .item-qa:hover {
  background: #EFE4D1;
}

#promote-achievement .list-function .btn-sort-by {
  background: #D9D9D9;
  color: #482F0E;
  transition: all 0.3s ease-in-out;
}
#promote-achievement .list-function .btn-sort-by:hover {
  background: #EAEAEA;
}

#promote-offline-member .list-total {
  background: #EFE4D1;
  border: 2px solid #D4CCA8;
}
#promote-offline-member .list-total .title {
  color: #5A3D2B;
}
#promote-offline-member .list-total .count {
  color: #C58900;
}
#promote-offline-member .offline-content .list-total {
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#promote-offline-member .offline-content .list-total .item .title {
  color: #AAA;
}
#promote-offline-member .offline-content .list-total .item .count {
  color: #5A3D2B;
}
#promote-offline-member .offline-content .list-total .hr-vertical {
  border-color: #D4CCA8;
}

/*------------ 全民代理 ------------*/
#allagent-personal-center .list-total {
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#allagent-personal-center .list-total .title {
  color: #5A3D2B;
}
#allagent-personal-center .list-total .count {
  color: #C58900;
}
#allagent-personal-center .list-total .hr-vertical {
  background: #D4CCA8;
}
#allagent-personal-center .area-promote-method .list-method .item {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
}
#allagent-personal-center .area-promote-method .list-method .item .title .text {
  color: #AAA;
}
#allagent-personal-center .area-promote-method .list-method .item.link .icon {
  background: url("../images/amber/icon-link.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.code-number .icon {
  background: url("../images/amber/icon-code-number.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .list-method .item.qrcode .icon {
  background: url("../images/amber/icon-qrcode.svg") no-repeat center;
}
#allagent-personal-center .area-promote-method .area-qrcode {
  border: 1px solid #C5995E;
}

#allagent-progress .list-total {
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#allagent-progress .list-total .title {
  color: #5A3D2B;
}
#allagent-progress .list-total .count {
  color: #C58900;
}
#allagent-progress .list-total .hr-vertical {
  background: #D4CCA8;
}

#allagent-offline-member .list-total {
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#allagent-offline-member .list-total .title {
  color: #5A3D2B;
}
#allagent-offline-member .list-total .count {
  color: #C58900;
}
#allagent-offline-member .list-total .hr-vertical {
  background: #D4CCA8;
}
#allagent-offline-member .offline-content .list-total {
  background: #FFF4E9;
  border: 1px solid #C5995E;
}
#allagent-offline-member .offline-content .list-total .item .title {
  color: #AAA;
}
#allagent-offline-member .offline-content .list-total .item .count {
  color: #5A3D2B;
}
#allagent-offline-member .offline-content .list-total .hr-vertical {
  border-color: #D4CCA8;
}

#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: #DCDBD8;
}
#allagent-level-system .list-info .item-title {
  color: #646464;
}
#allagent-level-system .list-info .field-title {
  color: #5F6D6D;
}
#allagent-level-system .list-info .field-amount {
  color: #DC8C18;
}
#allagent-level-system .list-info.active {
  background: #EFE3D9;
  border: 2px solid #D4CCA8;
}
#allagent-level-system .list-info .hr {
  border-color: rgba(0, 0, 0, 0.1019607843);
}

/*------------ 公告與站內信 ------------*/
#news-notify .area-content .tab-list, #news-mailbox .area-content .tab-list {
  color: #482F0E;
}
#news-notify .area-content .tab-list.notify .tab-img, #news-mailbox .area-content .tab-list.notify .tab-img {
  background: url(../images/amber/icon-notify.svg) no-repeat left center;
}
#news-notify .area-content .tab-list.mailbox .tab-img, #news-mailbox .area-content .tab-list.mailbox .tab-img {
  background: url(../images/amber/icon-mailbox.svg) no-repeat left center;
}
#news-notify .area-content .tab-list:hover, #news-notify .area-content .tab-list.active, #news-mailbox .area-content .tab-list:hover, #news-mailbox .area-content .tab-list.active {
  background: linear-gradient(to right, #E4BF43, #FFE893);
  box-shadow: inset 0 -2px 0 #CDB151;
}
#news-notify .area-content .tab-list:hover.notify .tab-img, #news-notify .area-content .tab-list.active.notify .tab-img, #news-mailbox .area-content .tab-list:hover.notify .tab-img, #news-mailbox .area-content .tab-list.active.notify .tab-img {
  background: url(../images/amber/icon-notify-h.svg) no-repeat left center;
}
#news-notify .area-content .tab-list:hover.mailbox .tab-img, #news-notify .area-content .tab-list.active.mailbox .tab-img, #news-mailbox .area-content .tab-list:hover.mailbox .tab-img, #news-mailbox .area-content .tab-list.active.mailbox .tab-img {
  background: url(../images/amber/icon-mailbox-h.svg) no-repeat left center;
}
#news-notify .area-content .tab-list .tab-count, #news-mailbox .area-content .tab-list .tab-count {
  color: #D15400;
}
#news-notify .area-content .content-right .list-top, #news-mailbox .area-content .content-right .list-top {
  background: #DEDEDE;
}
#news-notify .area-content .content-right .list-top .list-top-function .reset, #news-mailbox .area-content .content-right .list-top .list-top-function .reset {
  color: #B5AAA5;
  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 {
  background: rgba(255, 255, 255, 0.5019607843);
  color: #A05B00;
}
#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/amber/icon-mail-open.svg) no-repeat left center;
  color: #B5AAA5;
  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/amber/icon-mail-open-a.svg);
  color: #A05B00;
}
#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/amber/icon-mail-open-h.svg);
  color: #F9A200;
}
#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/amber/icon-delete.svg) no-repeat left center;
  color: #B5AAA5;
  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/amber/icon-delete-a.svg);
  color: #A05B00;
}
#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/amber/icon-delete-h.svg);
  color: #F9A200;
}
#news-notify .area-content .content-right .content-list, #news-mailbox .area-content .content-right .content-list {
  background: #F3F3F3;
}
#news-notify .area-content .content-right .content-list .list-post, #news-mailbox .area-content .content-right .content-list .list-post {
  background: #FFF;
  border-color: #E6DFD4;
  color: #AEA688;
}
#news-notify .area-content .content-right .content-list .list-post.unread, #news-mailbox .area-content .content-right .content-list .list-post.unread {
  color: #D49100;
}
#news-notify .area-content .content-right .content-list .list-post:hover, #news-mailbox .area-content .content-right .content-list .list-post:hover {
  border-color: #E8BE14;
}
#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: #E8BE14;
  border-color: transparent;
}
#news-notify .area-content .content-right .content-post, #news-mailbox .area-content .content-right .content-post {
  background: #F3F3F3;
}
#news-notify .area-content .content-right .content-post .post-top, #news-mailbox .area-content .content-right .content-post .post-top {
  background: #DEDEDE;
}
#news-notify .area-content .content-right .content-post .post-top .btn-back, #news-mailbox .area-content .content-right .content-post .post-top .btn-back {
  color: #B5AAA5;
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .content-post .post-top .btn-back:hover, #news-mailbox .area-content .content-right .content-post .post-top .btn-back:hover {
  background: rgba(255, 255, 255, 0.5019607843);
  color: #A05B00;
}
#news-notify .area-content .content-right .content-post .post-top .btn-page-prev, #news-notify .area-content .content-right .content-post .post-top .btn-page-next, #news-mailbox .area-content .content-right .content-post .post-top .btn-page-prev, #news-mailbox .area-content .content-right .content-post .post-top .btn-page-next {
  color: #B5AAA5;
  transition: all 0.3s ease-in-out;
}
#news-notify .area-content .content-right .content-post .post-top .btn-page-prev:hover, #news-notify .area-content .content-right .content-post .post-top .btn-page-next:hover, #news-mailbox .area-content .content-right .content-post .post-top .btn-page-prev:hover, #news-mailbox .area-content .content-right .content-post .post-top .btn-page-next:hover {
  background: rgba(255, 255, 255, 0.5019607843);
  color: #A05B00;
}
#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/amber/icon-delete.svg) no-repeat left center;
  color: #B5AAA5;
  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/amber/icon-delete-h.svg);
  color: #F9A200;
}
#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: #29211C;
}
#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: #9B9B9B;
}
#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: #878787;
}
#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: #F3F3F3;
  border-color: #B5AAA5;
}
#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: #E8BE14;
  border-color: transparent;
}

#news-mailbox .area-content .content-right .content-list .list-post:hover {
  background: #FFF9F0;
  border-color: #E8BE14;
}

/*------------ 免責聲明與常見問題 ------------*/
#support-qa .item-qa, #support-disclaimer .item-qa {
  background: #FFF4E9;
  border: 1px solid #C5995E;
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
#support-qa .item-qa:hover, #support-disclaimer .item-qa:hover {
  background: #EFE4D1;
}

/*------------ 登入註冊 ------------*/
.login-register-content {
  background: #FFF;
}
.login-register-content .list-option {
  background: linear-gradient(#EDF1F4, #E4E4E5 40%, #E5E6EE 60%, #EDF1F4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4509803922);
}

.login-register-tab {
  background: #D9D9D9;
}
.login-register-tab .login-btn {
  color: #5A3D2B;
  transition: all 0.3s ease-in-out;
}
.login-register-tab .login-btn:hover, .login-register-tab .login-btn.active {
  background: #A57100;
  color: #FFF;
}

.verify-title {
  color: #A57103;
}
.verify-title:before, .verify-title:after {
  background: rgba(0, 0, 0, 0.1019607843);
}

.login-container .btn-function {
  background: #D9D9D9;
  color: #482F0E;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}
.login-container .btn-function:hover {
  filter: brightness(1.1);
}

.login-register-btn .btn-cancel {
  color: #482F0E;
}

.instant-messaging {
  background: #FFF;
}
.instant-messaging:after, .instant-messaging:before {
  background: #D9D9D9;
}
.instant-messaging .item {
  border-color: #D9D9D9;
}
.instant-messaging .item.telegram {
  background: url(../images/amber/icon-im-telegram.svg) no-repeat center;
  background-size: 24px;
}
.instant-messaging .item.google {
  background: url(../images/amber/icon-im-google.svg) no-repeat center;
  background-size: 24px;
}
.instant-messaging .item.line {
  background: url(../images/amber/icon-im-line.svg) no-repeat center;
  background-size: 24px;
}

.name-verify .input-upload {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
.popup-content .name-verify .input-upload {
  background: #FFF;
}
.name-verify .input-upload .upload-text {
  color: #482F0E;
}
.name-verify .input-upload .upload-text.nodata {
  color: #C2BCB5;
}
.name-verify .input-upload.error {
  border: 1px solid #E6473F;
}
#login-register .name-verify .input-upload {
  background: #FFF;
  border: 1px solid #EAE3DD;
}
#login-register .name-verify .input-upload .upload-text.nodata {
  color: #C2BCB5;
}

#login-register .mobile-verify .input-content {
  background: transparent;
}
#login-register .mobile-verify .dropdown {
  background: transparent;
}
#login-register .mobile-verify .dropdown .dropdown-btn {
  border-color: #EAE3DD;
}
#login-register .mobile-verify .dropdown .dropdown-btn.error {
  border-color: #E6473F;
}

.mobile-verify .dropdown-btn.error {
  border: 1px solid #E6473F;
}

/*------------ 讀取LOADING ------------*/
#loading .img-loading {
  border: 6px solid #E8BE14;
}

.img-loading:after, .img-loading:before {
  border-color: transparent;
  border-top-color: rgba(251, 145, 40, 0.7019607843);
  -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: #FB9128;
  }
  20% {
    border-top-color: #FB9128;
  }
  35% {
    border-top-color: #FB9128;
  }
  60% {
    border-top-color: #FB9128;
  }
  to {
    border-top-color: #FB9128;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #FB9128;
  }
  20% {
    border-top-color: #FB9128;
  }
  35% {
    border-top-color: #FB9128;
  }
  60% {
    border-top-color: #FB9128;
  }
  to {
    border-top-color: #FB9128;
  }
}
/*-------------- FOOTER --------------*/
.footer {
  background: #FFF;
}

.footer-link {
  border-color: #E3E3E3;
  color: #63686C;
}
.footer-link p {
  transition: all 0.3s ease-in-out;
}
.footer-link p:after {
  background: rgba(99, 104, 108, 0.4);
}
.footer-link p:hover {
  filter: brightness(1.5);
}

.copyright {
  color: #BBB;
}

/*------------ 優惠提醒彈窗 ------------*/
.discount-reminder-popup {
  background: rgba(34, 34, 34, 0.8);
}
.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 .close {
  color: #FFF;
}
.discount-reminder-popup .reminder-content .reminder-container .reminder-text {
  color: #AAA;
}
.discount-reminder-popup .reminder-content .reminder-container .reminder-amount {
  color: #FFAE00;
}
.discount-reminder-popup .reminder-content .reminder-btn {
  background: linear-gradient(to right, #F8D146, #FB9128);
  border: 1px solid #8F4100;
  box-shadow: 0 2px 0 #8F4100;
  color: #482F0E;
}
.discount-reminder-popup .reminder-content .reminder-btn:hover {
  filter: brightness(1.1);
}
.discount-reminder-popup .reminder-bar-bg {
  background: #3E280B;
}
.discount-reminder-popup .reminder-bar-bg .reminder-bar {
  background: linear-gradient(#FFEEB3, #B89316);
}

/*------------ 浮動按鈕 ------------*/
.float-btn-item {
  background: url(../images/amber/icon-service.svg) no-repeat center #FFF;
  border-color: #DECFBC;
}
.float-btn-item:hover, .float-btn-item.show {
  background-color: #E8BE14;
  border-color: #FFD400;
}
.float-btn-item .float-btn-text {
  background: #E8BE14;
  color: #482F0E;
}
.float-btn-item .float-btn-text:after {
  border-top: 6px solid #E8BE14;
}
.float-btn-item .float-btn-app {
  background: rgba(72, 47, 14, 0.4);
  backdrop-filter: blur(5px);
}
.float-btn-item .float-btn-app .float-app-item {
  background-color: #C6BFBB;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text {
  background: #E8BE14;
  color: #482F0E;
}
.float-btn-item .float-btn-app .float-app-item .float-app-text:after {
  border-left: 6px solid #E8BE14;
  border-right: 0;
}
.float-btn-item .float-btn-app .float-app-item:hover {
  background: linear-gradient(#FFEFAF, #E8BE14);
}

/*------------ GOTOP ------------*/
.gotop {
  background: url(../images/amber/icon-gotop.svg) no-repeat center #FFF;
  border-color: #DECFBC;
}
.gotop:hover {
  background-color: #E8BE14;
  border-color: #FFD400;
}/*# sourceMappingURL=theme-amber.css.map */