@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap");
::-moz-placeholder {
  color: #ffa44b;
  opacity: 1;
}
::placeholder {
  color: #ffa44b;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #ffa44b;
}

::-ms-input-placeholder {
  color: #ffa44b;
}

::-moz-selection {
  background: #573e22 !important;
  color: #ffffff !important;
}

::selection {
  background: #573e22 !important;
  color: #ffffff !important;
}

::-moz-selection {
  background: #573e22 !important;
  color: #ffffff !important;
}

::-webkit-selection {
  background: #573e22 !important;
  color: #ffffff !important;
}

img,
input,
select,
option,
html,
body,
textarea {
  letter-spacing: 0.05rem;
  font-size: 1rem;
  font-family: "Noto Sans SC", sans-serif !important;
  font-weight: 300;
}

.modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  width: 5px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #ffffff1a !important;
  width: 5px;
}
.modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  background-color: transparent !important;
  width: 5px;
}
.modal-dialog .modal-content .modal-content .overflowTable::-webkit-scrollbar-track {
  background-color: transparent !important;
  width: 5px;
}
.modal-dialog .modal-content .modal-content .overflowTable::-webkit-scrollbar {
  background-color: transparent !important;
  width: 5px;
}
.modal-dialog .modal-content .modal-content .overflowTable::-webkit-scrollbar-thumb {
  background-color: #ffffff1a !important;
  width: 5px;
}

.rankOverflow::-webkit-scrollbar,
.overflowTable::-webkit-scrollbar,
.scrollbarContent::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: none !important;
  width: 5px;
}

.rankOverflow::-webkit-scrollbar-thumb,
.overflowTable::-webkit-scrollbar-thumb,
.scrollbarContent::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none !important;
  background-color: #ffffff1a !important;
  width: 5px;
}

.rankOverflow::-webkit-scrollbar-track,
.overflowTable::-webkit-scrollbar-track,
.scrollbarContent::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  width: 5px;
}

html {
  background: #000000;
}

* .tawk-button {
  background: #000 !important;
}

