﻿/*v2 -Tx*/
#dragon {
    z-index: 1;
    position: absolute;
    top: 150px;
    left: 100px;
}

   



#dragon .game {
  
    position: absolute;
    background: url(../images/media/MiniGameRH.d2d84695.png) no-repeat;
    background-position: -4px -4px;
    width: 960px;
    height: 421px;
}

#dragon .list-dice-small {
    z-index: 1;
    width: 552px;
    height: 28px;
    background: rgb(0 0 0 / 50%);
    position: absolute;
    top: 343px;
    left: 206px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 16px;
    padding-top: 2px;
    padding-left: 10px;
}

    #dragon .column-number .row-2 {
        display: inline-block;
        width: 244px;
        height: 78px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -80px -2px;
        position: absolute;
        top: 199px;
        left: 36px;
    }

        #dragon .column-number .row-2 input {
            width: 100%;
            height: 75px;
            text-align: center;
            font-size: 35px;
            font-weight: 700;
            color: #fff;
            background: 0 0;
            border: none;
            padding: 0 20px;
        }

#dragon  .column-price .column-number .row-2 input:focus {
    outline: none;
}


#dragon .column-number:first-child {
    left: 42px;
}

#dragon .column-number:nth-child(2) {
    left: 613px;
}

#dragon .column-number {
    position: absolute;
    width: 208px;
    top: 0px;
    text-align: center;
}







#dragon .column-number .row-3 {
    color: #fff;
}


#dragon .column-number:nth-child(2) .row-1 span {
    left: 91px
}



 
#dragon .left-dice {
    position: absolute;
    top: 27px;
    left: 185px;
    width: 185px;
    height: 185px;
}


#dragon .tips {
    position: absolute;
    display: none;
}

#dragon .tips .tipsoverlayCard1 {
    position: absolute;
    background: url(../../assets/dragon_asset.png) no-repeat -285px -0px;
    width: 106px;
    height: 146px;
    z-index: 3;
    left: 275px;
    top: 237px;
}

#dragon .tips .tipsoverlayCard2 {
    position: absolute;
    background: url(../../assets/dragon_asset.png) no-repeat -285px -0px;
    width: 106px;
    height: 146px;
    z-index: 3;
    left: 433px;
    top: 237px;
}

#dragon .ranked-room {
    position: absolute;
    top: 10px;
    left: 80px;
    font-weight: 700;
}

#dragon .use-star .ranked-room {
    color: #fff;
}

#dragon .use-coin .ranked-room {
    color: #fff;
}

#dragon .use-coin .column-number .row-1 {
    color: #fff;
}










 


 



















@webkit-keyframes x2evt {
    40% {
        -webkit-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@-moz-keyframes x2evt {
    40% {
        -moz-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@keyframes x2evt {
    40% {
        -webkit-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -moz-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -ms-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -o-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@-webkit-keyframes x2animation {
    to {
        background-position: -1680px
    }
}

@-moz-keyframes x2animation {
    to {
        background-position: -1680px
    }
}

@keyframes x2animation {
    to {
        background-position: -1680px
    }
}



@-webkit-keyframes txanimation {
    0% {
        -webkit-transform: scale(0.1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.1) rotate(360deg);
    }
}

@-moz-keyframes txanimation {
    0% {
        -moz-transform: scale(0.1) rotate(0deg);
    }

    50% {
        -moz-transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.1) rotate(360deg);
    }
}

@keyframes txanimation {
    0% {
        -webkit-transform: scale(0.1) rotate(0deg);
        -moz-transform: scale(0.1) rotate(0deg);
        -ms-transform: scale(0.1) rotate(0deg);
        -o-transform: scale(0.1) rotate(0deg);
        transform: scale(0.1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1) rotate(180deg);
        -moz-transform: scale(1) rotate(180deg);
        -ms-transform: scale(1) rotate(180deg);
        -o-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.1) rotate(360deg);
        -moz-transform: scale(0.1) rotate(360deg);
        -ms-transform: scale(0.1) rotate(360deg);
        -o-transform: scale(0.1) rotate(360deg);
        transform: scale(0.1) rotate(360deg);
    }
}


@-webkit-keyframes animate__qpon--6 {
    0% {
        opacity: 0;
        transform: scale(0.1)
    }

    100% {
        opacity: 1;
        transform: scale(0.8)
    }
}

@keyframes animate__qpon--6 {
    0% {
        opacity: 0;
        transform: scale(0.1)
    }

    100% {
        opacity: 1;
        transform: scale(.8)
    }
}



#dragon .list-dice-small li.tai {
    display: inline-block;
    width: 24px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -971px -31px;
    cursor: pointer;
    margin: 0 1.3px;
    position: relative;
}

#dragon .list-dice-small li.xiu {
    display: inline-block;
    width: 24px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -1031px -2px;
    cursor: pointer;
    margin: 0 1.3px;
    position: relative;
}


#dragon .list-dice-small li.hoa {
    display: inline-block;
    width: 24px;
    height: 25px;
    background: #4cff1c;
    border-radius:50%;
    cursor: pointer;
    margin: 0 1.3px;
    position: relative;
}

#dragon .time {
    -webkit-box-shadow: 0 2px rgb(229 208 255 / 35%);
    box-shadow: 0 2px rgb(229 208 255 / 35%);
    height: 45px;
    width: 160px;
    border-radius: 56px;
    background: #2f2451;
    color: #18ff00;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    top: 30px;
    left: 410px;
    text-align: center;
    position: absolute;
}

