@charset "UTF-8";
.transform {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  opacity: 1 !important; }

.slide-top {
  -webkit-animation: slide-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.slide-right {
  -webkit-animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

/*--------主視覺 Cover--------*/
/*-----上下浮動-----*/
/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

@keyframes slide-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

body {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  background: rgba(204, 232, 255, 0.6);
  text-align: center; }
  body:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle; }
  body section.error_404 {
    width: 90%;
    display: inline-block;
    vertical-align: middle; }
    body section.error_404 img {
      width: 100%; }
    body section.error_404 a {
      display: inline-block;
      margin-top: .5em;
      color: #FFF;
      padding: 0.5em 2em;
      background: #157EFA;
      letter-spacing: 3px;
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem; }
    @media only screen and (min-width: 769px) {
      body section.error_404 {
        width: 60%; } }

/*# sourceMappingURL=maps/error_404.css.map */