html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.a0 {
  position: absolute;
  top: 50%;
  left: 50%;
}

.a1 {
  width: 312px;
  height: 500px;
  background-image: url("images/slice1.png");
  position: absolute;
  top: -250px;
  left: -470px;
}

.a2 {
  width: 306px;
  height: 500px;
  background-image: url("images/slice2.png");
  position: absolute;
  top: -250px;
  left: -158px;
}

.a3 {
  width: 322px;
  height: 500px;
  background-image: url("images/slice6.png");
  position: absolute;
  top: -250px;
  left: 148px;
}

.a4 {
  width: 280px;
  height: 150px;
  background-image: url("images/slice4.jpg");
  position: absolute;
  top: 130px;
  left: -147px;
}

.a5 {
  width: 120px;
  height: 20px;
  position: absolute;
  top: 110px;
  left: -67px;
}

.s1 {
  width: 193px;
  height: 193px;
  position: absolute;
  top: -137px;
  left: -413px;
  cursor: pointer;
}

.s2 {
  width: 193px;
  height: 193px;
  position: absolute;
  top: -137px;
  left: -101px;
  cursor: pointer;
}

.s3 {
  width: 193px;
  height: 193px;
  position: absolute;
  top: -137px;
  left: 211px;
  cursor: pointer;
}

.s4 {
  width: 240px;
  height: 100px;
  position: absolute;
  top: 155px;
  left: -120px;
  cursor: pointer;
}