@charset "UTF-8";
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
img {
 -webkit-user-drag: none;
 -khtml-user-drag: none;
 -moz-user-drag: none;
 -o-user-drag: none;
 user-drag: none;
}
#race_game {width:100%;margin:0 auto;padding:0px;position:relative;background:transparent;	border:0px solid red;overflow:hidden;overflow-x:scroll;	}
#race_game::-webkit-scrollbar{ width:5px;height:5px; border-radius:50px;}
#race_game::-webkit-scrollbar-track{background-color:#E8E8E8; border-radius:50px;}
#race_game::-webkit-scrollbar-thumb{background:#0a5600;border-radius:50px; }
#race_game::-webkit-scrollbar-thumb:hover{background:#0a5600;}
#race_game::-webkit-scrollbar-thumb:active{background:#0a5600;}
#race_game::-webkit-scrollbar-button { display: none; }
#race_game_track{width:980px;position:relative;padding:4px 0;background:#7c7c7c;}
#race_game_track:before{content:'';position:absolute;top:-4px;left:0px;width:100%;height:8px;background-image:url(/game/img/race/rail3.png);z-index:10;background-size:100% }
#race_game_track:after{content:'';position:absolute;bottom:-4px;left:0px;width:100%;height:8px;background-image:url(/game/img/race/rail3.png);z-index:10;background-size:100% }
.race_track{background:#7c7c7c;position:relative;height:48px;margin-bottom:4px;font-family: "Rubik Moonrocks", sans-serif;} 
.race_track.mycar{background:#cc2300;}
.race_track:after{color:#ffd431;position:absolute;bottom:-11px;left:0px;width:100%;font-size:20px;width:100%;height:24px;content:'- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ';}
.race_track:last-child{border-bottom:0px }
#race_game_track .race_track:last-child{margin-bottom:0px;}
#race_game_track .race_track:last-child:after{content:'';}
.numberRing{z-index:1;position:absolute;top:50%;transform:translateY(-50%);left:48px;color:#fff;height:54px;line-height:54px;padding-left:5px;border-left:4px solid #fff;font-size:24px}
.mal{z-index:3;position:relative;font-size:2em;}
.rank_point{z-index:2;position:absolute;top:50%;transform:translateY(-50%);right:0px;width:52px;height:52px;background-image:url(/game/img/race/goal.png);background-size:100% 100%}
.malpung{border:1px solid #333;background:white;color:black;border-radius:4px;padding:1px 3px;z-index:2;position:relative;font-size:0.8em;top:-14px;left:-48px;display:none;vertical-align: top;}
.rank {position:absolute;top:0px;right:60px;height:52px;width:52px;line-height:52px;text-align:center;color:white;font-size:26px;}
.point3{position:absolute;top:0px;left:30%;width:50px;height:100%;z-index:1;padding-top:8px}
.point6{position:absolute;top:0px;left:63%;width:50px;height:100%;z-index:1;padding-top:8px}
.point3 span, .point6 span{vertical-align:top;}

.meter{padding-left:3px;color:#ffffffa1;font-family: "Rubik Moonrocks", sans-serif;font-size:16px;}
.line{display:inline-block;width:3px;height:100%;}
.die{color:#a1a1a1;}
.fa-crown{color:white;font-size:1em;}
.crown1{color:#ffe73a;}
.crown2{color:#e9e9e9;}
.crown3{color:#ffa544;}

.race_track .crown1{font-size:30px;}
.race_track .crown2{font-size:28px;}
.race_track .crown3{font-size:26px;}


.gameBottom{display:flex;margin-top:20px;gap:40px;background:#333;padding:10px;}
.gameBottom .gameset{width:140px;padding-top:4px;}
.gameBottom .pp{position:relative;}
.gameBottom .point {font-size:30px;font-family: "Bungee", sans-serif;}
.gameBottom .pp p{display:inline-block;background:#fff;width:100%;line-height:30px;height:30px;width:100%;text-align:right;margin-top:30px;border-radius:0px;border:1px solid #fff;font-size:15px;font-family: "Bungee", sans-serif;padding-right:14px;}
.gameBottom .pp span{position:absolute;top:0px;left:0px;background:#980002;border:1px solid #980002;color:#fff;display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:15px;font-family: "Bungee", sans-serif;}
.gameBottom .pp input{width:100%;height:30px;width:100%;text-align:right;margin-top:30px;border-radius:0px;border:1px solid #fff;font-size:15px;font-family: "Bungee", sans-serif;padding-right:2px;}
.gameBottom .race_content{width: calc( 100% - 140px );font-size:14px;color:#fff;font-family:"PR", sans-serif;text-align:center;padding-top:14px;}

.game_contents{max-width:980px;margin:0 auto;	background:#372642;margin-top:20px;padding:10px;color:#fff;font-family: "Bungee", sans-serif;}
.game_contents ul{list-style-type:none;margin:0;padding:0;}
.game_contents ul li{padding-left:20px;position:relative;font-size:14px;}
.game_contents ul li + li{margin-top:8px;}
.game_contents ul li:after{content:'';position:absolute;top:7px;left:5px;background:#fff;width:2px;height:2px;}

.gameIng{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;font-size:70px;font-family: "Bungee", sans-serif;color:rgb(255,255,255,0.3)}
#car_select{}
.car_list{display:inline-block;margin-right:10px;font-size:1.5em;}
.car_list span{display:inline-block;}
.car_list i{vertical-align:bottom;cursor:pointer}
.car_list img{cursor:pointer}
.car_list .selectcar{color:#f5b607;}
.race_track .selectcar{color:#ffe7a5;}

.form-car-list > div{display:inline-block;vertical-align:top;}
.car-label{height:50px;line-height:50px;width:70px;color:#333;text-align:left;font-family:"PR", sans-serif;font-size:16px;}
.car-input{width:calc(100% - 75px);height:50px;overflow:hidden;}

#raceBtn{
	background-color: #cc2300;
    border: 1px solid #cc2300;
	border-radius:5px;
	color:#fff;
	width:100%;
	font-family:"PR", sans-serif;
	font-size:18px;
	padding:6px 4px;
}

.arrow{
    -webkit-animation-name: arrow; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -ms-animation-name: arrow;
    -ms-animation-duration: 1.2s;
    -ms-animation-fill-mode: forwards;
    -ms-animation-iteration-count: infinite;
  
}

@-ms-keyframes arrow{
    0% {
       opacity: 0.2;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes arrow{
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0.2;
    }
}


@media (max-width: 600px) {
	.gameBottom{display:block;margin-top:0px;}
	.gameset{display:flex;width:calc(100% - 40px)!important;margin: 0 auto 10px auto;gap:20px;}
	.gameset > div{width:100%;}
	.gameBottom .pp input{margin-top:20px;font-size:12px;height:30px;}
	.gameBottom .pp span{height:20px;line-height:20px;font-size:12px;}
	.gameBottom .race_content{width:100%;}
	.gameBottom .point{font-size:12px;}
	.car-input{height:auto;}
	.gameIng{font-size:40px;}
}