@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Play:wght@400;700&display=swap');@font-face {
    font-family: "Sony Sketch EF";
    src: url("../fonts/Sony_Sketch_EF.eot?") format("eot"), url("../fonts/Sony_Sketch_EF.woff") format("woff"), url("../fonts/Sony_Sketch_EF.ttf") format("truetype"), url("../fonts/Sony_Sketch_EF.svg#SonySketchEF") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sony Sketch EF";
    src: url("Sony_Sketch_Bold_205.eot?") format("eot"), url("Sony_Sketch_Bold_205.woff") format("woff"), url("Sony_Sketch_Bold_205.ttf") format("truetype"), url("Sony_Sketch_Bold_205.svg#SonySketchEF-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

html {
}

body {
    font-family: 'Lobster', cursive;
    font-family: 'Play', sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    background: #111111;
}

a:focus, button:focus {
    outline: none !important;
}

a {
    transition: all 0.3s ease-in-out;
}

a, a:focus, a:active, a:hover {
    text-decoration: none;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

a, a:focus, a:active {
    color: #ff3857;
}

a:hover {
    color: rgba(0, 0, 0, 0.75);
}

button {
    border: 0;
    background: none;
}

button::-moz-focus-inner {
    border: 0;
}

*:focus {
    outline: none;
}

input,button,select,textarea {
    outline: none;
}

label {
    margin-bottom: 0;
}

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

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    margin-bottom: 0;
}

.container {
    min-width: 1040px;
    padding: 0px;
    max-width: 1040px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #2d2d2d;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(1,1,1,1) 100%);
}

/***************** HEADER *******************/
.header-top-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
    height: 50px;
}

.tp-r {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

.mode-txt {
    margin-left: 10px;
    font-size: 12px;
}

.btn-forgot-wrap {
    width: 73px;
    line-height: 12px;
    position: absolute;
    right: -10px;
    top: 8px;
}

.btn-forgot {
    font-size: 12px;
    color: #687da8;
}

.btn-forgot:hover {
    color: #fff;
}

.btn-login {
    background: #ffffff;
    color: #88A4D4;
    padding: 5px 0px;
    border-radius: 25px;
    width: 98px;
    margin: 0px 3px;
    border: 1px solid #ffffff;
    font-size: 12px;
}

.btn-join {
    background: #ffffff;
    color: #88A4D4;
    padding: 5px 0px;
    border-radius: 5px;
    width: 98px;
    margin: 0px 3px;
    font-size: 12px;
}

.logo {
    z-index: 1000;
    position: absolute;
    left: 20px;
    top: 24px;
}

.header-nav-wrap {
    height: 115px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.top-form form {
    display: flex;
}

.form-txt {
    display: flex;
    position: relative;
}

.lgnin-box {
    display: flex;
    margin-right: 10px;
    align-items: center;
}

.lgn-box {
    display: flex;
}

.form-txt input.form-control::placeholder {
    color: #fff;
}

/********************************** Home-Slide CSS **********************************/
.carousel-indicators {
    z-index: 2;
    bottom: 15px;
}

.carousel-indicators .active {
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    opacity: 1;
}

.carousel-indicators li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0px 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #bababa;
    border-radius: 50%;
    opacity: 1;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
}

.sr-ico {
    font-size: 50px;
}

/********************************** Annoucement **********************************/
.b-annoucement {
    position: absolute;
    bottom: 10%;
}

.b-annoucement {
    width: 100%;
    height: 56px;
}

.slider-ard {
    position: relative;
}

.annouce-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    height: 56px;
}

.icon {
    color: #fff;
    font-size: 18px;
}

.runningtext {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    width: 55%;
    padding-left: 2px;
    color: #fff;
    font-size: 14px;
    background: #00000091;
    height: 37px;
}

.annouce-in .icon {
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    display: flex;
    width: 25%;
    align-items: center;
    height: 38px;
    padding: 0px 10px;
    font-size: 12px;
}

.annouce-in .icon i {
    margin-right: 10px;
}

.btn-chat {
    background: linear-gradient(to bottom, rgba(43,43,43,1) 0%, rgba(83,83,83,1) 46%, rgba(8,8,8,1) 100%);
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    height: 37px;
    padding: 0px 30px;
    border: 1px solid #2d2d2d;
}

/********************************** Index content **********************************/
.ind-in ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.ind-in ul li a {
    position: relative;
    display: flex;
}

.txt-ind {
    position: absolute;
    top: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
}

.btn-zoom {
    transition: transform .2s;
}

.btn-zoom:hover {
    transform: scale(1.03);
}

.ind-in ul li a .txt-ind {
    transition: transform .2s;
    font-style: italic;
}

.ind-in ul li a:hover .txt-ind {
    transform: scale(1.03);
}

.ind-in-2 ul li a .txt-ind {
    transition: transform .2s;
}

.ind-in-2 ul li a:hover .txt-ind {
    transform: scale(1.03);
}

.ind-sg {
    position: absolute;
    top: 70px;
    left: 55px;
}

.ind-sport {
    position: absolute;
    top: 87px;
    left: 100px;
}

.ind-casino {
    position: absolute;
    top: 20px;
    left: 85px;
}

.ind-in ul li:nth-child(2) {
    position: absolute;
    right: 0px;
    top: -17px;
}

.ind-in ul li:nth-child(3) {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

img.btn-zoom {
}

.ind-in-2 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.ind-in-2 ul li a {
    position: relative;
    display: flex;
}

.ind-in-2 ul li:nth-child(2) {
    position: absolute;
    right: 0px;
}

.ind-in-2 {
    padding-top: 25px;
    width: 1112px;
    display: block;
    margin: 0px auto;
}

.ind-live {
    position: absolute;
    top: 140px;
    right: 45px;
    font-style: italic;
}

.ind-other {
    position: absolute;
    left: 70px;
    top: 140px;
    font-style: italic;
}

/********************************** help box **********************************/
.b-content {
    padding-bottom: 5px;
}

.help-box {
    border-radius: 10px;
    padding: 0px;
}

.help-box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    height: 180px;
}

.help-box ul li a {
    display: flex;
}

.help-box ul li {
    display: flex;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    top: 0px;
    box-shadow: 0px 0px 6px #00000040;
    align-items: center;
    justify-content: space-between;
}

.help-box ul li:hover {
    position: relative;
}

.help-info h4 {
    color: #5e676c;
    font-weight: bold;
    margin-top: 15px;
    font-size: 16px;
}

.help-ico {
}

.cm-sn {
    border: 3px solid #cd4a98;
    text-align: center;
    border-radius: 10px;
    padding: 3px 10px;
    color: #cd4a98;
    margin-top: 10px;
    font-size: 12px;
}

.help-info p {
    line-height: 28px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
}

/********************************** FOOOTER **********************************/
.b-footer {
    position: relative;
}

.b-footer-in ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: initial;
    align-content: stretch;
}

.footer-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.b-copy-right {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-footer a {
    color: #acacac;
    text-transform: uppercase;
    padding: 12px 0px;
    font-size: 12px;
}

.b-footer-in {
    padding-top: 20px;
}

.footer-detail h6 {
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-nav ul li {
    font-size: 14px;
    margin-right: 16px;
}

.footer-nav ul li a:hover {
    color: #b19706;
}

.footer-detail2 {
    width: 550px;
}

.f-mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ft-bg {
    background: #000;
    background-size: 100% 100%;
}

.footer-detail {
    width: 270px;
}

.footer-detail2 ul {
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: initial;
    align-content: stretch;
}

.footer-detail2 ul li {
    margin-bottom: 12px;
}

.footer-detail2 ul li img {
    filter: brightness(0) invert(1);
}

.footer-detail2 p {
    font-size: 18px;
}

p.ft-smll {
    font-size: 11px;
    margin-bottom: 20px;
}

.footer-detail2 h6 {
    font-size: 28px;
    margin: 10px 0px;
}

.copy-right {
    text-align: center;
    color: #835edf;
    padding: 5px 0px;
    font-size: 12px;
}

/********************************** Side Right bar**********************************/
.side-right {
    position: fixed;
    z-index: 5;
}

.social {
    position: fixed;
    perspective: 1000px;
    right: 15px;
    top: 28%;
    background: linear-gradient(to bottom, rgba(230,79,170,1) 0%, rgba(128,95,225,1) 100%);
    border-radius: 10px;
}

.social li {
    display: block;
    position: relative;
    font-size: 12px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    transition: background .5s ease .300ms;
}

.social li span {
    float: left;
    text-align: center;
    color: #fff;
    padding: 8px;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateX(180deg);
    border-radius: 5px;
    transition: all .5s ease .300ms;
    position: absolute;
    top: 7px;
    right: 91px;
}

.social li span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    top: 13px;
    border-left: 10px solid #cc53b8;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

.social li:hover span {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0)
}

.social-ico p {
    color: #000;
    font-weight: bold;
    margin-top: 1px;
}

.social li a {
    display: flex;
    height: 65px;
    width: 65px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

span.np-ef {
    width: auto;
    height: auto;
    padding: 5px;
    background: linear-gradient(to bottom, rgba(230,79,170,1) 0%, rgba(128,95,225,1) 100%);
    color: #ffffff;
    font-size: 15px;
}

span.np-ef a {
    width: auto;
    min-width: 150px;
    height: auto;
    padding: 5px;
    color: #ffffff;
    font-size: 15px;
}

/********************************** REGISTER **********************************/
.register-bg {
    background: url(../images/common/register-bg.png)center no-repeat;
    background-position-y: 104px;
    padding-top: 30px;
    display: flex;
}

.login-bg {
    display: flex;
    background: #353535fc;
    justify-content: center;
    border: 1px solid #ebb803;
}

.reg-form {
    position: relative;
    width: 455px;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    flex-direction: column;
}

.reg-form h4 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 40px;
}

.register-img img {
    position: relative;
    left: 0px;
}

.reg-form-in {
    margin-bottom: 20px;
}

.reg-form-in .input-group-text {
    color: #ffffff;
    border: none;
    margin-left: 20px;
}

bbb0d1.input-group-prepend {
}

.reg-form-in .form-control {
    border: none;
    background: none;
    font-size: 14px;
    height: 40px;
    margin: 0px;
    background: #797878;
    color: #fff;
}

.reg-form-in .input-group {
    background: #292929;
    border-radius: 20px;
    margin-bottom: 20px;
    height: 40px;
}

input.form-control:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.btn-submit {
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    width: 100%;
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
}

.btn-submit:hover {
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, #8a1922 0%, #ce041c 100%);
}

.register-img {
    position: relative;
}

.pen-pos {
    position: absolute !important;
    top: 180px;
    z-index: 1;
    left: 30px !important;
}

.penmove {
    animation: penmove 0.8s alternate infinite;
    animation-delay: 0.8s;
}

@keyframes penmove {
    0% {
        left: 60px;
    }

    50% {
        left: 120px;
    }

    100% {
        left: 60px;
    }
}

.penmove2 {
    -webkit-animation: 1.5s ease 0s 1 fadein;
    animation: 1.5s ease 0s 1 fadein;
    z-index: 4;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#loginnow .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#loginnow .modal-content {
    background: none;
    border: none;
}

#loginnow .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#loginnow .close {
    position: absolute;
    right: 45px;
    top: 115px;
    color: #000;
}

#loginnow .modal-content {
    background: none;
    border: none;
}

#loginnow .close span {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #d84383;
    border-radius: 50%;
    font-size: 22px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
    background: #d84383;
    font-weight: 100;
}

.penmove3 img {
    position: absolute;
    top: 315px;
    left: 110px;
    z-index: 1;
}

.forgot-item a {
    font-size: 12px;
    text-align: left;
    color: #626c75;
}

.forgot-item {
    display: block;
    text-align: left;
    margin-left: 32px;
}

.forgot-item a i {
    color: #bbafd1;
    font-size: 16px;
    margin-right: 32px;
}

.forgot-item a:hover {
    color: #b357ce;
}

#forgot-ps .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#forgot-ps.modal-content {
    background: none;
    border: none;
}

#forgot-ps .modal-dialog {
    max-width: 600px;
    position: relative;
}

#forgot-ps .close {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #000;
}

#forgot-ps.modal-content {
    background: none;
    border: none;
}

#forgot-ps .close span {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #ffc138;
    border-radius: 50%;
    font-size: 22px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
    background: #000000;
    font-weight: 100;
}

#forgot-ps .modal-content {
    background: none;
    border: none;
}

.sprking {
    animation-duration: 1.5s;
}

.spling {
    top: 408px !important;
    position: absolute;
    left: 150px !important;
    animation: sprk 0.8s alternate infinite;
    animation-delay: 0.8s;
    animation-delay: 1s;
}

@keyframes sprk {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes sprk {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.spling2 {
    top: 408px !important;
    position: absolute;
    left: 150px !important;
    animation: sprk2 0.8s alternate infinite;
    animation-delay: 0.8s;
    animation-delay: 1s;
}

@keyframes sprk2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes sprk2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.penmove4 {
    -webkit-animation: 1.7s ease 0s 1 fadein;
    animation: 1.5s ease 0s 1 fadein;
    z-index: 4;
    position: absolute;
    top: -129px;
    left: -74px;
}

.spling3 {
    top: 408px !important;
    position: absolute;
    left: 150px !important;
    animation: sprk2 0.8s alternate infinite;
    animation-delay: 0.8s;
    animation-delay: 0.5s;
}

@keyframes sprk3 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes sprk3 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.books-1 {
    position: absolute;
    top: 190px;
    animation: book-move 6s ease-in-out infinite;
}

@keyframes book-move {
    0% {
        transform: translatex(0px) translatey(0);
    }

    50% {
        transform: translatex(20px) translatey(20px);
    }

    100% {
        transform: translatex(0px) translatey(0);
    }
}

.jewel-move {
    z-index: 1;
    animation: jwl-move 6s ease-in-out infinite;
}

@keyframes jwl-move {
    0% {
        transform: translatex(0px) translatey(0);
    }

    50% {
        transform: translatex(90px) translatey(-50px);
    }

    100% {
        transform: translatex(0px) translatey(0);
    }
}

/********************************** SLOT **********************************/
.lobby-top ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding-top: 20px;
}

.slt-gm-bg {
    background: url(../images/common/slotgm-bg.png) no-repeat;
    display: block;
    color: #9c9c9c;
    background-size: 100% 100%;
}

.slt-gm-bg:hover, .slt-gm-bg.active {
    background: url(../images/common/slotgm-bg-hover.png) no-repeat;
    color: #fff;
    background-size: 100% 100%;
}

.slt-lg p {
    text-align: center;
}

main.b-slot {
}

.slt-gm-bg p {
    text-align: center;
    font-size: 11px;
    padding-bottom: 5px;
}

.slt-lg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    height: 75px;
}

.slt-lg img {
    display: block;
    margin: 0px auto;
}

.lobby-search {
    border-radius: 25px;
    padding: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin-top: 20px;
}

.search-detail {
}

.search-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.search-1 .form-control-plaintext {
    width: 500px;
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 12px;
    height: 40px;
    margin-right: 10px;
}

