.webp .rightContent.casino-bg {
    background-image: url(/images/bg-003.webp);
    background-size: 88%;
    background-repeat: no-repeat;
    background-position: top right;
}

.liveCasinoPage[data-v-010c5d9e] {
    animation: none!important
}

.casinoZone[data-v-010c5d9e] {
    background-size: cover;
    width: 100%;
    transition: .4s ease-out;
    position: relative;
    padding-bottom: 20px
}

.casinoZone .casinoWrapper[data-v-010c5d9e] {
    width: 94%;
    height: 90%;
    padding: 5% 0 0 6.4%;
}

.casinoZone .casinoWrapper .title[data-v-010c5d9e] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.casinoZone .casinoWrapper .title .leftZone[data-v-010c5d9e] {
    color: var(--txtColor71);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 79.5vw;
    transform: translateZ(0);
    margin-right: 2vw;
    padding: 20px 0px 10px 0px;
}

.casinoZone .casinoWrapper .title .leftZone span.icon-iiconLogoB[data-v-010c5d9e] {
    font-size: 2.3vw;
    margin-right: 4px
}

.casinoZone .casinoWrapper .title .leftZone h4[data-v-010c5d9e] {
    font-size: 1.4vw;
    margin-right: .5vw
}

.casinoZone .casinoWrapper .title .leftZone span[data-v-010c5d9e] {
    color: var(--txtColor65);
    font-size: 1.4vw
}

.casinoZone .casinoWrapper .title .leftZone span.Logo[data-v-010c5d9e] {
    width: 23px;
    height: 27px;
    aspect-ratio: 300/112;
    background-image: url('/images/logo-small.png'); 
    background-repeat: no-repeat;
    background-size: 100%; 
    margin-right: 5px
}
.casinoZone .casinoWrapper .title .leftZone span.ko[data-v-010c5d9e] {
    color: #fff;
    font-size: 25px;
    font-family: 'S-Core Dream 6';
}
.casinoZone .casinoWrapper .title .leftZone span.en[data-v-010c5d9e] {
    color: #ffb400;
    font-size: 20px;
    margin-left: 20px;
    font-weight: 400;
    font-family: 'S-Core Dream 3';
}

.casinoZone .casinoWrapper .title .line[data-v-010c5d9e] {
    height: 4px;
    width: 85vw;
    background-color: #ffb400;
    position: relative
}

.casinoZone .casinoWrapper .title .line[data-v-010c5d9e]:before {
    content: "";
    width: 8px;
    height: 8px;
    /* background-color: #d6ad00; */
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50%,-50%)
}

.casinoZone .casinoWrapper .content[data-v-010c5d9e] {
    display: flex;
    align-items: start;
    justify-content: space-around;
    margin-top: 4vh
}

.casinoZone .casinoWrapper .content .leftFrame[data-v-010c5d9e] {
    width: 37%;
    position: relative;
    animation: rightIn-010c5d9e .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    min-height: 946px;
}

.casinoZone .casinoWrapper .content .leftZone[data-v-010c5d9e] {
    background-image: url(/images/casino-game/liveCasino_bg-78739dce.png);
    background-size: 100% 100%;
    width: 68%;
    height: 100%;
    left: 8%;
    top: 0%;
    padding-bottom: 0;
    position: absolute;
    z-index: 1;
}

