@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");
@font-face {
    font-family: montserratbold;
    src: url(../../css/mcd88/fonts/Montserrat-Bold.ttf) format("truetype");
}
@font-face {
    font-family: montserratmedium;
    src: url(../../css/mcd88/fonts/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
    font-family: montserrat-bold;
    font-style: normal;
    src: url(../../css/mcd88/fonts/Montserrat-Bold.eot) format("embedded-opentype"), url(../../css/mcd88/fonts/Montserrat-Bold.woff) format("woff"), url(../../css/mcd88/fonts/Montserrat-Bold.svg) format("svg"), url(../../css/mcd88/fonts/Montserrat-Bold.ttf) format("truetype");
}
@font-face {
    font-family: montserrat-light;
    font-style: normal;
    src: url(../../css/mcd88/fonts/Montserrat-Light.eot) format("embedded-opentype"), url(../../css/mcd88/fonts/Montserrat-Light.woff) format("woff"), url(../../css/mcd88/fonts/Montserrat-Light.svg) format("svg"), url(../../css/mcd88/fonts/Montserrat-Light.ttf) format("truetype");
}
@font-face {
    font-family: montserrat-medium;
    font-style: normal;
    src: url(../../css/mcd88/fonts/Montserrat-Medium.eot) format("embedded-opentype"), url(../../css/mcd88/fonts/Montserrat-Medium.woff) format("woff"), url(../../css/mcd88/fonts/Montserrat-Medium.svg) format("svg"), url(../../css/mcd88/fonts/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
    font-family: montserrat-regular;
    font-style: normal;
    src: url(../../css/mcd88/fonts/Montserrat-Regular.eot) format("embedded-opentype"), url(../../css/mcd88/fonts/Montserrat-Regular.woff) format("woff"), url(../../css/mcd88/fonts/Montserrat-Regular.svg) format("svg"), url(../../css/mcd88/fonts/Montserrat-Regular.ttf) format("truetype");
}
#home .upcomingSection .upcomingCarousel {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateX(-50%) translateX(7.7rem);
    pointer-events: none;
}

#home .upcomingSection .upcomingCarousel a {
    pointer-events: auto;
    position: absolute;
    transition: transform 0.3s, opacity 0.3s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 0;
    height: 100%;
    border-radius: 0.1rem;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    opacity: 0.5;
}
#home .upcomingSection .upcomingCarousel a[data-active=false] {
    cursor: pointer;
}
#home .upcomingSection .upcomingCarousel a[data-active=true] {
    opacity: 1;
}

html {
    height: auto;
}

body {
     /*background: linear-gradient(to bottom, #00263c 0%, #111111 100%) no-repeat;*/
    background: #161a20;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-family: montserrat;
    color: #fff;
}

.row .row {
    margin-left: 0;
    margin-right: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #ccc;
    -webkit-box-shadow: 0 0 0 1000px #000 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.col-3.grc {
    padding-right: 0 !important;
}

@media (min-width: 992px) {
    .container {
        max-width: 100% !important;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .container {
        max-width: 768px !important;
    }
}
@media (max-width: 320px) {
    #s-title {
        font-size: 13px !important;
    }
    .dark-blue i {
        font-size: 20px !important;
    }
    #m-image img {
        width: 30px !important;
    }
}
#wrapper {
    font-family: montserrat;
    margin-bottom: 55px;
}

#s-title {
    font-size: 15px;
    color: #eab92d;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    font-family: montserrat;
    margin-bottom: 0;
}

#banner {
    width: 100%;
    height: auto;
    /* width: 99%;
    margin: 10px;
    border-radius: 21px;
    box-shadow: 0 0 20px #189dd8; */
}
#banner .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 0;
}
#banner .carousel-indicators li.active {
    background-color: #eab92d;
    width: 14px;
    border-radius: 10px;
}

#banner img {
    width: 100%;
    height: auto;
}

#banner .carousel-inner img {
    width: 100%;
    height: 10rem;
    /* border-radius: 21px; */
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    border: none !important;
    padding: 0 15px;
}

a:hover {
    cursor: pointer;
}

.hides {
    display: none;
}

/* Footer */
footer {
    text-align: center;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 51;
    width: 100%;
}

.footer {
    position: relative;
}

img.flogo {
    width: 120px;
}

#login-footer {
    width: 100%;
    position: relative;
    bottom: 0;
    text-align: center;
    z-index: 100;
    height: 53px;
}
#login-footer a {
    text-decoration: none;
}
#login-footer a img {
    max-width: 800px;
    width: 20%;
    float: left;
    padding: 10px;
}
#login-footer a img.ic-active {
    display: none;
}

#login-footer .contents {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    background: #353a41;
}

#login-footer .footer-btn a.active .ic-inactive {
    display: none;
}
#login-footer .footer-btn a.active .ic-active {
    display: block;
}
#login-footer .footer-btn a.active span {
    color: #43c3fe;
}

.footer-btn a img {
    width: 20px !important;
    padding: 0 !important;
}

.footer-btn {
    display: flex;
    height: 100%;
    top: 6px;
}

.footer-btn a {
    flex: 0 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer-btn a span {
    font-size: 0.6rem;
    color: #fff;
}

.copyright {
    background: #050f14;
    padding: 15px;
    color: #fff;
    font-size: 8px;
    margin-top: 20px;
}

nav.navbar {
    background: #0f1a23;
    padding: 10px 0;
    width: 100%;
}

.navbar-toggler {
    border-color: #eab92d;
    border: none;
}

.fa-bars:before {
    content: "" !important;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/menu.png) no-repeat;
    background-size: cover;
    width: 30px;
    height: 20px;
    display: block;
}

.dark-blue i {
    color: #eab92d;
    font-size: 25px;
}

.user-class {
    color: #666;
    font-weight: 600;
    font-size: 14px;
}

a.nav-link {
    border-bottom: 1px solid #373a3f;
    padding-left: 15px !important;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    display: flex;
}

a.nav-link .nav-link-item img {
    display: inline-block;
    width: 26px;
}

.last a.nav-link {
    border-bottom: none;
}

.back-btn {
    color: #eab92d;
    padding: 0.25rem 0.65rem;
    position: absolute;
    left: 5px;
}

.btn-toggler {
    position: absolute;
    left: 5px;
    z-index: 5;
}
.btn-toggler + .back-btn {
    left: 4rem;
}

form#login-form {
    margin: 0 auto 50px auto;
    padding: 0 0 10px 0;
    max-width: 500px;
    font-size: 13px;
    width: 86%;
}

#login-form .label {
    color: #fff;
}

#login-form span {
    color: #f44;
    margin-left: 5px;
}

.icon img {
    width: 35px;
}

@media (max-width: 320px) {
    .icon img {
        width: 30px;
    }
}
.col-9.label {
    font-size: 13px;
}

.col-3.icon {
    text-align: right;
}

#login-form input {
    width: 100%;
    background: #fff !important;
    padding: 8px;
    border: none;
    border-radius: 10px;
    outline: none;
    color: #000 !important;
    font-size: 13px;
}

#login-form .row {
    margin-top: 5px;
}

#login-form .margin-btm {
    margin-bottom: 0.5rem;
}

#login-form input.gcode {
    color: #ccc;
    text-align: center;
    background: #30414a;
    padding: 5px 0px;
    font-weight: 600;
    height: 2.4rem;
}

/*
#login-form input#captcha::placeholder, #login-form input#txtPassword::placeholder,
#login-form input#txtUsername::placeholder {
    color: #000;
}

#login-form input#captcha::placeholder, #login-form input#txtPassword::placeholder,
#login-form input#txtUsername::placeholder {
    color: #000;
}

#login-form input#captcha:-ms-input-placeholder, #login-form input#txtPassword:-ms-input-placeholder,
#login-form input#txtUsername:-ms-input-placeholder {
    color: #000;
}

#login-form input#captcha::-ms-input-placeholder, #login-form input#txtPassword::-ms-input-placeholder,
#login-form input#txtUsername::-ms-input-placeholder {
    color: #000;
}
*/
#login-form .col-12 {
    padding: 0 !important;
}

@media (max-width: 320px) {
    #login-form input.gcode {
        padding: 10px 0;
    }
    #login-form .col-3 {
        padding: 0 10px !important;
    }
}
.row.checking input {
    width: 15px !important;
    height: 15px;
    margin-right: 10px;
    margin-top: 2px;
}

.row.checking {
    width: 100%;
    margin: 20px auto !important;
    color: #eab92d;
    font-size: 13px;
    display: block;
    text-align: center;
}

input#btnSubmit {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

.btnSubmit {
    width: 100%;
    float: left;
    background: #eab92d !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px;
    margin-top: 15px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.content {
    margin: 15px auto;
    text-align: center;
    padding: 0 20px;
    width: 100%;
}

.desc {
    color: #eab92d;
    font-size: 12px;
}

.join-now {
    margin-top: 10px;
}

.join-now a {
    color: #ef3f43;
    text-decoration: underline;
    font-weight: 700;
    font-size: 14px;
}

form#register-form {
    margin: 0 auto 0 auto;
    padding: 10px;
    max-width: 500px;
    font-size: 13px;
    width: 90%;
}

#register-form span {
    color: #fff;
    margin-left: auto;
    padding: 0 10px;
}

#register-form input,
#register-form span.gcode {
    width: 100%;
    background: #fff !important;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    outline: none;
    color: #000 !important;
    font-size: 12px;
}

#register-form .col-10 input {
    min-width: 240px;
    font-size: 11px;
}

#register-form span.gcode {
    margin: 0;
    display: block;
}

#register-form span.gcode {
    color: #ccc;
    text-align: center;
    background: #30414a !important;
}

.registration.content {
    margin-bottom: 0;
}

#register-form .row.checking {
    width: 100%;
    font-size: 13px;
    color: #fff;
}

#register-form .row.checking a {
    margin-left: 10px;
}

#register-form input#sregister {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
}

#register-form .col-4,
#register-form .col-8 {
    display: flex;
    padding: 0 !important;
    align-items: center;
}

#register-form .col-3,
#register-form .col-9 {
    padding: 0 6px !important;
}

#register-form .errMsg {
    margin-left: 110px;
    color: red;
}

#register-form a#scancel,
#register-form input#btnSubmit {
    float: none;
    display: block;
}

#register-form .get_code {
    /* background: #022438; */
    border-radius: 10px;
    padding: 10px 4px;
}

#register-form .get_code span {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 2px;
    margin-left: 6px;
}

#register-form .getCode-btn {
    width: 100%;
    background: #eab92d !important;
    color: #fff !important;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 38px;
    display: block;
    margin-left: 0.5rem;
}

#register-form .getCode-btn.disabled {
    opacity: 0.7;
    pointer-events: none;
}

#m-image {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 11;
}

#m-image img {
    width: 35px;
}

.member.content {
    margin: 0;
    padding: 5px;
}

.member.content .user-name {
    font-size: 14px;
}

#profile .divider {
    width: 150px;
    background: #00aae9;
    height: 1px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
    float: unset;
}

.total-desc {
    letter-spacing: 2px;
    font-size: 14px;
    color: #00aae9;
    font-weight: 600;
    width: 100%;
    float: left;
    text-transform: uppercase;
}

.user-balance span {
    color: #cc842e;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
}

.user-balance {
    font-weight: 700;
    font-size: 30px;
    align-items: center;
    display: inline-flex;
}

/* .user-view a {
    background: #eab92d;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
} */
.user-view a {
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    background: #1dace7;
    background: linear-gradient(to bottom, rgb(29, 172, 231) 0%, rgb(3, 52, 77) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1dace7", endColorstr="#063f5a", GradientType=0) !important;
}

.member-button img {
    width: 100%;
}

.member-button a {
    padding: 0 !important;
}

.member-button {
    max-width: 768px;
    padding: 10px 10px 35px 10px;
    margin: 0 auto !important;
}

#member-info {
    width: 100%;
    margin: 0;
}

#member-info .col-5,
#member-info .col-2 {
    background: #000 !important;
}

#member-info .vertical-divider {
    background: #eab92d;
    width: 1px;
    height: 100px;
    margin: 0 auto;
}

#member-info .col-2 {
    display: flex;
    align-items: center;
    vertical-align: middle;
    max-width: 5% !important;
    padding: 0 !important;
}

#member-info .col-5 {
    max-width: 47.5%;
    flex: 0 0 47.5%;
    padding-top: 30px !important;
}

#member-info .u-name {
    padding-bottom: 0;
}

#member-info .u-view {
    padding-top: 0;
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .user-balance {
        font-size: 30px;
    }
    .total-desc {
        font-size: 11px;
    }
    .user-balance span {
        font-size: 11px;
    }
}
@media (max-width: 540px) {
    #member-info .u-name {
        padding-bottom: 15px;
    }
    .basic .user-balance {
        font-size: 30px;
    }
    .basic .total-desc {
        font-size: 10px;
    }
    .basic .user-balance span {
        font-size: 10px;
        margin-left: 5px;
    }
    #member-info .vertical-divider {
        height: 50px;
        margin-top: 20px;
    }
    .col-6.blue {
        font-size: 12px !important;
    }
    #other-info {
        font-size: 13px;
    }
}
@media (max-width: 375px) {
    .col-6.blue {
        font-size: 10px !important;
    }
    #other-info {
        font-size: 11px;
    }
}
@media (max-width: 320px) {
    .col-6.blue {
        font-size: 8px !important;
    }
    #other-info {
        font-size: 10px;
    }
}
#other-info {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding: 15px;
}

#other-info .row {
    width: 100%;
    font-weight: 700;
    margin-left: 0;
    margin-top: 1rem;
}

.col-6.blue {
    color: #eab92d;
    font-size: 14px;
    text-align: left;
}

#sreferral-list {
    width: 100%;
    float: left;
    background: #eab92d;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-top: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

#sapply {
    width: 100%;
    float: left;
    background: #eab92d;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.member-mail {
    width: 100%;
    border: 1px solid #1b5e83;
    border-radius: 5px;
    margin: 0 2px 3px 2px;
}

.member-mail a {
    width: 40px;
    display: block;
    margin: 6px auto;
}

.member-mail .member-mail__noti {
    position: absolute;
    top: -4px;
    right: -6px;
    background: red;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 12px;
}

#left-nav .member_avatar {
    position: relative;
}

#left-nav .member-mail__noti {
    position: absolute;
    top: -8px;
    right: 10px;
    background: red;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 12px;
}

.total-desc.single {
    margin-top: 20px;
}

#change-password-form {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 500px;
    font-size: 13px;
}

#change-password-form .label {
    color: #eab92d;
    font-weight: 600;
    margin: 5px 0 10px;
}

#change-password-form input {
    width: 100%;
    background: #fff !important;
    padding: 10px;
    border: none;
    border-radius: 10px;
    outline: none;
    color: #000 !important;
}

#change-password-form input#ssubmit {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 50px 0;
}

section#tabs {
    width: 100%;
    margin: 0 0 50px;
}

#tabs .col-12 {
    padding: 0 !important;
    text-align: left;
}

#tabs .nav-tabs {
    border-bottom: 1px solid #eab92d;
}

.nav-item.nav-link {
    background: #111;
    border-radius: 10px 10px 0 0;
    margin: 0 5px;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #eab92d;
    border: 0;
}

.nav-item.nav-link:hover {
    border: 0;
    background: #eab92d;
}

/** deposit ***/
.channelSection,
.receiptSection,
.amountSection,
.bankAccountSection {
    margin-bottom: 0.8rem;
}

.bankAccountSection .bank-list {
    padding-top: 10px;
    border-radius: 10px;
}
.bankAccountSection .bank-list img {
    width: 16px;
    margin-right: 8px;
}
.bankAccountSection .bank-list .i-bg {
    background: #2f343b !important;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 7px;
    padding: 8px 15px !important;
    margin: 0 0 13px;
    font-size: 12px;
    max-width: 90%;
    width: 90% !important;
}
.bankAccountSection .bank-list .bank-name:not(:last-child) {
    margin-bottom: 20px;
}
.bankAccountSection .bank-list .bank-name .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}
.bankAccountSection .bank-list .bank-name .form-check label {
    color: #fff;
    margin-right: auto;
    margin-left: 0.6rem;
}
.bankAccountSection .bank-list .bank-name .form-check .connection {
    margin-top: 0;
}
.bankAccountSection .bank-list .bank-name .form-check img {
    width: 30px;
}
.bankAccountSection .bank-list .bank-name .form-check .form-check-input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    padding: 5px;
    background: lightgrey none center/10px no-repeat;
    margin-bottom: 4px;
    border-radius: 50%;
}
.bankAccountSection .bank-list .bank-name .form-check .form-check-input[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.bankAccountSection .bank-list .bank-name .form-check .form-check-input:checked {
    background-color: #eab92d;
    border-color: #eab92d;
}
.bankAccountSection .btn {
    padding: 0 5px;
}
.bankAccountSection input {
    width: auto;
    background-color: #2f343b;
}

.form-label span {
    color: #eab92d;
    margin-left: 5px;
}

.receiptSection #upload-receipt span {
    background: #da1c5c;
    text-align: center;
    padding: 12px 0;
    border-radius: 10px;
    margin: 0 auto 0;
    width: 100%;
    color: #fff;
    display: block;
}
.receiptSection #upload-receipt input[type=file] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
}
.receiptSection .smallText {
    color: #eab92d;
    font-size: 13px;
}

.hides .btn {
    float: right;
}

.deposit-form,
.deposit-form-footer {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 24px;
    font-size: 13px;
}

.withdrawal-form-footer {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
}

.deposit-form .row,
#change-password-form .row {
    margin: 0.4rem 0;
}

.deposit-form .label {
    /* color: #eab92d; */
    color: #fff;
    margin: 0 0 10px;
    font-weight: 600;
    font-family: montserrat;
    font-size: 0.9rem;
}

.deposit-form .label span {
    color: #eab92d;
    margin-left: 5px;
}

.deposit-form select {
    width: 100%;
    background: #13131b;
    padding: 12px;
    border-radius: 8px;
    outline: none;
    color: #fff;
    border: 1px solid #13131b;
}
.deposit-form select:focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
}

.deposit-form select option,
.dropdown option {
    /*background-color: #000;*/
}

.deposit-form input,
.form_2 #ssubmit {
    width: 100%;
    background-color: #000;
    padding: 12px;
    border: none;
    border-radius: 8px;
    outline: none;
    color: #fff;
    font-family: montserrat;
}

.deposit-form input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.09rem rgba(0, 123, 255, 0.25);
}

.deposit-form #ssubmit,
.form_2 #ssubmit {
    background-color: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 375px) {
    .nav-item.nav-link {
        margin: 0 3px;
    }
}
@media (max-width: 320px) {
    #tabs #nav-tab {
        padding: 0 5px;
    }
    .nav-item.nav-link {
        font-size: 8px !important;
        margin: 0 2px;
    }
}
.deposit_btn {
    width: 100%;
    display: block;
    text-align: center;
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 10px;
    border-radius: 8px;
    text-transform: uppercase;
}

.deposit_blink_effect {
    animation: blinker 3s ease-in infinite;
    color: red;
    margin: 0;
}

@keyframes blinker {
    90% {
        opacity: 0;
    }
}
.connection {
    background: #8bc34a;
    font-size: 10px;
    padding: 1px 7px;
    float: right;
    margin-top: 0.4rem;
}

.connection::before {
    content: "\f111";
    font-family: fontawesome;
    margin-right: 5px;
    font-size: 7px;
}

.deposit-page .preset-amount {
    width: 100%;
    margin-top: 0.8rem;
    display: flex;
    justify-content: space-between;
}

.deposit-page .preset-amount a {
    background-color: #21242b;
    border-radius: 8px;
    text-align: center;
    padding: 0.5rem 0.6rem;
    color: #fff;
    display: inline-block;
    font-size: 0.8rem;
    white-space: nowrap;
}

.deposit-page #nav-tab a {
    margin: 0 2px;
}

a.internet {
    margin-right: 0.5%;
}

a.atm {
    margin-left: 0.5%;
}

.set-depositchannel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

@media (max-width: 375px) {
    .deposit-page .preset-amount a {
        padding: 0.6rem 0.3rem;
    }
    .bank-list .i-bg {
        width: 85% !important;
    }
}
@media (max-width: 320px) {
    .deposit-page .preset-amount a {
        padding: 0.6rem 0rem;
    }
    .bank-list .i-bg {
        width: 81% !important;
    }
    .connection {
        font-size: 10px;
        padding: 1px 3px;
    }
    .bank-name label {
        font-size: 10px;
    }
}
.preset-amount a.active {
    color: #eab92d !important;
}

.set-depositchannel a {
    color: #fff;
    width: 49%;
    float: left;
    border: 1px solid rgba(158, 158, 158, 0.6196078431);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
}

.set-depositchannel a.active {
    background: #eab92d;
    font-weight: 600;
}

h5.ht {
    color: #da1c5c;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
}

ol.blist {
    padding-left: 15px;
}

ol.blist li {
    list-style: decimal;
}

#the-list,
.the-bet-list {
    margin-top: 30px;
    margin-bottom: 40px;
}

#the-list table,
.the-bet-list table {
    font-size: 12px;
}

#the-list .table,
#the-list table,
.the-bet-list .table,
.the-bet-list table {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

#the-list table tbody tr {
    background-color: #585c64;
}

#the-list table td {
    color: #fff;
}

#the-list thead th,
.the-bet-list thead th {
    border-top: 0;
    background-color: #2f343b;
    font-weight: normal;
    border-left: 1px solid #585c64;
    border-right: none;
    border-bottom: none !important;
    border-top: none;
}

#the-list thead th:first-child,
.the-bet-list thead th:first-child {
    border-left: 0;
}

#the-list .table td,
#the-list table td,
.the-bet-list .table td,
.the-bet-list table td {
    border-left: 0;
    border-right: 0;
    padding: 8px 15px;
    white-space: nowrap;
    border-top: 0;
    vertical-align: middle;
}

#the-list table thead th,
.the-bet-list table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

#the-list table td,
#the-list table th,
.the-bet-list table td,
.the-bet-list table th {
    padding: 0.75rem;
    vertical-align: top;
}

@media (max-width: 580px) {
    .nav-item.nav-link {
        font-size: 12px;
        padding: 10px 5px !important;
    }
}
.withdrawal-form,
.form2 {
    width: 100%;
    margin: 0 auto;
}
.withdrawal-form .dropdown option,
.form2 .dropdown option {
    color: #fff;
}

.withdrawal-form .col-12,
.form2 .col-12 {
    padding: 0 !important;
}

.withdrawal-form .row,
.form2 .row {
    margin-left: 0;
    margin-right: 0;
}

.withdrawal-form .label,
.form2 .row {
    color: #eab92d;
    font-weight: 600;
    margin: 5px 0 10px;
    font-size: 14px;
    text-align: left;
}

.withdrawal-form .label {
    color: #fff;
    font-weight: bold;
    font-family: MontserratBold;
}

.withdrawal-form .label span,
.form2 .label span {
    color: #eab92d;
    margin-left: 5px;
}

.withdrawal-form select,
.form2 select {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: none;
    border-radius: 6px;
    outline: none;
    color: #000;
    font-size: 13px;
}

.withdrawal-form input,
.form2 input {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 6px;
    outline: none;
    color: #fff;
    font-size: 13px;
}

.withdrawal-form #ssubmit,
.form2 #ssubmit,
.form2 .ssubmit {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 30px 0 50px;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.withdrawal-form .display-only input,
.form2 .display-only input {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
}

.withdrawal-form .desc,
.form2 .desc {
    margin: 30px 0;
    text-align: center;
    width: 100%;
}

.withdrawal-form .desc .round:before,
.form2 .desc .round:before {
    content: "⚈";
    color: #fb4343;
    padding: 1px 4px;
    background: #fb4343;
    border-radius: 50%;
    font-size: 10px;
    margin: 3px;
}

#bank-info-form {
    max-width: 500px;
    margin: 0 auto;
    font-size: 13px;
}
#bank-info-form .row {
    margin-left: 0;
    margin-right: 0;
}
#bank-info-form .label {
    margin: 5px 0 10px;
    color: #fff;
    font-weight: bold;
    font-family: MontserratBold;
}
#bank-info-form .label span {
    color: #eab92d;
    margin-left: 5px;
}
#bank-info-form select,
#bank-info-form input {
    width: 100%;
    background: #000;
    padding: 12px 10px;
    border: none;
    border-radius: 10px;
    outline: none;
    color: #fff;
}
#bank-info-form select option {
    color: inherit;
}
#bank-info-form #ssubmit {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 30px;
}
#bank-info-form .desc {
    margin: 10px 0;
    text-align: center;
}

.form_2 span.lb-msg {
    display: block;
    width: 100%;
}

.transfer.desc {
    text-align: center;
    margin: 30px 15px;
}

#amount-info {
    color: #eab92d;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
}

