htdoc/htdocs/ipad/html5/css/flash1.css

@charset "UTF-8";
html, body {
  font-size: 14px;
  font-family: '微軟正黑體',sans-serif;
}

body {
  overflow: hidden;
}

a {
  text-decoration: none;
}

* {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#myCanvas {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  pointer-events: none;
}

.wrapper {
  width: 800px;
  height: 600px;
  position: relative;
}

.wrapper .bg {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -3;
}

.wrapper .wall {
  width: 319px;
  height: 421px;
  background: url(../images/wall.png);
  position: absolute;
  top: 0;
  right: 30px;
  pointer-events: none;
  z-index: -2;
}

.wrapper .obj {
  width: 56px;
  height: 81px;
  background: url(../images/obj.png);
  position: absolute;
  left: 362px;
  top: 249px;
  z-index: -1;
}

.wrapper .shadow {
  width: 122px;
  height: 183px;
  background: url(../images/shadow.png);
  position: absolute;
  z-index: -1;
  left: 524px;
  top: 102px;
  pointer-events: none;
  transform-origin: center center;
}

.wrapper .candle {
  width: 12px;
  height: 49px;
  background: #F00;
  position: absolute;
  left: 77px;
  top: 444px;
  cursor: pointer;
}

.wrapper .candle .fire {
  width: 6px;
  height: 20px;
  background: #FFFF00;
  border-radius: 3px / 10px;
  position: absolute;
  margin-left: 3px;
  margin-top: -20px;
}

.wrapper2 {
  width: 808px;
  height: 640px;
  position: relative;
  background: #000;
}

.wrapper2 .bg {
  width: 100%;
  height: 100%;
  background: url(../images/flash1-2_bg.png);
}

.wrapper2 .candle {
  width: 12px;
  height: 49px;
  background: #F00;
  position: absolute;
  left: 77px;
  top: 460px;
  transform-origin: center center;
}

.wrapper2 .candle .fire {
  width: 6px;
  height: 20px;
  background: #FFFF00;
  border-radius: 3px / 10px;
  position: absolute;
  margin-left: 3px;
  margin-top: -20px;
}

