.preloader{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1px;
height:0px;
overflow:hidden;}
.dot{
position:fixed;
left:50%;
top:50%;}
.loading{
position:fixed;
width:100%;
height:100%;
z-index:100;
background:rgba(255,255,255,0.5) url(../image/loading-2.gif) center center no-repeat;
background-size:50px auto;}

.Box{
position:relative;
z-index:1;
max-width:640px;
margin:0 auto;
overflow:hidden;}

.hide{
display:none;}

.fb{
position:relative;
left:100%;
opacity:0;}

.game_main .grass{
pointer-events:none;}

.game_main .itemCase{
cursor:pointer;}
.game_main .itemCase:hover{}

.itemCase{
overflow:hidden;
width:30%;}

.itemCase .target{
position:absolute;
width:100%;
background-position:center center;
background-repeat:no-repeat;
background-size: 60% auto;
left:0;
top:0;
margin-top:97%;
}
.itemCase img{
width:100%;
	visibility: hidden;
}


#game_score .point{
width:35px;}
#game_score .score{
width:25px;}

div.goodDe{
background-image: url(../image/goodDefeat.png);}
div.badDe{
background-image: url(../image/badDefeat.png);}

#container{
position:relative;
z-index:1;}
.showPoint{
position:absolute;
z-index:10;
text-align:center;}

.countDown{
z-index:50;}
.countDown .txt{
position:absolute;
left:-20px;
width:40px;
text-align:center;
top:-50px;
font-size:20px;
line-height:30px;
color:orange;
opacity:0;
-webkit-text-shadow:0 0 1px white;
-moz-=text-shadow:0 0 1px white;
text-shadow:0 0 1px white;
}

div.fail h6, div.fail h5{
color:white;
-webkit-text-shadow:none;
text-shadow:none;
}
.result{
position:relative;}
.result h5{
padding-top:30px;}

.result p{
color:orange;
font-size:18px;
font-weight:700;
line-height:30px;
padding:0;
margin:0;}
.result h3{
padding:0;
margin:0;}
.result .btn{
margin-top:-30px;}
.result .btn{
padding:0 0 10px;}
.result .btn a{
display:inline-block;
background-color:orange;
color:white;
font-size:20px;
text-decoration:none;
line-height:40px;
padding:0 20px;
margin:0 10px;}