@media (max-width: 414px) {
    #the-list table,
    .the-bet-list table {
        font-size: 11px;
    }
    #amount-info {
        font-size: 10px;
    }
    #amount-info span {
        font-size: 14px !important;
    }
    #amount-info .row {
        padding: 5px 5px 20px;
    }
}
#amount-info .row {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #eab92d;
    padding: 5px 15px 20px;
}

#amount-info span {
    color: #fff;
    font-size: 18px;
}

#bank.bet {
    /* width: 500px; */
    width: 100%;
    margin-top: 50px;
}

#bank.bet label {
    margin-left: 15px;
}

#bet-list,
#forex-855 {
    width: 100%;
}

#the-full {
    width: 100%;
    padding: 20px;
}

#statements-form {
    font-size: 13px;
    padding: 15px;
    border: 1px solid #373b42;
    border-radius: 6px;
    margin-top: 23px;
}

#statements-form .row {
    margin-left: 0;
    margin-right: 0;
}

#statements-form .label {
    /* color: #eab92d; */
    color: #fff;
    margin: 5px 0;
    font-weight: bold;
    font-family: MontserratBold;
    font-size: 14px;
}

#statements-form .label span {
    color: #f44;
    margin-left: 5px;
}

#statements-form input {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    border: none;
    border-radius: 6px;
    outline: none;
    color: #000;
}

#statements-form select {
    width: 100%;
    background: #050f14 !important;
    padding: 10px;
    border: none;
    border-radius: 6px;
    outline: none;
    color: #666 !important;
}

#statements-form #ssubmit {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 50px 0 0 !important;
    text-transform: uppercase;
}

#statements-form .col-6 .col-12 {
    padding: 0 !important;
    font-size: 13px;
    text-align: left;
}

#statements-form .shorter #ssubmit {
    margin-top: 25px !important;
}

.four-tab .nav-item {
    max-width: 25%;
    display: grid;
    align-items: center;
    margin: 0 3px;
}

@media (max-width: 450px) {
    .four-tab #nav-tab {
        padding: 0 !important;
    }
    .four-tab .nav-item {
        font-size: 10px;
    }
    #games .col-6 {
        font-size: 8px !important;
    }
}
#games {
    width: 100%;
    margin-top: 50px;
}

#games .col-6 {
    float: left;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 13px;
}

#games span.round:before {
    content: "⚈";
    margin-right: 10px;
    color: #414042;
    padding: 2px 4px;
    background: #414042;
    border-radius: 50%;
}

#games span.round.highlight:before {
    background: #fb4343;
    color: #fb4343;
}

#provider {
    padding: 15px;
}

#provider .check,
#provider .the-list .checkbox input {
    width: 16px;
    height: 16px;
    top: 0 !important;
}

#provider .bordering,
#provider .the-list,
#provider .the-list .checkbox {
    display: flex;
    flex-wrap: wrap;
}

#provider .bordering .col-4 {
    display: flex;
    align-items: center;
}

#provider .bordering input.check,
#provider .the-list .col-6 input {
    background-color: #fff !important;
}

.form-label {
    font-weight: 600;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
}

.bordering.col-12 {
    border: 2px solid #eab92d !important;
    border-radius: 10px;
    padding: 10px !important;
}

#provider .col-4 {
    float: left;
    width: 33.333%;
    margin: 10px 0;
    padding-right: 0 !important;
    padding-left: 5px !important;
    font-size: 13px;
    font-weight: 600;
}

#provider input {
    width: auto;
    margin-right: 8px;
}

#statements-form input.check,
#statements-form input.checksports,
#statements-form input.checklottery,
#statements-form input.checklive,
#statements-form input.checkslots {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #414042 !important;
    top: 3px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    padding: 8px;
}

.check:checked::before,
.checksports:checked::before,
.checklottery:checked::before,
.checklive:checked::before,
.checkslots:checked::before {
    position: absolute;
    left: 2px;
    top: -2px;
    content: "⚈";
    color: #eab92d;
}

.the-list.col-12 {
    margin-top: 30px;
    padding: 0 !important;
}

.the-list.col-12 .col-6 {
    width: 50%;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 600;
    padding-right: 0 !important;
    padding-left: 5px !important;
}

#the-full input#ssubmit {
    margin-top: 20px;
}

#the-full .col-6 {
    padding-left: 0px !important;
    padding-right: 9px !important;
}

.download.row {
    padding: 0 15px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

a.download-btn {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    text-decoration: none;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
}

.download .desc {
    width: 100%;
    text-align: center;
    margin: 20px 0 30px;
}

.poker,
.sport-ibc {
    margin: 5px 0;
}

#buy-in-form,
#buy-out-form {
    max-width: 500px;
    margin: 0 auto;
}

#buy-in-form .label {
    color: #eab92d;
    font-weight: 600;
    margin: 5px 0 10px;
    font-size: 13px;
}

#buy-in-form .label span {
    color: #f44;
    margin-left: 5px;
}

#buy-out-form .label {
    color: #eab92d;
    font-weight: 600;
    margin: 5px 0 10px;
    font-size: 13px;
}

#buy-out-form .label span {
    color: #f44;
    margin-left: 5px;
}

#buy-in-form input,
#buy-out-form input {
    width: 100%;
    background: #050f14 !important;
    padding: 10px;
    font-size: 13px;
    border: none;
    border-radius: 10px;
    outline: none;
    color: #fff !important;
    font-weight: 700;
}

#buy-in-form ::-moz-placeholder {
    color: #ccc;
    font-size: 12px;
    opacity: 1;
}

#buy-in-form ::placeholder {
    color: #ccc;
    font-size: 12px;
    opacity: 1;
}

#buy-out-form ::-moz-placeholder {
    color: #ccc;
    font-size: 12px;
    opacity: 1;
}

#buy-out-form ::placeholder {
    color: #ccc;
    font-size: 12px;
    opacity: 1;
}

#buy-out-form :-ms-input-placeholder {
    color: #ccc;
    font-size: 12px;
}

#buy-out-form ::-ms-input-placeholder {
    color: #ccc;
    font-size: 12px;
}

#buy-in-form .col-8,
#buy-in-form .col-4 {
    float: left;
    padding-left: 0 !important;
}

#buy-out-form .col-8,
#buy-out-form .col-4 {
    float: left;
    padding-left: 0 !important;
}

#buy-in-form .col-4,
#buy-out-form .col-4 {
    padding: 0 !important;
}

#buy-in-form input.transfer-btn,
#buy-out-form input.transfer-btn {
    margin: 0 !important;
    background: #cc842e !important;
    font-size: 13px;
}

.btm.row {
    max-width: 500px;
    padding: 15px;
    margin: 0 auto 34px auto;
}

.btm h6 {
    color: #eab92d;
    font-weight: 700;
    font-size: 12px;
}

.btm p {
    font-size: 10px;
    margin: 0;
    color: #eab92d;
    font-weight: 600;
}

.btm .poker-transfer {
    padding-left: 0 !important;
    margin: 5px 0;
}

.v-divide {
    background: #eab92d;
    width: 1px;
    height: 30px;
    margin-top: 10px;
}

.btm p .cvalue {
    color: #fff;
}

.btm p .conversion {
    color: #cc842e;
}

@media (max-width: 414px) {
    .btm h6 {
        font-size: 12px;
    }
    .btm p {
        font-size: 10px;
        margin: 0;
    }
}
.divider {
    width: 100%;
    float: left;
}

.three a.download-btn {
    margin-bottom: 10px;
}

.big-desc {
    font-weight: 700;
    color: #eab92d;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

#copy-data {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}

.data input {
    color: #eab92d;
    font-weight: 700;
    font-size: 14px;
    width: 100px;
    padding: 0 !important;
}

.data input + .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#copy-data img {
    width: 18px;
}

.data-contents {
    max-width: 500px;
    border: 1px solid #eab92d;
    margin: 0 auto;
    border-radius: 10px;
    padding: 15px;
    color: #cc842e;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.data {
    width: 100%;
}

.steps.row {
    padding: 0 15px;
    font-size: 12px;
    text-align: center;
}

.steps.row h5 {
    font-size: 14px;
    color: #eab92d;
    font-weight: 700;
    width: 100%;
}

.steps p {
    margin: 0;
    width: 100%;
}

.steps .v-divide {
    margin: 0 auto !important;
}

#FormPlayCenter .modal-content {
    background: #022438;
    border-radius: 10px;
    padding: 0 15px 15px;
}

#FormPlayCenter .member.content {
    background: none;
    border-bottom: 1px solid #eab92d;
    padding: 0 15px 15px;
}

#FormPlayCenter .col-12 {
    padding: 0 !important;
}

#FormPlayCenter .col-6 {
    padding-left: 0 !important;
}

a#sgame,
a#game_url {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.modal-content {
    border-radius: 10px;
    padding: 0 15px 15px;
}
.modal-content .closeModal {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

#FormCenter .member.content {
    background: none;
    border-bottom: 1px solid #eab92d;
    padding: 0 15px 15px;
}

#FormCenter .col-12 {
    padding: 0 !important;
}

#FormCenter .col-6 {
    padding-left: 0 !important;
}

.btn-btm.row {
    margin-top: 40px !important;
}

.btn-btm.row input#ssubmit,
.btn-btm.row input.ssubmit,
.btn-btm.row #scancel {
    margin: 0 !important;
}

.btn-btm.row a#scancel {
    background: transparent !important;
    border: 1px solid #eab92d;
    color: #eab92d !important;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

#promotions {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

#promotions .contents {
    padding: 10px;
    display: block;
    border: 1px solid #00aee1;
    border-radius: 10px;
    margin: 10px 10px 30px 10px;
    text-align: center;
}

#promotions img {
    width: 100%;
    height: auto;
}

#promotions p {
    font-size: 13px;
    text-align: center;
    margin: 10px;
    font-weight: 600;
}

#promotions table,
#promotions table td {
    border: 1px solid #000;
}

#promotions table td {
    padding: 0.5rem;
    vertical-align: middle;
}

#promotions table td p {
    margin: 0;
}

#promotions table {
    width: 100%;
}

a.join-btn {
    background: #eab92d;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    width: 49%;
    display: inline-block;
}

#promotions a.brown-btn {
    background: #daa520;
}

a.small-btn {
    color: #fff;
    font-size: 12px;
    padding-top: 1px;
    font-weight: 600;
    width: 49%;
    display: inline-block;
}

#slide-menu table {
    max-width: 500px;
    margin: 0 auto;
}

#slide-menu a {
    font-size: 14px;
    padding: 10px;
    display: inline-grid;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

#slide-menu {
    overflow-x: auto;
    width: 100%;
    background: #111;
    text-align: center;
    flex-wrap: nowrap;
    font-weight: 700;
    justify-content: center;
    border-bottom: none;
}

@media only screen and (max-device-width: 640px) {
    #slide-menu {
        justify-content: flex-start;
    }
}
@media only screen and (max-device-width: 768px) {
    #slide-menu {
        justify-content: flex-start;
    }
}
#slide-menu a:hover {
    color: #eab92d;
}

#slide-menu a:hover:after {
    width: calc(100% - 15px);
    position: absolute;
    bottom: 5px;
    content: "";
    border: 1px solid #eab92d;
    left: 50%;
    transform: translateX(-50%);
}

.play.row {
    padding: 0 15px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

a.play-btn {
    background: #eab92d !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    text-decoration: none;
    max-width: 500px;
    margin: 0 auto;
}

#games-bal {
    padding: 15px;
    text-align: center;
    color: #eab92d;
    font-size: 9px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px;
}

#games-bal span {
    color: #fff;
    font-size: 11px;
}

@media (max-width: 320px) {
    #games-bal {
        font-size: 7px;
    }
    #games-bal span {
        font-size: 10px;
    }
}
#games-bal .col-12 {
    padding: 0 !important;
    width: 100%;
}

#games-bal .col-6 {
    float: left;
    padding: 0 5px !important;
}

#games-bal .divider {
    height: 1px;
    background: #eab92d;
    margin: 10px 0;
}

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
}

img.hlogo {
    width: 100px;
}

#announce {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    color: #eab92d;
    font-size: 10px;
    background: #000;
    display: flex;
    align-items: center;
}

#announce img {
    width: 16px;
    margin-right: 10px;
}

.cicon img {
    width: 30px !important;
}

@media (max-width: 375px) {
    .cicon img {
        width: 25px !important;
    }
}
.carousel-control-next,
.carousel-control-prev {
    top: unset;
    bottom: 10px;
}

#slide-menu a.active {
    color: #eab92d;
}

#slide-menu a.active:after {
    width: calc(100% - 15px);
    position: absolute;
    bottom: 5px;
    content: "";
    border: 1px solid #eab92d;
    left: 50%;
    transform: translateX(-50%);
}

#promotions .contents.cc {
    border: 0;
    float: left;
    padding: 5px;
    margin-bottom: 50px;
}

#promotions .contents.cc a {
    width: 50%;
    float: left;
    padding: 5px;
}

#banner .col-4 {
    float: left;
    font-size: 10px;
    text-align: center;
    color: #01a8e7;
    font-weight: 700;
    padding: 5px !important;
}

@media (max-width: 375px) {
    #banner .col-4 {
        font-size: 8px;
    }
}
#banner .col-4 p {
    margin-top: 5px;
}

#banner.gamer {
    max-width: 500px;
    margin: 30px auto;
}

.gamer h5 {
    text-align: center;
    font-size: 13px;
    color: #eab92d;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.forex a {
    width: 100% !important;
    margin-bottom: 200px;
}

.navbar-item {
    display: flex;
    justify-content: center;
    height: 35px;
    width: 100%;
    align-items: center;
}

#left-nav img {
    height: 35px;
    margin-right: 15px;
}

/* #log-reg {
    display: flex;
}
.log-item {
    flex: 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.log-item img {
    width: 34px;
    height: 34px;
    margin-bottom: 4px;
}
.log-item span {
    color: #fff;
    font-size: 14px;
} */
.error_msg {
    width: 100%;
    color: red;
    margin-top: 5px;
}

#register-form .row {
    margin-top: 1em;
}

.member-button a {
    position: relative;
}

.member-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.member-box img {
    width: 40px;
    margin-bottom: 6px;
}

.member-box span {
    font-size: 12px;
    color: #fff;
    width: 70%;
    text-align: center;
    line-height: 14px;
}

.promo_content {
    display: none;
}

#lobby {
    max-width: 600px;
    margin: 0 auto;
}
#lobby .contents {
    padding: 10px;
    display: block;
    border: 1px solid #00aee1;
    border-radius: 10px;
    text-align: center;
}
#lobby .contents.cc {
    border: 0;
    padding: 5px 5px 1rem 5px;
    display: flex;
    flex-wrap: wrap;
}
#lobby .contents.cc a {
    flex: 0 33.33%;
    position: relative;
}
#lobby .contents.cc a .icons-hot {
    width: 35px;
    height: 35px;
    z-index: 9;
    background: url(/resources/images/hot.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 16%;
    top: 13%;
    transform: translate(50%, -50%);
}
#lobby .contents.cc a .icons-vpn {
    width: 25px;
    height: 25px;
    z-index: 9;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/vpn.webp) no-repeat;
    background-size: contain;
    position: absolute;
    left: 15%;
    top: 13%;
    transform: translate(-50%, -50%);
}
#lobby .contents.cc a .icons-new {
    width: 25px;
    height: 25px;
    z-index: 9;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/new.webp) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 17%;
    top: 13%;
    transform: translate(50%, -50%);
}
#lobby .contents.cc a img:hover {
    animation: swing 1s ease;
    animation-iteration-count: 1;
}
@keyframes swing {
    15% {
        transform: translateY(5px);
    }
    30% {
        transform: translateY(-5px);
    }
    50% {
        transform: translateY(3px);
    }
    65% {
        transform: translateY(-3px);
    }
    80% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0);
    }
}
#lobby .contents.cc a p {
    margin-top: 5px;
    margin-bottom: 4px;
    font-size: 0.58rem;
    font-weight: normal;
    position: relative;
    color: #ffffff;
    font-family: "montserrat";
}

#sport-tab #lobby .contents.cc a,
#casino-tab #lobby .contents.cc a {
    padding: 3px;
}

#lobby img {
    width: 100%;
    height: auto;
}

#lobby .slots img {
    padding: 2px;
}

#kiss-tab {
    margin: 0 auto;
}

.number-content a {
    position: relative;
}

.number-item {
    position: absolute;
    width: calc(100% - 10px);
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.number-item span {
    font-size: 12px;
    color: #fff;
}

#lobby .number-item img {
    width: 56%;
}

.spacing {
    margin-top: 1rem;
}

#tabs option,
#other-info span,
#other-info span a,
#statements-form .checking,
.center-transfer-white {
    color: #fff;
}

.form_2 span {
    font-size: 14px;
}

#other-info span img,
#other-info a img {
    width: 20px;
}

#depo_promo_content p {
    color: #fff;
}

#depo_promo_content td {
    border: 1px solid #fff;
}

#depo_promo_content table {
    width: 100%;
}

.poker .member .user-balance {
    font-size: 20px;
}

.poker .col-5 {
    padding: 20px 5px !important;
}

.poker .col-5 label {
    word-break: break-all;
}

#nav-tab a.nav-item {
    padding: 10px 0 !important;
}

.tabs_pass {
    margin-top: 0 !important;
}

#nav-tabContent2 {
    width: 100%;
    margin: 0 auto;
}

#announce a {
    font-size: 12px;
    color: #eab92d;
}

.scr888_lobby {
    margin-bottom: 50px;
    min-height: 640px;
    margin: 0 auto;
}

.scr888_lobby .download > *,
.scr888_lobby .steps h5,
.scr888_lobby .btn-btm .col-6 > * {
    text-transform: uppercase;
}

.scr888_lobby .steps p {
    color: #fff;
}

.scr888_lobby .data input {
    background: transparent;
}

.scr888_err {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    width: 70%;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
    display: none;
}

.scr888_err span {
    color: red;
}

.scr888_logo {
    margin: 30px auto 60px auto;
    display: block;
}

.loading {
    height: 100%;
    z-index: 1001;
}

.loading {
    position: fixed;
    margin: auto;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}

.loading::before {
    content: "";
    position: inherit;
    top: 50%;
    transform: translateX(-50%);
    left: 50%;
    width: 48px;
    height: 48px;
    background: url(../../user/img/loading.gif) no-repeat;
}

#popup-contents {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
}

.popup-deposit {
    background: linear-gradient(to bottom, #00263c 0%, #111111 100%) no-repeat;
    width: 330px;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 30px 22px;
    box-shadow: 8px 8px 20px #00263c;
}

.twhite {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 120%;
}

#popup-contents .divider {
    width: 100%;
    background: #eab92d;
    color: #eab92d;
    line-height: 50%;
    font-size: 1px;
    height: 2px;
    margin: 10% 0;
}

.tblue {
    color: #eab92d;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    line-height: 120%;
}

.c-ok {
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
}

a.cbtn {
    width: 45%;
    text-align: center;
    color: #00aaef;
    font-weight: 700;
    border: 1px solid #00aaef;
    border-radius: 6px;
    padding: 8px 0;
}

button.obtn,
a.obtn {
    width: 45%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: #00aaef;
    border: 1px solid #00aaef;
    border-radius: 6px;
    padding: 8px 0;
}

.pointer_events_none {
    pointer-events: none;
}

#modal {
    display: flex;
    padding: 15px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.5);
}

.modal-content {
    margin: auto;
    background: #eee;
    position: relative;
    z-index: 20;
    max-width: 600px;
    box-shadow: 0 4px 7px rgba(255, 255, 255, 0.25);
    padding: 1px;
}

.modal-body {
    padding: 0;
}

.modal-content-image {
    box-shadow: none;
}

.x-close {
    background: #666;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -8px;
    top: -8px;
    cursor: pointer;
    border-radius: 100%;
    color: #fdfdfd;
    font-size: 20px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    z-index: 1;
}

#jokerModal .modal-content {
    background: #022438;
    border-radius: 10px;
    padding: 0 15px 15px;
}

#jokerModal .member.content {
    background: none;
    border-bottom: 1px solid #eab92d;
    padding: 0 15px 15px;
}

#jokerModal .col-12 {
    padding: 0 !important;
}

#jokerModal .col-6 {
    padding-left: 0 !important;
}

.joker123_balance {
    color: #fff !important;
    font-size: 18px !important;
}

.msg {
    display: flex;
    align-items: center;
}

.msg_item {
    padding: 0 10px !important;
}

.msg_status {
    margin-right: 10px;
    width: 12px;
}

.msg_status span {
    background-color: red;
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 100%;
}

.msg_info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    color: #fff;
    padding: 10px 0;
    width: 100%;
}

.msg_info p {
    margin-bottom: 5px !important;
}

.msg_header {
    display: flex;
    justify-content: space-between;
}

.msg_from {
    font-size: 18px;
    font-weight: 700;
}

.msg_caption {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.msg_content {
    line-height: 24px;
    font-size: 16px;
    color: #999;
}

.msg_date {
    font-size: 15px;
    color: #999;
}

.msg_pop {
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.msg_pop_container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    background: #022438;
    z-index: 99999;
    box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    color: #fff;
    text-shadow: none;
    font-size: 18px;
    padding: 0;
    overflow: hidden;
}

.msg_pop_inner {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    padding: 0 10px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    max-height: 270px;
}

.msg_pop_close {
    position: fixed;
    right: 4px;
    background: #022438;
    color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 15px;
    font-size: 25px;
}

.msg_pop_header {
    height: 50px;
    width: 100%;
    color: #fff;
    background: transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.msg_pop_header h4 {
    text-transform: uppercase;
    margin: 0;
    font-size: 1.2rem;
}

.msg_pop_header label {
    font-size: 26px;
    text-align: center;
    display: block;
    line-height: 50px;
}

.msg_pop_body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    padding-bottom: 4rem;
}

.msg_pop_profile {
    display: flex;
}

.msg_pop_profile img {
    display: block;
    width: 100%;
}

.msg_pop_profile_caption {
    flex-direction: column;
    align-items: flex-start;
}

.msg_pop_profile .center-avtar {
    margin: 0;
    width: 80px;
    margin-right: 10px;
}

.msg_pop_profile .center-avtar img {
    width: 100%;
}

.msg_pop_from {
    font-size: 22px;
    font-weight: 700;
    margin-left: 10px;
    text-transform: capitalize;
}

.msg_pop_date {
    color: #000;
    font-size: 14px;
    text-align: right;
}

.msg_pop_caption {
    font-weight: 700;
    font-size: 15px;
    color: #000;
}

.msg_pop_content > * {
    color: #000;
    line-height: 1.5;
}

.msg_pop_content {
    color: #000;
    font-size: 0.9rem;
}
.msg_pop_content span {
    color: #000;
}

.lottery {
    margin-top: 10px;
    padding: 5px 15px !important;
}

#lobby .lottery .lottery_img {
    width: 69% !important;
    margin: auto !important;
    max-height: 214px !important;
    height: 100% !important;
}

.lottery_pool {
    display: block;
    width: 100%;
    margin: 15px 0;
}

.lottery_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

.lottery_btn .user-view {
    flex: 0 0 50%;
}

.lottery_btn .user-view a {
    display: block;
    width: 140px;
    font-size: 16px;
    text-transform: uppercase;
}

.main {
    width: 100%;
}

#lobby .lottery_text {
    margin: 5px 0;
    padding: 0 10px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    animation: blinker 3s ease-in infinite;
}

/* .slots {
    background: #000 !important;
} */
.slots-tab {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
}

.slots-tab .btn {
    flex: 0 0 30%;
    margin-bottom: 15px;
    margin-left: 11px;
    font-size: 0.22rem;
    box-shadow: 0 14px 9px -15px #fff;
}

.slots-tab .btn.active {
    background: #fc0;
}

.slots-tab .btn:last-child {
    flex: 0 0 0.1px;
    visibility: hidden;
}

.slots .slot_logo.slots_pplay {
    width: 100%;
    padding: 0 90px;
}

.slots .slot_logo.slots_joker123,
.slots .slot_logo.slots_bestgamer,
.slots .slot_logo.slots_sagaming,
.slots .slot_logo.slots_cq9 {
    width: 100%;
    padding: 10px 90px;
}

.slots .slot_logo {
    width: 7rem !important;
    /*padding: 20px 90px;*/
    padding: 0 !important;
}

.slots-contant {
    padding: 0 10px;
}

.slots .slots-contant ul {
    margin: 0;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
}

.slots-contant .slots-item {
    margin-bottom: 40px;
}

.slots-contant ul li {
    flex: 0 0 33.33%;
    padding: 0;
    margin: 5px 0;
}

.slots-contant ul li.col-two {
    flex: 0 0 50%;
}

