.chocolates{
z-index:1;
}
#contentArea{
margin: 0 auto;
text-align: center;
background: #FFF;
width: 550px;
height: 550px;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
}
#pointArea{
position: absolute;
top: 60px;
left: 20px;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
z-index:2;
}
#point{
color: #FF9;
}
#timeArea{
position: absolute;
top: 30px;
left: 20px;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
z-index:2;
}
#leftTimeArea{
color: #F33;
}
#gameStartDisplay{
position: absolute;
width: 550px;
height: 550px;
background: url("image_choco.png");
z-index: 2;
}
#gameDisplay{
position: absolute;
display: none;
width: 550px;
height: 550px;
background: url("bg_event.png") repeat;
}
#gameOverDisplay{
position: absolute;
display: none;
width: 550px;
height: 550px;
background: url("share_choco.jpg");
z-index: 2;
}
#score{
position: absolute;
font-size: 20px;
top: 70px;
left: 175px;
}
#gotPoint{
position: absolute;
top: 0;
left: -130px;
width: 460px;
text-align: center;
font-size: 160px;
color: #F00;
font-family: serif;
}
#rankValue{
position: absolute;
top: 200px;
left: -130px;
width: 460px;
text-align: center;
}.chocolates{
z-index:1;
}
#contentArea{
margin: 0 auto;
text-align: center;
background: #FFF;
width: 550px;
height: 550px;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
}
#pointArea{
position: absolute;
top: 60px;
left: 20px;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
z-index:2;
}
#point{
color: #FF9;
}
#timeArea{
position: absolute;
top: 30px;
left: 20px;
font-size: 20px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
z-index:2;
}
#leftTimeArea{
color: #F33;
}
#gameStartDisplay{
position: absolute;
width: 550px;
height: 550px;
background: url("image_choco.png");
z-index: 2;
}
#gameDisplay{
position: absolute;
display: none;
width: 550px;
height: 550px;
background: url("bg_event.png") repeat;
}
#gameOverDisplay{
position: absolute;
display: none;
width: 550px;
height: 550px;
background: url("share_choco.jpg");
z-index: 2;
}
#score{
position: absolute;
font-size: 20px;
top: 70px;
left: 175px;
}
#gotPoint{
position: absolute;
top: 0;
left: -130px;
width: 460px;
text-align: center;
font-size: 160px;
color: #F00;
font-family: serif;
}
#rankValue{
position: absolute;
top: 200px;
left: -130px;
width: 460px;
text-align: center;
}