.casinoZone .casinoWrapper .content .obj[data-v-010c5d9e] {
    background-image: url(/images/casino-game/obj01-5b30b64f.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 0px;
    padding-bottom: 142%;
    background-size: cover;
    background-position: 0% 0%;
    position: absolute;
    /* margin-left: -10%; */
    margin-top: 138px;
}

.casinoZone .casinoWrapper .content .rightZone[data-v-010c5d9e] {
    width: 64%;
}

.casinoZone .casinoWrapper .content .rightZone .txt[data-v-010c5d9e] {
    margin-bottom: 27px;
    position: relative;
    z-index: 3;
    width: 100%;
    text-align: justify;
    animation: leftIn-010c5d9e .4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.casinoZone .casinoWrapper .content .rightZone .txt h2[data-v-010c5d9e] {
    color: #fff;
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 10px
}

.casinoZone .casinoWrapper .content .rightZone .txt p[data-v-010c5d9e] {
    color: var(--txtColor66);
    line-height: 1.6;
    font-size: .6vw
}

.casinoZone .casinoWrapper .content .rightZone .btnA[data-v-010c5d9e] {
    background: rgb(242,208,155);
    background: linear-gradient(0deg,rgb(242,208,155) 0%,rgb(219,184,151) 34%,rgb(142,112,84) 100%);
    position: relative;
    border-radius: 50px;
    padding: 28px 91px;
    color: var(--txtColor74);
    transition: .3s ease-out;
    display: inline-block;
    margin-top: 28px;
    cursor: pointer
}

.casinoZone .casinoWrapper .content .rightZone .btnA .btnAinner[data-v-010c5d9e] {
    width: 97%;
    height: 97%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgb(255,238,211);
    background: linear-gradient(90deg,rgb(255,238,211) 0%,rgb(219,184,151) 75%,rgb(201,170,141) 100%);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    box-shadow: var(--shadow08) 0 0 .6em
}

.casinoZone .casinoWrapper .content .rightZone .btnA[data-v-010c5d9e]:hover {
    color: var(--txtColor02)
}

.casinoZone .casinoWrapper .content .rightZone .obj[data-v-010c5d9e] {
    background-image: url(/images/assets/obj02-e5b42bd4.png);
    background-repeat: no-repeat;
    width: 50%;
    height: 0px;
    padding-bottom: 100%;
    background-size: cover;
    position: absolute;
    top: -23%;
    z-index: 2;
    opacity: .8;
    transition: .4s ease-out;
    right: 0%;
    pointer-events: none
}

.casinoZone .casinoWrapper .content .rightZone .btns[data-v-010c5d9e] {
    z-index: 3;
    position: relative;
    animation: leftIn-010c5d9e .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    min-height: 560px
}

.casinoZone .casinoWrapper .content .rightZone .btns ul[data-v-010c5d9e] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[data-v-010c5d9e] {
    width: 230px;
    height: 230px;
    /* border-radius: 10px; */
    /* padding-bottom: 23px; */
    /* margin-bottom: 21px; */
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 0;
    transition: .4s;
    /* background: #332e29; */
    /* background: linear-gradient(180deg,#332e29 0%,#171513 100%); */
    /* border: 2px solid #332e29; */
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .ppPro[data-v-010c5d9e] {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .ppPro img[data-v-010c5d9e] {
    width: 3.5vw
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .logo[data-v-010c5d9e] {
    position: absolute;
    right: 5%;
    top: 7%;
    z-index: 3;
    background-size: 100%;
    background-repeat: no-repeat
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo01-42f24613.svg);
    width: 12%;
    padding-bottom: 12.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo01_h-28286479.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo01-42f24613.svg);
    width: 12%;
    padding-bottom: 12.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo01_h-28286479.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AgBr] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo02-56f55866.svg);
    width: 20%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AgBr]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo02_h-64a71bb7.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AgBr] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo02-56f55866.svg);
    width: 20%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AgBr]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo02_h-64a71bb7.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo03-d331c76e.svg);
    width: 20.2%;
    padding-bottom: 12.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo03_h-a10169cc.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo03-d331c76e.svg);
    width: 20.2%;
    padding-bottom: 12.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo03_h-a10169cc.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo04-2eea93ad.svg);
    width: 11.2%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo04_h-725c31d0.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo04-2eea93ad.svg);
    width: 11.2%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo04_h-725c31d0.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo05-d14cef31.svg);
    width: 11.3%;
    padding-bottom: 16.6%;
    transition: .3s ease-out;
    right: 5%;
    top: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo05_h-34860584.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo05-d14cef31.svg);
    width: 11.3%;
    padding-bottom: 16.6%;
    transition: .3s ease-out;
    right: 5%;
    top: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo05_h-34860584.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=EvoReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo06-9c5f7c18.svg);
    width: 30%;
    padding-bottom: 11.1%;
    transition: .3s ease-out;
    display: none;
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=EvoReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo06_h-f6fc3206.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo07-1705c7f7.svg);
    width: 16%;
    padding-bottom: 13.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo07_h-934bd98b.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo07-1705c7f7.svg);
    width: 16%;
    padding-bottom: 13.1%;
    transition: .3s ease-out;
    display: none;
}
.logo.logoA {
    display:none;
}
.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo07_h-934bd98b.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=DgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo08-4b51936e.svg);
    width: 23%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=DgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo08-4b51936e.svg);
    width: 23%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=DgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo08_h-5717e9d9.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=GpiLive] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo09-a37073bf.svg);
    width: 11%;
    padding-bottom: 11.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=GpiLive]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo09_h-1f331d0d.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BgReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo010-bf7721e1.svg);
    width: 11%;
    padding-bottom: 9.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BgReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo010_h-56dd6862.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=Ae2Real] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo011-92d5786c.svg);
    width: 23.9%;
    padding-bottom: 12.1%;
    transition: .3s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=Ae2Real]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo011_h-d1eacfd7.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BbinReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo012-1197dfec.svg);
    width: 19%;
    padding-bottom: 7.1%;
    right: 4%;
    transition: .3s ease-out;
    background-repeat: no-repeat;
    background-size: contain
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BbinReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAeCAMAAAC1+tjYAAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA++714ffytQrk1sY4DAbr58u5VZNZXUwd28Gnj3tyUEEl3tCZi4eAYSsTr52WRzUxFr1nMAND5wAAAidJREFUSMeNlOl2gjAQRidYEBFBcd9x39qq7bz/s1WYkA6E6en9I5wv3MRkJjBtb6CeJOiDSKfXWkANiCqEWjzEpWSLHESs8ylEB2p5Q8SroPvEF169DkNRNxB0m0wXCLqFqGuDwAJRTQTdXtT1QCJxJyDoPvKn5/0SCaubpA9f8j7DR4fpaIdOgYuIymmG1uqOUx5p7qRf7fLMm62ZbjRuoKHnM10TTm4lIjz1BTByfrPpxegc5Kgx082tyBTl/IAlVqSzGRqdReFz0GbJdKq9HJ7fu9pHOhOt1sO9jq5lndqd+sPBll5So5vpQ/2mreozXdunaJUPbdGLlge6Wsa53i1077+93Sh8XvbLG2OSj6UzpFkTMMT44gCq2i4++dZwe0VqOmZRmAVbALjSVPNqAbukA45PY8+vz9NK8e6yoAOhQrQ6cJCLVE0vk28kXCTRBIl5OTS6PfzTF+WLUkg0y2Fc6A7wX18DGU37ygCXHZ7lG9oXBuE4tq6V6WLhGmrU+cLCBoGg6yGiAtHXB05Cti6AtLpzlt+A8R00XC+AyPZ1yLYFWQcuFZmhRzUVgW/5YszYwV+6FSI73A014wfrj2M5mkGhS2ydafXW6eI/+zPUNt6/3eP9uhnp6AaSLpuNF5NCzZ7dBwx+Vzh2V0y1LoqxxIJtvlOOjsB0KVhNS09N9kW8tmrDRJ/AdK1qB6pCB5eE/pZ6W0KFx5eOtjxyMe5AhVThD5cppJFi9ZRrAAAAAElFTkSuQmCC)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=YxReal] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo013-3a936665.svg);
    width: 19%;
    padding-bottom: 7.1%;
    right: 4%;
    transition: .3s ease-out;
    background-repeat: no-repeat;
    background-size: contain
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=YxReal]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo013_h-5e063557.svg)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=VivoVideo] .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo014-2c104769.png);
    width: 22%;
    padding-bottom: 13%;
    right: -4%;
    transition: .3s ease-out;
    background-repeat: no-repeat;
    background-size: contain
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=VivoVideo]:hover .logoA[data-v-010c5d9e] {
    background-image: url(/images/assets/casinoLogo014_h-cebd985d.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .model[data-v-010c5d9e] {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0px;
    transition: .3s ease-out;
    position: absolute;
    z-index: 2;
    margin: 0 auto
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/004.png');
    padding-bottom: 55%;
    top: 5%;
    left: -7%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=WmReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/004.png');
    padding-bottom: 58%;
    width: 93%;
    top: 5%;
    left: 0%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AgBr] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/012.png');
    padding-bottom: 55%;
    width: 83%;
    left: 8%;
    top: 7%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/007.png');
    padding-bottom: 55%;
    width: 68%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/007.png');
    padding-bottom: 55%;
    width: 68%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/003.png');
    padding-bottom: 55%;
    width: 94%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=MgpReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/003.png');
    padding-bottom: 55%;
    width: 94%;
    margin-top: 2%;
    left: 3%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/002.png');
    padding-bottom: 56%;
    width: 78%;
    left: 13%;
    top: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=PrgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/002.png');
    padding-bottom: 56%;
    width: 84%;
    left: 4%;
    top: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=EvoReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/001.png');
    padding-bottom: 55%;
    width: 77%;
    left: 13%;
    top: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=EvoReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/001.png');
    padding-bottom: 0;
    width: 230px;
    height: 230px;
    left: 0%;
    top: 0%;
    background-size: 100% 100%;
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/006.png');
    padding-bottom: 55%;
    width: 93%;
    left: 4%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=OgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/006.png');
    padding-bottom: 55%;
    width: 93%;
    left: 4%;
    margin-top: 2%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=DgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/005.png');
    padding-bottom: 55%;
    width: 73%;
    left: 14%;
    top: 12px
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=DgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/005.png');
    padding-bottom: 55%;
    width: 80%;
    left: 6%;
    top: 12px
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=AllBetReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/007.png');
    padding-bottom: 55%;
    width: 100%;
    margin-top: 3%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=GpiLive] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/010.png');
    padding-bottom: 57%;
    width: 90%;
    margin-top: 3%;
    left: 2%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BgReal] .modelA[data-v-010c5d9e] {
    padding-bottom: 57%;
    width: 93%;
    margin-top: 3%;
    left: 4%
}

.webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BgReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/011.png')
}

.no-webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BgReal] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino010-ca9fe6a5.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=Ae2Real] .modelA[data-v-010c5d9e] {
    padding-bottom: 57%;
    width: 96%;
    margin-top: 3%;
    left: 4%
}

.webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=Ae2Real] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/009.png')
}

.no-webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=Ae2Real] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino011-a2e9ef83.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BbinReal] .modelA[data-v-010c5d9e] {
    padding-bottom: 49%;
    width: 91%;
    margin-top: 4%;
    left: 4%
}

.webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BbinReal] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/008.png')
}

.no-webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=BbinReal] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino012-4ccd84d2.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=YxReal] .modelA[data-v-010c5d9e] {
    padding-bottom: 52%;
    width: 92%;
    margin-top: 4%;
    left: 4%
}

.webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=YxReal] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino013-63628775.webp)
}

.no-webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=YxReal] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino013-6a4aba31.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=VivoVideo] .modelA[data-v-010c5d9e] {
    padding-bottom: 55%;
    width: 83%;
    left: 10%;
    top: 8%
}

.webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=VivoVideo] .modelA[data-v-010c5d9e] {
    background-image: url('/images/main-game/013.png')
}

.no-webp .casinoZone .casinoWrapper .content .rightZone .btns ul li[game-box=VivoVideo] .modelA[data-v-010c5d9e] {
    background-image: url(/images/assets/casino014-a8bf00fd.png)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li[data-v-010c5d9e]:hover {
    /*border: 1px solid var(--bdColor038_h);
    filter: drop-shadow(0px 0px 20px rgba(170,184,213,.6901960784))*/
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li:hover .model[data-v-010c5d9e] {
    background-position-y: 0px;
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .txt01[data-v-010c5d9e] {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: absolute;
    bottom: 0px;
    display: none;
    background: #000000b5;
    height: 221px;
    border: 1px solid #fff;
    border-radius: 10px;
    line-height: 220px;
    margin: auto;
    right: 2px;
    font-family: 'S-Core Dream 6';
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .txt01 h2[data-v-010c5d9e] {
    font-size: .9vw;
    color: #ffffff;
    font-family: 'S-Core Dream 4';
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .txt01 span[data-v-010c5d9e] {
    font-size: .4vw;
    color: var(--txtColor73)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li:hover .txt01 h2[data-v-010c5d9e],.casinoZone .casinoWrapper .content .rightZone .btns ul li:hover .txt01 span[data-v-010c5d9e] {
    color: var(--txtColor02)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .mask[data-v-010c5d9e] {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('/images/main-game/mask.jpg');
    background-size: cover;
    border-radius: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-out;
    opacity: 0
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .mask .inner[data-v-010c5d9e] {
    width: 99%;
    height: 99%;
    border-radius: 8px;
    z-index: 1;
    display: none;
    transition: .4s ease-out
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li:hover .mask[data-v-010c5d9e],.casinoZone .casinoWrapper .content .rightZone .btns ul li:hover .inner[data-v-010c5d9e] {
    opacity: 1
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li.maintainGo .maintain[data-v-010c5d9e] {
    display: flex
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .maintain[data-v-010c5d9e] {
    display: none;
    background-color: var(--bgColor084);
    border: 1px solid var(--bdColor052);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .maintain span[data-v-010c5d9e] {
    font-size: 4.5vw;
    color: var(--txtColor85)
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .maintain h4[data-v-010c5d9e] {
    color: var(--txtColor85);
    font-size: .7vw;
    font-weight: 700;
    margin-top: 3%;
    font-family: arial
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li .come[data-v-010c5d9e] {
    display: none
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming[data-v-010c5d9e] {
    cursor: auto
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .come img[data-v-010c5d9e] {
    width: 100%;
    height: auto
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .come[data-v-010c5d9e] {
    display: flex!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 115%
}

.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .logoA[data-v-010c5d9e],.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .modelA[data-v-010c5d9e],.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .txt01[data-v-010c5d9e],.casinoZone .casinoWrapper .content .rightZone .btns ul li.coming .mask[data-v-010c5d9e] {
    display: none
}

.rightContent .contents .proSlide[data-v-010c5d9e] {
    position: relative;
    z-index: 4;
    margin-top: 29px
}

.rightContent .contents .proSlide .Slider .item .banners[data-v-010c5d9e] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 0px;
    padding-bottom: 27.1%
}

.webp .rightContent .contents .proSlide .Slider .item .bannerA[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-0934a9a7.webp)
}

.no-webp .rightContent .contents .proSlide .Slider .item .bannerA[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-51989933.jpg)
}

.webp .rightContent .contents .proSlide .Slider .item .bannerB[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-0934a9a7.webp)
}

.no-webp .rightContent .contents .proSlide .Slider .item .bannerB[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-51989933.jpg)
}

.webp .rightContent .contents .proSlide .Slider .item .bannerC[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-0934a9a7.webp)
}

.no-webp .rightContent .contents .proSlide .Slider .item .bannerC[data-v-010c5d9e] {
    background-image: url(/images/assets/banner01-51989933.jpg)
}

.aniLogo[data-v-010c5d9e] {
    -webkit-animation: aniLogo-010c5d9e 2s infinite;
    animation: aniLogo-010c5d9e 2s infinite
}

@keyframes aniLogo-010c5d9e {
    0% {
        background-position-y: 0px;
        transform: scale(1)
    }

    50% {
        background-position-y: 5px;
        transform: scale(1.03)
    }

    to {
        background-position-y: 0px;
        transform: scale(1)
    }
}

.aniLogo01[data-v-010c5d9e] {
    -webkit-animation: aniLogo01-010c5d9e 2.6s infinite;
    animation: aniLogo01-010c5d9e 2.6s infinite
}

@keyframes aniLogo01-010c5d9e {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.01)
    }

    to {
        transform: scale(1)
    }
}

.aniLogo02[data-v-010c5d9e] {
    -webkit-animation: aniLogo02-010c5d9e 1s infinite;
    animation: aniLogo02-010c5d9e 1s infinite
}

@keyframes aniLogo02-010c5d9e {
    0% {
        background-position-y: 0px;
        transform: scale(1)
    }

    50% {
        background-position-y: 5px;
        transform: scale(1.01)
    }

    to {
        background-position-y: 0px;
        transform: scale(1)
    }
}

.aniLogo03[data-v-010c5d9e] {
    -webkit-animation: aniLogo03-010c5d9e 1s infinite;
    animation: aniLogo03-010c5d9e 1s infinite
}

@keyframes aniLogo03-010c5d9e {
    0% {
        background-position-y: 0px
    }

    50% {
        background-position-y: 2px
    }

    to {
        background-position-y: 0px
    }
}

@media (max-width: 1350px) {
    .casinoZone .casinoWrapper .content .rightZone .btns ul li[data-v-010c5d9e] {
        height:127px
    }

    .casinoZone .casinoWrapper .content .rightZone .btns ul li .txt01 span[data-v-010c5d9e] {
        font-size: 12px
    }

    .casinoZone .casinoWrapper .content .rightZone .txt h2[data-v-010c5d9e] {
        font-size: 22px
    }

    .casinoZone .casinoWrapper .content .rightZone .txt p[data-v-010c5d9e] {
        font-size: 14px
    }
}

@media (max-width: 1200px) {
    .casinoZone .casinoWrapper .content .rightZone .btns ul li[data-v-010c5d9e] {
        height:115px
    }
}

@media (max-width: 963px) {
    .casinoZone .casinoWrapper .content .rightZone .btns ul li[data-v-010c5d9e] {
        height:100px
    }
}

@keyframes leftIn-010c5d9e {
    0% {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translate(50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightIn-010c5d9e {
    0% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes topIn-010c5d9e {
    0% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
.model.modelA {
    padding-bottom: 0 !important;
    width: 218px !important;
    height: 218px !important;
    left: 0% !important;
    top: 0% !important;
    background-size: 100% 100% !important;
    margin: 10px !important;
}

.casinoFrame.active .txt01 {
    display: block !important;
    text-align: center;
}
.casinoFrame.active .txt01 h2 {
    font-family: 'S-Core Dream 6' !important;
    font-size: 24px !important;
    text-shadow: 0px 0px 35px #ffffff,0px 0px 25px #ffffff;
}

.main-content {
    background-image: url(/images/bg-main.png);
}

/***********************************************************/
/******************* START SLOT PAGE PC ********************/
/***********************************************************/
.slot-box-page {}
.slot-box-page .slot-items {
	background-image: url(/images/slot-game/bg-frame.png?ver1001);
	width: 222px !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin: 7px;
}
.slot-box-page .bg-slot {
	background-size: 100% 100% !important;
	width: 200px !important;
	height: 209px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	/* filter: brightness(0) invert(1); */
}
.slot-box-page .bg-slot-img img {
	background-size: 100% 100% !important;
	width: 200px !important;
	height: 209px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.slot-box-page .slot-items:hover {
    background:unset !important;
}


/***********************************************************/
/******************* END SLOT PAGE PC ********************/
/***********************************************************/