.slots-contant ul li img {
    border-radius: 3px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.slots-contant ul li.col-two img {
    width: 100% !important;
    height: auto;
}

.slots-contant.slots_w88 ul li img {
    height: 140px;
}

.slots-contant.slots_haba_index ul li.col-two img {
    padding: 0 6px;
}

.slots-contant.slots_mg ul li.col-two img,
.slots-contant.slots_pplay ul li.col-two img {
    height: 6.4rem !important;
}

.slots-contant.slots_fish ul li.col-two img {
    height: 9rem !important;
}

.slots-contant.slots_bestgamer ul li.col-two,
.slots-contant.slots_fish ul li.col-two {
    padding: 6px;
}

.slots-contant ul li .slot-name {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    height: 34px;
    line-height: 16px;
    width: 100%;
    padding: 5px;
    text-align: center;
}

.slots-contant.slots_pt ul li .slot-name,
.slots-contant.slots_rtg ul li .slot-name,
.slots-contant.slots_mg ul li .slot-name {
    height: 100%;
}

.slots-item button.slick-arrow {
    display: none !important;
}

.slots ul.slick-dots {
    position: relative;
    padding: 0 50px !important;
}

.slots .slick-dots li {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    margin: 10px auto !important;
}

@media only screen and (max-width: 400px) {
    .slots-contant ul li,
    .slots-contant ul li.col-two {
        padding: 0 3px;
    }
}
.scr888_lobby .download .kiss_maint p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    line-height: 20px;
}

.kiss_maint-img {
    display: block;
    width: 50px;
    margin: 0 auto;
}

.scr888_lobby .download .kiss_maint .kiss_maint-msg {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.scr888_lobby .download .kiss_maint .kiss_maint-msg2 {
    font-size: 14px;
    text-transform: none;
}

.forget-form .forget-title {
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
}

.forget-form .forget-group {
    width: 80%;
    margin: 20px auto;
}

.forget-form input#btnSubmit {
    float: none;
    width: 80%;
    display: block;
    margin: 0 auto;
}

.forget {
    margin-top: 30px;
}

.forget .forget-step {
    text-decoration: underline;
    color: #fff;
}

.forget ul li {
    margin: 5px 0;
    color: #fff;
}

.ongdo-lobby {
    margin-bottom: 50px;
}

.ongdo-lobby .ca6 {
    display: flex;
    padding: 20px;
    margin-bottom: 5px;
    background: #000;
    border: 1px solid #eab92d !important;
    padding: 10px;
}

.ongdo-lobby .ca6 img {
    max-height: 130px;
    border: none !important;
}

.ongdo-lobby .ca6 span,
.ongdo-lobby .ca6 p {
    color: #fff;
}

.ongdo-lobby .ca6 span {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#kh_gaming_poker,
.poker_popup .poker_close {
    border-color: #eab92d !important;
}

.poker_popup .poker_close {
    line-height: 5px;
    color: #eab92d !important;
    padding-bottom: 3px !important;
}

#about_slider {
    background: transparent;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
}

#about_slider span {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}

#about_slider > * {
    color: #c0c0c0;
}

#about_slider i {
    font-size: 1.2rem;
    line-height: 0.8rem;
}

/* Menu */
ul.tab {
    margin: 0;
}

ul.tab li {
    font-size: 0.85em;
    color: #fff;
    flex: 0 0 20%;
}

ul.tab li:first-child a {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.tab li:last-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab a,.tab span {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 0 12px;
    color: #fff;
    background: #3e434a;
    background: linear-gradient(to bottom, rgb(62, 67, 74) 0%, rgb(40, 45, 52) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e434a", endColorstr="#282d34", GradientType=0);
    text-transform: uppercase;
    font-size: 0.9em;
}
.tab a.active, .tab a:hover,.tab a.active, .tab a:hover {
    color: #eab92d;
}
.tab a img {
    max-width: 70%;
    display: block;
    margin: 0 auto 0px;
}
.tab a i {
    max-width: 70%;
    height: 39px;
    width: 39px;
    display: block;
}

/* Footer */
.game-license {
    margin: 10px 0 0;
}

.footer-license {
    background-color: #0c1113;
    padding: 15px 14px 5px;
    padding-bottom: 5rem;
}

.trust-partner,
.powered-by {
    margin: 20px 0;
    padding-top: 5px;
}

.game-license-title,
.trust-partner-title,
.powered-by-title {
    font-family: montserrat;
    font-size: 0.7rem;
    color: #fff;
    margin: 10px;
}

.footer-license img,
.trust-partner img {
    width: 100%;
}

.footer-license hr {
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
    border-top: 0.1249rem dashed #eab92d;
}
.footer-license .footerLogo {
    width: 70%;
}
.footer-license .benefitImage {
    width: 80%;
}

.content-title {
    font-size: 1rem;
    color: #1dace7;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
}
.content-title span {
    color: inherit;
}

.bg-content-section {
    background-color: #0f1a23;
    width: 100%;
    overflow-x: scroll;
}
.bg-content-section .content-promotions {
    padding: 0 1.06rem;
    display: flex;
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
}
.bg-content-section .promoBox {
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
}
.bg-content-section .promoBox ul {
    width: 100%;
    display: flex;
    margin-bottom: 0;
}
.bg-content-section .promoBox ul li {
    width: 20rem;
    margin-right: 0.9375rem;
}
.bg-content-section .promoBox ul li > div {
    background: #1e2128;
    border-radius: 20px;
}
.bg-content-section .promoBox ul li .promo-slide-desc {
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.bg-content-section .promoBox ul li .promo-slide-desc h6 {
    font-size: 13px;
}
.bg-content-section .promoBox ul li .promo-slide-desc .promo-count {
    width: 100%;
}
.bg-content-section .promoBox ul li .promo-slide-desc .promo-count span,
.bg-content-section .promoBox ul li .promo-slide-desc .promo-count p {
    font-size: 12px;
    color: #ffffff;
    margin-bottom: unset;
}
.bg-content-section .promoBox ul li .promo-slide-desc .promo-count span + p,
.bg-content-section .promoBox ul li .promo-slide-desc .promo-count p + p {
    margin-top: 5px;
}
.bg-content-section .promoBox ul li .promo-slide-desc .btn-more {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background-color: rgb(27, 164, 222);
    margin-top: 5px;
    border-radius: 8px;
}
.bg-content-section .promoBox ul li .img-box {
    height: 100%;
    align-items: flex-end;
    display: flex;
}
.bg-content-section .promoBox ul li .img-box img {
    max-width: 100%;
    border-radius: 20px;
    width: 100%;
}
/* Header */
.control-nav {
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
}

.control-nav-item {
    padding: 0;
    flex: 0 0 40%;
    line-height: 24px;
    padding-left: 1rem;
}

.control-nav-balance-text {
    display: flex;
    align-items: center;
}

.control-nav-balance-text img {
    width: 0.95rem;
    height: auto;
    margin-right: 0.5rem;
}

.control-nav-balance-text span {
    font-size: 0.7rem;
    color: #fff;
}

.control-nav-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.control-nav-balance-amount {
    font-weight: bold;
    font-size: 0.8rem;
    text-align: left;
    font-family: MontserratBold;
    display: flex;
    align-items: center;
    margin-top: 5px;
    background: #22252c;
    border-radius: 5px;
    padding: 2px 10px;
}
.control-nav-balance-amount span {
    color: inherit;
}
.control-nav-balance-amount .refresh {
    margin-left: 5px;
}

.control-nav-btn img {
    width: 40px;
}
.control-nav-btn span {
    font-size: 0.7rem;
    margin-top: 3px;
    color: gold;
    /*padding: 3px;*/
}

.control-nav .control-nav-ewallet {
    display: flex;
    height: 100%;
    align-items: center;
    border-bottom-right-radius: 5px;
    flex-wrap: wrap;
    flex: 1;
    justify-content: start;
}

.member-transfer {
    padding: 0 !important;
}

.wallet-balance-total {
    text-align: center;
    display: flex;
    color: #fff;
    height: 60px;
}

.wallet-balance-total-balance {
    font-family: MontserratMedium;
    background-color: #eab92d;
    width: 65%;
    height: 100%;
    padding: 10px;
    font-size: 0.7rem;
}

.wallet-balance-total-balance-new {
    width: 100%;
}

.wallet-total-amount {
    font-family: MontserratBold;
    margin-top: 2px !important;
    font-size: 1.1rem;
    justify-content: center;
    background-color: #eab92d !important;
}

.wallet-balance-total-balance,
.wallet-total-amount {
    background-color: #1b6487 !important;
}

.wallet-total-amount .refresh-btn {
    color: #edbb54;
    margin-left: 5px;
    margin-top: 3px;
    font-size: 1rem;
}

.wallet-details-btn {
    width: 35%;
    height: 100%;
    align-self: center;
    background-color: #007dac !important;
    padding: 10px;
    cursor: pointer;
    outline: none;
    transition: 0.4s;
}

.btn-refresh-wallet {
    background-color: #1b6487 !important;
    margin-left: 5px;
}

.btn-refresh-wallet .refresh-btn {
    margin: 0;
}

.wallet-details-txt {
    font-family: MontserratBold;
    color: #fff;
    font-size: 0.75rem;
    padding: 0;
    text-align: right;
    align-self: center;
}

.wallet-details-arrowhead {
    color: #edbb54;
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    align-self: center;
    margin-top: -0.2rem;
    padding: 0 10px;
}

#walletDetailsModal {
    background-color: #144445;
    width: 100%;
    position: absolute;
}

#walletDetailsModal .modal-content {
    color: #fff;
    background-color: #0f1a23;
    border: none;
    padding: 10px 20px;
    margin: 0;
    text-align: center;
    padding-bottom: 100px;
    overflow-y: auto;
    height: calc(100vh - 127px);
    align-self: flex-start;
}

.modal-content .bottom-divider {
    border-bottom: 1px solid #eab92d;
}

.modal-content .right-divider {
    border-right: 1px solid #eab92d;
    margin: 8px 0;
}

.modal-col {
    padding: 3px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-content .subtitle-muted {
    margin-bottom: 5px;
    font-family: montserrat;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
}

.modal-col .subtitle-muted-value {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
}

.modal-content ul {
    display: flex;
    justify-content: center;
    width: 100%;
}

.modal-content ul li {
    font-family: montserrat;
    font-size: 0.6rem;
    color: #eab92d;
    margin: 0 auto;
}

ul.internalwallet {
    justify-content: flex-start;
}

ul.internalwallet li {
    width: 50%;
    margin: 0;
}

.header_transfer {
    width: 100% !important;
}

.header_transfer input,
.header_transfer select {
    background: #fff !important;
    color: #000 !important;
}

.bg-gray {
    background: #333;
    margin-top: 18px;
}

/* navbar */
.option-switcher {
    font-family: montserrat;
    font-size: 0.82rem;
    color: #fff;
    text-align: center;
    display: flex;
    margin-top: 15px;
    padding: 10px 0;
    overflow: scroll;
    flex-wrap: nowrap;
}

.option-switcher a {
    color: #fff;
    text-decoration: none;
}

.option-switcher > div:first-child,
.option-switcher > .option-item {
    border-top-left-radius: 8px;
}

.option-switcher > div:last-child,
.option-switcher > .option-item:last-child {
    border-top-right-radius: 8px;
}

.option-switcher > div.active,
.option-switcher > .option-item.active {
    opacity: 1;
    background-color: #eab92d;
}

.option-depo {
    border-bottom: 1px solid rgba(173, 175, 178, 0.4);
}
.option-depo > .option-item {
    background: none !important;
    padding: 10px !important;
    font-size: 0.78rem;
    white-space: nowrap;
    opacity: 1 !important;
}
.option-depo > .option-item i {
    width: 26px;
    height: 26px;
    margin-right: 0.2rem;
}
.option-depo > .option-item .ico-quick_pay {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/quick_pay.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item .ico-bank_transfer {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/bank_transfer.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item .ico-e-wallet {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/e-wallet.svg") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item .ico-crypto {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/crypto.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item.active {
    color: #eab92d;
}
.option-depo > .option-item.active .ico-quick_pay {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/quick_pay_active.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item.active .ico-bank_transfer {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/bank_transfer_active.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item.active .ico-crypto {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/crypto_active.png") center no-repeat;
    background-size: contain;
}
.option-depo > .option-item.active::after {
    content: "";
    width: 80%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 2px;
    position: absolute;
}
.option-depo > .option-item .borderLeft {
    background-color: rgba(173, 175, 178, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    height: 80%;
    width: 1px;
}

.nav-option {
    border-bottom: 1px solid #7b7e82;
    padding: 8px 0;
}

.option-switcher > div,
.option-switcher > .option-item {
    width: 50%;
    opacity: 0.5;
    padding: 10px 14px;
    position: relative;
    background-color: #eab92d;
}

.option-switcher > div.active .tick,
.option-switcher > .option-item.active .tick {
    display: flex;
}

.option-switcher > div .tick,
.option-switcher > .option-item .tick {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 26px solid #2e3033;
    border-left: 26px solid transparent;
}

.option-switcher > div .tick i,
.option-switcher > .option-item .tick i {
    position: absolute;
    top: 11px;
    right: 1px;
    font-size: 0.75rem;
    color: #fff;
}

#nav-tab.option-switcher a {
    margin: 0;
}

.nav-option > .option-item {
    padding: 10px;
    width: auto !important;
    font-size: 0.85rem;
    background-color: transparent !important;
    opacity: 1 !important;
    font-weight: 600;
    border-radius: 10px;
    border: 3px solid transparent;
    white-space: nowrap;
}
.nav-option > .option-item.active {
    background: #2f3239 !important;
    color: #fff !important;
    border-color: #1e2128;
}

.loginregister-container .option-switcher {
    padding: 10px 0;
}

#tabs #nav-tab {
    padding: 0 15px;
}

/* transfer popup */
.mcd88-transfer > * {
    font-family: montserrat;
}

.mcd88-transfer .transfer-content {
    width: 93%;
    box-shadow: none;
    border: none;
    padding: 0 !important;
    background-color: #fff;
}

.mcd88-transfer .transfer-in-out {
    display: flex;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

.mcd88-transfer .transfer-header {
    padding: 1.5rem 0 1rem 1rem;
}
.mcd88-transfer .transfer-header h6 {
    font-weight: 700;
    color: #000;
}
.mcd88-transfer .transfer-header .transfer-in-out {
    position: relative;
    padding-right: 2.1rem;
    padding-left: 2.1rem;
}
.mcd88-transfer .transfer-header .transfer-in-out .centeredLine {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mcd88-transfer .transfer-header .transfer-in-out .dividerLine {
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 50%);
    z-index: -1;
    background: #adafb2;
    opacity: 1;
    height: 1px;
    margin: 0;
}
.mcd88-transfer .transfer-header .transfer-in-out a {
    display: inline-block;
    position: relative;
    border-radius: 6px;
    border: 2px solid #fff;
}
.mcd88-transfer .transfer-header .transfer-in-out a .info {
    position: absolute;
    bottom: -42%;
    text-align: center;
}
.mcd88-transfer .transfer-header .transfer-in-out a .info.info-left {
    left: 50%;
    transform: translate(-50%, 50%);
}
.mcd88-transfer .transfer-header .transfer-in-out a .info.info-right {
    right: 50%;
    transform: translate(50%, 50%);
}
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-text,
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-left,
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-right {
    font-size: 0.8rem;
    margin-top: 0.1rem;
    line-height: 1.3;
    color: #212529;
    white-space: nowrap;
}
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-text span,
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-left span,
.mcd88-transfer .transfer-header .transfer-in-out a .info .transfer-right span {
    font-size: inherit;
    color: #000;
    font-weight: 600;
}
.mcd88-transfer .transfer-header .transfer-in-out a.t-active {
    border: 2px solid #da1c5c;
}
.mcd88-transfer .transfer-header .transfer-in-out a.t-active .tick {
    display: block;
}
.mcd88-transfer .transfer-header .transfer-in-out a.t-active .transfer-text,
.mcd88-transfer .transfer-header .transfer-in-out a.t-active .transfer-left,
.mcd88-transfer .transfer-header .transfer-in-out a.t-active .transfer-right {
    font-weight: 600;
}
.mcd88-transfer .transfer-header .transfer-in-out a .tick {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid #da1c5c;
    border-left: 18px solid transparent;
}
.mcd88-transfer .transfer-header .transfer-in-out a .tick i {
    position: absolute;
    top: 9px;
    right: 1px;
    font-size: 0.55rem;
    color: #fff;
}

.mcd88-transfer .transfer-info {
    padding: 1.5rem 1rem;
}
.mcd88-transfer .transfer-info .transfer-right {
    background-color: #eeeeee;
    border-radius: 0.5rem;
    padding: 3px 6px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mcd88-transfer .transfer-item {
    display: flex;
    align-items: start;
    margin-bottom: 0.4rem;
    color: #000;
}

.mcd88-transfer .transfer-item p,
.mcd88-transfer .transfer-item span {
    margin-bottom: 0;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}

.mcd88-transfer .transfer-step {
    flex-direction: column;
    margin-bottom: 0.6rem;
}

.mcd88-transfer .transfer-step span,
.text-color-green {
    font-weight: 700;
    color: #000;
    font-size: inherit;
}

.mcd88-transfer .transfer-step span {
    color: #eab92d;
}

.mcd88-transfer .transfer-step p {
    font-size: 0.77rem;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}

.mcd88-transfer .transfer-input {
    background-color: #eeeeee;
    height: 2.8rem;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.7rem;
}

.mcd88-transfer input {
    width: 100%;
    background-color: transparent;
    padding: 6px 12px;
    color: #000;
}

.transfer-item i {
    margin: 0 0.5rem;
    font-size: 1.2rem;
}
.transfer-item .transfer-left {
    white-space: nowrap;
}

.account-row .transfer-item span {
    font-size: 0.78rem;
    color: #000;
    white-space: nowrap;
}

.transfer-btn {
    padding: 0.85rem 0.4rem;
    text-align: center;
    background: #da1c5c;
    border-radius: 5px;
    color: #fff;
    font-size: 0.75rem;
    width: 100%;
    height: 100%;
}

.mcd88-transfer .transfer-footer {
    height: 3.4rem;
    line-height: 3.4rem;
    display: flex;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top: 1px solid #2d7ca0;
}

.mcd88-transfer .transfer-footer > * {
    color: #fff;
    text-align: center;
    flex: 0 0 50%;
}

.mcd88-transfer .transfer-right-border {
    border-right: 1px solid #2d7ca0;
}

.history_content .referralTop {
    height: 6.4rem;
    padding: 1.2rem;
    font-size: 0.7rem;
    text-align: left;
    color: #000;
    border-radius: 8px;
    border: 1px solid #7b7e82;
}
.history_content .referralTop .qr-code {
    width: 100px;
    height: 100px;
}

.referralTop .referral-desc {
    display: block;
    color: #fff;
    margin-bottom: 0.5rem;
    font-size: 0.7875rem;
}

.referCode {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    margin-top: 0.9rem;
}

.referralCode {
    width: 1%;
    border-radius: 4px 0 0 4px;
    background-color: #fff;
    padding: 0 0.3rem;
    color: #000;
    font-weight: bolder;
    height: 2.1rem;
    flex: 1 1 auto;
    font-size: 0.78rem;
}

.referralShare {
    border-radius: 0 4px 4px 0;
    background: #31aeef;
    color: #fff;
    height: 2.1rem;
    padding: 7px 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.referralShare > * {
    color: #fff;
    font-size: 0.84rem;
    text-transform: uppercase;
}

.referralShare i {
    margin-left: 0.4rem;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* CUSTOM */
.font-montserrat-bold {
    font-family: MontserratBold;
}

#announce {
    padding: 0px 15px;
}

#announce img {
    padding-bottom: 2px;
}

#announce a {
    color: #fff !important;
    font-size: 0.5rem;
    text-decoration: none;
}

#navbar.tab {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
    background: #1e2128;
    border-radius: 5px;
}
#navbar.tab a,#navbar.tab a span {
    padding: 4px;
    font-size: 0.6rem;
    transition: none;
    border-radius: 5px;
    background: transparent;
}
#navbar.tab a:hover,#navbar.tab a:hover span {
    color: #43c3fe;
}
#navbar.tab a i{
    max-width: 100%;
    width: 26px;
    height: 26px;
    display: inline-block;
    transition: none;
    margin-bottom: 4px;
}
#navbar.tab a i.ic-casino {
    background: url(/resources/images/category/live.png) center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-slot,#navbar.tab span i.ic-slot {
    position: relative;
    background: url(/resources/images/category/slot.png) center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-sport {
    background: url(/resources/images/category/sport.png) center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-p2p {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/icon/p2p.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-lottery {
    background: url(/resources/images/category/lottery.png) center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-rcb {
    background: url(/resources/images/category/horse.png) center no-repeat;
    background-size: contain;
}
#navbar.tab a i.ic-fishing {
    background: url(/resources/images/category/fish.png) center no-repeat;
    background-size: contain;
}

#navbar.tab a.active .ic-casino, #navbar.tab a:hover .ic-casino {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/casino_active.webp") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-slot, #navbar.tab a:hover .ic-slot {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/slot_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-sport, #navbar.tab a:hover .ic-sport {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/sport_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-p2p, #navbar.tab a:hover .ic-p2p {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/p2p_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-lottery, #navbar.tab a:hover .ic-lottery {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/lottery_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-rcb, #navbar.tab a:hover .ic-rcb {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/rcb_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-fishing, #navbar.tab a:hover .ic-fishing {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/fishing_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-esports, #navbar.tab a:hover .ic-esports {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/esport_active.png") center no-repeat;
    background-size: contain;
}
#navbar.tab a.active .ic-crash, #navbar.tab a:hover .ic-crash {
    background: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/crash_active.png") center no-repeat;
    background-size: contain;
}

.history_content {
    margin-top: 1.4rem;
}
.history_content .referralTop {
    height: auto;
}

#dropping-hot-wrapper {
    background-color: #000;
}

#dropping-hot-wrapper .wap-page {
    position: relative;
    width: 100%;
    height: 205px;
}

#dropping-hot-wrapper .wap-page > div {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

#dropping-hot-wrapper .dropping-hot {
    background: #000;
    height: 10rem;
}

.more-games {
    float: right !important;
    font-size: 0.6rem;
    margin-right: 18px;
    margin-top: 6px;
}

#dropping-hot-wrapper .container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#dropping-hot-wrapper .dropping-hot .group {
    display: flex;
    overflow-x: scroll;
    position: relative;
}

#dropping-hot-wrapper .dropping-hot .group .games-list {
    margin-left: 0;
    width: 23.28rem;
}

#dropping-hot-wrapper .dropping-hot .group .games-list .nav-tabs {
    height: 2.46rem;
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0.34rem;
    font-family: montserrat;
    width: 100%;
    display: flex;
    padding-left: 0.05rem;
    position: relative;
}

.games-list ul.nav-tabs li {
    border-bottom: 1.5px solid hsla(0, 0%, 100%, 0.25);
    height: 1.8rem;
}

/* .games-list .nav-tabs:before {
    content: "";
    width: 36.3rem;
    height: .1rem;
    position: absolute;
    bottom: 0;
    left: -.05rem;
    top: 27px;
    background: hsla(0, 0%, 100%, .25);
} */
#dropping-hot-wrapper .dropping-hot .group .games-list .nav-tabs li .tablinks {
    border-radius: 0.09rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.8rem 0.8rem;
    height: 0.8rem;
    font-size: 0.6rem;
    border: 1px solid hsla(0, 0%, 100%, 0.25);
    border-bottom-color: transparent;
    margin-right: 0.2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s, background 0.3s, border 0.3s;
    white-space: nowrap;
}

#dropping-hot-wrapper .dropping-hot .group .games-list .nav-tabs li .tablinks.active {
    background: #007dac;
    border: 0.01rem solid #007dac;
}

#dropping-hot-wrapper .dropping-hot .group .games-list .nav-tabs .tablinks span {
    color: #fff;
}

#dropping-hot-wrapper .nav.nav-tabs {
    flex-wrap: nowrap;
}

#dropping-hot-wrapper .game-content {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    min-height: 100px;
}

#dropping-hot-wrapper .tab-content .game-loader {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/loader-icon.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

#dropping-hot-wrapper .tab-content .game-under-maintenance {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

#dropping-hot-wrapper .game-content .force-hover a {
    color: #fff;
    text-decoration: none;
}

#dropping-hot-wrapper .game-content .force-hover a:hover {
    color: #fff !important;
}

#dropping-hot-wrapper .game-content li .img-box .hover-box {
    transition: transform 0.3s, opacity 0.3s;
    transform-origin: center bottom;
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 6, 7, 0.79);
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

#dropping-hot-wrapper .game-content li .img-box .hover-box > span {
    background: #929292;
    color: #414141;
    border-radius: 0.05rem;
    cursor: pointer;
    font-family: nunito-bold;
    margin: 0.05rem;
    width: 1.59rem;
    height: 0.49rem;
    font-size: 0.25rem;
    border-right: 0.05rem;
}

