/* battambang-100 - khmer */
@font-face {
    font-family: "Kh-Battambang";
    font-style: normal;
    font-weight: 100;
    src: url("../../fonts/battambang2/battambang_khmer-100.eot"); /* IE9 Compat Modes */
    src: local(""), url("../../fonts/battambang2/battambang_khmer-100.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-100.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-100.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-100.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-100.svg#Battambang") format("svg"); /* Legacy iOS */
  }
  /* battambang-300 - khmer */
  @font-face {
    font-family: "Kh-Battambang";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/battambang2/battambang_khmer-300.eot"); /* IE9 Compat Modes */
    src: local(""), url("../../fonts/battambang2/battambang_khmer-300.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-300.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-300.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-300.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-300.svg#Battambang") format("svg"); /* Legacy iOS */
  }
  /* battambang-regular - khmer */
  @font-face {
    font-family: "Kh-Battambang";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/battambang2/battambang_khmer-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../../fonts/battambang2/battambang_khmer-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-regular.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-regular.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-regular.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-regular.svg#Battambang") format("svg"); /* Legacy iOS */
  }
  /* battambang-700 - khmer */
  @font-face {
    font-family: "Kh-Battambang";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/battambang2/battambang_khmer-700.eot"); /* IE9 Compat Modes */
    src: local(""), url("../../fonts/battambang2/battambang_khmer-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-700.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-700.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-700.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-700.svg#Battambang") format("svg"); /* Legacy iOS */
  }
  .lang-kh *:not(i) {
    font-family: "Kh-Battambang";
  }
  
  @font-face {
    font-family: "digital_displayregular";
    src: url("../../fonts/digital/digtl.eot");
    src: url("../../fonts/digital/digtld41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/digital/digtl.woff2") format("woff2"), url("../../fonts/digital/digtl.woff") format("woff"), url("../../fonts/digital/digtl.ttf") format("truetype"), url("../../fonts/digital/digtl.svg#digital_displayregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  .turnplate canvas {
    transition-duration: unset !important;
  }
  
  /* basic */
  body {
    background-color: var(--deep);
  }
  
  .avatar {
    border: 2px white solid;
  }
  
  /* color */
  :root {
    --color: #ff3434;
    --red: #ff3434;
    --gold: #fcdf5f;
    --deep: #171838;
    --block: #2c2e50;
    --txt: #8385ae;
    --text-color: #fff;
    --yellow: #fe0;
    --custom-purple: #ba06e1;
    --custom-purple-2: #E731DF;
    --custom-orange-asavaslot: #eaa600;
    --custom-orange-lg-asavaslot: linear-gradient(180deg, #e5910f, #d7ba02 51.07%, #d79b2c);
    --custom-purple-satta9: #a05bfb;
    --custom-dark-purple-audi777: #2A0134;
    --custom-purple-audi777: #8545a6;
    --custom-deep-purple-audi777: #4a0e58;
    --orange-tab: #fca501;
    --custom-orange: #ffac2e;
    --custom-red: #b41152;
    --custom-metallic-blue: #0a1749;
    --green: #19d988;
    --blue: #0b7cff;
    --sapphire: #642ef7;
    --orange: #ff8000;
    --violet: #a34fe4;
    --black: #1e2230;
    --cyan: #1cd8f6;
    --red-baliwbet: #4a0909;
    --orange-baliwbet: #fedc3d;
    --sky-blue: #0FFFFE;
    --custom-red-miraclebet: #FF001E;
  }
  
  /* ico */
  .ico-lang-kh {
    background-image: url(../../images/fafa7/lang/cambodia.svg);
  }
  
  .ico-lang-cn {
    background-image: url(../../images/fafa7/lang/china.svg);
  }
  
  .ico-lang-vn {
    background-image: url(../../images/fafa7/lang/vietnam.svg);
  }
  
  .ico-lang-en {
    background-image: url(../../images/fafa7/lang/england.svg);
  }
  
  .ico-lang-id {
    background-image: url(../../images/fafa7/lang/indonesia.svg);
  }
  
  .ico-lang-fr {
    background-image: url(../../images/fafa7/lang/france.svg);
  }
  
  .ico-lang-de {
    background-image: url(../../images/fafa7/lang/germany.svg);
  }
  
  .ico-lang-tw {
    background-image: url(../../images/fafa7/lang/taiwan.svg);
  }
  
  .ico-lang-hk {
    background-image: url(../../images/fafa7/lang/hongkong.svg);
  }
  
  .ico-lang-jp {
    background-image: url(../../images/fafa7/lang/japan.svg);
  }
  
  .ico-lang-kr {
    background-image: url(../../images/fafa7/lang/korea.svg);
  }
  
  .ico-lang-ma {
    background-image: url(../../images/fafa7/lang/malaysia.svg);
  }
  
  .ico-lang-ph {
    background-image: url(../../images/fafa7/lang/philippines.svg);
  }
  
  .ico-lang-ru {
    background-image: url(../../images/fafa7/lang/russia.svg);
  }
  
  .ico-lang-es {
    background-image: url(../../images/fafa7/lang/spain.svg);
  }
  
  .ico-lang-hi {
    background-image: url(../../images/fafa7/lang/india.svg);
  }
  
  .ico-lang-th {
    background-image: url(../../images/fafa7/lang/thailand.svg);
  }
  
  .ico-lang-ur {
    background-image: url(../../images/fafa7/lang/urdu.svg);
  }
  
  .ico-lang-pk {
    background-image: url(../../images/fafa7/lang/urdu.svg);
  }
  
  .ico-lang-bn {
    background-image: url(../../images/fafa7/lang/bangladesh.svg);
  }
  
  .ico-lang-lo {
    background-image: url(../../images/theme3/lang/lao.svg);
  }
  
  /* frame */
  .contant {
    padding: 0 0.2rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
  }
  
  /* btn */
  .btn {
    border-radius: 0.1rem;
    text-transform: uppercase;
  }
  
  .btn-yellow {
    background-color: var(--yellow);
    color: var(--333);
  }
  
  .btn-yellow .ico {
    color: var(--333);
  }
  
  .btn-empty {
    border-width: 0.03rem;
  }
  
  .btn-submit {
    margin: 0.4rem 0;
  }
  
  /*light*/
  .light .swiper-slide {
    height: 2.5rem;
    border-radius: 0.1rem;
  }
  
  /* notice */
  .notice {
    background-color: var(--block);
    display: flex;
    border-radius: 0.1rem;
    align-items: center;
    overflow: hidden;
  }
  
  .notice i {
    background-color: var(--color);
    color: white;
    width: 0.8rem;
    border-radius: 0 0.3rem 0.3rem 0;
    margin-right: 0.1rem;
  }
  
  .notice marquee,
  .notice marquee a {
    color: white;
  }
  
  .notice a.more {
    color: var(--txt);
    font-size: 0.3rem;
    width: 0.6rem;
  }
  
  .notice a.more:hover {
    color: white;
  }
  
  /*operate*/
  .operate {
    display: flex;
    align-items: center;
  }
  
  .operate u {
    flex: 1;
  }
  
  .operate-cont {
    display: flex;
  }
  
  .operate-cont a {
    margin-left: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--block);
    border-radius: 0.15rem;
  }
  
  .operate-cont a i {
    color: var(--color);
  }
  
  /*state*/
  .state {
    display: flex;
    align-items: center;
    color: white;
  }
  
  .state a {
    margin: 0 0.05rem;
    color: white;
  }
  
  .state a.btn {
    height: 0.6rem;
    font-size: 0.18rem;
    width: 1.2rem;
  }
  
  .state b {
    color: var(--yellow);
  }
  
  /*recommend*/
  .recommend {
    overflow: hidden;
    padding: 0 0.1rem;
  }
  
  .recommend li {
    width: 50%;
    float: left;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
    transition-duration: 0s;
  }
  
  .recommend .recommend-long {
    width: 100%;
  }
  
  .recommend li a {
    border-radius: 0.1rem;
    overflow: hidden;
    display: block;
  }
  
  /*support*/
  .support {
    background-color: var(--block);
    border-radius: 0.1rem;
    display: flex;
    padding: 0.2rem;
  }
  
  .support li {
    flex: 1;
    text-align: center;
  }
  
  .support li em {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    border: 0.03rem var(--color) solid;
    color: var(--color);
    font-size: 0.4rem;
    line-height: 0.8rem;
    margin: 0.1rem 0;
  }
  
  .support li h6 {
    color: var(--txt);
    text-transform: uppercase;
    font-size: 0.16rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /*navigation*/
  .navigation {
    background-color: var(--deep);
    height: 100%;
  }
  
  .navigation-name {
    background-image: url(../../images/fafa7/background/login.jpg);
    background-size: cover;
    padding: 1rem 0;
    position: relative;
  }
  
  .navigation-name em {
    display: block;
    width: 2rem;
  }
  
  .navigation-name cite {
    width: 100%;
    height: 0.5rem;
    background-image: url(../../images/fafa7/background/login.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: cover;
  }
  
  .navigation-list {
    padding: 0.2rem;
  }
  
  .navigation-list li {
    margin: 0.1rem 0;
  }
  
  .navigation-list li a, .navigation-list li div {
    display: flex;
    align-items: center;
    color: white;
    background-color: var(--block);
    border-radius: 0.1rem;
    padding: 0.2rem;
  }
  
  .navigation-list li a span {
    font-size: 0.22rem;
  }
  
  .navigation-list li a u, .navigation-list li div u {
    flex: 1;
  }
  
  .navigation-list li a i {
    margin: 0 0.2rem 0 0;
  }
  
  .navigation-list li a em, .navigation-list li div em {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
  }
  
  .navigation-logout {
    width: 100%;
    padding: 0.2rem;
    margin-top: auto;
  }
  
  .navigation-logout .btn {
    background-color: var(--color);
  }
  
  .pop-navigation pop-sider {
    width: 4rem;
  }
  
  /*language*/
  .language-cont {
    padding: 0.2rem;
  }
  
  .language-cont ul {
    text-align: center;
  }
  
  .language-cont ul li {
    padding: 0.1rem;
    display: inline-block;
  }
  
  .language-cont ul li a {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
    display: block;
    position: relative;
  }
  
  .language-cont ul li a i {
    background-color: var(--color);
    color: white;
    border-radius: 100%;
    right: -0.05rem;
    top: -0.05rem;
    position: absolute;
    display: none;
  }
  
  .language-cont ul li a.active i {
    display: block;
  }
  
  /*customer*/
  .customer-list li {
    margin-bottom: 0.2rem;
    transition-duration: 0s;
  }
  
  .customer-list li a {
    display: flex;
    align-items: center;
    padding: 0.3rem;
    border-radius: 0.1rem;
    color: white;
    position: relative;
    overflow: hidden;
  }
  
  .customer-list li a u {
    flex: 1;
  }
  
  .customer-list li a em {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.72rem;
    background-color: white;
    border-radius: 0.2rem;
    margin-right: 0.2rem;
  }
  
  .customer-list li a p {
    text-transform: capitalize;
  }
  
  .customer-list li a i {
    font-size: 0.48rem;
  }
  
  .customer-list li a span {
    font-size: 1.4rem;
    position: absolute;
    right: -0.4rem;
    bottom: -0.4rem;
    color: var(--000-1);
  }
  
  /*casino*/
  .casino {
    padding: 0 0.1rem;
    overflow: hidden;
  }
  
  .casino li {
    width: 50%;
    float: left;
    padding: 0.1rem;
    transition-duration: 0s;
  }
  
  .casino li a {
    display: block;
  }
  
  .casino li a em {
    width: 100%;
    height: 2rem;
    display: block;
    background-size: cover;
    border-radius: 0.1rem;
    margin-bottom: 0.1rem;
    position: relative;
  }
  
  .casino li a h5 {
    color: white;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--block);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.18rem;
    padding: 0 0.1rem;
  }
  
  .casino li a:hover span {
    top: 0;
  }
  
  .casino li a cite {
    background-image: url(../../images/fafa7/background/box.png);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  
  .slot li {
    width: 33.33%;
  }
  
  .slot li a em {
    height: 1.6rem;
  }
  
  .fish li a em {
    height: 2.5rem;
    background-size: contain;
  }
  
  .fish li a h5 {
    bottom: 0;
    position: absolute;
    width: 100%;
    opacity: 0.9;
  }
  
  /*discount*/
  .discount li {
    margin-bottom: 0.2rem;
    transition-duration: 0s;
  }
  
  .discount-title {
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
  }
  
  .discount-title i {
    color: var(--color);
    font-size: 0.4rem;
    margin: inherit;
  }
  
  .discount-title h5 {
    color: white;
    font-size: 0.2rem;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  
  .discount-title span {
    color: var(--txt);
  }
  
  .discount-txt {
    background-size: cover;
    display: flex;
    align-items: center;
    height: 1.5rem;
    border-radius: 0.1rem;
    padding: 0 0.2rem;
  }
  
  .discount-txt h5 {
    color: var(--yellow);
    font-size: 0.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  /*article*/
  .article {
    padding: 0.2rem;
  }
  
  .article-title {
    padding: 0.2rem 0;
  }
  
  .article-title h3 {
    font-size: 0.24rem;
    text-align: center;
    border-bottom-width: 1px;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
  }
  
  .article-title span {
    text-align: center;
    display: block;
  }
  
  article p {
    padding: 0.1erm 0;
  }
  
  /* pop */
  pop {
    z-index: 99;
  }
  
  pop-main {
    border-radius: 0.2rem;
  }
  
  pop-cont {
    max-height: 80vh;
    overflow: auto;
  }
  
  pop-sider pop-cont {
    max-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--deep);
  }
  
  /* title */
  .title {
    text-align: left;
    padding: 0.3rem 0;
  }
  
  .title h3,
  .title h5 {
    color: white;
  }
  
  /* form */
  input[type=date]::-webkit-calendar-picker-indicator {
    background-image: url(../../images/fafa7/ico/calendar.svg);
  }
  
  input[type=datetime-local]::-webkit-calendar-picker-indicator {
    background-image: url(../../images/fafa7/ico/calendar-many.svg);
  }
  
  input[type=time]::-webkit-calendar-picker-indicator {
    background-image: url(../../images/fafa7/ico/time.svg);
  }
  
  input[type=week]::-webkit-calendar-picker-indicator {
    background-image: url(../../images/fafa7/ico/calendar-less.svg);
  }
  
  input[type=month]::-webkit-calendar-picker-indicator {
    background-image: url(../../images/fafa7/ico/calendar-reduce.svg);
  }
  
  select {
    background-image: url(../../images/fafa7/ico/alone-bottom.svg);
  }
  
  .form {
    padding: 0;
  }
  
  .form li {
    color: var(--txt);
    border-color: var(--fff-1);
  }
  
  .form li input,
  .form li select {
    color: white;
    background-color: var(--deep);
  }
  
  .form li .ico {
    color: white;
  }
  
  .form li span:first-child {
    width: 2.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  /* page */
  page a,
  page input,
  page button {
    background-color: var(--block);
    color: white;
    border: 0;
  }
  
  page span {
    color: white;
  }
  
  /* table */
  .table table {
    background-color: transparent;
  }
  
  .table table th,
  .table table td {
    color: white;
  }
  
  .table table tbody tr:nth-child(2n) {
    background-color: var(--block);
  }
  
  .table table thead th,
  .table table thead td {
    background-color: var(--color);
    border: 0;
  }
  
  .table table tbody tr:hover {
    background-color: var(--block);
  }
  
  /* nav */
  nav li {
    background-size: cover;
    position: relative;
  }
  
  nav li cite {
    background-image: url(../../images/fafa7/footer/bar.svg);
    width: 1.7rem;
    height: 0.78rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
  }
  
  nav li.active {
    width: 1.7rem;
    flex: none;
  }
  
  nav li.active cite {
    display: block;
  }
  
  nav li.active a {
    background-color: var(--color);
    width: 1rem;
    margin: 0.1rem auto;
    border-radius: 1rem;
    color: white;
  }
  
  nav li.active a span {
    display: none;
  }
  
  /* name */
  name {
    background-color: transparent;
  }
  
  name h2 {
    color: white;
  }
  
  name a {
    color: white;
  }
  
  /*login*/
  .login name {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  
  .login-name {
    background-image: url(../../images/fafa7/background/login.jpg);
    padding: 1.2rem 0;
    background-size: cover;
    margin-bottom: 0.3rem;
    background-clip: url(../../images/fafa7/background/login.svg);
    position: relative;
  }
  
  .login-name h1 {
    width: 2.5rem;
  }
  
  .login-name cite {
    width: 100%;
    height: 0.8rem;
    background-image: url(../../images/fafa7/background/login.svg);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  .login-form {
    padding: 0.2rem;
    background-color: var(--block);
    border-radius: 0.2rem;
  }
  
  .login-form .form {
    padding: 0;
  }
  
  .login-form .form li {
    border: 0;
    padding: 0;
    margin-bottom: 0.1rem;
  }
  
  .login-form .form li i {
    position: absolute;
    z-index: 1;
    color: white;
    margin: 0.17rem;
  }
  
  .login-form .form li input {
    background-color: var(--deep);
    border-radius: 0.1rem;
    padding-left: 0.7rem;
    color: white;
  }
  
  .login-form .form li input::-webkit-input-placeholder {
    color: var(--txt);
  }
  
  .login-form .form li .code {
    margin-left: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden;
  }
  
  .login-other {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.2rem;
  }
  
  .login-other u {
    flex: 1;
  }
  
  .login-other a {
    color: white;
    font-size: 0.2rem;
    font-weight: bold;
  }
  
  .login-other a.btn {
    color: var(--color);
    padding: 0 0.4rem;
  }
  
  /*info*/
  .info {
    padding-top: 2rem;
    background-image: url(../../images/fafa7/background/center.jpg);
    background-position: center top;
  }
  
  .info-cont {
    background-color: var(--color);
    border-radius: 0.2rem;
    position: relative;
    text-align: center;
    padding: 0.8rem 0 0.2rem;
  }
  
  .info-cont em {
    width: 1.2rem;
    height: 1.2rem;
    border-width: 0.04rem;
    margin: -0.6rem auto 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  
  .info-cont h5,
  .info-cont span {
    text-transform: inherit;
    color: white;
  }
  
  .info-cont h5 {
    font-size: 0.28rem;
    margin-bottom: 0.1rem;
  }
  
  .info-identification {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1rem;
  }
  
  .info-identification a {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background-color: var(--000-2);
    color: var(--yellow);
    border-radius: 100%;
    margin: 0.05rem;
  }
  
  .info-toggle {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0.2rem;
  }
  
  .info-toggle i,
  .info-toggle s {
    color: white;
  }
  
  .info-toggle s,
  .info-toggle.active i {
    display: none;
  }
  
  .info-toggle.active s {
    display: block;
  }
  
  .info-wallet {
    width: 90%;
    background-color: var(--yellow);
    margin: auto;
    display: flex;
    align-items: center;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 0 0.2rem;
  }
  
  .info-wallet u {
    flex: 1;
  }
  
  .info-wallet span {
    text-transform: capitalize;
    font-weight: bold;
  }
  
  .info-wallet input {
    flex: 1;
    text-align: right;
    font-size: 0.26rem;
    color: var(--red);
    font-weight: bold;
  }
  
  /*dominate*/
  .dominate {
    display: flex;
    padding: 0 0.1rem;
  }
  
  .dominate li {
    flex: 1;
    text-align: center;
    padding: 0.1rem;
  }
  
  .dominate li a {
    display: block;
    background-color: var(--block);
    border-radius: 0.1rem;
    padding: 0.2rem 0;
  }
  
  .dominate li a i {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 0.48rem;
  }
  
  .dominate li a span {
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.18rem;
  }
  
  /*list*/
  .list li {
    border-color: var(--fff-1);
  }
  
  .list li a {
    color: white;
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
    line-height: 0.5rem;
  }
  
  .list li a span {
    font-size: 0.22rem;
  }
  
  .list li a i {
    margin: 0 0.15rem;
  }
  
  /*simple*/
  .simple {
    color: white;
  }
  
  .simple u {
    flex: 1;
  }
  
  .simple li {
    display: flex;
    align-items: center;
    border-bottom: 1px var(--fff-1) solid;
    padding: 0.1rem 0;
    line-height: 0.5rem;
  }
  
  .simple li span {
    color: var(--txt);
    text-transform: capitalize;
  }
  
  .simple li .avatar {
    width: 0.7rem;
    height: 0.7rem;
  }
  
  .simple li b {
    color: var(--yellow);
  }
  
  /*tip*/
  .tip {
    background-color: var(--block);
    border-radius: 0.1rem;
    padding: 0.2rem;
    color: var(--txt);
    line-height: 180%;
  }
  
  .tip h6 {
    padding: 0.1rem 0;
    color: white;
  }
  
  /*message*/
  .message tt {
    border-color: var(--fff-1);
    border-radius: 0.1rem;
    margin: 0.1rem 0;
    border: 0;
    background-color: var(--block);
  }
  
  .message tt a s {
    display: none;
  }
  
  .message tt a i {
    color: var(--color);
  }
  
  .message tt a h5 {
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
    font-size: 0.18rem;
  }
  
  .message tt a span {
    color: var(--txt);
  }
  
  .message tt a s {
    color: white;
  }
  
  .message tt.active {
    background-color: var(--color);
  }
  
  .message tt.active i,
  .message tt.active span {
    color: white;
  }
  
  .message aside {
    color: var(--txt);
    background-color: var(--block);
    border-radius: 0.1rem;
  }
  
  .message-col {
    display: flex;
    align-items: center;
  }
  
  .message-col u {
    flex: 1;
  }
  
  .message-col span {
    opacity: 0.3;
  }
  
  .message-col a {
    background-color: var(--deep);
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.1rem;
    margin: 0.05rem;
  }
  
  /*bank*/
  .bank {
    overflow: hidden;
  }
  
  .bank li {
    float: left;
    padding: 0.1rem;
  }
  
  .bank li a {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--block);
    border-radius: 0.1rem;
  }
  
  .bank li a > i {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    display: block;
    border-radius: 100%;
    font-size: 0.48rem;
    color: white;
  }
  
  .bank li a.active .pitch {
    opacity: 1;
  }
  
  /*pitch*/
  .pitch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px var(--red) solid;
    border-radius: 0.1rem;
    opacity: 0;
    overflow: hidden;
  }
  
  .pitch i {
    color: white;
    font-size: 0.24rem;
    background-color: var(--red);
    position: absolute;
    right: 0;
    border-radius: 0 0 0 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  
  /*pay*/
  .pay input {
    height: 1rem;
    font-size: 0.4rem;
    color: var(--yellow);
    border-bottom: 1px var(--fff-1) solid;
    padding: 0;
  }
  
  .pay-cont {
    display: flex;
    padding: 0.1rem 0;
  }
  
  .pay-cont li {
    flex: 1;
  }
  
  .pay-cont li:not(:last-child) {
    margin-right: 0.1rem;
  }
  
  .pay-cont li a {
    display: block;
    background-color: var(--block);
    line-height: 0.6rem;
    color: white;
    text-align: center;
    font-size: 0.2rem;
    border-radius: 0.1rem;
  }
  
  .pay-cont li a:hover {
    background-color: var(--color);
  }
  
  /*empty*/
  empty em {
    width: 2rem;
    display: block;
    margin: 0.2rem auto;
  }
  
  empty h3 {
    color: var(--block);
    text-transform: uppercase;
    text-align: center;
    font-size: 0.3rem;
  }
  
  /*data*/
  .data {
    display: flex;
    align-items: center;
    background-color: var(--block);
    border-radius: 0.1rem;
    padding: 0.3rem 0;
  }
  
  .data li {
    flex: 1;
    text-align: center;
  }
  
  .data li:not(:last-child) {
    border-right: 1px var(--fff-1) solid;
  }
  
  .data li span {
    color: var(--txt);
    padding-bottom: 0.1rem;
    display: block;
    font-size: 0.18rem;
  }
  
  .data li h4 {
    color: white;
    font-size: 0.32rem;
  }
  
  /*referral*/
  .referral-cont {
    background-color: var(--color);
    border-radius: 0.1rem;
    padding: 0.2rem;
  }
  
  .referral-cont h5 {
    color: white;
    margin: 0.1rem 0;
  }
  
  .referral-copy {
    display: flex;
    margin-bottom: 0.2rem;
  }
  
  .referral-copy input {
    background-color: white;
    border-radius: 0.1rem;
    flex: 1;
    margin-right: 0.2rem;
  }
  
  .referral-copy a {
    height: 0.7rem;
    font-size: 0.18rem;
  }
  
  .referral-copy a i {
    font-size: 0.3rem;
  }
  
  /*vip*/
  .vip-wrapper li {
    transition-duration: 0s;
  }
  
  .vip-cont {
    padding: 0.2rem 0;
  }
  
  .vip-grade em {
    display: block;
    text-align: center;
  }
  
  .vip-grade .vip-grade-title {
    text-align: center;
    padding: 0.1rem 0;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: var(--orange);
    text-shadow: 0.1rem 0.1rem 0.1rem var(--orange);
  }
  
  .vip-grade .progress {
    height: 0.5rem;
    margin-bottom: 1rem;
  }
  
  .vip-grade .progress-bar {
    background-color: var(--color);
  }
  
  .vip-lv {
    position: relative;
  }
  
  .vip-lv li {
    background-color: white;
    border-radius: 0.5rem;
    padding: 0.25rem;
    margin: 0.25rem 0;
    border-width: 1px;
    display: flex;
    align-items: center;
  }
  
  .vip-lv li span {
    flex: 1;
    font-size: 0.9rem;
    color: var(--000);
  }
  
  .vip-lv li h5 {
    text-transform: uppercase;
    color: var(--orange);
  }
  
  .vip-lv .vip-filled {
    background-color: var(--color);
  }
  
  .vip-lv .vip-filled span {
    color: var(--fff);
  }
  
  .vip-upgrade {
    padding: 0.2rem 0;
  }
  
  .vip-buy li {
    display: flex;
    align-items: center;
    margin: 0.1rem 0;
  }
  
  .vip-buy li span {
    text-transform: capitalize;
    max-width: 50%;
  }
  
  .vip-buy u {
    flex: 1;
  }
  
  .vip-buy b {
    padding: 0.5rem;
    border: 2px solid;
    color: var(--orange);
    text-transform: uppercase;
    margin-left: auto;
    text-align: center;
  }
  
  .vip-buy a {
    width: 100%;
    margin: 10px 0;
    padding: 0.25rem;
  }
  
  .vip-buy a:hover {
    color: var(--bbb);
  }
  
  .vip-list table {
    min-width: 7rem;
    overflow: auto;
  }
  
  .vip-list table thead th {
    border-bottom: 0;
  }
  
  .vip-list table thead td {
    white-space: nowrap;
  }
  
  .vip-list table .ico {
    font-size: 1.15rem;
  }
  
  .vip-list .table td, .vip-list .table th {
    padding: 0.5rem;
  }
  
  .vip-list h4 {
    text-align: center;
    padding: 0.2rem 0;
    font-size: 1.25rem;
    text-transform: uppercase;
  }
  
  .vip-list td {
    width: 15%;
  }
  
  .vip-info {
    padding: 0.5rem 0;
  }
  
  .vip-info fold tt {
    display: flex;
    padding: 0.5rem;
    cursor: pointer;
  }
  
  .vip-info fold tt h3 {
    flex: 1;
  }
  
  .vip-info fold tt .ico {
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: unset;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .vip-info fold tt.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  
  .vip-info aside {
    padding: 0 0.2rem;
  }
  
  .vip-info aside h5 {
    color: var(--orange);
  }
  
  .vip-info h2 {
    font-size: 1.5rem;
  }
  .vip-info p {
    font-size: 0.9rem;
  }
  
  .vip-daily-cashback-wrapper span {
    display: block;
    white-space: nowrap;
  }
  
  /* red */
  .red {
    --color: var(--red);
  }
  
  /* green */
  .green {
    --color: var(--green);
  }
  
  /* blue */
  .blue {
    --color: var(--blue);
  }
  
  /* sapphire */
  .sapphire {
    --color: var(--sapphire);
  }
  
  /* orange */
  .orange {
    --color: var(--orange);
  }
  
  /*yellow*/
  .yellow {
    --color: var(--yellow);
  }
  
  /*cyan*/
  .cyan {
    --color: var(--cyan);
  }
  
  /*violet*/
  .violet {
    --color: var(--violet);
  }
  
  /*black*/
  .black {
    --color: var(--black);
  }
  
  /*gold*/
  .gold {
    --color: var(--gold);
  }
  
  /*custom-purple*/
  .custom-purple {
    --color: var(--custom-purple);
  }
  
  .custom-purple-type1 {
    --color: var(--custom-purple-audi777);
  }
  
  .custom-purple-type2 {
    --color: var(--custom-purple-satta9);
  }
  
  /*custom-orange*/
  .custom-orange {
    --color: var(--custom-orange);
  }
  
  .custom-orange-type1 {
    --color: var(--custom-orange-asavaslot);
  }
  
  /*custom-red*/
  .custom-red {
    --color: var(--custom-red);
  }
  
  .custom-red-type1 {
    --color: var(--red-baliwbet);
    --text-color: var(--orange-baliwbet);
  }
  
  .custom-red-type2 {
    --color: var(--custom-red-miraclebet);
    --text-color: var(--custom-red-miraclebet);
  }
  
  /*custom-metallic-blue*/
  .custom-metallic-blue {
    --color: var(--custom-metallic-blue);
    --text-color: var(--orange-tab);
  }
  
  /*custom-sky-blue*/
  .custom-sky-blue {
    --color: var(--sky-blue);
    --text-color: var(--sky-blue);
  }
  
  /* Custom */
  /* 375px below */
  /* 350px below */
  html, body {
    font-size: 16px;
    position: relative;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
  }
  
  .h1, h1 {
    font-size: 2.5rem;
  }
  
  .h2, h2 {
    font-size: 2rem;
  }
  
  .h3, h3 {
    font-size: 1.75rem;
  }
  
  .h4, h4 {
    font-size: 1.5rem;
  }
  
  .h5, h5 {
    font-size: 1.25rem;
  }
  
  .h6, h6 {
    font-size: 1rem;
  }
  
  i {
    font-size: 1rem;
  }
  
  .lazyload {
    opacity: 0;
  }
  
  .lazyloading {
    opacity: 1;
    transition: opacity 300ms;
    background: url(../../images/loader-transparent.gif) no-repeat center;
    background-size: 2rem;
  }
  
  img.lazyload:not([src]) {
    visibility: hidden;
  }
  
  /* Header */
  header {
    height: 60px;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
  }
  header .header-wrapper {
    width: 100%;
    height: 100%;
  }
  header .header-wrapper .logo-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .header-wrapper .logo-wrapper a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  header .header-wrapper .logo-wrapper img {
    max-height: 100%;
    padding: 0.25rem;
  }
  header .header-wrapper .header-left-wrapper .ico-menu {
    color: var(--fff);
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  header .header-wrapper .header-right-wrapper {
    display: flex;
    justify-content: end;
    align-items: center;
    flex: 1 0 auto;
  }
  
  /* Banner */
  .swiper .swiper-slide img {
    border-radius: 0.35rem;
  }
  
  /* Announcement */
  .announcement {
    display: flex;
    align-items: center;
    border-radius: 0.35rem;
    background-color: var(--block);
  }
  .announcement .ico-volume {
    background-color: var(--color);
    color: var(--fff);
    border-radius: 0.25rem 1rem 1rem 0.25rem;
    margin-right: 0.25rem;
    padding: 0.5rem;
  }
  .announcement .ico-more {
    color: var(--txt);
    font-size: 1rem;
    padding: 0.25rem;
  }
  .announcement .marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: 0;
    opacity: 0;
    color: var(--fff);
    transition: none;
  }
  .announcement .js-marquee-wrapper {
    transition: none;
  }
  .announcement .js-marquee {
    font-size: 0.8rem;
    transition: none;
  }
  
  /* Main */
  .o-wrapper {
    padding-top: 60px;
    padding-bottom: 55px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
  }
  .o-wrapper.login-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 640px;
    margin: 0 auto;
  }
  .o-wrapper.login-wrapper header {
    position: absolute;
    top: 0;
    left: 0;
  }
  .o-wrapper.login-wrapper main {
    display: flex;
    flex-direction: column;
  }
  .o-wrapper.login-wrapper header, .o-wrapper.login-wrapper footer {
    display: none;
  }
  
  main {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
  }
  main .main-menu-wrapper .btn {
    color: #fff;
    padding: 0.25rem;
  }
  main .main-index-wrapper {
    max-width: 640px;
    padding-top: 0.5rem;
  }
  main .main-left-info-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: unset;
    color: var(--fff);
  }
  main .main-left-info-wrapper.main-left-info-auth-wrapper {
    height: unset;
    flex-direction: column;
  }
  main .main-left-info-wrapper.main-left-info-auth-wrapper .main-left-info-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    max-width: 100%;
    display: block;
  }
  main .main-left-info-wrapper .main-left-balance-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  main .main-left-info-wrapper .main-left-balance-wrapper i {
    margin: 0;
    color: var(--fff);
  }
  main .main-left-info-wrapper .main-left-balance-wrapper span {
    padding-left: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    max-width: 100%;
    display: block;
  }
  main .main-left-info-wrapper .btn {
    height: unset;
    line-height: unset;
    position: relative;
    background-color: var(--color);
    color: white;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    padding: 0.5rem;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
  }
  @media (max-width: 375px) {
    main .main-left-info-wrapper .btn {
      font-size: 0.75rem;
      padding: 0.5rem 0.25rem;
    }
  }
  @media (max-width: 350px) {
    main .main-left-info-wrapper .btn {
      font-size: 0.65rem;
    }
  }
  main .main-left-info-wrapper .btn:first-child {
    margin-right: 0.25rem;
  }
  main .main-right-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  main .main-right-info-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--block);
    border-radius: 0.35rem;
    height: 3.5rem;
    min-width: 3rem;
    padding: 0.25rem 0.5rem;
  }
  main .main-right-info-wrapper a i {
    color: var(--color);
  }
  main .main-right-info-wrapper a span {
    text-transform: uppercase;
    font-size: 0.7rem;
    white-space: nowrap;
  }
  main .main-right-info-wrapper a:last-child {
    margin-left: 0.35rem;
  }
  main .main-right-info-wrapper a:hover {
    color: var(--fff);
  }
  @media (max-width: 375px) {
    main .main-right-info-wrapper a {
      min-height: 2.5rem;
      min-width: 2.5rem;
      padding: 0.25rem;
    }
    main .main-right-info-wrapper a span {
      font-size: 0.6rem;
    }
  }
  main .main-contact-wrapper {
    background-color: var(--block);
    border-radius: 0.35rem;
    display: flex;
    padding: 1rem 0.5rem;
  }
  main .main-contact-wrapper .col-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  main .main-contact-wrapper .col-4 a {
    line-height: 1;
    text-align: center;
  }
  main .main-contact-wrapper .col-4 i {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    border: 0.15rem var(--color) solid;
    color: var(--color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  main .main-contact-wrapper .col-4 span {
    color: var(--txt);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.65rem;
    text-align: center;
  }
  
  footer {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-color: var(--fff);
    height: 55px;
  }
  footer ul {
    display: flex;
    height: 100%;
  }
  footer ul li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  footer ul li cite {
    background-image: url(../../images/fafa7/footer/bar.svg);
    height: 88%;
    background-position: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
  }
  footer ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--fff);
    padding: 0.5rem;
  }
  footer ul li a i.ico {
    color: var(--333);
    font-size: 1.2rem;
  }
  footer ul li a span {
    color: var(--333);
    font-size: 0.8rem;
    white-space: nowrap;
  }
  footer ul li a:hover {
    color: var(--fff);
  }
  footer ul li.active cite {
    display: block;
    z-index: -1;
    width: unset;
  }
  footer ul li.active a {
    background-color: var(--color);
    max-width: 3rem;
    width: 50%;
    border-radius: 1rem;
    color: var(--fff);
    margin-bottom: 0.5rem;
    padding: 0.25rem;
  }
  footer ul li.active a i.ico {
    color: var(--fff);
    padding: 0.25rem;
  }
  footer ul li.active a span {
    display: none;
  }
  
  /* Login & Register */
  .login-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 1;
  }
  .login-header-wrapper a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--fff);
    height: 3rem;
    width: 3rem;
    margin: 0;
  }
  
  .login-header-background {
    background-image: url(../../images/fafa7/background/login.jpg);
    padding: 5rem 0;
    background-size: cover;
    position: relative;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .login-header-background cite {
    width: 100%;
    height: 100%;
    background-image: url(../../images/fafa7/background/login.svg);
    background-position-y: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .login-header-background img {
    max-width: 12rem;
    max-height: 7rem;
  }
  
  .login-body-wrapper, .register-body-wrapper {
    padding: 0.5rem;
    background-color: var(--block);
    border-radius: 0.5rem;
  }
  .login-body-wrapper input, .login-body-wrapper select, .register-body-wrapper input, .register-body-wrapper select {
    background-color: var(--deep);
    border-radius: 0.35rem;
    border-color: transparent;
    color: var(--fff);
    height: 50px;
  }
  .login-body-wrapper .form-control:disabled, .login-body-wrapper .form-control[readonly], .register-body-wrapper .form-control:disabled, .register-body-wrapper .form-control[readonly] {
    background-color: var(--deep);
    opacity: 0.8;
  }
  .login-body-wrapper input#auto, .register-body-wrapper input#auto {
    height: 1.5rem;
    width: 1rem;
  }
  
  #loginForm .form-prepend, #registerForm .form-prepend {
    position: relative;
  }
  #loginForm .form-prepend .form-control, #registerForm .form-prepend .form-control {
    padding-left: 2.5rem;
  }
  #loginForm .form-prepend .form-control:focus, #registerForm .form-prepend .form-control:focus {
    color: var(--fff);
    background-color: var(--deep);
    border-color: transparent;
    outline: 0;
    box-shadow: none;
  }
  #loginForm .form-prepend i, #registerForm .form-prepend i {
    z-index: 1;
    position: absolute;
    left: 0.75rem;
    top: 0.95rem;
    font-size: 1.35rem;
    color: var(--fff);
  }
  #loginForm .form-prepend #password, #registerForm .form-prepend #password {
    padding-right: 2rem;
  }
  #loginForm .form-prepend o, #registerForm .form-prepend o {
    position: absolute;
    right: 0.5rem;
    top: 1rem;
    z-index: 2;
    font-size: 1.25rem;
  }
  
  #registerForm .form-phone-wrapper .form-control:focus, .change-password-input-wrapper .form-phone-wrapper .form-control:focus, #forgotFormWrapper .form-phone-wrapper .form-control:focus {
    background-color: var(--deep);
    color: var(--fff);
  }
  @media (max-width: 350px) {
    #registerForm .form-phone-wrapper, .change-password-input-wrapper .form-phone-wrapper, #forgotFormWrapper .form-phone-wrapper {
      background-position-x: right;
    }
  }
  #registerForm .btn-get-code, .change-password-input-wrapper .btn-get-code, #forgotFormWrapper .btn-get-code {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--fff);
    background-color: var(--color);
    border-radius: 0.5rem;
  }
  #registerForm .btn-get-code:disabled, .change-password-input-wrapper .btn-get-code:disabled, #forgotFormWrapper .btn-get-code:disabled {
    opacity: 0.6;
  }
  
  .login-wrapper, .register-wrapper {
    margin-top: 1rem;
  }
  
  .btn-login, .btn-register {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--fff);
    background-color: var(--color);
    padding: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0.35rem;
  }
  
  #registerForm #account_checkMsg {
    display: flex;
    align-items: center;
  }
  #registerForm fieldset .show-loader {
    position: relative;
    width: 2rem;
    height: 1rem;
    background-image: url(../../images/loader-transparent.gif);
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  .code-match {
    background-color: rgb(85, 182, 187);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 0.5rem;
    color: var(--fff);
  }
  
  .login-footer-wrapper, .register-footer-wrapper {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.5rem;
    margin-top: auto;
  }
  .login-footer-wrapper a, .register-footer-wrapper a {
    color: var(--color);
    padding: 0.25rem 2rem;
    border-width: 0.15rem;
    border-radius: 0.35rem;
    height: 100%;
  }
  .login-footer-wrapper a:hover, .register-footer-wrapper a:hover {
    color: var(--color);
  }
  
  .reg-bank-logo-wrapper {
    padding: 0 0.25rem;
    border-radius: 0.5rem;
  }
  .reg-bank-logo-wrapper .reg-bank-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0.25rem 0;
    height: 100%;
  }
  .reg-bank-logo-wrapper .reg-bank-logo img {
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
  .reg-bank-logo-wrapper .reg-bank-logo span {
    display: block;
    display: -webkit-box;
    max-height: 2.6em;
    line-height: 1.1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    text-align: center;
  }
  
  .reg-bank-detail-wrapper #regSelectedBankLogo {
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 0.5rem;
  }
  .reg-bank-detail-wrapper #regSelectedBankName {
    width: 100%;
    display: block;
    margin-top: 0.25rem;
    font-size: 0.9rem;
  }
  
  /* Index */
  .recommend {
    margin: 0 -0.5rem;
  }
  .recommend li {
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
  }
  .recommend li a {
    border-radius: 0.35rem;
  }
  
  .pop-navigation pop-sider {
    width: 15rem;
  }
  .pop-navigation .navigation-name {
    padding: 3.25rem 0;
  }
  .pop-navigation .navigation-name em {
    width: unset;
    text-align: center;
  }
  .pop-navigation .navigation-name em img {
    max-height: 5rem;
    max-width: 10rem;
  }
  .pop-navigation .navigation-name cite {
    height: 2rem;
  }
  .pop-navigation .navigation-logout a {
    display: flex;
    padding: 0.25rem;
    border-radius: 0.35rem;
    color: var(--fff);
  }
  .pop-navigation .navigation-logout a:hover {
    color: var(--fff);
  }
  
  .navigation-list {
    padding: 0 0.5rem 0.5rem 0.5rem;
  }
  .navigation-list li {
    margin: 0.5rem 0;
  }
  .navigation-list li a, .navigation-list li div {
    padding: 0.5rem;
    border-radius: 0.35rem;
  }
  .navigation-list li a i, .navigation-list li a img, .navigation-list li div i, .navigation-list li div img {
    margin-right: 0.5rem;
  }
  .navigation-list li a img, .navigation-list li div img {
    max-width: 1.5rem;
  }
  .navigation-list li a span, .navigation-list li div span {
    font-size: 0.9rem;
  }
  .navigation-list li a em, .navigation-list li div em {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .pop-language .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pop-language pop-title {
    font-weight: bold;
    padding: 0.5rem;
    align-items: center;
    justify-content: space-between;
    background-color: var(--block);
  }
  .pop-language pop-title span {
    color: var(--fff);
  }
  .pop-language pop-title a.ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin: unset;
    color: var(--fff);
    opacity: 1;
  }
  .pop-language .language-cont {
    padding: 0.5rem;
    background-color: var(--deep);
  }
  .pop-language .language-cont ul {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
  }
  .pop-language .language-cont ul li {
    padding: 0.25rem;
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .pop-language .language-cont ul li a {
    width: 2.25rem;
    height: 2.25rem;
  }
  .pop-language .language-cont ul li a i {
    font-size: 1.2rem;
  }
  .pop-language pop-solve .btn {
    opacity: 1;
    font-size: 1rem;
  }
  
  .pop-toggle-color .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pop-toggle-color pop-main {
    max-width: 500px;
  }
  .pop-toggle-color pop-title {
    font-weight: bold;
    padding: 0.5rem;
    align-items: center;
    justify-content: space-between;
    background-color: var(--block);
  }
  .pop-toggle-color pop-title span {
    color: var(--fff);
  }
  .pop-toggle-color pop-title a.ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin: unset;
    color: var(--fff);
    opacity: 1;
  }
  .pop-toggle-color pop-cont {
    background-color: var(--deep);
  }
  .pop-toggle-color .toggle-color-cont {
    padding: 0.5rem;
    display: flex;
    margin: 0 auto;
  }
  .pop-toggle-color .toggle-color-cont div {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    display: flex;
    justify-content: center;
  }
  .pop-toggle-color .toggle-color-cont div.active a i.ico-done {
    display: block;
  }
  .pop-toggle-color .toggle-color-cont div a {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    display: flex;
    margin: 0.25rem;
    position: relative;
  }
  .pop-toggle-color .toggle-color-cont div a i.ico-done {
    position: absolute;
    right: -0.05rem;
    top: -0.05rem;
    font-size: 1.15rem;
    color: var(--fff);
    display: none;
  }
  .pop-toggle-color .toggle-color-cont div a.template-red {
    background-color: var(--red);
  }
  .pop-toggle-color .toggle-color-cont div a.template-green {
    background-color: var(--green);
  }
  .pop-toggle-color .toggle-color-cont div a.template-blue {
    background-color: var(--blue);
  }
  .pop-toggle-color .toggle-color-cont div a.template-yellow {
    background-color: var(--yellow);
  }
  .pop-toggle-color .toggle-color-cont div a.template-black {
    background-color: var(--black);
  }
  .pop-toggle-color .toggle-color-cont div a.template-orange {
    background-color: var(--orange);
  }
  .pop-toggle-color .toggle-color-cont div a.template-sapphire {
    background-color: var(--sapphire);
  }
  .pop-toggle-color .toggle-color-cont div a.template-violet {
    background-color: var(--violet);
  }
  .pop-toggle-color .toggle-color-cont div a.template-cyan {
    background-color: var(--cyan);
  }
  .pop-toggle-color .toggle-color-cont div a.template-clear i.fa-ban {
    color: red;
    font-size: 2.5rem;
  }
  .pop-toggle-color pop-solve .btn {
    opacity: 1;
    font-size: 1rem;
  }
  
  .game-thumb {
    display: flex;
    flex-direction: column;
  }
  .game-thumb span {
    color: var(--fff);
    text-transform: uppercase;
    text-align: center;
    background-color: var(--color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    border-radius: 0.25rem;
    padding: 0.25rem;
    margin-top: 0.5rem;
    font-size: 0.85rem;
  }
  .game-thumb img {
    width: 100%;
  }
  
  /* Deposit */
  .custom-form-wrapper {
    color: var(--fff);
  }
  .custom-form-wrapper input, .custom-form-wrapper select {
    font-size: 1rem;
    background-color: var(--deep);
    border-radius: 0.35rem;
    border-color: transparent;
    color: var(--yellow);
    border-bottom: 1px var(--fff-1) solid;
  }
  .custom-form-wrapper input:focus, .custom-form-wrapper select:focus {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ced4da;
    background-color: var(--deep);
    color: var(--yellow);
    box-shadow: none;
    outline: none;
  }
  .custom-form-wrapper .custom-amount-wrapper input {
    font-size: 1.2rem;
  }
  .custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt span {
    width: 100%;
    height: 100%;
    background-color: var(--block);
    color: var(--fff);
    text-align: center;
    font-size: 0.9rem;
    border-radius: 0.35rem;
    padding: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 375px) {
    .custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt span {
      font-size: 0.75rem;
      padding: 0.25rem 0;
    }
  }
  .custom-form-wrapper .depo_img a {
    border-radius: 0.25rem;
  }
  .custom-form-wrapper .depo_img label {
    background-color: var(--deep);
    border-color: #ced4da;
  }
  .custom-form-wrapper .depo_img_text {
    font-size: 0.9rem;
  }
  .custom-form-wrapper .form-control:disabled, .custom-form-wrapper .form-control[readonly] {
    background-color: var(--deep);
  }
  
  .copy-bank-details-wrapper {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid white;
    border-radius: 0.5rem;
    margin-top: 0.75rem;
    font-size: 0.9rem;
  }
  .copy-bank-details-wrapper label {
    font-size: 0.9rem;
  }
  .copy-bank-details-wrapper .copy-bank-details-info {
    display: flex;
    align-items: center;
  }
  .copy-bank-details-wrapper .btn-copy-bank {
    background-color: var(--color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    height: 100%;
  }
  
  #btnSubmitDepo, #btnSubmitWithdraw, #btnSubmitBindBank {
    width: 100%;
    padding: 0.5rem;
    border-radius: 0.35rem;
  }
  
  #withForm .col label {
    font-size: 0.8rem;
  }
  #withForm .bank-info-wrapper {
    border: 1px solid var(--fff);
    border-radius: 0.5rem;
  }
  
  .custom-depo-bank-wrapper .custom-depo-bank {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
  }
  .custom-depo-bank-wrapper .custom-depo-bank .custom-depo-selected-bank {
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    background-color: var(--block);
    border: 2px transparent solid;
  }
  .custom-depo-bank-wrapper .custom-depo-bank .custom-depo-selected-bank .ico {
    color: var(--fff);
    font-size: 1rem;
    background-color: var(--red);
    position: absolute;
    right: 0;
    border-radius: 0 0 0 1rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 1;
    opacity: 0;
  }
  .custom-depo-bank-wrapper .custom-depo-bank.active .custom-depo-selected-bank {
    border-color: var(--red);
  }
  .custom-depo-bank-wrapper .custom-depo-bank.active .custom-depo-selected-bank .ico {
    opacity: 1;
  }
  .custom-depo-bank-wrapper .custom-depo-bank img {
    max-width: 4rem;
    border-radius: 1rem;
    padding: 0.5rem;
  }
  .custom-depo-bank-wrapper .custom-depo-bank span {
    font-size: 0.8rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  
  .qrcode-bank-wrapper {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    margin-top: 0.75rem;
    font-size: 0.9rem;
    overflow: hidden;
  }
  .qrcode-bank-wrapper .qrcode-bank-img-wrapper {
    width: 100%;
    padding: 0.5rem;
    background-color: var(--ddd);
  }
  .qrcode-bank-wrapper .qrcode-bank-img-wrapper img {
    display: block;
    min-height: 120px;
    max-height: 180px;
    margin: 0 auto;
  }
  .qrcode-bank-wrapper .qrcode-bank-details {
    padding: 1rem;
    width: 100%;
    background-color: var(--fff);
    color: var(--000);
    border-top: 1px solid var(--ddd);
  }
  .qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info {
    display: flex;
    align-items: center;
  }
  .qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info #bankaccber_to, .qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info .btn-copy-bank {
    color: #007bff;
  }
  .qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info .btn-copy-bank {
    padding: 0 0.5rem;
  }
  
  .depo-popup-qr-img {
    max-width: 20rem;
    max-height: 20rem;
  }
  
  /* USDT */
  .btn-crypto-option {
    color: var(--fff);
    border-radius: 5px;
    padding: 0.5rem;
    position: relative;
    border: 1px solid #ced4da;
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden;
  }
  
  .btn-crypto-option.active:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 1.45rem solid #fc7301;
    border-left: 1.45rem solid transparent;
  }
  
  .btn-crypto-option.active:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 10px;
    top: 30px;
    right: 6px;
    transform: rotate(40deg) translate(-50%, -50%);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  
  .usdt-qr-image {
    display: none;
  }
  
  /* Add Bank */
  .bank-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: 0.25rem;
    margin: 0 auto 1rem auto;
    overflow: hidden;
  }
  
  .btn-add-bank {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
  }
  
  .btn-add-bank:hover {
    text-decoration: none;
    color: #fff;
  }
  
  .bank-card:last-child {
    margin-bottom: 0;
  }
  
  .bank-card img {
    width: 100%;
  }
  
  .tick-check {
    position: absolute;
    bottom: -25px;
    right: 3px;
    color: #fff;
    font-size: 0.75rem;
  }
  
  .bank-card-tick-check-wrapper {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom: 30px solid #00aeef;
    border-left: 30px solid transparent;
  }
  
  .bank-card.active .bank-card-tick-check-wrapper {
    display: block;
  }
  
  .bank-card-details-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  
  .bank-card-details-wrapper span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
  }
  
  .bank-card-details-wrapper span:not(:first-child) {
    margin-top: 0.5rem;
  }
  
  /* Promotion */
  .option-switcher {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 1rem 0;
  }
  
  .option-switcher-tab {
    display: flex;
    margin-right: 0.5rem;
    flex-shrink: 0;
  }
  .option-switcher-tab span {
    background-color: var(--block);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: white;
  }
  .option-switcher-tab.active span {
    background-color: var(--color);
  }
  
  .promotion-container {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
  }
  .promotion-container .promotion-container-title {
    font-size: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--fff);
  }
  .promotion-container .promotion-container-title i {
    color: var(--color);
    margin: 0;
  }
  .promotion-container .promotion-container-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: bold;
  }
  .promotion-container .promotion-container-date {
    font-size: 0.85rem;
    font-weight: bold;
    color: var(--txt);
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  .promo-modal-table-wrapper {
    overflow-x: scroll;
    max-width: 100%;
    padding-bottom: 0.75rem;
  }
  .promo-modal-table-wrapper table td {
    border: 1px solid #ccc;
  }
  
  .promo-modal .modal-content {
    background-color: var(--deep);
  }
  .promo-modal .promo-modal-img-wrapper img {
    border-radius: 0.5rem;
  }
  .promo-modal .promo-modal-btn-wrapper {
    text-align: center;
  }
  .promo-modal .promo-modal-btn-wrapper a {
    color: white;
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
  }
  .promo-modal .modal-footer {
    justify-content: center;
  }
  
  .promo-modal-content td {
    border: 1px solid #ccc;
  }
  
  .promo-modal-table-wrapper {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 0.5rem;
  }
  
  /* Contact us */
  .contact-us-list li {
    margin-bottom: 0.5rem;
    transition-duration: 0s;
  }
  .contact-us-list li a {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 0.5rem;
    color: var(--fff);
    position: relative;
    overflow: hidden;
  }
  .contact-us-list li a u {
    flex: 1;
  }
  .contact-us-list li a span {
    font-size: 4rem;
    position: absolute;
    right: -1rem;
    bottom: -1rem;
    color: var(--000-1);
  }
  .contact-us-list li a .contact-us-list-content {
    font-size: 0.8rem;
  }
  .contact-us-list li em {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    background-color: var(--fff);
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
  }
  
  .contact-us-wrapper {
    color: var(--fff);
  }
  
  .btn-social {
    text-align: center;
    text-transform: capitalize;
    display: block;
    color: #fff !important;
    border-radius: 1rem;
    position: relative;
    padding: 0.75rem;
    font-size: 0.9rem;
  }
  
  .btn-telegram-blue {
    background-color: #08c !important;
  }
  
  .btn-wechat-green {
    background-color: #09b83e !important;
  }
  
  .btn-line-green {
    background-color: #00c300 !important;
  }
  
  .btn-mail-yellow {
    background-color: #ff4141 !important;
  }
  
  .btn-whatsapp-green {
    background-color: #25d366 !important;
  }
  
  .btn-livechat-black, .btn-livechat {
    background-color: #3a3a3a !important;
  }
  
  .btn-fb-blue {
    background-color: #29487d !important;
  }
  
  .btn-youtube-red {
    background-color: #cd201f !important;
  }
  
  .social-icon img {
    width: 30px;
    height: 30px;
  }
  
  .social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .social-content {
    display: flex;
    align-items: center;
  }
  
  .social-content span {
    color: #fff !important;
    word-break: break-word;
  }
  
  .modal.modal-slide-up {
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
    height: auto;
    max-height: 95%;
    overflow-y: hidden;
  }
  .modal.modal-slide-up .modal-dialog {
    margin: 0 auto;
    max-width: unset;
  }
  .modal.modal-slide-up .modal-title, .modal.modal-slide-up label {
    color: var(--fff);
  }
  .modal.modal-slide-up .modal-dialog-scrollable {
    max-height: 95vh;
  }
  .modal.modal-slide-up .modal-content {
    background-color: var(--deep);
    border: none;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .modal.modal-slide-up .modal-content .close {
    opacity: 1;
  }
  .modal.modal-slide-up .modal-content .close span {
    color: var(--fff);
  }
  
  .modal.modal-slide-up.fade .modal-dialog {
    transform: translate3d(0, 100%, 0);
  }
  
  .modal.modal-slide-up.show .modal-dialog {
    transform: translate3d(0, 0, 0);
  }
  
  .center-header-wrapper {
    padding: 0 0.25rem;
    margin-bottom: 0.5rem;
    overflow: hidden;
  }
  .center-header-wrapper .center-header-info-wrapper {
    padding-top: 7rem;
    background-image: url(../../images/fafa7/background/center.jpg);
    background-position: center top;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info {
    background-color: var(--color);
    border-radius: 0.5rem;
    position: relative;
    text-align: center;
    padding: 2.5rem 0 1rem;
    display: flex;
    flex-direction: column;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info .info-toggle {
    padding: 0.5rem;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info .center-header-info-email {
    font-size: 0.8rem;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info .avatar {
    width: 5rem;
    height: 5rem;
    border-width: 0.25rem;
    margin: -3rem auto 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info-wallet {
    width: 90%;
    background-color: var(--yellow);
    margin: auto;
    display: flex;
    align-items: center;
    border-radius: 0 0 0.35rem 0.35rem;
    padding: 0.75rem 0.5rem;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info-wallet span {
    text-transform: capitalize;
    font-weight: bold;
    color: #000;
    font-size: 0.85rem;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info-wallet u {
    flex: 1;
  }
  .center-header-wrapper .center-header-info-wrapper .center-header-info-wallet input {
    flex: 1;
    text-align: right;
    font-size: 0.9rem;
    color: var(--red);
    font-weight: bold;
  }
  .center-header-wrapper .center-btn-wrapper {
    display: flex;
  }
  .center-header-wrapper .center-btn-wrapper li {
    flex: 1;
    text-align: center;
    padding: 0.25rem;
  }
  .center-header-wrapper .center-btn-wrapper li a {
    display: flex;
    flex-direction: column;
    background-color: var(--block);
    border-radius: 0.35rem;
    padding: 0.75rem 0;
  }
  .center-header-wrapper .center-btn-wrapper li a i {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 1.5rem;
  }
  .center-header-wrapper .center-btn-wrapper li a span {
    color: var(--fff);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.8rem;
  }
  .center-header-wrapper .center-list-wrapper .list li:not(:last-child) {
    border-bottom-width: 1px;
  }
  .center-header-wrapper .center-list-wrapper .list li {
    border-color: var(--fff-1);
  }
  .center-header-wrapper .center-list-wrapper .list li a {
    background: transparent;
    color: var(--fff);
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    line-height: 1;
    margin: 0;
  }
  .center-header-wrapper .center-list-wrapper .list li a:hover {
    color: var(--fff);
  }
  .center-header-wrapper .center-list-wrapper .list li a:hover i, .center-header-wrapper .center-list-wrapper .list li a:hover span {
    color: var(--fff);
  }
  .center-header-wrapper .center-list-wrapper .list li a i {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
  }
  .center-header-wrapper .center-list-wrapper .list li a span {
    font-size: 0.9rem;
  }
  
  .center-info-list-wrapper {
    width: 100%;
    padding: 0 0.5rem;
  }
  .center-info-list-wrapper li {
    display: flex;
    align-items: center;
    border-bottom: 1px var(--fff-1) solid;
    padding: 0.5rem 0;
    line-height: 1;
  }
  .center-info-list-wrapper li span {
    color: var(--txt);
    text-transform: capitalize;
  }
  .center-info-list-wrapper li p, .center-info-list-wrapper li span {
    font-size: 0.85rem;
  }
  .center-info-list-wrapper li u {
    flex: 1;
  }
  .center-info-list-wrapper li b {
    color: var(--yellow);
  }
  
  .center-info-btm-wrapper .btn-big {
    margin: 0;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
  }
  
  #changePassForm div.row {
    border-bottom-width: 1px;
    color: var(--txt);
    border-color: var(--fff-1);
    padding: 0.5rem 0;
    display: flex;
    line-height: 1.1;
  }
  #changePassForm .change-password-input-wrapper {
    position: relative;
  }
  #changePassForm .change-password-input-wrapper label {
    display: flex;
    align-content: center;
    height: 100%;
    flex-wrap: wrap;
  }
  #changePassForm .change-password-input-wrapper .form-control {
    font-size: 0.9rem;
    padding-right: 2rem;
    background-color: var(--deep);
    border-color: transparent;
    color: var(--fff);
    border-bottom: 1px solid;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #changePassForm .change-password-input-wrapper .form-control:focus {
    background-color: var(--deep);
    border-color: transparent;
    color: var(--fff);
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  #changePassForm .change-password-input-wrapper .password {
    position: absolute;
    right: 0.25rem;
    top: 0.5rem;
  }
  #changePassForm .change-password-input-wrapper.form-phone-wrapper .form-control {
    padding-right: 0.75rem;
  }
  #changePassForm .change-password-input-wrapper.form-phone-wrapper .form-control:focus {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  
  .change-password-notes {
    padding: 0.75rem;
  }
  .change-password-notes span {
    color: var(--fff);
    font-weight: bold;
  }
  .change-password-notes li {
    font-size: 0.85rem;
  }
  
  .referral-data {
    display: flex;
    align-items: center;
    background-color: var(--block);
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
  .referral-data li {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .referral-data li span {
    color: var(--txt);
    font-size: 0.8rem;
  }
  .referral-data li .referral-data-count {
    font-size: 1.25rem;
  }
  
  .referral-data-url-wrapper {
    background-color: var(--color);
    border-radius: 0.5rem;
    padding: 0.5rem;
  }
  .referral-data-url-wrapper .h6 {
    font-weight: bold;
  }
  .referral-data-url-wrapper .referral-data-url {
    display: flex;
  }
  .referral-data-url-wrapper .referral-data-url input {
    background-color: var(--fff);
    color: #000;
    border-radius: 0.5rem;
    font-size: 0.85rem;
  }
  .referral-data-url-wrapper .referral-data-url .btn {
    border-radius: 0.5rem;
    padding: 0.5rem;
    color: #000;
    font-size: 0.85rem;
  }
  .referral-data-url-wrapper .referral-data-url .btn:hover {
    color: #000;
  }
  
  .referral-support {
    background-color: var(--block);
    border-radius: 0.5rem;
    display: flex;
    padding: 0.5rem;
  }
  .referral-support li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .referral-support li em {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    border: 0.25rem var(--color) solid;
    color: var(--color);
    font-size: 0.8rem;
    margin: 0.25rem 0;
    display: flex;
    align-items: center;
  }
  .referral-support li span {
    color: var(--txt);
    text-transform: uppercase;
    font-size: 0.65rem;
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
  
  #providerForm .custom-turnover-input-wrapper {
    color: var(--txt);
    border-color: var(--fff-1);
    border-bottom-width: 1px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.25rem;
  }
  #providerForm .custom-turnover-input-wrapper label {
    width: 35%;
    font-size: 0.9rem;
  }
  #providerForm .custom-turnover-input-wrapper input {
    padding-right: 1.5rem;
    padding-left: 0.25rem;
    background: transparent;
    color: var(--fff);
    border-color: transparent;
  }
  #providerForm .custom-turnover-input-wrapper i {
    position: absolute;
    right: 0;
  }
  
  .provider-item {
    padding: 0 !important;
  }
  
  .custom-provider-item {
    display: flex;
    align-items: center;
  }
  .custom-provider-item .custom-provider-button {
    text-align: center;
    background: var(--color);
    border-radius: 0.5rem;
    font-size: 0.8rem;
    padding: 0.5rem 0.25rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    color: var(--fff);
    font-weight: bold;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .turnover-item.custom-turnover-item {
    padding: 0 0.5rem;
    width: 100%;
  }
  .turnover-item.custom-turnover-item .checkbox {
    display: flex;
  }
  .turnover-item.custom-turnover-item label {
    padding: 0;
    display: flex;
    align-items: center;
    white-space: unset;
  }
  .turnover-item.custom-turnover-item label span {
    font-size: 0.8rem;
    padding-left: 3px;
    margin: 0;
  }
  
  .main.center .center-head {
    display: none;
  }
  
  .main form input.noico {
    background-color: var(--block);
    border-color: transparent;
    color: var(--fff);
  }
  .main form input.noico:focus {
    background-color: var(--block);
    border-color: transparent;
    color: var(--fff);
  }
  
  .btn-custom-submit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--fff);
    background-color: var(--color);
    padding: 0.5rem;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0.5rem;
  }
  
  .footer-faq-wrapper h1 {
    font-size: 1.8rem;
  }
  .footer-faq-wrapper h2 {
    font-size: 1.6rem;
  }
  .footer-faq-wrapper h3 {
    font-size: 1.5rem;
  }
  .footer-faq-wrapper h4 {
    font-size: 1.2rem;
  }
  .footer-faq-wrapper h5 {
    font-size: 1.05rem;
  }
  .footer-faq-wrapper h6 {
    font-size: 0.9rem;
  }
  
  /* HomeTab Slider */
  #homeTabWrapper {
    position: relative;
    background: #010022;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.35rem;
  }
  
  #homeTabLeftArrow, #homeTabRightArrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 100%;
  }
  
  #homeTab {
    width: 90vw;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: auto;
  }
  #homeTab ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    overflow: unset;
  }
  #homeTab ul > li {
    background: #010022;
    position: relative;
    box-sizing: border-box;
    width: 18vw;
    min-width: 70px;
    max-width: 100px;
    text-align: center;
    color: #987119;
    padding: 0 0.5rem;
  }
  @media (min-width: 576px) {
    #homeTab ul > li {
      width: 12.5vw;
    }
  }
  #homeTab ul > li i {
    height: 25px;
    width: 25px;
    margin-bottom: 5px;
  }
  #homeTab ul > li div, #homeTab ul > li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #homeTab ul > li div {
    color: var(--fff);
    padding: 3vw 0;
    font-size: 0.8rem;
  }
  #homeTab ul > li div span {
    transition: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
  }
  #homeTab ul > li a:hover span {
    color: #fca501;
  }
  #homeTab ul > li.active div {
    color: #fca501;
    font-size: 0.8rem;
    font-weight: 500;
  }
  #homeTab ul > li.active a span {
    color: #fca501;
  }
  
  .ht-sports {
    background-image: url(../../images/fafa7/v2/home/sports.png);
  }
  
  .ht-casino {
    background-image: url(../../images/fafa7/v2/home/casino.png);
  }
  
  .ht-slots {
    background-image: url(../../images/fafa7/v2/home/slots.png);
  }
  
  .ht-arcade {
    background-image: url(../../images/fafa7/v2/home/arcade.png);
  }
  
  .ht-lottery {
    background-image: url(../../images/fafa7/v2/home/lottery.png);
  }
  
  .ht-number {
    background-image: url(../../images/fafa7/v2/home/number.png);
  }
  
  .ht-poker {
    background-image: url(../../images/fafa7/v2/home/poker.png);
  }
  
  .ht-cockfight {
    background-image: url(../../images/fafa7/v2/home/cockfight.png);
  }
  
  .ht-forex {
    background-image: url(../../images/fafa7/v2/home/forex.png);
  }
  
  .ht-promotion {
    background-image: url(../../images/fafa7/v2/home/promotion.png);
  }
  
  .ht-vip {
    background-image: url(../../images/fafa7/v2/home/vip.png);
  }
  
  #homeTab ul > li.active .ht-sports {
    background-image: url(../../images/fafa7/v2/home/sports-active.png);
  }
  #homeTab ul > li.active .ht-casino {
    background-image: url(../../images/fafa7/v2/home/casino-active.png);
  }
  #homeTab ul > li.active .ht-slots {
    background-image: url(../../images/fafa7/v2/home/slots-active.png);
  }
  #homeTab ul > li.active .ht-arcade {
    background-image: url(../../images/fafa7/v2/home/arcade-active.png);
  }
  #homeTab ul > li.active .ht-lottery {
    background-image: url(../../images/fafa7/v2/home/lottery-active.png);
  }
  #homeTab ul > li.active .ht-number {
    background-image: url(../../images/fafa7/v2/home/number-active.png);
  }
  #homeTab ul > li.active .ht-poker {
    background-image: url(../../images/fafa7/v2/home/poker-active.png);
  }
  #homeTab ul > li.active .ht-cockfight {
    background-image: url(../../images/fafa7/v2/home/cockfight-active.png);
  }
  #homeTab ul > li.active .ht-forex {
    background-image: url(../../images/fafa7/v2/home/forex-active.png);
  }
  #homeTab ul > li.active .ht-promotion {
    background-image: url(../../images/fafa7/v2/home/promotion-active.png);
  }
  #homeTab ul > li.active .ht-vip {
    background-image: url(../../images/fafa7/v2/home/vip-active.png);
  }
  
  .home-tab-gamelist {
    display: none;
  }
  .home-tab-gamelist.active {
    display: block;
  }
  
  /* Affiliate */
  .radio-inline input {
    width: auto;
  }
  
  #btnAffSubmit {
    padding: 0.5rem;
    color: #fff;
  }
  
  .wrap-download .download-button-wrapper .download-button {
    background-color: var(--color);
  }
  
  /* MISC */
  .btn {
    border-radius: 0.35rem;
  }
  .btn.btn-big {
    padding: 0.5rem;
  }
  
  .btn-login, .btn-register, #btnSubmitDepo, #btnSubmitWithdraw, #btnSubmitBindBank {
    transition: background-color 0s;
  }
  
  .err-msg {
    font-size: 0.8rem;
    color: red !important;
  }
  
  .err-msg-wrapper {
    color: #dc3545;
    width: 100%;
    height: 100%;
    background-color: var(--block);
    text-align: center;
    font-size: 0.9rem;
    border-radius: 0.35rem;
    padding: 0.5rem;
  }
  
  .lb-msg, .text-danger {
    font-size: 0.9rem;
  }
  
  .g-wrap div, .g-wrap span, .g-wrap label {
    transition-duration: unset;
  }
  
  #afbSports2Modal .modal-content, #afbSports2Modal .modal-body {
    color: var(--000);
  }
  #afbSports2Modal .afb-sport-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #afbSports2Modal .afb-sport-link span {
    color: var(--000);
  }
  #afbSports2Modal .btn-close-wrapper {
    display: flex;
    justify-content: center;
  }
  #afbSports2Modal .btn-close {
    padding: 0.5rem 2rem;
    background-color: var(--color);
    color: var(--fff);
    border-radius: 2rem;
  }
  
  #sportsNoticeModal .modal-dialog {
    justify-content: center;
    color: var(--000);
  }
  #sportsNoticeModal .modal-dialog .modal-content {
    width: 90%;
  }
  #sportsNoticeModal .btn-close-wrapper {
    position: absolute;
    top: -1rem;
    right: -1rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0.5rem;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #sportsNoticeModal .btn-close-wrapper .close {
    color: var(--666);
    opacity: 1;
  }
  
  .hot-icon {
    position: absolute;
    top: -15px;
    right: -5px;
    background-image: url(../../images/fafa7/ico/hot.png);
    background-size: contain;
    background-position: right;
    z-index: 1;
    width: 40%;
    height: 50%;
    max-height: 2rem;
    max-width: 5rem;
  }
  
  .faq-wrapper h2 {
    font-size: 1.5rem;
  }
  .faq-wrapper p {
    font-size: 0.9rem;
  }
  
  .footer-fafabets-text {
    text-align: center;
  }
  .footer-fafabets-text a {
    font-weight: bold;
  }
  
  .footer-provider-title {
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .footer-provider-title span {
    padding: 0.25rem 1rem;
    background-color: var(--color);
    border-radius: 1rem;
    display: flex;
    font-size: 0.9rem;
  }
  
  @media (max-width: 375px) {
    footer {
      height: 50px;
    }
  }
  @media (max-width: 350px) {
    footer {
      height: 45px;
    }
  }
  .light-font-theme .main-left-info-wrapper .btn, .light-font-theme .btn-login, .light-font-theme .btn-register, .light-font-theme .btn.gradient, .light-font-theme .game-thumb span,
  .light-font-theme .pop-navigation .navigation-logout .btn, .light-font-theme .navigation-logout .btn:hover, .light-font-theme .navigation-logout .btn .ico,
  .light-font-theme .promo-modal .promo-modal-btn-wrapper a, .light-font-theme .copy-bank-details-wrapper .btn-copy-bank, .light-font-theme footer ul li.active a i.ico,
  .light-font-theme .announcement .ico-volume, .light-font-theme .option-switcher-tab.active span, .light-font-theme .promo-code-btn, .light-font-theme .promo-code-btn:hover,
  .light-font-theme .wrap-download .download-button-wrapper .download-button, .light-font-theme .footer-provider-title span, .light-font-theme .language-cont ul li a i,
  .light-font-theme #showQrImgModal .modal-footer .btn, .light-font-theme .modal.modal-slide-up .modal-title, .light-font-theme .modal.modal-slide-up label,
  .light-font-theme .modal.modal-slide-up .modal-content .close, .template-yellow .main-left-info-wrapper .btn, .template-yellow .btn-login, .template-yellow .btn-register, .template-yellow .btn.gradient, .template-yellow .game-thumb span,
  .template-yellow .pop-navigation .navigation-logout .btn, .template-yellow .navigation-logout .btn:hover, .template-yellow .navigation-logout .btn .ico,
  .template-yellow .promo-modal .promo-modal-btn-wrapper a, .template-yellow .copy-bank-details-wrapper .btn-copy-bank, .template-yellow footer ul li.active a i.ico,
  .template-yellow .announcement .ico-volume, .template-yellow .option-switcher-tab.active span, .template-yellow .promo-code-btn, .template-yellow .promo-code-btn:hover,
  .template-yellow .wrap-download .download-button-wrapper .download-button, .template-yellow .footer-provider-title span, .template-yellow .language-cont ul li a i,
  .template-yellow #showQrImgModal .modal-footer .btn, .template-yellow .modal.modal-slide-up .modal-title, .template-yellow .modal.modal-slide-up label,
  .template-yellow .modal.modal-slide-up .modal-content .close {
    color: var(--333);
  }
  
  .ffwin-theme header .header-wrapper .logo-wrapper img, .fafaglobal-theme header .header-wrapper .logo-wrapper img {
    max-width: 180px;
    height: auto;
  }
  
  .fafaglobal-theme #excModal .btn {
    background: #ff3434;
  }
  .fafaglobal-theme #excModal.modal-transfer .modal-body, .fafaglobal-theme #excModal .close {
    border-color: #ff3434;
  }
  
  /* Template Default color */
  .template-red {
    --color: var(--red);
    --text-color: var(--red);
  }
  
  .template-green {
    --color: var(--green);
    --text-color: var(--green);
  }
  
  .template-blue {
    --color: var(--blue);
    --text-color: var(--blue);
  }
  
  .template-sapphire {
    --color: var(--sapphire);
    --text-color: var(--sapphire);
  }
  
  .template-orange {
    --color: var(--orange);
    --text-color: var(--orange);
  }
  
  .template-yellow {
    --color: var(--yellow);
    --text-color: var(--yellow);
  }
  
  .template-cyan {
    --color: var(--cyan);
    --text-color: var(--cyan);
  }
  
  .template-violet {
    --color: var(--violet);
    --text-color: var(--violet);
  }
  
  .template-black {
    --color: var(--black);
    --text-color: var(--black);
  }
  
  /*# sourceMappingURL=styles.min.css.map */