@charset "utf-8";


/*야구*/
#wrap #game #timer{font-size:5.3vw; top:1%; right:6%; position:absolute;color:#ffffff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000000; font-weight: 800; text-align: right; z-index: 10;}
#wrap #game #timer em{margin-left:10px;}

#wrap #game #score{font-size:26px;color:#000; font-weight: 600; top: 5%;left: 5%; width: 59%;text-align: left; z-index: 10;}
#wrap #game #score em{font-size:30px; margin-left:10px; color:#ac2121; }

#wrap #game #ballRemain{font-size:26px;color:#000; font-weight: 600; top: 5%;right: 5%; width: 25%;text-align: right; z-index: 10;}
#wrap #game #ballRemain span{width:23px; height:23px; border-radius: 50%; border:2px solid #000; background-color: #ffffff; display: inline-block; vertical-align: -7px;}
#wrap #game #ballRemain em{font-size:30px; margin-left:10px; color:#000; display: inline-block; vertical-align: top;}

#wrap #game #strike{top: 13%;right: 3%;width: 23%;height: 5%;z-index: 10; display: none;}
#wrap #game #strike span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_strike0.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #strike span.s1{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_strike1.png');}
#wrap #game #strike span.s2{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_strike2.png');}
#wrap #game #strike span.s3{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_strike3.png');}

#wrap #game #zone{top:65%;left: 39%; width:23%; height:13%;}
#wrap #game #zone span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_zone_target.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #zone em{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_zone_ball.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:38%; height:36%; top:32.5%; left:31%; opacity: 0;}

/*#wrap #game #bat{top:76%;left:18%; width:54%; height:7%; opacity: 0.7; background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_bat.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; z-index: 100;}*/

#wrap #game #sun{top: 56%;left: 4%;width: 52%;height: 30%;z-index: 10;}
#wrap #game #sun span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun0.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #sun span.hit1{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun_hit1.png');}
#wrap #game #sun span.hit2{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun_hit2.png');}
#wrap #game #sun span.hit{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun1.png');}
#wrap #game #sun span.strike{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun2.png');}

#wrap #game #jjan{top: 15%;left: 32%;width: 48%;height: 28%;}
#wrap #game #jjan span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_jjan0.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #jjan span.throw{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_jjan1.png');}
#wrap #game #jjan span.strike{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_jjan2.png');}
#wrap #game #jjan span.hit{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_jjan3.png');}


#wrap #game #ball{top: 68%; left: 45%; width:11%; height:7%; display: none;}
#wrap #game #ball span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_ball.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #ball .hit{width:20%; height:30%; top:10%; left:40%; z-index: 3; }

#wrap #game #ball_fly{top: 68%; left: 45%; width:11%; height:7%; display: none;}
#wrap #game #ball_fly span{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_ball.png'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}

#wrap #game #txt{top:45%;left:0%; width:100%; height:9%; display: none; z-index: 20;}
#wrap #game #txt span{background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; width:100%; height:100%; top:0%; left:0%;}
#wrap #game #txt span.hit{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_txt_hit.png'); }
#wrap #game #txt span.homerun{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_txt_homerun.png'); }
#wrap #game #txt span.strike{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_txt_strike.png'); }


#beforLoading {position: absolute; top:100%; left:100%; width:0px; height:0px; opacity: 0;}
#beforLoading li.img1{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun_hit1.png');}
#beforLoading li.img2{background-image: url('https://dbins2.speedgabia.com/jjansun/images/game5/game_sun_hit2.png');}