#monster {
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 1;
}



    #monster .game {
        position: absolute;
        width: 961px;
        height: 421px;
        background-image: url('../images/media/MiniGameMT.d2d84695.png');
        
    }

 
 


 


#monster .messageDig {
    position: absolute;
    width: 431px;
    height: 52px;
    line-height: 52px;
    left: 133px;
    top: 343px;
    background-color: rgba(29,16,18,0);
    background-image: -webkit-linear-gradient(left,rgba(29,16,18,0) 0%,rgba(29,16,18,0.6) 5%,rgba(29,16,18,0.6) 95%,rgba(29,16,18,0) 100%);
    background-image: linear-gradient(to right,rgba(29,16,18,0) 0%,rgba(29,16,18,0.8) 20%,rgba(29,16,18,0.8) 80%,rgba(29,16,17,0) 100%);
    font-size: 20px;
    text-align: center;
    color: red;
    font-family: roboto-bold;
    display: none;
    z-index: 99991;
}

#monster .messageDig:before {
        width: 430px;
        height: 2px;
        background-color: rgba(29,16,18,0);
        background-image: -webkit-linear-gradient(left,rgba(29,16,18,0) 0%,hsla(212, 55%, 57%, 0.8) 40%,hsla(212, 55%, 57%, 0.8) 60%,rgba(29,16,17,0) 100%);
        background-image: linear-gradient(to right,rgba(29,16,18,0) 0%,hsla(212, 55%, 57%, 0.8) 40%,hsla(212, 55%, 57%, 0.8) 60%,rgba(29,16,17,0) 100%);
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
    }

#monster .messageDig:after {
        width: 430px;
        height: 2px;
        background-color: rgba(29,16,18,0);
        background-image: -webkit-linear-gradient(left,rgba(29,16,18,0) 0%,hsla(212, 55%, 57%, 0.8) 40%,hsla(212, 55%, 57%, 0.8) 60%,rgba(29,16,17,0) 100%);
        background-image: linear-gradient(to right,rgba(29,16,18,0) 0%,hsla(212, 55%, 57%, 0.8) 40%,hsla(212, 55%, 57%, 0.8) 60%,rgba(29,16,17,0) 100%);
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
}
.minimonster_game_v2 {
    position: absolute;
    top: -70px;
    left: 8px;
    pointer-events:none;
}
.monster_title:after {
    content: '';
    position: absolute;
    background: url(../images/minigame/monster/titlemonster.png) no-repeat;
    width: 399px;
    height: 107px;
    left: 148px;
    top: -57px;
    z-index: 1;
}
 

.monster_rect {
    position: absolute;
    left: 148px;
    top: -110px;
}

.monster_rect .rect1 {
    width: 340px;
    height: 96px;
    position: absolute;
    background: rgb(0 0 0 / 0.01);
    left: 75px;
    top: 47px;
}

.monster_rect .rect2 {
    width: 260px;
    height: 250px;
    position: absolute;
    background: rgb(0 0 0 / 0.01);
    left: 231px;
    top: 15px;
    border-radius: 200px;
}

.monster_rect .rect3 {
    width: 719px;
    height: 404px;
    position: absolute;
    background: rgb(0 0 0 / 0.001);
    left: -143px;
    top: 147px;
    border-radius: 292px;
}




#monster .mini_close {
    left: 654px;
    top: 68px;
    z-index: 2;
}
#monster .mini_help {
    left: 670px;
    top: 221px;
    z-index: 2;
}
#monster .mini_history {
    left: 670px;
    top: 143px;
    z-index: 2;
}
#monster .mini_rank {
    left: 654px;
    top: 297px;
    z-index: 2;
}

#monster .room100 {
    left: 0px;
    top: 68px;
    z-index: 2;
}


#monster .room1K {
    left: -15px;
    top: 143px;
    z-index: 2;
}

#monster .room10K {
    left: 0px;
    top: 297px;
    z-index: 2;
}

#monster .room5K {
    left: -15px;
    top: 221px;
    z-index: 2;
}



#monster #btn_monster {
    position: absolute;
    top: 412px;
    left: -8px;
    z-index: 2;
}


 

 