#dropping-hot-wrapper .game-content li .img-box .hover-box > span:first-child {
    background: #ec1c23;
    color: #fff;
    white-space: nowrap;
}

#dropping-hot-wrapper .game-content li {
    overflow: hidden;
    border-radius: 0.1rem;
    background: #131313;
    margin-bottom: 0.33rem;
    transform: translateY(0);
    transition: transform 0.3s;
    width: 7.48rem;
    height: 6.83rem;
    margin-right: 0.23rem;
    flex: 0 0 auto;
    display: block;
}

#dropping-hot-wrapper .game-content li:last-child {
    margin-right: 0;
}

#dropping-hot-wrapper .game-content li .img-box {
    width: 7.48rem;
    height: 5.11rem;
    position: relative;
    display: block !important;
    overflow: hidden;
}

#dropping-hot-wrapper .game-content li p:after,
#dropping-hot-wrapper .game-content li p:before {
    /* transition: background .5s; */
    content: "";
    position: absolute;
    background: #1dace7;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.07rem;
    display: block;
}

#dropping-hot-wrapper .game-content li p:after {
    transform: perspective(0.5em) rotateX(8deg);
    height: 0.09rem;
    bottom: 0.04rem;
    width: 1.64rem;
    left: 0.34rem;
}

#dropping-hot-wrapper .game-content li.force-hover a:hover,
#dropping-hot-wrapper .game-content li.force-hover:hover {
    transform: translateY(-0.11rem);
    box-shadow: 0 0.1rem 0.04rem #121111;
    display: block;
}

#dropping-hot-wrapper .game-content li.force-hover a:hover p:after,
#dropping-hot-wrapper .game-content li.force-hover a:hover p:before,
#dropping-hot-wrapper .game-content li.force-hover:hover p:after,
#dropping-hot-wrapper .game-content li.force-hover:hover p:before {
    background: #ec1c23;
}

.icon-game-common {
    display: inline-block;
    width: 1.81rem;
    height: 1.18rem;
    background-size: 100% 100%;
}

#dropping-hot-wrapper .game-content .force-hover i {
    background-size: contain;
    display: block;
    width: 26px;
    height: 23px;
}

#dropping-hot-wrapper .game-content li p span {
    width: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 5.1rem;
}

#dropping-hot-wrapper .game-content li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #a2aabd;
    padding-bottom: 0.06rem;
    transition: color 0.3s;
    position: relative;
    height: 1.72rem;
    font-size: 0.42rem;
    padding-left: 0.32rem;
    padding-right: 0.2rem;
    padding-bottom: 0;
}

.icon-pp {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/pp_icon.png);
}

.icon-haba {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/haba_icon.png);
}

.icon-joker {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/joker_icon.png);
}

.icon-pt {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/pt_icon.png);
}

.icon-cq {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/cq_icon.png);
}

.icon-bs {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/bs_icon.png);
}

.icon-w88 {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/w88_icon.png);
}

.icon-pg {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/pg_icon.png);
}

.icon-playstar {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/playstar_icon.png);
}

.icon-mg {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/mg_icon.png);
}

.icon-netent {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/netent_icon.png);
}

.icon-sa {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/sa_icon.png);
}

.icon-icg {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/icg_icon.png);
}

.icon-ds {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/slot/ds_icon.png);
}

.referral-image-wrapper {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.referral-image-wrapper img {
    width: 110px;
}

.referral-title {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.referral-code-wrapper {
    padding: 0 !important;
}

.referral-code-wrapper .referralCode {
    width: 100%;
    margin-right: 0;
}

.referral-share-wrapper {
    padding-left: 5px !important;
}

.referral-share-wrapper .referralShare {
    width: auto;
}

.referral-share-wrapper span {
    font-size: 0.8rem;
    margin-right: 3px;
    text-transform: uppercase;
}

.referral-share-wrapper img {
    max-height: 16px;
    padding-bottom: 0.1rem;
}

.ambassadorSection {
    padding: 0px 15px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/application_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 50%;
}
.ambassadorSection .application {
    margin-top: 25px;
}
.ambassadorSection .application .ambernaImg {
    width: 100%;
}
.ambassadorSection .application .downloadWay {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ambassadorSection .application .downloadWay .applicationTitle {
    font-size: 0.8rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "montserrat";
}
.ambassadorSection .application .downloadWay .applicationDesc {
    color: #eab92d;
    font-size: 0.77rem;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: "montserrat";
}
.ambassadorSection .application .downloadWay .applicationImg a img {
    width: 100%;
}

.footer-social img {
    width: 30px;
    height: auto;
    margin-right: 5px;
}

.lotteryBG {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lottery/lottery_bg.webp);
    background-size: cover;
    min-height: 325px;
}

/* CSS WAY */
.marquee {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.7rem;
    color: #fff;
}

.marquee span {
    display: inline-block;
    color: #fff;
    animation: marquee 20s linear infinite;
}

#wrapper.wrapper-home {
    margin-bottom: 0;
}

.wrapper-home .slots {
    margin-bottom: 0;
}

.modal-content .right-divider {
    border-right: 1px solid #eab92d !important;
}

.modal-content .bottom-divider {
    border-bottom: 1px solid #eab92d !important;
}

.modal-content .modal-loader {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: 50%;
    width: 50px;
    height: 50px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/loader-icon.gif);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

#FormCenterKaiyuan .mcd88-transfer .transfer-content {
    background-size: 101% 101% !important;
}

/* Game Lobby */
#sport-tab #lobby .contents.cc a,
#casino-tab #lobby .contents.cc a,
#slots-tab #lobby .contents.cc a,
#fishing #lobby .contents.cc a,
#esport-tab #lobby .contents.cc a {
    padding: 4px 6px;
}

/* Deposit */
#nav-tab.option-switcher a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
}

#nav-crypto-tab img {
    width: 20px;
    height: 20px;
    margin-left: 2px;
}

#nav-crypto .crypto-reminder {
    border-radius: 5px;
    font-size: 85%;
    text-align: center;
    padding: 5px 0 !important;
}

#crypto-payment-type-title-wrapper {
    color: #fff;
    font-weight: bold;
}

#popup-contents-crypto {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
}

#popup-contents-crypto .divider {
    width: 100%;
    background: #eab92d;
    color: #eab92d;
    line-height: 50%;
    font-size: 1px;
    height: 2px;
    margin: 10% 0;
}

.deposit-crypto-btn {
    width: 100%;
    display: block;
    text-align: center;
    background: #eab92d !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0 20px;
    padding: 10px;
    border-radius: 10px;
}

.crypto-remark {
    text-align: left;
    padding: 15px;
}

.crypto-remark-title {
    color: red;
    text-decoration: underline;
    padding-left: 5px;
}

.crypto-remark-content {
    padding: 10px 10px 0 10px;
}

.crypto-remark-content ol {
    padding-left: 10px;
    margin-bottom: 0;
}

.crypto-remark-content li {
    list-style: decimal;
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 13px;
}

.deposit-page .preset-date {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.deposit-page .preset-date a {
    border: 1px solid #939393;
    border-radius: 5px;
    text-align: center;
    padding: 0.6rem;
    color: #cc842e;
    font-weight: 700;
}

.deposit-page .lang-cn.preset-date a {
    padding: 0.7rem;
}

.deposit-page .preset-date a.active {
    background-color: transparent;
}

.preset-date a.active {
    box-shadow: 0 0 5px #fff;
}

.deposit-quickpay-payment-method-wrapper .px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.quickpay-payment-selection.active .tick {
    display: block;
}
.quickpay-payment-selection.active .quickpay-payment-selection-title {
    font-weight: 500;
}
.quickpay-payment-selection .trapezoid {
    display: inline-block;
    padding: 0 0.5rem;
    position: absolute;
    top: 0;
    font-family: MontserratBold;
    font-size: 0.55rem;
}
.quickpay-payment-selection .trapezoid::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1.5em solid #edbb34;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
}
.quickpay-payment-selection .trapezoid span {
    color: black;
    font-size: 8px;
    position: relative;
}
.quickpay-payment-selection .tick {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #eab92d;
    border-left: 20px solid transparent;
}
.quickpay-payment-selection .tick i {
    position: absolute;
    top: 8px;
    right: 1px;
    font-size: 0.65rem;
    color: #fff;
}

.quickpay-payment-image-wrapper {
    height: 0px;
    padding-bottom: 100%;
    position: relative;
}
.quickpay-payment-image-wrapper img {
    width: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.quickpay-payment-selection-title {
    width: 100%;
    margin-top: 0.5rem;
    color: #fff;
}

.deposit-supported-bank {
    padding-top: 5px;
    border-top: 1px dashed #1dace7;
}

.deposit-history-footer-title,
.withdrawal-history-footer-title {
    font-family: montserratbold;
    font-weight: bold;
    font-size: 0.7rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

#tabs .deposit-form-footer .deposit-history-footer .col-12 {
    padding: 0 !important;
}

.deposit-history-table .table,
.history-table .table,
#the-list.custom-turnover-table .table,
.withdrawal-history-table .table {
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.deposit-history-table .table thead tr th,
.history-table .table thead tr th,
#the-list.custom-turnover-table .table thead tr th,
.withdrawal-history-table .table thead tr th {
    border-color: #2f343b !important;
    background-color: #2f343b !important;
    white-space: nowrap;
    padding: 0.75rem;
    font-size: 12px;
}

.deposit-history-table .table thead tr th,
.withdrawal-history-table .table thead tr th {
    width: 20%;
}

.deposit-history-table .table thead tr th:last-child,
.withdrawal-history-table .table thead tr th:last-child {
    width: 40%;
}

.history-table .table thead tr th {
    width: unset;
}

.history-table .table thead tr th:last-child {
    width: unset;
}

#the-list.custom-turnover-table .table tbody tr td {
    font-size: 11px;
}

.deposit-history-table .table tbody tr td,
.history-table .table tbody tr td,
#the-list.custom-turnover-table .table tbody tr td,
.withdrawal-history-table .table tbody tr td {
    white-space: nowrap;
    padding: 6px !important;
    border: 0px solid #eab92d !important;
    color: #fff;
}

.deposit-history-table .table tbody tr:nth-child(odd) td,
.history-table .table tbody tr:nth-child(odd) td,
#the-list.custom-turnover-table .table tbody tr:nth-child(odd) td,
.withdrawal-history-table .table tbody tr:nth-child(odd) td {
    background-color: #005675 !important;
    border-bottom: 0px solid #fff !important;
}

.deposit-history-table .table tbody tr:nth-child(even) td,
.history-table .table tbody tr:nth-child(even) td,
#the-list.custom-turnover-table .table tbody tr:nth-child(even) td,
.withdrawal-history-table .table tbody tr:nth-child(even) td {
    background-color: #585c64 !important;
}

.deposit-history-table-alert-success,
.deposit-history-table-amount,
.history-table-alert-success,
.history-table-amount {
    font-family: MontserratBold;
    color: #36ff00 !important;
    font-size: 12px;
}

.deposit-history-table-alert-failed,
.history-table-alert-failed {
    font-family: MontserratBold;
    color: #ff0000 !important;
    font-size: 12px;
}

.deposit-history-table-alert-other,
.history-table-alert-other {
    font-family: MontserratBold;
    color: #fff !important;
    font-size: 12px;
}

/* Withdrawal */
.withdraw-crypto-form select,
.withdraw-crypto-form input:not(#ssubmit),
.withdrawal-form .display-only input {
    font-size: 13px !important;
}

.withdrawal-form input:not(#ssubmit),
.withdrawal-form select {
    background-color: #000;
    color: #fff;
}

.withdrawal-form.withdraw-crypto-form .desc {
    margin: 15px 0;
}

.withdrawal-form.withdraw-crypto-form #ssubmit {
    margin-top: 25px;
    margin-bottom: 15px;
}

#ssubmit.btn-disabled {
    opacity: 0.7;
}

#tabs .specific-page-num {
    color: #000;
}

.withdrawal-form .desc,
#bank-info-form .desc {
    color: #fff;
}

.withdrawal-reminder-notes p {
    line-height: 1.2rem;
    font-size: 13px;
    color: #fff;
}

.withdrawal-reminder-notes h5.text-color-red {
    text-decoration: underline;
}

/* History */
.history-date-wrapper {
    padding-top: 5px;
}

.history-date-wrapper div:first-child {
    padding: 0 5px !important;
    padding-left: 0 !important;
}

.history-date-wrapper div:last-child {
    padding: 0 5px !important;
    padding-right: 0 !important;
}

.history-date-wrapper div .label {
    margin-bottom: 5px;
}

#history-options-wrapper .history-options-list {
    background: #111 !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
}

#history-options-wrapper .history-options-list .history-options {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#history-options-wrapper .history-options-list .history-options:last-child {
    margin-bottom: 0;
}

#history-options-wrapper .history-options-list .history-options input {
    background: #ccc !important;
    width: 16px;
    height: 16px;
    margin-right: 1rem;
}

#history-options-wrapper .history-options-list .history-options label {
    margin-bottom: 0;
}

.history-page-wrapper #the-list table {
    background-color: #0f1a23;
}

.history-page-wrapper #the-list table td {
    color: #fff;
    background-color: #0f1a23;
}

.history-page-wrapper .page-game #record-pagin-previous,
.history-page-wrapper .page-game #record-pagin-next {
    background-color: #eab92d !important;
}

.history-page-wrapper #record-pagin-amount,
.history-page-wrapper #record-pagin-order {
    color: #fff;
}

#history-form div.col-4.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.history-div-selection {
    font-size: 0.55rem;
    background-color: #eab92d;
    font-family: MontserratBold;
    opacity: 0.5;
    padding: 10px 4px;
    margin-bottom: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
    position: relative;
    text-align: center;
}

.history-div-selection.active {
    opacity: 1;
}

.history-table-wrapper {
    margin-bottom: 40px;
}

/* Register & Login */
#login-form .icon {
    display: none;
}

.memberBalanceSection {
    box-shadow: 0px 8px 8px -3px rgba(255, 255, 255, 0.15);
    border-radius: 0px 0px 12px 12px;
    padding-bottom: 0.5rem;
}

.regSection {
    width: 100%;
    display: flex;
    /*margin: 6px 0;*/
}

.loginBtn {
    background: #3e434a;
    background: linear-gradient(to bottom, rgb(62, 67, 74) 0%, rgb(40, 45, 52) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e434a", endColorstr="#282d34", GradientType=0);
}

.joinBtn {
    background: #1dace7;
    background: linear-gradient(to bottom, rgb(29, 172, 231) 0%, rgb(3, 52, 77) 100%);
}

.joinBtn,
.loginBtn {
    border: 0;
    font-size: 1rem;
    font-weight: 700;
    padding: 11px 0;
    width: 100%;
    display: block;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
}

.stepper-wrapper {
    margin: 0 auto !important;
    padding-top: 12px;
}

.stepper-wrapper .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.stepper-dot-wrapper {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: column;
    min-height: 104px;
    overflow: hidden;
}

.stepper-dot {
    font-size: 14px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9e9e9e;
    position: relative;
}

.stepper-dot:before {
    content: "";
    right: 100%;
    margin-right: 8px;
}

.stepper-dot:after {
    content: "";
    left: 100%;
    margin-left: 8px;
}

.stepper-dot:after,
.stepper-dot:before {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100vw;
    background: rgb(255, 255, 255);
}

.stepper-dot-wrapper:first-child .stepper-dot:before,
.stepper-dot-wrapper:last-child .stepper-dot:after {
    display: none;
}

.stepper-dot-image-wrapper {
    color: #fff;
}

.stepper-dot-edit,
.stepper-dot-tick,
.stepper-dot-wrapper.active.ticked .stepper-dot-edit,
.stepper-dot-wrapper.active .stepper-dot-text {
    /*display: none;*/
}

.stepper-dot-wrapper.active .stepper-dot-edit,
.stepper-dot-wrapper.active.ticked .stepper-dot-tick {
    display: block;
}

.stepper-dot-image-wrapper img {
    width: 14px;
    height: 14px;
}

.stepper-label-title {
    font-size: 10px;
    margin-top: 8px;
    text-align: center;
    color: #9e9e9e;
}

.stepper-dot-wrapper.active .stepper-label-title {
    color: #eab92d;
}

.stepper-dot-wrapper.active .stepper-dot {
    background-color: #eab92d;
}

form#register-form {
    max-width: 700px;
}

form#register-form fieldset:not(:first-child) {
    display: none;
}

#register-form fieldset .form-group,
#register-form fieldset .form-row,
#login-form .form-group,
#login-form .form-row {
    position: relative;
    margin-bottom: 12px;
}

#register-form fieldset .form-row .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#register-form fieldset .form-row .pl-0 {
    padding-left: 0 !important;
}

#register-form fieldset .form-row .pr-0 {
    padding-right: 0 !important;
}

#register-form fieldset .form-group ::-moz-placeholder {
    color: #000;
    font-size: 12px;
    opacity: 1;
}

#register-form fieldset .form-group ::placeholder {
    color: #000;
    font-size: 12px;
    opacity: 1;
}

#register-form fieldset .form-group :-ms-input-placeholder {
    color: #000;
    font-size: 12px;
}

#register-form fieldset .form-group ::-ms-input-placeholder {
    color: #000;
    font-size: 12px;
}

#register-form fieldset .form-group input,
#register-form fieldset .form-group select {
    font-size: 14px;
    padding-left: 50px;
    height: 40px;
    background: #fff;
    color: #000 !important;
    border: 1px solid #eab92d;
    border-radius: 0.25rem !important;
    transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

#register-form fieldset .form-group select {
    text-indent: 2rem;
}

#register-form fieldset .form-group input:focus,
#register-form fieldset .form-group select:focus {
    outline: none;
    color: #000 !important;
    box-shadow: none;
    border: 3px solid #eab92d;
    transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

#login-form .form-group input {
    padding-left: 35px;
    font-size: 14px;
    height: 40px;
    background: #fff;
    color: #000 !important;
    border-radius: 10px !important;
}

.login-form-logo-wrapper {
    text-align: center;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.login-form-logo-wrapper img {
    width: 80%;
}

#login-form .form-group.form-group-login-code input {
    padding-left: 0px;
}

#login-form .form-group input:focus {
    outline: none;
    box-shadow: none;
}

#login-form .row.form-group-checking {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px auto !important;
    color: #eab92d;
    font-size: 13px;
    text-align: center;
}

#login-form .form-group-checking .left-checking {
    display: flex;
    align-items: center;
    justify-content: center;
}

#login-form .form-group-checking .left-checking input#auto {
    width: unset;
    margin-right: 5px;
}

#login-form .form-group-checking .left-checking label {
    color: #eab92d;
    margin-bottom: 0;
}

#login-form .form-group-checking .left-checking .pretty input:checked ~ .state.p-primary-o label:before,
#login-form .form-group-checking .left-checking .pretty.p-toggle .state.p-primary-o label:before {
    border-color: #eab92d;
}

#login-form .form-group-checking .left-checking .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
    background-color: #eab92d !important;
}

#login-form .form-group-checking .right-checking {
    margin-left: auto;
}

#login-form .form-group-checking .right-checking a {
    color: #666;
    text-decoration: underline;
}

#login-form .form-register-note {
    align-items: center;
    justify-content: center;
}

#login-form .form-register-note p {
    color: white;
}

#login-form .form-register-note a {
    color: #eab92d !important;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 5px;
    text-transform: uppercase;
}

#register-form fieldset .form-group-left-icon,
#register-form fieldset .error-icon,
#login-form .form-group-left-icon {
    position: absolute;
    z-index: 4;
    background-color: transparent;
    border: 0;
    height: 40px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#register-form fieldset .form-group.show-error #tel-text {
    padding-right: 30px;
}

#register-form fieldset .form-group.show-error #tel-text ~ .error-icon {
    margin-right: 5px;
}

#register-form fieldset .form-group-left-icon,
#login-form .form-group-left-icon {
    left: 0;
    padding-right: 6px;
    padding-left: 10px;
}

#register-form fieldset .error-icon {
    right: 0;
    left: auto;
    margin-right: 10px;
    display: none;
}

#register-form fieldset .form-group-left-icon img {
    width: 24px;
    height: 24px;
}

#login-form .form-group-left-icon {
    width: 30px;
    height: 40px;
}

#login-form .form-group-left-icon i {
    display: block;
    color: #eab92d;
    font-size: 18px;
    padding: 10px;
}

#register-form fieldset .error-icon img {
    width: 25px;
    height: 25px;
}

#register-form fieldset .error-message {
    color: #f70004;
    font-size: 10px;
    font-weight: bold;
}

#register-form fieldset .success-message {
    color: #eab92d;
    font-size: 10px;
    font-weight: bold;
}

#register-form fieldset .show-loader {
    position: relative;
    width: 13px;
    height: 13px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/loader-icon.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

#register-form fieldset .show-loader-icon {
    position: relative;
    top: 2px;
    margin-right: 5px;
    padding: 0px 8px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/loader-icon.gif);
    background-size: contain;
    background-repeat: no-repeat;
}

#register-form fieldset .show-error .error-icon {
    display: flex;
}

#register-form fieldset .show-error input {
    padding-right: 35px;
}

#register-form fieldset #form-group-show-referral {
    font-size: 12px;
}

#register-form fieldset #form-group-show-referral img {
    width: 14px;
    height: 14px;
}

#register-form fieldset #form-group-referral {
    display: none;
}

#register-form fieldset .form-group-submit-btn {
    width: 100%;
    background: #eab92d !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

#register-form fieldset .form-group .form-control-normal {
    padding: 0.375rem 0.75rem;
}

.col-3-5 {
    flex: 0 0 27%;
    max-width: 27%;
}

.col-5-5 {
    flex: 0 0 46%;
    max-width: 46%;
}

.col-8-5 {
    flex: 0 0 73%;
    max-width: 73%;
}

#register-form fieldset .form-group.custom-input-group-wrapper input {
    padding-left: 55px;
    padding-right: 0;
}

#register-form .custom-input-group {
    position: absolute;
    top: 8px;
    left: 7px;
    pointer-events: none;
}

#register-form .custom-input-group-mobile {
    width: 24px;
}

#register-form .custom-input-group-flag {
    width: 18px;
}

#register-form .fullname-caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.03333em;
    color: #9e9e9e;
}

#register-form fieldset .btnGetCode {
    font-size: 11px;
    background-color: #eab92d;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#register-form fieldset .btnGetCode span {
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    font-size: 9px;
    color: #fff;
    line-height: 12px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    width: 50px;
}

#register-form fieldset .btnGetCode:hover {
    background-color: #545b62;
}

#register-form fieldset .btnGetCode:focus {
    outline: none;
}

#register-form #tel-text {
    text-align: center;
}

.register-done-content img {
    /* height: 80px; */
    height: auto;
    width: 208px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.register-done-content .p1-content {
    font-weight: bold;
    font-size: 1.36rem;
    color: #6d6d6d;
    line-height: 1.5;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.register-banner {
    padding: 0 !important;
}

.register-banner img {
    border-radius: 10px;
    width: 100%;
}

/* Promotions */
.popup-header .popup-btn {
    font-weight: bold;
    font-size: 1.2rem;
}

#promotions.content-promopage .promo-list .btn-promo-details {
    font-weight: bold;
    font-size: 1rem;
}

/* Misc */
#left-nav.right-nav-center-icon {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: right;
    position: absolute;
    right: 0;
}
#left-nav.right-nav-center-icon .left-bal {
    color: #fff;
    font-size: 14px;
}

#left-nav.right-nav-center-icon .member_avatar {
    display: block;
}

#left-nav.right-nav-center-icon img {
    width: 13px;
    height: auto;
    margin-left: 5px;
}

.text-color-red {
    color: red !important;
}

.text-decoration-underline {
    text-decoration: underline;
}

/* Footer Misc */
.footer-box-wrapper {
    padding: 12px 0;
}

.footer-box .title {
    font-family: montserratbold;
    font-size: 0.8rem;
    color: #fff;
    font-weight: bold;
}

.trust-partner-title {
    font-family: montserratbold;
    font-weight: bold;
}

.footer-box-gaming-wrapper {
    padding-right: 0px !important;
}

.footer-box-follow-wrapper {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.footer-box-gaming {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.icon-pagcor {
    display: inline-block;
    width: 110px;
    height: 32px;
    /* margin-top: -9px;
    position: absolute; */
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/pagcor.webp);
    background-size: 100% 100%;
}

.icon-curacao {
    display: inline-block;
    width: 6.5rem;
    height: 3.18rem;
    margin-right: 15px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/gc.webp);
    background-size: 100% 100%;
}

.icon-curacao:hover {
    cursor: pointer;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/gc.webp);
}

.footer-box-certification,
.footer-box-payment {
    flex-direction: row;
    align-items: center;
    line-height: 1px;
}

.footer-box-certification i {
    margin: 5px;
}

.footer-box-payment i {
    margin: 4px;
    margin-left: 0;
}

.footer-box-certification i:first-child,
.footer-box-certification i:last-child {
    margin-left: 0px;
}

