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

   *{
        margin: 0;
    }
body{
	overflow-x:hidden;
	overflow-y: scroll;
}

#all{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1920px; 
	height: 1080px;  
	background-repeat: no-repeat;

}

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

#btn {
  position: absolute;
  left: 866px;
  top: 852px;
  z-index: 22;
}

#dmarea{
	box-sizing: border-box;
	background-image: url("/content/dam/oppo/event-page-asset/eoco-warmup/pc/v2/common/dmbg.png");
	width: 434px;
	height: 46px;
	position: absolute;
	left: 50px;
	bottom: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 56px;
	padding-right: 6px;
}

#gobtn {
  background-image: url("/content/dam/oppo/event-page-asset/eoco-warmup/pc/v2/common/button.png");
  position: absolute;
  left: 866px;
  top: 852px;
  width: 188px;
  height: 46px;
  z-index: 22;
}


#dmtxt{
	box-sizing: border-box;
	border: none;
	width: 310px;
	height: 40px;	
	top: 10px;
	color: #fff;
	background-color: rgba(255, 0, 0, 0);
	margin-right: 12px;
	padding: 0 12px;
	font-size: 16px;
	line-height: 40px;
	outline: none;
	font-family: "OPPOSans-J-L";
}

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

#dmbtn {
	/* flex-shrink: 0; */
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: 6px;
	width: 55px;
	height: 35px;
	margin-top: -17.5px;
	background-size: 100%;
	background-image: url('/content/dam/oppo/event-page-asset/eoco-warmup/pc/v2/common/sendbtn.png');
}

.numbox{
	position: absolute;
	overflow: hidden;
	width: 186px;
	height: 260px;
	top: 420px;
	display: none;
	transform: scale(0.9);
}

#box1{
	left: 688px;
}

#box2{
	left: 878px;
}

#box3{
	left: 1068px;
}

#box4{
	left: 1210px;
}

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

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