#monster .btn_sieutoc {
    left: 179px;
    top: 0px;
}

#monster .btn_line {
    left: 49px;
    top: 0px;
}



#monster .game > .jackpot {
    height: 55px;
    width: 231px;
    left: 131px;
    border-radius: 56px;
    -webkit-box-shadow: 0 2px rgb(229 208 255 / 35%);
    box-shadow: 0 2px rgb(229 208 255 / 35%);
    border-radius: 56px;
    background: #2f2451;
    top: 26px;
    left: 564px;
}
    #monster .game > .jackpot, #monster .game > .jackpot .money {
        position: absolute;
       
    }

        #monster .game > .jackpot .money {
            width: 239px;
            font-size: 30px;
            color: #ffea00;
            line-height: 55px;
            right: 52px;
            text-align: right;
        }

        #monster .game > .jackpot .ic-money {
            position: absolute;
            width: 49px;
            height: 49px;
            display: block;
            top: 3px;
            left: 180px;
            cursor: pointer;
        }
    #monster .game > .jackpot .ic-money.money-1 {
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameKC.9288429c.png);
        background-position: -638px -1055px;
    }
    #monster .game > .jackpot .ic-money.active {
        display: block;
    }
    #monster .game > .jackpot .ic-money:hover {
        -webkit-animation: bounceScale .25s ease-in-out;
        animation: bounceScale .25s ease-in-out;
    }


#monster .buttons .button {
    position: absolute;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
#monster .buttons .button-guide, #monster .buttons .button-history, #monster .buttons .button-trophy {
    display: -ms-flexbox;
    display: flex;
    width: 69px;
    height: 69px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameCT.73b82314.png);
    background-position: -425px -84px;
}
#monster .buttons .button-guide {
    top: -40px;
    left: 292px;
    background-position: -425px -84px;
}
#monster .buttons .button-history {
    top: -40px;
    left: 223px;
    background-position: -643px -84px;
}
#monster .buttons .button-trophy {
    top: -40px;
    left: 153px;
    background-position: -716px -84px;
}


#monster .buttons .button-close {
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameCT.73b82314.png);
    background-position: -376px -2px;
}
#monster .buttons .button-close {
    top: 141px;
    left: 919px;
}
#monster .game .ic-close {
    width: 21px;
    height: 22px;
    background-image: url(../images/media/MiniGameCT.73b82314.png);
    background-position: -2px -2px;
}
#monster .buttons .button i {
    position: relative;
    top: -3px;
}

#monster .bets {
    position: absolute;
    left: 90px;
    top: -8px;
}
#monster .bets .bet {
    position: absolute;
    display: inline-block;
    width: 59px;
    height: 62px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameCT.73b82314.png);
    background-position: -852px -84px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 59px;
    text-align: center;
}
#monster .bets .bet.active, #monster .bets .bet:hover {
    width: 59px;
    height: 59px;
    background-position: -789px -84px;
    color: #821f00;
}

#monster .bets span:nth-child(1) {
    top: 83px;
    left: -18px;
}
#monster .bets span:nth-child(2) {
    top: 150px;
    left: -38px;
}
#monster .bets span:nth-child(3) {
    top: 218px;
    left: -34px;
}
#monster .bets span:nth-child(4) {
    top: 284px;
    left: -6px;
}

#monster .control {
    position: absolute;
    top: 57px;
    left: 807px;
    width: 60px;
    height: 270px;
    cursor: pointer;
}
    #monster .control:after, #monster .control:before {
        content: " ";
        display: inline-block;
        background-repeat: no-repeat;
        position: absolute;
    }
    #monster .control:before {
        width: 60px;
        height: 61px;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -212px -419px;
        top: 0;
        left: 0;
        z-index: 1;
    }

    #monster .control.spin:before {
        -webkit-animation: mp-spin-1 .1s 1 ease;
        animation: mp-spin-1 .1s 1 ease;
    }

    #monster .control.spin:after {
        -webkit-animation: mp-spin-2 .1s 1 ease;
        animation: mp-spin-2 .1s 1 ease;
    }

