@charset "UTF-8";
/* line 5, ../sass/style.scss */
body {
  background-color: #FFD007;
  font-family: Helvetica, san-serif, 微軟正黑體;
}

/* line 10, ../sass/style.scss */
a:link {
  color: purple;
}

/* line 14, ../sass/style.scss */
.wrapper {
  min-width: 320px;
  width: 100%;
  position: relative;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

/* line 24, ../sass/style.scss */
.board {
  margin: 0.5em auto 0em auto;
  width: 98%;
  text-align: center;
}
/* line 28, ../sass/style.scss */
.board img {
  width: 100%;
  max-width: 800px;
}

/* line 35, ../sass/style.scss */
.character {
  float: left;
  display: inline-block;
  position: absolute;
  right: 1em;
  bottom: 0.2em;
  width: auto;
}
/* line 42, ../sass/style.scss */
.character img {
  max-width: 7em;
}

/* line 48, ../sass/style.scss */
.btn {
  display: inline-block;
  margin: 0 auto;
  height: 5em;
  text-align: left;
  padding-left: 2%;
  position: absolute;
  left: 0.5em;
}
/* line 56, ../sass/style.scss */
.btn img {
  margin: 0.2em;
  margin-top: 1em;
  width: 3em;
  max-width: 5em;
}

/* line 65, ../sass/style.scss */
.footer {
  width: 100%;
  position: absolute;
  height: 5em;
  clear: both;
  background-color: white;
}

@media (max-width: 767px) {
  /* line 78, ../sass/style.scss */
  .character img {
    max-width: 14em;
  }

  /* line 79, ../sass/style.scss */
  .btn {
    left: 2em;
  }
  /* line 79, ../sass/style.scss */
  .btn img {
    width: 4em;
  }

  /* line 80, ../sass/style.scss */
  .footer {
    height: 6em;
  }
}
@media (max-width: 480px) {
  /* line 83, ../sass/style.scss */
  .character img {
    max-width: 7em;
  }

  /* line 84, ../sass/style.scss */
  .btn {
    left: 0.5em;
  }
  /* line 84, ../sass/style.scss */
  .btn img {
    width: 3em;
  }

  /* line 85, ../sass/style.scss */
  .footer {
    height: 5em;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  /* line 89, ../sass/style.scss */
  .character img {
    max-width: 14em;
  }

  /* line 90, ../sass/style.scss */
  .btn {
    left: 2em;
  }
  /* line 90, ../sass/style.scss */
  .btn img {
    width: 4em;
  }

  /* line 91, ../sass/style.scss */
  .footer {
    height: 6em;
  }
}
@media (min-width: 980px) {
  /* line 94, ../sass/style.scss */
  .character img {
    max-width: 14em;
  }

  /* line 95, ../sass/style.scss */
  .btn {
    left: 2em;
  }
  /* line 95, ../sass/style.scss */
  .btn img {
    width: 4em;
  }

  /* line 96, ../sass/style.scss */
  .footer {
    height: 6em;
  }
}