#dragon .list-dice-small li.select, #dragon .list-dice-small li:hover {
    -webkit-animation-name: thumb1;
    -webkit-animation-duration: 400ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: thumb1;
    -moz-animation-duration: 400ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: thumb1;
    -o-animation-duration: 400ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}



#drResult {
    width: 390px;
    position: absolute;
    left: 397px;
    top: 1px;
}

#drResult span {
    width: 32px;
    height: 30px;
    font-size: 37px;
    color: #ffff00;
    font-weight: bold;
    line-height: 90px;
    position: absolute;
}















#dr_totalbetOver {
    color: #ff0;
    position: absolute;
    top: 162px;
    left: 93px;
    font-size: 30px;
    font-weight: bold;
    width: 216px;
    text-align: center;
}
#dr_totalbetUnder {
    color: #ff0;
    position: absolute;
    top: 162px;
    left: 663px;
    font-size: 30px;
    font-weight: bold;
    width: 216px;
    text-align: center;
}
#dr_totalcountBetOver {
    position: absolute;
    top: 236px;
    left: 306px;
    padding-top: 30px;
    width: 60px;
    font-size: 26px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

#dr_totalcountBetUnder {
    position: absolute;
    top: 236px;
    
    left: 612px;
    padding-top: 30px;
    width: 60px;
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

    #dr_totalcountBetUnder:before {
        content: " ";
        display: inline-block;
        width: 31px;
        height: 22px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -996px -2px;
        position:relative;
    }
#dr_totalcountBetOver:before {
    content: " ";
    display: inline-block;
    width: 31px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -996px -2px;
    position:relative;
}

#dr_betpersonOver {
    position: absolute;
    top: 277px;
    left: 92px;
    font-size: 30px;
    font-weight: 700;
    width: 216px;
    text-align: center;
}

#dr_betpersonUnder {
    position: absolute;
    top: 277px;
    left: 663px;
    font-size: 30px;
    font-weight: 700;
    width: 216px;
    text-align: center;
}
 

.bussTxScale {
    animation: bubbleTx infinite 3s linear;
    -webkit-animation: bubbleTx infinite 3s ease;
}


 @keyframes bubbleTx {
     0% {
         transform: scale(1.1);
     }
     7% {
         transform: scale(0.9);
     }
     14% {
         transform: scale(1.1);
     }

    21% {
        transform: scale(0.9);
    }

     28% {
         transform: scale(1);
     }
 }
@-webkit-keyframes bubbleTx {
    0% {
        transform: scale(1.1);
    }

    7% {
        transform: scale(0.9);
    }

    14% {
        transform: scale(1.1);
    }

    21% {
        transform: scale(0.9);
    }

    28% {
        transform: scale(1);
    }
}

@-moz-keyframes bubbleTx {
    0% {
        transform: scale(1.1);
    }

    7% {
        transform: scale(0.9);
    }

    14% {
        transform: scale(1.1);
    }

    21% {
        transform: scale(0.9);
    }

    28% {
        transform: scale(1);
    }
}

