body {
  position: relative;
  margin: 0px;
  background: #ccc;
}
#banner,
#f1,
#f2,
#bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 600px;
  overflow: hidden;
}
#banner {
  display: block;
  visibility: hidden;
  opacity: 0;
  background: white;
  border: 1px solid #000;
  width: 298px;
  height: 598px;
}
#banner:focus {
  outline: none;
}
#banner::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#b1,
#b2,
#t2,
#t3,
#t4,
#t5 {
  opacity: 0;
}
#bg {
  height: 640px;
  top: -40px;
  background: url(images/bgr1.jpg) 0 0 no-repeat;
}
#t1,
#t2,
#t3,
#t4,
#t5 {
  position: absolute;
  width: 300px;
  height: 0;
  overflow: hidden;
  background: url(images/txt.png) 0 0 no-repeat;
  background-size: 254px;
}
#t1 {
  top: 250px;
  left: 40px;
  padding-top: 41px;
  background-position: 0 0px;
}
#t2 {
  top: 360px;
  left: 79px;
  padding-top: 24px;
  background-position: -104px -92px;
}
#t3 {
  top: 398px;
  left: 26px;
  padding-top: 49px;
  background-position: 0 -42px;
}
#t4 {
  top: 478px;
  left: 98px;
  padding-top: 24px;
  background-position: 0 -92px;
  width: 103px;
}
#t5 {
  top: 540px;
  left: 23px;
  padding-top: 42px;
  background-position: 0 -117px;
}
#b1 {
  position: absolute;
  left: 98px;
  top: 23px;
  z-index: 10;
  width: 104px;
  height: 300px;
  background: url(images/btl.png) 0 0 no-repeat;
  background-size: 104px;
}
#br div {
  position: absolute;
  width: 300px;
  height: 600px;
}
#br #d0 {
  top: 480px;
  left: 230px;
  background: url(images/d0.png) 0 0 no-repeat;
}
#br #d1 {
  top: 530px;
  left: 150px;
  background: url(images/d1.png) 0 0 no-repeat;
}
#br #d2 {
  top: 400px;
  left: 175px;
  background: url(images/d2.png) 0 0 no-repeat;
}
#br #d3 {
  top: 480px;
  left: 100px;
  background: url(images/d3.png) 0 0 no-repeat;
}
#br #d4 {
  top: 420px;
  left: 5px;
  background: url(images/d4.png) 0 0 no-repeat;
}
#br #l0 {
  top: 380px;
  left: -80px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l1 {
  top: 430px;
  left: 150px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l2 {
  top: 450px;
  left: 75px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l3 {
  top: 480px;
  left: -60px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l4 {
  top: 420px;
  left: 5px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l5 {
  top: 530px;
  left: -50px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l6 {
  top: 360px;
  left: 75px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l7 {
  top: 460px;
  left: 110px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l8 {
  top: 400px;
  left: 140px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l9 {
  top: 510px;
  left: 60px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #m0,
#br #m5,
#br #m10 {
  top: 350px;
  left: -100px;
  background: url(images/m4.png) 0 0 no-repeat;
}
#br #m1,
#br #m6,
#br #m11 {
  top: 450px;
  left: -75px;
  background: url(images/m1.png) 0 0 no-repeat;
}
#br #m2,
#br #m7,
#br #m12 {
  top: 400px;
  left: -50px;
  background: url(images/m2.png) 0 0 no-repeat;
}
#br #m3,
#br #m8,
#br #m13 {
  top: 350px;
  left: 25px;
  background: url(images/m3.png) 0 0 no-repeat;
}
#br #m4,
#br #m9,
#br #m14 {
  top: 425px;
  left: 0px;
  background: url(images/m4.png) 0 0 no-repeat;
}
#br #m5 {
  top: 350px;
  left: 25px;
}
#br #m6 {
  top: 450px;
  left: 50px;
}
#br #m7 {
  top: 400px;
  left: -75px;
}
#br #m8 {
  top: 350px;
  left: 90px;
}
#br #m9 {
  top: 425px;
  left: 100px;
}
#br #m10 {
  top: 350px;
  left: 110px;
}
#br #m11 {
  top: 450px;
  left: 120px;
}
#br #m12 {
  top: 400px;
  left: 130px;
}
#br #m13 {
  top: 350px;
  left: 140px;
}
#br #m14 {
  top: 425px;
  left: 150px;
}