.pb-box {
    width:824px;
    margin:0 auto;
    border:3px solid #8a0d0d;
}
.pb-box .title-box {
    width:31px;
    background-color:#cd1212;
    font-weight:bold;
    border-right:3px solid #8A0D0D;
}

.pb-box .left-box {
    background: url(/assets/images/powerball/lottery_default.jpg) no-repeat;
    width: 395px;
    height: 265px;
    border-right: 1px dotted #000;
}

.pb-box .left-box .ready {
    width:330px;
    height:100px;
    background-color: #333333;
    border: 1px solid yellow;
}

.ballAni { 
    left: 153px;
    top:-5px;
    display: none;
    /* opacity: 0; */
}

.pb-box .right-box {
    background: url(/assets/images/powerball/lottery_bg.jpg) no-repeat;
    width: 392px;
    height: 265px;
}

.pb-box .right-box .tit1, .pb-box .right-box .tit2{
    color: #fff;
    width:270px;
    border:1px solid #fff;
    background-color: #333333;
    margin:0 auto;
}

.pb-box .right-box .result1, .pb-box .right-box .result2 {
    width:270px;
    min-height: 45px;
    margin: 0 auto;
} 
.pb-box .ball {
    display:inline-block;
    width:45px;
    height:45px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color:#fff;
}

.ball.ball-blue {
    background:url(/assets/images/powerball/sp_miniview1.png) -75px -119px;
}
.ball.ball-red {
    background:url(/assets/images/powerball/sp_miniview1.png) -75px -54px;
}
.ball.ball-green {
    background:url(/assets/images/powerball/sp_miniview1.png) -10px -119px;
}
.ball.ball-yellow {
    background:url(/assets/images/powerball/sp_miniview1.png) -10px -54px;
}