.icon-bmm {
    display: inline-block;
    width: 2.45rem;
    height: 0.87rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/bnm.webp);
    background-size: 100% 100%;
}

.icon-bmm:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/bnm2.webp);
}

.icon-itechlab {
    display: inline-block;
    width: 1.42rem;
    height: 1.4rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/itech.webp);
    background-size: 100% 100%;
}

.icon-itechlab:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/itech2.webp);
}

.icon-global {
    display: inline-block;
    width: 1.62rem;
    height: 1.62rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/global.webp);
    background-size: 100% 100%;
}

.icon-global:hover {
    width: 1.62rem;
    height: 1.62rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/global2.webp);
    background-size: 100% !important;
}

.icon-payouts {
    display: inline-block;
    width: 4rem;
    height: 1.29rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/pay.webp);
    background-size: 100% 100%;
}

.icon-payouts:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/pay2.webp);
}

.icon-verified {
    display: inline-block;
    width: 4rem;
    height: 1.29rem;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/certification_5.webp);
    background-size: 100% 100%;
}

.icon-verified:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/certification_5_active.webp);
}

.footer-box-payment i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}

.icon-ok2 {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/ok2u_grey.webp);
}

.icon-ok2:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/ok2u.webp);
}

.icon-bitcoin {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/bitcoin.webp);
}

.icon-bitcoin:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/bitcoin2.webp);
}

.icon-tng {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/tng.webp);
}

.icon-tng:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/tng2.webp);
}

.icon-usdt {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/usdt.webp);
}

.icon-usdt:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/usdt2.webp);
}

.icon-eth {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/eth.webp);
}

.icon-eth:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/eth_active.webp);
}

.icon-h2pay {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/h2pay.webp);
}

.icon-h2pay:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/h2pay_active.webp);
}

.icon-spay {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/spay.webp);
}

.icon-spay:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/spay_active.webp);
}

.icon-visa {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/visa.webp);
}

.icon-visa:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/visa_active.webp);
}

.icon-master-card {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/master_card.webp);
}

.icon-master-card:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/master_card_active.webp);
}

.icon-duitnow {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/duitnow.webp);
}

.icon-duitnow:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/duitnow_active.webp);
}

.icon-fpx {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/fpx.webp);
}

.icon-fpx:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/fpx_active.webp);
}

.icon-iovation {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/iovation.webp);
}

.icon-iovation:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/iovation_active.webp);
}

.icon-metrix {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/metrix.webp);
}

.icon-metrix:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/metrix_active.webp);
}

.icon-rp1 {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_1_grey@2x.webp);
}

.icon-rp1:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_1_active@2x.webp);
}

.icon-rp2 {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_2_grey@2x.webp);
}

.icon-rp2:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_2_active@2x.webp);
}

.icon-rp3 {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_3_grey@2x.webp);
}

.icon-rp3:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/responsible_gaming_3_active@2x.webp);
}

/*** IDR ***/
.icon-dana {
    filter: grayscale(100%);
    width: 42px !important;
    height: 20px !important;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/payment/dana.webp) center/contain no-repeat !important;
}
.icon-dana:hover {
    filter: none;
}

.icon-bi-fast {
    filter: grayscale(100%);
    width: 46px !important;
    height: 15px !important;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/payment/bi_fast.webp) center/contain no-repeat !important;
}
.icon-bi-fast:hover {
    filter: none;
}

.icon-usdt2 {
    filter: grayscale(100%);
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/payment/usdt.webp);
}
.icon-usdt2:hover {
    filter: none;
}

.icon-card {
    filter: grayscale(100%);
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/payment/mastercard.webp);
}
.icon-card:hover {
    filter: none;
}

.icon-ovo {
    filter: grayscale(100%);
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/payment/ovo.webp);
}
.icon-ovo:hover {
    filter: none;
}

.footer-box-follow i {
    display: inline-block;
    width: 1.29rem;
    height: 1.29rem;
    background-size: 100% 100%;
}

.icon-youtube {
    margin-top: 10px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/youtube.webp);
}

.icon-youtube:hover {
    cursor: pointer;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/youtube_active.webp);
}

.icon-facebook {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/facebook.webp);
}

.icon-facebook:hover {
    cursor: pointer;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/facebook_active.webp);
}

.icon-telegram {
    margin-top: 10px;
    margin-right: 10px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/telegram.webp);
}

.icon-telegram:hover {
    cursor: pointer;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/telegram.webp);
}

.icon-instagram {
    margin-right: 10px;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/instagram.webp);
}

.icon-instagram:hover {
    cursor: pointer;
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/instagram_active.webp);
}

/* Recharge */
#showDepoAlertModal .modal-content {
    padding: 0;
    border-radius: 10px;
    opacity: 95%;
}

#showDepoAlertModal .modal-content .modal-body {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#showDepoAlertModalLabel {
    color: #fff;
}

#showDepoAlertModal .modal-content .modal-body p {
    color: black;
    font-size: 14px;
}

.deposit-alert-title {
    background-color: #1dace7;
    color: white;
}

.deposit-alert-title h5 {
    text-decoration: none;
}

.deposit-alert-title h5 i {
    color: #666;
}

.deposit-alert-notes {
    font-weight: 600;
    line-height: 1.5;
}

.btn-depo-alert-confirm {
    background-color: #1dace7;
    color: white;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 10px;
}

.btn-depo-alert-confirm:hover {
    color: #efeded;
    text-decoration: none;
}

/* Header */
#logo.himg {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

img.hlogo {
    width: 100%;
    max-width: 200px;
}

/* Center Info */
/* Turnover */
.select-provider-wrapper .px-0,
#statements-form .px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select-provider-wrapper .dropdown,
.select-provider-wrapper .filter-option-inner-inner,
.select-provider-wrapper .dropdown .dropdown-item span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.select-provider-wrapper .dropdown .btn.dropdown-toggle,
.select-provider-wrapper .bootstrap-select {
    border-radius: 10px;
    padding: 10px;
    background-color: #000;
    border: unset;
}

.select-provider-wrapper .bootstrap-select .dropdown-toggle:focus,
.select-provider-wrapper .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
    outline-offset: unset;
}

#statements-form .end-date-col {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#statements-form .dropdown-item span {
    color: #fff;
}

#statements-form .dropdown-item.active,
#statements-form .dropdown-item:active {
    background-color: #1dace7;
    color: #fff;
}

#statements-form .dropdown-item.active span,
#statements-form .dropdown-item:active span {
    color: #fff;
}

#statements-form #ssubmit {
    margin-top: 1rem !important;
}

#the-list.custom-turnover-table .table thead th {
    color: #fff;
}

/* Transfer List */
.transfer-list-logo-wrapper,
.transfer-list-provider-wrapper {
    padding: 10px;
    border: 1px solid #373b42;
    border-radius: 10px;
}
.transfer-list-logo-wrapper .transfer-list-top,
.transfer-list-provider-wrapper .transfer-list-top {
    display: flex;
    align-items: baseline;
    border-radius: 6px;
    margin-bottom: 0.65rem;
    justify-content: space-between;
}
.transfer-list-logo-wrapper .transfer-list-top > div > img,
.transfer-list-provider-wrapper .transfer-list-top > div > img {
    width: 42px;
}
.transfer-list-logo-wrapper .gameDivider,
.transfer-list-provider-wrapper .gameDivider {
    background-color: #373b42;
    opacity: 1;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}
.transfer-list-logo-wrapper .playNowButton,
.transfer-list-provider-wrapper .playNowButton {
    margin-bottom: 0.25rem;
}
.transfer-list-logo-wrapper .playNowButton .btn,
.transfer-list-provider-wrapper .playNowButton .btn {
    font-size: 0.65rem;
    font-weight: 600;
    background: #31aeef;
    border-radius: 2rem;
    padding: 4px 20px;
    text-transform: uppercase;
    font-family: montserrat;
}

.transfer-list-logo-wrapper img {
    width: 50px;
}

.transfer-list-logo-wrapper span {
    color: #eab92d;
    padding: 0 2px;
}

.transfer-list-logo-wrapper i,
.transfer-list-provider-wrapper .transfer-custom-sign-wrapper i {
    color: #eab92d;
    font-size: 12px;
}

.transfer-list-logo-wrapper .transfer-list-total-balance span,
.transfer-list-provider-wrapper .transfer-list-total-balance span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.transfer-list-logo-wrapper:not(.collapsed) .fa-custom-sign:before,
.transfer-list-provider-wrapper:not(.collapsed) .fa-custom-sign:before {
    content: "\f068";
}

.transfer-list-logo-wrapper.collapsed .fa-custom-sign:before,
.transfer-list-provider-wrapper.collapsed .fa-custom-sign:before {
    content: "\f067";
}

.transfer-list-provider-wrapper .center-transfer-white {
    font-size: 13px;
    color: #fff;
}

.transfer-list-provider-wrapper .transfer-custom-sign-wrapper {
    padding-left: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#transfer-list ul {
    padding-left: 16px;
    margin: 5px 0 0;
}

#transfer-list li {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    list-style: disc;
    color: #b2b2b2;
    padding-bottom: 10px;
}

#transfer-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 5px;
}

ul.center-transfer-game-detail {
    margin: 0;
}

.center-transfer-game-detail li {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #b2b2b2;
    display: flex;
    justify-content: space-between;
}

.center-transfer-game-detail li a {
    margin-bottom: 0.2rem;
    padding: 4px 6px;
    background-color: #2f343b;
    color: #eab92d;
    width: 100%;
    margin-right: 0.6rem;
    font-family: montserrat;
    font-size: 0.7rem;
}

.collapse-view-history-text {
    font-size: 14px;
}

#collapse-view-history {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#collapse-view-history #the-list {
    margin-top: 15px;
    margin-bottom: 0;
}

/* Main Transfer */
#mega888_form .transfer-item .transfer-right {
    display: flex;
    padding-left: 5px;
    word-break: break-word;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.3rem;
}

@keyframes marquee {
    0% {
        transform: translate(25%, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}
@media (max-width: 768px) {
    .copy-right {
        font-family: montserrat;
        font-size: 0.7rem;
        color: #5b616d;
    }
    .icon-18 {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/footer/18over.webp);
        background-size: 100% 100%;
    }
}
@media (max-width: 500px) {
    #showDepoAlertModal .modal-content {
        width: 85%;
    }
}
@media (max-width: 450px) {
    .referral-image-wrapper img {
        width: 90px;
    }
    .referral-title {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .lotteryBG {
        min-height: 300px;
    }
    .deposit-page .lang-ma.preset-date a {
        font-size: 0.65rem;
    }
}
@media (max-width: 405px) {
    .icon-curacao {
        margin-right: 10px;
    }
}
@media (max-width: 385px) {
    .icon-curacao {
        margin-right: 5px;
    }
    .icon-pagcor {
        width: 80px;
        margin-right: 5px;
    }
}
@media (max-width: 375px) {
    .referral-image-wrapper img {
        width: 90px;
    }
    .referral-title {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .lotteryBG {
        min-height: 285px;
    }
    .deposit-page .preset-date a {
        padding: 0.6rem 0.4rem;
    }
    .deposit-page .lang-cn.preset-date a {
        padding: 0.6rem;
    }
    .col-3-5 {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .col-5-5 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-8-5 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    #left-nav.right-nav-center-icon {
        margin-right: 10px;
    }
}
@media (max-width: 330px) {
    .control-nav-balance-text span {
        line-height: 1.1;
    }
    .app-download .app-download-container {
        height: 7.5rem;
    }
}
@media (max-width: 320px) {
    .lotteryBG {
        min-height: 260px;
    }
    #wrapper.wrapper-home {
        margin-bottom: 0;
    }
    .deposit-page .preset-date a {
        padding: 0.6rem 0.2rem;
    }
    .deposit-page .lang-cn.preset-date a {
        padding: 0.6rem;
    }
    .deposit-page .lang-ma.preset-date a {
        font-size: 0.6rem;
        padding: 0.2rem;
    }
    .col-3-5 {
        flex: 0 0 34%;
        max-width: 34%;
    }
    .col-5-5 {
        flex: 0 0 32%;
        max-width: 32%;
    }
    .col-8-5 {
        flex: 0 0 66%;
        max-width: 66%;
    }
    #left-nav.right-nav-center-icon {
        width: 30px;
    }
}
@media (max-width: 300px) {
    .app-download .app-download-container {
        height: 6.5rem;
    }
    .app-download-ios-button,
    .app-download-android-button {
        height: 25px;
        width: 60px;
        padding-left: 20px;
    }
}
@media (min-width: 320px) {
    .app-download-ios-button,
    .app-download-android-button {
        height: 30px;
        width: 67px;
    }
}
@media (min-width: 330px) {
    .app-download .app-download-container {
        height: 8.5rem;
    }
}
@media (min-width: 375px) {
    .app-download .app-download-container {
        height: 9.5rem;
    }
    .app-download-container .download-container-lite {
        bottom: 10px;
        left: 5px;
    }
    .app-download-ios-button,
    .app-download-android-button {
        height: 35px;
        width: 80px;
    }
}
@media (min-width: 385px) {
    .app-download-container .download-container-lite {
        left: 0;
    }
}
@media (min-width: 400px) {
    .app-download-ios-button,
    .app-download-android-button {
        width: 90px;
        padding-left: 10px;
    }
}
@media (min-width: 450px) {
    .app-download .app-download-container {
        height: 10.5rem;
    }
}
@media (min-width: 500px) {
    .app-download .app-download-container {
        height: 12.5rem;
    }
    .app-download-container .download-container-lite {
        left: 5px;
        bottom: 30px;
    }
}
@media (min-width: 515px) {
    .app-download-container .download-container-lite {
        left: 0;
    }
}
@media (min-width: 575px) {
    .footer-box-follow i {
        width: 1.55rem;
        height: 1.55rem;
    }
    .icon-pagcor {
        width: 88px;
        height: 45px;
    }
    .icon-curacao {
        width: 5.5rem;
        height: 2.5rem;
    }
    .footer-box-payment i {
        width: 1.85rem;
        height: 1.85rem;
    }
    .app-download .app-download-container {
        height: 13.5rem;
    }
    .app-download-ios-button,
    .app-download-android-button {
        width: 105px;
        padding-left: 0;
    }
}
@media (min-width: 650px) {
    .app-download .app-download-container {
        height: 14.5rem;
    }
}
@media (min-width: 650px) {
    .app-download .app-download-container {
        height: 16rem;
    }
}
@media (min-width: 768px) {
    #dropping-hot-wrapper .wap-page {
        height: 210px;
    }
    .app-download-ios-button,
    .app-download-android-button {
        height: 35px;
        width: 130px;
        background-position: 10%;
    }
    .footer-license {
        padding-bottom: 9rem;
    }
    .copy-right {
        font-size: 0.9rem;
    }
    .footer-social img {
        width: 35px;
    }
    @keyframes marquee {
        0% {
            transform: translate(90%, 0);
        }
        100% {
            transform: translate(-100%, 0);
        }
    }
}
.pagination li a {
    padding: 0.25rem 0.7rem;
    color: #fff;
    font-size: 0.85rem;
}

.pagination li a.current-page {
    text-decoration: underline;
}

.pagination li a.record-pagin-currentPage {
    padding: 0.25rem 0.35rem;
}

/* # custom sweet alert**/
.swal2-popup {
    flex-direction: row !important;
    align-items: center;
    padding: 1em 0.8em !important;
    justify-content: flex-start !important;
}

.swal2-image {
    max-width: none !important;
    margin: 0 !important;
}

.swal2-content {
    padding: 0 !important;
}

.swal2-header {
    padding: 0 0.8em !important;
}

.swal2-container {
    padding: 5rem 1.625em !important;
}

.text-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loading.overlay {
    background: rgba(0, 0, 0, 0.1);
}

/*## menu ##*/
#main-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    overflow-y: scroll;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
#main-nav .inner-nav {
    width: 70%;
    position: relative;
    background: #2e3033;
    height: 100%;
    overflow-y: auto;
    /* Side Menu */
}
#main-nav .inner-nav .navbar-nav-top {
    background: linear-gradient(to bottom, #1a6585 0%, #1a6585 100%);
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
#main-nav .inner-nav .navbar-nav-top .user-name {
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 100%;
    text-transform: uppercase;
    margin-left: 0.9rem;
}
#main-nav .inner-nav .navbar-nav-top .user-level {
    margin-left: 0.9rem;
}
#main-nav .inner-nav .navbar-nav-top .user-level .level-text {
    font-size: 0.5rem;
    color: #fff;
    text-transform: uppercase;
}
#main-nav .inner-nav .navbar-nav-top .navbar-back-icon img {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
#main-nav .inner-nav .navbar-nav-top .nav-logo {
    width: 9.5rem;
    padding-left: 0.7rem;
}
#main-nav .inner-nav #main-nav .inner-nav {
    min-height: 100%;
    height: unset;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link {
    padding: 0.75rem 1rem;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link span {
    color: #fff;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link span .icon-win {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/icon_win.gif);
    background-size: 100% 100%;
    width: 0.8rem;
    height: 0.7rem;
    display: inline-block;
    margin-left: 0.3rem;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link .icon-language, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-id, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-au, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-sg, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-th, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-cn, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-en, #main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-my,
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i .icon-language-my,
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i .icon-language-en {
    height: 1.7rem;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i {
    width: 1.7rem;
    height: 1.5rem;
    display: inline-block;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-my,
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i .icon-language-my,
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i .icon-language-en {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/ma.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-en {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/en.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-cn {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/cn.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-th {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/th.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-sg {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/images/mcd88/lang/singa.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-au {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/au.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-language-id {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/id.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-home {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_home.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-vip {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_vip.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-user {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_user.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-promo {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_promo.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-redeem {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_redeem.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-refer {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_refer.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-download {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_download.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-contact {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_contact.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-sport {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_sport.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-p2p {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_p2p.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-casino {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_live.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-slot {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_slot.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-lotto {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_lottery.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-tnc {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_term.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-logout {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_logout.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-desktop {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_desktop.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-affiliate {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/affiliate.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link i.icon-gift {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/s_gift.webp");
    background-size: 100% 100%;
}
#main-nav .inner-nav .navbar-nav .nav-item .nav-link span {
    font-family: "montserrat";
    padding-left: 15px;
    text-transform: uppercase;
}

.modal .modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    max-width: 100%;
}

.modal-language.fade .modal-dialog {
    transform: translateX(100%);
}
.modal-language.fade.show .modal-dialog {
    transform: none;
}
.modal-language .modal-dialog .modal-content {
    background-color: #0f1a23;
}
.modal-language .modal-dialog .modal-content .modal-header {
    background: linear-gradient(to bottom, rgb(62, 67, 74) 0%, rgb(40, 45, 52) 100%);
    border-bottom: 1px solid #1dace7;
    padding: 8px 12px;
    position: relative;
}
.modal-language .modal-dialog .modal-content .modal-header .modal-title {
    color: #fff;
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
}
.modal-language .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    opacity: 1;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
}
.modal-language .modal-dialog .modal-content .modal-header .close img {
    width: 26px;
    height: auto;
}
.modal-language .modal-dialog .modal-content .modal-body {
    padding: 0.8rem 1.5rem;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .title {
    font-size: 0.8rem;
    color: #1dace7;
    line-height: 100%;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem {
    margin-bottom: 0.36rem;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText .icons {
    width: 2.18rem;
    height: 2.18rem;
    display: inline-block;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText .icons.icon_language_malay {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/ma.webp) no-repeat;
    background-size: contain;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText .icons.icon_language_singa {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/singa.webp) no-repeat;
    background-size: contain;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText .icons.icon_language_aust {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/au.webp) no-repeat;
    background-size: contain;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText .icons.icon_language_indo {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/indo.webp) no-repeat;
    background-size: contain;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText ul {
    margin-bottom: 0;
    justify-content: flex-start;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText ul li {
    border-right: 0.02rem solid #cccccc;
    display: flex;
    justify-content: center;
    padding: 0 18px;
    margin: 0;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText ul li a {
    font-size: 0.84rem;
    color: #fff;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText ul li a.on {
    color: #1dace7;
    font-weight: bold;
}
.modal-language .modal-dialog .modal-content .modal-body .region_box .reginItem .iconsAndText ul li:last-child {
    border-right: none;
}

.member-center-inbox {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/mail_icon.webp) no-repeat center center !important;
    background-size: contain !important;
    width: 28px !important;
    height: 24px !important;
    background-size: cover;
    margin-right: 0.5rem;
    margin-top: 0.8rem;
    position: relative;
}
.member-center-inbox sup {
    background-color: red;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -8px;
    top: -4px;
    line-height: 1;
    text-align: center;
    font-size: 0.65em;
    padding: 0.35em 0.65em;
    line-height: 1;
    display: inline-block;
    font-weight: 700;
    vertical-align: baseline;
}

.sports {
    background-color: #0f1a23;
    padding: 16px 12px;
}
.sports .sportWrapper {
    border-radius: 12px;
    background-color: #2d3239;
    padding: 0px 12px;
}
.sports .sportWrapper .contentRow {
    border-bottom: 2px solid #3b3f46;
    padding-top: 1rem;
    padding-bottom: .5rem;
}
.sports .sportWrapper .contentRow:last-child {
    border-bottom: 0px;
}
.sports .sportWrapper .contentRow .rightContent {
    text-align: left;
    padding-left: 16px;
}
.sports .sportWrapper .contentRow .rightContent img {
    width: 50%;
}
.sports .sportWrapper .contentRow .rightContent .contentText {
    font-size: 0.7rem;
    color: #fff;
    padding-bottom: 0.3rem;
    letter-spacing: 1px;
}
.sports .sportWrapper .contentRow .rightContent .sportButton {
    font-size: 0.65rem;
}
.sports .sportWrapper .contentRow .rightContent .sportButton a {
    text-decoration: none !important;
}
.sports .sportWrapper .contentRow .rightContent .sportButton a .desktopButton {
    background: #fff !important;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center !important;
    padding: 15px 0px;
    color: #000 !important;
}
.sports .sportWrapper .contentRow .rightContent .sportButton a .betNowButton {
    background: #eab92d !important;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center !important;
    padding: 6px 12px;
    color: #fff !important;
}
.sports .sportWrapper .contentRow .rightContent .sportButton a .desktopButton {
    background: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 12px;
    color: #444;
}

#home {
    margin-bottom: 25px;
}
#home .homeWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 12px;
}
#home .homeWrapper .homeTitle {
    text-transform: uppercase;
    color: #eab92d;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
#home .homeWrapper .customIndicator {
    display: flex;
    align-items: center;
}
#home .homeWrapper .customIndicator .indicator {
    background-color: #575c64;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    margin: 0px 3px;
}
#home .homeWrapper .customIndicator .indicator.active {
    background-color: #eab92d;
    width: 14px;
    border-radius: 10px;
}
#home .casinoSection {
    padding-top: 10px;
    padding-left: 14px;
}
#home .casinoSection .casinoCarousel {
    display: flex;
    margin-top: 10px;
}
#home .casinoSection .casinoCarousel a {
    text-decoration: none;
}
#home .casinoSection .casinoCarousel .carousel {
    margin-right: 8px;
}
#home .casinoSection .casinoCarousel .carousel img {
    width: 240px;
}
#home .casinoSection .casinoCarousel .moreCarousel {
    background: #1ba4de;
    background: linear-gradient(180deg, #1ba4de 0%, #0b5a7f 100%);
    height: 100%;
    padding: 0px 28px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
#home .casinoSection .casinoCarousel .moreCarousel .moreText {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
#home .casinoSection .casinoCarousel .moreCarousel .moreArrow {
    margin-top: 5px;
    width: 37%;
}
#home .sportsSection {
    padding-top: 10px;
    padding-left: 14px;
}
#home .sportsSection .ballIcon {
    width: 1rem;
    margin-right: 5px;
}
#home .sportsSection .sportsCarousel {
    display: flex;
    margin-top: 10px;
}
#home .sportsSection .sportsCarousel .carousel {
    margin-right: 8px;
}
#home .sportsSection .sportsCarousel .carousel img {
    width: 305px;
}
#home .upcomingSection {
    padding-top: 40px;
    padding-left: 14px;
    padding-bottom: 50px;
    height: 16rem;
    overflow: hidden;
    display: none;
}
#home .upcomingSection .upcomingCarousel {
    display: flex;
    margin-top: 10px;
}
#home .upcomingSection .upcomingCarousel a {
    text-decoration: none;
}
#home .upcomingSection .upcomingCarousel .carousel {
    margin-right: 8px;
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/upcoming_bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px 8px;
    border-radius: 6px;
    width: 241px;
    height: 161px;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper {
    display: flex;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .team {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .team .teamLogo {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/upcoming_team.webp");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 12px;
    margin-top: 25px;
    width: -moz-fit-content;
    width: fit-content;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .team .teamLogo img {
    width: 52px;
    height: 52px;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .team .teamName {
    color: #fff;
    font-size: 0.5rem;
    margin-top: 4px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .matchCentre {
    width: 30%;
    text-align: center;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .matchCentre .leagueName img {
    width: 75px;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .matchCentre .vs img {
    width: 60px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin: auto;
}
#home .upcomingSection .upcomingCarousel .carousel .teamWrapper .matchCentre .betNow {
    color: #fff;
    font-size: 0.5rem;
    background-color: #eab92d;
    border-radius: 6px;
    padding: 4px 8px;
    font-weight: 500;
    text-transform: uppercase;
}
#home .upcomingSection .upcomingCarousel .carousel .matchInfo {
    display: flex;
    margin-top: 4px;
    color: #000;
    height: 27px;
    justify-content: center;
}
#home .upcomingSection .upcomingCarousel .carousel .matchInfo .matchTeamDeal {
    width: 66px;
    background-color: #888d98;
    text-align: center;
    height: inherit;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
#home .upcomingSection .upcomingCarousel .carousel .matchInfo .matchTeamDeal .matchPoint {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 14px;
}
#home .upcomingSection .upcomingCarousel .carousel .matchInfo .matchTeamDeal .matchType {
    font-size: 0.65rem;
    line-height: 1;
}
#home .upcomingSection .upcomingCarousel .carousel .matchInfo .matchDateTime {
    width: 76px;
    background-color: #ced0d5;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
    height: inherit;
}
#home .hotGamesSection {
    padding-top: 10px;
    padding-left: 14px;
    background-color: #282d34;
}
#home .hotGamesSection .moreButton {
    color: #7b7e82;
    font-size: 0.7rem;
    text-transform: uppercase;
    text-decoration: none;
}
#home .hotGamesSection .hotGameContent {
    margin-top: 10px;
    padding-bottom: 20px;
}
#home .hotGamesSection .hotGameContent .nav-pills {
    font-size: 34px;
    margin-right: 18px;
    border-bottom: 1px solid #7b7e82;
    margin-bottom: 0.4rem;
    flex-wrap: nowrap;
}
#home .hotGamesSection .hotGameContent .nav-pills .nav-link {
    background: transparent !important;
    border-radius: 6px 6px 0px 0px;
    text-transform: uppercase;
    border: 1px solid #7b7e82;
    color: #7b7e82;
    margin-right: 5px;
    padding: 5px 3.5rem;
    border-bottom: 0px;
    font-size: 0.9rem;
}
#home .hotGamesSection .hotGameContent .nav-pills .nav-link.active {
    background: rgb(27, 164, 222) !important;
    background: linear-gradient(180deg, rgb(27, 164, 222) 0%, rgb(11, 90, 127) 100%) !important;
    font-weight: normal !important;
    color: #fff;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content {
    width: 100%;
    overflow-y: hidden;
    display: flex;
    min-height: 10rem;
    position: relative;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content .game-loader {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/loader-icon.gif);
    background-size: contain;
    background-repeat: no-repeat;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content a {
    text-decoration: none;
    color: #fff;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content a .menuOption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 5px;
    padding-right: 10px;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content a .menuOption .menuTitle {
    display: flex;
    background-color: #0f1a23;
    justify-content: space-between;
    padding: 6px 10px;
    align-items: center;
    width: 7.4rem;
}
#home .hotGamesSection .hotGameContent .tab-pane .provider-content a .menuOption .menuTitle .gameTitle {
    color: #fff;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#home .hotGamesSection .hotGameContent #pills-hot .menuTitle {
    padding: 6px 10px;
}

.slick-track {
    height: 100%;
}

.scrollMenuSection {
    background-color: #292c33;
    border: 1px solid #3c3f46;
    color: #fff;
    display: flex;
    width: 100%;
    border-radius: 10px;
}
.scrollMenuSection .leftButton,
.scrollMenuSection .rightButton {
    font-size: 1rem;
    display: flex;
    align-items: center;
    padding: 0px 5px;
}
.scrollMenuSection .leftButton .fa,
.scrollMenuSection .rightButton .fa {
    color: #fff;
}

.balanceSection {
    border-radius: 0px 0px 12px 12px;
    position: relative;
    margin-top: 10px;
    font-family: "montserrat";
    font-weight: 700;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}
.balanceSection .smallIcon {
    position: absolute;
    top: 0;
    right: 7%;
    line-height: 100%;
}
.balanceSection .smallIcon #chatIcon {
    margin-left: 15px;
}
.balanceSection .smallIcon a {
    position: relative;
}
.balanceSection .smallIcon a sup {
    background-color: red;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -7px;
    top: -5px;
    line-height: 1;
    text-align: center;
    font-size: 0.54em;
    font-weight: 700;
    vertical-align: baseline;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.balanceSection .balanceTitle {
    display: flex;
    align-items: center;
}
.balanceSection .balanceTitle .menuTitle {
    color: #fff;
    font-size: 0.8rem;
}
.balanceSection .balanceTitle .menuTitle .currency {
    color: #fff;
}
.balanceSection .balance {
    display: flex;
    align-items: center;
}
.balanceSection .balance .menuTitle {
    color: #fff;
    font-size: 1.15rem;
    margin-right: 8px;
    font-weight: 600;
}
.balanceSection .actionSection {
    display: flex;
    margin-top: 16px;
    padding-bottom: 10px;
    font-family: "open sans" !important;
    font-weight: 100;
}
.balanceSection .actionSection a {
    text-decoration: none;
    color: #adafb2;
    width: 100%;
    position: relative;
}
.balanceSection .actionSection a .actionItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}
.balanceSection .actionSection a .actionItem .menuTitle {
    font-size: 0.7rem;
    color: #adafb2;
    font-weight: 600;
}
.balanceSection .actionSection a .actionItem.active {
    color: #eab92d;
}
.balanceSection .actionSection a .actionItem.active .menuTitle {
    color: #eab92d;
}
.balanceSection .actionSection a + a::before {
    content: "";
    background: rgba(255, 255, 255, 0.5019607843);
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.lineHeader {
    width: 100%;
    display: block;
}

#viewProfileSection {
    font-family: "montserrat" !important;
    margin: 20px 10px;
}
#viewProfileSection .col-6 {
    margin-bottom: 25px;
}
#viewProfileSection .col-6 .title {
    color: #eab92d;
    font-size: 0.9rem;
}
#viewProfileSection .col-6 .value {
    font-size: 0.95rem;
    color: #fff;
    margin-top: 3px;
}
#viewProfileSection .col-6 .copyValue {
    display: flex;
    align-items: center;
}
#viewProfileSection .col-6 .copyValue a {
    color: #fff;
    overflow: hidden;
    text-decoration: underline;
    white-space: nowrap;
}
#viewProfileSection .col-6 .copyValue .copy {
    margin-left: 20px;
}

#alertCopy {
    position: fixed;
    top: 20px;
    z-index: 9999;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1rem;
    border-radius: 0.6rem;
    padding-left: 25px;
    padding: 0.25rem 0.7rem;
}
#alertCopy i {
    margin-right: 8px;
    color: #155724;
}

