body {
  background: transparent;
}

.back_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.game_btn_group {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin-top: 0;
  z-index: 30;
}

.contentD {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}

.contentD>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

.contentD .contentDImg>div {
  position: absolute;
  z-index: 23;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
}

.contentD .contentDImg>img {
  width: 100%;
  height: 100%;
}

canvas {
  position: relative;
  z-index: 2;
  display: block;
}

#dot1 {
  width: 15%;
  height: 27%;
  left: 7%;
  top: 23%;
  background: rgba(0, 0, 0, 0);
}

#dot2 {
  width: 15%;
  height: 27%;
  left: 24.5%;
  top: 23%;
  background: rgba(0, 0, 0, 0);
}

#dot3 {
  width: 15%;
  height: 27%;
  left: 42%;
  top: 23%;
  background: rgba(0, 0, 0, 0);
}

#dot4 {
  width: 15%;
  height: 27%;
  left: 59.5%;
  top: 23%;
  background: rgba(0, 0, 0, 0);
}


#dot5 {
  width: 15%;
  height: 27%;
  left: 77%;
  top: 23%;
  background: rgba(0, 0, 0, 0);
}

#dot6 {
  width: 7.5%;
  height: 7%;
  left: 10.3%;
  top: 65%;
  background: rgba(0, 0, 0, 0);
}

#dot7 {
  width: 7.5%;
  height: 7%;
  left: 28%;
  top: 65%;
  background: rgba(0, 0, 0, 0);
}

#dot8 {
  width: 7.5%;
  height: 7%;
  left: 46%;
  top: 65%;
  background: rgba(0, 0, 0, 0);
}

#dot9 {
  width: 7.5%;
  height: 7%;
  left: 63.4%;
  top: 65%;
  background: rgba(0, 0, 0, 0);
}

#dot10 {
  width: 7.5%;
  height: 7%;
  left: 80.8%;
  top: 65%;
  background: rgba(0, 0, 0, 0);
}

#img1 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img2 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img3 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img4 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img5 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img6 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img7 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img8 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img9 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#img10 {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

#canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 22;
}