#dragon .location.xiu {
    width: 116px;
    height: 97px;
    background: url(../images/media/MiniGameRH.d2d84695.png) no-repeat;
    background-position: -4px -433px;
    position: absolute;
    left: 710px;
    top: 65px;
}

    #dragon .location.xiu:after, #dragon .location.xiu:before {
        display: inline-block;
        width: 116px;
        height: 97px;
        background-repeat: no-repeat;
        background: url(../images/media/MiniGameRH.d2d84695.png) no-repeat;
        background-position: -4px -433px;
    }

    #dragon .location.xiu.active:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: mgwin2 .2s infinite ease;
        animation: mgwin2 .2s infinite ease;
        opacity: 0;
        -webkit-filter: brightness(150%);
        filter: brightness(150%);
    }


#dragon .location.xiu.active:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin3 1s infinite ease;
    animation: mgwin3 1s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%) blur(4px);
    filter: brightness(150%) blur(4px);
}






#dragon .location.tai {
    width: 214px;
    height: 96px;
    background: url(../images/media/MiniGameRH.d2d84695.png) no-repeat;
    background-position: -128px -433px;
    position: absolute;
    left: 102px;
    top: 65px;
}

    #dragon .location.tai.active:after, #dragon .location.tai.active:before {
        display: inline-block;
        width: 214px;
        height: 96px;
        background: url(../images/media/MiniGameRH.d2d84695.png) no-repeat;
        background-position: -128px -433px;
    }


    #dragon .location.tai.active:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: mgwin2 .2s infinite ease;
        animation: mgwin2 .2s infinite ease;
        opacity: 0;
        -webkit-filter: brightness(150%);
        filter: brightness(150%);
    }

#dragon .location.tai.active:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin3 1s infinite ease;
    animation: mgwin3 1s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%) blur(4px);
    filter: brightness(150%) blur(4px);
}

 


 






#drDetails .location.xiu {
    width: 82px;
    height: 85px;
    background: url(../images/minigame/dragon/asset.png) no-repeat;
    background-position: -104px -0px;
    position: absolute;
    right: 204px;
    top: -15px;
}

#drDetails .location.tai {
    width: 148px;
    height: 80px;
    background: url(../images/minigame/dragon/asset.png) no-repeat;
    background-position: 0px -146px;
    position: absolute;
    left: 204px;
    top: -15px;
}







#drDetails .location.xiu.active {
    -webkit-animation: historyTaiXiu 300ms linear infinite;
    -moz-animation: historyTaiXiu 300ms linear infinite;
    animation: historyTaiXiu 300ms linear infinite;
   
}

#drDetails .location.tai.active {
    -webkit-animation: historyTaiXiu 300ms linear infinite;
    -moz-animation: historyTaiXiu 300ms linear infinite;
    animation: historyTaiXiu 300ms linear infinite;
   
}

@-webkit-keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#dragon .list-dice-small li.active:before {
    content: " ";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid #eb1e7a;
    position: absolute;
    top: 0px;
    left: 0px;
}

@-webkit-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-moz-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-o-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}


