@charset "UTF-8";
body[data-v-5ad187d1] {
    overflow-y: auto
}

#out-wrapper[data-v-5ad187d1] {
    overflow-y: auto;
    padding-bottom: 20.5vw
}

iframe[data-v-5ad187d1] {
    border: 0px;
    margin-top: 13vw;
    padding-bottom: 20.5vw;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

section .wrapminigame .wrapper[data-v-5ad187d1] {
    padding: 0;
    margin-top: 13vw;
    background: var(--bgColor08)
}

.iframe-area[data-v-5ad187d1] {
    margin-bottom: 16px
}

.minigame-box[data-v-5ad187d1] {
    background: #212121;
}

.minigame-box.PD[data-v-5ad187d1] {
    padding-bottom: 10vw
}

ul.tab-type li a .tab-logo.tm01[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tab-minigame01.png)
}

ul.tab-type li a .tab-logo.tm02[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tab-minigame02.png)
}

ul.tab-type li a .tab-logo.tm03[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tab-minigame03.png)
}

ul.tab-type li a .tab-logo.tm04[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tab-minigame04.png)
}

ul#tabs-minigame.tab-type li[data-v-5ad187d1] {
    height: 15vw
}

ul#tabs-minigame.tab-type li a[data-v-5ad187d1] {
    height: 15vw;
    padding: 1vw
}

ul#tabs-minigame.tab-type li a .tab-logo[data-v-5ad187d1] {
    height: 9vw;
    width: 9vw
}

ul#tabs-minigame.tab-type li a .tab-time[data-v-5ad187d1] {
    position: relative;
    margin-top: 0vw;
    padding-left: 0vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul#tabs-minigame.tab-type li a .lotus-logo[data-v-5ad187d1] {
    width: 5vw;
    height: 5vw;
    background-image: url(../../Images/bet38/lotus-logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    margin-right: 1.5vw
}

ul#tabs-minigame.tab-type li a .tab-time[data-v-5ad187d1] {
    position: relative;
    margin-top: 2vw;
    padding-left: 0vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul#tabs-minigame.tab-type li a .tab-time #clockIcon[data-v-5ad187d1] {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: 1.2vw
}

ul#tabs-minigame.tab-type li.active a .tab-time img#clockIcon[data-v-5ad187d1] {
    content: url(../../Images/bet38/tab-time-active.png)
}

ul#tabs-minigame-content.tab-type li[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li a[data-v-5ad187d1] {
    width: 33.333vw;
    height: 12vw;
    font-size: .93rem;
    background: var(--bgColor33)
}

ul#tabs-minigame-content.tab-type li.active a[data-v-5ad187d1] {
    background: var(--bgColor01)
}

.time-control[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid var(--borderColor01);
    background: var(--bgColor01);
    color: var(--txtColor05);
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .15vw;
    padding: 2vw 0
}

.time-control img[data-v-5ad187d1] {
    margin-left: 4vw;
    width: 5vw
}

.time-control p span[data-v-5ad187d1] {
    color: var(--txtColor32)
}

.total-box .title-top .item p span[data-v-5ad187d1] {
    color: var(--txtColor18)
}

.total-box .title-top .item p span.odd[data-v-5ad187d1] {
    color: var(--txtColor20)
}

.total-box[data-v-5ad187d1], .pagination[data-v-5ad187d1] {
    padding: 4vw 2vw 10vw
}

.total-box .title-top[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 94vw;
    margin: 0 auto;
    margin-bottom: 2vw
}

.total-box .title-top .item[data-v-5ad187d1] {
    width: 95vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    letter-spacing: -.2vw;
    font-size: .81rem
}

