@charset "utf-8";
/* CSS Document */

   *{
        margin: 0;
    }
body{

}

#all0{
	position: absolute;
	left: 0px;
	top: 0px;
	overflow-x:hidden;
	overflow-y: scroll;
	width: 750px;
	
}
#all{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 750px; 
	height: 1624px;  
	background-repeat: no-repeat;
z-index: 1;
}
 

#logo{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 80px;
	z-index: 100;
}

#dmarea{
	background-image: url("/content/dam/oppo/event-page-asset/eoco-warmup/mob/v3/common/dmbg.png");
  position: fixed;
  left: 0px;
  top: 1300px;
  width: 750px;
  height: 100px;
	z-index: 20;
}
 

#gobtn {
  background-image: url("/content/dam/oppo/event-page-asset/eoco-warmup/mob/v3/common/button.png");
  position: fixed;
  left: 204px;
  top: 1100px;
  width: 342px;
  height: 84px;
  z-index: 22;
	
}

#dmtxt{
	position: absolute;
	border: none;
	left: 75px;
	width: 480px;
	height: 60px;
	top: 28px;
	color: #FFF;
	background-color: transparent;
	font-size: 30px;
	line-height: 60px;
	outline: none;
	padding: 0 12px;
 }

 #dmtxt::placeholder {
	color: rgba(255, 255, 255, 0.6)
}


#dmbtn{
	background-image: url("/content/dam/oppo/event-page-asset/eoco-warmup/mob/v3/common/sendbtn.png");
	position: absolute;
	right: 36px;
	top: 26px;
	width: 110px;
	height: 68px;
}

.numbox{
	position: absolute;
	overflow: hidden;
	width: 130px;
	height: 180px;
	top: 580px;
	transform: scale(0.95);
	display: none;
}

#box1{
	left: 170px;
}

#box2{
	left: 310px;
}

#box3{
	left: 450px;
}

#box4{
	left: 540px;
}

.numimg1{
	position: absolute;
	left: 0px;
	top: -180px;
}

.numimg2{
	position: absolute;
	left: 0px;
	top: 0px;
}