.historySection {
    overflow: hidden;
    font-family: "montserrat" !important;
    width: 100%;
}
.historySection .paymentSection {
    margin: 16px;
}
.historySection .paymentSection .nav-tabs {
    border-bottom: 1px solid rgba(173, 175, 178, 0.1);
}
.historySection .paymentSection .nav-tabs .nav-link {
    position: relative;
    font-size: 0.8rem;
    color: #adafb2;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px;
    white-space: nowrap;
    border: 3px solid transparent;
    border-radius: 10px;
}
.historySection .paymentSection .nav-tabs .nav-link .inactiveIcon {
    display: block;
}
.historySection .paymentSection .nav-tabs .nav-link .activeIcon {
    display: none;
}
.historySection .paymentSection .nav-tabs .nav-link img {
    margin-right: 4px;
}
.historySection .paymentSection .nav-tabs .nav-link .borderLeft {
    background-color: rgba(173, 175, 178, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    height: 80%;
    width: 2px;
}
.historySection .paymentSection .nav-tabs .nav-link.active {
    background: #2f3239;
    border: 3px solid #1e2128;
}
.historySection .paymentSection .nav-tabs .nav-link.active .activeIcon {
    display: block !important;
}
.historySection .paymentSection .nav-tabs .nav-link.active .inactiveIcon {
    display: none !important;
}
.historySection .paymentSection #nav-tabContent {
    margin-top: 23px;
}
.historySection .paymentSection #nav-tabContent .tab-pane {
    color: #fff;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form {
    border: 1px solid #373b42;
    border-radius: 6px;
    padding: 15px;
    padding-bottom: 28px;
    margin-block-end: 1rem;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form label {
    font-weight: 600;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form .transactionTypeSection {
    margin-bottom: 1.8rem;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form .transactionTypeSection select {
    padding: 10px 10px;
    border-radius: 6px;
    margin-top: 5px;
    background: #000 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/arrow-down.webp?31f9faaa6c2b51eb1ef229c31ed222a6) no-repeat right 13px center;
    background-size: 13px;
    font-weight: 700;
    height: auto;
    font-size: 0.84rem;
    border: 0;
    color: #fff;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form .dateSection {
    margin-bottom: 1.8rem;
}
.historySection .paymentSection #nav-tabContent .tab-pane #history-form .dateSection input {
    padding: 10px 10px;
    border-radius: 6px;
    margin-top: 5px;
    font-weight: 700;
    font-size: 0.84rem;
    background-color: #fff;
}
.historySection .paymentSection .form-label .text-danger {
    color: #eab92d !important;
}

.btn-submit {
    background: #31aeef;
    font-size: 1rem;
    padding: 6px 0px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    border-color: #31aeef;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm {
    border: 1px solid #373b42;
    border-radius: 6px;
    padding: 15px;
    padding-bottom: 28px;
    margin-block-end: 1rem;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm label {
    font-weight: 600;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection {
    margin-bottom: 1.8rem;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select {
    width: 100%;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-toggle {
    font-size: 1rem;
    font-family: "montserrat";
    border-radius: 20px;
    padding: 1rem;
    margin-top: 25px;
    color: #000;
    font-weight: 700;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-toggle::after {
    content: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/icon/down.webp?31f9faaa6c2b51eb1ef229c31ed222a6);
    border: none;
    width: auto;
    height: auto;
    margin-top: 0px;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-menu {
    font-size: 1rem;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-menu .dropdown-item {
    font-weight: 700;
    padding: 20px 50px;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-menu .dropdown-item .check-mark {
    right: 45px;
    top: 25px;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .categoriesSection .bootstrap-select .dropdown-menu .actions-btn {
    font-size: 30px;
    font-weight: 700;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .dateSection {
    margin-bottom: 1rem;
}

body .historySection .paymentSection #nav-tabContent .tab-pane #turnoverCheckingForm .dateSection input {
    padding: 10px 10px;
    font-size: 1rem;
    border-radius: 6px;
    margin-top: 5px;
    font-weight: 700;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable {
    color: #fff;
    border: none;
    white-space: nowrap;
    width: 100%;
}
body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable tfoot {
    display: none;
}
body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable span {
    color: inherit;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable thead {
    border: none;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable thead tr {
    border: none;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable thead tr th {
    background: #3b3838;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding: 0.75rem;
    border-left: 1px solid #585c64;
    border-right: none;
    border-bottom: none;
    border-top: none;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable thead tr th:last-child {
    border-right: none;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable tbody {
    border-top: none;
    font-size: 10px;
    text-align: center;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable tbody tr {
    border: none;
    background: #585c64;
}

body .historySection .paymentSection #nav-tabContent .tab-pane .historyTable tbody tr td {
    padding: 0.75rem 0px;
    border: none;
}

.historyTable table {
    width: 100%;
}

.tr-depo td {
    color: #111;
    font-size: 12px;
}

.tr-with td {
    color: #ff0000;
    font-size: 12px;
}

.historySection#the-full {
    padding: 0;
}

.noticeSection {
    margin-top: 2.5rem;
    padding-bottom: 10px;
}

.noticeSection .noticeTitle {
    color: #eab92d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
}

.noticeSection .noticeWrapper {
    color: #fff;
    font-size: 0.8rem;
    padding-left: 1rem;
    list-style-position: outside;
}

.noticeSection .noticeWrapper .notice {
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    list-style: decimal;
}

/*.noticeSection .noticeWrapper .notice::marker {
  content: counter(list-item) ".    ";
}*/
.noticeSection .noticeWrapper .livechat {
    color: #eab92d;
}

/* default */
/* banner */
.section-banner {
    width: 100%;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    margin: auto;
}

/* page */
.page {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    color: #fff;
}

.page li {
    width: 33.33%;
    overflow: hidden;
    float: left;
    line-height: 40px;
    text-align: center;
    display: block;
}

.page a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #161616 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/enter-btn.png) center no-repeat;
    display: block;
    margin: 0 auto;
}

.page a.prev {
    transform: rotate(180deg);
}

.page-game a {
    background-color: #f90 !important;
}

.specific-page-num {
    display: inline-block;
    min-width: 40px;
    height: 35px;
    width: 15%;
    border-radius: 5px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.slot-page li,
.slot-page li span {
    color: #eab92d;
}

.slot-page li a {
    border: 2px solid #eab92d;
    color: #eab92d;
    border-radius: 100%;
}

/* list */
.contant.list {
    padding: 0 10px;
}

.list a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: transparent;
    color: #fff;
    border-radius: 3px;
    margin: 5px 0;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    text-transform: capitalize;
    border: 1px solid #fff;
}

.list a i {
    width: 40px;
    height: 40px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/list-btn.png) right top no-repeat;
    display: block;
    float: right;
}

.list a:hover {
    color: white;
}

.list a:hover i {
    background-position: left top;
}

.list-drop {
    width: 100%;
    display: none;
}

.list-drop a {
    background: #333;
    color: white;
}

.list-drop a:hover {
    background: #555;
}

/* slots */
.slots {
    width: 100%;
    margin: 0 0 30px;
}

.slots-tab {
    padding: 10px 5px;
    overflow: hidden;
}

.slots-tab a {
    width: calc(33.3333333333% - 8px);
    height: 40px;
    line-height: 40px;
    background: #333;
    border: 1px transparent solid;
    background-clip: content-box;
    padding: 0;
    white-space: normal;
    color: #fff;
    margin: 2px;
    font-size: 14px;
}

.slots-tab a.ccc {
    background: transparent;
    color: #555;
}

.slots-tab a:hover {
    color: white;
}

.slots-tab a:hover,
.slots-tab a.active {
    background: #03c1ff;
}

.slots-contant {
    background: transparent;
    padding: 5px;
    overflow: hidden;
}

.slots-contant ul {
    margin: 0;
    padding: 0 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.slots-contant li {
    width: calc(33.3333333333% - 16px);
    box-sizing: border-box;
    margin: 8px;
    display: flex;
    flex-direction: column;
}

.slots-contant li img {
    overflow: hidden;
    height: 113px;
    border-radius: 5px;
    width: 120px !important;
}

.slots-contant a {
    width: 100%;
    border-radius: 2px;
    text-align: center;
    position: relative;
}

.slots-contant a span {
    width: 100%;
    color: #eab92d;
    text-transform: capitalize;
    height: 40px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.slots-contant ul li .game-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.slots-contant ul li .game-item .game-link {
    top: auto !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    background-color: transparent;
    min-width: auto;
    padding: 0;
}
.slots-contant ul li .game-item .game-link .btn {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}
.slots-contant ul li .game-item .game-link .btn.btn-demo {
    background-color: #3f3a37;
    color: #fff;
}
.slots-contant ul li .game-item .game-link .btn.btn-play {
    background: linear-gradient(to bottom, #1b6487 0%, #1b6487 100%);
    color: #fff;
}

@media (min-width: 700px) {
    .slots-contant li {
        width: calc(33.3333333333% - 16px);
    }
}
@media (min-width: 1024px) {
    .slots-contant li {
        width: calc(14.2857142857% - 16px);
    }
}
@media (min-width: 1200px) {
    .slots-contant li {
        width: calc(12.5% - 16px);
    }
}
/* gtip */
.gtip {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 41;
}

.gtip-main {
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 10%;
    left: 0%;
}

.gtip-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 0 0 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    background: #222;
}

.gtip-title a {
    width: 50px;
    height: 50px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/tip-close.png) center no-repeat;
    display: block;
    float: right;
    opacity: 0.6;
}

.gtip-title a:hover {
    opacity: 1;
}

.gtip-group {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    overflow: hidden;
}

.gtip-group h5 {
    width: 100%;
    line-height: 50px;
    border-bottom: 1px #eee solid;
    font-size: 20px;
    font-weight: bold;
    color: #f90;
    text-align: center;
}

.gtip-group label {
    width: 100%;
    margin: 0 0 5px;
    display: block;
    overflow: hidden;
}

.gtip-group label span {
    width: 25%;
    line-height: 35px;
    text-align: right;
    float: left;
    display: block;
    margin: 0 10px 0 0;
}

.gtip-group label em {
    font-style: normal;
    color: #f90;
    line-height: 35px;
}

.gtip-group label a {
    width: 40px;
    height: 35px;
    line-height: 35px;
    background: #f90;
    border-radius: 2px;
    margin: 0 5px 0 0;
    display: block;
    float: left;
    text-align: center;
    color: white;
}

.gtip-group label a:hover {
    background: #dd8500;
}

.gtip-group label input {
    width: 175px;
    height: 35px;
    box-sizing: border-box;
    border: 1px #eee solid;
    padding: 0 10px;
}

.gtip-btn {
    width: 100%;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.gtip-btn button {
    width: 50%;
    height: 42px;
    line-height: 42px;
    border-radius: 30px;
    display: inline-block;
    background: #f90;
    font-size: 16px;
    border: 5px #fff solid;
    border-width: 0 5px 0 5px;
    padding: 0;
}

.gtip-btn button:hover {
    background: #dd8500;
}

/* game-keno */
.keno {
    width: 100%;
    padding: 10px 0 30px;
    overflow: hidden;
    position: relative;
}

.gkeno {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gkeno-title {
    width: 100%;
    overflow: hidden;
}

.gkeno-info {
    width: 100%;
    height: 115px;
    background: #161616;
}

.gkeno-info > span {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: right;
    display: block;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 0 15px;
    font-weight: bold;
}

.gkeno-info > span > em {
    color: #f90;
    float: left;
    font-style: normal;
}

.gkeno-info > a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/btn-back.png) -8px -8px no-repeat;
    display: block;
    text-indent: 1em;
    font-size: 20px;
    margin: 10px 10px 0px 12px;
    float: left;
}

.gkeno-info select {
    width: 200px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border: none;
    border-radius: 3px;
    background: #fff;
    margin: 20px auto;
    text-transform: capitalize;
    display: block;
}

.gkeno-info > a:hover {
    background-color: #b97820;
}

.gkeno-info cite {
    width: 100%;
    height: 35px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    background: #1f1f1f;
    font-style: normal;
    float: left;
}

.gkeno-info a.enter {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/btn-enter.png) -8px -8px no-repeat;
    margin: 0px 10px;
    display: block;
    float: left;
}

.gkeno-time {
    width: 100%;
    height: 151px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/ann-bg.png);
}

.gkeno-time span {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 20px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 15px;
    text-transform: capitalize;
}

.gkeno-time span em {
    font-size: 12px;
    color: #555;
    float: right;
    font-style: normal;
    text-transform: uppercase;
}

.gkeno-time a {
    width: 100%;
    line-height: 80px;
    text-align: center;
    font-size: 85px;
    color: white;
    font-family: "digital_displayregular";
    text-shadow: 0 0 20px #fff;
    display: block;
}

.gkeno-time a.out {
    width: 65%;
    line-height: 65px;
    text-align: center;
    font-size: 65px;
    color: white;
    font-family: "digital_displayregular";
    text-shadow: 0 0 20px #fff;
    display: block;
    float: left;
}

.gkeno-time a.enter {
    width: 55px;
    height: 55px;
    border-radius: 40px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/btn-enter1.png) center no-repeat;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    float: right;
}

.gkeno-results {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.gkeno-results-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px #eee solid;
}

.gkeno-results-list {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
}

.gkeno-results-list label {
    width: 100%;
    display: block;
    border-left: 1px #eee solid;
    margin: 5px 0;
    float: left;
}

.gkeno-results-list label a {
    width: 10%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px #eee solid;
    border-left: none;
    box-sizing: border-box;
    color: #f90;
    font-weight: bold;
    display: block;
    float: left;
}

.gkeno-total {
    width: 100%;
    height: 151px;
    background: #f4f4f4;
}

.gkeno-total ul {
    width: 100%;
    height: 151px;
    overflow: hidden;
}

.gkeno-total li {
    height: 151px;
    display: block;
    overflow: hidden;
}

.bx-wrapper {
    margin: 0 auto;
    width: 100%;
}

.bx-window {
    width: 100%;
}

.bx-prev,
.bx-next {
    position: absolute;
    top: 7px;
    width: 26px;
    height: 26px;
    text-indent: -999999px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/new-btn.png) no-repeat;
}

.bx-prev:hover,
.gkeno-total .bx-next:hover {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/new-btn-hover.png);
}

.bx-prev {
    left: 10px;
    background-position: left top;
}

.bx-next {
    right: 10px;
    background-position: left bottom;
}

.gkeno-total .album {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    text-align: center;
    font-size: 14px;
    color: #999;
    height: 40px;
    line-height: 40px;
    background: #fff;
}

.album .previous {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/enter-btn.png) center no-repeat;
    float: left;
    margin-left: 1em;
    border: none;
    position: absolute;
    transform: rotate(180deg);
}

.album .next {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/enter-btn.png) center no-repeat;
    float: right;
    margin-right: 1em;
    margin-top: -25px;
}

.gkeno-total li span {
    width: 100%;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    padding: 0 10px;
    display: block;
    font-weight: bold;
    font-size: 20px;
    text-transform: capitalize;
}

.gkeno-total li label {
    width: 95%;
    margin: 0 16px;
    border-left: 1px #eee solid;
    display: block;
    overflow: hidden;
}

.gkeno-total li label a {
    width: 20%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px #eee solid;
    border-left: none;
    box-sizing: border-box;
    color: #f90 !important;
    font-weight: bold;
    display: block;
    float: left;
    background: #fff;
}

.gkeno-total li label.ten-item a {
    width: 10%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px #eee solid;
    border-left: none;
    box-sizing: border-box;
    color: gray !important;
    font-weight: normal;
    display: block;
    float: left;
    background: #fff;
}

.gkeno-number {
    width: 100%;
    overflow: hidden;
}

.gkeno-number-list {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    background: #4c4c4c;
}

.gkeno-number-list a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 5px;
    background: #fff;
    border-radius: 3px;
    display: block;
    float: left;
    z-index: 5;
}

.gkeno-number-list a:hover,
.gkeno-number-list a.active {
    background: #f90;
    color: white;
}

.gkeno-guess {
    width: 100%;
    overflow: hidden;
}

.gkeno-guess a {
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-transform: capitalize;
    color: white;
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
}

.gkeno-guess-title {
    width: 20%;
    height: 100px;
}

.gkeno-guess-title a {
    width: 100%;
    background: #f90;
}

.gkeno-guess-title a.line {
    box-sizing: border-box;
    border-bottom: 1px #ffb74c solid;
}

.gkeno-guess label {
    width: 80%;
    display: block;
    float: right;
    background: #272727;
}

.gkeno-guess label.line {
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px #4c4c4c solid;
}

.gkeno-guess label a {
    width: 20%;
    box-sizing: border-box;
    border-left: 1px #4c4c4c solid;
}

.gkeno-btn {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.gkeno-btn a {
    height: 107px;
    line-height: 107px;
    background: #333;
    color: white;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    text-transform: capitalize;
    font-weight: bold;
    border: 5px #010101 solid;
    box-sizing: border-box;
}

.gkeno-btn a span {
    text-align: center;
    line-height: 34px;
    padding: 20px 0;
    color: #f90;
    font-size: 14px;
    float: right;
}

.gkeno-btn a span em {
    color: #999;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
}

.gkeno-btn a:hover,
.gkeno-btn a.active {
    background: #f90;
}

.gkeno-btn a:hover span,
.gkeno-btn a:hover span em,
.gkeno-btn a.active span em,
.gkeno-btn a.active span {
    color: white;
}

.gkeno-btn-buo {
    padding: 5px;
    overflow: hidden;
}

.gkeno-btn-buo a {
    width: 35%;
}

.gkeno-btn-buo a span {
    width: 50%;
}

.gkeno-btn-buo a.white,
.gkeno-btn-buo a.tie-bs,
.gkeno-btn-buo a.tie-ud,
.gkeno-btn-buo a.tie-oes {
    width: 30%;
    line-height: 50px;
    background: #fff;
    color: #555;
    text-align: center;
    padding: 0;
}

.gkeno-btn-buo a.white:hover,
.gkeno-btn-buo a.tie-bs:hover,
.gkeno-btn-buo a.tie-ud:hover,
.gkeno-btn-buo a.tie-oes:hover {
    background: #f90;
    color: white;
}

.gkeno-btn-buo a.white span {
    width: 100%;
    padding: 0;
    line-height: 16px;
}

.gkeno-btn-sd {
    overflow: hidden;
    padding: 0 5px;
}

.gkeno-btn-sd a {
    width: 50%;
}

.gkeno-btn-sd a span {
    line-height: 107px;
    padding: 0;
    width: 100px;
}

.gkeno-btn-max {
    padding: 5px;
    overflow: hidden;
}

.gkeno-btn-max a {
    width: 25%;
    height: 80px;
    text-align: center;
    font-size: 14px;
    padding: 0;
    line-height: 40px;
}

.gkeno-btn-max a span {
    width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}

.gkeno-reb {
    overflow: hidden;
    padding: 0 5px;
    box-sizing: border-box;
}

.gkeno-reb a {
    width: 33.33%;
    height: 80px;
    line-height: 80px;
    background: #fff;
    color: #555 !important;
}

.gkeno-reb a:hover {
    color: white;
}

.gkeno-reb a span {
    line-height: 30px;
    padding: 10px;
}

.gkeno-reb a.bet {
    background: #4c4c4c;
    text-align: center;
    padding: 0;
    border-style: inset;
    color: #f1f1f1;
}

.gkeno-load {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.gkeno-load a {
    width: 100%;
    height: 100%;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/loading.gif) center no-repeat;
    display: block;
}

@media (max-width: 400px) {
    .gkeno-btn a {
        text-align: center;
    }
    .gkeno-btn a span {
        display: none;
    }
    .gkeno-btn-buo a,
    .gkeno-btn-buo a.white {
        line-height: 100px;
    }
    .gkeno-btn-max a {
        line-height: 70px;
    }
}
.gkeno-table {
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}

.gkeno-table-title {
    width: 13%;
    overflow: hidden;
}

.gkeno-table-title a {
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: white;
    display: block;
    font-weight: bold;
    background: #5d5d5d;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: linear-gradient(to bottom, #5d5d5d 0%, #4f4f4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5d5d5d", endColorstr="#4f4f4f", GradientType=0);
}

.gkeno-table-title a:hover,
.gkeno-table-title a.active {
    background: #f90;
}

.gkeno-table-list {
    width: 87%;
    overflow: hidden;
    border: 1px #eee solid;
    border-width: 1px 0 0 1px;
    box-sizing: border-box;
}

.gkeno-table-list label {
    display: block;
    overflow: hidden;
}

.gkeno-table-list label a {
    width: 10%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    box-sizing: border-box;
    border: 1px #eee solid;
    border-width: 0 1px 1px 0;
    display: block;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    color: #2a8fbd !important;
}

.gkeno-table-list a.yellow {
    color: #f90 !important;
}

/* game-number */
.number {
    width: 100%;
    overflow: hidden;
    padding: 10px 0 30px;
}

.gnumber {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gnumber-close {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
}

.gnumber-info {
    width: 100%;
    height: 250px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/ann-bg.png);
}

.gnumber-info select {
    width: 200px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border: none;
    border-radius: 3px;
    background: #fff;
    margin: 10px auto;
    text-transform: capitalize;
    display: block;
}

.gnumber-type {
    width: 100%;
    height: 20px;
    line-height: 50px;
    padding: 5px 0 0;
    text-align: center;
    font-size: 18px;
    color: white;
    font-family: "digital_displayregular";
    text-shadow: 0 0 10px #fff;
}

.ball {
    width: 200px;
    display: block;
    padding: 0 10px;
    text-align: left;
    text-indent: 5px;
    font-style: bold;
    font-size: 16pt;
    font-family: "Philosopher";
    color: #fff;
}

.between {
    width: 100%;
    height: 10px;
    position: relative;
    background: #fff;
}

.gnumber-info-time {
    width: 100%;
    height: 110px;
    line-height: 100px;
    padding: 10px 0 0;
    text-align: center;
    font-size: 75px;
    color: white;
    font-family: "digital_displayregular";
    text-shadow: 0 0 20px #fff;
}

.gnumber-info-time1 {
    width: 100%;
    height: 110px;
    line-height: 80px;
    padding: 0 0;
    text-align: center;
    font-size: 75px;
    color: white;
    font-family: "digital_displayregular";
    text-shadow: 0 0 20px #fff;
}

.gnumber-info-time1.totop {
    margin-top: -25px;
}

.gnumber-info a.ref-only {
    width: 230px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/refresh-white.png) 15px 10px no-repeat;
    margin: 30px auto;
    display: block;
    font-size: 22px;
    float: none;
}

.wrap-enref {
    width: 160px;
    height: 60px;
    margin: 0px auto 5px;
    display: block;
}

.wrap-enmenu {
    width: 320px;
    margin: 0px auto;
    height: 60px;
}

.gnumber-info a.back-inside {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/btn-back.png) -8px -8px no-repeat;
    margin-top: -10px;
    display: block;
    float: left;
}

.gnumber-info a.enter {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/btn-enter.png) -8px -8px no-repeat;
    margin: 0px 10px;
    display: block;
    float: left;
}

.gnumber-info a.refresh {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    background: #f90 url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/refresh-white.png) 15px 10px no-repeat;
    margin: 0px 10px;
    display: block;
    float: left;
}

.gnumber-info a:hover {
    background-color: #b97820;
}

.gnumber-info-data1 {
    width: 100%;
    height: 60px;
    line-height: 46px;
    text-align: center;
    color: #666;
    background: #1f1f1f;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.gnumber-info-data {
    width: 100%;
    height: 65px;
    line-height: 60px;
    text-align: center;
    color: #666;
    background: #1f1f1f;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.gnumber-info-data span {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #fff;
    background: #fff url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/down.png) no-repeat center center;
    background-size: cover;
    float: right;
    margin-top: 1.2em;
    margin-right: 1em;
}

.gnumber-info-data1 span {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #fff;
    background: #fff url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/down.png) no-repeat center center;
    background-size: cover;
    float: right;
    margin-top: 0.7em;
    margin-right: 1em;
}

.gnumber-game {
    width: 100%;
    height: 242px;
    overflow: hidden;
    position: relative;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/bg-num-only.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding: 10px 0;
    display: none;
    box-sizing: content-box;
}

.gnumber-obj {
    width: 468px;
    height: 340px;
    position: relative;
    overflow: hidden;
}

.glive-number-game {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    display: none;
}

.glive-number-game img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.gnumber-game iframe {
    display: block;
    margin: 0 auto;
    width: 320px;
    height: 100%;
    overflow: none;
}

.game-group span {
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/ball1.png);
    background-size: cover;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

/*.gnumber-game img {
    width: 100%;
}
*/
.gnumber-game-play {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.gnumber-game-play a {
    width: 100%;
    height: 100%;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/play.png) center no-repeat;
    display: block;
}

.gnumber-game img {
    width: 52% !important;
}

.game-play-over {
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/game/glass.png) center no-repeat;
    background-size: 100% 100%;
    /*width: calc(98% - 10px);
    */
    margin: 0 auto;
    width: 320px;
    height: 100%;
}

.show-result {
    background: #f90;
    border-radius: 1em;
    padding: 5px;
    text-align: center;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    color: white;
    text-transform: uppercase;
}

.gnumber-results {
    width: 100%;
    height: 340px;
    background: #fff;
    display: none;
}

.gnumber-results h5 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f1f1f1;
    text-align: center;
    font-size: 18px;
}

.gnumber-results-contant {
    padding: 10px;
    overflow: hidden;
}

.gnumber-results-contant a {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 5px;
    height: 48px;
    line-height: 48px;
    border: 1px #eee solid;
    display: block;
    cursor: pointer;
}

.gnumber-results-contant a span {
    font-size: 24px;
    font-weight: bold;
    color: #f90;
    float: right;
}

@media (max-width: 420px) {
    .gnumber-results-contant a span.multiple {
        font-size: 14px;
        font-weight: bold;
    }
}
.gnumber-results-contant a:hover {
    border-color: #333;
    background: #333;
    color: #ccc;
}

.gnumber-results-contant a:hover span {
    color: white;
}

.gnumber-tab {
    width: 100%;
    height: 40px;
    background: #333;
}

.gnumber-tab a {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    float: left;
    color: white;
}

.gnumber-tab a:hover,
.gnumber-tab a.active {
    background: #fff;
    color: #555;
}

.gnumber-tab .center-tab-number {
    width: 230px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gnumber-tab .center-tab-number a {
    width: 100px;
    box-sizing: border-box;
    background-clip: content-box;
    float: left;
    background: #fff;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 14px;
    text-transform: capitalize;
    text-align: center;
    color: #333;
    height: 35px;
    line-height: 38px;
    border-radius: 25px;
}

.gnumber-tab .center-tab-number a:hover {
    background: #f90;
    color: #fff;
    cursor: pointer;
}

.gnumber-num {
    background: #4c4c4c;
    width: 100%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}

.gnumber-num a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    display: block;
    float: left;
    border-radius: 3px;
    background: #fff;
}

.gnumber-num a:hover,
.gnumber-num a.active,
.content div a.active {
    background: #ff9900;
    color: white;
    cursor: pointer;
}

.gnumber-tab input[type=radio] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.gnumber-btn {
    width: 100%;
    background: #000;
    padding: 5px;
    box-sizing: border-box;
}

.gnumber-btn a {
    width: 25%;
    height: 100px;
    text-align: center;
    font-size: 12px;
    color: #f90 !important;
    background: #333;
    display: block;
    float: left;
    border-radius: 8px;
    border: 5px #010101 solid;
    box-sizing: border-box;
}

.gnumber-btn a:hover,
.gnumber-btn a.active {
    background: #f90;
    color: white;
}

.gnumber-btn a span {
    width: 100%;
    height: 35px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    display: block;
    padding: 20px 0 0;
    box-sizing: content-box;
}

.gnumber-color {
    width: 100%;
    height: 150px;
    padding: 5px;
    background: #1e1e1e;
}

.gnumber-color a {
    width: 100%;
    margin: 5px 0;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    font-size: 12px;
    color: #f90;
    display: block;
    float: left;
    background: #333;
    text-align: right;
    padding: 0 10px;
    box-sizing: border-box;
}

.gnumber-color a:hover,
.gnumber-pair a:hover,
.gnumber-color a.active {
    background: #f90;
    color: white;
}

.gnumber-color a span {
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    text-transform: capitalize;
    font-weight: bold;
}

.gnumber-color a p {
    width: 160px;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    display: block;
    float: left;
}

.gnumber-color a:hover p,
.gnumber-color a.active p {
    color: #fff;
}

.gnumber-color-out,
.gnumber-btn1,
.gnumber-color-outrou {
    width: 100%;
    overflow: hidden;
    background: #1e1e1e;
}

.gnumber-color-out a,
.gnumber-btn1 a {
    width: 33.33%;
    margin: 5px 0px;
    height: 80px;
    border-radius: 5px;
    line-height: 40px;
    font-size: 12px;
    color: #333 !important;
    display: block;
    float: left;
    background: white;
    text-align: center;
    font-weight: bold;
    padding: 0 10px;
    border: 5px solid #1e1e1e;
    box-sizing: border-box;
}

.gnumber-color-outrou a {
    width: 50%;
    margin: 5px 0px;
    height: 65px;
    border-radius: 5px;
    line-height: 65px;
    font-size: 12px;
    color: #333;
    display: block;
    float: left;
    background: white;
    text-align: center;
    font-weight: bold;
    padding: 0 10px;
    border: 5px solid #1e1e1e;
    box-sizing: border-box;
}

.gnumber-color-outrou a span {
    display: inline-block;
    text-indent: 2px;
    color: #f90;
}

.gnumber-color-out a span {
    clear: both;
    display: block;
    line-height: 35px;
    color: #f90;
}

.gnumber-color-out a:hover {
    background: #f90;
    color: #fff;
}

.gnumber-color-out a:hover > span {
    color: #fff;
}

.gnumber-sic-out {
    width: 100%;
    overflow: hidden;
    background: #1e1e1e;
}

.gnumber-sic-out a {
    width: 33.33%;
    margin: 2px 0px;
    height: 80px;
    border-radius: 5px;
    line-height: 40px;
    font-size: 12px;
    color: #333;
    display: block;
    float: left;
    background: white;
    padding: 0 10px;
    border: 5px solid #1e1e1e;
    box-sizing: border-box;
}

.gnumber-sic-out a span {
    background: #f90;
    clear: both;
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    width: 50%;
    height: 50px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.gnumber-sic-out a:hover {
    background: #f90;
    color: #fff;
}

.gnumber-sic-out a:hover > span {
    background: white;
    color: #333;
}

/* roulette */
.gnumber-num-roulette {
    background: #141414;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.gnumber-num-roulette a.red {
    background: #c00;
}

.gnumber-num-roulette a.white {
    background: #fff;
    color: #333;
}

.gnumber-num-roulette {
    clear: both;
    width: 100%;
}

.gnumber-num-roulette .roulette {
    width: 80%;
}

.roulette a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 4px;
    display: block;
    float: left;
    border-radius: 3px;
    background: #333;
    color: #fff;
}

.two-one {
    width: 17%;
    float: left;
}

.two-one a {
    width: 100%;
    height: 102px;
    line-height: 102px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 4px;
    display: block;
    float: left;
    border-radius: 3px;
    background: #333;
    color: #fff;
}

.gnumber-num-roulette .triple {
    box-sizing: border-box;
    clear: both;
    width: 100%;
}

.gnumber-num-roulette .triple a {
    box-sizing: border-box;
    width: 32.33%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 4px 1px;
    display: block;
    float: left;
    border-radius: 3px;
}

.gnumber-num-roulette a:hover {
    background: #f90;
}

/* liv number */
.gmultiple-num,
.gmultiple-num-img {
    background: #4c4c4c;
    width: 100%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}

.gmultiple-num-img a {
    box-sizing: border-box;
    width: 13.55%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 1px;
    display: block;
    float: left;
    border-radius: 3px;
    background: #fff;
}

.gmultiple-num a {
    width: 15%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    display: block;
    float: left;
    border-radius: 3px;
    background: #fff;
}

.bs-multiple {
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
}

.bs-multiple a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    margin: 0px;
    font-size: 14px;
    color: #333;
}