.total-box .title-top .item[data-v-5ad187d1]:first-child {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.total-box .title-top .item[data-v-5ad187d1]:last-child {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.total-box .title-top .item p span[data-v-5ad187d1] {
    margin-left: 4px
}

.bet-button-box .input-list[data-v-5ad187d1] {
    border: 1px solid var(--borderColor05);
    border-radius: 2px;
    padding: 1.5vw 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    width: 95vw;
    margin: .5vw .5vw 1.5vw;
    font-size: .81rem
}

.bet-button-box .input-list span[data-v-5ad187d1] {
    width: 25vw;
    color: var(--txtColor18);
    font-weight: 600
}

.bet-button-box .input-list .input[data-v-5ad187d1] {
    width: 70vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bet-button-box .input-list .input input[data-v-5ad187d1] {
    border: 0px;
    width: 100%;
    text-align: right;
    margin-right: 1vw;
    color: var(--txtColor05);
    font-weight: 600
}

.bet-button-box .input-list .input input[data-v-5ad187d1]::-webkit-input-placeholder {
    color: var(--txtColor02)
}

.bet-button-box .input-list .input input[data-v-5ad187d1]:-moz-placeholder {
    color: var(--txtColor02)
}

.bet-button-box .input-list .input input[data-v-5ad187d1]::-moz-placeholder {
    color: var(--txtColor02)
}

.bet-button-box .input-list .input input[data-v-5ad187d1]:-ms-input-placeholder {
    color: var(--txtColor02)
}

.bet-button-box .input-list .input input[data-v-5ad187d1]::placeholder {
    color: var(--txtColor02)
}

.amount-box[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.amount-box button.normal[data-v-5ad187d1] {
    width: 31vw;
    margin: .5vw;
    background: var(--btnColor14);
    box-shadow: 0 0 2px 0 var(--bgColor07_op)
}

.amount-box button.normal.active[data-v-5ad187d1] {
    color: var(--txtColor01);
    background: var(--btnColor11)
}

.amount-box button.poket-button[data-v-5ad187d1] {
    width: 100vw
}

.amount-box button.bet-all-button[data-v-5ad187d1] {
    width: 47vw;
    margin: .5vw;
    background: var(--btnColor05);
    color: var(--txtColor01);
    border: 1px solid var(--borderColor07)
}

.amount-box button.reset-button[data-v-5ad187d1] {
    width: 47vw;
    margin: .5vw;
    background: var(--bgColor24);
    color: var(--txtColor01);
    border: 1px solid var(--borderColor07)
}

.amount-box button.submit-button[data-v-5ad187d1] {
    width: 95vw;
    margin: 1vw auto;
    padding: 3.4vw;
    color: var(--txtColor01);
    background: var(--bgColor10);
    border: 1px solid var(--borderColor07);
    border-radius: .8vw;
    -webkit-border-radius: .8vw;
    -moz-border-radius: .8vw;
    -ms-border-radius: .8vw;
    -o-border-radius: .8vw
}

.m-bet-box .list[data-v-5ad187d1] {
    position: relative;
    padding: 2vw;
    margin: 2vw auto;
    background: var(--bgColor01);
    box-shadow: 0 0 6px #2b3d7859
}

.m-bet-box .list .m-title[data-v-5ad187d1] {
    width: 14vw;
    text-align: center;
    font-weight: 700;
    font-size: .75rem;
    color: var(--txtColor13)
}

.m-bet-box .list .m-list-btn[data-v-5ad187d1] {
    width: 80vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-bet-box .list .m-list-btn .m-4btns[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .5vw
}

.m-bet-box .list .m-list-btn .m-4btns button.item[data-v-5ad187d1] {
    position: relative;
    width: 49%;
    min-height: 33vw;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.m-bet-box .list .m-list-btn .m-4btns button.item .hint[data-v-5ad187d1] {
    position: absolute;
    left: 2.4vw;
    top: 3.4vw;
    background: var(--bgColor21);
    color: var(--txtColor01);
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    text-align: center;
    font-size: .65rem
}

.m-bet-box .list .m-list-btn .m-4btns button.item:nth-child(2n) .hint[data-v-5ad187d1] {
    right: 2.4vw;
    left: auto
}

.m-bet-box .list .m-list-btn .m-4btns button.item .icon[data-v-5ad187d1] {
    width: 15vw;
    height: 18vw
}

.m-bet-box .list .m-list-btn .m-4btns button.item .odd[data-v-5ad187d1] {
    width: 15vw
}

.m-bet-box .list[data-v-5ad187d1], .m-bet-box .list button.item[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m-bet-box .list-full[data-v-5ad187d1] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-bet-box .list button.item[data-v-5ad187d1] {
    width: 49%;
    height: 19vw;
    margin: 0 .5vw;
    border: 1px solid var(--borderColor03);
    background: var(--bgColor01)
}

.m-bet-box .list button.item.active[data-v-5ad187d1] {
    background: rgba(255, 227, 97, .5);
    border: 1px solid #fcde8c
}

.m-bet-box .list-full button.item25[data-v-5ad187d1] {
    width: 23.25vw;
    height: auto;
    min-height: 31.5vw;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-bet-box .list button.item30[data-v-5ad187d1] {
    width: 32.5%;
    height: auto;
    min-height: 31.5vw;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.m-bet-box .list button.item[data-v-5ad187d1]:first-child, .m-bet-box .list button.item[data-v-5ad187d1]:nth-child(3) {
    margin-left: 0
}

.m-bet-box .list button.item[data-v-5ad187d1]:nth-child(3), .m-bet-box .list button.item[data-v-5ad187d1]:nth-child(4) {
    margin-top: 1vw
}

.m-bet-box .list button.item[data-v-5ad187d1]:last-child, .m-bet-box .list button.item[data-v-5ad187d1]:nth-child(2n) {
    margin-right: 0
}

.m-bet-box .list .m-list-btn .m-4btns button.item[data-v-5ad187d1]:nth-child(2) {
    margin-right: .5vw
}

.m-bet-box .list .m-list-btn .m-4btns button.item[data-v-5ad187d1]:nth-child(3) {
    margin-left: .5vw;
    margin-top: 0
}

.m-bet-box .list button.item30[data-v-5ad187d1]:nth-child(2) {
    margin-right: .5vw
}

.m-bet-box .list button.item30[data-v-5ad187d1]:nth-child(3) {
    margin-left: .5vw;
    margin-top: 0
}

.m-bet-box .list .m-list-btn .m-4btns button.item[data-v-5ad187d1]:nth-child(4) {
    margin-top: 0
}

.m-bet-box .list button.item .odd[data-v-5ad187d1] {
    width: 19vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-bet-box .list button.item .odd .coinbet-type[data-v-5ad187d1] {
    display: none;
    width: 80%;
    margin-top: 1.4vw;
    border-radius: 10vw;
    -webkit-border-radius: 10vw;
    -moz-border-radius: 10vw;
    -ms-border-radius: 10vw;
    -o-border-radius: 10vw;
    border: 1px solid var(--borderColor17);
    background: var(--btnColor14);
    color: var(--txtColor28);
    box-shadow: 0 0 7px 0 var(--bgColor10_op) inset;
    padding: 1vw 1vw 1vw 6.5vw;
    background-position: 2vw center;
    -o-background-size: 24%;
    background-size: 24%;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/coin.svg);
    font-size: .81rem;
    font-weight: 600;
    text-align: left
}

.minigame-box.PD .m-bet-box .list button.item.active .odd .coinbet-type[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.m-bet-box .list .m-list-btn .m-4btns button.item .odd .coinbet-type[data-v-5ad187d1] {
    width: 100%
}

.m-bet-box .list button.item .icon[data-v-5ad187d1] {
    width: 16vw;
    height: 14vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: unset;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: scale(.94);
    -webkit-transform: scale(.94);
    -moz-transform: scale(.94);
    -ms-transform: scale(.94);
    -o-transform: scale(.94)
}

.m-bet-box .list button.item .icon span[data-v-5ad187d1] {
    color: var(--txtColor01);
    font-weight: 700;
    font-size: 1.24rem;
    text-shadow: 0px 1px 1px var(--bgColor16_op);
    text-align: center
}

.m-bet-box .list button.item .icon span.range[data-v-5ad187d1] {
    font-size: .65rem;
    font-weight: 300;
    transform: scale(.68);
    -webkit-transform: scale(.68);
    -moz-transform: scale(.68);
    -ms-transform: scale(.68);
    -o-transform: scale(.68)
}

.m-bet-box .list button.item .icon span.clubs[data-v-5ad187d1] {
    width: 6vw;
    height: 6vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-poker-clubs.png)
}

.m-bet-box .list button.item .icon span.hearts[data-v-5ad187d1] {
    width: 6vw;
    height: 6vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-poker-hearts.png)
}

.m-bet-box .list button.item .icon span.diamonds[data-v-5ad187d1] {
    width: 6vw;
    height: 6vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-poker-diamonds.png)
}

.m-bet-box .list button.item .icon span.spades[data-v-5ad187d1] {
    width: 6vw;
    height: 6vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-poker-spades.png)
}

.m-bet-box .list button.item .btn-blue[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/btn-blue.png)
}

.m-bet-box .list button.item .btn-red[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/btn-red.png)
}

.m-bet-box .list button.item .btn-yellow[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/btn-yellow.png)
}

.m-bet-box .list button.item .btn-green[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/btn-green.png)
}

.m-bet-box .list button.item .icon .arrow-up[data-v-5ad187d1] {
    width: 4.8vw;
    height: 4.8vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-arrow-up.png)
}

.m-bet-box .list button.item .icon .arrow-down[data-v-5ad187d1] {
    width: 4.8vw;
    height: 4.8vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/icon-arrow-down.png)
}