#monster .spin-tutorial {
    position: absolute;
    top: 31px;
    left: 3px;
    z-index: 1;
}
#monster .control:after {
    width: 30px;
    height: 94px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -276px -419px;
    top: 51px;
    left: 15px;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


#monster .spin-tutorial:after, .mg-mp .spin-tutorial:before {
    content: " ";
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    opacity: 0;
}

#monster .spin-tutorial:before {
    width: 53px;
    height: 141px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -916px -28px;
    left: 0;
    overflow: hidden;
    height: 0;
    -webkit-animation: mp-st-1 2s infinite ease;
    animation: mp-st-1 2s infinite ease;
}
#monster .spin-tutorial:after {
    width: 59px;
    height: 28px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -911px -191px;
    left: -2px;
    -webkit-animation: mp-st-2 2s infinite ease;
    animation: mp-st-2 2s infinite ease;
}

#monster .speed {
    position: absolute;
    top: 298px;
    left: 590px;
}
    #monster .speed .button-speed {
        display: inline-block;
        width: 100px;
        height: 37px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -481px -419px;
        position: absolute;
        top: 26px;
        left: -21px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 37px;
        color: #821f00;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    #monster .speed .button-spin, #monster .speed .button-stop {
        display: inline-block;
        width: 136px;
        height: 54px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -2px -419px;
        position: absolute;
        top: 15px;
        left: 90px;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        line-height: 50px;
        color: #821f00;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    #monster .speed .button-spin, #monster .speed .button-stop {
        display: inline-block;
        width: 136px;
        height: 54px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -2px -419px;
        position: absolute;
        top: 15px;
        left: 90px;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        line-height: 50px;
        color: #821f00;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
#monster .button:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
}

#monster .effect {
    position: absolute;
    top: 62px;
    left: 208px;
    z-index: 5;
    display:none;
}
#monster .effect .light {
    display: inline-block;
    width: 270px;
    height: 234px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameKC.9288429c.png);
    background-position: -2px -553px;
    -webkit-animation: ct-r 1s infinite linear;
    animation: ct-r 1s infinite linear;
    position: absolute;
    top: 1px;
    left: -6px;
    -webkit-transform-origin: 52% 52%;
    -ms-transform-origin: 52% 52%;
    transform-origin: 52% 52%;
}
    #monster .effect .win {
        font-size: 30px;
        width: 300px;
        text-align: center;
        position: absolute;
        top: 106px;
        left: -13px;
        z-index: 10;
        color: #9a0606;
        text-shadow: 0 0 10px #fff;
        font-weight: 700;
    }



#monster .effect .jackpot.active ~ .win {
    top: 160px;
    color: #e67700;
}
    #monster .effect .jackpot {
        position: absolute;
        -webkit-animation: ct-s 1s infinite ease;
        animation: ct-s 1s infinite ease;
        display: none;
    }
    #monster .effect .jackpot {
        top: 63px;
        left: -66px;
        width: 500px;
    }
    #monster .effect .jackpot.active {
        display: block;
    }
    #monster .effect .jackpot:after, #monster .effect .jackpot:before {
        content: " ";
    }
    #monster .effect .jackpot:before {
        display: inline-block;
        width: 376px;
        height: 79px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameKC.9288429c.png);
        background-position: -221px -1020px;
    }
#monster .notice {
    position: absolute;
    width: 341px;
    height: 40px;
    left: 181px;
    top: 322px;
    line-height: 40px;
    background-color: rgba(29, 16, 18, 0);
    background-image: -webkit-linear-gradient(left, rgba(29, 16, 18, 0) 0%, rgba(29, 16, 18, 0.6) 5%, rgba(29, 16, 18, 0.6) 95%, rgba(29, 16, 18, 0) 100%);
    background-image: linear-gradient(to right, rgba(29, 16, 18, 0) 0%, rgba(29, 16, 18, 0.6) 20%, rgba(29, 16, 18, 0.6) 80%, rgba(29, 16, 17, 0) 100%);
    font-size: 18px;
    text-align: center;
    color: #fff;
    z-index: 99991;
    display: none;
}