body {
  background-color: #444;
}
body,
p {
  position: relative;
  margin: 0px;
}
a {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 726px;
  height: 88px;
  border: 1px solid #000;
  text-indent: -9999px;
  font-size: 1px;
}
#banner,
#banner * {
  position: absolute;
  left: 0;
  top: 0;
  width: 728px;
  height: 90px;
  overflow: hidden;
}
#banner {
  opacity: 0;
  display: block;
}
#banner * {
  opacity: 0;
}
#banner .sprite {
  width: 728px;
  height: 0;
  left: 0;
  background: url(txt.png) 0 0 no-repeat;
  background-size: 728px;
}
#banner #logo,
#banner #logo-t,
#banner #t0,
#banner #t5,
#banner #t6,
#banner #t7 {
  opacity: 1;
}
#banner #t1,
#banner #t3 {
  transform-origin: 364px 45px;
}
#banner #t2,
#banner #t4 {
  transform-origin: -364px 45px;
}
#banner #logo {
  left: 565px;
  padding-top: 90px;
  width: 63px;
  background-position: -565px 0px;
}
#banner #logo-t {
  left: 628px;
  padding-top: 90px;
  width: 100px;
  background-position: -628px 0px;
}
#banner #abtn {
  left: 520px;
  padding-top: 90px;
  width: 100px;
  background-position: -520px -450px;
}
#banner #t00 {
  top: 7px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -7px;
}
#banner #t01 {
  top: 32px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -32px;
}
#banner #t02 {
  top: 57px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -57px;
}
#banner #t3 {
  left: 0;
  width: 250px;
  padding-top: 90px;
  background-position: 0px -90px;
}
#banner #t4 {
  left: 339px;
  width: 250px;
  padding-top: 90px;
  background-position: -339px -90px;
}
#banner #t1 {
  left: 0;
  width: 250px;
  padding-top: 90px;
  background-position: 0px -180px;
}
#banner #t2 {
  left: 339px;
  width: 250px;
  padding-top: 90px;
  background-position: -339px -180px;
}
#banner #t50 {
  top: 7px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -277px;
}
#banner #t51 {
  top: 32px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -302px;
}
#banner #t52 {
  top: 57px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -327px;
}
#banner #t60 {
  top: 7px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -367px;
}
#banner #t61 {
  top: 32px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -392px;
}
#banner #t62 {
  top: 57px;
  width: 500px;
  padding-top: 25px;
  background-position: 0 -417px;
}
#banner #t70 {
  top: 0;
  left: 0;
  width: 210px;
  padding-top: 90px;
  background-position: 0px -450px;
}
#banner #t71 {
  top: 0;
  left: 210px;
  width: 100px;
  padding-top: 90px;
  background-position: -210px -450px;
}
#banner #t72 {
  top: 0;
  left: 310px;
  width: 150px;
  padding-top: 90px;
  background-position: -310px -450px;
}
#banner #cross {
  top: 0px;
  left: 250px;
  width: 89px;
  padding-top: 90px;
  background-position: -250px -90px;
}
#banner #cross {
  transform-origin: center;
}
#banner #circle {
  position: absolute;
  top: -161px;
  left: 90px;
  width: 412px;
  height: 412px;
  border-radius: 100%;
  background-color: #449D55;
  background: linear-gradient(90deg, #1560ab 0%, #00afed 100%);
  transform-origin: center;
}
#banner #circle:before {
  content: '';
  position: absolute;
  left: 10.67%;
  top: 10.67%;
  width: 78.66%;
  height: 78.66%;
  background-color: #fff;
  border-radius: 100%;
}
#banner #background {
  opacity: 1;
  position: absolute;
  width: 1456px;
  height: 1456px;
  top: -683px;
  left: -364px;
  transform-origin: center;
  background-color: #5B398F;
  background: linear-gradient(135deg, #31bdaa 30%, #10a252 70%);
}