.glivenumber-tab,
.gpromo-tab,
.gmultiple-tab {
    width: 100%;
    background: #333;
    padding: 0;
}

.glivenumber-tab a,
.gpromo-tab a {
    display: block;
    line-height: 40px;
    padding: 0 10px;
    margin: 0px;
    font-size: 14px;
    color: #333;
    float: left;
}

.gmultiple-tab a {
    box-sizing: border-box;
    width: 50%;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    margin: 0px;
    font-size: 14px;
    color: #333;
    float: left;
    text-align: center;
}

.gpromo-tab ul,
.gmultiple-tab ul {
    padding-left: 0;
}

.glivenumber-tab a.active,
.gpromo-tab a.active {
    background: #4c4c4c;
    color: #fff;
}

.gmultiple-num a:hover,
.gmultiple-num-img a:hover {
    background: #f90;
    color: #fff;
    cursor: pointer;
}

.gmultiple-tab a.active {
    background: #4c4c4c;
    color: #fff;
    cursor: pointer;
    border-top: 4px solid #fff;
}

.glivenumber-num {
    background: #4c4c4c;
    width: 100%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}

.glivenumber-num a {
    display: block;
    width: calc(100% - 10px);
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    float: left;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.glivenumber-num .gold-silver {
    display: block;
    width: calc(100% - 10px);
    height: 65px;
    margin: 5px;
    float: left;
    border-radius: 3px;
    background: #fff;
}

.glivenumber-num .gold-silver ul li {
    width: 100%;
    padding: 5px;
}

.glivenumber-num a span.group-name1,
.glivenumber-num a span.group-name2 {
    display: block;
    width: calc(50% - 2.5px);
    height: 100%;
    text-align: left;
    text-indent: 5px;
    float: left;
}

.glivenumber-num a span.group-name1 span,
.glivenumber-num a span.group-name2 span {
    color: #f90;
}

.glivenumber-num h3,
.glivenumber-num p {
    width: 100%;
    text-align: center;
    font-style: bold;
    color: #fff;
}

.glivenumber-num a span.group-name2 {
    border-left: 5px solid #4c4c4c;
}

.glivenumber-num a i img {
    width: 46px;
    height: 46px;
    float: left;
    border-right: 5px solid #4c4c4c;
}

.gnumber-six,
.gnumber-pair,
.gnumber-single,
.gsicbo-board,
.bseo,
.board-tab,
.gnumber-three,
.all-dice,
.gnumber-three-all {
    padding: 2px 5px;
    background: #141414;
    width: 100%;
    margin: 0;
}

.three-pair {
    width: 33.33333%;
    float: left;
    text-align: center;
}

.three-pair span {
    float: left;
    width: 30%;
    height: 23px;
    line-height: 25px;
    border-radius: 1em;
    background: #f90;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: bold;
    margin: 1px;
}

.board-tab a {
    background: #333;
    width: 98%;
    height: 60px;
    line-height: 40px;
    padding: 8px;
    font-size: 14px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.board-tab a.all-dice {
    height: 75px;
}

.bseo a {
    width: 24.555%;
    height: 100px;
    text-align: center;
    font-size: 14px;
    color: white;
    line-height: 60px;
    background: #333;
    display: block;
    float: left;
    border-radius: 8px;
    border: 5px #141414 solid;
    box-sizing: border-box;
    cursor: pointer;
}

.bseo a span {
    width: 100%;
    height: 30px;
    line-height: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #f90;
    display: block;
    padding: 0;
}

.gnumber-single a {
    width: 14%;
    height: 100px;
    text-align: center;
    font-size: 14px;
    color: white;
    line-height: 60px;
    background: #333;
    display: block;
    float: left;
    border-radius: 8px;
    border: 5px #141414 solid;
    box-sizing: border-box;
    cursor: pointer;
}

.gnumber-single a span {
    width: 100%;
    height: 30px;
    line-height: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #f90;
    display: block;
    padding: 0;
}

.gnumber-six a {
    background: #333;
    width: 49%;
    height: 60px;
    line-height: 40px;
    border: 5px #141414 solid;
    border-top: none;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: left;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.gnumber-three-all a.ga7 {
    background: #333;
    width: 25%;
    height: 155px;
    line-height: 140px;
    border-left: 5px #141414 solid;
    border-right: 5px #141414 solid;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.gnumber-pair a.ga7,
.gnumber-three a.ga7 {
    background: #333;
    width: 25%;
    height: 90px;
    line-height: 70px;
    border: 5px #141414 solid;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.gnumber-pair a.ga9 {
    background: #333;
    width: 12.222%;
    height: 90px;
    line-height: 70px;
    border: 5px #141414 solid;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.gnumber-three-all a {
    background: #333;
    width: 24.222%;
    height: 155px;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    box-sizing: border-box;
}

.gnumber-pair a.ga8,
.gnumber-three a {
    background: #333;
    width: 12.222%;
    height: 90px;
    border: 4px #141414 solid;
    padding: 12px 5px;
    font-size: 12px;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.gnumber-three a,
.gnumber-three-all a {
    line-height: 35px;
    cursor: pointer;
}

.gnumber-three a span,
.gnumber-three-all a span {
    float: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 30px;
    background: #f90;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: bold;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
}

.gnumber-pair a.ga8 .sicbo-ball {
    float: none;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 30px;
    background: #f90;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.gnumber-pair a.ga8 .sicbo-ball:last-of-type {
    margin-top: 12px;
}

.gnumber-six a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background: #f90;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.board-tab a:hover,
.gnumber-pair a:hover,
.gnumber-single a:hover,
.gnumber-three a:hover,
.bseo a:hover,
.gnumber-six a:hover {
    background: #f90;
    color: white;
}

.board-tab a:hover > span,
.gnumber-pair a:hover > .sicbo-ball,
.gnumber-three a:hover > span,
.gnumber-six a:hover > span,
.wrap-three-all:hover > a span {
    background: white;
    color: #f90;
}

.wrap-three-all:hover > a {
    background: #f90;
    color: white;
}

.gnumber-three a.ga7:hover,
.gnumber-pair a.ga7:hover {
    background: #333;
}

.bseo a:hover > span,
.gnumber-single a:hover > span {
    color: white;
}

a.ga8:hover > a.ga8 span {
    background: white;
    color: #f90;
}

a.more-number {
    float: right;
    margin-right: 0.5em;
    cursor: default;
}

/* overlay*/
.gload {
    width: 100% !important;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    background: rgba(192, 192, 192, 0.3);
    transition: all 0.3s;
    z-index: 42;
}

.overlay-img {
    width: 100px;
    position: relative;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* modal */
.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 1500;
    visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-50%) translateY(-50%);
}

.wrap-txt {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -pre-wrap;
    /* Opera <7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */
    text-transform: uppercase;
}

.md-content label {
    width: 100%;
    margin: 0 0 5px;
    display: block;
    overflow: hidden;
}

.md-content label span {
    width: 30%;
    line-height: 35px;
    text-align: right;
    float: left;
    display: block;
    margin: 0 10px 0 0;
}

.md-content label em {
    line-height: 35px;
    color: #f90;
}

.md-content label input {
    width: 175px;
    height: 35px;
    box-sizing: border-box;
    border: 1px #eee solid;
    padding: 0 10px;
}

.modal-drag {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    backface-visibility: hidden;
}

.under-zero {
    z-index: -1;
}

.modal-drag button {
    position: relative !important;
    z-index: 48;
}

.modal-dialog {
    /* IE9 only*/
    transform: none;
}

.md-show {
    visibility: visible;
    backface-visibility: visible;
}

.md-show-drag {
    z-index: 900;
    visibility: visible;
    backface-visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 46;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-show-drag ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.hide ~ .md-overlay {
    opacity: 0;
    visibility: hidden;
}

.cross {
    display: block;
    position: relative;
    z-index: 10005 !important;
    width: 45px;
    height: 45px;
    background: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/modal_close.png);
    float: right;
    margin-right: -0.5px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

/* Content styles */
.md-content,
.md-content-drag {
    color: #333;
    background: #ffffff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}

.md-content h3,
.md-content-drag h3 {
    margin: 0;
    padding: 0.1em 0.2em;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    opacity: 0.8;
    /*background: rgba(0,0,0,0.1);*/
    background: #222;
    border-radius: 3px 3px 0 0;
    color: #fff;
    text-transform: uppercase;
}

.md-content > div,
.md-content-drag div {
    position: relative;
    padding: 5px 10px 5px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em;
    /* IE9 only*/
    transform: none;
}

.md-content > div h5,
.md-content-drag > div h5 {
    width: 100%;
    line-height: 50px;
    border-bottom: 1px #eee solid;
    font-size: 20px;
    font-weight: bold;
    color: #f90;
    text-align: center;
}

.md-content input[type=text],
.md-content-drag input[type=text] {
    border: 1px #eee solid;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    width: calc(100% - 40px);
    padding: 0 10px;
}

.md-content > div p,
.md-content-drag > div p {
    margin: 0;
    padding: 10px 0;
}

.md-content > div ul,
.md-content-drag > div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}

.md-content > div ul li,
.md-content-drag > div ul li {
    padding: 5px 0;
}

.btn-foot {
    width: 80%;
    height: 45px;
    margin: 0 auto;
}

.btn-foot button {
    /*background: -moz-linear-gradient(top, #aaa, #cccccc);
      background: -ms-linear-gradient(top, #aaa, #cccccc);
      background: -o-linear-gradient(top, #aaa, #cccccc);*/
    background: #f90;
    border: 1px solid #aaa;
    width: 40%;
    margin: 0 5%;
    float: left;
    padding: 5px 0;
    border-radius: 1em;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
    transform: scale(0.1);
    opacity: 0;
    transition: all 0.4s;
}

.md-show.md-effect-1 .md-content {
    transform: scale(1);
    opacity: 1;
}

.md-show-drag.md-effect-1 .md-content {
    transform: scale(1);
    opacity: 1;
}

/* datepicker */
.datepicker > .datepicker_header > .icon-close > div {
    position: relative;
    right: 12px;
}

/* poker */
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999990;
    display: none;
}

#loading img {
    background: #000;
    position: relative;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border-radius: 8px;
}

.poker-modal-balance {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999990;
    display: none;
}

.poker-modal-balance .content-modal {
    background: #000;
    position: relative;
    width: 85%;
    color: #fff;
    text-align: center;
    line-height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding: 10px;
    font-weight: normal;
    border-radius: 8px;
}

.poker-modal-balance .content-modal #error-msg {
    color: #fff;
}

.fadeInRight {
    animation: fadeInRight 0.5s ease-in-out;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(300px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* awesomefont*/
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-bars::before {
    content: "\f0c9";
}

.fa-caret-left::before {
    content: "\f0d9";
}

.fa-caret-right::before {
    content: "\f0da";
}

.fa-dollar:before::before {
    content: "\f155";
}

.fa-copy:before::before {
    content: "\f0c5";
}

.fa-check::before {
    content: "\f00c";
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.stepDivider {
    border-top: 1px solid #d8d8d9;
}

.deposit-link {
    text-align: center;
}
.deposit-link a {
    color: #da1c5c;
    font-size: 0.9rem;
}

.slot_menu a {
    color: #fff !important;
}

.collapsePromo:not(.collapsed) .fa-angle-down {
    transform: rotate(180deg);
}
.collapsePromo .fa-angle-down {
    transition: transform 0.3s;
    font-size: 0.9rem;
    color: #fff;
}

.datepicker_timelist {
    box-sizing: content-box;
}
.datepicker_timelist .timelist_item {
    color: #000;
}

.referDetail {
    background-color: #2f343b;
    border-radius: 8px;
    border: 1px solid #7b7e82;
    padding: 12px 6px;
}
.referDetail .totalMember {
    border-right: 1px solid #7b7e82 !important;
}
.referDetail .totalMember p {
    font-size: 0.7875rem;
    margin-bottom: 0.25rem;
}
.referDetail .totalMember .memberContent {
    display: flex;
    align-items: center;
}
.referDetail .totalMember .memberContent .amount {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 8px;
}
.referDetail .totalBonus .bonusInfo {
    margin-left: 20px;
}
.referDetail .totalBonus .bonusInfo p {
    font-size: 0.7875rem;
    margin-bottom: 0.25rem;
}
.referDetail .totalBonus .bonusInfo .bonusContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.referDetail .totalBonus .bonusInfo .bonusContent .contentWrapper {
    display: flex;
    align-items: center;
}
.referDetail .totalBonus .bonusInfo .bonusContent .contentWrapper .amount {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 8px;
}
.referDetail .totalBonus .bonusInfo .bonusContent .claimBonusBtn {
    background: transparent;
    color: #31aeef;
    border: 1px solid #31aeef;
    border-radius: 30px;
    font-size: 0.6375rem;
    padding: 3px 10px;
    font-weight: 600;
}
.referDetail * {
    color: #fff;
}

td strong [style="color: #00ccff;"] {
    white-space: nowrap;
}

#SPGOLD_16 table[style="height: 202px;"] {
    height: auto !important;
}
#SPGOLD_16 table[style="height: 202px;"] td {
    padding: 1.595rem 0.5rem;
}

.promo-popup span {
    color: inherit;
}

.spin-widget {
    position: fixed;
    right: 0;
    bottom: 3.5rem;
    z-index: 100;
}
@media (max-width: 414px) {
    .spin-widget {
        width: 5rem;
        height: auto;
    }
}
.spin-widget img {
    width: inherit;
    height: inherit;
}

/**** tnc ***/
.accordion-tnc .card {
    border-radius: 0.5rem !important;
}
.accordion-tnc .card .card-header {
    padding: 0;
}
.accordion-tnc .card .card-header .btn {
    background-color: #f2f1f1;
    color: #7d7d7d;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
.accordion-tnc .card .card-header .btn[aria-expanded=true] {
    background-color: rgba(0, 174, 239, 0.09019607);
    color: #eab92d;
}
.accordion-tnc .card .card-body li {
    color: #333;
    list-style: decimal;
}
.accordion-tnc p {
    line-height: 1.5;
}

.table-depo-with {
    border-collapse: collapse;
    border-radius: 0.2rem;
    overflow: hidden;
}
.table-depo-with tr {
    background-color: #fff !important;
}
.table-depo-with tr td {
    border-bottom: 1px solid #dee2e6 !important;
    color: #111;
}

.dropdown-lang {
    position: absolute;
    right: 15px;
}
.dropdown-lang .dropdown-toggle {
    display: flex;
    align-items: center;
}
.dropdown-lang .dropdown-toggle i {
    width: 2rem;
    height: 2rem;
    display: inline-block;
}
.dropdown-lang .dropdown-toggle i.icon-language-my {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/ma.webp);
    background-size: 100% 100%;
}
.dropdown-lang .dropdown-toggle i.icon-language-sg {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/singa.webp);
    background-size: 100% 100%;
}
.dropdown-lang .dropdown-toggle i.icon-language-au {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/au.webp);
    background-size: 100% 100%;
}
.dropdown-lang .dropdown-toggle i.icon-language-id {
    background-image: url(https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/lang/id.webp);
    background-size: 100% 100%;
}
.dropdown-lang .dropdown-toggle::after {
    margin: 0;
    vertical-align: middle;
    border: none;
}
.dropdown-lang .dropdown-menu {
    min-width: 12rem;
    right: 0;
    left: auto;
    background-color: #3f444b;
    border-radius: 0.5rem;
    padding-left: 5px;
    padding-right: 5px;
}
.dropdown-lang .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0.8rem;
    color: #fff;
}
.dropdown-lang .dropdown-menu .dropdown-item:focus, .dropdown-lang .dropdown-menu .dropdown-item:hover {
    color: #000;
}
.dropdown-lang .dropdown-menu .dropdown-divider {
    border-top: 2px solid #bbbcbd;
}