.btn-all button {
    background: rgba(208,95,163,1);
    background: -moz-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,95,163,1)), color-stop(100%, rgba(163,101,211,1)));
    background: -webkit-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -o-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: -ms-linear-gradient(top, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    background: linear-gradient(to bottom, rgba(208,95,163,1) 0%, rgba(163,101,211,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05fa3', endColorstr='#a365d3', GradientType=0 );
    color: #fff;
    padding: 3px 0px;
    width: 125px;
    margin: 0px 3px;
    border-radius: 10px;
    height: 40px;
    font-size: 14px;
}

.btn-all button:hover {
    background: rgba(163,101,211,1);
    background: -moz-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,101,211,1)), color-stop(100%, rgba(208,95,163,1)));
    background: -webkit-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -o-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: -ms-linear-gradient(top, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    background: linear-gradient(to bottom, rgba(163,101,211,1) 0%, rgba(208,95,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a365d3', endColorstr='#d05fa3', GradientType=0 );
}

.sch-row {
    display: flex;
    margin-top: 20px;
}

.sch-ttl {
    margin-right: 10px;
}

.sch-ico {
    margin-right: 12px;
}

.sch-ty {
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    display: inline-block;
    width: 95px;
}

.sch-m {
    margin: 0px 0px 0px 7px;
    font-size: 13px;
    font-weight: bold;
}

.sch-cnt a.active {
    background: #fcce30;
    color: #000;
}

.sch-cnt a:hover {
    background: #fcce30;
    color: #000;
}

.sch-cnt a {
    padding: 5px 25px;
    border-radius: 15px;
    color: #9c9c9c;
    font-size: 14px;
}

.loabby-wrap {
    display: flex;
}

.qr-game {
    width: 260px;
    padding: 15px;
    border-radius: 20px;
    font-size: 14px;
}

.qr-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.search-2 {
    flex: 1 0 auto;
}

.qr-gm p {
    text-align: center;
    margin-bottom: 10px;
}

.qr-gm img {
    background: #fff;
    border-radius: 12px;
    border: 3px solid #bc62b8;
    max-height: 93px;
    margin-bottom: 7px;
}

.qr-game p {
    text-align: center;
    margin-bottom: 20px;
}

.qr-all p {
    margin: 0px;
    margin-top: 10px;
}

.lobby-content {
    padding-top: 20px;
}

.lobby-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.lobby-content ul li {
    border-radius: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    cursor: pointer;
    position: relative;
}

.lby-nm {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 165px;
    font-size: 16px;
    padding: 0px 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-ply {
    font-size: 16px;
    text-align: center;
    padding: 6px 5px;
    border-radius: 9px;
    margin: 8px 2px;
    color: #000;
    background: linear-gradient(to bottom, #ffe875 0%, rgba(207,173,50,1) 100%);
    width: 80%;
    width: 135px;
}

.lobby-content ul li:hover .lby-img img {
    filter: blur(3px);
    -webkit-filter: blur(2px);
    transition: all 0.3s ease-in-out;
    background: #0000005c;
}

.lobby-content ul li:hover .lby-flx {
    background: #0000005c;
    opacity: 2;
}

.lby-flx {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0px 10px 10px 10px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    z-index: 3000;
    opacity: 0;
}

.btn-ply:hover {
    color: #000000;
    background: linear-gradient(to bottom, rgba(207,173,50,1) 0%, rgba(255,232,117,1) 100%);
}

.btn-fun {
    font-size: 12px;
    text-align: center;
    padding: 3px 5px;
    border-radius: 14px;
    margin: 0px 2px;
    color: #b357c6;
    background: #fff;
    border: 1px solid #b357c6;
    width: 80%;
}

.btn-fun:hover {
    background: linear-gradient(to bottom, rgba(230,79,170,1) 0%, rgba(128,95,225,1) 100%);
    border: 1px solid #b357c6;
    color: #fff;
}

.lobby-content ul li:nth-child(6n+1) {
    margin-left: 0px;
}

.lobby-content ul li:hover img {
    border-radius: 0px;
}

.win-list {
    border: 1px solid #B9B1FF;
    background: #fff;
    width: 275px;
    padding: 15px 20px;
    color: #6d6d6d;
    font-size: 14px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #b9b1ffad;
}

.win-list h4 {
    color: #9325F5;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.win-dt-1 {
    display: flex;
    justify-content: space-between;
}

.tab-lobby {
    border-top: 3px solid #414468;
}

.tab-lobby ul {
    display: grid;
    grid-template-columns: repeat(6,1fr);
}

.tab-lobby ul li a {
    height: 100%;
    background: #414468;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-lobby ul li a img {
    filter: brightness(0) invert(1);
}

.tab-lobby ul li a.active img {
    filter: none;
}

.tab-lobby ul li a.active {
    background: #fff;
}

.tab-lobby ul li a.active img {
    filter: none;
}

.tab-lobby ul li a:hover img {
    filter: none;
}

.tab-lobby ul li a:hover {
    background: #fff;
}

/********************************** CASINO **********************************/
.lobby-casino {
    padding-top: 50px;
    position: relative;
}

.lobby-casino ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.lobby-casino ul li {
    width: 49%;
    display: flex;
    position: relative;
    height: 300px;
    margin-bottom: 30px;
    color: #fff;
    cursor: pointer;
}

.lobby-casino ul li:first-child {
    background: url(../images/common/cs-pt-bg.png) no-repeat top center;
}

.lobby-casino ul li:nth-child(2) {
    background: url(../images/common/cs-ag-bg.png) no-repeat top center;
}

.lobby-casino ul li:nth-child(3) {
    background: url(../images/common/cs-ab-bg.png) no-repeat top center;
}

.lobby-casino ul li:nth-child(4) {
    background: url(../images/common/cs-ev-bg.png) no-repeat top center;
}

.lobby-casino ul li:nth-child(5) {
    background: url(../images/common/cs-gp-bg.png) no-repeat top center;
}

.lobby-casino ul li:last-child {
    background: url(../images/common/cs-bb-bg.png) no-repeat top center;
}

.img-move {
}

.csn-detail {
    position: absolute;
    top: 140px;
    left: 40px;
    transition: all .3s;
    width: 210px;
}

.csn-detail h4 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.csn-detail p {
    font-size: 16px;
    margin-top: 10px;
}

.img-move-1 {
    position: absolute;
    right: 0px;
    top: -25px;
}

.imgmove {
    transition: all .3s;
}

.lobby-casino ul li:hover .imgmove {
    right: 50px;
}

.img-move-2 {
    position: absolute;
    right: 0px;
    top: -24px;
}

.img-move-3 {
    position: absolute;
    right: 15px;
    top: -25px;
}

.img-move-4 {
    position: absolute;
    right: 0px;
    top: -25px;
}

.img-move-6 {
    position: absolute;
    right: 0px;
    top: -25px;
}

.img-move-5 {
    position: absolute;
    right: 0px;
    top: -25px;
}

.lobby-casino ul li:hover .csn-detail {
    left: 60px;
}

.lobby-slot ul li:hover .csn-detail-r {
    right: 70px;
}

.btn-plyn {
    background: #fff;
    color: #f06278;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 24px;
    margin-top: 25px;
}

.btn-plyn:hover {
    background: #f06278;
    color: #fff;
}

.csn-detail-r {
    position: absolute;
    top: 140px;
    right: 40px;
    transition: all .3s;
    width: 210px;
    text-align: right;
}

.csn-detail-r h4 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.csn-detail-r p {
    font-size: 16px;
    margin-top: 10px;
}

/********************************** SLOT2 **********************************/
.lobby-slot {
    padding-top: 50px;
    position: relative;
}

.lobby-slot ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.lobby-slot ul li {
    width: 49%;
    display: flex;
    position: relative;
    height: 300px;
    margin-bottom: 30px;
    color: #fff;
    cursor: pointer;
}

.lobby-slot ul li:hover .imgmove {
    right: 50px;
}

.lobby-slot ul li:hover .csn-detail {
    left: 60px;
}

.lobby-slot-casino ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.lobby-slot-casino {
    position: relative;
    padding: 30px;
}

.lobby-slot-casino ul li:hover img {
    filter: blur(8px);
    -webkit-filter: blur(3px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px #00000096;
}

.lobby-slot-casino ul li {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}

.img-hvd {
    opacity: 0;
    position: absolute;
    top: 0px;
    text-align: center;
    padding: 49px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #534e4e3d;
    height: 100%;
    border-radius: 10px;
    width: 100%;
    backdrop-filter: blur(9px);
}

.lobby-slot-casino ul li img {
    box-shadow: 0px 0px 10px #00000096;
    border-radius: 10px;
}

.lobby-slot-casino ul li:hover .img-hvd {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}

.btn-plyc {
    background: #c3c3c36b;
    border: 1px solid #fff;
    border-radius: 7px;
    color: #fff;
    padding: 7px 40px;
    font-size: 16px;
    margin-top: 30px;
}

.btn-plyc:hover {
    background: #c3c3c3e0;
}

/********************************** OTHER **********************************/
.other-wrap {
    display: block;
    position: relative;
    height: 700px;
    padding-top: 50px;
}

.lott-bg {
    background: url(../images/common/lotto-bg.png) center top no-repeat;
    display: block;
    height: 522px;
    position: relative;
    cursor: pointer;
}

.lott-bg .imgmove {
    position: absolute;
    left: 15px;
    top: 0px;
    transition: all .3s;
}

.lott-bg:hover .img-move-5.imgmove {
    left: 60px;
}

.lott-bg:hover .csn-detail {
    right: 200px;
}

.lott-bg .csn-detail {
    position: absolute;
    top: 100px;
    right: 165px;
    left: auto;
    transition: all .3s;
    width: 234px;
    transition: all .3s;
}

.lott-bg .csn-detail h4 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
    margin-top: 35px;
}

.lott-bg .csn-detail p {
    text-align: right;
    color: #fff;
    font-size: 24px;
    line-height: 31px;
}

.lott-bg .csn-logo {
    text-align: right;
    font-size: 128px;
    font-weight: bold;
    line-height: 92px;
    color: #fff;
}

.btn-yllw {
    background: url(../images/common/btn-other.png) no-repeat;
    height: 63px;
    display: block;
    width: 276px;
    color: #ed3248;
    font-weight: bold;
    font-size: 27px;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
    position: relative;
    right: 42px;
}

/********************************** SPORT **********************************/
.sport-bg {
    position: relative;
    cursor: pointer;
}

.sport-bg2 {
    background: url(../images/common/sport-bg-1.png) no-repeat center top;
    height: 521px;
    position: relative;
    cursor: pointer;
    margin-top: 50px;
}

.sport-bg .sport-wrap {
    padding-top: 50px;
}

.sport-bg .sport-detail {
    position: absolute;
    left: 155px;
    top: 100px;
    color: #fff;
    transition: all .3s;
}

.sport-bg .sport-move {
    position: absolute;
    right: 32px;
    top: -40px;
}

.sport-detail h4 {
    margin-top: 30px;
    font-weight: bold;
    font-size: 29px;
}

.sport-bg:hover .sport-detail {
    left: 185px;
    transition: all .3s;
}

.sport-bg:hover .sport-move {
    right: 70px;
}

.sport-bg2 .sport-wrap {
    padding-top: 50px;
}

.sport-bg2 .sport-detail {
    position: absolute;
    right: 135px;
    top: 100px;
    color: #fff;
    transition: all .3s;
}

.sport-bg2 .sport-move {
    position: absolute;
    left: 38px;
    top: -26px;
}

.sport-bg2:hover .sport-detail {
    right: 110px;
    transition: all .3s;
}

.sport-bg2:hover .sport-move {
    left: 70px;
}

.sport-bg2 .sport-detail h4 {
    text-align: right;
}

.sport-bg2 .sport-detail p {
    text-align: right;
}

.sport-bg2 .btn-yllw2 {
    float: right;
}

.sport-bg2:hover .sport-detail {
    right: 165px;
}

.sport-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-yllw2 {
    background: url(../images/common/btn-other2.png) no-repeat;
    height: 63px;
    display: block;
    width: 276px;
    color: #ed3248;
    font-weight: bold;
    font-size: 27px;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
    position: relative;
}

.promo-menu {
    font-size: 0;
    width: 1030px;
    margin: 0px auto;
    height: 60px;
    display: flex;
    align-items: center;
}

.promo-menu > span {
    width: calc(16.2% - 1px);
    height: 40px;
    display: flex;
    float: left;
    margin-left: 1px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background: #4d4d4d;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #fff;
}

span.filter.active img {
    filter: brightness(10);
}

.promo-menu > span.active {
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border: 1px solid #dc2a46;
}

.promo-menu > span:hover {
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border: 1px solid #dc2a46;
}

.promo-menu > span > i {
    margin-right: 10px;
}

.promo-item-wrap {
    padding-top: 25px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.promo-item {
    margin-bottom: 10px;
}

.promo-title-wrap {
    float: left;
    background: #212121;
    padding: 15px;
    width: 100%;
    min-height: 100px;
}

.promo-title {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #9325F5;
    padding: 10px 20px;
}

.promo-butt-wrap {
    text-align: right;
}

.promo-butt {
    display: flex;
}

.promo-content {
}

.promo-content a {
    color: #ff0000;
    text-decoration: underline;
}

.promo-title-wrap p {
    color: #ffffff;
    text-align: left;
}

.smll-txt {
    display: flex;
    color: #ffffff;
    justify-content: flex-end;
    text-decoration: underline;
    font-size: 14px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 20px;
    text-decoration: none;
}

.promo-item-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.promo-item-wrap ul li {
    margin-left: 22px;
}

.promo-item-wrap ul li:first-child {
    margin-left: 0px;
}

.promo-title-wrap span {
    margin-right: 8px;
}

.in-promo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.promo-img img {
}

.in-promo img {
    padding-right: 10px;
}

.promo-menu > span:hover img {
    filter: brightness(10);
}

.modal-dialog {
    max-width: 860px;
}

.modal-header {
    padding: 10px 15px 10px 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    background: linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(1,1,1,1) 100%);
    border-bottom: 1px solid #c0c0c0;
}

.modal-title {
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.close span {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
}

.close {
    opacity: 1;
}

.modal-content {
    border-radius: 18px;
}

.promo-in {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 5px #00000069;
    display: inline-block;
    position: relative;
}

.prm-content h4 {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    color: #9325F5;
    margin: 20px 0px;
}

ol.tnc-promo {
    list-style: decimal;
    padding-left: 20px;
    color: #adadad;
}

.prm-content {
    color: #696969;
}

ol.tnc-promo li {
    margin-bottom: 10px;
}

.prm-content .close span {
    color: #544bb5;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    font-size: 17px;
    width: 30px;
    height: 30px;
    padding: 6px;
    display: block;
    line-height: 17px;
    position: absolute;
    background: #fff;
    border-radius: 0px;
    right: 40px;
    top: 30px;
}

.prm-img img {
    display: block;
    margin: 0px auto;
}

/********************* VIP ************************/
.vip-top ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding: 0px;
    margin: 0px;
}

.vip-top ul li {
}

.vip-top ul li:first-child {
    width: 14%;
}

.vip-content-in {
    display: flex;
    margin-top: 15px;
}

.vip-l {
    background: -moz-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,140,193,1)), color-stop(100%, rgba(166,141,194,1)));
    background: -o-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: -ms-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78cc1', endColorstr='#a68dc2', GradientType=0 );
    color: #fff;
    border-radius: 15px;
    flex: 0 1 auto;
}

.vip-l ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    padding-top: 40px;
    background: rgba(167,140,193,1);
    background: -moz-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,140,193,1)), color-stop(100%, rgba(166,141,194,1)));
    background: -webkit-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: -o-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: -ms-linear-gradient(top, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    background: linear-gradient(to bottom, rgba(167,140,193,1) 0%, rgba(166,141,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78cc1', endColorstr='#a68dc2', GradientType=0 );
    border-radius: 15px;
    margin-top: 20px;
}

.vip-l ul li {
    padding: 0px 10px 45px 10px;
    text-align: center;
}

.vip-r {
    flex: 1 0 auto;
}

.vip-in-top ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    padding-left: 8px;
}

.vip-in-top ul li {
    padding-left: 0px;
    width: 27%;
    text-align: center;
}

.vip-in-top {
}

.vip-table {
    display: table;
    width: 100%;
}

.vip-cell {
    display: table-cell;
    width: 9%;
    text-align: center;
    font-size: 18px;
    align-items: center;
    border-left: 1px solid #99a4b8;
    padding: 15px 0px;
    height: 115px;
    font-weight: 100;
}

.vip-ttl {
    margin-top: 32px;
    color: #fff;
    text-transform: uppercase;
    background: #3F476F;
    height: 115px;
}

.vip-all tr td {
    text-align: center;
    width: 9%;
    padding: 15px 0px 15px 0px;
    font-size: 20px;
    border: 1px solid #99A4B8;
}

.vip-in-table {
}

.vip-tnc {
    padding: 20px;
    background: #fff;
    margin-top: 15px;
    border-radius: 15px;
}

.vip-tnc h5 {
    color: #db427b;
}

.vip-tnc ul li {
    color: #2e2e2e;
    font-size: 14px;
    line-height: 25px;
}

.vip-content {
    padding-bottom: 30px;
    padding-top: 15px;
}

.vip-tnc ul {
    list-style: disc;
    padding-left: 22px;
}

/************************* Deposit ***********************/
.user-info {
    color: #ffffff;
    margin-right: 15px;
    margin-left: 15px;
}

.af-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin-top: 25px;
}

.af_top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

.af_user {
    color: #fff;
    margin-right: 10px;
}

.btn-acc {
    background: rgba(197,171,141,1);
    background: -moz-linear-gradient(top, rgba(197,171,141,1) 0%, rgba(254,243,221,1) 16%, rgba(254,243,221,1) 24%, rgba(176,139,97,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(197,171,141,1)), color-stop(16%, rgba(254,243,221,1)), color-stop(24%, rgba(254,243,221,1)), color-stop(100%, rgba(176,139,97,1)));
    background: -webkit-linear-gradient(top, rgba(197,171,141,1) 0%, rgba(254,243,221,1) 16%, rgba(254,243,221,1) 24%, rgba(176,139,97,1) 100%);
    background: -o-linear-gradient(top, rgba(197,171,141,1) 0%, rgba(254,243,221,1) 16%, rgba(254,243,221,1) 24%, rgba(176,139,97,1) 100%);
    background: -ms-linear-gradient(top, rgba(197,171,141,1) 0%, rgba(254,243,221,1) 16%, rgba(254,243,221,1) 24%, rgba(176,139,97,1) 100%);
    border: 1px solid #f1d59b;
    padding: 4px 30px;
    border-radius: 0px;
    color: #2f1f15;
    margin-left: 5px;
    font-weight: bold;
}

.btn-acc:hover {
    background: rgba(176,139,97,1);
    background: -moz-linear-gradient(top, rgba(176,139,97,1) 0%, rgba(254,243,221,1) 76%, rgba(254,243,221,1) 84%, rgba(197,171,141,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,139,97,1)), color-stop(76%, rgba(254,243,221,1)), color-stop(84%, rgba(254,243,221,1)), color-stop(100%, rgba(197,171,141,1)));
    background: -webkit-linear-gradient(top, rgba(176,139,97,1) 0%, rgba(254,243,221,1) 76%, rgba(254,243,221,1) 84%, rgba(197,171,141,1) 100%);
    background: -o-linear-gradient(top, rgba(176,139,97,1) 0%, rgba(254,243,221,1) 76%, rgba(254,243,221,1) 84%, rgba(197,171,141,1) 100%);
    background: -ms-linear-gradient(top, rgba(176,139,97,1) 0%, rgba(254,243,221,1) 76%, rgba(254,243,221,1) 84%, rgba(197,171,141,1) 100%);
}

.btn-afbtn {
    background: #a78cc1;
    border: none;
    padding: 8px 18px;
    border-radius: 0px;
    color: #ffffff !important;
    margin-left: 5px;
    font-weight: bold;
    -webkit-appearance: initial;
    border-radius: 8px;
}

.btn-afbtn2 {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border: none;
    padding: 5px 18px;
    border-radius: 0px;
    color: #ffffff !important;
    margin-left: 5px;
    font-weight: bold;
    -webkit-appearance: initial;
    border-radius: 8px;
}

.drop-in ul {
}

.dropdown-menu {
    min-width: 260px;
    background: #ffffff;
    color: #a163f7;
    margin: 0px;
    padding: 0px;
    border-radius: 8px;
    left: -17px;
    margin-top: 1px;
}

.drop-in ul li {
    display: flex;
    cursor: pointer;
}

.drop-1 {
}

.dropdown {
    display: flex;
}

.drop-1 {
}

.dropdown {
    display: flex;
}

.af-in {
    display: flex;
    margin-top: 25px;
    padding-bottom: 25px;
}

.af-menu {
    width: 185px;
    text-align: left;
    position: relative;
    display: table;
    border-radius: 8px;
    margin-right: 20px;
}

.vip-ico {
}

.vip-ico h5 {
    font-size: 14px;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
}

.vip-ico p {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.af-menu ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.af-menu ul li a {
    color: #fff;
    display: block;
    padding: 10px 10px;
    border-left: 2px solid #fff0;
    text-transform: uppercase;
    font-size: 14px;
}

.af-detail {
    padding: 30px 50px;
    width: 935px;
    border-radius: 8px;
}

.btn-top {
    display: flex;
    margin-bottom: 30px;
}

.btn-top a {
    border: 2px solid #a063f8;
    padding: 5px 12px;
    margin-right: 13px;
    border-radius: 20px;
    color: #a063f8;
    font-weight: bold;
    font-size: 14px;
    display: initial;
    text-align: center;
}

.btn-top a.active {
    background: rgba(161,99,248,1);
    background: -moz-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,99,248,1)), color-stop(100%, rgba(218,66,124,1)));
    background: -webkit-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -o-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: linear-gradient(to right, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a163f8', endColorstr='#da427c', GradientType=1 );
    color: #fff;
    border: 2px solid #a063f8;
}

.btn-top a:hover {
    background: rgba(161,99,248,1);
    background: -moz-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,99,248,1)), color-stop(100%, rgba(218,66,124,1)));
    background: -webkit-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -o-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: linear-gradient(to right, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a163f8', endColorstr='#da427c', GradientType=1 );
    color: #fff;
    border: 2px solid #a063f8;
}

.btn-top3 {
    display: flex;
    margin-bottom: 30px;
}

.btn-top3 a {
    padding: 5px 12px;
    margin-right: 13px;
    border-radius: 20px;
    color: #9325f5;
    font-weight: bold;
    font-size: 14px;
    display: initial;
    text-align: center;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #a063f8;
    background: #b1b1b1c7;
}

.btn-top3 a.active {
    background: rgba(161,99,248,1);
    background: -moz-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,99,248,1)), color-stop(100%, rgba(218,66,124,1)));
    background: -webkit-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -o-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: linear-gradient(to right, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a163f8', endColorstr='#da427c', GradientType=1 );
    color: #fff;
    border: 2px solid #a063f8;
}

