@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== */