#open-bet[data-v-5ad187d1] {
    position: relative;
    width: 18vw;
    height: 18vw;
    border-radius: 50%;
    position: fixed;
    bottom: 20.5vw;
    right: 2%;
    background: var(--btnColor10);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor01);
    -moz-animation: pulse 1s linear;
    -o-animation: pulse 1s linear;
    animation: pulse 1s linear infinite;
    -webkit-animation: pulse 1s linear infinite;
    box-shadow: 0 2px 2px #2a2a2a40;
    z-index: 100
}

#open-bet[data-v-5ad187d1]:before {
    content: "";
    position: absolute;
    right: -1vw;
    top: 0;
    width: 7.8vw;
    height: 7.8vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/open-light.png)
}

.m-bet-box .titles[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--bgColor34);
    color: var(--txtColor01);
    font-size: 1.04rem;
    font-weight: 700;
    padding: 2vw 0;
    border-bottom: 1px solid var(--borderColor16)
}

.date-filter-list[data-v-5ad187d1] {
    position: relative;
    width: 100vw;
    height: 15vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    box-shadow: 0 2px 6px #2b3d7829;
    background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(342deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(342deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(342deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%);
    background: linear-gradient(108deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 65%, rgb(239, 243, 254) 100%)
}

.date-filter-list[data-v-5ad187d1]:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%);
    background: var(--bgColor24);
    width: 90vw;
    height: 1vw;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    z-index: 0
}

