@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 .info {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 16px;
}

.wrapper .info p {
  margin: 10px 0;
}

.wrapper .info p span {
  display: inline-block;
  width: 50px;
  text-align: center;
}

.wrapper .bg {
  width: 405px;
  height: 405px;
  background: url(../images/flash4_bg.png);
  position: absolute;
  left: 200px;
  top: 100px;
}

.wrapper .bg .pen {
  width: 168px;
  height: 20px;
  background: url(../images/pen.png) center center no-repeat;
  background-size: contain;
  position: fixed;
  left: 28%;
  top: 50px;
  transform-origin: left center;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXNoNC5jc3MiLCJfY29tbW9uLnNjc3MiLCJmbGFzaDQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7RUFDQyxnQkFBZ0I7RUFDaEIsZ0NBQWE7Q0FDYjs7QUFDRDtFQUNDLGlCQUFpQjtDQUNqQjs7QUFFRDtFQUNDLHNCQUFzQjtDQUN0Qjs7QUFFRDtFQUNDLHVCQUF1QjtFQUN2QiwwQkFBa0I7S0FBbEIsdUJBQWtCO01BQWxCLHNCQUFrQjtVQUFsQixrQkFBa0I7Q0FDbEI7O0FBQ0Q7RUFDQyxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFFBQVE7RUFDUixPQUFPO0VBQ1AscUJBQXFCO0NBQ3JCOztBQ3BCRDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0NBaUNuQjs7QUFwQ0Q7RUFLRSxtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFVBQVU7RUFDVixnQkFBZ0I7Q0FTaEI7O0FBakJGO0VBVUcsZUFBZTtDQU1mOztBQWhCSDtFQVlJLHNCQUFzQjtFQUN0QixZQUFZO0VBQ1osbUJBQW1CO0NBQ25COztBQWZKO0VBbUJFLGFBQWE7RUFDYixjQUFjO0VBQ2QseUNBQXdDO0VBQ3hDLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osV0FBVztDQVdYOztBQW5DRjtFQTBCRyxhQUFhO0VBQ2IsYUFBYTtFQUNiLDJEQUEwRDtFQUMxRCx5QkFBeUI7RUFDekIsZ0JBQWdCO0VBQ2hCLFVBQVU7RUFDVixVQUFVO0VBQ1YsOEJBQThCO0NBQzlCIiwiZmlsZSI6ImZsYXNoNC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAY2hhcnNldCBcIlVURi04XCI7XG5odG1sLCBib2R5IHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogJ+W+rui7n+ato+m7kemrlCcsc2Fucy1zZXJpZjtcbn1cblxuYm9keSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbmEge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbioge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cblxuI215Q2FudmFzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLndyYXBwZXIge1xuICB3aWR0aDogODAwcHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLndyYXBwZXIgLmluZm8ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDIwcHg7XG4gIHRvcDogMjBweDtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG4ud3JhcHBlciAuaW5mbyBwIHtcbiAgbWFyZ2luOiAxMHB4IDA7XG59XG5cbi53cmFwcGVyIC5pbmZvIHAgc3BhbiB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDUwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLndyYXBwZXIgLmJnIHtcbiAgd2lkdGg6IDQwNXB4O1xuICBoZWlnaHQ6IDQwNXB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2ZsYXNoNF9iZy5wbmcpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDIwMHB4O1xuICB0b3A6IDEwMHB4O1xufVxuXG4ud3JhcHBlciAuYmcgLnBlbiB7XG4gIHdpZHRoOiAxNjhweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL3Blbi5wbmcpIGNlbnRlciBjZW50ZXIgbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogMjglO1xuICB0b3A6IDUwcHg7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgY2VudGVyO1xufVxuIiwiaHRtbCwgYm9keXtcclxuXHRmb250LXNpemU6IDE0cHg7XHJcblx0Zm9udC1mYW1pbHk6ICflvq7ou5/mraPpu5Hpq5QnLHNhbnMtc2VyaWY7IFxyXG59XHJcbmJvZHl7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG5cclxuYXtcclxuXHR0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbn1cclxuXHJcbip7XHJcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcclxuXHR1c2VyLXNlbGVjdDogbm9uZTtcclxufVxyXG4jbXlDYW52YXN7XHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cdHotaW5kZXg6IDEwO1xyXG5cdGxlZnQ6IDA7XHJcblx0dG9wOiAwO1xyXG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xyXG59IiwiQGltcG9ydCBcImNvbW1vblwiO1xyXG5cclxuLndyYXBwZXJ7XHJcblx0d2lkdGg6IDgwMHB4O1xyXG5cdGhlaWdodDogNjAwcHg7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdC5pbmZve1xyXG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cdFx0bGVmdDogMjBweDtcclxuXHRcdHRvcDogMjBweDtcclxuXHRcdGZvbnQtc2l6ZTogMTZweDtcclxuXHRcdHB7XHJcblx0XHRcdG1hcmdpbjogMTBweCAwO1xyXG5cdFx0XHRzcGFue1xyXG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHRcdFx0XHR3aWR0aDogNTBweDtcclxuXHRcdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XHJcblx0XHRcdH1cclxuXHRcdH1cclxuXHR9XHJcblx0LmJne1xyXG5cdFx0d2lkdGg6IDQwNXB4O1xyXG5cdFx0aGVpZ2h0OiA0MDVweDtcclxuXHRcdGJhY2tncm91bmQ6IHVybCguLi9pbWFnZXMvZmxhc2g0X2JnLnBuZyk7XHJcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0XHRsZWZ0OiAyMDBweDtcclxuXHRcdHRvcDogMTAwcHg7XHJcblx0XHQucGVue1xyXG5cdFx0XHR3aWR0aDogMTY4cHg7XHJcblx0XHRcdGhlaWdodDogMjBweDtcclxuXHRcdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9wZW4ucG5nKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcclxuXHRcdFx0YmFja2dyb3VuZC1zaXplOiBjb250YWluO1xyXG5cdFx0XHRwb3NpdGlvbjogZml4ZWQ7XHJcblx0XHRcdGxlZnQ6IDI4JTtcclxuXHRcdFx0dG9wOiA1MHB4O1xyXG5cdFx0XHR0cmFuc2Zvcm0tb3JpZ2luOiBsZWZ0IGNlbnRlcjtcclxuXHRcdH1cclxuXHR9XHJcbn0iXX0= */