#dragon .accept-dice .accept-button {
    width: 100px;
    height: 34px;
    margin-left: 14px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background: #ffce22;
    background: -moz-linear-gradient(top,#fff 0%,#ffce22 12%,#fff600 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(34%,#ffce22),color-stop(34%,#fff600));
    background: -webkit-linear-gradient(top,#fff 0%,#ffce22 12%,#fff600 100%);
    background: -o-linear-gradient(top,#fff 0%,#ffce22 12%,#fff600 100%);
    background: -ms-linear-gradient(top,#fff 0%,#ffce22 12%,#fff600 100%);
    background: linear-gradient(to bottom,#fff 0%,#ffce22 12%,#fff600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(SstartColorstr='#ffce22',endColorstr='#fff600',GradientType=0);
    border-radius: 5px;
    line-height: 34px;
    text-align: center;
    color: #4c281a;
    font-weight: bold;
}


#dragon .accept-dice {
    height: 0;
    top: 199px;
    left: 58px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    width: 120px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

    #dragon .accept-dice.active {
        height: 40px;
    }

#lucky .location.tai.active {
    -webkit-animation: resultTai 200ms linear infinite;
    -moz-animation: resultTaiXiu 200ms linear infinite;
    animation: resultTaiXiu 200ms linear infinite
}

#lucky .location.xiu.active {
    -webkit-animation: resultXiu 200ms linear infinite;
    -moz-animation: resultTaiXiu 200ms linear infinite;
    animation: resultTaiXiu 200ms linear infinite
}

@-webkit-keyframes resultXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes resultTai {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes resultTaiXiu {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes resultTaiXiu {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#Popup_Container {
    background: url(../images/bg_bxh.png) no-repeat;
    position: absolute;
    z-index: 1300;
    display: none;
    font-family: Conv_UTM_Swiss_Condensed;
    color: #fff;
    font-size: 20px;
    width: 1200px;
    height: 759px;
    left: 392px;
    top: 105px;
}

 
#dragon .setfast {
    position: absolute;
    width: 679px;
    height: 205px;
    background: url('../images/minigame/lucky/asset.png') no-repeat -0px -606px;
    top: 521px;
    left: 62px;
    z-index: 2;
}



#dragon .setfast ul li {
    width: 105px;
    height: 49px;
    float: left;
    background: url('../images/minigame/lucky/asset.png') no-repeat -473px -0px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    line-height: 49px;
    font-size: 23px;
    color: #000;
    font-weight: bold;
    font-family: Conv_UTM_Swiss;
}

    #dragon .setfast ul li:hover {
        background-position: -578px 0px;
    }


#dragon .setfast .numfast {
    padding: 20px 60px;
    width: 679px;
    height: 146px;
}


#dragon .setfast .numfast_other {
    padding: 20px 8px;
    width: 679px;
    height: 146px;
}


    #dragon .setfast .numfast_other li:last-child:before {
        content: '';
        width: 40px;
        height: 25px;
        background: url('../images/minigame/lucky/asset.png') no-repeat -56px -0px;
        position: absolute;
        right: 41px;
        top: 91px;
    }





#dragon .setfast .bt_fastOk {
    width: 135px;
    height: 55px;
    background: url('../images/minigame/lucky/asset.png') no-repeat -775px -0px;
    position: absolute;
    left: 270px;
    top: 137px;
}

#dragon .setfast .bt_fastCancel {
    width: 135px;
    height: 55px;
    background: url('../images/minigame/lucky/asset.png') no-repeat -0px -92px;
    position: absolute;
    left: 430px;
    top: 137px;
}


#dragon .setfast .bt_shortcutkey {
    width: 144px;
    height: 62px;
    background: url('../images/minigame/lucky/asset.png') no-repeat -270px -92px;
    position: absolute;
    left: 104px;
    top: 135px;
}


    #dragon .setfast .bt_shortcutkey.active {
        width: 135px;
        height: 55px;
        background: url('../images/minigame/lucky/asset.png') no-repeat -135px -92px;
        top: 137px;
    }


#dragon .setfast div:hover {
    filter: brightness(120%);
}


        

                
.use-star * {
    color: #ffe558;
}

.use-coin * {
    color: #fff;
}
  
@keyframes bubbleTx {
    0% {
        transform: scale(1.2);
    }

    7% {
        transform: scale(0.8);
    }

    14% {
        transform: scale(1.2);
    }

    21% {
        transform: scale(0.8);
    }

    28% {
        transform: scale(1);
    }
}

/*dragon*/
  
#dragon .dragon_game_v2 {
    position: absolute;
    left: 353px;
    top: 98px;
}

 
.lucky_title {
    position: absolute;
    left: 0px;
    top: -99px;
    pointer-events: none;
    z-index: 1;
}

.lucky_rect {
    position: absolute;
    left: 165px;
    top: 24px;
    
}

.lucky_rect .rect1 {
    width: 340px;
    height: 96px;
    position: absolute;
    background: rgb(0 0 0 / 0.001);
    left: 78px;
    top: 32px;
}


.lucky_rect .rect2 {
    width: 204px;
    height: 196px;
    position: absolute;
    background: rgb(0 0 0 / 0.001);
    left: -118px;
    top: -2px;
    border-radius: 162px;
}