.date-filter-list button.date[data-v-5ad187d1] {
    width: 12.4vw;
    height: 12.4vw;
    font-size: .72rem;
    margin: 0vw 5vw;
    border: 3px solid var(--bgColor24);
    background: var(--bgColor01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: scale(.94);
    -webkit-transform: scale(.94);
    -moz-transform: scale(.94);
    -ms-transform: scale(.94);
    -o-transform: scale(.94)
}

.date-filter-list button.date.active[data-v-5ad187d1] {
    color: var(--txtColor01);
    background: var(--bgColor02);
    border: 0px solid
}

.m-content-box[data-v-5ad187d1] {
    width: 100vw
}

.m-content-box .d-list[data-v-5ad187d1] {
    padding: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--borderColor09)
}

.m-content-box .d-list .d-item[data-v-5ad187d1] {
    width: 47.5vw;
    font-size: .81rem;
    margin: .6vw 0;
    letter-spacing: -.2vw
}

.m-content-box .d-list[data-v-5ad187d1]:nth-child(odd) {
    background: var(--bgColor01)
}

.m-content-box .d-list[data-v-5ad187d1]:nth-child(even) {
    background: var(--bgColor33)
}

.m-content-box .d-list .d-item span.oddunder[data-v-5ad187d1] {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .2vw 1.2vw .6vw;
    -webkit-align-items: Center;
    -moz-box-align: Center;
    -ms-flex-align: Center;
    align-items: Center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor01);
    background: var(--bgColor_Grad07-00);
    background: -webkit-linear-gradient(top, var(--bgColor_Grad07-00) 1%, var(--bgColor_Grad07-01) 100%);
    background: -moz-linear-gradient(top, var(--bgColor_Grad07-00) 1%, var(--bgColor_Grad07-01) 100%);
    background: -o-linear-gradient(top, var(--bgColor_Grad07-00) 1%, var(--bgColor_Grad07-01) 100%);
    background: linear-gradient(to bottom, var(--bgColor_Grad07-00) 1%, var(--bgColor_Grad07-01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad07-00)", endColorstr="var(--bgColor_Grad07-01)", GradientType=0)
}

.m-content-box .d-list .d-item span[data-v-5ad187d1] {
    color: var(--txtColor19)
}

.m-content-box .d-list .d-item b[data-v-5ad187d1] {
    color: var(--txtColor06)
}

.m-content-box .d-list .d-item b.win[data-v-5ad187d1] {
    color: var(--txtColor14)
}

.m-content-box .d-list .d-item b.lose[data-v-5ad187d1] {
    color: var(--txtColor16)
}

.m-content-box .d-list .d-item span.evenover[data-v-5ad187d1] {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .2vw 1.2vw .4vw;
    -webkit-align-items: Center;
    -moz-box-align: Center;
    -ms-flex-align: Center;
    align-items: Center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor01);
    background: var(--bgColor_Grad08-00);
    background: -webkit-linear-gradient(top, var(--bgColor_Grad08-00) 1%, var(--bgColor_Grad08-01) 100%);
    background: -moz-linear-gradient(top, var(--bgColor_Grad08-00) 1%, var(--bgColor_Grad08-01) 100%);
    background: -o-linear-gradient(top, var(--bgColor_Grad08-00) 1%, var(--bgColor_Grad08-01) 100%);
    background: linear-gradient(to bottom, var(--bgColor_Grad08-00) 1%, var(--bgColor_Grad08-01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad08-00)", endColorstr="var(--bgColor_Grad08-01)", GradientType=0)
}

.quickbet-box[data-v-5ad187d1] {
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 34vw;
    background: var(--bgColor08_op);
    -moz-animation: downIn .5s;
    -o-animation: downIn .5s;
    animation: downIn .5s;
    -webkit-animation: downIn .5s;
    z-index: 100
}

.quickbet-box .chip-item[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2vw 4vw
}

.quickbet-box .chip-item button[data-v-5ad187d1] {
    width: 20vw;
    height: 20vw;
    background-position: center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: unset
}

.quickbet-box .chip-item button.chip-5[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-5.png)
}

.quickbet-box .chip-item button.chip-5.on[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-5-on.png)
}

.quickbet-box .chip-item button.chip-10[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-10.png)
}

.quickbet-box .chip-item button.chip-10.on[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-10-on.png)
}

.quickbet-box .chip-item button.chip-30[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-30.png)
}

.quickbet-box .chip-item button.chip-30.on[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-30-on.png)
}

.quickbet-box .chip-item button.chip-50[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-50.png)
}

.quickbet-box .chip-item button.chip-50.on[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-50-on.png)
}