.ladderResultBox {width:824px;margin:0 auto;border:3px solid #8a0d0d;position: relative;}
.ladderResultBox .title {width:30px;height:250px;font-size:13px;background-color:#cd1212;color:#fff;font-weight:bold;padding:15px 10px;;border-right:2px solid #8A0D0D;text-align: center;}
.ladderResultBox .title div {margin-top:5px;}
.ladderResultBox .title .close {position:absolute;top:-3px;right:-3px;z-index:99;width:38px;height:38px;background:url(/asset/image/sp_miniview1.png) -196px -10px;}
.ladderResultBox .content {position:absolute;top:0;margin-left:37px;font-size:12px;background-color:#FDFDFD;}
.ladderResultBox .content .leftBox {float:left;width:395px;height:265px;border-right:1px dotted #000;}
.ladderResultBox .content .leftBox .link {width:166px;height:24px;background:url(/assets/images/powerball/sp_miniview1.png) -10px -10px;display:block;}
.ladderResultBox .content .leftBox .minipb1 {width:166px;height:24px;background:url(/assets/images/powerball/sp_miniview1.png) -10px -10px;display:block;}
.ladderResultBox .content .leftBox .minipb3 {width:166px;height:24px;background:url(/assets/images/powerball/sp_miniview3.png) -10px -10px;display:block;}
.ladderResultBox .content .leftBox .minipb5 {width:166px;height:24px;background:url(/assets/images/powerball/sp_miniview5.png) -10px -10px;display:block;}

.ladderResultBox .content .rightBox {position:relative;float:right;width:391px;height:265px;}
.ladderResultBox .content .rightBox .tit {position:absolute;top:33px;left:28px;width:260px;height:12px;background-color:#333333;margin:0 27px;display:block;z-index:10;border:1px solid #fff;color:#fff;font-size:12px;padding:5px;text-align:center;font-weight:bold;}
.ladderResultBox .content .rightBox .tit2 {position:absolute;top:143px;left:28px;width:260px;height:12px;background-color:#333333;margin:0 27px;display:block;z-index:10;border:1px solid #fff;color:#fff;font-size:12px;padding:5px;text-align:center;font-weight:bold;}

.ladderResultBox .content .ball_blue {display:inline-block;width:45px;height:45px;background:url(/assets/images/powerball/sp_miniview1.png) -75px -119px;}
.ladderResultBox .content .ball_red {display:inline-block;width:45px;height:45px;background:url(/assets/images/powerball/sp_miniview1.png) -75px -54px;}
.ladderResultBox .content .ball_green {display:inline-block;width:45px;height:45px;background:url(/assets/images/powerball/sp_miniview1.png) -10px -119px;}
.ladderResultBox .content .ball_yellow {display:inline-block;width:45px;height:45px;background:url(/assets/images/powerball/sp_miniview1.png) -10px -54px;}

/* leftBox */
.ladderReady {position:absolute;top:85px;width:330px;height:100px;background-color:#333333;margin:0 32px;display:block;z-index:10;border:1px solid yellow;}
.ladderReady .box {text-align:center;padding:20px;font-size:12px;}
.ladderReady .box .time {color:#fff;font-weight:bold;line-height:20px;}
.ladderReady .box .time em {font-style:normal;}
.ladderReady .box .result {color:#FFFF00;line-height:20px;}
.ladderReady #lastResult {font-size:15px;}
.ladderReady .timeRound { font-size:15px;}

/* lottery box */
.lotteryBox {position:relative;width:395px;height:265px;background:url(/assets/images/powerball/lottery_default.jpg) no-repeat;}
.lotteryBox .play {text-align:center;display:none;}
.lotteryBox .lotteryBall {position:absolute;width:45px;height:45px;color:#fff;font-size:22px;font-family:"Nanum Gothic", sans-serif;font-weight: 700;text-align:center;line-height:48px;}
.lotteryResultBox {position:relative;background:url(/assets/images/powerball/lottery_bg.jpg) no-repeat;width:392px;height:265px;}
.lotteryResultBox .lotteryResult {position:absolute;top:73px;left:55px;width:272px;height:45px;}
.lotteryResultBox .lotteryResult .ballNumber {position:absolute;width:45px;height:45px;color:#fff;font-size:22px;font-family:"Nanum Gothic", sans-serif;font-weight: 700;text-align:center;line-height:48px;}

.lotteryResultBox .beforeResult {position:absolute;top:183px;left:55px;width:272px;height:45px;}
.lotteryResultBox .beforeResult .ballNumber {position:absolute;width:45px;height:45px;color:#fff;font-size:22px;font-family:"Nanum Gothic", sans-serif;font-weight: 700;text-align:center;line-height:48px;}


.bettingBtn {position:absolute;left:0;width:100px;height:25px;line-height:25px;z-index:99;}
.bettingBtn a {color:#fff;display:block;background-color:#CD1212;border:1px solid #8A0D0D;color:#fff;text-align:center;}

.miniViewBtn {position:absolute;right:0;width:100px;height:25px;line-height:25px;z-index:99;}
.miniViewBtn a {color:#fff;display:block;background-color:#CD1212;border:1px solid #8A0D0D;color:#fff;text-align:center;}


.gameNotice { 
    position:absolute;
    bottom:0px;
    width:100%;
    background-color:black;
    color:white;
    font-size:14px;
    font-weight: bold;
    text-align:center;
    z-index:9;
    padding:10px 0px;
}

.pattern_wrap {
    width:824px;
    margin:0 auto;
}

.pattern_wrap ::-webkit-scrollbar {
    width: 2px;
}
.pattern_wrap ::-webkit-scrollbar-track {
    border-radius:5px;
}  
.pattern_wrap ::-webkit-scrollbar-thumb, .pattern_wrap::-webkit-scrollbar-thumb:hover {
    border-radius: 2px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.pattern_wrap .pattern .item-title {
    border-top: 1px solid #d6d6d6;
    
}
.pattern_wrap .pattern .item-left {
    border-left: 1px solid #d6d6d6;
}

.pattern_wrap .pattern .item {
    display: flex;
    align-items: center;
    justify-content: center;    
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}


.pattern_wrap .item dt.ODD,
.pattern_wrap .item dt.UNDER,
.pattern_wrap .item dt.SMALL,
.pattern_wrap .item dt.LEFT,
.pattern_wrap .item dt.line3,
.pattern_wrap .item dt.LEFT4ODD,
.pattern_wrap .item dt.RIGHT3ODD {
    color: #2980b9
}

.pattern_wrap .item dt.MIDDLE {
    color: #91c653 !important;
}

.pattern_wrap .item dt.EVEN,
.pattern_wrap .item dt.OVER,
.pattern_wrap .item dt.LARGE,
.pattern_wrap .item dt.RIGHT,
.pattern_wrap .item dt.line4,
.pattern_wrap .item dt.LEFT3EVEN,
.pattern_wrap .item dt.RIGHT4EVEN {
    color: #c0392b
}


.pattern_wrap .item span {
    width: 31px;
    height: 31px;
    line-height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border-radius: 16px;
    color: #fff;
}

.pattern_wrap .item span.ODD,
.pattern_wrap .item span.UNDER,
.pattern_wrap .item span.SMALL,
.pattern_wrap .item span.LEFT,
.pattern_wrap .item span.LINE3,
.pattern_wrap .item span.LEFT4ODD,
.pattern_wrap .item span.RIGHT3ODD {
    background-color: #3498db;
}

.pattern_wrap .item span.MIDDLE {
    background-color: #91c653 !important;
}

.pattern_wrap .item span.EVEN,
.pattern_wrap .item span.OVER,
.pattern_wrap .item span.LARGE,
.pattern_wrap .item span.RIGHT,
.pattern_wrap .item span.LINE4,
.pattern_wrap .item span.LEFT3EVEN,
.pattern_wrap .item span.RIGHT4EVEN {
    background-color: #e74c3c;
}

.item-grid {
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}
.item-grid .item {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}