/* Reset */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img{border: 0;}
#wrapper { width: 300px; height: 250px; background: #FFF; position: absolute; overflow: hidden; border: 1px solid #000; top: 0; left: 0; opacity: 0;    /*background-image: url("placeholder.jpg");*/ background-repeat: no-repeat; }
#banner { position: absolute; display: block; width: 100%; height: 250px; cursor: pointer; z-index: 30; background: url(#); }


#sprite_sheet { position: absolute; width: 300px; height: 250px; z-index: 10; }
#bg { position: absolute; width: 300px; height: 250px; z-index: 20; }
#bg1 { position: absolute; width: 300px; height: 250px; z-index: 25; }
#bg2 { position: absolute; width: 300px; height: 250px; opacity: 0; }
#txt2 { position: absolute; width: 166px; height: 50px; top: 18px; left: 25px; opacity: 0; z-index: 20; }
#bg3 { position: absolute; width: 300px; height: 250px; opacity: 0; }
#txt3 { position: absolute; width: 226px; height: 79px; top: 12px; left: 24px; opacity: 0; z-index: 20; }
#bg4 { position: absolute; width: 300px; height: 250px; opacity: 0; z-index: 20; }
#txt4 { position: absolute; width: 195px; height: 26px; top: 25px; left: 51px; opacity: 0; z-index: 25; }
#logo { position: absolute; width: 122px; height: 41px; top: 23px; left: 7px; opacity: 0; }
#play { position: absolute; width: 53px; height: 52px; top: 63px; left: 123px; opacity: 0; z-index: 25; }
#bg_bottom { position: absolute; width: 300px; height: 82px; top: 177px; left: 0px; opacity: 0; cursor: pointer; z-index: 25; }
#txt4_1 { position: absolute; width: 221px; height: 46px; top: 190px; left: 15px; opacity: 0; cursor: pointer; z-index: 25; }