.quickbet-box .chip-item button.chip-100[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-100.png)
}

.quickbet-box .chip-item button.chip-100.on[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/chip-100-on.png)
}

.quickbet-box .set-bar[data-v-5ad187d1] {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 10vw;
    background: var(--bgColor16);
    box-shadow: 0 -3px 7px 0 var(--bgColor09_op);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quickbet-box .set-bar button[data-v-5ad187d1] {
    position: relative;
    width: 100%;
    height: 10vw;
    background: none;
    border-right: 1px solid var(--borderColor18);
    font-size: .93rem;
    font-weight: 600;
    color: var(--txtColor01);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quickbet-box .set-bar button .hint[data-v-5ad187d1] {
    position: absolute;
    right: 2vw;
    top: -2vw;
    background: var(--btnColor06);
    color: var(--txtColor01);
    font-weight: 700;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .72rem
}

.quickbet-box .set-bar button[data-v-5ad187d1]:last-child {
    background: var(--bgColor34);
    border-right: 0px
}

.quickbet-box .set-bar button:last-child span[data-v-5ad187d1]:first-child {
    opacity: 1
}

.quickbet-box .set-bar button span[data-v-5ad187d1]:first-child {
    opacity: .6;
    font-size: 1.06rem;
    margin-right: 1vw
}

.lock-black[data-v-5ad187d1] {
    position: absolute;
    background: var(--bgColor09_op);
    width: 100vw;
    height: auto;
    min-height: 100%;
    top: 0;
    z-index: 100;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lock-icon[data-v-5ad187d1] {
    width: 20vw;
    margin-bottom: 2vw
}

.lock-black .txt[data-v-5ad187d1] {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    color: var(--txtColor01)
}

.maintain-block[data-v-5ad187d1] {
    position: relative;
    width: 100vw;
    height: -webkit-calc(100vh - 32vw);
    height: -moz-calc(100vh - 32vw);
    height: calc(100vh - 32vw);
    background-position: bottom center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/m-maintain.png)
}

.maintain-block .content[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 94vw;
    letter-spacing: .1vw;
    text-align: justify
}

.maintain-block .content[data-v-5ad187d1]:before {
    content: "";
    width: 100vw;
    height: 100vw;
    position: absolute;
    top: 0px;
    background-position: bottom center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../Images/bet38/m-maintain-top.png)
}

.maintain-block .content span[data-v-5ad187d1] {
    color: var(--txtColor05);
    font-size: 1.2rem;
    font-weight: 700
}

.maintain-block .content p[data-v-5ad187d1] {
    color: var(--txtColor05);
    font-weight: 700;
    margin-top: 0vw;
    font-size: 1.6rem;
    line-height: 1.2
}

ul#tabs-minigame.tab-type li.off[data-v-5ad187d1] {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    background: var(--bgColor05_op)
}

section .minigame-lobby .wrapper[data-v-5ad187d1] {
    padding: 3vw 2vw;
    margin-top: 0vw;
    background: #212121;
}

section .minigame-lobby .minigame-box[data-v-5ad187d1] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

section .minigame-lobby .item-box[data-v-5ad187d1] {
    position: relative;
    width: 45vw;
    height: 47.6vw;
    margin: 0 1.5vw 3vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 2px 5px #2b3d7829;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

section .minigame-lobby .item-box .game-logo[data-v-5ad187d1] {
    position: absolute;
    top: 1.4vw;
    right: 1.8vw;
    width: 18vw;
    height: 9vw;
    background-position: center center;
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 2
}

section .minigame-lobby .item-box .itme-image[data-v-5ad187d1] {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #444444;
}

section .minigame-lobby .item-box .itme-image .name[data-v-5ad187d1] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translate(-50%);
    text-align: center;
    bottom: 22%;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 400
}

section .minigame-lobby .item-box .btm-info[data-v-5ad187d1] {
    position: absolute;
    bottom: .2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5vw;
    background: linear-gradient(to bottom, #272727 0%,#000000 100%);
    font-size: .68rem;
    color: #ffffff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -ms-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
}

section .minigame-lobby .item-box .btm-info .name[data-v-5ad187d1] {
    width: 54vw;
    max-width: 54vw;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left
}

section .minigame-lobby .item-box .btm-info button[data-v-5ad187d1] {
    width: 42vw;
    font-size: .65rem;
    background: #373737;
    color: #ffffff;
    padding: 1vw;
    border-radius: .4vw;
    -webkit-border-radius: .4vw;
    -moz-border-radius: .4vw;
    -ms-border-radius: .4vw;
    -o-border-radius: .4vw
}
.webp section .minigame-lobby .minigamesadali .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/sadali.png)
}

.webp section .minigame-lobby .minigametapingyi .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tapingyi.png)
}

.webp section .minigame-lobby .minigameNPB .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/npb.png)
}

.webp section .minigame-lobby .minigameFx .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigameFx.png)
}