.QRcodeWrap {
  z-index: 20;
}
.QRcodeWrap > div > img.qrcode {
  display: none;
}
.QRcodeWrap .QRcodeBg {
  background: transparent;
  margin-left: 1.8rem;
  width: calc(268px - 1.8rem - 2px);
  padding: 1px !important;
  border-radius: 3px;
  box-shadow: 0px 0px 5px 1px #ffd091;
}
.QRcodeWrap .QRcodeBg .bg-white {
  background: #371406a8;
  border-radius: 3px;
  max-height: 600px;
}
.QRcodeWrap .QRcodeBg .bg-white .qrcodeContent-js {
  margin: 1.5rem 0;
}
.QRcodeWrap .QRcodeBg .bg-white .qrcodeContent-js > div p {
  color: #ffffff;
  font-size: 14px !important;
  font-weight: 500;
}
.QRcodeWrap .QRcodeBg .bg-white .qrcodeContent-js > div img.qrcode {
  max-width: 170px;
}
.QRcodeWrap .tag {
  background: linear-gradient(0deg, #d6491dba, #da9514ba) !important;
  border-radius: 3px;
  padding: 0.8rem 0.4rem 0.8rem 0.2rem;
  color: #ffffff;
  text-shadow: 1px 2px 2px #000;
  top: 65%;
  transform: translateY(-50%);
}

body {
  z-index: 1;
  position: relative !important;
  background: #000000;
  min-width: 1400px;
  max-width: 1920px;
  margin: auto;
}
body::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 50%;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #000000;
  background-image: url(./img/bg_content.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body header select option,
body .mainContent select option {
  background: #371406;
  border: 0;
  color: #ffffff !important;
  cursor: pointer;
  box-shadow: none;
}
body > .container {
  width: 100% !important;
}
body > .container > .contentWrap-left {
  position: relative;
  padding-left: 0px;
}
body > .container > .contentWrap-left > header {
  position: relative;
  height: 120px;
  padding: 0;
  width: 100%;
  z-index: 1;
  background: transparent;
  overflow: hidden;
  filter: drop-shadow(0px 0px 3px rgba(19, 0, 0, 0.831372549));
}
body > .container > .contentWrap-left > header::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1920px;
  height: 121.6811207472px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/header.png);
  pointer-events: none;
}
body > .container > .contentWrap-left > header > .container {
  width: calc(100% - 4rem);
  max-width: calc(1400px - 4rem);
  margin: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap .valignWrapper,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper {
  height: 70px;
  display: flex;
  align-items: flex-end;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap .valignWrapper {
  margin-left: auto !important;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap a {
  margin-left: -50px;
  width: 205px;
  height: calc(205px * 133 / 413);
}
body > .container > .contentWrap-left > header > .container > div .logoWrap a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: none;
  max-height: none;
  padding-top: 12px;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap .form-control {
  margin-left: 0.5rem;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap .form-control .btn {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0 !important;
}
body > .container > .contentWrap-left > header > .container > div .logoWrap .form-control .btn select {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.05rem;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap {
  padding: 0;
  margin-left: 2rem;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight > div,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .forgetPwdBtn {
  padding: 0;
  margin-right: 1.5rem !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight > div:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .forgetPwdBtn:last-child {
  margin-right: 0 !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-control {
  min-height: 1.5rem;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-control label {
  font-size: 14px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-control label a {
  color: #ffffff;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .tooltiptext {
  background-color: #19130f;
  color: #ffffff;
  left: 94%;
  top: 55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 2px 5px 5px;
  min-width: 210px;
  border-radius: 2px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .tooltiptext::before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 20%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #19130f transparent;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .tooltiptext a {
  color: #ffffff;
  border-bottom: 1px dashed #ffffff;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-control-label {
  cursor: pointer;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-control-label::before {
  top: 4px;
  background-color: #ffffff22;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  top: 4px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .loginRules .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  top: 4px;
  background-color: #da9514;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js {
  background: #ffd09161;
  width: 150px;
  height: 100%;
  color: #19130f;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput input,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput input,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input {
  font-size: 14px;
  height: 100%;
  color: #19130f;
  font-weight: 500;
  width: calc(100% - 1rem);
  padding: 0 0.5rem;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput input::-moz-placeholder, body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput input::-moz-placeholder, body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #19130f;
  opacity: 1;
  /* Firefox */
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput input::placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput input::placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #19130f;
  opacity: 1;
  /* Firefox */
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput input:-ms-input-placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput input:-ms-input-placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #19130f;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .userInput input::-ms-input-placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .passwordInput input::-ms-input-placeholder,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000000;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js {
  width: 200px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .verificationInput.verificationInput-js input {
  width: 100px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .forgetPwdBtn {
  color: #ffffff;
  font-size: 14px;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper #_login-form-js .inlineHeight .forgetPwdBtn:hover {
  opacity: 1;
  color: #ffd091;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"],
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"],
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn {
  background: transparent;
  color: #ffffff;
  padding: 0;
  padding-left: 1.8rem !important;
  position: relative;
  font-size: 16px;
  min-width: auto;
  margin-right: 1.6rem !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"]:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"]:last-child,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn:last-child {
  margin-right: 0rem !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"] span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"] span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"] span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"] span.mr-2,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn span.mr-2 {
  display: none;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"]:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"]:hover,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: ease-out 0.2s;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"]::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"]::before,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0%;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn::before {
  background-image: url(./img/header_icon_bell.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/deposit"]::before {
  background-image: url(./img/header_icon_sale.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .financeBtn[href="/withdrawal"]::before {
  background-image: url(./img/header_icon_stored.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .loginBtn-js::before {
  background-image: url(./img/header_icon_login.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .registerBtn-js::before {
  background-image: url(./img/header_icon_register.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutBtn-js::before {
  background-image: url(./img/header_icon_logout.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .infoBtn::before {
  background-image: url(./img/header_icon_user.svg);
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .bellaBtn {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0 !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .btn:nth-child(3) {
  padding-left: 0 !important;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .btn:nth-child(3) span.fontIcon,
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .btn:nth-child(3) span.mr-2 {
  display: inline-block;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .btn:nth-child(3)::before {
  display: none;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn {
  font-size: 16px;
  background: transparent;
  color: #ffffff;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn span {
  color: #ffffff;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn.infoBtn .fontIcon, body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn.financeBtn .text-green-light, body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn.financeBtn .text-blue-light {
  color: #ffffff;
}
body > .container > .contentWrap-left > header > .container > div .userInfoWrap .valignWrapper .logoutWrap-js > .logoutWrap > .inlineHeight > a.btn[href="/mailbox"] .mail-sum {
  background: #dd2222;
  line-height: 25px;
  min-width: 15px;
  right: 8px;
  top: -8px;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -ms-transform: scale(0.75);
}
body > .container > .contentWrap-left > .mainContent {
  border: none;
  overflow: inherit;
  width: calc(100% - 0rem);
  max-width: calc(1400px - 0rem);
  margin: auto;
  padding-left: 0rem;
  padding-right: 0rem;
  position: relative;
  margin-top: -30px !important;
  z-index: 0;
  width: calc(100% - 0rem);
  max-width: calc(1920px - 0rem);
  margin: auto;
  padding-left: 0rem;
  padding-right: 0rem;
}
body > .container > .contentWrap-left > .mainContent .fullHeight {
  background: transparent;
  position: relative;
  z-index: 4;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js {
  margin: auto;
  margin-top: 3%;
  margin-bottom: 2%;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  height: 50px;
  width: calc(100% - 100px);
  max-width: 1350px;
  padding: 0 50px;
  overflow: hidden;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js::after, body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  top: 0;
  border: solid;
  border-width: 25px;
  overflow: hidden;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js::after {
  left: 0;
  border-color: transparent #715735cc transparent transparent;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js::before {
  right: 0;
  border-color: transparent transparent transparent #715735cc;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js .ann-item-js {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js svg path {
  fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 25px;
}
body > .container > .contentWrap-left > .mainContent .fullHeight #marqueeWrap-js > div {
  height: 100%;
  width: calc(100% - 2rem);
  display: flex;
  align-items: center;
  padding: 0 1rem;
  background: #715735cc;
}
body > .container > .contentWrap-left > .mainContent .featureWrap {
  background: transparent;
  float: none;
  z-index: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > div {
  max-width: calc(1400px - 6rem);
  margin: auto !important;
  overflow: hidden;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gradient-divide::before {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent {
  width: calc(100% - 4rem) !important;
  padding: 0% 2rem 6%;
  background: #00000080;
  position: relative;
  background-image: url(./img/bg7.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent > div:nth-child(1) {
  width: calc(100% - 0rem);
  margin: auto !important;
  max-width: 1400px;
  color: #ffedca;
  background: linear-gradient(90deg, transparent, #19130fb3, transparent);
  padding-top: 2rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent > div:nth-child(1) > div .font-size-large {
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  padding-left: 1rem;
  text-shadow: 0.1rem 0.18rem 2px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent > div:nth-child(1) > div a {
  position: relative;
  z-index: 0;
  background: transparent;
  color: #ffd091;
  font-size: 1.1rem;
  font-weight: 500;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js {
  width: calc(100% - 0rem);
  margin: auto !important;
  margin-bottom: 2rem !important;
  max-width: 1400px;
  background: linear-gradient(90deg, transparent, #19130fb3, transparent);
  padding: 2% 0 2%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel {
  width: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-stage-outer .owl-stage > .owl-item .item a {
  display: block;
  position: relative;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-stage-outer .owl-stage > .owl-item .item a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-stage-outer .owl-stage > .owl-item .item a .title {
  margin-top: 0.5rem;
  letter-spacing: 0.05rem;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-stage-outer .owl-stage > .owl-item .item a img {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-stage-outer .owl-stage > .owl-item .item a img:hover {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transition: 0.8s;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-dots .owl-dot {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-dots .owl-dot span {
  border-radius: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background: #ffd091;
  opacity: 0.4;
  margin: 9px 15px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-dots .owl-dot.active span, body > .container > .contentWrap-left > .mainContent .featureWrap .bonusContent .bonus-carousel-js .bonus-carousel .owl-dots .owl-dot:hover span {
  background: #ffd091;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  margin-bottom: 0rem !important;
  padding: 5% 0 11%;
  overflow: hidden;
  margin-top: -4% !important;
  z-index: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/bg8.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) {
  margin-bottom: 0rem !important;
  padding: 2.5rem 2% 0;
  width: 96%;
  align-items: flex-end !important;
  max-width: calc(1400px - 4%);
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(1) {
  display: flex !important;
  flex-direction: row !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(1) .font-size-large {
  letter-spacing: 0.05rem;
  font-size: 2rem !important;
  font-weight: 500 !important;
  padding-left: 1rem;
  line-height: initial !important;
  font-size: 3.2rem !important;
  letter-spacing: 0.35rem;
  text-shadow: 0.1rem 0.18rem 2px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(1) a[href="/rank"] {
  position: relative;
  z-index: 0;
  background: transparent;
  color: #ffd091;
  font-size: 1.1rem;
  font-weight: 500;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  margin-top: 1rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) {
  margin-bottom: 0.8rem;
  margin-right: 3rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab {
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  border-radius: 3px;
  padding: 0rem !important;
  background: #37140655;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab a {
  padding: 0;
  min-width: 6rem;
  text-align: center;
  color: #bb9e6b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab:hover {
  text-shadow: 0.1rem 0.18rem 2px #000000;
  background: transparent;
  border: 2px solid #ffd091;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  padding: 0rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab:hover a {
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab.active {
  text-shadow: 0.1rem 0.18rem 2px #000000;
  background: transparent;
  border: 2px solid #ffd091;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  padding: 0rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab.active a {
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js {
  width: 96%;
  padding: 3.5rem 2% 6rem;
  position: relative;
  max-width: calc(1400px - 4%);
  margin: auto !important;
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup {
  background: none !important;
  margin-right: 1.5rem;
  width: calc((100% - 4.5rem) / 4);
  border-radius: 3px;
  background: rgba(125, 114, 106, 0.8) !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup:last-child {
  margin-right: 0rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox {
  width: calc(92% - 2rem);
  height: 82%;
  margin: 4% auto;
  border: 1px solid #ffedca;
  padding: 2rem 1rem 2rem;
  min-height: 445px;
  position: relative;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox::after {
  content: "";
  display: block;
  position: absolute;
  top: -2.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 93px;
  height: 70px;
  background-image: url(./img/treasure-chest.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankTitle {
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  text-shadow: 0 0 7px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox > div:nth-child(2) {
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 300 !important;
  color: #ffffff80;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js {
  padding-left: 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table {
  width: 98%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr {
  border-bottom: 1px solid #ffedca36;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:last-child {
  border-bottom: 0px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td {
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  padding: 0.4rem 0.08rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td:nth-child(1) {
  padding-left: 0.4rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td small {
  margin-right: 0.5rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td .badge-vip {
  background: transparent !important;
  color: #ffd091 !important;
  padding: 0;
  font-weight: 500;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1), body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1), body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) {
  transform: scale(0.9) translateX(10%);
  -webkit-transform: scale(0.9) translateX(10%);
  -moz-transform: scale(0.9) translateX(10%);
  -o-transform: scale(0.9) translateX(10%);
  -ms-transform: scale(0.9) translateX(10%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1) img, body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1) img, body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) img {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1) {
  background-image: url(./img/rank01.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1) {
  background-image: url(./img/rank02.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .homeRankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) {
  background-image: url(./img/rank03.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer {
  position: relative;
  background: url(./img/bg9.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  display: inline-block;
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap {
  width: 90%;
  padding: 2rem 5%;
  margin: auto;
  border-top: 0px;
  margin-bottom: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff08;
  border-bottom: 0;
  position: relative;
  z-index: 2;
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-top: 18.6979166667%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  background-image: url(./img/bg4.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn {
  border: 0px;
  color: #ffffff;
  position: relative;
  padding-left: 5.4rem;
  letter-spacing: 0.05rem;
  font-size: 1.7rem !important;
  font-weight: 500 !important;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 3rem;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  margin-right: 6rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn:last-child {
  margin-right: 0rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn:hover {
  color: white;
  transition: ease-out 0.2s;
  background: transparent;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn:hover::after {
  transition: ease-out 0.2s;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn::after {
  content: "";
  display: block;
  width: 4.7rem;
  height: 4.7rem;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn[href="/faq"]::after {
  background-image: url(./img/icon_social-media.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn[href="/about"]::after {
  background-image: url(./img/icon_opinion.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn.contactCS-js::after, body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn[href="/socialmedia"]::after, body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn.active::after, body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn.helperBtn:last-child:after {
  background-image: url(./img/icon_about-us.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .helpersWrap .helperBtn:nth-child(2)::after {
  background-image: url(./img/icon_opinion.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .gird-12.left.d-flex.align-items-center.text-center.py-3.justify-content-center {
  position: absolute;
  padding: 2.8% 0 1.3% !important;
  float: none;
  clear: both;
  display: flex !important;
  width: 100%;
  font-size: 16px;
  bottom: -8px;
  z-index: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .gird-12.left.d-flex.align-items-center.text-center.py-3.justify-content-center::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(./img/header.png);
  background-size: 1920px;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .gird-12.left.d-flex.align-items-center.text-center.py-3.justify-content-center img {
  width: 1.5rem;
  height: 1.5rem;
  filter: drop-shadow(0px 0px 0px #ffffff) drop-shadow(0px 0px 0px #ffffff);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap.left.text-center {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap {
  max-width: calc(1400px - 4%);
  margin: auto !important;
  float: none;
  width: 96%;
  padding: 2% 2%;
  margin-top: 10% !important;
  margin-bottom: 3% !important;
  overflow: hidden;
  background: rgba(21, 7, 1, 0.5019607843);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap .maintenanceGroup {
  margin-bottom: 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap .maintenanceGroup > div {
  width: calc(100% - 4rem);
  margin: 0 2rem;
  padding: 1rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap .maintenanceGroup > div img {
  min-height: 70px !important;
  height: 100% !important;
  max-height: 70px !important;
  filter: sepia(1) hue-rotate(-8deg) brightness(1) saturate(1.2);
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap .maintenanceGroup > div .maintenanceContent {
  border: 0px;
  background: #53464099;
  border-radius: 0px;
  height: 50px;
  padding: 0 1rem;
  border-radius: 3px;
  height: 80px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .maintenanceTimeWrap .maintenanceGroup > div .maintenanceContent div {
  font-size: 16px;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap {
  width: 100%;
  max-width: calc(1400px);
  float: none;
  overflow: hidden;
  margin: auto;
  z-index: 1;
  padding: 2% 5%;
  border: none;
  position: relative;
  margin-bottom: 7%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./img/footer_bg.png) !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div {
  width: calc(20% - 1rem);
  margin-right: 1rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div.sideMenuWrap-js {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div .quickLinks {
  width: 80%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div .quickLinks li:first-child {
  border-bottom: 2px solid #ffffff77;
  padding-bottom: 1rem;
  font-size: 1.6rem !important;
  margin-bottom: 1.2rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div .quickLinks li {
  margin-bottom: 0.6rem;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  text-shadow: 0 0 7px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div .quickLinks li a {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .linkWrap > div .quickLinks li a:hover {
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap footer .brandWrap {
  display: none;
}

body[data-page=index] > .container > .contentWrap-left > .mainContent {
  width: calc(100% - 0rem);
  max-width: calc(1920px - 0rem);
  margin: auto;
  padding-left: 0rem;
  padding-right: 0rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 150px;
  height: 74.6696035242px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/arrow.svg);
  animation: move 2s linear infinite -0.75s;
}
@keyframes move {
  0% {
    opacity: 0.2;
    transform: translateX(-50%) translateY(0px);
    -webkit-transform: translateX(-50%) translateY(0px);
    -moz-transform: translateX(-50%) translateY(0px);
    -o-transform: translateX(-50%) translateY(0px);
    -ms-transform: translateX(-50%) translateY(0px);
  }
  50% {
    opacity: 3;
    transform: translateX(-50%) translateY(30px);
    -webkit-transform: translateX(-50%) translateY(30px);
    -moz-transform: translateX(-50%) translateY(30px);
    -o-transform: translateX(-50%) translateY(30px);
    -ms-transform: translateX(-50%) translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(50px);
    -webkit-transform: translateX(-50%) translateY(50px);
    -moz-transform: translateX(-50%) translateY(50px);
    -o-transform: translateX(-50%) translateY(50px);
    -ms-transform: translateX(-50%) translateY(50px);
  }
}

body[data-page=index] > .container > .contentWrap-left > .mainContent {
  width: calc(100% - 0rem);
  max-width: calc(1920px - 0rem);
  margin: auto;
  padding-left: 0rem;
  padding-right: 0rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap h1.bannerTitle,
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .bannerDesc {
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap {
  position: relative;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding-top: 1076px;
  height: calc(1145px - 40px);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1920px;
  padding-top: 1076px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/bg1.jpg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 1920px;
  height: 1145px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(./img/bg2.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel {
  width: calc(100% - 0rem);
  max-width: calc(1400px - 0rem);
  margin: auto;
  padding-left: 0rem;
  padding-right: 0rem;
  margin: auto;
  height: 680px;
  overflow: hidden;
  margin: 155px auto;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel .owl-dots {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: 50%;
  margin-top: 0;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel .owl-dots .owl-dot {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  bottom: 35px !important;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel .owl-dots .owl-dot span {
  border-radius: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background: #ffd091;
  opacity: 0.4;
  margin: 9px 15px;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel .owl-dots .owl-dot.active span, body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .owl-carousel .owl-dots .owl-dot:hover span {
  background: #ffd091;
  opacity: 1;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .bannerWrap::before {
  height: 680px;
  width: 1920px;
  background: transparent;
  z-index: -1;
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .bannerWrap .owl-item .allleft {
  display: flex;
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 90%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight .carouselWrap .bannerWrap .owl-item .allleft img {
  width: auto;
  height: 615px;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .fullHeight > div:nth-child(2)#marqueeWrap-js {
  position: absolute;
  top: 87%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap {
  max-width: 100%;
  width: 100%;
  margin-top: -2%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap > div {
  max-width: 100%;
  width: 100%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap {
  padding: 0;
  width: 100%;
  position: relative;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  padding-top: 7.34375%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/icon_next.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList {
  width: 100%;
  margin: auto !important;
  position: relative;
  z-index: 1;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList div .iconImg {
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 {
  width: 100%;
  position: relative;
  margin: auto !important;
  display: block;
  padding-top: 85.34375%;
  margin-top: -2% !important;
  overflow: hidden;
  z-index: 2;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 100%;
  padding-top: 68.6458333333%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/bg3.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  padding-top: 18.6979166667%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/bg4.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 a {
  background-color: transparent;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 a .text {
  letter-spacing: 0.05rem;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  border-radius: 3px;
  color: #ffffff;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4 {
  z-index: 1;
  width: auto;
  position: absolute;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4 .gird-6 {
  width: auto;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) {
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  left: 68.5%;
  top: 46%;
  width: 22.9166666667%;
  padding-top: 36.875%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block !important;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6.shopListBtn {
  top: 0%;
  padding-top: 80.4545454545%;
  background-image: url(./img/homebtn2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6.promoteBtn {
  bottom: 0%;
  padding-top: 80.4545454545%;
  background-image: url(./img/homebtn3.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  padding-left: 1rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 a > div {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 a > div .text {
  position: relative;
  font-size: 2rem !important;
  background: transparent;
  text-shadow: 0 0 7px #000000;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 a > div:hover {
  transition: ease-out 0.2s;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(1) > .d-flex > .gird-6 a > div:hover .text {
  text-shadow: 0 0 7px #da9514 !important;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap {
  left: 33.5%;
  top: 37.7%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  width: 22.9166666667%;
  padding-top: 42.1354166667%;
  background-image: url(./img/homebtn1.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap > .box {
  background: transparent;
  min-height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap > .box a {
  display: block;
  height: 100%;
  width: 100%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap > .box a .text {
  border-radius: 3px;
  font-size: 2rem !important;
  position: absolute;
  z-index: 1;
  top: 58%;
  left: 43%;
  width: 44%;
  text-align: center;
  text-shadow: 0 0 7px #000000;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap > .box a:hover {
  transition: ease-out 0.2s;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4.vipWrap > .box a:hover .text {
  text-shadow: 0 0 7px #da9514 !important;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) {
  left: 50%;
  bottom: 7%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 98%;
  padding: 1.3rem 0%;
  padding-left: 2%;
  z-index: 1;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a {
  min-height: auto;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a:hover > div .text {
  color: white;
  transition: ease-out 0.2s;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a:hover > div .text::after {
  transition: ease-out 0.2s;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a.gird-6.d-block.box:nth-child(1) .text::after {
  background-image: url(./img/icon_opinion.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=socialmedia] .text::after {
  background-image: url(./img/icon_about-us.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=faq] .text::after {
  background-image: url(./img/icon_social-media.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=about] .text::after {
  background-image: url(./img/icon_question-ask.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=about] .text::after {
  background-image: url(./img/icon_question-ask.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*="https://yggamingshop.com/SHOP/"] .text::after, body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=SHOP] .text::after, body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a[href*=shop] .text::after {
  background-image: url(./img/icon_ygshop.svg);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a > div .text {
  text-shadow: 3px 3px 2px #000000;
  font-size: 1.7rem !important;
  display: flex;
  align-items: center;
  width: calc(100% - 4.7rem + 0.7rem);
  padding-left: 5.4rem;
  height: calc(4.7rem - 8px);
  cursor: pointer;
  position: relative;
  margin-bottom: 1rem;
  width: auto;
  line-height: 1.9rem;
  color: #ffffff;
  max-width: 12rem;
  min-width: 6rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a > div .text::after {
  content: "";
  display: block;
  width: 4.7rem;
  height: 4.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scaleY(0.9) translateY(-50%);
  -webkit-transform: scaleY(0.9) translateY(-50%);
  -moz-transform: scaleY(0.9) translateY(-50%);
  -o-transform: scaleY(0.9) translateY(-50%);
  -ms-transform: scaleY(0.9) translateY(-50%);
  opacity: 0.9;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) a > div .text:last-child {
  margin-bottom: 0;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) > .d-flex {
  display: flex !important;
  flex-direction: row;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) > .d-flex > .gird-6 {
  display: flex;
  margin-right: 5.6rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mx-0 .gird-4:nth-child(3) > .d-flex:last-child > .gird-6:last-child {
  margin-right: 0rem;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0;
  margin: 0 !important;
  margin-top: -2% !important;
  padding-top: 51.7708333333%;
  overflow: hidden;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/bg5.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6 {
  position: absolute;
  top: 57%;
  width: 13.8020833333%;
  padding-top: 17.5520833333%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6:hover {
  transition: ease-out 0.2s;
  transform: translateX(-50%) scale(1.05);
  -webkit-transform: translateX(-50%) scale(1.05);
  -moz-transform: translateX(-50%) scale(1.05);
  -o-transform: translateX(-50%) scale(1.05);
  -ms-transform: translateX(-50%) scale(1.05);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6:nth-child(1) {
  left: 40%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6:nth-child(2) {
  left: 60%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6 > div a {
  position: relative;
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.7rem !important;
  top: 0%;
  left: 0%;
  background: transparent;
  background-image: url(./img/ship.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .serviceList > .row.mt-5.mb-4 > .col-6 > div a div {
  position: absolute;
  left: 50%;
  top: 41%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  letter-spacing: 0.05rem;
  font-size: 1.7rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
  color: #573e22;
  background: transparent;
  text-shadow: 2px 2px 0px #ffffff, -2px -2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, 0px 2px 0px #ffffff, 0px -2px 0px #ffffff, 2px 0px 0px #ffffff, -2px 0px 0px #ffffff;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList {
  margin-top: -3% !important;
  position: relative;
  padding-bottom: 0rem;
  overflow: hidden;
  width: 100%;
  padding-top: 64.6614583333%;
  z-index: 0;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  padding-top: 64.6614583333%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-image: url(./img/bg6.png), url(./img/icon_next.png);
  background-size: contain, 18.8020833333% 11.34375%;
  background-position: center top, left 55% bottom 0%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList::after {
  content: "";
  display: block;
  position: absolute;
  top: 15rem;
  left: 0%;
  width: 29.6354166667%;
  padding-top: 50.4166666667%;
  background-image: url(./img/man.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls {
  text-align: center;
  position: relative;
  padding: 0px 10px 0px 130px;
  width: calc(1400px - 140px);
  margin: auto !important;
  margin-top: -28% !important;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  justify-content: center;
  z-index: 3;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js {
  cursor: pointer;
  flex-basis: auto;
  flex-grow: unset;
  position: relative;
  margin-right: 0rem;
  width: 205px;
  padding-top: 225px;
  background-image: url(./img/game_bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js:hover {
  transition: ease-out 0.2s;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  width: 36.4341085271%;
  padding-top: 6.5891472868%;
  background-image: url(./img/click.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 6%;
  right: 6%;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js:last-child {
  margin-right: 0;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  min-height: auto;
  overflow: hidden;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js .box > div {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0%;
  width: 100%;
  height: 100%;
  top: 0%;
  background-size: contain;
  background-position: center bottom -10%;
  background-repeat: no-repeat;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js .box > div .iconImg {
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js .box > div .iconImg img {
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js .box > div .text {
  position: absolute;
  letter-spacing: 0.05rem;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  width: 100%;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  -webkit-transform: translateX(-50%) translateY(50%);
  -moz-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  text-shadow: 0 0 7px #000000;
  color: #ffffff;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=casino] .box > div {
  background-image: url(./img/game_casino.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=sport] .box > div {
  background-image: url(./img/game_sport.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=slot] .box > div {
  background-image: url(./img/game_slot.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=board] .box > div {
  background-image: url(./img/game_mahjong.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=lottery] .box > div {
  background-image: url(./img/game_lottery.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .gameHalls .gameHall-js[data-hall=movie] .box > div {
  background-image: url(./img/game_movie.png);
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent {
  background-image: url(./img/bg7.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0;
  width: 100%;
  margin: auto;
  padding-top: 20%;
  padding-bottom: 8%;
  position: relative;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .bg {
  padding: 0px 10px 0px 130px;
  width: 1260px;
  margin: auto;
  background: linear-gradient(90deg, transparent, #19130fb3, transparent);
  padding: 4% 0;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .bg .gameHallList {
  display: none;
}
body[data-page=index] > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .bg .gameHallList .gameList .isOpenGame-js {
  float: none;
}

body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap {
  width: 92%;
  padding-top: 92%;
  margin: auto;
  margin-bottom: 8%;
  position: relative;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box {
  position: absolute;
  padding: 7%;
  height: 86%;
  width: 86%;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 0;
  overflow: hidden;
  background-image: none !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .gameLogo {
  filter: drop-shadow(1px 1px 0px #00000099) drop-shadow(-1px -1px 0px #00000099) drop-shadow(1px -1px 0px #00000099) drop-shadow(-1px 1px 0px #00000099);
  top: 7%;
  left: 7%;
  max-height: 50px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .mianPic {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox {
  position: absolute;
  z-index: 1;
  bottom: 7%;
  left: 8%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox h3 {
  letter-spacing: 0.05rem;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  margin: 0;
  text-shadow: 2px 0px 2px #19130f, -2px 0px 2px #19130f, 0px 2px 2px #19130f, 0px -2px 2px #19130f, 2px -2px 2px #19130f, -2px -2px 2px #19130f, -2px 2px 2px #19130f, 2px 2px 2px #19130f;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox .btnList,
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox a.btn.movie-js {
  position: absolute !important;
  top: -140%;
  left: 0;
  width: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox a.btn {
  background: #dd2222;
  border: 0;
  box-shadow: none;
  border-radius: 100px;
  min-width: auto;
  padding: 0.3rem 1rem;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 400 !important;
  background: linear-gradient(180deg, #957047, #381c12) !important;
  border-radius: 3px;
  box-shadow: inset 0px 0px 5px #ffa44b !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox a.btn:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: ease-out 0.2s;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap > .box .actionBox a.btn span {
  position: relative;
  padding-left: 0rem;
  margin-right: 0.4rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .gamesWrap .gamename {
  display: none;
  position: absolute;
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="4"] .gamesWrap.game3 > .box::before,
[data-ballid="4"] .gamesWrap.game3 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="4"] {
  background-image: url(./img/game/d4g3.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="11"] .gamesWrap.game1 > .box::before,
[data-ballid="11"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="11"] {
  background-image: url(./img/game/d11g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="18"] .gamesWrap.game2 > .box::before,
[data-ballid="18"] .gamesWrap.game2 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="18"] {
  background-image: url(./img/game/d18g2.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="26"] .gamesWrap.game4 > .box::before,
[data-ballid="26"] .gamesWrap.game4 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="26"] {
  background-image: url(./img/game/d26g4.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="99"] .gamesWrap.game1 > .box::before,
[data-ballid="99"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="99"] {
  background-image: url(./img/game/d99g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="47"] .gamesWrap.game6 > .box::before,
[data-ballid="47"] .gamesWrap.game6 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="47"] {
  background-image: url(./img/game/d47g6.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="69"] .gamesWrap.game10 > .box::before,
[data-ballid="69"] .gamesWrap.game10 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="69"] {
  background-image: url(./img/game/d69g10.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="104"] .gamesWrap.game1 > .box::before,
[data-ballid="104"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="104"] {
  background-image: url(./img/game/d104g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="99"] .gamesWrap.game1 > .box::before,
[data-ballid="99"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="99"] {
  background-image: url(./img/game/d99g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="110"] .gamesWrap.game3 > .box::before,
[data-ballid="110"] .gamesWrap.game3 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="110"] {
  background-image: url(./img/game/d110g3.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="126"] .gamesWrap.game7 > .box::before,
[data-ballid="126"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="126"] {
  background-image: url(./img/game/d126g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="126"] .gamesWrap.game7 > .box::before,
[data-ballid="126"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="126"] {
  background-image: url(./img/game/d126g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="117"] .gamesWrap.game1 > .box::before,
[data-ballid="117"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="117"] {
  background-image: url(./img/game/d117g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="123"] .gamesWrap.game4 > .box::before,
[data-ballid="123"] .gamesWrap.game4 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="123"] {
  background-image: url(./img/game/d123g4.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="133"] .gamesWrap.game1 > .box::before,
[data-ballid="133"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="133"] {
  background-image: url(./img/game/d133g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="136"] .gamesWrap.game8 > .box::before,
[data-ballid="136"] .gamesWrap.game8 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="136"] {
  background-image: url(./img/game/d136g8.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="105"] .gamesWrap.game7 > .box::before,
[data-ballid="105"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="105"] {
  background-image: url(./img/game/d105g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="49"] .gamesWrap.game5 > .box::before,
[data-ballid="49"] .gamesWrap.game5 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="49"] {
  background-image: url(./img/game/d49g5.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="63"] .gamesWrap.game9 > .box::before,
[data-ballid="63"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="63"] {
  background-image: url(./img/game/d63g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="92"] .gamesWrap.game1 > .box::before,
[data-ballid="92"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="92"] {
  background-image: url(./img/game/d92g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="53"] .gamesWrap.game6 > .box::before,
[data-ballid="53"] .gamesWrap.game6 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="53"] {
  background-image: url(./img/game/d53g6.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="129"] .gamesWrap.game7 > .box::before,
[data-ballid="129"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="129"] {
  background-image: url(./img/game/d129g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="134"] .gamesWrap.game9 > .box::before,
[data-ballid="134"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="134"] {
  background-image: url(./img/game/d134g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="9"] .gamesWrap.game12 > .box::before,
[data-ballid="9"] .gamesWrap.game12 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="9"] {
  background-image: url(./img/game/d9g12.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="22"] .gamesWrap.game4 > .box::before,
[data-ballid="22"] .gamesWrap.game4 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="22"] {
  background-image: url(./img/game/d22g4.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="27"] .gamesWrap.game5 > .box::before,
[data-ballid="27"] .gamesWrap.game5 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="27"] {
  background-image: url(./img/game/d27g5.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="60"] .gamesWrap.game15 > .box::before,
[data-ballid="60"] .gamesWrap.game15 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="60"] {
  background-image: url(./img/game/d60g15.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="75"] .gamesWrap.game18 > .box::before,
[data-ballid="75"] .gamesWrap.game18 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="75"] {
  background-image: url(./img/game/d75g18.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="80"] .gamesWrap.game21 > .box::before,
[data-ballid="80"] .gamesWrap.game21 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="80"] {
  background-image: url(./img/game/d80g21.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="103"] .gamesWrap.game4 > .box::before,
[data-ballid="103"] .gamesWrap.game4 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="103"] {
  background-image: url(./img/game/d103g4.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="41"] .gamesWrap.game11 > .box::before,
[data-ballid="41"] .gamesWrap.game11 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="41"] {
  background-image: url(./img/game/d41g11.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="58"] .gamesWrap.game16 > .box::before,
[data-ballid="58"] .gamesWrap.game16 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="58"] {
  background-image: url(./img/game/d58g16.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="60"] .gamesWrap.game15 > .box::before,
[data-ballid="60"] .gamesWrap.game15 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="60"] {
  background-image: url(./img/game/d60g15.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="101"] .gamesWrap.game12 > .box::before,
[data-ballid="101"] .gamesWrap.game12 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="101"] {
  background-image: url(./img/game/d101g12.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="100"] .gamesWrap.game20 > .box::before,
[data-ballid="100"] .gamesWrap.game20 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="100"] {
  background-image: url(./img/game/d100g20.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="122"] .gamesWrap.game9 > .box::before,
[data-ballid="122"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="122"] {
  background-image: url(./img/game/d122g6.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="122"] .gamesWrap.game6 > .box::before,
[data-ballid="122"] .gamesWrap.game6 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="122"] {
  background-image: url(./img/game/d122g6.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="106"] .gamesWrap.game1 > .box::before,
[data-ballid="106"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="106"] {
  background-image: url(./img/game/d106g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="128"] .gamesWrap.game20 > .box::before,
[data-ballid="128"] .gamesWrap.game20 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="128"] {
  background-image: url(./img/game/d128g20.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="120"] .gamesWrap.game9 > .box::before,
[data-ballid="120"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="120"] {
  background-image: url(./img/game/d120g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="132"] .gamesWrap.game20 > .box::before,
[data-ballid="132"] .gamesWrap.game20 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="132"] {
  background-image: url(./img/game/d132g20.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="81"] .gamesWrap.game9 > .box::before,
[data-ballid="81"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="81"] {
  background-image: url(./img/game/d81g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="98"] .gamesWrap.game9 > .box::before,
[data-ballid="98"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="98"] {
  background-image: url(./img/game/d98g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="98"] .gamesWrap.game9 > .box::before,
[data-ballid="98"] .gamesWrap.game9 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="98"] {
  background-image: url(./img/game/d98g9.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="130"] .gamesWrap.game7 > .box::before,
[data-ballid="130"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="130"] {
  background-image: url(./img/game/d130g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="135"] .gamesWrap.game1 > .box::before,
[data-ballid="135"] .gamesWrap.game1 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="135"] {
  background-image: url(./img/game/d135g1.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="21"] .gamesWrap.game14 > .box::before,
[data-ballid="21"] .gamesWrap.game14 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="21"] {
  background-image: url(./img/game/d21g14.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="21"] .gamesWrap.game19 > .box::before,
[data-ballid="21"] .gamesWrap.game19 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="21"] {
  background-image: url(./img/game/d21g19.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="21"] .gamesWrap.game21 > .box::before,
[data-ballid="21"] .gamesWrap.game21 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="21"] {
  background-image: url(./img/game/d21g21.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="39"] .gamesWrap.game15 > .box::before,
[data-ballid="39"] .gamesWrap.game15 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="39"] {
  background-image: url(./img/game/d39g15.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="125"] .gamesWrap.game7 > .box::before,
[data-ballid="125"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="125"] {
  background-image: url(./img/game/d125g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="61"] .gamesWrap.game20 > .box::before,
[data-ballid="61"] .gamesWrap.game20 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="61"] {
  background-image: url(./img/game/d61g20.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="85"] .gamesWrap.game16 > .box::before,
[data-ballid="85"] .gamesWrap.game16 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="85"] {
  background-image: url(./img/game/d85g16.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="127"] .gamesWrap.game7 > .box::before,
[data-ballid="127"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="127"] {
  background-image: url(./img/game/d127g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="51"] .gamesWrap.game16 > .box::before,
[data-ballid="51"] .gamesWrap.game16 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="51"] {
  background-image: url(./img/game/d51g16.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="111"] .gamesWrap.game7 > .box::before,
[data-ballid="111"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="111"] {
  background-image: url(./img/game/d111g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList .gameList [data-ballid="127"] .gamesWrap.game7 > .box::before,
[data-ballid="127"] .gamesWrap.game7 > .box::before,
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle[data-ballid="127"] {
  background-image: url(./img/game/d127g7.jpg);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .serviceWrap .allGamesList > .pageContent .gameHallList[data-gamehall=movie] .gameList .gamesWrap > .box::before {
  background-image: url(./img/game/dmovie.jpg);
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #da9514 !important;
}

.nodata img {
  filter: sepia(1) hue-rotate(-8deg) brightness(1) saturate(1.2) !important;
}

body > .container > .contentWrap-left > .mainContent .featureWrap > .pagetitle {
  background: #00000099;
  margin: auto !important;
  text-align: center;
  padding: 1.5rem 3rem 1rem;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pagetitle::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 {
  background: rgba(11, 5, 3, 0.568627451);
  padding: 0 3rem;
  width: calc(100% - 6rem);
  padding-bottom: 4rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap {
  width: 250px;
  border-right: 1px solid #f1ece6;
  padding: 2rem 2rem 2rem 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 3rem;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li a {
  color: inherit;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li:hover {
  background: transparent;
  color: #ffa44b;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transition: ease-out 0.2s;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li:first-child:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li.active {
  background: transparent;
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li .fontIcon svg {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint {
  padding: 0.25rem 1rem !important;
  background: linear-gradient(180deg, #957047, #381c12) !important;
  border-radius: 3px;
  box-shadow: inset 0px 0px 5px #ffa44b !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js {
  padding: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p {
  background: #00000099;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div {
  padding: 0 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight {
  width: calc(100% - 250px - 3rem);
  padding: 2rem 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content {
  background: transparent;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .font-size-large {
  letter-spacing: 0.05rem;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #f1ece6;
  padding-bottom: 1rem;
  color: #ffd091 !important;
  text-shadow: 0.1rem 0.18rem 2px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper select {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper select[disabled=disabled] {
  color: #ffffff80;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .input-error-field {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  width: auto;
  min-width: 7rem;
  margin: 0 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button.btn-red {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button.btn-red:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button#_personal-save-js {
  margin-top: 3rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper span.badge {
  background: #dd2222 !important;
  font-weight: 400 !important;
  border-radius: 3px;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .idCardWrap {
  background: #ffffff1a;
  border: 0;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .idCardWrap .fingerprint img {
  filter: sepia(1) hue-rotate(-8deg) brightness(1) saturate(1.2);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .text-green-light {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .font-size-xx-regular {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper hr {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .cashType-js .toggleCheck-js span,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .cashType-js .toggleCheck-js span,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .cashType-js .toggleCheck-js span {
  background: #715735;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js {
  width: 80%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn {
  margin-left: -1px;
  position: absolute;
  top: 0px;
  height: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button {
  height: 100%;
  padding: 0rem !important;
  margin: 0 !important;
  border-radius: 0;
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled] {
  opacity: 0.4;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .limitCheck-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 12px !important;
  font-weight: 400 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .limitCheck-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th {
  border-bottom: 1px solid #ffffff1a;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td {
  border-top: 1px solid #ffffff1a;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form input {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark {
  background: transparent;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .pointCard {
  border: 1px solid #ffedca4f;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light {
  background: #ffedca4f;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: auto;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .changeTargetBtn .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: auto;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 40%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.transfer-out-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 40%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input {
  background: #ffffff1a !important;
  color: #dd2222 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 400 !important;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn.clearDate-js {
  background: #f1ece6 !important;
  box-shadow: none !important;
  text-shadow: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .btn.submit-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 30%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .btn.submit-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history select {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .tableTitle {
  background: #ffffff1a;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-green-light {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-red {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-amber {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .responseTable table tbody tr th {
  border-bottom: 1px solid #f1ece6;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight #_select-page-js {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #bankAccountList-js table {
  background: #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #bankAccountList-js table tr th {
  border-bottom: 1px solid #f1ece6;
  color: #ffa44b;
}

#_cache-page-wrap-js .dataTableWrap {
  width: 92%;
  margin: auto;
}
#_cache-page-wrap-js .dataTableWrap .gird-12.p-3.bg-green-dark.align-items-center.d-inline-flex.borderBox {
  background: #ffffff1a;
}
#_cache-page-wrap-js .dataTableWrap .text-green-light {
  color: #ffa44b;
}
#_cache-page-wrap-js .dataTableWrap .overflowTable table thead tr th {
  border-bottom: 1px solid #f1ece6;
  color: #ffffff;
}
#_cache-page-wrap-js .dataTableWrap .overflowTable table tbody .text-purple {
  color: #dd2222;
}
#_cache-page-wrap-js .dataTableWrap .overflowTable table tbody tr th {
  border-bottom: 1px solid #f1ece6;
  color: #ffffff;
}
#_cache-page-wrap-js .dataTableWrap .overflowTable table tfoot tr td {
  border-top: 1px solid #ffffff1a;
  color: #ffffff;
}

#report-data-js.dataTableWrap {
  width: 92%;
  margin: auto;
}
#report-data-js.dataTableWrap .text-green-light {
  color: #ffa44b;
}
#report-data-js.dataTableWrap table thead tr th {
  border-bottom: 1px solid #ffffff1a;
  color: #ffffff;
}
#report-data-js.dataTableWrap table tbody .text-purple {
  color: #dd2222;
}
#report-data-js.dataTableWrap table tbody tr th {
  border-bottom: 1px solid #ffffff1a;
  color: #ffffff;
}
#report-data-js.dataTableWrap table tfoot tr td {
  border-top: 1px solid #ffffff1a;
  color: #ffffff;
}

.lightbox-js .uploadPic .inputstyle + label,
.vip_menu_modal .uploadPic .inputstyle + label,
.modal .uploadPic .inputstyle + label {
  border: 0;
  background: #ffffff1a;
  color: #ffffff;
}
.lightbox-js .modal-dialog,
.vip_menu_modal .modal-dialog,
.modal .modal-dialog {
  z-index: 99;
  max-width: 800px;
}
.lightbox-js .modal-dialog .modal-content,
.vip_menu_modal .modal-dialog .modal-content,
.modal .modal-dialog .modal-content {
  background: rgba(21, 7, 1, 0.8588235294);
  border: 0;
  box-shadow: 0 0 6px #c67a30, inset 0 0 2px 1px #bc7531, inset 0 0 6px 2px #320c0c;
}
.lightbox-js .modal-dialog .modal-content .modal-header,
.lightbox-js .modal-dialog .modal-content .modal-body,
.lightbox-js .modal-dialog .modal-content .modal-footer,
.vip_menu_modal .modal-dialog .modal-content .modal-header,
.vip_menu_modal .modal-dialog .modal-content .modal-body,
.vip_menu_modal .modal-dialog .modal-content .modal-footer,
.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-footer {
  padding: 2rem 2rem;
}
.lightbox-js .modal-dialog .modal-content .modal-header svg,
.vip_menu_modal .modal-dialog .modal-content .modal-header svg,
.modal .modal-dialog .modal-content .modal-header svg {
  font-size: 1.9em;
  color: #ffffff;
  stroke: #ffffff;
  stroke-width: 25px;
}
.lightbox-js .modal-dialog .modal-content .modal-header h3.ml-3.modal-title.text-muted,
.vip_menu_modal .modal-dialog .modal-content .modal-header h3.ml-3.modal-title.text-muted,
.modal .modal-dialog .modal-content .modal-header h3.ml-3.modal-title.text-muted {
  color: #ffffff;
  font-size: 1.2rem;
}
.lightbox-js .modal-dialog .modal-content .modal-body,
.vip_menu_modal .modal-dialog .modal-content .modal-body,
.modal .modal-dialog .modal-content .modal-body {
  background: #ffffff1a;
  padding: 2rem 2rem;
  margin: 0 2rem;
  width: calc(100% - 4rem - 4rem);
  margin-bottom: 2rem;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit .bg-green-light,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit .bg-green-light,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit .bg-green-light {
  background: transparent;
  border: 1px solid #ffffff1a;
  color: #ffa44b;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit table,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit table,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit table {
  color: #ffffff;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr {
  background: #ffffff1a;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr th,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr th,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit table thead tr th {
  color: #ffffff;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr {
  border-bottom: 1px solid #ffffff1a;
}
.lightbox-js .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr td,
.vip_menu_modal .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr td,
.modal .modal-dialog .modal-content .modal-body .withdrawLimit table tbody tr td {
  padding: 1rem 0;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .font-size-xx-regular,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .font-size-xx-regular,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .font-size-xx-regular {
  color: #ffffff;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .text-green-middle,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .text-green-middle,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .text-green-middle {
  color: #999;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  border-radius: 3px;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js:hover,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.determine-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  border-radius: 3px;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js:hover,
.modal .modal-dialog .modal-content .modal-body #_buy-form-js .btn.lightbox-close-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.lightbox-js .modal-dialog .modal-content .modal-body .form-group input,
.vip_menu_modal .modal-dialog .modal-content .modal-body .form-group input,
.modal .modal-dialog .modal-content .modal-body .form-group input {
  background: #ffffff1a;
  border: 0;
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox,
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox,
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox {
  width: 100%;
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1), .lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1), .lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1) {
  transform: scaleY(0.54) scaleX(0.6) translateX(-10%);
  -webkit-transform: scaleY(0.54) scaleX(0.6) translateX(-10%);
  -moz-transform: scaleY(0.54) scaleX(0.6) translateX(-10%);
  -o-transform: scaleY(0.54) scaleX(0.6) translateX(-10%);
  -ms-transform: scaleY(0.54) scaleX(0.6) translateX(-10%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1) img, .lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1) img, .lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1) img,
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1) img,
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1) img,
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1) img,
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1) img,
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1) img,
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1) img {
  display: none;
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(1) td:nth-child(1) {
  background-image: url(./img/icon_first.png);
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(2) td:nth-child(1) {
  background-image: url(./img/icon_second.png);
}
.lightbox-js .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1),
.vip_menu_modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1),
.modal .modal-dialog .modal-content .modal-body.homeRankContent .rankGroup .rankBox table tbody tr:nth-child(3) td:nth-child(1) {
  background-image: url(./img/icon_third.png);
}
.lightbox-js .modal-dialog .modal-content .modal-body .fontIcon,
.vip_menu_modal .modal-dialog .modal-content .modal-body .fontIcon,
.modal .modal-dialog .modal-content .modal-body .fontIcon {
  color: #ffffff;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center {
  width: 90%;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center p,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center p,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gird-9.m-auto.text-center p {
  color: #ffffff;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 3px;
  padding: 0.25rem 0.5rem !important;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame:hover,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoGame:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 3px;
  padding: 0.25rem 0.5rem !important;
}
.lightbox-js .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch:hover,
.modal .modal-dialog .modal-content .modal-body #_game-switch-js .gotoSwitch:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.lightbox-js .modal-dialog .modal-content .modal-footer,
.vip_menu_modal .modal-dialog .modal-content .modal-footer,
.modal .modal-dialog .modal-content .modal-footer {
  margin-bottom: 2rem;
  padding-top: 0;
}
.lightbox-js .modal-dialog .modal-content .modal-footer button.lightbox-close-js,
.lightbox-js .modal-dialog .modal-content .modal-footer .lightbox-close-js,
.vip_menu_modal .modal-dialog .modal-content .modal-footer button.lightbox-close-js,
.vip_menu_modal .modal-dialog .modal-content .modal-footer .lightbox-close-js,
.modal .modal-dialog .modal-content .modal-footer button.lightbox-close-js,
.modal .modal-dialog .modal-content .modal-footer .lightbox-close-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
.lightbox-js .modal-dialog .modal-content .modal-footer button.lightbox-close-js:hover,
.lightbox-js .modal-dialog .modal-content .modal-footer .lightbox-close-js:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-footer button.lightbox-close-js:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-footer .lightbox-close-js:hover,
.modal .modal-dialog .modal-content .modal-footer button.lightbox-close-js:hover,
.modal .modal-dialog .modal-content .modal-footer .lightbox-close-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.lightbox-js .modal-dialog .modal-content .modal-footer .addDepositSubmit-js,
.vip_menu_modal .modal-dialog .modal-content .modal-footer .addDepositSubmit-js,
.modal .modal-dialog .modal-content .modal-footer .addDepositSubmit-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
.lightbox-js .modal-dialog .modal-content .modal-footer .addDepositSubmit-js:hover,
.vip_menu_modal .modal-dialog .modal-content .modal-footer .addDepositSubmit-js:hover,
.modal .modal-dialog .modal-content .modal-footer .addDepositSubmit-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.popAnnModalWrap-js .modal-dialog {
  max-width: 800px;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item {
  width: 700px !important;
  padding: 50px;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-header {
  padding: 2rem 2rem 1rem;
  background: transparent;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-header .modal-title {
  color: #ffffff;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-body p {
  font-weight: 300;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-body .unreset .fullHeight .pageContent form .valignWrapper .pageRight {
  width: 100%;
  padding-right: 0 !important;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-body .unreset .fullHeight .pageContent form .valignWrapper .pageRight .content {
  padding: 0;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-body .unreset .fullHeight .pageContent form .valignWrapper .pageRight .content .responseTable .borderBox.bg-content {
  padding: 0 !important;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-body .unreset .fullHeight .pageContent form#_announce-form-js .pageRight .content.announce {
  padding-left: 0rem;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-footer .btn.lastBtn-js,
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-footer .btn.nextBtn-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 3px;
}
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-footer .btn.lastBtn-js:hover,
.popAnnModalWrap-js .modal-dialog .owl-carousel-bulletin .owl-stage-outer .owl-stage .owl-item .item .modal-content .modal-footer .btn.nextBtn-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

#_lightbox-promote-js {
  z-index: 999;
}
#_lightbox-promote-js .promoteLightbox {
  margin-top: 7rem !important;
  height: calc(90% - 4rem);
}
#_lightbox-promote-js .promoteLightbox .modal-content {
  height: 100%;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header {
  padding: 0;
  width: 100%;
  background: transparent !important;
  position: relative;
  height: 200px;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header .borderBox {
  background: #ffffff1a !important;
  width: 55%;
  padding: 1rem 2rem 1rem 2rem !important;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header h2.font-size-large.text-white.mb-3 {
  font-size: 22px !important;
  width: 100%;
  font-weight: 500;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  color: #ffedca;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header h2.font-size-large.text-white.mb-3::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background: linear-gradient(90deg, #ffedca, transparent);
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header h6.font-size-x-regular.text-white {
  color: #ffffff99;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header .fontIcon {
  background: transparent;
  color: #ffffff;
  width: 30px;
  height: 30px;
  right: 2rem;
  top: 16px;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header .fontIcon svg {
  font-size: 1.9em;
  color: #ffffff;
  stroke: #ffffff;
  stroke-width: 25px;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header .mainPic {
  position: relative;
  overflow: hidden;
  background: #ffffff1a !important;
  width: calc(45% - 3px);
  height: calc(100% - 3px);
  margin-left: 3px;
  margin-top: 3px;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-header .mainPic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none !important;
  max-height: none !important;
}
#_lightbox-promote-js .promoteLightbox .modal-content .modal-body {
  margin: 0 0rem;
  margin-bottom: 2rem;
  width: calc(100% - 4rem);
  background: transparent !important;
  color: #ffffff;
  padding: 1rem 2rem;
  height: 100%;
}

#_mailboxWrap-js .pageTabsWrap,
form#_announce-form-js .pageTabsWrap {
  width: 180px;
}
#_mailboxWrap-js .pageTabsWrap li,
form#_announce-form-js .pageTabsWrap li {
  margin-bottom: 2.5rem;
  position: relative;
  display: block;
}
#_mailboxWrap-js .pageTabsWrap li.active::after, #_mailboxWrap-js .pageTabsWrap li:hover::after,
form#_announce-form-js .pageTabsWrap li.active::after,
form#_announce-form-js .pageTabsWrap li:hover::after {
  display: block;
}
#_mailboxWrap-js .pageTabsWrap li:hover,
form#_announce-form-js .pageTabsWrap li:hover {
  color: #ffffff !important;
}
#_mailboxWrap-js .pageRight select,
form#_announce-form-js .pageRight select {
  background: #ffffff1a;
  border: 0;
  border-radius: 3px;
}
#_mailboxWrap-js .pageRight button.readMail-js,
form#_announce-form-js .pageRight button.readMail-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
#_mailboxWrap-js .pageRight button.readMail-js:hover,
form#_announce-form-js .pageRight button.readMail-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
#_mailboxWrap-js .pageRight .textDate,
form#_announce-form-js .pageRight .textDate {
  color: #ffffff;
  font-size: 13px;
}
#_mailboxWrap-js .pageRight .textDate small:first-child,
form#_announce-form-js .pageRight .textDate small:first-child {
  margin-right: 0.5rem;
}
#_mailboxWrap-js .pageRight .listWrap-js .list-group-item,
form#_announce-form-js .pageRight .listWrap-js .list-group-item {
  color: #ffffff;
  background: #ffffff1a;
}
#_mailboxWrap-js .pageRight .listWrap-js .list-group-item.unread,
form#_announce-form-js .pageRight .listWrap-js .list-group-item.unread {
  background: #ffffff1a;
}
#_mailboxWrap-js .pageRight .listWrap-js .bg-green-light,
form#_announce-form-js .pageRight .listWrap-js .bg-green-light {
  background: #ffa44b;
  text-shadow: 0 0 7px #000000;
}
#_mailboxWrap-js .pageRight .listWrap-js .bg-blue-light,
form#_announce-form-js .pageRight .listWrap-js .bg-blue-light {
  background: #bcb205;
}
#_mailboxWrap-js .pageRight .listWrap-js .bg-purple,
form#_announce-form-js .pageRight .listWrap-js .bg-purple {
  background: #dd2222;
}
#_mailboxWrap-js .pageRight .listWrap-js .btn.getContent-js,
form#_announce-form-js .pageRight .listWrap-js .btn.getContent-js {
  color: #ffffff;
  border: 0;
  position: relative;
  padding: 0.25rem 0.6rem;
  background: transparent;
  margin-left: 1rem !important;
  background: linear-gradient(180deg, #957047, #381c12) !important;
  border-radius: 3px;
  box-shadow: inset 0px 0px 5px #ffa44b !important;
}
#_mailboxWrap-js .pageRight .listWrap-js .btn.getContent-js:hover,
form#_announce-form-js .pageRight .listWrap-js .btn.getContent-js:hover {
  transition: ease-out 0.2s;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
#_mailboxWrap-js .pageRight .goback-js,
form#_announce-form-js .pageRight .goback-js {
  color: #ffffff;
}
#_mailboxWrap-js .pageRight .tableTitle,
form#_announce-form-js .pageRight .tableTitle {
  background: #ffffff1a;
}
#_mailboxWrap-js .pageRight .tableTitle .flex-10.textContent,
form#_announce-form-js .pageRight .tableTitle .flex-10.textContent {
  color: #ffa44b;
}
#_mailboxWrap-js .pageRight .responseTable,
form#_announce-form-js .pageRight .responseTable {
  background: #ffffff1a;
}
#_mailboxWrap-js .pageRight .responseTable .bg-content,
form#_announce-form-js .pageRight .responseTable .bg-content {
  background: transparent;
}
#_mailboxWrap-js .pageRight .content.mailbox .dataTableWrap.dataTableWrap-js,
form#_announce-form-js .pageRight .content.mailbox .dataTableWrap.dataTableWrap-js {
  color: #ffffff;
}
#_mailboxWrap-js .pageRight .content.announce,
form#_announce-form-js .pageRight .content.announce {
  padding-left: 3rem;
}
#_mailboxWrap-js .pageRight .content.announce .dataTableWrap .tableTitle,
form#_announce-form-js .pageRight .content.announce .dataTableWrap .tableTitle {
  border-bottom: 1px solid #f1ece6;
}

form#_announce-form-js {
  max-width: 1400px;
  margin: auto !important;
  margin-bottom: 5% !important;
  display: block;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pagetitle {
  background: #00000099;
  margin: auto !important;
  text-align: center;
  margin-bottom: 0rem !important;
  padding: 1.5rem 3rem 1rem;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pagetitle::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list {
  background: rgba(11, 5, 3, 0.568627451);
  padding: 0 3rem;
  width: calc(100% - 6rem);
  padding-bottom: 4rem;
  padding-top: 4rem;
  margin-bottom: 8% !important;
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap {
  width: 250px !important;
  border-right: 1px solid #f1ece6;
  padding: 2rem 2rem 2rem 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 3rem;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li a,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li a {
  color: inherit;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li:hover {
  background: transparent;
  color: #ffa44b;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: ease-out 0.2s;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li:first-child:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li:first-child:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li.active,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li.active {
  background: transparent;
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li .fontIcon svg,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li .fontIcon svg {
  transform: scaleY(0.9);
  -webkit-transform: scaleY(0.9);
  -moz-transform: scaleY(0.9);
  -o-transform: scaleY(0.9);
  -ms-transform: scaleY(0.9);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint {
  background: #ffa44b;
  padding: 0.25rem 1rem !important;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint span,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint a,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint .getAmount-js {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint .reloadBtn-js {
  padding: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div.totalPoint .icon-p {
  background: #00000099;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 > .pageTabsWrap > .pageTab > li div,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list > .pageTabsWrap > .pageTab > li div {
  padding: 0 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight {
  width: calc(100% - 250px - 3rem) !important;
  padding: 2rem 0;
  float: left;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content {
  background: transparent;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .text-green-light {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .font-size-large {
  letter-spacing: 0.05rem;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #f1ece6;
  padding-bottom: 1rem;
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper select,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper input,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper select {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper select[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper input[disabled=disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper select[disabled=disabled] {
  color: #ffffff80;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .input-error-field,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .input-error-field {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper button {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  width: auto;
  min-width: 7rem;
  margin: 0 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper button:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button.btn-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper button.btn-red {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button.btn-red:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper button.btn-red:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper button#_personal-save-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper button#_personal-save-js {
  margin-top: 3rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper span.badge,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper span.badge {
  background: #dd2222 !important;
  font-weight: 400 !important;
  border-radius: 3px;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .idCardWrap {
  background: #ffffff1a;
  border: 0;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .idCardWrap .fingerprint img,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .idCardWrap .fingerprint img {
  filter: sepia(1) hue-rotate(-8deg) brightness(1) saturate(1.2);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .text-green-light {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .font-size-xx-regular,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .font-size-xx-regular {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper hr,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper hr {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js {
  width: 80%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn {
  margin-left: -1px;
  position: absolute;
  top: 0px;
  height: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button {
  height: 100%;
  padding: 0rem !important;
  margin: 0 !important;
  border-radius: 0;
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled],
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .form-group.fieldRoot-js.depositAmount.isNeedAmount-js .input-group-append-right.template17Btn button[disabled] {
  opacity: 0.4;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .limitCheck-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .limitCheck-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 12px !important;
  font-weight: 400 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .valignWrapper .step-js .limitCheck-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .valignWrapper .step-js .limitCheck-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .dataTableWrap.grid-12.overflowTable {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .dataTableWrap.grid-12.overflowTable .text-green-light {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .dataTableWrap.grid-12.overflowTable table thead tr th {
  border-bottom: 1px solid #ffffff1a;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .dataTableWrap.grid-12.overflowTable table tbody .text-purple {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content .dataTableWrap.grid-12.overflowTable table tfoot tr td {
  border-top: 1px solid #ffffff1a;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall {
  width: 92%;
  margin: auto 4%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .font-size-large.text-green-light.font-weight-bold.mr-3,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .font-size-large.text-green-light.font-weight-bold.mr-3,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .font-size-large.text-green-light.font-weight-bold.mr-3,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .font-size-large.text-green-light.font-weight-bold.mr-3,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .font-size-large.text-green-light.font-weight-bold.mr-3 {
  letter-spacing: 0.05rem;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .feedBackTime-js .time,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .feedBackTime-js .time,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .feedBackTime-js .time,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .feedBackTime-js .time,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between .feedBackTime-js .time {
  text-align: center;
  margin-bottom: 0;
  letter-spacing: 0.05rem;
  font-size: 14 !important;
  font-weight: 400 !important;
  background: linear-gradient(90deg, #d6491d80, #da951480) !important;
  border: 0px;
  color: #ffffff;
  padding: 0.3rem 1rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between #catalogNameInfo .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between #catalogNameInfo .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between #catalogNameInfo .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between #catalogNameInfo .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between #catalogNameInfo .text-green-light {
  color: #dd2222;
  font-weight: 500 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between select,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between select,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .d-inline-flex.gird-12.mt-2.mb-4.align-items-center.justify-content-between select {
  background: #71573599;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .list-group.list-group-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .list-group.list-group-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .list-group.list-group-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .list-group.list-group-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .list-group.list-group-js {
  margin-top: 2rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item {
  height: 400px;
  margin-bottom: 2.6rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg {
  background: #71573599;
  padding: 0rem 0rem 0rem;
  width: calc(100% - 0rem);
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .featured-img,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .featured-img,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .featured-img,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .featured-img,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .featured-img {
  width: 100%;
  padding-top: 100%;
  height: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .product-item-content .name,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .product-item-content .name,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .product-item-content .name,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .product-item-content .name,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.mall .borderBox .list-group.list-group-js .list-group-item .list-group-item-bg .product-item-content .name {
  font-size: 1.15rem;
  font-weight: 400;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .breadcrumb a,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .breadcrumb a,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .breadcrumb a,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .breadcrumb a,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .breadcrumb a {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight {
  background: #71573599;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowLeft:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .productCarouselWrap .arrowRight:hover {
  background: #ffa44baa;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .bg-green-light {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail form#_goods-list-js .bg-green-light:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail form#_goods-list-js .bg-green-light:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail form#_goods-list-js .bg-green-light:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail form#_goods-list-js .bg-green-light:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail form#_goods-list-js .bg-green-light:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail .infoWrap .productName.name-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail .infoWrap .productName.name-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail .infoWrap .productName.name-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail .infoWrap .productName.name-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail .infoWrap .productName.name-js {
  letter-spacing: 0.05rem;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail .infoWrap label.dailyLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail .infoWrap label.dailyLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail .infoWrap label.dailyLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail .infoWrap label.dailyLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail .infoWrap label.dailyLogin-js {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  margin-right: 1rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.goodDetail .infoWrap .btn.gameLogin-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content#_recordWrap-js .bindId .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content#_recordWrap-js .bindId .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content#_recordWrap-js .bindId .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content#_recordWrap-js .bindId .idCardWrap,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content#_recordWrap-js .bindId .idCardWrap {
  border: 0;
  background: #ffffff1a;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content#_recordWrap-js .bindId .idCardWrap h3.mb-2.font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content#_recordWrap-js .bindId .idCardWrap h3.mb-2.font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content#_recordWrap-js .bindId .idCardWrap h3.mb-2.font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content#_recordWrap-js .bindId .idCardWrap h3.mb-2.font-size-large,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content#_recordWrap-js .bindId .idCardWrap h3.mb-2.font-size-large {
  color: #ffa44b;
  letter-spacing: 0.05rem;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  border-bottom: 1px solid #f1ece6;
  padding-bottom: 1rem;
  color: #ffffff;
  text-shadow: 0.1rem 0.18rem 2px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.record-control-js button#addDeposit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.record-control-js button#addDeposit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.record-control-js button#addDeposit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.record-control-js button#addDeposit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.record-control-js button#addDeposit-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.record-control-js button#addDeposit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.record-control-js button#addDeposit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.record-control-js button#addDeposit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.record-control-js button#addDeposit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.record-control-js button#addDeposit-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.plan-control-js .overflowTable button,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.plan-control-js .overflowTable .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.plan-control-js .overflowTable button,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.plan-control-js .overflowTable .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.plan-control-js .overflowTable button,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.plan-control-js .overflowTable .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.plan-control-js .overflowTable button,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.plan-control-js .overflowTable .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.plan-control-js .overflowTable button,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.plan-control-js .overflowTable .btn {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.plan-control-js .overflowTable button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.plan-control-js .overflowTable .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.plan-control-js .overflowTable button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.plan-control-js .overflowTable .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.plan-control-js .overflowTable button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.plan-control-js .overflowTable .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.plan-control-js .overflowTable button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.plan-control-js .overflowTable .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.plan-control-js .overflowTable button:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.plan-control-js .overflowTable .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form#_form-bindVirtualWallet-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form#_form-bindVirtualWallet-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form#_form-bindVirtualWallet-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form#_form-bindVirtualWallet-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form#_form-bindVirtualWallet-js {
  width: auto;
  margin: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form select,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form select,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form input,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form select {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .gamesList.bg-blue-dark {
  background: transparent;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .pointCard,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .gamesList.bg-blue-dark .pointCard {
  border: 1px solid #ffedca4f;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .gamesList.bg-blue-dark .pointCard .bg-green-light {
  background: #ffedca4f;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: auto;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .gamesList.bg-blue-dark .getAllAmount-js .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .changeTargetBtn .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .changeTargetBtn .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: auto;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .changeTargetBtn .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .switchHall-js.btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.withdrawal-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 40%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .switchHall-js.btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.withdrawal-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.virtualWithdrawal-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.transfer-out-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.transfer-out-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 40%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .btn.transfer-out-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .content > .valignWrapper .virtualWallet-js .form-group > input {
  background: #ffffff1a !important;
  color: #dd2222 !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form #quickDate-js .btn {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 400 !important;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form #quickDate-js .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form #quickDate-js .btn.clearDate-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form #quickDate-js .btn.clearDate-js {
  background: #f1ece611 !important;
  box-shadow: none !important;
  text-shadow: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .btn.submit-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .btn.submit-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: 30%;
  min-width: 7rem;
  margin: 0 0.5rem;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight form .btn.submit-js:hover,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight form .btn.submit-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history {
  width: 92%;
  margin: auto;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history select,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history select {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .tableTitle,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history .dataTableWrap .tableTitle {
  background: #ffffff1a;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-green-light,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history .dataTableWrap .text-green-light {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-red,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history .dataTableWrap .text-red {
  color: #dd2222;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .text-amber,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history .dataTableWrap .text-amber {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight .content.history .dataTableWrap .responseTable table tbody tr th,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight .content.history .dataTableWrap .responseTable table tbody tr th {
  border-bottom: 1px solid #ffffff1a;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_resetPwdWrap-js .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .finance .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 .pageRight #_select-page-js,
body > .container > .contentWrap-left > .mainContent .featureWrap .shop-list .pageRight #_select-page-js {
  background: #ffffff1a;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_form-auth-js .identityCardPic-js {
  background: #ffffff1a;
  font-weight: 500;
  border: 0;
  color: #ffffff;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_form-auth-js .identityCardPic-js .file-name-js {
  color: #bcb205;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #bankAccountList-js table {
  background: #ffffff1a;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #bankAccountList-js table tr th {
  border-bottom: 1px solid #f1ece6;
  color: #ffa44b;
}

#ui-datepicker-div {
  z-index: 10 !important;
}

body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent {
  padding: 0;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js {
  background: rgba(11, 5, 3, 0.568627451);
  padding-top: 1rem;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  margin-bottom: 10%;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js {
  float: none;
  display: flex;
  flex-wrap: wrap;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js {
  border: 0px;
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  padding: 0.5rem 1rem !important;
  width: calc(25% - 2rem);
  margin: 0 0.5rem;
  margin-bottom: 1.5rem;
  opacity: 1;
  background: transparent !important;
  box-shadow: none !important;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js:hover {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  padding: 0.5rem 1rem !important;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js:hover:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js.active {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5rem 1rem !important;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-types-js > .group-js.active:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js {
  background: #71573555;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js .mainPic {
  width: 40%;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js .mainPic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none !important;
  max-height: none !important;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js > div {
  background: transparent;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js .gotoItem-js {
  color: #ffd091;
  position: relative;
  padding-bottom: 1rem;
  text-shadow: 0 0 7px #000000;
  font-weight: 500;
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js .gotoItem-js::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background: linear-gradient(90deg, #ffedca, transparent);
}
body > .container > .contentWrap-left > .mainContent .fullHeight > .pageContent #promoteWrap-js .pageRight > .content > .gird-12.d-block .promote-list-js .promoteCard.open-promote-js .text-muted {
  color: #ffffff;
}

body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js {
  background: rgba(11, 5, 3, 0.568627451);
  padding: 3rem 3rem;
  margin-bottom: 10% !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs {
  display: flex;
  align-items: stretch;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js {
  border: 0px;
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  padding: 0.5rem 1rem !important;
  width: calc(25% - 2rem);
  margin: 0 0.5rem;
  margin-bottom: 1.5rem;
  opacity: 1;
  background: transparent !important;
  box-shadow: none !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js:hover {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  padding: 0.5rem 1rem !important;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js:hover:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js.active {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.5rem 1rem !important;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .topTabs > .page-js.active:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js div#data-content-js .open-faq-js {
  font-size: 16px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .collapsible-body p {
  font-size: 16px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap #_faqWrap-js .collapsible-body p a {
  color: #ffa44b;
}

body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech {
  background: rgba(11, 5, 3, 0.568627451);
  padding-top: 1rem;
  width: 100%;
  margin-bottom: 10%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .valignWrapper {
  color: #ffffff;
  font-size: 16px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .valignWrapper p {
  font-size: 16px;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .valignWrapper h2.text-purple {
  padding-top: 2rem;
  padding-bottom: 1rem;
  color: #ffffff;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .valignWrapper h2.text-purple::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .valignWrapper h2.text-purple::after {
  width: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .bottomPic {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js > .gird-12.left.mb-3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js > .gird-12.left.mb-3 > .gird-4.left {
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding-top: 100%;
  position: relative;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle a.hover {
  background: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle a.hover .img-responsive {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle a.hover .overlay {
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle a.hover .overlay:hover {
  transition: 0.3s;
  background: #19130f88;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .pageContent .left.valignWrapper.d-inline-flex.align-items-strech .pageRight > .content.about .about-games-js .gameCircle a.hover .overlay .goBtn {
  text-shadow: 2px 2px 2px #19130f;
  font-weight: 500;
  padding: 0.3rem 1rem;
}

body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules {
  background: rgba(11, 5, 3, 0.568627451);
  padding-top: 1rem;
  padding-bottom: 4rem;
  margin: auto;
  float: none;
  margin-bottom: 10% !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .valignWrapper {
  color: #ffffff;
  font-size: 16px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .valignWrapper p {
  font-size: 16px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .valignWrapper h2.text-purple {
  padding-top: 2rem;
  padding-bottom: 1rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .valignWrapper h2.text-purple::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .valignWrapper h2.text-purple::after {
  width: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .valignWrapper.rules .pageRight > .content .bottomPic {
  display: none;
}

body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap {
  background: rgba(11, 5, 3, 0.568627451);
  padding: 4rem 4%;
  width: 92%;
  padding-top: 1rem;
  max-width: calc(1400px - 8%);
  margin-bottom: 8% !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .pagetitle {
  border-bottom: 1px solid #f1ece6;
  color: #dd2222;
  text-align: center;
  color: #ffffff;
  padding: 1rem 0;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .pagetitle::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg {
  margin-top: 3rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.instagram,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.facebook,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  font-weight: 500;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.instagram a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.facebook a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a {
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.instagram a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.facebook a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a span {
  filter: drop-shadow(0px 0px 1px #000000) drop-shadow(0px 0px 0px #000000) drop-shadow(0px 0px 8px #ffa44b);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a {
  color: #ffffff;
  display: block;
  position: relative;
  padding-left: 1.8rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a span,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 1.3rem;
  height: 1.3rem;
  display: block;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a span::after,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a span::after,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a span::after,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a span svg,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a span svg,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a span svg,
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a span svg {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.Telegram a span::after {
  background-image: url(./img/icon_telegram.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.whatsapp a span::after {
  background-image: url(./img/icon_whatsapp.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.youtube a span::after {
  background-image: url(./img/icon_youtube.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.line a span::after {
  background-image: url(./img/icon_line.svg);
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.mt-2 .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  width: auto;
  min-width: 7rem;
  margin: 0 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap > .socialMediaWrap .socialMediaBg .mediaBox.mt-2 .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content {
  padding: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent {
  position: relative;
  width: 100%;
  background: rgba(11, 5, 3, 0.568627451);
  margin-bottom: 10%;
  padding: 0% 0 5%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) {
  margin-bottom: 0rem !important;
  padding: 2.5rem 2% 0;
  width: 96%;
  align-items: flex-end !important;
  max-width: calc(1400px - 4%);
  margin: auto;
  border-bottom: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(1) {
  display: flex !important;
  flex-direction: row !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(1) .font-size-large {
  letter-spacing: 0.05rem;
  font-size: 2rem !important;
  font-weight: 500 !important;
  padding-left: 1rem;
  line-height: initial !important;
  font-size: 3.2rem !important;
  letter-spacing: 0.35rem;
  text-shadow: 0.1rem 0.18rem 2px #000000;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(1) a[href="/rank"] {
  position: relative;
  z-index: 0;
  background: transparent;
  color: #ffd091;
  font-size: 1.1rem;
  font-weight: 500;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  margin-top: 1rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) {
  margin-bottom: 0.8rem;
  margin-right: 3rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab {
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  border-radius: 3px;
  padding: 0rem !important;
  background: #37140655;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab a {
  padding: 0;
  min-width: 6rem;
  text-align: center;
  color: #bb9e6b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab:hover {
  text-shadow: 0.1rem 0.18rem 2px #000000;
  background: transparent;
  border: 2px solid #ffd091;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  padding: 0rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab:hover a {
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab.active {
  text-shadow: 0.1rem 0.18rem 2px #000000;
  background: transparent;
  border: 2px solid #ffd091;
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  padding: 0rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > div:nth-child(1) > div:nth-child(2) .tabList .tab.active a {
  color: #ffd091;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js {
  width: 96%;
  padding: 3.5rem 2% 6rem;
  position: relative;
  max-width: calc(1400px - 4%);
  margin: auto !important;
  float: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup {
  background: none !important;
  margin-right: 1.5rem;
  width: calc((100% - 4.5rem) / 4);
  border-radius: 3px;
  background: rgba(125, 114, 106, 0.8) !important;
  min-height: 555px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup:last-child {
  margin-right: 0rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox {
  width: calc(92% - 2rem);
  height: 82%;
  margin: 4% auto;
  border: 1px solid #ffedca;
  padding: 2rem 1rem 2rem;
  min-height: 445px;
  position: relative;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox::after {
  content: "";
  display: block;
  position: absolute;
  top: -2.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 93px;
  height: 70px;
  background-image: url(./img/treasure-chest.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankTitle {
  letter-spacing: 0.05rem;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  text-shadow: 0 0 7px #000000;
  background: transparent;
  bottom: 0;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankTitle > div {
  width: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankTitle > div span.mt-2.font-size-regular {
  text-shadow: none;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 300 !important;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .userRank {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js {
  background: transparent;
  padding-left: 0.5rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table {
  width: 98%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr {
  border-bottom: 1px solid #ffedca36;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:last-child {
  border-bottom: 0px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td {
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  padding: 0.4rem 0.08rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td:nth-child(1) {
  padding-left: 0.4rem;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td small {
  margin-right: 0.5rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr td .badge-vip {
  background: transparent !important;
  color: #ffd091 !important;
  padding: 0;
  font-weight: 500;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1), body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1), body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) {
  transform: scale(0.9) translateX(10%);
  -webkit-transform: scale(0.9) translateX(10%);
  -moz-transform: scale(0.9) translateX(10%);
  -o-transform: scale(0.9) translateX(10%);
  -ms-transform: scale(0.9) translateX(10%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1) img, body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1) img, body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) img {
  display: none;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(1) td:nth-child(1) {
  background-image: url(./img/rank01.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(2) td:nth-child(1) {
  background-image: url(./img/rank02.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .content .rankContent > .rankWrap-js .rankGroup .rankBox .rankRowHtml-js table tr:nth-child(3) td:nth-child(1) {
  background-image: url(./img/rank03.png);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .pageRight .bottomPic {
  display: none;
}

body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap {
  margin-top: 4rem;
  background: rgba(11, 5, 3, 0.568627451);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .pagetitle {
  text-align: center;
  margin: auto !important;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
  padding-bottom: 1rem;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  margin-top: 140px !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .pagetitle::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .pagetitle::after {
  background: linear-gradient(90deg, #d6491d1a, #da95141a) !important;
  height: 75px;
  z-index: 1;
  width: 100%;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .pagetitle::before {
  display: block;
  content: "";
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%) scaleY(0.9);
  -webkit-transform: translateX(-50%) scaleY(0.9);
  -moz-transform: translateX(-50%) scaleY(0.9);
  -o-transform: translateX(-50%) scaleY(0.9);
  -ms-transform: translateX(-50%) scaleY(0.9);
  background-image: url(./img/sidebar_icon_VIP.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 203px;
  height: 203px;
  z-index: 2;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper {
  background: transparent !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap {
  padding: 0rem 2rem 0rem 0 !important;
  margin-right: 2rem !important;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap .idCardWrap {
  border: 0;
  background: #ffffff1a;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap .idCardWrap input {
  background: linear-gradient(90deg, #d6491d55, #da951455) !important;
  border: 0;
  color: #ffffff;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap .idCardWrap .vipMsg {
  color: #ffa44b;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap .btn.vipUpgradeList-js {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body > .container > .contentWrap-left > .mainContent .featureWrap .vipInfoWrap .valignWrapper .pageTabsWrap .btn.vipUpgradeList-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body.onepage,
html > div.body {
  background: #000000;
  position: relative;
}
body.onepage::before,
html > div.body::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 50%;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #000000;
  background-image: url(./img/bg1.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
body.onepage .logo a,
html > div.body .logo a {
  display: block;
  margin: auto;
  width: 190px;
  height: calc(190px * 101 / 179);
  filter: drop-shadow(0px 0px 4px #da9514dd) drop-shadow(0px 0px 4px #715735dd);
}
body.onepage .logo a img,
html > div.body .logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: none;
  max-height: none;
}
body.onepage .content,
html > div.body .content {
  padding: 0;
  margin-bottom: 4rem;
  position: relative;
}
body.onepage .content .leftBlock,
html > div.body .content .leftBlock {
  background: rgba(21, 7, 1, 0.8588235294);
}
body.onepage .content .leftBlock .borderBox .carousel.slide,
html > div.body .content .leftBlock .borderBox .carousel.slide {
  padding: 2rem !important;
}
body.onepage .content .leftBlock .owl-dots .owl-dot,
html > div.body .content .leftBlock .owl-dots .owl-dot {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
}
body.onepage .content .leftBlock .owl-dots .owl-dot span,
html > div.body .content .leftBlock .owl-dots .owl-dot span {
  border-radius: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background: #ffd091;
  opacity: 0.4;
  margin: 9px 15px;
}
body.onepage .content .leftBlock .owl-dots .owl-dot.active span, body.onepage .content .leftBlock .owl-dots .owl-dot:hover span,
html > div.body .content .leftBlock .owl-dots .owl-dot.active span,
html > div.body .content .leftBlock .owl-dots .owl-dot:hover span {
  background: #ffd091;
  opacity: 1;
}
body.onepage .content .leftBlock .btn,
html > div.body .content .leftBlock .btn {
  border: 1px solid #d6491d !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 3px #d6491d !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #9a180c !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
  margin-bottom: 1rem;
}
body.onepage .content .leftBlock .btn:hover,
html > div.body .content .leftBlock .btn:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox {
  background: rgba(94, 75, 62, 0.9607843137);
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox input,
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox select,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox input,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox select {
  background: #ffffff1a;
  border: 0;
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox input option,
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox select option,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox input option,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox select option {
  color: #000000;
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox h1,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox h1 {
  color: #ffffff;
  padding-bottom: 1rem;
  position: relative;
  color: #ffd091;
  text-shadow: 0.1rem 0.18rem 2px #000000;
  letter-spacing: 0.05rem;
  font-size: 1.8rem !important;
  font-weight: 500 !important;
  border: 0;
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox h1::after,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox h1::after {
  background: #f1ece6;
  display: block;
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox h1::after,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox h1::after {
  width: 100% !important;
}
body.onepage .content .gird-6.bg-blue-middle.p-4.borderBox .text-red,
html > div.body .content .gird-6.bg-blue-middle.p-4.borderBox .text-red {
  color: #dd2222;
}
body.onepage #_forget-form-js .verificationInput,
body.onepage #_register-form-js .verificationInput,
html > div.body #_forget-form-js .verificationInput,
html > div.body #_register-form-js .verificationInput {
  background: #ffffff1a;
}
body.onepage #_forget-form-js .verificationInput input,
body.onepage #_register-form-js .verificationInput input,
html > div.body #_forget-form-js .verificationInput input,
html > div.body #_register-form-js .verificationInput input {
  background: transparent;
}
body.onepage .registerStep .fontIcon,
html > div.body .registerStep .fontIcon {
  color: #ffffff;
}
body.onepage .registerStep .btn-main-gradient,
html > div.body .registerStep .btn-main-gradient {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body.onepage .registerStep .btn-main-gradient:hover,
html > div.body .registerStep .btn-main-gradient:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body.onepage #dialog_warp,
html > div.body #dialog_warp {
  background: #dd2222 !important;
}
body.onepage .nationNumberTips-js span,
html > div.body .nationNumberTips-js span {
  color: #ffa44b !important;
}
body.onepage .text-amber,
body.onepage label a,
html > div.body .text-amber,
html > div.body label a {
  color: #ffa44b;
}
body.onepage div#_next-step-btn-js,
html > div.body div#_next-step-btn-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body.onepage div#_next-step-btn-js:hover,
html > div.body div#_next-step-btn-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body.onepage button.getVerifyCode-js,
body.onepage button#_register-btn-js,
body.onepage button#submit-js,
html > div.body button.getVerifyCode-js,
html > div.body button#_register-btn-js,
html > div.body button#submit-js {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
}
body.onepage button.getVerifyCode-js:hover,
body.onepage button#_register-btn-js:hover,
body.onepage button#submit-js:hover,
html > div.body button.getVerifyCode-js:hover,
html > div.body button#_register-btn-js:hover,
html > div.body button#submit-js:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
body.onepage a.btn.text-white.d-block.gird-6.border-white.m-auto,
html > div.body a.btn.text-white.d-block.gird-6.border-white.m-auto {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px #19130fbd, 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000000;
  border-radius: 3px;
  padding: 0.25rem 1rem !important;
  background: #ce9427 !important;
  color: #ffffff !important;
  letter-spacing: 0.05rem;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  transition: ease-out 0.2s;
  cursor: pointer;
  letter-spacing: 0.05rem;
  font-size: 1rem !important;
  font-weight: 700 !important;
  border-radius: 3px;
  background: transparent !important;
  box-shadow: none !important;
  width: 42%;
}
body.onepage a.btn.text-white.d-block.gird-6.border-white.m-auto:hover,
html > div.body a.btn.text-white.d-block.gird-6.border-white.m-auto:hover {
  opacity: 1 !important;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

body > .container > .contentWrap-left > .mainContent .featureWrap #_info-wrap-js, body > .container > .contentWrap-left > .mainContent .featureWrap .finance, body > .container > .contentWrap-left > .mainContent .featureWrap .valignWrapper.d-inline-flex.align-items-stretch.gird-12 {
  display: block !important;
}

.modal-footer .docs-buttons .waves-effect, .modal-footer .docs-buttons #cropperEditorShowPreview {
  border: 1px solid #ffa44b !important;
  box-shadow: inset 0px 0px 7px rgba(25, 19, 15, 0.7411764706), 0px 0px 6px #ffa44b !important;
  text-shadow: 0 0 7px #000;
  border-radius: 3px;
  background: #ce9427 !important;
}

.modal-footer .docs-buttons .btn-main-gradient-blue, .modal-footer .docs-buttons .btn-group-crop, .docs-buttons [title=Reset] {
  background: linear-gradient(0deg, rgba(214, 73, 29, 0.7294117647), rgba(218, 149, 20, 0.7294117647)) !important;
  border-radius: 3px;
  color: #fff;
  text-shadow: 1px 2px 2px #000;
}

.allGamesList .gameHalls::after {
  content: "";
  display: block;
  width: 7%;
  height: 26%;
  position: absolute;
  bottom: -40%;
  left: 17%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(./img/game_arrow.png);
}

.allGamesList .gameHalls::before {
  content: "";
  display: block;
  width: 7%;
  height: 26%;
  position: absolute;
  bottom: -40%;
  right: 8.5%;
  transform: scaleX(-1);
  z-index: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(./img/game_arrow.png);
}/*# sourceMappingURL=YGWebsite_2023computer.css.map */
/*20250806*/