.btn-top3 a:hover {
    background: rgba(161,99,248,1);
    background: -moz-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,99,248,1)), color-stop(100%, rgba(218,66,124,1)));
    background: -webkit-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -o-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: -ms-linear-gradient(left, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    background: linear-gradient(to right, rgba(161,99,248,1) 0%, rgba(218,66,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a163f8', endColorstr='#da427c', GradientType=1 );
    color: #fff;
    border: 2px solid #a063f8;
}

.form-group label {
    color: #fff;
    text-transform: uppercase;
}

.box-bank ul {
    display: flex;
    margin-top: 10px;
}

.box-bank ul li:first-child {
    margin-left: 0px;
}

.box-bank ul li {
    margin-left: 15px;
}

.form-group {
    margin-bottom: 2em;
}

.box-amount ul {
    display: flex;
    margin-top: 10px;
}

.btn-bank {
    background: #fff;
    width: 115px;
    padding: 9px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #a063f8;
    border: 1px solid #a063f8;
}

.btn-bank.active {
    background: #a063f8;
    color: #fff;
}

.btn-bank:hover {
    background: #a063f8;
    color: #fff;
}

.box-amount ul li:first-child {
    margin-left: 0px;
}

.box-amount ul li {
    margin-left: 15px;
}

.form-txt input.form-control {
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12px;
    height: 28px;
    color: #a2a2a2;
    border: none;
    background: #2d2d2d;
    border: none;
    border-radius: 10px;
}

input.form-control {
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12px;
    height: 28px;
    color: #a2a2a2;
    border: none;
    background: #2d2d2d;
    border: none;
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
}

.box-amount2 ul li:first-child {
    margin-left: 0px;
}

.box-amount2 ul li {
    margin-left: 15px;
}

.box-amount2 ul {
    display: flex;
    margin-top: 10px;
}

.btn-bank2 {
    background: #fff;
    width: 103px;
    padding: 6px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #687dad;
    border: 1px solid #687dad;
}

.box-amount2 ul li .active img {
    filter: brightness(0) invert(1);
}

.box-amount2 ul li img {
    height: 30px;
}

.box-amount2 ul li:hover img {
}

.btn-bank2.active {
    background: #687dad;
}

.btn-bank2:hover {
    background: #777777;
}

.btn-amt {
    padding: 9px 0px;
    border-radius: 8px;
    font-size: 14px;
    color: #a063f8;
    border: 1px solid #a063f8;
    background: #fff;
    width: 88px;
}

.box-amount3 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.box-amount3 ul li {
    margin-left: 10px;
    margin-top: 14px;
}

.box-amount3 ul li:first-child {
    margin-left: 0px;
}

.box-amount3 ul li:nth-child(9) {
    margin-left: 0px;
}

.btn-amt:hover {
    background: #a063f8;
    color: #fff;
}

.btn-amt.active {
    background: #687dad;
    color: #fff;
}

.af-date {
    display: flex;
}

.af-date .form-control {
    width: 20%;
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}

.af-date .date-2 {
    width: 13%;
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}

.af-date .date-3 {
    width: 13%;
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}

select.form-control {
    border-radius: 10px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
}

.upload-file {
    display: flex;
    position: relative;
}

.custom-file-input {
    position: absolute;
    z-index: 2;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.btn-file {
    background: #a063f8;
    color: #fff;
    padding: 5px 20px;
    height: 40px;
    top: 6px;
    position: relative;
    margin-left: 10px;
    border-radius: 20px;
}

.btn-submt {
    width: 280px;
    background: #dc427c;
    color: #fff;
    font-size: 19px;
    padding: 7px 25px;
    border-radius: 25px;
    border: 1px solid #dc427c;
}

.btn-submt:hover {
    background: #fff;
    border: 1px solid #dc427c;
    color: #dc427c;
}

.dropdown-menu ul li:first-child {
    margin-top: 10px;
}

.dropdown-menu ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 0px 10px;
    cursor: pointer;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
}

.step-bar ul li {
    background: linear-gradient(to bottom, rgba(252,237,187,1) 0%, rgba(219,165,58,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    text-transform: uppercase;
    padding: 0px 10px 0px 30px;
    align-items: center;
    justify-content: space-between;
}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

.btn-in {
    padding: 3px 6px;
    font-size: 12px;
    background: #7ab529;
    margin-left: 8px;
    color: #fff;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 3px 5px;
    font-size: 12px;
    background: #b5171d;
    color: #fff;
}

.am-prov .prov-in {
    width: auto;
}

.prov-am {
    padding-top: 14px;
    font-size: 13px;
    line-height: 0px;
}

.drop-menu ul li:first-child {
    background: none;
    border: none;
    padding: 0px;
}

.drop-menu ul li a {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0px;
}

.dropdown-menu2 {
    min-width: 115px !important;
    left: 6px;
}

.drop-menu ul li {
    padding: 0px;
}

.drop-menu ul li a:hover {
    background: #a78cc1;
    color: #fff;
}

.drop-menu ul {
}

.drop-menu ul li:last-child a:hover {
    border-radius: 0px 0px 6px 6px;
}

.drop-menu ul li:first-child a:hover {
    border-radius: 6px 6px 0px 0px;
}

.exp {
    display: table;
    margin-bottom: 25px;
}

.exp .checkbox {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.exp label {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.exp label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 20px;
    height: 20px;
    transform-origin: center;
    border: 2px solid #a063f8;
    border-radius: 50%;
    vertical-align: -6px;
    margin-right: 10px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
    top: -1px;
}

.exp label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #a063f8;
    position: absolute;
    transform: rotate(45deg);
    top: 9px;
    left: 4px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

.exp label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #a063f8;
    position: absolute;
    transform: rotate(305deg);
    top: 13px;
    left: 6px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
}

.exp label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
}

.exp label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"] {
    display: none;
}

.exp input[type="checkbox"]:checked + label span {
    background-color: #fff;
    transform: scale(1.25);
}

.exp input[type="checkbox"]:checked + label span:after {
    width: 10px;
    background: #a063f8;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked + label span:before {
    width: 5px;
    background: #a063f8;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked + label:hover span {
    background-color: #a063f8;
    transform: scale(1.25);
}

.exp input[type="checkbox"]:checked + label:hover span:after {
    width: 10px;
    background: #ffffff;
    transition: width 150ms ease 100ms;
}

.exp input[type="checkbox"]:checked + label:hover span:before {
    width: 5px;
    background: #ffffff;
    transition: width 150ms ease 100ms;
}

.btn-top2 {
    display: flex;
    margin-bottom: 25px;
}

.af-ttle {
    color: #a163f6;
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    line-height: 32px;
}

.btn-amts {
    border: 2px solid #a163f6;
    padding: 2px 0px;
    border-radius: 20px;
    color: #a163f6;
    font-weight: bold;
    margin-right: 20px;
    font-size: 14px;
    line-height: 27px;
    width: 150px;
    text-align: center;
}

.btn-amts:hover {
    background: #a163f6;
    color: #fff;
}

.btn-amts2 {
    border: 2px solid #dc427c;
    padding: 2px 0px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: bold;
    background: #dc427c;
    margin-right: 15px;
    font-size: 14px;
    line-height: 27px;
    width: 150px;
    text-align: center;
}

.btn-amts2:hover {
    border: 2px solid #dc427c;
    background: none;
    color: #dc427c;
}

.btn-amts3 {
    border: 2px solid #a163f6;
    padding: 2px 0px;
    border-radius: 20px;
    background: #A163F9;
    font-weight: bold;
    margin-right: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    width: 150px;
    text-align: center;
}

.btn-amts3:hover {
    background: none;
    color: #a163f6;
}

.box-prov {
    background: #f6f9fa;
    border-radius: 8px;
    margin-top: 5px;
}

.box-prov ul li {
    margin-left: 10px;
    border: 1px solid #a163f9;
    width: 147px;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 8px;
    cursor: pointer;
}

.box-prov ul li:nth-child(5n+1) {
    margin-left: 0px;
}

.box-prov ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.prov-amot {
    background: #fff;
    border-radius: 20px;
    border: 2px solid #a163f9;
    margin: 0px 5px;
    margin-top: 5px;
}

.box-prov ul li:hover img {
}

.box-prov ul li:hover {
    background: #a5a5a5;
}

.box-prov ul li.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.box-prov ul li.active {
    background: #a163f9;
}

.form-draw .form-group {
    margin-bottom: 0.5em;
}

.col4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    width: 25%;
}

.col8 {
    width: 75%;
}

.btn-top p {
    color: #8d8d8d;
    font-weight: bold;
}

.row {
    margin: 0px;
}

.srh-box {
    display: flex;
    background: #ebebeb;
    border-radius: 10px;
}

.input-group-text {
    border: none;
    background: none;
}

.srh-box .form-control {
    border: none;
    padding: 10px 0px;
    margin: 0px;
}

.srh-box span {
}

.af-date span {
    margin: 5px 15px;
    line-height: 30px;
}

.btn-search {
    background: #dc427c;
    border-radius: 20px;
    color: #fff;
    padding: 7px 30px;
    margin-left: 15px;
    border: 1px solid #dc427c;
}

.btn-search i {
    margin-right: 10px;
}

.btn-search:hover {
    border: 1px solid #dc427c;
    background: none;
    color: #dc427c;
}

span.input-group-text {
    margin: 5px 5px;
}

.history-table {
    display: table;
    width: 100%;
    background: #697eab;
    color: #fff;
    border-radius: 10px;
    margin: 0px;
    margin-top: 15px;
}

.history-cell {
    display: table-cell;
    text-align: center;
    padding: 10px 0px;
}

.co-3 {
    width: 20%;
}

.co-2 {
    width: 12%;
}

.co-1 {
    width: 16%;
}

.history-t tr td {
    border: 1px solid #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    color: #697eab;
}

.history-t {
    margin-top: 15px;
    background: #f6f9fa;
}

.history-t tr:nth-child(even) {
    background: #eaf2f5;
}

.search-bar .form-group {
    margin: 0px;
}

.af-box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: inherit;
    align-content: stretch;
}

.af-box ul li {
    width: 49%;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 8px;
}

.grap-box-1 {
    padding: 20px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.af-box {
    width: 935px;
}

.grap-box-1 img {
    display: block;
    margin: 0px auto;
    position: relative;
}

.af-box ul li h5 {
    color: #8d8d8d;
}

.grap-top {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.btn-gp-1 {
    background: #d54875;
    border: 1px solid #d54875;
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
}

.btn-gp-1:hover {
    background: none;
    color: #d54875;
}

.btn-gp-2 {
    background: #9f64fa;
    border: 1px solid #9f64fa;
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
}

.btn-gp-2:hover {
    background: none;
    color: #9f64fa;
}

.form-control:focus {
    background-color: #4a4a4a;
    color: #fff;
}

select.form-control:focus {
    outline: none;
    border-color: #a164f8;
    box-shadow: none;
}

/****************Mobile***********************/
.mobile-wrap {
    position: relative;
}

.mob-dwl {
    position: absolute;
    bottom: 28px;
    width: 170px;
    left: 25px;
}

.mob-dwl ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    width: 132px;
    height: 116px;
}

.mob-dwl ul li {
    width: 50%;
    margin: 0px;
    margin-bottom: 15px;
}

.mob-dwl ul li img {
    display: block;
    margin: 0px auto;
}

.btn-dwl {
    background: #fff;
    text-align: center;
    color: #df4951;
    padding: 8px 10px;
    border-radius: 20px;
    border: 2px solid #ffffff;
}

.btn-dwl:hover {
    border: 2px solid #df4951;
    color: #ffffff;
    background: #df4951;
}

#joinnow .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#joinnow .close {
    position: absolute;
    right: 45px;
    top: 115px;
    color: #000;
}

#joinnow .modal-content {
    background: none;
    border: none;
}

#joinnow .close span {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #d84383;
    border-radius: 50%;
    font-size: 22px;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: block;
    line-height: 19px;
    background: #d84383;
    font-weight: 100;
}

.pop-logo {
    width: 100%;
}

.mobile-pop-bg .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.md-top {
    display: flex;
}

.mb-bg .modal-dialog {
    max-width: 582px;
}

.mobile-pop-bg .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 50px;
    color: #fff;
    opacity: 0.7;
    top: 1px;
}

.mobile-pop-bg2 .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.mobile-pop-bg2 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg2 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg2 .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 55px;
    color: #fff;
    opacity: 0.7;
    top: 2px;
}

.mobile-pop-bg3 .modal-header {
    border: none;
    text-align: center;
    padding: 10px;
}

.mobile-pop-bg3 .pop-logo img {
    display: block;
    margin: 0px auto;
}

.mobile-pop-bg3 .modal-body {
    margin: 0px;
    padding: 5px 10px;
}

.mobile-pop-bg3 .close {
    font-size: 55px;
    padding: 0px;
    position: relative;
    right: 335px;
    color: #fff;
    opacity: 0.7;
    top: 2px;
}

.md-flex {
    display: flex;
    color: #fff;
}

.md-img img {
    display: block;
    margin: 0px auto;
    width: 78%;
}

.md-inflex p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 13px;
}

.md-qr img {
    display: block;
    margin: 0px auto;
    max-width: 80px;
}

.md-inflex {
    width: 50%;
    padding: 10px 0px;
}

.md-qr {
    margin-top: 5px;
}

.md-btn {
    margin-top: 20px;
    text-align: center;
}

.btn-md {
    background: #ffffff;
    color: #f06278;
    padding: 5px 20px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #fff;
}

.btn-md:hover {
    text-decoration: none;
    background: #f06278;
    color: #fff;
    border: 1px solid #f06278;
}

.md-line {
}

.table-pop tr td {
    padding: 10px 20px;
    line-height: 15px;
    background: rgba(0, 0, 0, 0.20);
    color: #fff;
    border: 1px solid #ffffff7a;
    font-size: 14px;
}

table.table.table-pop {
    width: 65%;
}

.table-pop tr th {
    padding: 10px 0px;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    border: none;
    text-align: center;
    border: 1px solid #ffffff7a;
}

.acc-b {
    color: #ffe895;
}

.md-info {
    display: block;
    margin: 0px auto;
    position: relative;
}