.lucky_rect .rect3 {
    width: 779px;
    height: 393px;
    position: absolute;
    background: rgb(0 0 0 / 0.001);
    left: -147px;
    top: 113px;
    border-radius: 292px;
}

.lucky_rect .rect4 {
    width: 390px;
    height: 59px;
    position: absolute;
    background: rgb(0 0 0 /0.001 );
    left: 51px;
    top: 500px;
}


   






#dragon .sessionDragon {
    position: absolute;
    font-size: 22px;
    left: 612px;
    top: 38px;
    color: #fff;
}

#dragon .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;
    cursor: pointer;
}
#dragon .buttons .button-guide, #dragon .buttons .button-history, #dragon .buttons .button-trophy {
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    height: 67px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameBL.c1b714d8.png);
    background-position: -0px -0px;
}
#dragon .buttons .button-guide {
    top: 34px;
    left: 30px;
    background-position: -398px -511px;
}
#dragon .buttons .button-history {
    top: 91px;
    left: 3px;
    background-position: -471px -511px;
}
#dragon .buttons .button-trophy {
    top: 159px;
    left: -2px;
    background-position: -809px -511px;
}
#dragon .buttons .button-close {
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameBL.c1b714d8.png);
    background-position: -2px -2px;
    top: 162px;
    left: 861px;
}
#dragon .buttons .button-close {
    top: 0px;
    left: 818px;
}
#dragon .game .ic-close {
    width: 21px;
    height: 22px;
    background-image: url(../images/media/MiniGameBL.c1b714d8.png);
    background-position: -72px -2px;
}
#dragon .buttons .button i {
    position: relative;
    top: -3px;
}
#dragon .button:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
}


#dragon .game-pad {
    display: none;
    position: absolute;
    top: 394px;
    left: 170px;
    width: 629px;
    height: 238px;
    background: rgb(0 0 0 / 60%);
    border-radius: 20px;
}
    #dragon .game-pad .other, #dragon .game-pad .quick {
        display: block;
        position: relative;
        z-index: 1000;
    }
        #dragon .game-pad .other.active, #dragon .game-pad .quick.active {
            display: block;
        }
    #dragon .game-pad .bets {
        margin-top: 10px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 12px;
        height: 150px;
    }
        #dragon .game-pad .bets, #dragon .game-pad .bets .bet {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }


    #dragon .game-pad .quick .bet {
        display: inline-block;
        width: 146px;
        height: 58px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -582px -2px;
    }
    #dragon .game-pad .bets .bet {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 25px;
        font-weight: 700;
        color: #2f0d0d;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer;
        -webkit-text-stroke: 1px #35356a;
        text-stroke: 1px #35356a;
    }
    #dragon .game-pad .bets, #dragon .game-pad .bets .bet {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #dragon .game-pad .actions {
        margin-top: 2px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 8px;
    }
        #dragon .game-pad .actions, #dragon .game-pad .actions span {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
            #dragon .game-pad .actions, #dragon .game-pad .actions span {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }


    #dragon .game-pad .button-green, #dragon .game-pad .button-yellow {
        display: inline-block;
        width: 199px;
        height: 66px;
        background-repeat: no-repeat;
    }
    #dragon .game-pad .button-green {
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -751px -5px;
    }
    #dragon .game-pad .actions, #dragon .game-pad .actions span {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
        #dragon .game-pad .actions span {
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 25px;
            font-weight: 700;
            color: #fff;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            padding-bottom: 10px;
            cursor: pointer;
        }
    #dragon .game-pad .button-yellow {
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -20px -603px;
    }
    #dragon .game-pad .button-orange {
        display: inline-block;
        width: 199px;
        height: 66px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -260px -606px;
    }
    #dragon .game .message {
        position: absolute;
        text-align: center;
        width: 100%;
        font-size: 24px;
        top: 313px;
        display: none;
    }
    #dragon .game .tip-bet {
        width: 328px;
        height: 50px;
        position: absolute;
        top: 266px;
        left: 329px;
        text-align: center;
        line-height: 50px;
        font-size: 28px;
        color: #dc143c;
        font-weight: 700;
        display: block;
        z-index: 1;
        pointer-events: none;
    }
 