.webp section .minigame-lobby .skyparkoddeven .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/skyparkoddeven.png)
}

.webp section .minigame-lobby .skyparkbaccart .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/skyparkbacc.png)
}

.webp section .minigame-lobby .lotusoddeven .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/lotusoddeven.png)
}

.webp section .minigame-lobby .lotusbaccart .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/lotusbacc.png)
}


section .minigame-lobby .minigamePB .game-logo[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/game-logoPB.a4c0f659.png)
}

.no-webp section .minigame-lobby .minigamePB .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigamePB.5c6be763.png)
}

.webp section .minigame-lobby .minigamePB .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigamePB.png)
}

section .minigame-lobby .minigamePL .game-logo[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/game-logoPL.2bcc9117.png)
}

.no-webp section .minigame-lobby .minigamePL .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigamePL.f11d6299.png)
}

.webp section .minigame-lobby .minigamePL .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigamePL.png)
}

section .minigame-lobby .minigameSK .game-logo[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/game-logoSK.3216862c.png)
}

.no-webp section .minigame-lobby .minigameSK .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigameSK.87f1de5c.png)
}

.webp section .minigame-lobby .minigameSK .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigameSK.png)
}

section .minigame-lobby .minigameKNLD .game-logo[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/game-logoKNLD.7f244e75.png)
}

.no-webp section .minigame-lobby .minigameKNLD .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigameKNLD.424a21c4.png)
}

.webp section .minigame-lobby .minigameKNLD .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/minigameKNLD.png)
}


.webp section .minigame-lobby .minigameNpb .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/npb.png)
}

.webp section .minigame-lobby .minigameTapingyi .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/tapingyi.png)
}

.webp section .minigame-lobby .minigameSadali .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/sadali.png)
}

.webp section .minigame-lobby .minigameFx .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/fx.png)
}

.webp section .minigame-lobby .minigameSkyparkoddeven .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/skyparkoddeven.png)
}

.webp section .minigame-lobby .minigameSkyparkbacc .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/skyparkbacc.png)
}

.webp section .minigame-lobby .minigameLotusbacc .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/lotusbacc.png)
}

.webp section .minigame-lobby .minigameLotusoddeven .itme-image[data-v-5ad187d1] {
    background-image: url(../../Images/bet38/lotusoddeven.png)
}

.m-bet-box .list-full button.item .icon.btn-yellow span[data-v-5ad187d1] {
    font-size: 1.4rem;
    font-weight: 700
}

.m-bet-box .list-full[data-v-5ad187d1] {
    -webkit-flex-wrap: Wrap;
    -ms-flex-wrap: Wrap;
    flex-wrap: Wrap
}

.m-bet-box .list .m-title-full[data-v-5ad187d1] {
    width: 96vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2vw;
    font-size: .93rem
}

.m-bet-box .list-full .m-list-btn[data-v-5ad187d1] {
    width: 96vw
}

.m-bet-box .list-full button.item[data-v-5ad187d1] {
    margin: 0 .5vw 1vw
}

.m-bet-box .list button.item[data-v-5ad187d1]:first-child, .m-bet-box .list button.item[data-v-5ad187d1]:nth-child(3) {
    margin-left: 0
}