.wrapper2 .candle.candle2 {
  left: 620px;
  top: 232px;
  transform: scale(-0.4763);
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXNoMS5jc3MiLCJfY29tbW9uLnNjc3MiLCJmbGFzaDEuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7RUFDQyxnQkFBZ0I7RUFDaEIsZ0NBQWE7Q0FDYjs7QUFDRDtFQUNDLGlCQUFpQjtDQUNqQjs7QUFFRDtFQUNDLHNCQUFzQjtDQUN0Qjs7QUFFRDtFQUNDLHVCQUF1QjtFQUN2QiwwQkFBa0I7S0FBbEIsdUJBQWtCO01BQWxCLHNCQUFrQjtVQUFsQixrQkFBa0I7Q0FDbEI7O0FBQ0Q7RUFDQyxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFFBQVE7RUFDUixPQUFPO0VBQ1AscUJBQXFCO0NBQ3JCOztBQ3BCRDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0NBMERuQjs7QUE3REQ7RUFLRSxZQUFZO0VBQ1osYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLE9BQU87RUFDUCxZQUFZO0NBQ1o7O0FBWkY7RUFjRSxhQUFhO0VBQ2IsY0FBYztFQUNkLG9DQUFtQztFQUNuQyxtQkFBbUI7RUFDbkIsT0FBTztFQUNQLFlBQVk7RUFDWixxQkFBcUI7RUFDckIsWUFBWTtDQUNaOztBQXRCRjtFQXdCRSxZQUFZO0VBQ1osYUFBYTtFQUNiLG1DQUFrQztFQUNsQyxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFdBQVc7RUFDWCxZQUFZO0NBQ1o7O0FBL0JGO0VBaUNFLGFBQWE7RUFDYixjQUFjO0VBQ2Qsc0NBQXFDO0VBQ3JDLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osWUFBWTtFQUNaLFdBQVc7RUFDWCxxQkFBcUI7RUFDckIsZ0NBQWdDO0NBQ2hDOztBQTFDRjtFQTRDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFdBQVc7RUFDWCxnQkFBZ0I7Q0FVaEI7O0FBNURGO0VBb0RHLFdBQVc7RUFDWCxhQUFhO0VBQ2Isb0JBQW9CO0VBQ3BCLDBCQUEwQjtFQUMxQixtQkFBbUI7RUFDbkIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNsQjs7QUFLSDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLGlCQUFpQjtDQTZCakI7O0FBakNEO0VBTUUsWUFBWTtFQUNaLGFBQWE7RUFDYiwyQ0FBMEM7Q0FDMUM7O0FBVEY7RUFXRSxZQUFZO0VBQ1osYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFdBQVc7RUFDWCxnQ0FBZ0M7Q0FlaEM7O0FBaENGO0VBbUJHLFdBQVc7RUFDWCxhQUFhO0VBQ2Isb0JBQW9CO0VBQ3BCLDBCQUEwQjtFQUMxQixtQkFBbUI7RUFDbkIsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNsQjs7QUExQkg7RUE0QkcsWUFBWTtFQUNaLFdBQVc7RUFDWCwwQkFBZ0I7Q0FDaEIiLCJmaWxlIjoiZmxhc2gxLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBjaGFyc2V0IFwiVVRGLThcIjtcbmh0bWwsIGJvZHkge1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtZmFtaWx5OiAn5b6u6Luf5q2j6buR6auUJyxzYW5zLXNlcmlmO1xufVxuXG5ib2R5IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuYSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4jbXlDYW52YXMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDEwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4ud3JhcHBlciB7XG4gIHdpZHRoOiA4MDBweDtcbiAgaGVpZ2h0OiA2MDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ud3JhcHBlciAuYmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiAjMDAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgei1pbmRleDogLTM7XG59XG5cbi53cmFwcGVyIC53YWxsIHtcbiAgd2lkdGg6IDMxOXB4O1xuICBoZWlnaHQ6IDQyMXB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL3dhbGwucG5nKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAzMHB4O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgei1pbmRleDogLTI7XG59XG5cbi53cmFwcGVyIC5vYmoge1xuICB3aWR0aDogNTZweDtcbiAgaGVpZ2h0OiA4MXB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL29iai5wbmcpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDM2MnB4O1xuICB0b3A6IDI0OXB4O1xuICB6LWluZGV4OiAtMTtcbn1cblxuLndyYXBwZXIgLnNoYWRvdyB7XG4gIHdpZHRoOiAxMjJweDtcbiAgaGVpZ2h0OiAxODNweDtcbiAgYmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9zaGFkb3cucG5nKTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogNTI0cHg7XG4gIHRvcDogMTAycHg7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xufVxuXG4ud3JhcHBlciAuY2FuZGxlIHtcbiAgd2lkdGg6IDEycHg7XG4gIGhlaWdodDogNDlweDtcbiAgYmFja2dyb3VuZDogI0YwMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA3N3B4O1xuICB0b3A6IDQ0NHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi53cmFwcGVyIC5jYW5kbGUgLmZpcmUge1xuICB3aWR0aDogNnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJhY2tncm91bmQ6ICNGRkZGMDA7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAvIDEwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG59XG5cbi53cmFwcGVyMiB7XG4gIHdpZHRoOiA4MDhweDtcbiAgaGVpZ2h0OiA2NDBweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiAjMDAwO1xufVxuXG4ud3JhcHBlcjIgLmJnIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9mbGFzaDEtMl9iZy5wbmcpO1xufVxuXG4ud3JhcHBlcjIgLmNhbmRsZSB7XG4gIHdpZHRoOiAxMnB4O1xuICBoZWlnaHQ6IDQ5cHg7XG4gIGJhY2tncm91bmQ6ICNGMDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNzdweDtcbiAgdG9wOiA0NjBweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcbn1cblxuLndyYXBwZXIyIC5jYW5kbGUgLmZpcmUge1xuICB3aWR0aDogNnB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJhY2tncm91bmQ6ICNGRkZGMDA7XG4gIGJvcmRlci1yYWRpdXM6IDNweCAvIDEwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG59XG5cbi53cmFwcGVyMiAuY2FuZGxlLmNhbmRsZTIge1xuICBsZWZ0OiA2MjBweDtcbiAgdG9wOiAyMzJweDtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMC40NzYzKTtcbn1cbiIsImh0bWwsIGJvZHl7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdGZvbnQtZmFtaWx5OiAn5b6u6Luf5q2j6buR6auUJyxzYW5zLXNlcmlmOyBcclxufVxyXG5ib2R5e1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcbn1cclxuXHJcbmF7XHJcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcblxyXG4qe1xyXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcbn1cclxuI215Q2FudmFze1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR6LWluZGV4OiAxMDtcclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogMDtcclxuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcclxufSIsIkBpbXBvcnQgXCJjb21tb25cIjtcblxuLndyYXBwZXJ7XG5cdHdpZHRoOiA4MDBweDtcblx0aGVpZ2h0OiA2MDBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHQuYmd7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdGJhY2tncm91bmQ6ICMwMDA7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdGxlZnQ6IDA7XG5cdFx0dG9wOiAwO1xuXHRcdHotaW5kZXg6IC0zO1xuXHR9XG5cdC53YWxse1xuXHRcdHdpZHRoOiAzMTlweDtcblx0XHRoZWlnaHQ6IDQyMXB4O1xuXHRcdGJhY2tncm91bmQ6IHVybCguLi9pbWFnZXMvd2FsbC5wbmcpO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR0b3A6IDA7XG5cdFx0cmlnaHQ6IDMwcHg7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0ei1pbmRleDogLTI7XG5cdH1cblx0Lm9iantcblx0XHR3aWR0aDogNTZweDtcblx0XHRoZWlnaHQ6IDgxcHg7XG5cdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9vYmoucG5nKTtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0bGVmdDogMzYycHg7XG5cdFx0dG9wOiAyNDlweDtcblx0XHR6LWluZGV4OiAtMTtcblx0fVxuXHQuc2hhZG93e1xuXHRcdHdpZHRoOiAxMjJweDtcblx0XHRoZWlnaHQ6IDE4M3B4O1xuXHRcdGJhY2tncm91bmQ6IHVybCguLi9pbWFnZXMvc2hhZG93LnBuZyk7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHotaW5kZXg6IC0xO1xuXHRcdGxlZnQ6IDUyNHB4O1xuXHRcdHRvcDogMTAycHg7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGNlbnRlcjtcblx0fVxuXHQuY2FuZGxle1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogNDlweDtcblx0XHRiYWNrZ3JvdW5kOiAjRjAwO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRsZWZ0OiA3N3B4O1xuXHRcdHRvcDogNDQ0cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5maXJle1xuXHRcdFx0d2lkdGg6IDZweDtcblx0XHRcdGhlaWdodDogMjBweDtcblx0XHRcdGJhY2tncm91bmQ6ICNGRkZGMDA7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHggLyAxMHB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDNweDtcblx0XHRcdG1hcmdpbi10b3A6IC0yMHB4O1xuXHRcdH1cblx0fVxufVxuXG5cbi53cmFwcGVyMntcblx0d2lkdGg6IDgwOHB4O1xuXHRoZWlnaHQ6IDY0MHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGJhY2tncm91bmQ6ICMwMDA7XG5cdC5iZ3tcblx0XHR3aWR0aDogMTAwJTtcblx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9mbGFzaDEtMl9iZy5wbmcpO1xuXHR9XG5cdC5jYW5kbGV7XG5cdFx0d2lkdGg6IDEycHg7XG5cdFx0aGVpZ2h0OiA0OXB4O1xuXHRcdGJhY2tncm91bmQ6ICNGMDA7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdGxlZnQ6IDc3cHg7XG5cdFx0dG9wOiA0NjBweDtcblx0XHR0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyO1xuXHRcdC5maXJle1xuXHRcdFx0d2lkdGg6IDZweDtcblx0XHRcdGhlaWdodDogMjBweDtcblx0XHRcdGJhY2tncm91bmQ6ICNGRkZGMDA7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHggLyAxMHB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IDNweDtcblx0XHRcdG1hcmdpbi10b3A6IC0yMHB4O1xuXHRcdH1cblx0XHQmLmNhbmRsZTJ7XG5cdFx0XHRsZWZ0OiA2MjBweDtcblx0XHRcdHRvcDogMjMycHg7XG5cdFx0XHR0cmFuc2Zvcm06IHNjYWxlKC0wLjQ3NjMpO1xuXHRcdH1cblx0fVxufSJdfQ== */