.mob-bg-1 {
    background: rgba(250,138,196,1);
    background: -moz-linear-gradient(left, rgba(250,138,196,1) 0%, rgba(243,107,141,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,138,196,1)), color-stop(100%, rgba(243,107,141,1)));
    background: -webkit-linear-gradient(left, rgba(250,138,196,1) 0%, rgba(243,107,141,1) 100%);
    background: -o-linear-gradient(left, rgba(250,138,196,1) 0%, rgba(243,107,141,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,138,196,1) 0%, rgba(243,107,141,1) 100%);
    background: linear-gradient(to right, rgba(250,138,196,1) 0%, rgba(243,107,141,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8ac4', endColorstr='#f36b8d', GradientType=1 );
}

.mob-bg-2 {
    background: rgba(89,214,225,1);
    background: -moz-linear-gradient(left, rgba(89,214,225,1) 0%, rgba(64,164,222,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89,214,225,1)), color-stop(100%, rgba(64,164,222,1)));
    background: -webkit-linear-gradient(left, rgba(89,214,225,1) 0%, rgba(64,164,222,1) 100%);
    background: -o-linear-gradient(left, rgba(89,214,225,1) 0%, rgba(64,164,222,1) 100%);
    background: -ms-linear-gradient(left, rgba(89,214,225,1) 0%, rgba(64,164,222,1) 100%);
    background: linear-gradient(to right, rgba(89,214,225,1) 0%, rgba(64,164,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59d6e1', endColorstr='#40a4de', GradientType=1 );
}

.mob-bg-3 {
    background: rgba(250,167,122,1);
    background: -moz-linear-gradient(left, rgba(250,167,122,1) 0%, rgba(250,134,92,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,167,122,1)), color-stop(100%, rgba(250,134,92,1)));
    background: -webkit-linear-gradient(left, rgba(250,167,122,1) 0%, rgba(250,134,92,1) 100%);
    background: -o-linear-gradient(left, rgba(250,167,122,1) 0%, rgba(250,134,92,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,167,122,1) 0%, rgba(250,134,92,1) 100%);
    background: linear-gradient(to right, rgba(250,167,122,1) 0%, rgba(250,134,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa77a', endColorstr='#fa865c', GradientType=1 );
}

.mob-bg-4 {
    background: rgba(115,144,240,1);
    background: -moz-linear-gradient(left, rgba(115,144,240,1) 0%, rgba(117,124,234,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(115,144,240,1)), color-stop(100%, rgba(117,124,234,1)));
    background: -webkit-linear-gradient(left, rgba(115,144,240,1) 0%, rgba(117,124,234,1) 100%);
    background: -o-linear-gradient(left, rgba(115,144,240,1) 0%, rgba(117,124,234,1) 100%);
    background: -ms-linear-gradient(left, rgba(115,144,240,1) 0%, rgba(117,124,234,1) 100%);
    background: linear-gradient(to right, rgba(115,144,240,1) 0%, rgba(117,124,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7390f0', endColorstr='#757cea', GradientType=1 );
}

.mob-bg-5 {
    background: rgba(217,127,148,1);
    background: -moz-linear-gradient(left, rgba(217,127,148,1) 0%, rgba(180,124,191,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,127,148,1)), color-stop(100%, rgba(180,124,191,1)));
    background: -webkit-linear-gradient(left, rgba(217,127,148,1) 0%, rgba(180,124,191,1) 100%);
    background: -o-linear-gradient(left, rgba(217,127,148,1) 0%, rgba(180,124,191,1) 100%);
    background: -ms-linear-gradient(left, rgba(217,127,148,1) 0%, rgba(180,124,191,1) 100%);
    background: linear-gradient(to right, rgba(217,127,148,1) 0%, rgba(180,124,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d97f94', endColorstr='#b47cbf', GradientType=1 );
}

.mob-bg-6 {
    background: rgba(250,147,103,1);
    background: -moz-linear-gradient(left, rgba(250,147,103,1) 0%, rgba(251,126,84,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,147,103,1)), color-stop(100%, rgba(251,126,84,1)));
    background: -webkit-linear-gradient(left, rgba(250,147,103,1) 0%, rgba(251,126,84,1) 100%);
    background: -o-linear-gradient(left, rgba(250,147,103,1) 0%, rgba(251,126,84,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,147,103,1) 0%, rgba(251,126,84,1) 100%);
    background: linear-gradient(to right, rgba(250,147,103,1) 0%, rgba(251,126,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9367', endColorstr='#fb7e54', GradientType=1 );
}

.mob-bg-7 {
    background: rgba(84,224,168,1);
    background: -moz-linear-gradient(left, rgba(84,224,168,1) 0%, rgba(55,199,177,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84,224,168,1)), color-stop(100%, rgba(55,199,177,1)));
    background: -webkit-linear-gradient(left, rgba(84,224,168,1) 0%, rgba(55,199,177,1) 100%);
    background: -o-linear-gradient(left, rgba(84,224,168,1) 0%, rgba(55,199,177,1) 100%);
    background: -ms-linear-gradient(left, rgba(84,224,168,1) 0%, rgba(55,199,177,1) 100%);
    background: linear-gradient(to right, rgba(84,224,168,1) 0%, rgba(55,199,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54e0a8', endColorstr='#37c7b1', GradientType=1 );
}

.md-all .close span {
    position: absolute;
    right: 10px;
    top: 10px;
}

.mob-logo img {
    display: block;
    margin: 30px auto;
}

.md-ttl {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.md-img {
    position: relative;
}

.md-table {
    margin-top: 15px;
}

.mob-bg-1 .close {
}

.wrapper {
    margin: 70px auto;
    width: 840px;
    height: 49px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #B9B9B9;
    box-shadow: 0 0 5px #B9B9B9;
}

.menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.menu ul > li {
    float: left;
}

.menu ul > li a {
    position: relative;
    display: inline-block;
    padding: 17px 25px;
    text-align: center;
    text-decoration: none;
    color: #687da8;
    font-size: 16px;
    -moz-transition: background-color 0.3s, color 0.2s;
    -o-transition: background-color 0.3s, color 0.2s;
    -webkit-transition: background-color 0.3s, color 0.2s;
    transition: background-color 0.3s, color 0.2s;
    border-bottom: 2px solid #db427b00;
    font-weight: bold;
    text-transform: uppercase;
}

.menu ul > li a:hover {
    border-bottom: 3px solid #db427b;
}

.menu .parent-item {
    position: relative;
}

.menu .parent-item:after {
    position: absolute;
    top: 17px;
    left: 10px;
    transform: rotate(90deg) translateY(-50%);
    font-size: 19px;
    color: #D8D8D8;
}

.menu .parent-item:hover:after {
    color: #ff897c;
}

.menu .parent-item:hover .sub-menu {
    transform: scale(1, 1) translateX(-50%);
    opacity: 1;
}

.menu .parent-item .sub-menu {
    position: absolute;
    left: 50%;
    z-index: 9999;
    transform: scale(1, 0) translateX(-50%);
    transform-origin: 0 0;
    opacity: 0;
    width: 190px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu .parent-item .sub-menu a {
    display: block;
    color: #687da8;
}

.menu .parent-item .sub-menu a:hover {
    display: block;
    color: #687da8;
}

.menu .parent-item .sub-menu:before {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}

ul.sub-menu li {
    width: 100%;
}

.nav-top ul {
    display: flex;
    background: #dee4f2;
    border-radius: 10px 10px 0px 0px;
}

.nav-down ul li {
    width: 25%;
    float: left;
    padding: 0px;
}

.nav-top ul li {
    width: 25%;
    text-align: center;
    color: #6f7a89;
    font-weight: bold;
}

.nav-list ul {
    display: block;
}

.nav-list ul li {
    width: 100%;
    position: relative;
}

.nav-list ul li a {
    text-align: center;
}

.nav-list ul li a {
    padding: 8px 0px !important;
}

.nav-down {
    display: flex;
    padding: 10px 0px;
    border-radius: 10px;
    background: #fff;
}

.nav-down ul li {
}

.nav-list ul li {
    padding: 0px;
}

.nav-list ul li a:hover {
    background: #dee4f2;
    border-radius: 5px;
}

.nav-list ul li span {
    position: absolute;
    top: 8px;
    right: 8px;
}

#nav .sub-nav.nav-box.open {
    width: 200px;
    left: -44px;
}

.nav-nor ul {
    display: contents;
}

#nav .sub-nav.nav-box.open:before {
    border-bottom: 10px solid #ffffff;
}

.nav-list ul li {
    width: 100%;
}

.nav-nor ul li {
    width: 100%;
}

.nav-nor ul li a {
    border: none;
}

.sub-menu2 {
    width: 685px !important;
    background: #fff;
    border-radius: 14px;
}

.menu .parent-item a:hover:after {
    border-bottom: 3px solid #ff897c;
}

.menu ul > li a:hover:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -2px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #db427b;
    margin-left: -10px;
}

.menu ul > li a:hover:after {
}

.menu .parent-item:hover a {
    border-bottom: 3px solid #db427b;
}

.menu .parent-item:hover a:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -2px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #db427b;
    margin-left: -10px;
}

.menu ul > li.active a {
    border-bottom: 3px solid #db427b;
}

.menu ul > li.active a:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -2px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #db427b;
    margin-left: -10px;
}

.menu .parent-item .sub-menu a:hover {
    border: none;
}

.menu .parent-item .sub-menu a {
    border: none;
    font-weight: 100;
}

.menu .parent-item:hover a.sub-menu2:before {
    border: none;
}

.menu .parent-item:hover .sub-menu2 a:before {
    border: none;
}

.nav-list ul li:hover a:before {
    border: none;
}

.menu .parent-item:hover .sub-menu2 a:after {
    border: none;
}

.menu .parent-item:hover .nav-nor a:after {
    border: none;
}

.menu .parent-item:hover .nav-nor a:before {
    border: none;
}

.nav-list {
    text-align: center;
    width: 100%;
}

.menu .parent-item .sub-menu2:before {
    border-bottom: 6px solid #dee4f2;
}

/******************detail*******************/
.detail-all {
    padding-top: 5px;
    display: block;
}

.detail-cnt h4 {
    margin-bottom: 20px;
    color: #ff3857;
}

.detail-cnt {
    color: #8d8d8d;
}

.detail-cnt p {
}

.detail-cnt {
}

.detail-ul ul li {
    list-style: disc;
    list-style-type: disc;
}

.detail-ul ul {
    list-style: disc;
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none;
    padding-left: 20px;
    margin-bottom: 20px;
}

.btn-first {
    min-width: 120px;
    background: #be0101;
    color: #fff;
}

.btn-first:hover {
    background: #9e0c0c;
    color: #fff;
}

.card-header {
    background: #dee4f2;
}

.btn-link {
    color: #687da8;
}

.accordion > .card .card-header {
    margin-bottom: -1px;
    border: 1px solid rgba(104, 125, 168, 0.25);
}

.card-header {
    padding: 5px;
}

.deposit-pop-bg {
    padding-bottom: 20px;
}

.deposit-pop-bg .tlt-tr {
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    width: 100%;
}

.deposit-pop-bg .modal-header {
    border: none;
    background: #ffe895;
    background: rgba(151,107,247,1);
    background: -moz-linear-gradient(left, rgba(151,107,247,1) 0%, rgba(246,69,172,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151,107,247,1)), color-stop(100%, rgba(246,69,172,1)));
    background: -webkit-linear-gradient(left, rgba(151,107,247,1) 0%, rgba(246,69,172,1) 100%);
    background: -o-linear-gradient(left, rgba(151,107,247,1) 0%, rgba(246,69,172,1) 100%);
    background: -ms-linear-gradient(left, rgba(151,107,247,1) 0%, rgba(246,69,172,1) 100%);
    background: linear-gradient(to right, rgba(151,107,247,1) 0%, rgba(246,69,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976bf7', endColorstr='#f645ac', GradientType=1 );
    padding: 10px 15px 10px 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.tr-amount h5 {
    margin-top: 10px;
}

.deposit-pop-bg .close {
    opacity: 1;
    border-radius: 50%;
    width: 37px;
    font-size: 34px;
    top: 16px;
}

.re-ctr button {
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    background: rgba(50,161,216,1);
    background: -moz-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,161,216,1)), color-stop(100%, rgba(18,86,135,1)));
    background: -webkit-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -o-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    background: linear-gradient(to bottom, rgba(50,161,216,1) 0%, rgba(18,86,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a1d8', endColorstr='#125687', GradientType=0 );
}

.btn-am {
    margin: 10px;
}

.qct-form {
    display: flex;
    width: 100%;
    padding: 30px 10px;
    font-size: 16px;
}

.qct-1 {
    width: 50%;
    text-align: center;
    color: #8d8d8d;
}

.qct-2 {
    width: 50%;
    text-align: center;
    color: #8d8d8d;
}

.qct-1 input {
    display: block;
    margin: 0px auto;
}

.qct-2 input {
    display: block;
    margin: 0px auto;
}

input.input-in {
    border-radius: 30px;
    border: none;
    width: 90%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    height: 45px;
}

.qct-form-2 {
    display: block;
    font-size: 16px;
}

.qct-3 {
    text-align: center;
    color: #8d8d8d;
}

.qct-3 .input-in2 {
    width: 90%;
    border-radius: 30px;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    height: 45px;
    background: #ebebe4;
}

.btn-tra {
    padding: 8px 40px;
    margin-top: 35px;
    top: -10px;
    position: relative;
    border: 2px solid #dc427c;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    background: #dc427c;
}

.btn-tra:hover {
    border: 2px solid #dc427c;
    background: none;
    color: #dc427c;
}

.btn-tra2 {
    border-radius: 30px;
    padding: 5px 40px;
    margin-top: 35px;
    background: #687da8;
    color: #fff;
    margin-left: 5px;
    border: 2px solid #687da8;
    top: -10px;
    position: relative;
    font-weight: bold;
}

.btn-tra2:hover {
    background: none;
    color: #687da8;
    border: 2px solid #687da8;
}

.no-pdding {
    padding: 0px;
}

.sbmint {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.ag-info {
    color: #fff;
    padding: 0px 30px;
}

.ag-info img {
    margin-bottom: 25px;
}

.ag-info a {
    color: #db427b;
}

.ag-info a:hover {
    color: #687da8;
}

.btn-account {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%) !important;
    color: #fff !important;
    border: 1px solid #a063f8;
}

.btn-account:hover {
    border: 1px solid #dc2a46;
    background: #000 !important;
    color: #a063f8;
}

/************************************* NAV MENU CSS ************************************/
.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.menuWrapper {
    height: 58px;
    font-weight: 400;
    bottom: 0px;
    position: absolute !important;
    top: 0px;
}

.menupart {
    width: 1040px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: stretch;
    height: 117px;
}

.menupart .active {
}

.menupart .active a {
}

.menupart > ul > li {
    text-align: center;
    display: flex;
    margin: 0px 6px;
    height: 112px;
    align-items: end;
    padding-top: 0px;
}

.menupart > ul > li:first-child {
    margin: 0px;
}

.menupart > ul > li > a {
    text-transform: uppercase;
    color: #88A4D4;
    font-size: 15px;
    display: flex;
    position: relative;
    border: 1px solid #fff0;
    padding: 5px 0px;
    align-items: center;
    flex-direction: column;
    line-height: 16px;
    padding-top: 20px;
}

.menupart > ul > li > a:hover {
}

.menupart > ul > li > .icon {
}

.menupart > ul > li > .icon p {
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    background: -webkit-linear-gradient(#eee, #514f4f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-top: 8px;
    font-size: 13px;
}

.wsmenuexpandermain {
    position: relative;
}

.overlapblackbg {
    display: none;
}

.wsmenu {
    color: #fff;
    font-size: 15px;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    position: relative;
}

.wsmenu-list {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    gap: 7px;
}

.wsmenu-list > li {
}

.wsmenu-list > li > a {
}

.wsmenu-list li:first-child a {
}

.wsmenu-list li:last-child a {
}

.wsmenu-list > li > a .fa {
    display: inline-block;
    font-size: 14px;
    line-height: inherit;
    margin-right: 0px;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
    font-size: 12px;
    margin: 0 3px 0 -4px;
}

.wsmenu-list li a .arrow:after {
}

.wsmenu-list > li > a {
}

.wsmenu-list li a:hover .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li a.active .arrow:after {
    border-top-color: #b3b3b3
}

.wsmenu-list li:hover > a .arrow:after {
    border-top-color: #b3b3b3
}

.megamenu iframe {
    width: 100%;
    margin-top: 10px;
    min-height: 200px;
}

.megamenu video {
    width: 100%;
    margin-top: 10px;
    min-height: 200px;
}

.wsmenu-list li:hover .megamenu {
    opacity: 1;
}

.megamenu {
    width: 100%;
    left: 0px;
    position: absolute;
    top: 116px;
    color: #fff;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    font-size: 15px;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.megamenu .title {
    border-bottom: 1px solid #444444;
    font-size: 14px;
    padding: 0px;
    font-size: 17px;
    color: #fff;
    margin-bottom: 3px;
    text-align: left;
    height: 25px;
}

.megamenu img {
    height: 140px;
}

.megamenu img:hover {
    opacity: 0.9;
    xborder: 1px solid #ebc316;
}

.link-list li {
    display: block;
    text-align: center;
    white-space: nowrap;
    text-align: left;
}

.link-list li a {
    line-height: 12px;
    border-right: none;
    text-align: left;
    padding: 6px 0px;
    xbackground: #fff !important;
    background-image: none !important;
    color: #dedbdb !important;
    border-right: 0 none !important;
    display: block;
    border-right: 1px solid #e7e7e7;
    xbackground-color: #fff;
    color: #919090;
    font-size: 17px !important;
    font-family: 'Ruda', sans-serif !important;
}

.link-list li a:hover {
    color: #db454a !important;
    text-decoration: none !important;
}

.wsmenu-list .ad-style {
    width: 28%;
    float: right;
}

.wsmenu-list .ad-style a {
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: normal !important;
    background-image: none !important;
}

.mobile-sub .megamenu .ad-style a:hover {
    background-color: transparent !important;
}

.wsmenu-list .megamenu li:hover > a {
    background: transparent !important;
}

.wsmenu-list .megamenu li a:hover {
    background: transparent !important;
    text-decoration: underline;
}

.wsmenu-list .megamenu li .fa {
    margin-right: 5px;
    text-align: center;
    width: 18px;
}

.mrgtop {
    margin-top: 15px;
}

.show-grid div {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #dbdbdb;
    border: 1px solid #e7e7e7;
    color: #6a6a6a;
    margin: 2px 0px;
}

.menupart > ul > li > a:hover img {
    filter: .menupart > ul > li > a:hover .mn-sport;
}

.menupart > ul > li > a span {
    filter: brightness(0) invert(1);
}

.wbg0 {
    background: #272727;
}

.wbg1 {
    background: #240604;
}

.wbg2 {
    background: #240604;
}

.wbg3 {
    background: rgb(219 217 237 / 0.95);
}

.wbg4 {
    background: #272727;
    color: #646363;
    font-size: 18px;
}

.wbg4 .title2 {
    font-size: 20px;
    width: 100px;
    margin: 0 auto;
    color: #9d9d9d
}

.wbg4 p {
    font-size: 20px;
    width: 150px;
    margin: 0 auto;
    color: #777676
}

.halfdiv {
    width: 35%;
    right: 0px !important;
    left: auto;
}

.menu_form {
    width: 100%;
    display: block;
}

.menu_form input[type="text"] {
    width: 100%;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    font-size: 13px;
    padding: 8px 5px;
    margin-bottom: 8px;
}

.menu_form textarea {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    padding: 8px 5px;
    margin-bottom: 8px;
    min-height: 122px;
}

.menu_form input[type="submit"] {
    width: 25%;
    display: block;
    height: 28px;
    float: right;
    border: solid 1px #ccc;
    margin-right: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.menu_form input[type="button"] {
    width: 25%;
    display: block;
    height: 28px;
    float: right;
    border: solid 1px #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.megamenu .left.carousel-control {
    padding-top: 20%;
}

.megamenu .right.carousel-control {
    padding-top: 20%;
}

.carousel-inner .item img {
    width: 100%;
}

.megamenu .carousel-caption {
    bottom: 0px;
    background-color: rgba(0,0,0,0.7);
    font-size: 13px;
    height: 31px;
    left: 0;
    padding: 7px 0;
    right: 0;
    width: 100%;
}

.menu-col {
    float: left;
}

.menu-col:hover {
}

.menu-col-logo p {
    color: #414468;
    font-weight: 100;
    padding: 5px;
    text-align: center;
}

.menu-col-text span {
    color: #d9a826;
    font-weight: bold;
    font-size: 20px;
    line-height: 10px;
}

.menu-col-text p {
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}

.wsmenu-list li > .wsmenu-submenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-list li:hover > .wsmenu-submenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu li > .wsmenu-submenu-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-list li > .megamenu {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    visibility: hidden;
}

.wsmenu-list li:hover > .megamenu {
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.wsmenu-submenu {
    position: absolute;
    top: 48px;
    z-index: 1000;
    margin: 0px;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.wsmenu-submenu li a {
    background: #fff !important;
    background-image: none !important;
    color: #666666 !important;
    border-right: 0 none !important;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 6px 12px;
    text-transform: none;
    font-size: 13px;
    letter-spacing: normal;
    border-right: 0px solid;
}

.wsmenu-list > li.active > a {
}

.wsmenu-submenu li {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.wsmenuexpandermain {
    display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 4px;
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.wsmenu-submenu li {
    position: relative;
    padding: 0px;
    margin: 0px;
    display: block;
}

.wsmenu-click {
    display: none;
}

.wsmenu-list li:hover > a {
}

.wsmenu-list > li > a:hover {
}

.wsmenu-list > li > a.active {
    background-color: rgba(0,0,0,0.08) !important;
    text-decoration: none;
}

.wsmenu-submenu > li > a:hover {
    background-color: rgba(0,0,0,0.08) !important;
    border-radius: 0px !important;
    text-decoration: none;
    text-decoration: none;
}

.wsmenu-submenu .fa {
    margin-right: 7px;
}

.menupart > ul > li.active p {
    color: #ff3857;
}

.menu-in ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.menu-in ul li {
    width: auto;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    height: 200px;
}

.grey-bar {
    background: rgba(123, 115, 115, 0.5);
    height: 35px;
    width: 100%;
    position: absolute;
    bottom: 1px;
    z-index: -1;
    display: none;
}

.grey-bar2 {
    background: rgba(123, 115, 115, 0.5);
    height: 35px;
    width: 100%;
    position: absolute;
    bottom: 147px;
    z-index: -1;
}

.menu-col-logo {
    padding: 21px 10px;
}

.menu-col-link {
    color: #ffe895;
    height: 35px;
    padding-top: 6px;
}

.menu-col-logo:hover {
    background: #ffffff0d;
}

.menu-in ul li a:hover .menu-col-link {
    background: #ffe895;
    color: #000;
}

.menuWrapper.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.is-fixed .menuWrapper {
    background: #000;
    padding-top: 10px;
}

nav {
}

nav ul {
    margin: 0;
    padding: 15px;
}

nav ul li {
    padding: 10px 0;
    display: inline-block;
    transition: padding 0.3s linear;
}

nav ul li a {
    color: white;
    text-decoration: none;
}

.menu-in {
    width: 1040px;
    display: block;
    margin: 0px auto;
}

.ind-in {
    width: 1112px;
    display: block;
    margin: 0px auto;
    padding-top: 30px;
}

.af-in input.form-control {
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    margin-right: 10px;
}

.msg-nmb {
    position: absolute;
    top: -5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 18px;
    font-size: 11px;
}

.mail-box img {
    width: 70%;
    border: 1px solid #f1d59b;
    padding: 5px 10px;
}

.mail-box2 {
    position: relative;
}

.msg-nmb2 {
    position: absolute;
    top: 5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 7px;
    font-size: 13px;
    font-weight: bold;
}

.mail-box2 img {
    width: 100%;
    border: 1px solid #f1d59b;
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
}

.in-box {
    display: flex;
}

.msg-content {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.bg-ttl {
    text-align: center;
    color: #ffe795;
    font-size: 22px;
    text-transform: uppercase;
}

.btn-ttl {
    color: #fff;
    padding: 8px 25px;
    border-radius: 25px;
    text-align: center;
    display: inline-block;
    min-width: 120px;
}

.msg-tr {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.msg-td {
    display: flex;
}

.cl-1 {
    width: 15%;
    text-align: center;
}

.cl-2 {
    width: 40%;
    text-align: left;
}

.cl-3 {
    width: 40%;
}

.cl-4 {
    width: 10%;
    text-align: right;
}

.msg-tr a {
    width: 100%;
    display: table;
}

.msg-tr a {
    width: 100%;
    display: flex;
    color: #ffffff;
    padding: 10px 0px;
}

.mesg-bg {
    background: #190804 url(../images/common/msg-bg.jpg) top center no-repeat;
    padding: 0px 0px 40px 0px;
}

.msg-bg {
    background: #646464;
    border-radius: 10px;
}

.msg-ttl {
    position: relative;
    background: url("../images/common/header-bg.png") no-repeat center;
    margin-bottom: 15px;
}

.pt-txt {
    padding-left: 30px;
}

.trsh-ico i {
    font-size: 20px;
    color: #c155be;
    padding-right: 20px;
    text-shadow: 1px 1px 1px #fff;
}

.msg-list .msg-tr {
}

.msg-list .msg-tr:hover {
}

.msg-tr a:hover {
    background: #00000047;
}

.msg-pp {
    max-width: 580px;
    margin-top: 10%;
}

.msg-pp .modal-content {
    border: none;
    background: #000000d9;
    min-height: 250px;
    border-radius: 9px;
}

.msg-pp button.close {
}

.msg-p-ttl {
    text-align: left;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    background: #3a3a3a;
    padding-left: 6%;
}

.msg-pp .modal-body {
    padding: 0px;
    position: relative;
}

.msg-content-pop {
    padding: 0px 30px;
    color: #ffffff;
}

.btn-live {
    color: #e4b445;
}

.btn-live:hover {
    color: #f9d349;
}

.pg-n button:hover {
    background: #e6b65f;
    color: #fff;
}

.msg-list .msg-tr:nth-child(odd) {
    background: #7b7b7b;
}

.msg-list {
    background: #3c3c3e80;
    border-radius: 10px;
}

.msg-list .msg-tr:first-child {
}

.msg-list .msg-tr:last-child {
    border-radius: 0px 0px 10px 10px;
}

.msg-list .msg-tr:last-child a {
    border-radius: 0px 0px 10px 10px;
}

.msg-list .msg-tr:first-child a:hover {
    border-radius: 10px 10px 0px 0px;
}

.cl-3 .btn-ttl {
}

input.pg-input {
    background: #e5b35c;
    box-shadow: inset 1px 1px 10px #0000004f;
    border: none;
    width: 30px;
    text-align: center;
    color: #000;
    padding: 3px;
}

.msg-pp {
    width: 580px;
}

.msg-pp-t {
    margin-top: 15px;
    background: #353535;
}

.msg-pp-t tr td {
    border: 1px solid #9325F5;
    font-size: 14px;
    text-align: center;
    padding: 10px 0px;
    color: #ffffff;
}

.msg-in {
    font-size: 14px;
    padding: 15px 10px;
    min-height: 80px;
}

/******Contact********/
.contact-bg {
}

.contact-info {
    width: 480px;
    position: relative;
    top: 30px;
    background: #000000d9;
    border: 1px solid #4c4c4c;
    border-radius: 5px;
    padding: 20px;
}

.contact-info ul {
    display: flex;
    flex-direction: column;
}

.contact-info ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    background: linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(1,1,1,1) 100%);
    padding: 5px 10px;
    margin-bottom: 10px;
}

.contact-wrap {
    display: flex;
}

.contact-girl {
    margin-left: -60px;
    z-index: 1;
}

.contact-ttl {
    font-weight: bold;
    margin: 20px;
}

.contact-all {
    padding: 20px;
    color: #fff;
}

table.vip-all tr:nth-child(odd) {
    background: #CCD2DB;
}

table.vip-all tr td:nth-child(1) {
    color: #6984B4;
    width: 30%;
    text-align: left;
    padding-left: 20px;
}

table.vip-all tr td:nth-child(2) {
    color: #C89279;
}

table.vip-all tr td:nth-child(3) {
    color: #7F8A9B;
}

table.vip-all tr td:nth-child(4) {
    color: #E1AE37;
}

table.vip-all tr td:nth-child(5) {
    color: #88A4D4;
}

table.vip-all tr td:nth-child(6) {
    color: #C27DFF;
}

tr.tr-sp {
    background: #3F476F !important;
    color: #fff !important;
}

tr.tr-sp td {
    color: #fff !important;
}

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

.ico-dtl h5 {
    font-size: 14px;
    color: #d99b2d;
}

.ico-dtl p {
    font-size: 12px;
    color: #ffffff;
    margin: 0px !important;
}

.contact-info p {
    color: #c1c1c1;
    margin-bottom: 25px;
}

/******VIP********/
.vip-ttl .vip-cell:nth-child(1) {
    width: 30%;
    text-align: left;
    padding-left: 20px;
    position: relative;
    top: 24px;
    border: none;
    font-size: 20px;
    font-weight: bold;
}

.vip-img {
    margin-bottom: 10px;
}

.vip-ttl .vip-cell:nth-child(2) {
    color: #c8928f;
}

.vip-ttl .vip-cell:nth-child(3) {
    color: #7f8a9b;
}

.vip-ttl .vip-cell:nth-child(4) {
    color: #e1ae37;
}

.vip-ttl .vip-cell:nth-child(5) {
    color: #88a4d5;
}

.vip-ttl .vip-cell:nth-child(6) {
    color: #c27dff;
}

.btn-vip button {
    width: 400px;
    background: #fff;
    height: 60px;
    border-bottom: 5px solid #9325f5;
    margin: 0px 10px;
    color: #9325f5;
}

.btn-vip {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 50px;
}

.btn-vip button.active, .btn-vip button:hover {
    background: linear-gradient(to bottom, rgba(185,174,254,1) 0%, rgba(148,37,245,1) 100%);
    color: #fff;
}

.btn-vip button img {
    padding-right: 10px;
    filter: none;
}

.btn-vip button.active img, .btn-vip button:hover img {
    filter: brightness(0) invert(1);
}

.srh-box .form-control {
    background: none;
}

.dropdown {
    display: flex;
}

.dropdown-menu.lang {
    width: 75px;
    min-width: auto;
    text-align: center;
    left: 0;
    border: none;
    background: rgb(70 70 70 / 95%);
}

button#ddlang {
    color: #fff;
    display: flex;
}

button#ddlang:focus {
    outline: none;
    box-shadow: none;
}

.dd-item {
    display: block;
    padding: 0px 12px;
    text-align: left;
    color: #fff;
    margin: 10px;
}

button#ddlang img {
    height: 23px;
    margin-right: 5px;
}

.lang-drop .dropdown a:hover {
    background: #000000ab;
    color: #fff;
    text-decoration: none;
}

.btn-join:hover {
    background: linear-gradient(135deg, rgba(255,248,204,1) 0%, rgba(215,162,65,1) 14%, rgba(238,201,91,1) 51%, rgba(170,140,65,1) 80%, rgba(255,248,204,1) 100%);
}

.btn-login:hover {
    background: #000;
    color: #ffffff;
    border: 1px solid #dc2a46;
}

.btn-forgot {
    color: #000;
}

.inx-img {
    padding: 0px 30px;
    padding-top: 54px;
}

.dd-item img {
    height: 30px;
    margin-right: 10px;
}

.dd-item:hover {
    color: #e44fab;
}

.col-carousel {
    margin: 70px 0;
}

.owl-prev span, .owl-next span {
    color: #FFF;
}

.owl-prev span:hover, .owl-next span:hover {
    color: #8199A3;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.owl-prev {
    left: 7px;
}

.owl-next {
    right: 7px;
}

.col-carousel {
    margin: 40px 0px 35px 0;
    padding: 0px;
}

button.owl-prev {
    left: -40px;
}

.owl-prev span, .owl-next span {
    color: #a462ef;
}

button.owl-next {
    right: -40px;
}

/*****Menu**********/
.menu-ico-home {
    background: url("../images/common/menu/home.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-home {
    background: url("../images/common/menu/home-h.png")
}

li.active .menu-ico-home {
    background: url("../images/common/menu/home-h.png")
}

.menu-ico-sport {
    background: url("../images/common/menu/sport.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-sport {
    background: url("../images/common/menu/sport-h.png")
}

li.active .menu-ico-sport {
    background: url("../images/common/menu/sport-h.png")
}

.menu-ico-casino {
    background: url("../images/common/menu/casino.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-casino {
    background: url("../images/common/menu/casino-h.png")
}

li.active .menu-ico-casino {
    background: url("../images/common/menu/casino-h.png")
}

.menu-ico-slot {
    background: url("../images/common/menu/slot.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-slot {
    background: url("../images/common/menu/slot-h.png")
}

li.active .menu-ico-slot {
    background: url("../images/common/menu/slot-h.png")
}

.menu-ico-fish {
    background: url("../images/common/menu/fish.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-fish {
    background: url("../images/common/menu/fish-h.png")
}

li.active .menu-ico-fish {
    background: url("../images/common/menu/fish-h.png")
}

.menu-ico-horse {
    background: url("../images/common/menu/horse.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-horse {
    background: url("../images/common/menu/horse-h.png")
}

li.active .menu-ico-horse {
    background: url("../images/common/menu/horse-h.png")
}

.menu-ico-cock {
    background: url("../images/common/menu/cock.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-cock {
    background: url("../images/common/menu/cock-h.png")
}

li.active .menu-ico-cock {
    background: url("../images/common/menu/cock-h.png")
}

.menu-ico-lotto {
    background: url("../images/common/menu/lotto.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-lotto {
    background: url("../images/common/menu/lotto-h.png")
}

li.active .menu-ico-lotto {
    background: url("../images/common/menu/lotto-h.png")
}

.menu-ico-promo {
    background: url("../images/common/menu/promo.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-promo {
    background: url("../images/common/menu/promo-h.png")
}

li.active .menu-ico-promo {
    background: url("../images/common/menu/promo-h.png")
}

.menu-ico-mobile {
    background: url("../images/common/menu/mobile.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-mobile {
    background: url("../images/common/menu/mobile-h.png")
}

li.active .menu-ico-mobile {
    background: url("../images/common/menu/mobile-h.png")
}

.menu-ico-vip {
    background: url("../images/common/menu/vip.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-vip {
    background: url("../images/common/menu/vip-h.png")
}

li.active .menu-ico-vip {
    background: url("../images/common/menu/vip-h.png")
}

.menu-ico-p2p {
    background: url("../images/common/menu/p2p.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-p2p {
    background: url("../images/common/menu/p2p-h.png")
}

li.active .menu-ico-p2p {
    background: url("../images/common/menu/p2pv-h.png")
}

.menu-ico-mobile2 {
    background: url("../images/common/menu/mobile-2.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0px;
}

li:hover .menu-ico-mobile2 {
    background: url("../images/common/menu/mobile-2-h.png")
}

li.active .menu-ico-mobile2 {
    background: url("../images/common/menu/mobile-2-h.png")
}

/*********jackpot***********/
.jackpot-bg {
    background: linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(35,35,35,1) 46%, rgba(34,34,34,1) 100%);
    height: 95px;
}

.jackpot-wrap {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.donwload-center a {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    display: flex;
    flex-direction: column;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    padding: 5px 28px;
    border: 1px solid #dc2a46;
    font-size: 18px;
    text-align: center;
}

.dc-icon {
    display: flex;
    justify-content: center;
}

.dc-icon img {
    margin: 0px 22px;
}

.jackpot-box h4 {
    color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    line-height: 38px;
    margin-right: 15px;
    align-items: center;
}

.jackpot-box h4 small {
    font-size: 30px;
}

.jackpot-box {
    color: #fff;
    display: flex;
    border-left: 1px solid #464646;
    padding-left: 30px;
    align-items: flex-start;
}

.count-down {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.cd-box ul {
    display: flex;
}

.cd-box ul li {
    background: url("../images/common/jacktop-box.png") no-repeat center top;
    width: 40px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
}

.jackpot-box span {
    font-size: 75px;
    line-height: 73px;
    font-weight: bold;
}

.cd-box {
    margin-left: 15px;
}

.step-bar ul {
    display: grid;
    justify-content: space-between;
    align-items: center;
    height: 75px;
    grid-template-columns: repeat(5,1fr);
}

.stp-no {
    font-size: 45px;
    line-height: 36px;
    font-weight: bold;
}

.stp-cont {
    font-size: 14px;
    line-height: 18px;
}

.step-bar {
    background: url("../images/common/step-bar.png") no-repeat center top;
    width: 1035px;
    height: 75px;
    margin-bottom: 15px;
}

.ft-pro-1 {
    background: #1d1d1d;
    height: 40px;
}

.seo ul {
    display: flex;
    justify-content: space-between;
    color: #acacac;
    padding-top: 20px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 20px;
}

.seo ul li h1 {
    font-size: 13px;
    margin-bottom: 10px;
    border-bottom: 1px solid #acacac;
    padding-bottom: 10px;
}

.seocontent {
    font-size: 11px;
}

.seo ul li {
    padding-right: 15px;
}

.seocontent p {
    margin-bottom: 15px;
}

.footer-provider-in {
    display: flex;
    justify-content: space-between;
}

.footer-brosw {
    border-top: 1px solid #acacac;
    margin-top: 20px;
}

.brosw-ico {
    display: flex;
    padding: 10px 0px;
}

.brosw-ico div {
    margin-right: 10px;
}

span.footer-subTitle {
    margin-top: 10px;
    display: block;
    color: #fff;
}

.footer-right {
    width: 30%;
    padding-left: 20px;
}

.v-code {
    width: 75px;
}

.form-txt i {
    color: #9a9a9a;
    margin: 0 5px;
}

.modal-bg h4 {
    color: #fff;
    font-size: 16px;
    margin: 10px 0px;
}

.mobile-pop i {
    color: #fff;
    font-size: 35px;
}

.mobile-pop .modal-content {
    background: #2d2d2d;
}

.padding-button {
    background: linear-gradient(to bottom, rgba(138,25,34,1) 0%, rgba(206,4,28,1) 100%);
    border: none;
    color: #fff;
}

.padding-button:hover {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border: none;
}

.mob-formTable {
    border-collapse: collapse;
    border: 1px solid #706787;
    background: #1d1d1d;
}

.mob-formTable > tbody > tr > th {
    border: 1px solid #424242;
    background: linear-gradient(to bottom, rgba(138,25,34,1) 0%, rgba(206,4,28,1) 100%);
    padding: 10px 5px;
    text-align: center;
    color: #fff;
}

.mob-formTable > tbody > tr > td {
    border: 1px solid #424242;
    padding: 5px 5px;
    color: #fff;
}

.ag-wrap {
    padding: 0 15px;
}

.ag-wrap img {
    width: 100%;
    height: auto;
    border: 1px solid #494848;
}

.mobile-and img {
    height: 170px;
}

.mobile-ios {
    background: url(../images/common/mobile-ios.png) top no-repeat;
    height: 170px;
    padding: 60px 10px 10px 66px;
}

.modal-title {
    text-transform: uppercase;
    color: #ebc316;
}

a.openMail {
    color: #fcff00;
}

/*******Sport*******/
.sport-bar ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.sport-bar {
    background: linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(35,35,35,1) 46%, rgba(34,34,34,1) 100%);
    height: 60px;
}

.tabs-nav li {
    margin: 0px 20px;
}

.tabs-nav li:first-child a {
}

.tabs-nav li a {
    background: #4e4e4e;
    padding: 10px 23px;
    border-radius: 20px;
    border: 1px solid #4e4e4e;
    cursor: pointer;
    display: block;
}

.tab-active a {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%) !important;
    border-bottom-color: transparent;
    color: #2db34a;
    cursor: default;
    padding: 10px 23px;
    border-radius: 20px;
    border: 1px solid #dc2a46;
}

.tabs-stage {
    display: block;
    margin: 0px auto;
    width: 1040px;
    margin-bottom: 15px;
}

.menu-in-mny ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.menu-in-mny ul li{
    position: relative;
}
.menu-in-mny ul li .fav-wrap{
    margin-top: 15px;
}

/*******casino*******/
.casino-content ul {
    display: grid;
    grid-template-columns: repeat(4,5fr);
    padding: 15px 0px;
    gap: 20px;
}

.casino-content ul li a:hover {
    filter: drop-shadow(2px 4px 6px #fff);
}

/*******slot*******/
.slot-bar ul {
    display: flex;
    flex-wrap: wrap;
}

.slot-bar ul li a {
    background: none;
    border: none;
    padding: 0px;
}

.game-lobby {
    display: block !important;
    border: 1px solid #ffe875;
    border-top: none;
}

.game-lobby div {
    display: block !important;
}

.slot-bar ul li a:hover {
    filter: drop-shadow(2px 4px 6px #fff);
}

.slot-bar ul li.tab-active a {
    filter: drop-shadow(2px 4px 6px #fff) !important;
    background: none !important;
}

.slot-bar ul li {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    position: relative;
}

.game-menu {
    background: linear-gradient(to bottom, #ffe875 0%, rgba(207,173,50,1) 100%);
}

.game-menu ul {
    display: flex;
    height: 45px;
    align-items: center;
}

.game-menu ul li a {
    padding: 0px 20px;
    color: #000;
    font-weight: bold;
}

.game-menu ul li a:hover {
    color: #5b5b5b;
}

.all-game ul {
    display: grid;
    grid-template-columns: repeat(6,100fr);
    padding: 10px;
    text-align: center;
    grid-gap: 20px 10px;
}

.ply-btn {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.game-lobby div.ply-btn {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.all-game ul li {
    position: relative;
}

.btn-fyn {
    background: linear-gradient(to bottom, rgb(65 65 65) 0%, rgb(129 129 129) 100%);
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 9px;
    width: fit-content;
    color: #c2c2c2;
    margin: auto;
}

.all-game ul li:hover img {
    opacity: 0.5;
    transition: 400ms;
}

.all-game ul li:hover .ply-btn {
    opacity: 1;
    transition: 400ms;
}

.btn-fyn:hover {
    background: linear-gradient(to bottom, rgba(138,25,34,1) 0%, rgba(206,4,28,1) 100%);
    color: #fff;
}

.elementor-toggle h4 {
    margin: 0px;
    margin-top: 25px;
    color: #fff;
    font-size: 20px;
}

.plybtn {
    position: absolute;
    bottom: 138px;
    margin: 0px;
    position: absolute;
    display: block;
    right: 145px;
}

.plybtn {
    background: linear-gradient(to bottom, #ffe875 0%, #cfad32 100%);
    padding: 5px 30px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
}

.inner-bnt {
    width: 1030px;
    margin: 0px auto;
    position: absolute;
    display: block;
    left: 0px;
    right: 0px;
}

.plybtn:hover {
    background: linear-gradient(to bottom, #cfad32 0%, #ffe875 100%);
    color: #000;
}

.promo-allin {
    background: linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(35,35,35,1) 46%, rgba(34,34,34,1) 100%);
    height: 60px;
}

/****************Promo*******************/
.grid2 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}

.grid2 ul li {
    margin: 10px 16px;
}

.grid2 ul {
    padding: 0px;
    display: inline-block;
    margin: 0px;
}

.slot-lb {
    margin-top: 380px;
}

.slot-mn ul li a:hover {
    background: #14183d;
    text-decoration: none;
    color: #ffe895;
}

.cp-txt .btn-up {
    background: none;
    padding: 0px;
    margin: 0px;
}

.wrap-promo {
    position: absolute;
    display: flex;
    top: 121px;
    left: 410px;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
}

.wrap-promo a {
    color: #fff;
    font-weight: bold;
}

span.pm-time {
    color: #ffe895;
    margin-left: 7px;
}

.wrap-promo a:hover {
    text-decoration: none;
}

.btn-pm a {
    display: block;
    width: 145px;
    text-align: center;
    float: none;
    padding: 0px 11px;
    font-size: 13px;
    line-height: 26px;
}

.btn-pm a:hover {
    color: #ffe895;
}

.pomo-f button.active {
    background: #47abdb;
}

.pomo-f button {
    display: block;
    width: 100%;
    border-radius: 0px;
    padding: 14px;
    background: #0000004f;
}

.ls-box ul li:last-child {
    border: none;
}

.pomo-f {
    float: left;
    display: block;
    margin-top: 20px;
}

.pomo-wrap {
    display: inline-block;
    margin: 0px;
    float: left;
    width: 985px;
}

.pomo-wrap ul li {
    display: block;
    list-style: none;
    margin-left: 30px;
}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35;
}

.cd-header h1 {
    color: #ffffff;
    line-height: 150px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300;
}

@media only screen and (min-width: 1170px) {
    .cd-header {
        height:180px;
    }

    .cd-header h1 {
        line-height: 180px;
    }
}

.cd-main-content {
    position: relative;
    width: 940px;
    display: block;
    margin: 0px auto;
}

.cd-main-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-main-content.is-fixed .cd-tab-filter-wrapper {
}

.cd-main-content.is-fixed .cd-gallery {
}

.cd-main-content.is-fixed .cd-filter {
    position: fixed;
    height: 100vh;
    overflow: hidden;
}

.cd-main-content.is-fixed .cd-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.cd-main-content.is-fixed .cd-filter-trigger {
    position: fixed;
}

@media only screen and (min-width: 768px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

@media only screen and (min-width: 1170px) {
    .cd-main-content.is-fixed .cd-gallery {
    }
}

.cd-tab-filter-wrapper {
    z-index: 1;
    float: left;
}

.cd-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.cd-tab-filter {
    position: relative;
    height: 40px;
    width: 177px;
    margin: 0 auto;
    z-index: 1;
}

.cd-tab-filter::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}

.cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
}

.cd-tab-filter li {
}

.cd-tab-filter li:first-child {
    display: block;
    border-radius: 5px 5px 0px 0px;
}

.cd-tab-filter a {
    display: block;
}

.cd-tab-filter a.selected {
    background: #41307c;
    color: #ffffff;
}

.cd-tab-filter a:hover {
    background: url(../images/common/promo-btn.png) no-repeat;
    color: #000;
}

.cd-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}

.cd-tab-filter.is-open ul li {
    display: block;
}

.cd-tab-filter.is-open .placeholder a {
    opacity: .4;
}

@media only screen and (min-width: 768px) {
    .cd-tab-filter {
        width:auto;
        cursor: auto;
    }

    .cd-tab-filter::after {
        display: none;
    }

    .cd-tab-filter ul {
    }

    .cd-tab-filter li {
        display: block;
        border-top: none;
    }

    .cd-tab-filter li.placeholder {
        display: none !important;
    }

    .cd-tab-filter a {
        display: inline-block;
        min-width: 185px;
        position: relative;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: 0px 2px 3px rgb(0 0 0 / 70%);
        font-size: 20px;
        text-align: center;
        padding: 13px 10px;
        cursor: pointer;
        border: 1px solid #343434;
        margin: 0pc 5px;
        background: #4f4f4f;
        font-family: 'Sony Sketch EF', sans-serif;
    }

    .no-touch .cd-tab-filter a:hover {
        color: #725D22;
        text-decoration: none;
    }

    .no-touch .cd-tab-filter a:focus {
        color: #725D22;
        text-decoration: none;
    }

    .cd-tab-filter a.selected {
        color: #000000;
    }

    .cd-tab-filter.is-open ul li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-tab-filter {
        float:left;
        margin: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }

    .cd-tab-filter.filter-is-visible {
        width: 80%;
    }
}

.cd-gallery {
}

.cd-gallery li {
    margin-bottom: 1.6em;
    display: none;
}

.cd-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block;
}

.cd-gallery img {
    display: block;
}

.cd-gallery .cd-fail-message {
    display: none;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .cd-gallery {
        padding:40px 3%;
    }

    .cd-gallery ul {
        text-align: justify;
        padding: 0px;
        min-height: 468px;
    }

    .cd-gallery ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-gallery li {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-gallery {
        padding:0px;
        float: right;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
        margin-top: 10px;
        float: right;
        width: 723px;
        margin: 0px;
        padding: 0px;
    }

    .cd-gallery li {
        width: 100%;
        padding: 0px !important;
    }

    .cd-gallery.filter-is-visible {
        width: 80%;
    }
}

.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}

.cd-filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #41307c;
    z-index: 2;
}

.cd-filter form {
    padding: 70px 20px;
}

.cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    font-size: 1.3rem;
    text-align: center;
    background: #37296a;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
}

.no-touch .cd-filter .cd-close:hover {
    background: #32255f;
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.cd-filter.filter-is-visible .cd-close {
    opacity: 1;
}

@media only screen and (min-width: 1170px) {
    .cd-filter {
        width:20%;
    }

    .cd-filter form {
        padding: 70px 10%;
    }
}

.cd-filter-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: transparent url("../img/cd-icon-filter.svg") no-repeat center center;
    z-index: 3;
}

.cd-filter-trigger.filter-is-visible {
    pointer-events: none;
}

@media only screen and (min-width: 1170px) {
    .cd-filter-trigger {
        width:auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
    }

    .no-touch .cd-filter-trigger:hover {
        color: #41307c;
    }

    .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
        color: #ffffff;
    }
}

.cd-filter-block {
    margin-bottom: 1.6em;
}

.cd-filter-block h4 {
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 20px;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.no-touch .cd-filter-block h4:hover {
    color: #41307c;
}

.cd-filter-block h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}

.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}

.cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #41307c;
}

.cd-filter-block input[type='search'] {
    border-color: transparent;
    background-color: #e6e6e6;
    font-size: 1.6rem !important;
}

.cd-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none;
}

.cd-filter-block .cd-select {
    position: relative;
}

.cd-filter-block .cd-select::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}

.cd-filter-block select {
    cursor: pointer;
    font-size: 1.4rem;
}

.cd-filter-block select::-ms-expand {
    display: none;
}

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em;
}

.cd-filter-block .list li:last-of-type {
    margin-bottom: 0;
}

.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.cd-filter-block .checkbox-label, .cd-filter-block .radio-label {
    padding-left: 24px;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0;
}

.cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after {
    display: none;
}

.cd-filter-block .checkbox-label::after {
    width: 16px;
    height: 16px;
    background: url("../img/cd-icon-check.svg") no-repeat center center;
}

.cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
    border-radius: 50%;
}

.cd-filter-block .radio-label::after {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    left: 5px;
}

.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #41307c;
    background-color: #41307c;
}

.cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after {
    display: block;
}

@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after {
        display: none;
    }
}

/*******************************************Promotion**********************************************/
.promo-bg {
    padding-top: 30px;
}

.promo-item {
    margin-bottom: 5px;
    display: grid;
    position: relative;
    padding: 10px;
    background: #212121;
    border-radius: 8px;
    color: #fff;
}

.promo-pic {
    position: relative;
    cursor: pointer;
}

.prom-bg {
    position: relative;
    display: none;
}

.promo-title {
    width: 700px;
    left: 70px;
    position: absolute;
    top: 21px;
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
}

.promo-inContent ul li {
    display: list-item;
}

.promo-content {
    padding: 25px;
    width: 925px;
    display: block;
    margin: 0px auto;
    background: #00000070;
    color: #fff;
    margin-left: 38px;
}

.promo-inContent {
    background: #f6921e;
    padding: 10px;
    border-radius: 5px;
}

.promo-butt {
    position: relative;
}

.promo-in2 {
    padding: 20px;
}

.promo-wrap {
    background: #fff;
    display: inline-block;
    padding: 20px;
    width: 100%;
}

.promo-img img {
    cursor: pointer;
}

.promo-info {
    color: #f6921e;
}

.promo-info h4 {
    font-size: 25px;
    padding-left: 20px;
    padding-top: 8px;
    text-align: left;
    display: inline-block;
}

.btn-more {
    position: absolute;
    bottom: 5px;
    right: 0px;
    padding: 5px 20px;
    border: 1px solid #f6921e;
    border-radius: 5px;
    cursor: pointer;
}

.promo-text {
    background: #000000a6;
    border-radius: 0px;
    color: #fff;
    margin-left: 35px;
}

.promo-img figure {
    margin: 0px;
}

.promo-t {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.promo-c {
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    margin: 0px auto;
    background: #ae5e02;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 170px;
    display: inline-block;
}

.promo-table tr td {
    padding: 10px;
    border: 1px solid #333333;
    background: #4f4f4f;
    text-align: center;
    color: #fff;
}

.promo-table tr th {
    background: linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(1,1,1,1) 100%);
    padding: 10px;
    border: 1px solid #333333;
    text-align: center;
}

.promo-table {
    margin: 10px 0px;
}

.promo-b {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px;
}

.promo-b span {
    background: #fff;
    color: #056e8b;
    padding: 5px;
    display: inline-block;
    border-radius: 5px;
    width: 410px;
    text-align: center;
    margin-bottom: 10px;
}

.promo-inContent ul {
    margin-top: 0px !important;
}

.promo-content ul li {
    display: list-item;
}

.promo-content ul {
    margin-left: 26px;
}

.promo-box {
    float: right;
    width: 1005px;
    padding: 0px 10px 10px 10px;
}

.ls-box ul li:first-child button {
    border-radius: 8px 8px 0px 0px;
}

.ls-box ul li:first-child a:hover {
}

.ls-box ul li:last-child a:hover {
    border-radius: 0px 0px 8px 8px;
}

.ls-box ul li:first-child a {
    border-radius: 8px 8px 0px 0px;
}

.ls-box ul li:last-child a {
    border-radius: 0px 0px 8px 8px;
}

.ls-box ul li:last-child {
    border: none;
}

.ls-box ul li a:hover, .ls-box ul li a.selected {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    background-size: 100% 100%;
    color: #fff;
    border: 1px solid #dc2a46;
}

.ls-box ul li a:hover:after, .ls-box ul li a.selected:after {
    position: absolute;
    right: -12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    font-size: 30px;
    color: #bb0a1e;
    top: 0px;
    text-shadow: none;
}

.pomo-wrap ul {
    margin: 0px;
    padding: 0px;
}

.bg_more {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.promo-ttl {
    font-size: 28px;
    padding: 8px 0px 5px 0px;
    line-height: 20px;
}

.promo-cont {
    margin-bottom: 5px;
    font-size: 16px;
    padding-bottom: 5px;
}

.promo-buttWrap {
    position: absolute;
    bottom: 8px;
    right: 20px;
}

.promo-buttWrap i {
    background: #0f0e0eba;
    font-size: 42px;
    padding: 5px;
    border-radius: 50px;
    height: 65px;
    width: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #212121;
}

.promo-item-in {
    margin-top: 40px;
}

/******VIP*******/
.ttl-vip {
    background: url( "../images/common/share.png")no-repeat center;
    height: 52px;
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

#page-wrap {
    width: 1051px;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #ccc;
    padding: 10px;
}

.slim {
    width: 88px;
}

.hover {
    background-color: #4d4d4d;
    cursor: pointer;
}

.vip-wrap-in {
    border: 1px solid #d0b471;
    padding: 20px 40px;
    background: #000c;
    position: relative;
    margin-top: 54px;
    padding-top: 60px;
    border-radius: 20px;
    margin-bottom: 30px;
}

table.table-vip tr td {
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
}

table.table-vip tr th {
    background: #fae16f;
    border: 1px solid #000;
    color: #000;
    text-align: center;
}

table.table-vip {
    background: #363636;
    color: #d0b471;
}

tr.ttl-bg {
    background: #fae16f;
    color: #000;
    font-size: 20px;
}

tr.ttl-bg td {
    font-size: 14px !important;
    font-weight: bold;
}

.tnc-vip {
    color: #fff;
    font-size: 14px;
}

.tnc-vip ul li {
    margin-bottom: 10px;
    list-style: circle;
}

.tnc-vip h4 {
    color: #d0b471;
}

.table-vip tr td {
    padding: 12px 0px;
    color: #f1d086;
    text-align: center;
    border-top: 1px solid #e5b445;
}

.table-vip {
    margin: 15px 0px;
    border: 1px solid #e5b445;
}

.table-vip tr td:first-child {
}

.table_register tr td {
    padding: 5px;
}

.info-content {
    border: 1px solid #d0b471;
    padding: 20px;
    margin: 10px 0px;
    min-height: 500px;
    position: relative;
}

.img-contact {
    position: absolute;
    right: 0px;
    bottom: 17px;
}

tr.ttl-bg td {
    color: #000;
}

/*******Contact********/
.contact-bg {
    background: url("../images/common/contact-bg.png");
    height: 464px;
    margin-bottom: 20px;
    width: 835px;
}

.content-register .reg-form-in .input-group {
    background: #292929;
    border-radius: 20px;
    margin-bottom: 20px;
    height: 40px;
}

.content-register .content-register {
    background: #000;
    margin: 10px;
    padding: 30px;
}

.content-register .input-group-text i {
    margin-right: 10px;
}

.input-group-text i {
    margin-right: 10px;
}

.content-register {
    background: #212121;
    padding: 20px;
    margin: 20px;
}

.content-register .reg-form h4 {
    color: #ff3857;
}

.content-register .input-group-text {
    width: 210px;
}

a.dd-item:hover img {
    filter: drop-shadow(0px 0px 6px #fff);
}

/********************AF*************************/
.af-annou {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    padding-left: 10px;
}

.dropdown-menu ul li:first-child {
    margin-top: 10px;
}

.dropdown-menu ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 0px 10px;
    cursor: pointer;
}

.prov-name {
    margin-left: 0px;
    font-size: 13px;
    float: left;
    padding-top: 3px;
}

.account-drop {
    min-width: 126px !important;
}

.am-prov {
    text-align: right;
    float: right;
    display: flex;
    position: relative;
    top: -2px;
}

.btn-in {
    padding: 3px 6px;
    font-size: 12px;
    background: #7ab529;
    margin-left: 8px;
    color: #fff;
}

.prov-out {
    margin-left: 8px;
}

.btn-out {
    padding: 3px 5px;
    font-size: 12px;
    background: #b5171d;
    color: #fff;
}

.am-prov .prov-in {
    width: auto;
}

.prov-am {
    padding-top: 14px;
    font-size: 13px;
    line-height: 0px;
}

.drop-menu ul li:first-child {
    background: none;
    border: none;
    padding: 0px;
}

.drop-menu ul li a {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0px;
}

.dropdown-menu2 {
    min-width: 115px !important;
    left: 6px;
}

.drop-menu ul li {
    padding: 0px;
}

.drop-menu ul li a:hover {
    background: #a78cc1;
    color: #fff;
}

.drop-menu ul {
}

.drop-menu ul li:last-child a:hover {
    border-radius: 0px 0px 6px 6px;
}

.drop-menu ul li:first-child a:hover {
    border-radius: 6px 6px 0px 0px;
}

.account-drop ul li:first-child {
    margin: 0px;
}

.account-drop ul li a {
    padding: 5px 0px !important;
    display: block;
}

.account-drop ul li a:hover {
    background: #ffffff40;
}

.af-content .af-in {
    align-items: flex-start;
}

.af-in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
    color: #fff;
    position: relative;
    top: 12px;
}

.account-drop ul li {
    text-align: center;
}

.account-drop ul li a {
    color: #fff;
}

.af-annou .annouc-txt {
    top: 20px;
}

.user-nm {
    padding-right: 10px;
    font-size: 14px;
}

span.username-info {
    color: #f1f874;
    font-weight: bold;
}

.btn-bln {
    display: block;
    padding: 5px 20px;
    line-height: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #c7c347, 0px 0px 6px #e1d56a;
    border: 1px solid #c2ad03;
    font-size: 14px;
    cursor: pointer;
}

.btn-bln2 {
    display: block;
    padding: 5px 20px;
    line-height: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #c7c347, 0px 0px 6px #e1d56a;
    border: 1px solid #ffe200;
    font-size: 14px;
    height: 27px;
    background: #000000b8;
    margin-right: 10px;
    cursor: pointer;
}

.btn-bln i {
    padding-right: 10px;
}

i.fas.fa-sort-down {
    top: -2px;
    position: relative;
    padding: 0px;
}

.dropdown-menu {
    left: auto;
    right: 0px;
    width: auto;
    min-width: 315px;
    background: #000000f0;
    box-shadow: 0px 0px 3px #c7c347, 0px 0px 6px #e1d56a;
    color: #fff;
}

.af-top {
    background: rgba(0, 0, 0, 0.77);
    border: 1px solid #ff3857;
    color: #fff;
    padding: 20px;
}

.af-top-in ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0px;
    align-items: center;
}

.af-top-in ul li {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.af-ttl {
    font-size: 14px;
    text-transform: uppercase;
}

.af-amy {
    color: #f1f874;
    font-size: 16px;
    font-weight: bold;
}

.btn-restore {
    box-shadow: 0px 0px 5px #e4ba14;
    color: #eaf071;
    border: 1px solid #edf343;
    padding: 5px 20px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    line-height: inherit;
}

.btn-restore:hover {
    box-shadow: 1px 1px 5px #edf343;
    color: #ffffff;
}

.af-mn ul li {
    list-style: none;
}

.af-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    margin-top: 10px;
    margin-bottom: 55px;
}

.af-mn ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0px;
}

.af-l {
    z-index: 1;
}

.af-mn ul li a {
    height: 50px;
    display: flex;
    align-items: center;
    color: #ffffff;
    border-right: 1px solid #00d2ff00;
    padding: 0px 34px;
    background: #4f4f4f;
    background-size: 100% 100%;
}

span.af-ico img {
    margin-right: 15px;
    filter: brightness(0) invert(1);
    width: 26px;
}

.af-mn ul li a:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #fff;
}

.af-mn ul li a.active {
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #fff;
}

.af-mn ul li:first-child a {
    border-radius: 5px 0px 0px 0px;
}

.af-mn ul li:last-child a {
    border-radius: 0px 5px 0px 0px;
}

.af-mn ul li a.active img {
}

.af-mn ul li a:hover img {
}

.af-r {
    background: #000000f2;
    border: 1px solid #fbbd2e;
    color: #fff;
}

.af-content-top ul {
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    margin: 0px;
    border-top: 1px solid #d0b471;
    border-bottom: 1px solid #d0b471;
}

.af-content-top ul li {
    list-style: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    display: flex;
    width: 100%;
}

.af-content-top ul li a {
    height: 50px;
    background: #000;
    display: flex;
    align-items: center;
    color: #fbbd2e;
    width: 100%;
    justify-content: center;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    top: -1px;
}

.af-content-top ul li a.active {
    background: #52525287;
    color: #fbbd2e;
}

.af-content-top ul li a:hover {
    text-decoration: none;
    background: #52525287;
    color: #f1f874;
}

.af-content-top ul li a:focus {
    outline: none;
    text-decoration: none;
}

.dps-type ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 0px;
    margin: 0px;
    margin-top: 43px;
}

.dps-type ul li {
    list-style: none;
}

.dps-type ul li a {
    border: 1px solid #fbbd2e;
    padding: 4px;
    margin: 0px 5px;
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fbbd2e;
    text-transform: uppercase;
    flex-direction: column;
    height: auto;
    min-height: 110px;
    white-space: normal;
}

.dps-type ul li a:hover, .dps-type ul li a.active {
    text-decoration: none;
    color: #f1f874;
    background: #000;
    border: 1px solid #f1f874;
    box-shadow: 0px 0px 16px #edf343;
}

.dps-type ul li a.active {
    text-decoration: none;
    color: #fbbd2e;
    background: #000;
    border: 1px solid #fbbd2e;
}

.af-form-box {
    padding: 20px 35px 20px 35px;
}

.af-form-box2 {
    padding: 25px 35px 50px 35px;
    color: #fff;
}

.af-form-all .form-group {
    display: flex;
}

.af-form-all {
    margin-top: 10px;
}

.dps-type ul li img {
    height: 31px;
    margin-bottom: 5px;
}

.af-form-all .form-group input, .af-form-all .form-group select {
    background: #000;
    border: 1px solid #fbbd2e;
    color: #9a9a9a;
}

.af-form-all .form-group label {
    width: 23%;
    padding-top: 8px;
    color: #ffffff;
    flex: 1 0 auto;
}

.af-in select.form-control {
    padding: 0.375rem 0.75rem;
    height: auto;
    font-size: 14px;
    height: 40px;
}

.upload-file {
    display: flex;
    position: relative;
    width: 100%;
}

.custom-file-input {
    position: absolute;
    z-index: 2;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.btn-file {
    color: #ffffff;
    padding: 5px 10px;
    height: 39px;
    top: 1px;
    position: relative;
    margin-left: 10px;
    border-radius: 5px;
    border: none;
    width: 180px;
    border: 1px solid #b6bb57;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #ffffff;
    border: 1px solid #dc2a46;
}

/********************************* Home-Accordion ********************************/
.accordion {
    width: 100%;
    display: block;
    list-style-type: none;
    overflow: hidden;
    height: auto;
    font-size: 0;
    padding: 0px;
}

.accordion .tabs {
    position: relative;
    display: inline-block;
    width: 58px;
    margin-right: 10px;
    transition: all 0.4s ease-in-out 0.1s;
    overflow: hidden;
    cursor: pointer;
}

.tabs.open {
    width: 265px;
}

.tabs-container {
    width: 255px;
    position: relative;
    min-height: 80px;
}

.accordion .image2 {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fbbd2e;
    padding: 6px;
    border-radius: 8px;
}

.description {
    width: 220px;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 29px;
}

.title {
    position: absolute;
    top: 52px;
    width: 57px;
    height: 30px;
    text-align: center;
    color: #fff;
}

h1 {
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
}

.description p {
    font-size: 16px;
    color: #fff;
    margin: 0px;
}

p.cpy {
    font-size: 16px !important;
}

.bnk-inf {
    padding-left: 10px;
    text-align: center;
}

.btn-copy {
    border: none;
    background: none;
    font-size: 14px;
    padding: 0px;
    position: relative;
    top: -4px;
    color: #8eff1a;
}

.amt-box {
    width: 100%;
}

.amt-box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    padding: 0px;
    margin: 0px;
}

.amt-box ul li {
    list-style: none;
    margin-right: 10px;
    margin-top: 10px;
}

.amt-box ul li button {
    background: #000;
    border: 1px solid #fbbd2e;
    border-radius: 5px;
    padding: 6px 20px;
    font-size: 14px;
    color: #fbbd2e;
}

.amt-box ul li {
}

.amt-box ul li button:focus {
    outline: none;
    box-shadow: none;
}

.amt-box ul li button.active {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #fff;
    border: 1px solid #fbbd2e;
}

.btn-smt {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #ffffff;
    border: 1px solid #dc2a46;
    padding: 5px 30px;
    border-radius: 5px;
    font-weight: bold;
}

.bnk-detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin-top: 30px;
}

.btn-smt:hover {
    color: #fff;
    background: #000;
    border: 1px solid #dc2a46;
}

.btn-sub-box {
    width: 100%;
}

table.bk-tlb {
    width: 400px;
}

table.bk-tlb tr th {
    text-align: center;
    border: none;
    padding: 7px;
    border-bottom: 1px solid #b5ba57;
}

table.bk-tlb tr td {
    padding: 15px 0px 0px 0px;
    border: none;
}

.bnk-detail-in {
    border: 1px solid #b5ba57;
    border-radius: 10px;
    padding-bottom: 10px;
}

.stp-box {
    padding: 20px 35px;
}

.form-txt {
    width: 100%;
}

.fnt {
    width: 100%;
    display: flex;
    align-items: center;
}

.frm-to {
    margin: 0px 20px;
}

.form-txt p {
    font-size: 24px;
    margin: 0px;
    padding: 0px;
}

.btn-rest {
    border: 1px solid #b5ba57;
    background: #000;
    color: #e2e96d;
    padding: 5px 30px;
    border-radius: 5px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    width: 110px;
}

.btn-rest:hover {
    box-shadow: none;
}

.prov-bx {
    padding-bottom: 30px;
}

.prov-in ul li {
    list-style: none;
    border: 1px solid #f1f874;
    padding: 10px;
    width: 126px;
    margin: 5px 0px;
    text-align: center;
    margin-left: 11px;
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.prov-in ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    padding: 0px;
}

.prov-in {
    padding: 0px 20px;
}

.prov-in ul li:nth-child(7n+1) {
    margin-left: 0px;
}

.prov-in ul li p {
    color: #f1f874;
    margin: 0px;
    font-size: 12px;
}

.prov-in ul li h5 {
    margin: 0px;
    margin-bottom: 5px;
    font-size: 14px;
}

.prov-in ul li:hover {
    background: #000;
}

.yll-txt {
    font-size: 10px;
    color: #fffc00;
}

.af-wrap {
}

.table-history tr th {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(66,58,22,1) 50%, rgba(0,0,0,1) 100%);
    color: #fff;
    padding: 5px;
    font-weight: 500;
    border: 1px solid #effb13;
}

.table-history tr td {
    border: 1px solid #effb13;
    padding: 5px;
}

.table-history tr:nth-child(odd) {
    background: #ffffff38;
}

/*************MSG*****************/
.mail-box {
    position: relative;
    margin-right: -14px;
}

.msg-nmb {
    position: absolute;
    top: -5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 1px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 18px;
    font-size: 11px;
}

.mail-box img {
    width: 70%;
    border: 1px solid #f1d59b;
    padding: 5px 10px;
}

.mail-box2 {
    position: relative;
}

.msg-nmb2 {
    position: absolute;
    top: 5px;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 20px;
    height: 20px;
    text-align: center;
    right: 7px;
    font-size: 13px;
    font-weight: bold;
}

.mail-box2 img {
    width: 100%;
    border: 1px solid #f1d59b;
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
}

.in-box {
    display: flex;
}

.msg-content {
    display: block;
    width: 100%;
    border: 1px solid #fbbd2e;
}

.bg-ttl {
    text-align: center;
    color: #ffe795;
    font-size: 22px;
    text-transform: uppercase;
}

.btn-ttl {
    color: #fff;
    padding: 8px 25px;
    border-radius: 25px;
    text-align: left;
    display: inline-block;
}

.msg-tr {
    display: table;
    width: 100%;
    cursor: pointer;
}

.msg-td {
    display: table-cell;
}

.cl-1 {
    width: 18%;
    text-align: left;
}

.cl-2 {
    width: 30%;
}

.cl-3 {
    width: 40%;
}

.cl-4 {
    width: 10%;
    text-align: right;
}

.msg-tr a {
    width: 100%;
    display: table;
}

.msg-tr a {
    width: 100%;
    display: table;
    color: #ffffff;
    padding: 10px 0px;
    background: rgba(0, 0, 0, 0.6);
}

.mesg-bg {
    background: #190804 url(../images/common/msg-bg.jpg) top center no-repeat;
    padding: 0px 0px 40px 0px;
}

.msg-bg {
    border-radius: 10px;
}

.msg-ttl {
    position: relative;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border-bottom: 1px solid #fbbd2e;
}

.pt-txt {
    padding-left: 25px;
}

.trsh-ico i {
    font-size: 20px;
    color: #ffffff;
    padding-right: 20px;
}

.msg-list .msg-tr {
}

.msg-list .msg-tr:hover {
}

.msg-tr a:hover {
    background: #e4e4e447;
    text-decoration: none;
}

.txt-l {
    flex: 1 0 auto;
    color: #c7c7c7;
    padding: 30px 0px;
}

.txt-info {
    display: flex;
    width: 100%;
    margin-top: 5%;
}

.page-box {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: #c7c7c7;
    width: 100%;
}

.pg-input input {
    width: 40px;
    height: 30px;
    border-radius: 8px;
    border: none;
    text-align: center;
}

.pg-1 {
    padding: 0px 10px;
}

.btn-left {
    height: 30px;
    padding: 0px 10px;
    border-radius: 8px 0px 0px 8px;
}

.pg-n {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.btn-right {
    height: 30px;
    padding: 0px 10px;
    border-radius: 0px 8px 8px 0px;
}

.pg-n button {
    background: #eaf2f5;
    color: #45547b;
    font-size: 14px;
}

.msg-pp {
    max-width: 580px;
    margin-top: 10%;
}

.msg-pp .modal-content {
    border: none;
    background: #000;
    min-height: 289px;
    border-radius: 9px;
    border: 1px solid #fbbd2e;
}

.msg-pp button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 100;
    border-radius: 8px;
}

.msg-p-ttl {
}

.msg-pp .modal-body {
    padding: 0px;
    position: relative;
}

.msg-content-pop {
    padding: 10px 15px;
    color: #ffffff;
    display: block;
}

table.table-msg tr th {
    background: #080c38;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #01c6ff;
    color: #01c6ff;
}

table.table-msg tr td {
    background: #000;
    padding: 10px 20px;
}

span.time-l {
    padding-left: 11px;
}

.msg-in p {
    margin-bottom: 18px;
}

a.msg-saw:focus {
    text-decoration: none;
}

.msg-in .fa {
    color: #ffd040;
    font-size: 19px;
}

.msg-in {
    float: left;
    margin-right: 10px;
}

.clr-box {
    border-radius: 50px;
    border: 1px solid #fff;
    width: auto;
    height: 18px;
    display: block;
    font-size: 10px;
    text-align: center;
    position: relative;
    top: 1px;
    margin-left: 5px;
    font-weight: bold;
    padding: 0 2px;
    min-width: 18px;
}

.msg-in .fa:hover {
    color: #ffffff;
}

.msg-in a {
    display: flex;
    color: #fff;
}

.msg-in a:hover .fa {
    color: #fff;
}

.msg-in a:hover {
    text-decoration: none;
}

.btn-bck2 a {
    background: linear-gradient(#980000,#4c0000);
    padding: 12px 10px;
    color: #fff;
    border-radius: 25px;
    text-transform: uppercase;
    display: block;
    min-width: 250px;
    text-align: center;
}

ul.status-normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
}

ul.status-normal li {
    border: solid 1px #b99500;
    display: flex;
    width: 13px;
    list-style: none;
}

.status-1 {
    height: 21px;
}

.status-2 {
    height: 23px;
}

.status-3 {
    height: 25px;
}

.status-4 {
    height: 27px;
}

.status-5 {
    height: 29px;
}

.status-6 {
    height: 31px;
}

.status-7 {
    height: 33px;
}

.status-8 {
    height: 35px;
}

.status-9 {
    height: 37px;
}

.status-10 {
    height: 39px;
}

.status-11 {
    height: 41px;
}

.status-12 {
    height: 43px;
}

.status-13 {
    height: 45px;
}

.status-14 {
    height: 47px;
}

.status-15 {
    height: 49px;
}

.status-16 {
    height: 51px;
}

.status-17 {
    height: 53px;
}

.status-18 {
    height: 55px;
}

.vip-status {
    margin-top: 20px;
}

.current-status-text {
    display: flex;
    justify-content: space-between;
}

.status-bottom h6 {
    margin: 0;
    padding: 0 0 28px;
    text-align: center;
    position: relative;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.status-bottom h6:after {
    background: #fff;
    transform: translateX(-50%);
}

.status-bottom p {
    color: #fff;
    padding: 7px 0 0;
    font-size: 7px;
    font-weight: 700;
    line-height: 10px;
    text-align: center;
}

.lv-active {
    background: #b99500;
}

.vip-status h4 {
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.vip-stut {
    margin: 20px auto;
    width: 90%;
    padding: 10px;
    border-left: 5px solid #c09742;
    border-right: 5px solid #ab791f;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    background-size: 100% 5px;
    background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C), linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    color: #fff;
    align-items: center;
}

.vip-stut ul {
    padding: 0px;
}

.vip-stut ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.vip-ttl {
    width: 50%;
    font-weight: bold;
}

.downloadTab {
    margin: 20px 0;
}

.downloadTab .nav-pills .nav-link {
    background: #212121;
    margin-bottom: 5px;
    height: 50px;
    color: #ffffff;
    align-items: center;
    display: flex;
}

.downloadTab .nav-pills .nav-link.active, .downloadTab .nav-pills .nav-link:hover {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #fff;
}

.downloadbody {
    text-align: center;
}

.downloadbox {
    text-align: center;
    width: 23%;
    margin: 0 5px;
    display: inline-block;
    height: 173px;
}

.ndl-btn {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}

.ndl-btn:hover, .ndl-btn:focus {
    color: #000000;
}

.adl-btn {
    background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%);
    color: #001c3c;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}

.adl-btn:hover, .adl-btn:focus {
    color: #406794;
}

.dl {
    max-width: 500px;
    margin: auto;
    margin-top: 15px;
}

.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.dl table th {
    border: 1px solid #13171c;
    text-align: center;
    padding: 8px;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

.dl table td {
    text-align: left;
    padding: 8px;
    background-color: #000000;
    border: 1px solid #13171c;
    color: #ffffff;
}

.dl .username_custom {
    color: #efbe3f;
}

.downloadboxContent {
    padding: 10px;
    border: 1px solid #353535;
    background: #212121;
}

.downloadbox img {
    height: 130px;
    margin-bottom: 10px;
}

.ft-pro ul {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.ft-pro ul li img {
    max-width: 100%;
    padding: 10px 9px;
    height: 43px;
    filter: grayscale(1);
    cursor: pointer;
}

.ft-pro ul li:hover img {
    filter: none;
}

/****VIP******/
.content-vip {
    padding-top: 20%;
}

.v-top {
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.btn-bck a {
    background: #808080;
    border-radius: 50%;
    color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}

.vip-content {
    padding: 15px;
}

.btn-bck2 a {
    background: linear-gradient(#980000,#4c0000);
    padding: 12px 10px;
    color: #fff;
    border-radius: 25px;
    text-transform: uppercase;
    display: block;
    min-width: 250px;
    text-align: center;
}

ul.status-normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
}

ul.status-normal li {
    border: solid 1px #b99500;
    display: flex;
    width: 13px;
    list-style: none;
}

.status-1 {
    height: 21px;
}

.status-2 {
    height: 23px;
}

.status-3 {
    height: 25px;
}

.status-4 {
    height: 27px;
}

.status-5 {
    height: 29px;
}

.status-6 {
    height: 31px;
}

.status-7 {
    height: 33px;
}

.status-8 {
    height: 35px;
}

.status-9 {
    height: 37px;
}

.status-10 {
    height: 39px;
}

.status-11 {
    height: 41px;
}

.status-12 {
    height: 43px;
}

.status-13 {
    height: 45px;
}

.status-14 {
    height: 47px;
}

.status-15 {
    height: 49px;
}

.status-16 {
    height: 51px;
}

.status-17 {
    height: 53px;
}

.status-18 {
    height: 55px;
}

.vip-status {
    margin-top: 20px;
}

.current-status-text {
    display: flex;
    justify-content: space-between;
}

.status-bottom h6 {
    margin: 0;
    padding: 0px;
    text-align: center;
    position: relative;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.status-bottom h6:after {
    width: 1px;
    height: 20px;
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 50%;
}

.status-bottom p {
    color: #fff;
    padding: 7px 0 0;
    font-size: 7px;
    font-weight: 700;
    line-height: 10px;
    text-align: center;
}

.lv-active {
    background: #b99500;
}

.vip-status h4 {
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.vip-stut {
    margin: 20px auto;
    width: 90%;
    padding: 10px;
    border-left: 5px solid #c09742;
    border-right: 5px solid #ab791f;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    background-size: 100% 5px;
    background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C), linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    color: #fff;
    align-items: center;
}

.vip-stut ul {
    padding: 0px;
}

.vip-stut ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.vip-ttl {
    width: 50%;
    font-weight: bold;
}

.stut-inf {
    width: 30%;
}

.howto a {
    border: 1px solid #cead5e;
    margin: 10px auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    width: 62%;
    padding: 5px;
    border-radius: 10px;
    margin-top: 15px;
    color: #fff;
}

.slc-vip {
    width: 90%;
    color: #000;
    padding: 8px;
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0px auto;
    margin-bottom: 20px;
}

.slc-vip:focus {
    outline: none;
}

.vip-status-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.vp-st-l {
    width: 20%;
}

.vp-st-r {
    width: 80%;
}

.vp-st-l p {
    margin-top: 40px;
    color: #fff;
}

.btn-vp {
    border: 1px solid #fae16f;
    display: inline-flex;
    padding: 5px 20px;
    color: #fff;
    box-shadow: 0px 0px 9px #fae16f;
}

.pmbox:hover:after, .pmbox.active:after {
    position: absolute;
    right: -12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    font-size: 30px;
    color: #bb0a1e;
    top: 0px;
    text-shadow: none;
}

.prm-ol ol li, .prm-ol ul li {
    display: list-item;
    list-style: auto !important;
}

.prm-ol ol , .prm-ol ul {
    padding-left: 25px;
}

.prm-ttl {
    font-family: 'Sony Sketch EF', sans-serif;
}

/**********25072021***************/
.step-r img {
    height: 50px;
}

.step-l {
    display: flex;
    align-items: center;
}

/**********28072021***************/
.sport-bar ul li a {
    transform: scale(0.8);
    padding: 0px;
    background: none;
    border: none;
}

.sport-bar ul li a:hover {
    transform: scale(1.2);
}

/**********12082021***************/
.sport-bar ul li.tab-active a {
    transform: scale(1);
    background: none !important;
}

.sport-bar ul li a img {
    filter: grayscale(1);
}

.sport-bar ul li.tab-active a img, .sport-bar ul li:hover a img {
    filter: none;
}

.sport-af {
    height: 130px;
}

.sport-af ul li a img {
    height: 127px;
    filter: none !important;
}

.sport-af ul {
    height: 130px;
}

/**********12082021***************/
.wallet-bln {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wlt-in {
    border: 1px solid #f9e796;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.wlt-form {
    display: flex;
}

.wlt-frm {
    width: 105px;
    background: #1d1d1d;
    padding: 2px 5px;
    text-align: right;
    border-radius: 5px;
}

.wlt-ttl {
    margin-right: 10px;
}

.wlt-out {
    background: #fae16f;
    border-radius: 0px 5px 5px 0px;
}

.bln-box {
    padding: 15px;
}

.bln-box ul {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 10px;
}

.bln-box ul li {
    border: 1px solid #f9e796;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 80px;
    cursor: pointer;
}

.bln-amt {
    display: flex;
}

.bln-frm {
    background: #1d1d1d;
    font-size: 11px;
    padding: 2px 10px;
    color: #fae16f;
    border-radius: 5px 0px 0px 5px;
}

bln-out {
    background: #b90b1e;
}

.bln-out {
    background: #ca051d;
    color: #fff;
    font-size: 11px;
}

.bln-in {
    background: #fae16f;
    font-size: 11px;
    border-radius: 0px 5px 5px 0px;
}

.bln-nm {
    text-align: center;
    line-height: 15px;
    margin-bottom: 6px;
}

.table-dep {
    padding: 15px;
    margin-top: 20px;
}

.bln-box ul li:hover {
    background: #2d2d2d;
}

.amt-qr {
    display: flex;
    justify-content: flex-start;
    width: 77%;
    margin-top: 5px;
}

.qr-area {
    padding: 30px;
    border: 1px solid #fbbd2e;
    border-radius: 10px;
}

.qr-img img {
    height: 160px;
    display: block;
    margin: 0px auto;
}

.qr-nm {
    padding-top: 18px;
    color: #fbbd2e;
}

.qr-ttl {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}

.qr-info {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.qr-num {
    display: flex;
    width: 87%;
    align-items: center;
}

.nm-qr {
    padding: 8px 20px;
    border: 1px solid #fbbd2e;
    border-radius: 10px;
    margin-right: 10px;
    width: 364px;
}

button.btn-copy {
    font-size: 20px;
    position: relative;
    top: 1px;
}

button.btn-copy:hover {
    color: #ffff;
}

.qr-num input {
    width: 364px;
}

span.txt-cnc {
    margin-left: 10px;
    color: #fbbd2e;
}

input.form-control {
}

.qr-num select {
    width: 364px;
}

.atten {
    margin-top: 30px;
    border: 1px solid #fbbd2e;
    border-radius: 5px;
    padding: 14px;
}

.atten img {
    height: 20px;
    margin-right: 20px;
}

span.ico-token {
    margin-right: 5px;
}

/***************08062022*************/
.menu-ico-aff {
    background: url("../images/common/menu/aff.png");
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-aff {
    background: url("../images/common/menu/aff-h.png")
}

li.active .menu-ico-aff {
    background: url("../images/common/menu/aff-h.png")
}

.b-header-nav .container {
    max-width: 1140px;
}

.ttl-aff {
    background: url( "../images/common/aff-bar.png")no-repeat center;
    height: 52px;
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.tnc-aff {
    color: #fff;
    font-size: 14px;
}

.tnc-aff h5 {
    color: #fae16f;
    font-size: 16px;
    margin-bottom: 8px;
}

.tnc-aff p {
    margin-bottom: 30px;
}

.download-item2 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to bottom, rgba(45,45,45,1) 0%, rgba(35,35,35,1) 46%, rgba(34,34,34,1) 100%);
    margin: 12px auto 0 auto;
    color: #fff;
    padding-bottom: 10px;
}

.download-item2 a img {
    width: 100px;
}

/***************17112022*************/
.menu-ico-mn {
    background: url("../images/common/menu/moregames.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-mn {
    background: url("../images/common/menu/moregames-h.png") no-repeat;
}

li.active .menu-ico-mn {
    background: url("../images/common/menu/moregames-h.png") no-repeat;
}

.menu-ico-reward {
    background: url("../images/common/menu/reward.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-reward {
    background: url("../images/common/menu/reward-h.png") no-repeat;
}

li.active .menu-ico-reward {
    background: url("../images/common/menu/reward-h.png") no-repeat;
}

.menu-ico-mv {
    background: url("../images/common/menu/movie.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-mv {
    background: url("../images/common/menu/movie-h.png") no-repeat;
}

li.active .menu-ico-mv {
    background: url("../images/common/menu/movie-h.png") no-repeat;
}


.menu-ico-daily {
    background: url("../images/common/menu/daily.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-daily {
    background: url("../images/common/menu/daily-h.png") no-repeat;
}

li.active .menu-ico-daily {
    background: url("../images/common/menu/daily-h.png") no-repeat;
}
.menu-ico-wheel {
    background: url("../images/common/menu/fortune.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-wheel {
    background: url("../images/common/menu/fortune-h.png") no-repeat;
}

li.active .menu-ico-wheel {
    background: url("../images/common/menu/fortune-h.png") no-repeat;
}

.reward-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.reward-box {
    padding: 40px 15px;
    height: 200px;
    width: 200px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    opacity: 0.5;
}

.reward-box img {
    max-width: 182px;
}

.reward-content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
    margin-bottom: 30px;
}

.reward-des {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.reward-point {
    color: #ffffff;
    line-height: 4px;
}

.reward-point h3 {
    margin-bottom: 0;
    font-size: 26px;
    color: #e1c36b;
}

.btn-redeemreward {
    background: url(../images/slots/btn-more.png)no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    padding: 5px;
    display: block;
    height: 30px;
    text-transform: uppercase;
}

.reward-name {
    color: #fff;
    font-size: 15px;
    height: 20;
}

.modal-dialog.tnc {
    max-width: 900px;
    margin-top: 10%;
}

.modal-content.tnc {
    background: #000;
    box-shadow: 0px 0 11px 2px #FAFF65;
    border-radius: 10px;
}

.tnc .modal-body {
    padding: 5px;
    position: relative;
}

.tnc .row {
    margin: 0;
}

.tnc .modal-body img {
    border-radius: 7px;
    width: 100%;
    padding: 20px;
}

.tnc .product-name {
    display: flex;
    align-items: center;
}

.tnc .stock-sold meter {
    width: 55%;
}

.tnc .stock-sold span {
    color: #de00ff;
    width: 45%;
}

.tnc meter {
    height: 35px;
}

.tnc meter::-webkit-meter-bar {
    background: #000;
    padding: 5px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #fff;
}

.tnc meter::-webkit-meter-optimum-value {
    background: #de00ff;
}

button.wxclose {
    background: #000;
    box-shadow: 0px 0px 10px 3px #FAFF65;
    border-radius: 50%;
    color: #FAFF65;
    border: none;
    padding: 5px;
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 40px;
    line-height: 1;
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px;
    font-weight: 700;
}

.product-des {
    padding: 10px;
}

.tnc-title {
    color: #FAFF65;
    padding-top: 10px;
    margin-bottom: 20px;
}

.product-spec {
    color: #999999;
}

.product-spec ul {
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

.product-add-more {
    color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: end;
    margin-top: 90px;
}

.add-more {
    width: 25%;
    margin-right: 10px;
}

.product-add-more input {
    background: #000;
    width: 33%;
    height: 28px;
    text-align: center;
    color: #fff;
}

.add-more-button {
    background: url(../images/btn-play.png)center no-repeat;
    width: 31%;
    background-size: 100% 100%;
    align-items: center;
    height: 31px;
    padding: 0 8px;
    margin-right: 10px;
}

.add-more-button button {
    border: none;
    background: none;
    color: #fff;
}

.product-add-more a {
    width: 33%;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
}

.border-none {
    border: none;
}

.product-add-more .btn-redeemreward {
    width: 50%!important;
}

.mix {
    display: none;
}

.filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to bottom, rgba(0, 132, 255, 1) 0%, rgba(122, 41, 134, 1) 100%);
    margin-bottom: 20px;
    border-radius: 20px;
}

.filter-menu-bar {
    display: flex;
}

.prize-col {
    border: 1px solid #af8c37;
    border-radius: 10px;
    padding: 10px;
}

.prize-img img {
    display: block;
    margin: 0px auto;
    margin-bottom: 20px;
}

.reward-point span {
    font-size: 11px;
}

a.btn-redeemreward {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    border-radius: 50px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}

.reward-box.filter.active {
    opacity: 1;
}


/*19012023*/
.table-vip img {
    width: 70%;
}

.tnc-vip a:hover {
    color: rgb(250 225 111);
}


.depositmsg_img img{
    width: 100%;
}
#deposit_msg .msg-pp {
    max-width: 1000px;
    margin-top: 10%;
    width: auto;
}
#deposit_msg .msg-pp .modal-content{
    border: 1px solid #d0b471;
    overflow: initial;
}
.msg-pp .deposit_msg_body{
    padding: 15px;
}
.deposit_msg_wrap h1{
    color: #d0b471;
    font-size: 24px;
    margin: 12px 0;
}
.deposit_msg_wrap p{
    color: #fff;
    margin-bottom: 10px;
}
.deposit_msg_wrap p i{
    color: #d0b471;
    margin-right: 10px;
}
.dep_btn_modal{
    background: linear-gradient(to bottom, #ecd496 0%, #ffe8bb 50%, #856741 100%);
    padding: 6px;
    border-radius: 10px;
    border: 1px solid #ffd07c;
    width: 150px;
    font-weight: bold;
    margin: 20px auto;
    text-align: center;
}
.dep_btn_wrap{
    text-align: center;
}
.deposit_msg_wrap{
    padding: 0 3rem;
    margin: auto;
}
.msg-pp .deposit_msg_head button.close {
    color: #ffffff;
    opacity: 1;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: -16px;
    font-weight: 100;
    border-radius: 27px;
    border: 1px solid #d0b471;
    z-index: 9999999999;
    width: 32px;
    height: 33px;
    background-color: #000;
}
.fav-wrap {
    /* width: 90%; */
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 20px;
    position: absolute;
    right: 6px;
    z-index: 1;
    cursor: pointer;
}
.fav-wrap .far {
    color: #ffffff;
}

.fav-wrap .fas {
    color: #ff0006;
}
.menu-ico-fav {
    background: url("../images/common/menu/fav.png") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0
}

li:hover .menu-ico-fav {
    background: url("../images/common/menu/fav-h.png") no-repeat;
}

li.active .menu-ico-fav {
    background: url("../images/common/menu/fav-h.png") no-repeat;
}
.game-lobby-fav{
    border-top: 1px solid #ffe875;
    margin: 10px 0;
}

.table_index {
    color: #fff;
    text-align: center;
    /*border-right: 1px solid #632876;*/
    /* background: url(../images/index/ranking-bg.jpg); */
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}

.table_grid .table_index:last-child tbody tr {
    border-right: none;
}

.index_topten_table {
    /* margin: 20px; */
    /* background: url(../images/index/ranking-bg.jpg); */
    /* background-size: 100% 100%; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}

.table_index tbody tr th {
    /* background: linear-gradient(180deg, rgba(255,229,148,1) 0%, rgba(229,155,0,1) 60%, rgba(229,155,0,1) 80%, rgba(255,198,18,1) 100%); */
    /* color: #000; */
    padding: 8px;
    font-weight: 900;
    font-size: 18px;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #000000;
    height: 44px;
}

.table_index tbody tr {
    border-right: 1px solid #000000;
}

.table_index tbody tr:first-child {
    border-right: none;
    background-color: #fae16f;
}

.table_grid {
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: #363636;
    border: 1px solid #000000;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}

.hot-blink-me {
    animation: hotblinkme 0.5s linear infinite;
    color: #ffd600;
    font-weight: 900;
    width: 32px;
}
.live_icon {
    animation: hotblinkme 1.5s linear infinite;
    background-color: red;
    padding: 0px 7px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    font-size: 15px;
    width: 63px;
    color: #fff;
    font-weight: 500;
    margin-left: auto;
    height: 27px;
    justify-content: center;
}
.live_icon span {
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 10px;
    margin: 2px 5px 2px 3px;
}
.index_topten_tit {
    color: #000000;
    text-align: left;
    font-weight: 800!important;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-left: none;
    border-right: none;
}
.table_index tbody tr th.deposit_index_r {
    background: #262626;
    color: #fae16f;
    font-size: 17px;
    text-align: left;
    border-top: none;
    background: url(../images/common/bg-header2.jpg) no-repeat center top;
}

.table_index tbody tr th.withdraw_index_r {
    background: #262626;
    color: #fae16f;
    font-size: 17px;
    text-align: left;
    /* height: 38px; */
    border-top: none;
    background: url(../images/common/bg-header2.jpg) no-repeat center top;
}
.table_index tbody tr:first-child span{
    background: linear-gradient(to bottom, rgba(252,237,187,1) 0%, rgba(219,165,58,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
.table_index tbody tr th.withdraw_index_r_wrap{
    
}
.table_index tbody tr td:first-child{
    text-align: left;
}
.table_index tbody tr td{
    padding: 8px;
    font-size: 15px;
    border: none;
}
.table_grid_head{
    color: #000;
    background: url(../images/common/bg-header-long.jpg) no-repeat center top;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.table_grid_head img{
    width: 30px;
    margin-right: 10px;
}
.b-content.bg-chris{
    /* background: #0c0c0c url(../images/common/bg-xmas.jpg) no-repeat center top; */
}

.slotgame_name{
    color: #fff;
    margin: 7px 0px;
}
.daily-bg{
    background: #0c0c0c url(../images/common/daily/bg-reward.jpg) no-repeat center top;
    min-height: 500px;
}
.daily_content{
    padding-top: 399px;
}
.daily_tokenshow{
    background: #000000d4 linear-gradient(to bottom, rgb(138 61 253 / 25%) 0%, rgb(246 41 134 / 35%) 100%);
    width: 156px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    margin: auto;
    font-size: 22px;
    filter: drop-shadow(0px 0px 6px #fff);
}
.token_day_grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 25px;
    padding: 40px 0;
}
.token_day_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.token_day_wrap img{
    width: 125px;
    margin: auto;
}
.txt_token_day{
    color: #e5b1dd;
}
.daily_btn_btm{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
    padding-bottom: 50px;
}
.daily_btn_btm button{
    color: #ffffff;
    padding: 5px 0px;
    min-width: 172px;
    margin: 0px 0px;
    font-size: 14px;
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, #ce041d 0%,#ce2946 50%, #83171f 100%);
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    border-radius: 5px;
    min-height: 40px;
}
.daily_modal_wrap{
    position: relative;
}
.daily_modal_wrap img{
    width: 100%;
}
.daily_tokenclaim{
    background: #000000d4 linear-gradient(to bottom, rgb(138 61 253 / 25%) 0%, rgb(246 41 134 / 35%) 100%);
    width: 156px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    margin: auto;
    font-size: 22px;
    filter: drop-shadow(0px 0px 6px #fff);
    position: absolute;
    bottom: 18px;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}
.msg-pp.daily-pp .modal-content {
    border: none;
    background: #0000;
    min-height: 289px;
    border-radius: 9px;
    border: 1px solid #fbbd2e00;
}
.wheel-bg{
    background: #0c0c0c url(../images/common/wheel/bg-reward.jpg) no-repeat center top;
    min-height: 725px;
}
.wheel_product.wheel-wrap {
    position: relative;
    overflow: hidden;
    width: calc(100% - 20px);
    margin: 10px;
    border-radius: 10px;
    cursor: pointer;
    min-height: 650px;
    /* z-index: -1; */
}
.wheel-wrap .wheel_product_bg {
    width: 100%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-radius: 20px;
}
.wheel-wrap .wheel_product_frame {
    width: 55.5%;
    position: absolute;
    right: 0;
    bottom: 0%;
    z-index: 5;
    left: 0;
    margin: auto;
}
.wheel-wrap .wheel_product_img {
    width: 48.6%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 5%;
    transform: rotate(0deg);
    animation: wheelRotate 7s cubic-bezier(0.37, -0.15, 0.3, 0.94) infinite;
    z-index: 4;
    filter: drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a) drop-shadow(0px 0px 7px #dba53a);
}
.wheel-wrap .wheel_product_arrow {
    width: 9%;
    position: absolute;
    bottom: 36%;
    z-index: 6;
    top: auto;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.wheel_btn_btm{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.wheel_btn_btm button{
    color: #ffffff;
    padding: 5px 0px;
    min-width: 172px;
    margin: 0px 0px;
    font-size: 14px;
    border: 1px solid #dc2a46;
    background: linear-gradient(to bottom, #ce041d 0%,#ce2946 50%, #83171f 100%);
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    border-radius: 5px;
    min-height: 40px;
}
.wheel_btn_btm button.wheelbtn_spe{
    background: #000;

}
.refer-wrap {
  display: flex;
  align-items: baseline;
  padding: 30px 0;
}

.refer-qrcode-wrapper {
  background: #111;
  max-width: 450px;
  margin: 0 auto;
  border: 1px solid #fbe170;
  color: #666;
  box-shadow: 0 0 6px #fbe170;
  padding: 15px 20px;
  border-radius: 12px;
  text-align: center;
  margin-top: 35px;
}

.share-wrap {
  background: #fbe170;
  color: #000;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 11px;
  margin-top: -40px;
  position: relative;
}

.qrcode-refer-img {
  max-width: 370px;
  margin: 20px auto 10px;
}

.qrcode-refer-img img {
  border: 1px solid #fbe170;
  border-radius: 10px;
  padding: 5px;
}

.referrer-link {
  background: linear-gradient(
    90deg,
    rgb(17 17 17) 0%,
    rgb(17 17 17) 100%
  );
  border: 1px solid #fbe170;
  position: relative;
  border-radius: 30px;
  padding: 3px 15px;
  font-weight: 600;
  color: #fff;
  height: 38px;
  display: flex;
  align-items: center;
  max-width: 400px;
  margin-top: 20px;
}

button.copy-refer {
  background: #fbe170;
  color: #000;
  border: none;
  border-radius: 30px;
  padding: 3px 10px;
  position: absolute;
  right: 5px;
  z-index: 2;
}

.form-group.rebate-group {
  display: flex;
  align-items: center;
}

.form-group.rebate-group label {
  padding: 0 4px;
}
.submit_btn{
    color: #fff;
    padding: 5px 0px;
    border-radius: 5px;
    width: 98px;
    margin: 0px 3px;
    border: 1px solid #dc2a4600;
    font-size: 12px;
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    font-weight: bold;
    height: 100%;
}
.setting_text{
    color: #fff;
}
.history_to{
    color: #fff;
}
.input_reff{
    width: 100%;
}
.refe_txt{
    color: #fbe170;
}
.referral_grid_right {
  gap: 8px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  color: #fff;
}
.referral_top {
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0;
  color: #fbe170;
}
.referral_user_box p {
  font-size: 15px;
}
.ref_name {
  background-color: rgb(251 225 112);
  color: rgb(0 0 0);
  padding: 0px 0.3vw;
  margin-right: 5px;
}
.referral_user_box {
  max-height: 110px;
  min-height: 110px;
  overflow: hidden auto;
  background-color: #1d1d1d;
  padding: 5px;
  width: 100%;
  border-radius: 10px;
  color: #fff;
}
.referral_wrap input.form-control{
    height: 33px;
}
.history_wrp{
    align-items: center;
}
.dailymission_backdrop .modal-backdrop.show {
    opacity: 0.9;
}

@keyframes wheelRotate {
    0% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(1turn);
    }

    to {
        transform: rotate(1turn);
    }
}
@keyframes hotblinkme {
    0% {
        opacity: 0;
    }

    38% {
        opacity: 0;
    }

    39% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.b-header{
    background:  url("../images/common/header_bg.jpg") no-repeat center top;

}
.logo img{
    width: 27vw;
}
.claim_btn{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
}
.claim_modal_wrap{
    background: linear-gradient(to bottom, rgb(39 0 99 / 84%) 0%, rgb(114 0 90 / 49%) 100%);
    border: 1px solid #fff;
    filter: drop-shadow(0px 0px 6px #fff);
    text-align: center;
    border-radius: 40px;
    padding: 10px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.claim_modal_wrap_title{
    font-size: 2.8em;
    font-weight: 800;
    text-shadow: 0px 0px 7px #ffa877;
    -webkit-text-stroke: 1px #ffffff;
    color: #ffffffad;
}
.claim_modal_wrap_title2{
    font-size: 3.5em;
    font-weight: 600;
    text-shadow: 0px 0px 7px #ffa877;
    -webkit-text-stroke: 1px #ffffff;
    color: #ffffffad;
}
.msg-pp.claim_pp button.close{
    top: auto;
    bottom: -42px;
    left: 0;
    right: 0;
    z-index: 999;
    border: 2px solid #d2b8ff;
    width: 40px;
    height: 40px;
    border-radius: 21px;
    font-size: 20px;
    margin: 0 auto;
    color: #d2b8ff;
    cursor: pointer;
}


/* 28/5/2024 */
.subpage-title {
    height: 153px;
    text-align: center;
    font-size: 72px;
    background: -webkit-linear-gradient(#ffe775, #cfad32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 5px 5px #000);
    /* text-shadow: 0 3px 7px #000; */
    font-size: 83px;
    font-weight: bold;
    padding-top: 18px;
    text-transform: uppercase;
}

.sport-pre-bg {
    background: #000 url("../images/common/sport-pre/bg.jpg") no-repeat center top;
    padding-bottom: 40px;
}

.sport-pre-in {
    background: rgb(0, 0, 0, 0.6) url("../images/common/sport-pre/Board.jpg") no-repeat center top;
    margin-top: 85px;
    /* max-height: 1317px; */
    background-size: cover;
    border: 4px solid #fff989;
}

.sport-top ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0px;
    margin-bottom: 35px;
    gap: 15px;
}

.sport-top ul li a {
    background: #000;
    color: #fff989;
    width: 120px;
    display: block;
    text-align: center;
    padding: 8px 0px;
    border-radius: 51px;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #fff989;
}

.sport-wrap {
    padding: 30px 60px;
}

.sport-top ul li a.active {
    color: #000;
    background: #fff989;
    border: 1px solid #fff989;
    font-weight: bold;
}

.time-sport {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.sport-wrap h3 {
    text-align: center;
    color: #fff;
    padding-top: 60px;
}

.time-sport ul {
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.time-sport ul div {
    position: relative;
}

.time-in {
    position: absolute !important;
    font-size: 86px;
    top: 0px;
    text-align: center;
    width: 194px;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}

.ttl-vs {
    margin-top: 50px;
    position: relative;
}

.vs-rap {
    display: flex;
    flex-direction: column;
}

.vs-rap ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    align-items: center;
    padding: 20px 0px;
}

.vs-box {
    display: flex;
    background: #221814;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #fce371;
    align-items: center;
    gap: 15px;
}

.vs-nm {
    position: relative;
}

.vs-nm p {
    position: absolute;
    top: 0px;
}

.vn-btn ul {
    display: flex;
    justify-content: center;
}

.vn-btn ul a {
    display: flex;
    position: relative;
}

.time-sport ul li p {
    margin: 0px;
    text-transform: uppercase;
    padding-top: 10px;
}

.vn-btn ul a p {
    position: absolute !important;
    top: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    left: 0;
    right: 0;
    margin: 0px auto;
    font-size: 30px;
    color: #5d5d60;
    font-weight: bold;
    padding-top: 5px;
}

.vn-btn ul{
    display: flex;
    gap: 20px;
}

.com-wrap ul {
    display: grid;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.com-wrap ul li a {
    border: 1px solid #ffae12;
    display: block;
    border-radius: 10px;
}

.com-wrap ul li a img {
    max-width: 100%;
    border-radius: 10px;
}

.modal-result .close {
    position: absolute;
    color: #fff;
    opacity: 1;
    font-size: 34px;
    right: 8px;
    top: 8px;
    z-index: 10;
}

.time-in2 {
    position: absolute !important;
    font-size: 86px;
    top: 0px;
    text-align: center;
    width: 80px;
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    color: #fff;
}

.modal-dialog.modal-result {
    background: none;
    border: none;
}

.modal-result .modal-content {
    background: none;
    border: none;
}

.header-sport {
    position: relative;
    align-self: center;
}

.header-sport h4 {
    position: absolute;
    bottom: 17px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    left: 0;
    right: 0;
}

.record-content {
    display: block;
    background: #000;
    padding: 24px;
    width: 480px;
    margin-top: -10px;
    border-radius: 0px 0px 10px 10px;
    place-self: center;
}

.team-nm {
    position: absolute;
    bottom: 25px;
    width: 78%;
    display: flex;
    margin: 0px auto;
    left: 0;
    right: 0;
    font-size: 26px;
    color: #000;
    justify-content: space-between;
    font-weight: bold;
}

.ttl-vs img {
    display: block;
    margin: 0px auto;
}

select.sp-sel {
    background: none;
    color: #fff;
    padding: 0px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.sp-sel:focus {
    border: none;
    outline: none;
}

select.sp-sel option {
    margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.tm-1 {
    width: 36%;
    display: flex;
    justify-content: center;
}

.tm-2 {
    width: 36%;
    display: flex;
    justify-content: center;
}

.sport-1 {
    margin-top: 65px;
    border-bottom: 1px solid #ffae12;
    padding-bottom: 30px;
}

.sport-1:last-child {
    border: none;
}

.vs-flag{
    background: #251714;
    border: 1px solid #fce371;
    padding: 15px;
    border-radius: 10px;
}

.vs-flag img{
    max-width: 120px;
}

.vs-flag span{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    padding-top: 10px;
}

.vn-btn ul a p.vn-submit{
    color: #fff;
}

/* Style the tab */
.indexqr_body .tab {
    overflow: hidden;
    border: 1px solid #ccc0;
    background-color: #f1f1f100;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .indexqr_body .tab button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 13px;
    transition: 0.3s;
    background: linear-gradient(to bottom, rgba(138, 25, 34, 1) 0%, rgba(206, 4, 28, 1) 100%);
    color: #fff;
    border: 1px solid #fff0;
    border-radius: 5px;
    width: 50%;
  }
  
  /* Change background color of buttons on hover */
  .indexqr_body .tab button:hover {
    border: 1px solid #fff;
  }
  
  /* Create an active/current tablink class */
  .indexqr_body .tab button.active {
    border: 1px solid #fff;
  }
  
  /* Style the tab content */
  .indexqr_body .tabcontent {
    display: none;
    padding: 6px 12px;
    border: none;
    border-top: none;
    color: #fff;
  }

  .qr_download_wrap{
    display: flex;
    flex-direction: column;
    max-width: 300px;
    margin: 22px auto;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  .qr_download_guide{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .qr_download_guide_inn img{
    width: 100%;
  }
.sport-bnr-coming{
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 65vh;
}

#modal-tnc .modal-dialog {
    max-width: 1093px;
    position: relative;
}

#modal-tnc.modal-content {
    background: none;
    border: none;
}

#modal-tnc .modal-dialog {
    max-width: 800px;
    position: relative;
}

#modal-tnc .close {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #000;
}

#modal-tnc.modal-content {
    background: none;
    border: none;
}

#modal-tnc .close span {
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    border: 1px solid #fff989;
    border-radius: 50%;
    font-size: 16px;
    width: 35px;
    height: 35px;
    padding: 10px;
    display: block;
    line-height: 13px;
    background: #000000;
    font-weight: 100;
}

#modal-tnc .modal-content {
    background: none;
    border: none;
}
.sporttnc_wrap {
    background: #353535fc;
    border: 1px solid #fff989;
    padding: 15px;
}
.sporttnc_title{
    color: #fff989;
    font-size: 20px;
    text-transform: uppercase;
}
.sporttnc_ul{
    color: #fff;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding-left: 35px;
    position: relative;
}
.sporttnc_ul li::before{
    content: "\f1e3";
    position: absolute;
    left: 6px;
    font-size: 15px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #fff989;
}
.ca3-scroll-down-arrow {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	background-size: contain;
	background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  /* cursor:pointer; */
  height: 40px;
  width: 66px;
  margin: 0px 0 0 -27px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  bottom: 18px;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
  -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
  animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}
.sport-wrap-custom{
    position: relative;
    padding-bottom: 75px;
}
.announcementpopupimg img {
    width: 100%;
    margin: auto;
    border-radius: 5px;
}

/* programmercode */
.containWrap h1 {
    color: #fadd91;
    font-size: 28px;
    padding-top: 20px;
}

.containWrap h2 {
    color: #fadd91;
    font-size: 22px;
    padding-top: 10px;
}

.containWrap h3 {
    font-size: 20px;
    padding-top: 10px;
}

.containWrap p, .containWrap div {
    padding-top: 10px;
}

.containWrap img {
    width: 100%;
}

.mg-reward-prize-amount {
    font-weight: bold !important;
    top: 346px!important;
    /*color: black !important;*/
}

.menu-ico-game {
    background: url("../images/common/menu/icon-minigame.gif") no-repeat;
    height: 32px;
    width: 37px;
    margin-bottom: 0;
    background-size: contain;
}

li:hover .menu-ico-game {
    background: url("../images/common/menu/icon-minigame.gif") no-repeat;
    background-size: contain;
}

li.active .menu-ico-game {
    background: url("../images/common/menu/icon-minigame.gif") no-repeat;
    background-size: contain;
}
.mini-bg {
    background: #0c0c0c url(../images/common/minigame/bg-minigame.jpg) no-repeat center top;
    min-height: 500px;
}
.mini_grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 30px 0;
    gap: 30px 10px;
    max-width: 900px;
    margin: auto;
}
.mini_grid a img{
    width: 90%;
}
.mini_grid a{
    text-align: center;
}
.mini_grid a:hover{
    filter: drop-shadow(2px 4px 6px #fff);
}

.reg_wrap {

}
.blog-content-table {
    width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 20px;
    text-align: center;
}
.blog-table-content {
    background-color: #f7f7f7;
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    padding-bottom: 10px;
    border: 1px solid #dcab4e;
    border-radius: 10px;
}
.blog-table-content img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.blog-table-content-text {
    /* background-color: #EEE; */
    padding: 0px 10px;
    overflow: hidden;
    height: 175px;
    text-align: left;
    color: #000;
}
.blog-table-content-text h3 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
    margin: 10px 0px;
    line-height: normal;
}
.blog_sub_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 17px;
}
.blog-more-button a {
    background: linear-gradient(to bottom, rgba(206,4,28,1) 0%, rgba(138,25,34,1) 100%);
    margin: 0 auto;
    text-align: center !important;
    padding: 5px 10px;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
    width: 95%;
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    text-decoration: none;
    font-weight: 600;
}
.blog-content-details{
    display: grid;
    grid-template-columns: 70% 27%;
    justify-content: space-between;
    gap: 10px;
}
.blog-content-details_left{
    color: #fff;
}
.blog-content-table-article a {
    color: #ffc107;
}
.blog-feat-article-box {
    background-color: rgba(206,4,28,1);
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 20px;
}
.blog-content-details_right p a{
    color: #fff;
}
.blog_background{
    background-image: url(../images/blog/bg.jpg);
    background-size: cover;
    background-position: top center;
    padding: 30px 0;
}
.blog-content-table-article-img img{
    width: 100%;
}
.reg_wrap h1{
    font-size: 2.5rem;
}
.reg_wrap h2, .reg_wrap h3, .reg_wrap h4, .reg_wrap h5, .reg_wrap h6, .reg_wrap p {
    margin-top: 0;
    margin-bottom: 10px;
}
.dps-type ul li a span{
    display: block;
    font-size: 11px;
    text-align: center;
}
.dps-type ul li a span.span_dep_note{
    font-size: 9px;
    color: #fff;
}
.col_antifraud_grid{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.col_antifraud_grid img{
    width: 100px;
}
.col_antifraud_grid img.antifraudimg_1st{
    width: 150px;
}
.dps-type{
    display: flex;
    margin: auto 15px;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 14px;
    cursor: pointer;
}

.dps-type::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    cursor: pointer;
}

.dps-type::-webkit-scrollbar-track {
    background: #5b5b5b;
}

.dps-type::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #f1f874 0%, #fbbd2e 100%);
}
#draggableContainer {
    cursor: grab;
    position: relative;
  }
  /* Tooltip styles */
  [data-tooltip] {
    position: relative;
  }
  
  [data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10;
    border: 1px solid #fbbd2e;
  }
  
  [data-tooltip]::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #fbbd2e transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10;
  }
  
  [data-tooltip]:hover::before,
  [data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
  }

  .stack-bg{
    background: #0c0c0c url(../images/common/daily/bg_stack.jpg) no-repeat center top;
    min-height: 500px;
    padding-bottom: 50px;
}
.paymentoption_img ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.paymentoption_img img{
    max-width: 155px;
}
.icon-gif{
    width: 37px;
    cursor: pointer;
    margin-left: 10px;
}
/* .paymentoption_img ul li:hover .paymentimg2{
    display: block;
}
.paymentoption_img ul li:hover .paymentimg{
    display: none;
}
.paymentimg2{
    display: none;
} */

.livescore_bg{
    min-height: 500px;
}
.livescore_bg_in{
    padding: 1em 1.5em;
    max-width: 1380px;
    margin: auto;
}
.livescore_bg_in iframe{
    border: 3px solid #e9a300;
}

.dailymission-bg{
    background: #0c0c0c url(../images/common/daily/bg-mission.jpg) no-repeat center top;
    min-height: 500px;
}
.mission_grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.mission_grid_box{
    position: relative;   
}
.mission_grid_box .claim_btn{
    position: absolute;
    bottom: -18%;
    margin: auto;
    cursor: pointer;
}
.mission_grid_box p{
    color: #e5b1dd;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
}

.stack_topicon{
    text-align: center;
}
.stack_btm{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.stack_row_box{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background-color: #000000c4;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #ffffffc2;
    box-shadow: 0px 0px 8px 2px #a40199db;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.stack_row_box:hover{
    background-color: #470042;
    box-shadow: 0px 0px 8px 7px #a40199db;
    scale: 1.02;
}
.stack_row_title{
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.stack_row_price{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background: #38007bc4;
    min-width: 80px;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #ffffffa8;
    box-shadow: 0px 0px 8px 2px #7400ff;
}
.stack-table{
    width: 100%;
}
.stack-row-price-table{
    text-align: center;
    font-size: 19px;
    font-weight: 700;
}
.stack-table td{
    background: #3a3a3a;
    padding: 8px;
    border: 4px solid #000;
}
.claim_modal_wrap_stack{
    text-align: center;
}
.claim_modal_wrap_stack_btn{
    color: #fff; 
    font-size: 16px;
    text-transform: uppercase; 
    font-weight: 700;
    background: #38007bc4;
    min-width: 150px;
    text-align: center;
    padding: 5px; 
    border-radius: 8px; 
    border: 1px solid #ffffffa8;
    box-shadow: 0px 0px 8px 2px #7400ff;  
    margin-top: 20px;
}
.tnc_claim{

margin-top: 35px;
}
.tnc_claim h2{
font-size: 19px;
text-transform: uppercase;
font-weight: 700;
}
.tnc_claim p{
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 18px;
    line-height: 1.3;
}
#claimmissionmodal .msg-pp{
    max-width: 700px;
    width: auto;
}
.slot-bar ul li img{
    width: 145px;
    height: 137px;
}