.icon-tick {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    display: none;
    background: #1fa3df url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generated by IcoMoon.io --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M27.267 45.066l-9.262-10.761 3.033-2.61 6.229 7.239 15.696-18.239 3.031 2.61z' fill='%23000000' /%3E%3C/svg%3E%0A") center/contain no-repeat;
}

.wrap-download {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    overflow: hidden;
    justify-content: space-around;
    align-content: center;
    background: #e7e7e7;
    z-index: 999;
}

.wrap-download .download-content {
    display: flex;
    align-content: center;
    flex: 0 0 63%;
}

.wrap-download .download-content .download-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 20%;
    margin-right: 10px;
}

.wrap-download .download-content .download-close {
    width: 10px;
}

.wrap-download .download-content .download-logo {
    width: 36px;
    height: 36px;
    border-radius: 4px;
}

.wrap-download .download-content .download-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wrap-download .download-content .download-text > * {
    color: #ffffff;
    font-size: 12px;
}

.wrap-download .download-content .download-text span {
    font-size: 12px;
}

.wrap-download .download-button {
    font-size: 14px;
    height: 30px;
    border-radius: 4px;
    padding: 5px 5px;
    background-color: #c9c9c9;
    color: #fff;
    text-transform: uppercase;
    line-height: 22px;
    margin: auto 0;
}

.app_adjustment {
    top: 56px;
}

.wrap-download .download-button {
    background: #1eabea !important;
}

.wrap-download {
    background: #3b4047 !important;
}

.download_img_close img {
    width: 10px;
}

/*** 2023-03-28 ***/
.deposit-quickpay-payment-method-wrapper .quickpay-payment-selection .quickpay-payment-box {
    position: relative;
    background-color: #2f3239;
    border: 2px solid #2f3239;
    padding: 2px;
    border-radius: 0.5rem;
    width: 90%;
}
.deposit-quickpay-payment-method-wrapper .quickpay-payment-selection .quickpay-payment-box.active .quickpay-payment-box {
    border: 2px solid #eab92d;
    opacity: 1;
}

.method-list {
    flex: 0 0 25%;
    max-width: 25%;
    /*padding-left: 0.25rem;*/
    /*padding-right: 0.25rem;*/
}
.method-list[data-order=qpay] {
    order: 1;
}
.method-list[data-order=ok2pay] {
    order: 2;
}
.method-list[data-order=help2pay] {
    order: 3;
}
.method-list[data-order=fpay] {
    order: 4;
}
.method-list[data-order=fpay] .quickpay-payment-selection-title {
    word-spacing: 9999px;
}

.deposit-quickpay-payment-method-wrapper .quickpay-payment-selection.active .quickpay-payment-box {
    border: 2px solid #eab92d;
    opacity: 1;
    overflow: hidden;
}

.deposit-quickpay-payment-method-wrapper .quickpay-payment-selection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-align: center;
}

.payment_border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
}

.dropdown-menu {
    background-color: #13131b;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #13131b;
}

.historySection .paymentSection .nav-tabs .nav-link:last-child.active::after {
    background: none;
}

#transfer-form input {
    background-color: #000;
}

#transfer-form select {
    background-color: #000;
    color: #fff !important;
}

#transfer-form select option {
    color: #ffffff !important;
}

#nav-tab a img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.option-depo > .option-item {
    border-radius: 10px;
    border: 3px solid transparent;
}
.option-depo > .option-item.active {
    background: #2f3239 !important;
    color: #fff;
    border: 3px solid #1e2128;
}

.option-depo > .option-item .borderLeft {
    width: 0px !important;
}

.option-depo > .option-item i {
    width: 17px;
    height: 17px;
    margin-right: 0.25rem;
}

#nav-tab {
    background-color: #1e2128;
    border-radius: 10px;
    border-bottom: unset;
    padding: 0px !important;
}

#nav-tab.option-switcher a {
    font-size: 12px;
}

.option-switcher {
    overflow: inherit;
}

.borderLeft {
    display: none;
}

/** 2023-04-24 ***/
body #referral {
    width: 100%;
}

body #referral > div:first-child {
    top: 0;
    background: #0f1a23;
    z-index: 999;
}

body #referral .fixed-top {
    background-color: #0f1a23;
}

body #referral .text-blue {
    color: #eab92d;
}

body #referral .p-normal {
    font-weight: normal !important;
}

body #referral .text-white {
    color: #ffffff;
}

body #referral .text-grey {
    color: #c4c4c4;
}

body #referral .text-center {
    text-align: center;
}

body #referral .mt-60 {
    margin-top: 60px;
}

body #referral .text-shadow {
    text-shadow: 0 0 12px rgba(0, 174, 239, 0.8);
}

body #referral .line-top {
    position: relative;
}

body #referral .line-top:after {
    content: "";
    top: -5px;
    left: 0px;
    width: 100%;
    height: 0.75px;
    background: rgba(255, 255, 255, 0.5019607843);
    opacity: 0.4;
    position: absolute;
}

body #referral .btn-claim {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #575c64;
    border-radius: 10px;
    background: #2f343b;
    padding: 0.475rem 1rem;
    margin-top: 15px;
}

body #referral .btn-claim .claim-img {
    margin-right: 5px;
    height: 13px;
}

body #referral .bonus-img {
    width: 130px;
    height: auto;
    top: 10px;
    position: relative;
}

body #referral .total-bonus-earned-wrapper {
    padding: 20px 0px;
}

body #referral .total-bonus-earned-wrapper p {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: unset;
    position: relative;
    top: 4px;
}

body #referral .total-bonus-earned-wrapper h2 {
    font-family: Montserrat;
    margin-bottom: unset;
    font-weight: bold;
    font-size: 17px;
    color: #eab92d;
}

body #referral .total-bonus-earned-wrapper h2 span {
    font-size: 25px;
    color: #ffffff;
}

body #referral .total-bonus-earned-wrapper p + h2 {
    margin-top: 10px;
}

body #referral #referral-tabs {
    border-bottom: 0.5px solid #282d34;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
}

body #referral #referral-tabs .nav-item {
    flex: 1;
    text-align: center;
}

body #referral #referral-tabs .nav-item .nav-link {
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 600;
    color: #575c64;
    width: 100%;
    justify-content: center;
}

body #referral #referral-tabs .nav-item .nav-link.active {
    background: unset;
    border-radius: unset;
    border: unset;
    position: relative;
    font-weight: 600;
    color: #ffffff;
}

body #referral #referral-tabs .nav-item .nav-link.active::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #eab92d;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

body #referral #nav-referralTabContent h1 {
    font-family: Montserrat;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: unset;
}

body #referral #nav-referralTabContent h3 {
    font-family: Montserrat;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: unset;
}

body #referral #nav-referralTabContent h6 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: unset;
}

body #referral #nav-referralTabContent #rewards {
    padding-top: 50px;
}

body #referral #nav-referralTabContent #rewards h3 {
    max-width: 300px;
    margin: 0 auto;
}

body #referral #nav-referralTabContent #rewards h6 {
    max-width: 320px;
    margin: 0 auto;
}

body #referral #nav-referralTabContent #rewards p {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: unset;
}

body #referral #nav-referralTabContent #rewards h3 + h6 {
    margin-top: 16px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box {
    --box-height: 300px;
    height: var(--box-height);
    width: 100%;
    border-radius: 25px;
    border: 2px solid #eab92d;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 50px;
    background: #2f343b;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.86);
    position: relative;
    overflow: hidden;
}

body #referral #nav-referralTabContent #rewards .per-referral-box p {
    font-size: 14px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .character-img {
    position: absolute;
    height: 120%;
    left: -90px;
    bottom: 0px;
    z-index: 1;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .chips-1-img {
    position: absolute;
    z-index: 1;
    width: 50px;
    right: -20px;
    bottom: 25%;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .chips-2-img {
    position: absolute;
    z-index: 1;
    width: 90px;
    bottom: -25px;
    right: 5%;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .container {
    position: relative;
    z-index: 0;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .per-referral-row {
    height: calc(var(--box-height) / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .per-referral-row h1 + p {
    margin-top: 10px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .per-referral-row.top {
    position: relative;
    bottom: -5px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .per-referral-row.bottom {
    position: relative;
    top: -10px;
}

body #referral #nav-referralTabContent #rewards .per-referral-box .container .row:first-child .per-referral-row.bottom {
    top: 95%;
    transform: translateY(-50%);
}

body #referral #nav-referralTabContent #rewards .fast-simple-section {
    background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/referral/background.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 35px;
    padding-bottom: 120px;
    background-size: auto 100%;
    background-position: center 2px;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 25px;
    min-height: 225px;
    background: rgba(255, 255, 255, 0.28);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    margin-top: 70px;
    padding: 20px 0px;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box .fast-simple-img {
    margin-top: -88px;
    width: 140px;
    height: auto;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box h6 {
    font-size: 20px;
    max-width: 290px;
    margin: 0 auto;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box p {
    font-weight: 400;
    max-width: 270px;
    margin: 0 auto;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box h6 + p {
    margin-top: 20px;
}

body #referral #nav-referralTabContent #rewards .fast-simple-section .fast-simple-box.margin-top {
    margin-top: 80px;
}

body #referral #nav-referralTabContent #referral-link {
    padding: 25px 0px 158px 0px;
    position: relative;
    overflow: hidden;
}

body #referral #nav-referralTabContent #referral-link .box-1-img {
    position: absolute;
    top: -26px;
    right: 18%;
    width: 80px;
    z-index: 0;
}

body #referral #nav-referralTabContent #referral-link .box-2-img {
    position: absolute;
    right: -64px;
    top: 46%;
    width: 150px;
    z-index: 0;
}

body #referral #nav-referralTabContent #referral-link .box-3-img {
    position: absolute;
    bottom: 0;
    left: -65px;
    width: 230px;
    z-index: 0;
}

body #referral #nav-referralTabContent #referral-link .referral-a-friend-h3 {
    font-size: 23px;
}

body #referral #nav-referralTabContent #referral-link .qr-background {
    /*background-image: url("https://s3-ap-northeast-1.amazonaws.com/hcgames.3g/content/images/mcd88/referral/background-qr.webp");*/
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 100%;
    width: 100%;
    position: relative;
    margin-top: 24px;
}

body #referral #nav-referralTabContent #referral-link .qr-background .qr-code-img {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -43%);
}
body #referral #nav-referralTabContent #referral-link .qr-background .qr-code-img canvas {
    width: 100%;
    height: 100%;
}

body #referral #nav-referralTabContent #referral-link .right-qr-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: 10px;
}

body #referral #nav-referralTabContent #referral-link .right-qr-wrapper h6 {
    max-width: 150px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

body #referral #nav-referralTabContent #referral-link .right-qr-wrapper .btn-share-qr {
    font-family: Montserrat;
    font-weight: bold;
    font-size: 13px;
    background-color: #eab92d;
    color: #ffffff;
    border-radius: 10px;
    padding: 0.775rem 1.25rem;
    margin-top: 20px;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box {
    border: 2px solid #eab92d;
    border-radius: 5px;
    background-color: #2f343b;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.86);
    padding: 30px 25px;
    margin-top: 20px;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box h6 {
    max-width: 285px;
    font-size: 1rem;
    line-height: 1.3;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box .copy-clipboard {
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.2509803922);
    -webkit-backdrop-filter: blur(11px) brightness(10%) opacity(0%);
    backdrop-filter: blur(11px) brightness(10%) opacity(0%);
    border-radius: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
    position: relative;
    margin-top: 20px;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box .copy-clipboard input {
    position: absolute;
    left: -99999px;
    top: -99999px;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box .copy-clipboard span {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

body #referral #nav-referralTabContent #referral-link .refer-friend-box .btn-copy-clipboard {
    font-family: Montserrat;
    font-weight: bold;
    font-size: 13px;
    background-color: #eab92d;
    color: #ffffff;
    border-radius: 10px;
    padding: 0.675rem 0.95rem;
    margin-top: 20px;
}

body #referral #nav-referralTabContent #report {
    padding: 40px 0px;
}

body #referral #nav-referralTabContent #report .search-data-wrapper {
    background-color: #2f343b;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    padding: 25px 12px;
}

body #referral #nav-referralTabContent #report .search-data-wrapper .search-data-flex-3,
body #referral #nav-referralTabContent #report .search-data-wrapper .search-data-flex-1 {
    padding-left: 5px;
    padding-right: 5px;
}

body #referral #nav-referralTabContent #report .search-data-wrapper .search-data-flex-3 {
    flex: 0 0 42%;
    width: 42%;
}

body #referral #nav-referralTabContent #report .search-data-wrapper .search-data-flex-1 {
    flex: 0 0 20%;
    width: 20%;
}

body #referral #nav-referralTabContent #report .search-data-wrapper label {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
}

body #referral #nav-referralTabContent #report .search-data-wrapper label span {
    color: #da1c5c;
}

body #referral #nav-referralTabContent #report .search-data-wrapper input {
    border-radius: 10px;
    outline: unset;
    border: unset;
    box-shadow: unset;
    font-family: Montserrat;
    font-size: 13px;
    padding: 10px 15px;
    width: 100%;
}

body #referral #nav-referralTabContent #report .search-data-wrapper .btn-search {
    outline: unset;
    border: unset;
    background: #61676d;
    padding: 12px;
    border-radius: 10px;
    width: 42px;
    height: 42px;
}

body #referral #nav-referralTabContent #report .history-list {
    border: 2px solid #eab92d;
    border-radius: 5px;
    background: #2f343b;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.86);
    padding: 5px;
    position: relative;
    margin-bottom: 100px;
}

body #referral #nav-referralTabContent #report .history-list .history-clips-img {
    width: 115px;
    height: auto;
    position: absolute;
    right: -5px;
    top: -41px;
}

body #referral #nav-referralTabContent #report .history-list h6 {
    font-size: 20px;
}

body #referral #nav-referralTabContent #report .history-list table {
    width: 100%;
    margin-top: 20px;
}

body #referral #nav-referralTabContent #report .history-list table thead {
    border-bottom: 1px solid #eab92d;
}

body #referral #nav-referralTabContent #report .history-list table thead th {
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    text-shadow: 0 0 12px rgba(0, 174, 239, 0.8);
    padding: 10px;
    text-align: center;
}

body #referral #nav-referralTabContent #report .history-list table tbody tr {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}

body #referral #nav-referralTabContent #report .history-list table tbody tr td {
    font-family: Montserrat;
    font-size: 13px;
    color: #ffffff;
    padding: 10px 5px;
    text-align: center;
}

body #referral #nav-referralTabContent #report .history-list table tbody tr td:nth-child(3) {
    font-weight: bold;
}

body #referral #nav-referralTabContent #report .history-list table tbody tr td:last-child {
    color: #eab92d;
    font-weight: bold;
}

body #referral #nav-referralTabContent #report .history-list table tbody tr:last-child {
    border-bottom: 0px;
}

.popup-pic {
    width: 152px;
    height: auto;
    position: fixed;
    z-index: 10;
    bottom: 50px;
    left: 0px;
    display: none;
}

.popup-pic img {
    width: 100%;
}

.popup-pic .btn-close {
    position: absolute;
    right: 6%;
    top: 8px;
    color: transparent;
    width: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.popup-pic .btn-click {
    width: 96px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    /* padding: 6px 0px; */
    left: 28px;
    font-size: 12px;
    color: transparent;
    background: transparent;
}

.sports .sportWrapper {
    padding: 0px;
}

.sports .form-row > [class*=col-] {
    padding: 0px;
}

.footer-license {
    margin-top: -50px;
}

.licenseImg-desc {
    font-size: 11px;
    color: #a5a5a5;
}

.footer-box-security i {
    width: 80px;
    display: inline-block;
    height: 35px;
    background-size: 100% 100%;
}

.affiliate-Program {
    color: #1BA4DE !important;
    text-decoration: underline !important;
    letter-spacing: 1px;
}

.copy-right {
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    align-items: center;
    padding-bottom: 3px;
}

.copy-right .footer-box-follow {
    float: right;
}

.rp_point {
    float: right;
    padding-right: 100px;
}

/*** slots 23-09-06 ***/
body .d-flex-rules {
    display: flex;
    justify-content: center;
    align-items: center;
}

body .arrow-left-to-slot img {
    width: 20px;
    margin-right: 50px;
}

@media (max-width: 280px) {
    body .arrow-left-to-slot img {
        margin-right: 20px;
    }
}
body .game-logo-indica img {
    width: 7rem;
}

body .dropdown-game-slc {
    font-family: Montserrat-Regular;
    font-size: 12px;
    background-color: #0D0D0B;
    border: none;
    color: #ffffff !important;
    border-radius: 25px;
    margin-right: 12px;
    min-width: 135px;
}
body .dropdown-game-slc span {
    color: #fff;
}

body .dropdown-game-slc:focus {
    box-shadow: none !important;
}

body .dropdown-game-slc::after {
    border: 0 !important;
}

body .dropdown-game-slc img {
    width: 10px;
    height: auto;
    margin-left: 15px;
}

body .dropdown-games-wrap {
    text-align: right;
}

body .dropdown-games-wrap .dropdown-menu {
    background-color: #252A34;
    min-width: 130px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

body .dropdown-games-wrap .dropdown-menu .dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 10px;
}

body .dropdown-games-wrap .dropdown-menu .dropdown-item img {
    width: 35px;
    height: auto;
    margin-right: 10px;
}

body .search-with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

body .search-with-icon img {
    width: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: invert(51%) sepia(13%) saturate(9%) hue-rotate(2deg) brightness(96%) contrast(84%);
}

body .section-header-slot-ply {
    margin-bottom: 20px;
}

body .popular-game-bar-wrapper {
    background-color: #252A34;
    font-size: 12px;
    color: #ffffff;
    font-family: Montserrat-Regular;
    width: 85%;
    border-radius: 25px;
    margin-bottom: 20px;
}

body .popular-game-bar-wrapper .popular-games-title {
    text-align: center;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #808080 !important;
    color: #808080;
}

body .popular-game-bar-wrapper .search-with-icon {
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

body .selection-bar-wrap {
    font-family: Montserrat-Medium;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    width: 85%;
    padding-bottom: 10px;
}

body .selection-bar-wrap .sub-selection.active {
    color: #2C9ACD;
}

body .games-imgs {
    padding-top: 12px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

body .games-imgs img {
    width: 7.4rem;
    border-radius: 0.65rem;
    height: 7.5rem;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 320px) {
    body .games-imgs img {
        width: 90px;
    }
}
@media (min-width: 321px) and (max-width: 360px) {
    body .games-imgs img {
        width: 100px;
    }
}
@media (min-width: 414px) {
    body .games-imgs img {
        width: 120px;
    }
}
body .game-options-row {
    margin-left: 0;
    margin-right: 0;
}

body .games-show-all {
    margin-bottom: 100px;
}

body .games-options-all {
    padding-left: 0;
    padding-right: 0;
}

.slot-name {
    display: none;
}

.game-options-row div:nth-child(526) {
    order: -12;
}

.game-options-row div:nth-child(531) {
    order: -11;
}

.game-options-row div:nth-child(535) {
    order: -10;
}

.game-options-row div:nth-child(17) {
    order: -9;
}

.game-options-row div:nth-child(75) {
    order: -8;
}

.game-options-row div:nth-child(159) {
    order: -7;
}

.game-options-row div:nth-child(11) {
    order: -5;
}

.game-options-row div:nth-child(153) {
    order: -5;
}

.game-options-row div:nth-child(539) {
    order: -4;
}

.game-options-row div:nth-child(293) {
    order: -3;
}

.game-options-row div:nth-child(552) {
    order: -2;
}

.game-options-row div:nth-child(585) {
    order: -1;
}

#crash-tab .slots img {
    padding: 4px 10px;
}

#crash-tab .slots span {
    color: #fff;
    font-size: 12px;
}/*# sourceMappingURL=style.css.map */