.m-bet-box .list-full button.item[data-v-5ad187d1]:nth-child(3), .m-bet-box .list-full button.item[data-v-5ad187d1]:nth-child(4) {
    margin-top: 0vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    section .minigame-lobby .item-box .btm-info button[data-v-5ad187d1] {
        font-size: 1.25rem
    }

    .m-bet-box .list button.item .odd .coinbet-type[data-v-5ad187d1], section .minigame-lobby .item-box .btm-info[data-v-5ad187d1] {
        font-size: 1.4rem
    }

    section .minigame-lobby .item-box .itme-image .name[data-v-5ad187d1] {
        font-size: 2.2rem
    }

    .maintain-block .content[data-v-5ad187d1]:before {
        content: "";
        width: 100vw;
        height: 65vw;
        background-position: bottom right;
        -o-background-size: contain;
        background-size: contain;
        background-image: url(../../Images/bet38/m-maintain-top.png)
    }

    .maintain-block .content[data-v-5ad187d1] {
        padding-top: 62vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    section .minigame-lobby .item-box .btm-info button[data-v-5ad187d1] {
        font-size: 1.6rem
    }

    .m-bet-box .list button.item .odd .coinbet-type[data-v-5ad187d1], section .minigame-lobby .item-box .btm-info[data-v-5ad187d1] {
        font-size: 1.8rem
    }

    section .minigame-lobby .item-box .itme-image .name[data-v-5ad187d1] {
        font-size: 2.8rem
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .maintain-block .content[data-v-5ad187d1] {
        padding-top: 100vw
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    ul#tabs-minigame.tab-type li a .tab-time[data-v-5ad187d1] {
        -o-background-size: 20%;
        background-size: 20%;
        background-position: 3vw .8vw
    }

    .quickbet-box .set-bar button[data-v-5ad187d1], .m-content-box .d-list .d-item[data-v-5ad187d1], #open-bet[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li a[data-v-5ad187d1] {
        font-size: .72rem
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .m-bet-box .list button.item .icon span.range[data-v-5ad187d1] {
        font-size: 1.4rem
    }

    .date-filter-list button.date[data-v-5ad187d1], .m-content-box .d-list .d-item[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li a[data-v-5ad187d1], .m-bet-box .list .m-title[data-v-5ad187d1], .total-box .title-top .item[data-v-5ad187d1], .bet-button-box .input-list[data-v-5ad187d1], .quickbet-box .set-bar button[data-v-5ad187d1], .quickbet-box .set-bar button .hint[data-v-5ad187d1], .m-bet-box .list .m-list-btn .m-4btns button.item .hint[data-v-5ad187d1] {
        font-size: 1.42rem
    }

    .m-bet-box .list .m-list-btn .m-4btns button.item .hint[data-v-5ad187d1] {
        top: 5vw;
        left: 3vw
    }

    #open-bet[data-v-5ad187d1] {
        width: 15vw;
        height: 15vw;
        font-size: 1.42rem
    }

    .date-filter-list button.date[data-v-5ad187d1] {
        border-width: 6px
    }

    .m-bet-box .list-full button.item .icon.btn-yellow span[data-v-5ad187d1], .m-bet-box .list button.item .icon span[data-v-5ad187d1], .quickbet-box .set-bar button span[data-v-5ad187d1]:first-child {
        font-size: 2rem
    }

    .m-bet-box .titles[data-v-5ad187d1], .time-control[data-v-5ad187d1] {
        font-size: 1.6rem
    }

    .maintain-block[data-v-5ad187d1] {
        background-image: url(../../Images/bet38/m-pad-maintain.png)
    }

    .maintain-block .content span[data-v-5ad187d1] {
        font-size: 2.2rem
    }

    .maintain-block .content p[data-v-5ad187d1] {
        font-size: 2.8rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .m-bet-box .list button.item .icon span.range[data-v-5ad187d1] {
        font-size: 2rem
    }

    .date-filter-list button.date[data-v-5ad187d1], .m-content-box .d-list .d-item[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li[data-v-5ad187d1], ul#tabs-minigame-content.tab-type li a[data-v-5ad187d1], .m-bet-box .list .m-title[data-v-5ad187d1], .total-box .title-top .item[data-v-5ad187d1], .bet-button-box .input-list[data-v-5ad187d1], .quickbet-box .set-bar button[data-v-5ad187d1], .quickbet-box .set-bar button .hint[data-v-5ad187d1], .m-bet-box .list .m-list-btn .m-4btns button.item .hint[data-v-5ad187d1] {
        font-size: 2.02rem
    }

    .date-filter-list button.date[data-v-5ad187d1] {
        border-width: 9px
    }

    .m-bet-box .list .m-list-btn .m-4btns button.item .hint[data-v-5ad187d1] {
        top: 5vw;
        left: 3vw
    }

    #open-bet[data-v-5ad187d1] {
        width: 15vw;
        height: 15vw;
        font-size: 2.02rem
    }

    .m-bet-box .list-full button.item .icon.btn-yellow span[data-v-5ad187d1], .m-bet-box .list button.item .icon span[data-v-5ad187d1], .quickbet-box .set-bar button span[data-v-5ad187d1]:first-child {
        font-size: 2.6rem
    }

    .m-bet-box .titles[data-v-5ad187d1], .time-control[data-v-5ad187d1] {
        font-size: 2.2rem
    }

    .maintain-block[data-v-5ad187d1] {
        background-image: url(../../Images/bet38/m-pad-maintain.png)
    }

    .maintain-block .content span[data-v-5ad187d1] {
        font-size: 2.64rem
    }

    .maintain-block .content p[data-v-5ad187d1] {
        font-size: 3.4rem
    }
}

.vertical-centered-box[data-v-5ad187d1] {
    z-index: 999
}

.vertical-centered-box .content[data-v-5ad187d1] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 0
}

.loader-circle[data-v-5ad187d1] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #96b2dc1a;
    margin-left: -25vw;
    margin-top: -25vw
}

.loader-line-mask[data-v-5ad187d1] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25vw;
    height: 50vw;
    margin-left: -25vw;
    margin-top: -25vw;
    overflow: hidden;
    -webkit-transform-origin: 25vw 25vw;
    -moz-transform-origin: 25vw 25vw;
    -ms-transform-origin: 25vw 25vw;
    -o-transform-origin: 25vw 25vw;
    transform-origin: 25vw 25vw;
    -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
    -webkit-animation: rotate-5ad187d1 1.2s infinite linear;
    -moz-animation: rotate-5ad187d1 1.2s infinite linear;
    -o-animation: rotate-5ad187d1 1.2s infinite linear;
    animation: rotate-5ad187d1 1.2s infinite linear
}

