html, body {  
background:#FFFFFF; 
cursor: none;
margin:0px; padding:0px;
overflow:hidden;
 }
 
#gen
{
margin:0; padding:0; 
position:absolute;
top:0px;
left:0%;
width:100%;
height:100%;
background-color:rgb(255,255,255);
z-index: 0;
}

img {
    width:100%;
    height:100%;
}

.show {
  opacity: 0.2;
  transition: opacity 500ms;
}

.hide {
  opacity: 0;
  transition: opacity 500ms;
}

#ox
{
margin:0; padding:0; position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgb(255,255,255);
z-index: 1;
}

#bin {
margin:0px; padding:0px;
position:absolute;
bottom:5px;
right:0px;
left:0px;
width:100%;
word-wrap: break-word;
text-align: center;
font-family: "Courier", monospace;
font-size:2.4vw;
font-weight: normal;
line-height: 0.8;
color:#000;
z-index: 10;
}

#cir {
margin:0; padding:0; 
position: absolute;
height: 10px;    
top: 50%; 
left: 50%;
width: 10px;  
margin-left: 0px; 
background-color:#fff;
border-radius: 50%;
z-index: 100;
}

@media only screen and (max-width: 640px) {
#bin {
overflow:hidden;
margin:0px; padding:0px;
position:absolute;
bottom:-3.3vw;
right:0px;
left:0px;
width:100%;
word-wrap: break-all;
text-align: center;
font-family: "Courier", monospace;
font-size:4.8vw;
font-weight: normal;
line-height: 0.8;
color:#000;
z-index: 10;
}