@media all and (max-width:880px){
.powerladder_area {padding:0 8px !important;}
}

.powerladder_wrap {position:relative; top:50%; margin:-315px auto 0 auto; max-width:900px; height:630px; background:url('/public/images/minigame/redball/bg_main.png') no-repeat center 0; overflow:hidden;}
.powerladder_wrap {font-family:'굴림', Gulim, sans-serif;}
.powerladder_wrap .left_area,
.powerladder_wrap .right_area {position:relative; width:245px; height:486px; box-sizing:border-box; background:url('/public/images/minigame/redball/frame_side.png') no-repeat; z-index:10;}
.powerladder_wrap .left_area {float:left; padding:5px 0 0 0 ; background-position:left 0;}
.powerladder_wrap .right_area {float:right; padding:5px 0 0 0; background-position:right 0;}
.powerladder_wrap .center_wrap {position:absolute; top:0; left:50%; margin-left:-154px; width:308px; height:482px; background:url('/public/images/minigame/redball/frame_center.png') no-repeat 0 0;}
.powerladder_wrap .center_area {position:relative; padding:10px 0 0 0;}

.powerladder_area {position:relative; margin:123px auto 0 auto; padding:0 35px; max-width:900px; min-width:830px; height:516px; box-sizing:border-box;}
.powerladder_area .hd {position:relative;}
.powerladder_area .hd .title {position:absolute; top:-116px; left:50%; margin-left:-151px; display:block; width:303px; height:104px; background:url('/public/images/minigame/redball/powerladder/logo.png') no-repeat 0 0; z-index:10;}
.powerladder_area .hd .title a {display:block; width:303px; height:104px; text-indent:-9999px; overflow:hidden;}
.powerladder_area .bd:after {display:block; content:''; clear:both;}
.powerladder_area .ft {position:absolute; left:0; right:0; bottom:0; height:75px; background:url('/public/images/minigame/redball/bg_ft.png') no-repeat center 0;}
.powerladder_area .ft .clock {position:absolute; left:0; right:0; bottom:49px; height:20px; line-height:20px; text-align:center; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#fff; z-index:4;}
.powerladder_area .ft .copyright {display:none;}

/* game_board_area */
.game_board_area {margin:10px auto 20px auto; width:270px; height:270px;}

/* waiting_info */
.waiting_info {position:absolute; bottom:0; width:270px; height:270px; background-color:rgba(0, 0, 0, .5); z-index:100;}
.waiting_info .round {margin:128px 0 3px 0; font-family:Swagger TTF, sans-serif; text-align:center; font-size:23px; color:#fff;}
.waiting_info .round span {display:inline-block; text-align:center;}
.waiting_info .countdown_clock {display:block; font-family:Swagger TTF, sans-serif; text-align:center; font-size:20px; color:#fff;}
.waiting_info .game_type {position:absolute; top:97px; left:50%; margin-left:-30px; width:56px; height:20px; line-height:21px; border-radius:12px; border:2px solid #e1b328; text-align:center; font-size:16px; background-color:#070220; color:#e3d42b; text-shadow:0 0 5px #000;}
.waiting_info .game_type {font-family:Swagger TTF, sans-serif;}
.waiting_info .game_type span {margin-right:2px; font-size:15px;}

/* game_board */
.game_board {position:relative; width:270px; height:270px; border-radius:10px; background-color:#14080e; box-sizing:border-box; overflow:hidden;}
.game_board .ic {position:relative; width:52px; height:52px; background:url('/public/images/minigame/redball/powerladder/sp_board.png') no-repeat 0 0; background-size:500px 500px; text-indent:-9999px; overflow:hidden; z-index:1;}
.game_board .ic.left {float:left; background-position:0 -170px;}
.game_board .ic.right {float:right; background-position:-60px -170px;}
.game_board .ic.odd {float:left; background-position:-120px -170px;}
.game_board .ic.even {float:right; background-position:-180px -170px;}
.game_board .ic.left.active {background-position:0 -230px;}
.game_board .ic.right.active {background-position:-60px -230px;}
.game_board .ic.odd.active {background-position:-120px -230px;}
.game_board .ic.even.active {background-position:-180px -230px;}

.start_point, .end_point {padding:0 38px; height:52px;}
.start_point {margin-top:6px;}

#ladder_board {margin:-2px 59px; width:152px; height:154px; background:url('/public/images/minigame/redball/powerladder/sp_board.png') no-repeat 0 0; background-size:500px 500px; overflow:hidden;}
#ladder_board span {display:none; background-color:#e1b328;}
#ladder_board.line3 {background-position:-160px 0;}
#ladder_board.line4 {background-position:-320px 0;}
#ladder_board .v {height:30px; font-size:0;}
#ladder_board .h {width:152px; height:10px; font-size:0;}
#ladder_board .v span,
#ladder_board .h span {width:10px; height:10px;}
#ladder_board .right span {float:right;}
#ladder_board.line3 .line_1.v,
#ladder_board.line3 .line_7.v {height:32px;}
#ladder_board.line4 .line_1.v,
#ladder_board.line4 .line_9.v {height:12px;}

/* latest_result_area */
.latest_result_area {padding:0 16px 0 16px; font-family:Swagger TTF, sans-serif;}
.latest_result_area .top {margin-bottom:10px; height:37px; text-align:center;}
.latest_result_area .tit {display:inline-block; line-height:37px; font-size:19px;  font-weight:normal; color:#fff; text-shadow:0 0 5px #19003a;}
.latest_result_area .btn_close {display:none;}
.latest_result_area .btn_ly_pattern {display:inline-block; margin:5px 0 0 3px; width:71px; height:26px; background:url('/public/images/minigame/common/sp_btn.png') no-repeat 0 -40px; text-indent:-9999px; overflow:hidden; vertical-align:top;}
.latest_result_area .btn_area a {float:left; margin-left:5px; width:67px; height:36px; background:url('/public/images/minigame/common/sp_btn.png') no-repeat; text-indent:-9999px; overflow:hidden;}
.latest_result_area .btn_area a:first-child {margin-left:0;}
.latest_result_area .btn_area .btn_date {background-position:-80px -40px;}
.latest_result_area .btn_area .btn_round {background-position:-150px -40px;}
.latest_result_area .btn_area .btn_pattern {background-position:-220px -40px;}
.latest_result_area .result_list {position:relative; margin-bottom:10px; padding:0; height:373px; overflow:scroll; overflow-x:hidden;}
.latest_result_area .result_list::-webkit-scrollbar-track {border-radius:3px; background-color:#061319;}
.latest_result_area .result_list::-webkit-scrollbar {width:7px;}
.latest_result_area .result_list::-webkit-scrollbar-thumb {height:50px; background-color:#e1b328; border-radius:3px;}
.latest_result_area .result_list li {margin-bottom:5px; width:193px; height:73px; border-radius:5px; background:rgba(0, 0, 0, 0.35); border-right:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); overflow:hidden; box-sizing:border-box;}
.latest_result_area .result_list .round {height:25px; line-height:26px; text-align:center; background:rgba(0, 0, 0, 0.35);}
.latest_result_area .result_list .round span {display:inline-block; font-size:15px; color:#fff; text-shadow:0 0 5px #19003a;}
.latest_result_area .result_list .round .r {margin-left:5px; color:#7a7a7a;}
.latest_result_area .result_list .result {display:block; padding:6px 5px 0 5px; text-align:center;}
.latest_result_area .result_list .result em {display:inline-block; margin-left:5px; width:35px; height:35px; line-height:37px; text-align:center; font-size:23px; text-shadow:0 0 5px #000; color:#fff; background:url('/public/images/minigame/redball/powerladder/sp_board.png') no-repeat 0 -9999px; background-size:500px 500px;}
.latest_result_area .result_list .result em:first-child {margin-left:0;}
.latest_result_area .result_list em.LEFT,
.latest_result_area .result_list em.LINE3,
.latest_result_area .result_list em.ODD {background-position:-250px -170px;}
.latest_result_area .result_list em.RIGHT,
.latest_result_area .result_list em.LINE4,
.latest_result_area .result_list em.EVEN {background-position:-290px -170px;}

/* result_board */
.result_board {display:none; position:absolute; top:0; padding:30px 30px 30px 30px; width:270px; height:270px; background-color:rgba(0, 0, 0, .8); z-index:100; box-sizing:border-box; font-family:Swagger TTF, sans-serif; color:#fff;}
.result_board {backdrop-filter:blur(4px);}
.result_board h3 {margin-bottom:20px; font-weight:normal; text-align:center; font-size:25px; color:#e1b328; font-style:oblique;}
.result_board dl {padding:0 10px; margin-bottom:10px; height:36px; line-height:38px;}
.result_board dl:after {display:block; content:''; clear:both;}
.result_board dt {float:left; font-size:20px;}
.result_board dd {text-align:right;}
.result_board span {display:inline-block; margin:0 0 0 5px; width:35px; height:35px; line-height:37px; text-align:center; font-size:20px; text-shadow:0 0 5px #000; color:#fff; background:url('/public/images/minigame/redball/powerladder/sp_board.png') no-repeat 0 -9999px; background-size:500px 500px;}
.result_board span.LEFT,
.result_board span.LINE3,
.result_board span.ODD {background-position:-250px -170px;}
.result_board span.RIGHT,
.result_board span.LINE4,
.result_board span.EVEN {background-position:-290px -170px;}

/* result_waiting_board */
.result_waiting_board {display:none; position:absolute; top:0; width:270px; height:270px; line-height:270px; text-align:center; background-color:rgba(0, 0, 0, .5); z-index:100; box-sizing:border-box; font-family:Swagger TTF, sans-serif; color:#fff;}
.result_waiting_board {backdrop-filter:blur(4px);}
.result_waiting_board span {font-size:25px; color:#e1b328; font-style:oblique;}
