htdoc/htdocs/course2/html5/css/flash5.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;
  background: #000;
  overflow: hidden;
}

.wrapper .bg {
  width: 800px;
  height: 600px;
  background: url(../images/flash5-1_bg.png) center center no-repeat;
}

.wrapper .candle {
  width: 37px;
  height: 70px;
  background: url(../images/candle.gif) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 230px;
  left: 100px;
  margin-left: -19px;
  transform-origin: center bottom;
}

.wrapper .candle.reverse {
  transform: scale(-1);
  right: 100px;
  left: 700px;
  top: 230px;
}

.wrapper .candle.opacity {
  opacity: .5;
  pointer-events: none;
}

.wrapper2 {
  width: 800px;
  height: 600px;
  position: relative;
  background: #000;
  overflow: hidden;
}

.wrapper2 .bg {
  width: 800px;
  height: 600px;
  background: url(../images/flash5-2_bg.png) center center no-repeat;
}

.wrapper2 .candle {
  width: 37px;
  height: 70px;
  background: url(../images/candle2.gif) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 393.77px;
  left: 82px;
  margin-left: -19px;
  transform-origin: center bottom;
}

.wrapper2 .candle.reverse {
  transform: scale(-1);
  left: 699px;
  top: 76.015px;
}

.wrapper2 .candle.opacity {
  opacity: .5;
  pointer-events: none;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZsYXNoNS5jc3MiLCJfY29tbW9uLnNjc3MiLCJmbGFzaDUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUNBakI7RUFDQyxnQkFBZ0I7RUFDaEIsZ0NBQWE7Q0FDYjs7QUFDRDtFQUNDLGlCQUFpQjtDQUNqQjs7QUFFRDtFQUNDLHNCQUFzQjtDQUN0Qjs7QUFFRDtFQUNDLHVCQUF1QjtFQUN2QiwwQkFBa0I7S0FBbEIsdUJBQWtCO01BQWxCLHNCQUFrQjtVQUFsQixrQkFBa0I7Q0FDbEI7O0FBQ0Q7RUFDQyxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLFFBQVE7RUFDUixPQUFPO0VBQ1AscUJBQXFCO0NBQ3JCOztBQ3BCRDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLGlCQUFpQjtFQUNqQixpQkFBaUI7Q0EyQmpCOztBQWhDRDtFQU9FLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUVBQWtFO0NBQ2xFOztBQVZGO0VBWUUsWUFBWTtFQUNaLGFBQWE7RUFDYiw4REFBNkQ7RUFDN0QseUJBQXlCO0VBQ3pCLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsWUFBWTtFQUNaLG1CQUFtQjtFQUNuQixnQ0FBZ0M7Q0FXaEM7O0FBL0JGO0VBc0JHLHFCQUFnQjtFQUNoQixhQUFhO0VBQ2IsWUFBWTtFQUNaLFdBQVc7Q0FDWDs7QUExQkg7RUE0QkcsWUFBWTtFQUNaLHFCQUFxQjtDQUNyQjs7QUFJSDtFQUNDLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLGlCQUFpQjtFQUNqQixpQkFBaUI7Q0EwQmpCOztBQS9CRDtFQU9FLGFBQWE7RUFDYixjQUFjO0VBQ2QsbUVBQWtFO0NBQ2xFOztBQVZGO0VBWUUsWUFBWTtFQUNaLGFBQWE7RUFDYiwrREFBOEQ7RUFDOUQseUJBQXlCO0VBQ3pCLG1CQUFtQjtFQUNuQixjQUFjO0VBQ2QsV0FBVztFQUNYLG1CQUFtQjtFQUNuQixnQ0FBZ0M7Q0FVaEM7O0FBOUJGO0VBc0JHLHFCQUFnQjtFQUNoQixZQUFZO0VBQ1osY0FBYztDQUNkOztBQXpCSDtFQTJCRyxZQUFZO0VBQ1oscUJBQXFCO0NBQ3JCIiwiZmlsZSI6ImZsYXNoNS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAY2hhcnNldCBcIlVURi04XCI7XG5odG1sLCBib2R5IHtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LWZhbWlseTogJ+W+rui7n+ato+m7kemrlCcsc2Fucy1zZXJpZjtcbn1cblxuYm9keSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbmEge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbioge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cblxuI215Q2FudmFzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLndyYXBwZXIge1xuICB3aWR0aDogODAwcHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZDogIzAwMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLndyYXBwZXIgLmJnIHtcbiAgd2lkdGg6IDgwMHB4O1xuICBoZWlnaHQ6IDYwMHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2ZsYXNoNS0xX2JnLnBuZykgY2VudGVyIGNlbnRlciBuby1yZXBlYXQ7XG59XG5cbi53cmFwcGVyIC5jYW5kbGUge1xuICB3aWR0aDogMzdweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2NhbmRsZS5naWYpIGNlbnRlciBjZW50ZXIgbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvbnRhaW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAyMzBweDtcbiAgbGVmdDogMTAwcHg7XG4gIG1hcmdpbi1sZWZ0OiAtMTlweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGJvdHRvbTtcbn1cblxuLndyYXBwZXIgLmNhbmRsZS5yZXZlcnNlIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG4gIHJpZ2h0OiAxMDBweDtcbiAgbGVmdDogNzAwcHg7XG4gIHRvcDogMjMwcHg7XG59XG5cbi53cmFwcGVyIC5jYW5kbGUub3BhY2l0eSB7XG4gIG9wYWNpdHk6IC41O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLndyYXBwZXIyIHtcbiAgd2lkdGg6IDgwMHB4O1xuICBoZWlnaHQ6IDYwMHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6ICMwMDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi53cmFwcGVyMiAuYmcge1xuICB3aWR0aDogODAwcHg7XG4gIGhlaWdodDogNjAwcHg7XG4gIGJhY2tncm91bmQ6IHVybCguLi9pbWFnZXMvZmxhc2g1LTJfYmcucG5nKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcbn1cblxuLndyYXBwZXIyIC5jYW5kbGUge1xuICB3aWR0aDogMzdweDtcbiAgaGVpZ2h0OiA3MHB4O1xuICBiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2NhbmRsZTIuZ2lmKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMzkzLjc3cHg7XG4gIGxlZnQ6IDgycHg7XG4gIG1hcmdpbi1sZWZ0OiAtMTlweDtcbiAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGJvdHRvbTtcbn1cblxuLndyYXBwZXIyIC5jYW5kbGUucmV2ZXJzZSB7XG4gIHRyYW5zZm9ybTogc2NhbGUoLTEpO1xuICBsZWZ0OiA2OTlweDtcbiAgdG9wOiA3Ni4wMTVweDtcbn1cblxuLndyYXBwZXIyIC5jYW5kbGUub3BhY2l0eSB7XG4gIG9wYWNpdHk6IC41O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbiIsImh0bWwsIGJvZHl7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdGZvbnQtZmFtaWx5OiAn5b6u6Luf5q2j6buR6auUJyxzYW5zLXNlcmlmOyBcclxufVxyXG5ib2R5e1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcbn1cclxuXHJcbmF7XHJcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG59XHJcblxyXG4qe1xyXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcblx0dXNlci1zZWxlY3Q6IG5vbmU7XHJcbn1cclxuI215Q2FudmFze1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR6LWluZGV4OiAxMDtcclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogMDtcclxuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcclxufSIsIkBpbXBvcnQgXCJjb21tb25cIjtcclxuXHJcbi53cmFwcGVye1xyXG5cdHdpZHRoOiA4MDBweDtcclxuXHRoZWlnaHQ6IDYwMHB4O1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHRiYWNrZ3JvdW5kOiAjMDAwO1xyXG5cdG92ZXJmbG93OiBoaWRkZW47XHJcblx0LmJne1xyXG5cdFx0d2lkdGg6IDgwMHB4O1xyXG5cdFx0aGVpZ2h0OiA2MDBweDtcclxuXHRcdGJhY2tncm91bmQ6IHVybCguLi9pbWFnZXMvZmxhc2g1LTFfYmcucG5nKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcclxuXHR9XHJcblx0LmNhbmRsZXtcclxuXHRcdHdpZHRoOiAzN3B4O1xyXG5cdFx0aGVpZ2h0OiA3MHB4O1xyXG5cdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9jYW5kbGUuZ2lmKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcclxuXHRcdGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHRcdHRvcDogMjMwcHg7XHJcblx0XHRsZWZ0OiAxMDBweDtcclxuXHRcdG1hcmdpbi1sZWZ0OiAtMTlweDtcclxuXHRcdHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlciBib3R0b207XHJcblx0XHQmLnJldmVyc2V7XHJcblx0XHRcdHRyYW5zZm9ybTogc2NhbGUoLTEpO1xyXG5cdFx0XHRyaWdodDogMTAwcHg7XHJcblx0XHRcdGxlZnQ6IDcwMHB4O1xyXG5cdFx0XHR0b3A6IDIzMHB4O1xyXG5cdFx0fVxyXG5cdFx0Ji5vcGFjaXR5e1xyXG5cdFx0XHRvcGFjaXR5OiAuNTtcclxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XHJcblx0XHR9XHJcblx0fVxyXG59XHJcblxyXG4ud3JhcHBlcjJ7XHJcblx0d2lkdGg6IDgwMHB4O1xyXG5cdGhlaWdodDogNjAwcHg7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdGJhY2tncm91bmQ6ICMwMDA7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHQuYmd7XHJcblx0XHR3aWR0aDogODAwcHg7XHJcblx0XHRoZWlnaHQ6IDYwMHB4O1xyXG5cdFx0YmFja2dyb3VuZDogdXJsKC4uL2ltYWdlcy9mbGFzaDUtMl9iZy5wbmcpIGNlbnRlciBjZW50ZXIgbm8tcmVwZWF0O1xyXG5cdH1cclxuXHQuY2FuZGxle1xyXG5cdFx0d2lkdGg6IDM3cHg7XHJcblx0XHRoZWlnaHQ6IDcwcHg7XHJcblx0XHRiYWNrZ3JvdW5kOiB1cmwoLi4vaW1hZ2VzL2NhbmRsZTIuZ2lmKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDtcclxuXHRcdGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHRcdHRvcDogMzkzLjc3cHg7XHJcblx0XHRsZWZ0OiA4MnB4O1xyXG5cdFx0bWFyZ2luLWxlZnQ6IC0xOXB4O1xyXG5cdFx0dHJhbnNmb3JtLW9yaWdpbjogY2VudGVyIGJvdHRvbTtcclxuXHRcdCYucmV2ZXJzZXtcclxuXHRcdFx0dHJhbnNmb3JtOiBzY2FsZSgtMSk7XHJcblx0XHRcdGxlZnQ6IDY5OXB4O1xyXG5cdFx0XHR0b3A6IDc2LjAxNXB4O1xyXG5cdFx0fVxyXG5cdFx0Ji5vcGFjaXR5e1xyXG5cdFx0XHRvcGFjaXR5OiAuNTtcclxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XHJcblx0XHR9XHJcblx0fVxyXG59Il19 */