.loader-line-mask .loader-line[data-v-5ad187d1] {
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #93bbff80
}

#particles-background[data-v-5ad187d1], #particles-foreground[data-v-5ad187d1] {
    left: -51%;
    top: -51%;
    width: 202%;
    height: 202%;
    -webkit-transform: scale3d(.5, .5, 1);
    -moz-transform: scale3d(.5, .5, 1);
    -ms-transform: scale3d(.5, .5, 1);
    -o-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
}

@-webkit-keyframes rotate-5ad187d1 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-5ad187d1 {
    0% {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate-5ad187d1 {
    0% {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate-5ad187d1 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fade-5ad187d1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .25
    }
}

@-moz-keyframes fade-5ad187d1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .25
    }
}

@-o-keyframes fade-5ad187d1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .25
    }
}

@keyframes fade-5ad187d1 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .25
    }
}

lesshat-selector[data-v-5ad187d1] {
    -lh-property: 0
}

@-webkit-keyframes fade-in-5ad187d1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in-5ad187d1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fade-in-5ad187d1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in-5ad187d1 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

[not-existing][data-v-5ad187d1] {
    zoom: 1
}

.kc-logo[data-v-5ad187d1] {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center
}

.kc-logo #kc-color[data-v-5ad187d1] {
    fill: var(--txtColor32)
}

@-webkit-keyframes jump-5ad187d1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    50% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }
}

@-moz-keyframes jump-5ad187d1 {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    50% {
        -moz-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        -moz-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }
}

@-o-keyframes jump-5ad187d1 {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3d(0, 10%, 0)
    }
    to {
        transform: translate3d(0, 15%, 0)
    }
}

@keyframes jump-5ad187d1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
    50% {
        -webkit-transform: translate3d(0, 10%, 0);
        -moz-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 15%, 0);
        -moz-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }
}

.jump[data-v-5ad187d1] {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: jump-5ad187d1 .5s linear alternate infinite;
    -moz-animation: jump-5ad187d1 .5s linear alternate infinite;
    -o-animation: jump-5ad187d1 .5s linear alternate infinite;
    animation: jump-5ad187d1 .5s linear alternate infinite
}

.m-content-box[data-v-5ad187d1] {
    height: auto;
    min-height: 400px
}

.black-loading[data-v-5ad187d1] {
    position: absolute;
    background: var(--bgColor02_op);
    width: 100vw;
    height: auto;
    min-height: 100%;
    top: 0;
    z-index: 100;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

h1.loader[data-v-5ad187d1] {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.36rem;
    color: transparent;
    letter-spacing: .01em
}

.loader span[data-v-5ad187d1] {
    text-shadow: 0 0 2px rgba(150, 163, 220, .9), 0 15px 25px rgba(0, 0, 0, .3), 0 0 20px rgba(150, 172, 220, .45);
    -webkit-animation: loading-5ad187d1 .85s ease-in-out infinite alternate;
    -moz-animation: loading-5ad187d1 .85s ease-in-out infinite alternate;
    -o-animation: loading-5ad187d1 .85s ease-in-out infinite alternate;
    animation: loading-5ad187d1 .85s ease-in-out infinite alternate
}

@-webkit-keyframes loading-5ad187d1 {
    to {
        text-shadow: 0 0 2px rgba(150, 178, 220, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(150, 178, 220, 0)
    }
}

@-moz-keyframes loading-5ad187d1 {
    to {
        text-shadow: 0 0 2px rgba(150, 178, 220, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(150, 178, 220, 0)
    }
}

@-o-keyframes loading-5ad187d1 {
    to {
        text-shadow: 0 0 2px rgba(150, 178, 220, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(150, 178, 220, 0)
    }
}

@keyframes loading-5ad187d1 {
    to {
        text-shadow: 0 0 2px rgba(150, 178, 220, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(150, 178, 220, 0), 0 0 0 rgba(150, 178, 220, 0)
    }
}

.loader span[data-v-5ad187d1]:nth-child(2) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    -o-animation-delay: .15s;
    animation-delay: .15s
}

.loader span[data-v-5ad187d1]:nth-child(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.loader span[data-v-5ad187d1]:nth-child(4) {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s;
    -o-animation-delay: .45s;
    animation-delay: .45s
}

.loader span[data-v-5ad187d1]:nth-child(5) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.loader span[data-v-5ad187d1]:nth-child(6) {
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -o-animation-delay: .75s;
    animation-delay: .75s
}

.loader span[data-v-5ad187d1]:nth-child(7) {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.popup-loading.model-open .bg-overlay[data-v-5ad187d1] {
    background: var(--bgColor02_op);
    z-index: 99
}

.popup-loading.model-open .content[data-v-5ad187d1] {
    position: relative;
    width: 100vw;
    height: 50vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 55vw
}