body {
  position: relative;
  margin: 0px;
  background: #ccc;
}
#banner,
#f1,
#f2,
#bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  overflow: hidden;
}
#banner {
  display: block;
  visibility: hidden;
  opacity: 0;
  background: white;
  border: 1px solid #000;
  width: 298px;
  height: 248px;
}
#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/bgr.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: 275px;
}
#t1 {
  top: 86px;
  left: 37.5px;
  padding-top: 41px;
  background-position: 0 0px;
}
#t2 {
  top: 59px;
  left: 112px;
  padding-top: 14px;
  background-position: 0 -42px;
}
#t3 {
  top: 87px;
  left: 111.5px;
  padding-top: 66px;
  background-position: 0 -57px;
}
#t4 {
  top: 170px;
  left: 112px;
  padding-top: 20px;
  background-position: 0 -124px;
}
#t5 {
  top: 218px;
  left: 15.5px;
  padding-top: 20px;
  background-position: 0 -145px;
}
#b1 {
  position: absolute;
  left: 27px;
  top: 2px;
  z-index: 10;
  width: 104px;
  height: 300px;
  background: url(images/btl.png) 0 0 no-repeat;
  background-size: 66px;
}
#br div {
  position: absolute;
  width: 300px;
  height: 250px;
}
#br #d0 {
  top: 260px;
  left: 230px;
  background: url(images/d0.png) 0 0 no-repeat;
}
#br #d1 {
  top: 190px;
  left: 150px;
  background: url(images/d1.png) 0 0 no-repeat;
}
#br #d2 {
  top: 160px;
  left: 175px;
  background: url(images/d2.png) 0 0 no-repeat;
}
#br #d3 {
  top: 160px;
  left: 100px;
  background: url(images/d3.png) 0 0 no-repeat;
}
#br #d4 {
  top: 210px;
  left: 5px;
  background: url(images/d4.png) 0 0 no-repeat;
}
#br #l0 {
  top: 140px;
  left: -80px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l1 {
  top: 140px;
  left: 150px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l2 {
  top: 140px;
  left: 75px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l3 {
  top: 140px;
  left: -60px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l4 {
  top: 140px;
  left: 5px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l5 {
  top: 140px;
  left: -50px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l6 {
  top: 140px;
  left: 75px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #l7 {
  top: 140px;
  left: 110px;
  background: url(images/l1.png) 0 0 no-repeat;
}
#br #l8 {
  top: 140px;
  left: 140px;
  background: url(images/l2.png) 0 0 no-repeat;
}
#br #l9 {
  top: 140px;
  left: 60px;
  background: url(images/l0.png) 0 0 no-repeat;
}
#br #m0,
#br #m5,
#br #m10 {
  top: 150px;
  left: -100px;
  background: url(images/m0.png) 0 0 no-repeat;
}
#br #m1,
#br #m6,
#br #m11 {
  top: 150px;
  left: -75px;
  background: url(images/m1.png) 0 0 no-repeat;
}
#br #m2,
#br #m7,
#br #m12 {
  top: 150px;
  left: -50px;
  background: url(images/m2.png) 0 0 no-repeat;
}
#br #m3,
#br #m8,
#br #m13 {
  top: 150px;
  left: 25px;
  background: url(images/m3.png) 0 0 no-repeat;
}
#br #m4,
#br #m9,
#br #m14 {
  top: 150px;
  left: 0px;
  background: url(images/m4.png) 0 0 no-repeat;
}
#br #m5 {
  top: 140px;
  left: 25px;
}
#br #m6 {
  top: 140px;
  left: 50px;
}
#br #m7 {
  top: 140px;
  left: -75px;
}
#br #m8 {
  top: 140px;
  left: 90px;
}
#br #m9 {
  top: 140px;
  left: 100px;
}
#br #m10 {
  top: 140px;
  left: 110px;
}
#br #m11 {
  top: 140px;
  left: 120px;
}
#br #m12 {
  top: 140px;
  left: 130px;
}
#br #m13 {
  top: 140px;
  left: 140px;
}
#br #m14 {
  top: 140px;
  left: 150px;
}