@font-face{
  font-family: "Abhaya-Bold";
  src:url("/font/AbhayaLibre-Bold.ttf");
}
@font-face{
  font-family: "Abhaya-ExtraBold";
  src:url("/font/AbhayaLibre-ExtraBold.ttf");
}
@font-face{
  font-family: "Abhaya-Medium";
  src:url("/font/AbhayaLibre-Medium.ttf");
}
@font-face{
  font-family: "Abhaya-Regular";
  src:url("/font/AbhayaLibre-Regular.ttf");
}
@font-face{
  font-family: "Abhaya-SemiBold";
  src:url("/font/AbhayaLibre-SemiBold.ttf")
}
body{
  margin:0;
}
.figure-box{
  position: relative;
  width: 80%;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
}
div{
  position: relative;
  
}
span{
  color: #666666;
  font-size: 14px;
  position: absolute;
  bottom: -25px;
}
.banner{
  width:100%;
  height:105px;
  background-color: white;
  position: fixed;
  z-index: 999;
}
.trueban{
  display: flex;
  width: 80%;
  margin:0 auto;
}
.newlink{
  text-decoration: none;
  color: black;
}
.black{
  width: 406px;
  height: 270px;
  margin-left: 50%;
}
.red{
  width: 304px;
  height: 228px;
  margin-left: 330px;
  margin-top: -100px;
}
.blue{
  width: 258px;
  height: 381px;
  margin-left: 120px;
  margin-top: -40px;
}
.orange{
  width: 325px;
  height: 217px;
  left: 67%;
  margin-top: -250px;
}
.green{
  width: 368px;
  height: 245px;
  left: 45%;
  margin-top: -300px;
}
.yellow{
  width: 353px;
  height: 265px;
  margin-left: 250px;
  margin-top: 150px;
  z-index: -1;
}