@charset "utf-8";
body { text-align: center }

/* Position and style the notice banner */
.motionless__banner {
  display: none; /* hides the banner when animations are enabled */
  margin-bottom: 1rem;
  width: 100%;
  padding: .5rem 1rem;

  background: #333;
  color: #fff;
  border-top: 2px solid #ff5722;
}

.motionless__paragraph {
  margin-bottom: 0;
}

/* on Animate.css package.json */
"animateConfig": {
  "prefix": "myCustomPrefix__"
},

/* Show the banner if the user disables animations in the OS level */
@media (print), (prefers-reduced-motion: reduce) {
  .motionless__banner {
    display: block;
  }
}
/* common elements */
.btn {display:inline-block; font-family:'Raleway','notokr'}
.full-img img, img.full-img {display:block; width:100%}
.visible {display:block !important}
/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#f4f4f4; z-index:9999}
#page-loader > .inner {display:table; width:100%; height:100%}
.spinner {display:table-cell; margin:auto; width:50px; text-align:center; font-size:10px; vertical-align:middle}
.spinner > div {display:inline-block; width:6px; height:40px; background:#92bd92; -webkit-animation:loadingAnimate 1.2s infinite ease-in-out; animation:loadingAnimate 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
@-webkit-keyframes loadingAnimate {
  0%, 40%, 100% {-webkit-transform:scaleY(0.4)}
  20% {-webkit-transform:scaleY(1.0)}
}
@keyframes loadingAnimate {
  0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
  20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}

@media screen and (max-width:768px) {
input, button, select {-webkit-appearance:none;}
.td_chk input {-webkit-appearance:checkbox;}
}