@charset "UTF-8";
/* css reset */
@import url(../css/style.css);
body {
  /*overflow: hidden;*/
  overflow-x: hidden; }

html.mobile-mode body {
  overflow-x: hidden;
  overflow-y: auto !important; }

ul {
  margin-bottom: 0; }

p {
  margin-bottom: 0; }
  p + p {
    margin-top: 1rem; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: inherit; }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5; }

.slick-arrow {
  z-index: 99; }

/* variable css */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-top-10
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top-10 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-top-10 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

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

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

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-bottom-10
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom-10 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-bottom-10 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/**
 * ----------------------------------------
 * animation fade-out-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-bck {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; } }
@keyframes fade-out-bck {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0; } }

/**
 * ----------------------------------------
 * animation fade-out-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-fwd {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; } }
@keyframes fade-out-fwd {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    opacity: 0; } }

/**
 * ----------------------------------------
 * animation fade-out-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; } }
@keyframes fade-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; } }

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

/**
 * ----------------------------------------
 * animation fade-out-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }

/**
 * ----------------------------------------
 * animation fade-out-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; } }
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; } }

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%; }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
    transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom; } }
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%; }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
    transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom; } }

/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; } }
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1; } }
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1; } }

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

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

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

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation slide-in-left-10
 * ----------------------------------------
 */
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

/**
 * ----------------------------------------
 * animation slide-in-top-10
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top-10 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slide-in-top-10 {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/**
 * ----------------------------------------
 * animation slide-in-bottom-10
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom-10 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slide-in-bottom-10 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; }
  6% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; }
  24% {
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; } }
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; }
  6% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; }
  24% {
    opacity: 1; }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-animal {
  0% {
    -webkit-transform: translateX(-200%) translateY(-10px) scale(0);
    transform: translateX(-200%) translateY(-10px) scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  5% {
    -webkit-transform: translateX(-180%) translateY(0px) scale(0.05);
    transform: translateX(-180%) translateY(0px) scale(0.05);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.05; }
  10% {
    -webkit-transform: translateX(-160%) translateY(-20px) scale(0.1);
    transform: translateX(-160%) translateY(-20px) scale(0.1);
    opacity: 0.1; }
  20% {
    -webkit-transform: translateX(-140%) translateY(0px) scale(0.25);
    transform: translateX(-140%) translateY(0px) scale(0.25);
    opacity: 0.2; }
  35% {
    -webkit-transform: translateX(-120%) translateY(-25px) scale(0.4);
    transform: translateX(-120%) translateY(-25px) scale(0.4);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.35; }
  40% {
    -webkit-transform: translateX(-100%) translateY(0px) scale(0.5);
    transform: translateX(-100%) translateY(0px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.5; }
  55% {
    -webkit-transform: translateX(-80%) translateY(-30px) scale(0.6);
    transform: translateX(-80%) translateY(-30px) scale(0.6);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.7; }
  73% {
    -webkit-transform: translateX(-60%) translateY(0px) scale(0.7);
    transform: translateX(-60%) translateY(0px) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.85; }
  88% {
    -webkit-transform: translateX(-30%) translateY(-35px) scale(0.85);
    transform: translateX(-30%) translateY(-35px) scale(0.85);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.95; }
  100% {
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; } }
@keyframes bounce-animal {
  0% {
    -webkit-transform: translateX(-200%) translateY(-10px) scale(0);
    transform: translateX(-200%) translateY(-10px) scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  5% {
    -webkit-transform: translateX(-180%) translateY(0px) scale(0.05);
    transform: translateX(-180%) translateY(0px) scale(0.05);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.05; }
  10% {
    -webkit-transform: translateX(-160%) translateY(-20px) scale(0.1);
    transform: translateX(-160%) translateY(-20px) scale(0.1);
    opacity: 0.1; }
  20% {
    -webkit-transform: translateX(-140%) translateY(0px) scale(0.25);
    transform: translateX(-140%) translateY(0px) scale(0.25);
    opacity: 0.2; }
  35% {
    -webkit-transform: translateX(-120%) translateY(-25px) scale(0.4);
    transform: translateX(-120%) translateY(-25px) scale(0.4);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.35; }
  40% {
    -webkit-transform: translateX(-100%) translateY(0px) scale(0.5);
    transform: translateX(-100%) translateY(0px) scale(0.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.5; }
  55% {
    -webkit-transform: translateX(-80%) translateY(-30px) scale(0.6);
    transform: translateX(-80%) translateY(-30px) scale(0.6);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.7; }
  73% {
    -webkit-transform: translateX(-60%) translateY(0px) scale(0.7);
    transform: translateX(-60%) translateY(0px) scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.85; }
  88% {
    -webkit-transform: translateX(-30%) translateY(-35px) scale(0.85);
    transform: translateX(-30%) translateY(-35px) scale(0.85);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0.95; }
  100% {
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation flip-in-ver-left
 * ----------------------------------------
 */
@-webkit-keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1; } }
@keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1; } }

/**
 * ----------------------------------------
 * animation flip-out-ver-left
 * ----------------------------------------
 */
@-webkit-keyframes flip-out-ver-left {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0; } }
@keyframes flip-out-ver-left {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0; } }

.headerFadeIn {
  -webkit-animation: fade-in-top 1s ease both;
  animation: fade-in-top 1s ease both; }

.headerFadeOut {
  -webkit-animation: fade-out-top 1s ease both;
  animation: fade-out-top 1s ease both; }

[data-waypoint-duration='100'] {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s; }

[data-waypoint-delay='100'] {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

[data-waypoint-duration='200'] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s; }

[data-waypoint-delay='200'] {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

[data-waypoint-duration='300'] {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

[data-waypoint-delay='300'] {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

[data-waypoint-duration='400'] {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s; }

[data-waypoint-delay='400'] {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

[data-waypoint-duration='500'] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }

[data-waypoint-delay='500'] {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

[data-waypoint-duration='600'] {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s; }

[data-waypoint-delay='600'] {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

[data-waypoint-duration='700'] {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s; }

[data-waypoint-delay='700'] {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

[data-waypoint-duration='800'] {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s; }

[data-waypoint-delay='800'] {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

[data-waypoint-duration='900'] {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s; }

[data-waypoint-delay='900'] {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

[data-waypoint-duration='1000'] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

[data-waypoint-delay='1000'] {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

[data-waypoint-duration='1100'] {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s; }

[data-waypoint-delay='1100'] {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s; }

[data-waypoint-duration='1200'] {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s; }

[data-waypoint-delay='1200'] {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

[data-waypoint-duration='1300'] {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s; }

[data-waypoint-delay='1300'] {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s; }

[data-waypoint-duration='1400'] {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s; }

[data-waypoint-delay='1400'] {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

[data-waypoint-duration='1500'] {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s; }

[data-waypoint-delay='1500'] {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

[data-waypoint-duration='1600'] {
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s; }

[data-waypoint-delay='1600'] {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

[data-waypoint-duration='1700'] {
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s; }

[data-waypoint-delay='1700'] {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s; }

[data-waypoint-duration='1800'] {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s; }

[data-waypoint-delay='1800'] {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }

[data-waypoint-duration='1900'] {
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s; }

[data-waypoint-delay='1900'] {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s; }

[data-waypoint-duration='2000'] {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

[data-waypoint-delay='2000'] {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.waypoint,
.waypoint100 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: calc(50% + 120px) 50%;
  perspective-origin: calc(50% + 120px) 50%;
  visibility: hidden;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }
  .waypoint.show,
  .waypoint100.show {
    visibility: visible; }
  .waypoint.fade-in.show,
  .waypoint100.fade-in.show {
    -webkit-animation-name: fade-in;
    animation-name: fade-in; }
  .waypoint.fade-in-top.show,
  .waypoint100.fade-in-top.show {
    -webkit-animation-name: fade-in-top;
    animation-name: fade-in-top; }
  .waypoint.fade-in-bottom.show,
  .waypoint100.fade-in-bottom.show {
    -webkit-animation-name: fade-in-bottom;
    animation-name: fade-in-bottom; }
  .waypoint.fade-in-left.show,
  .waypoint100.fade-in-left.show {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left; }
  .waypoint.fade-in-right.show,
  .waypoint100.fade-in-right.show {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right; }
  .waypoint.swing-in-top-fwd.show,
  .waypoint100.swing-in-top-fwd.show {
    -webkit-animation-name: swing-in-top-fwd;
    animation-name: swing-in-top-fwd; }

[data-page-classify="about"]:not([data-page="statistics"]) main .list-item {
  opacity: 0; }
  [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show {
    opacity: 1; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show .pic-container {
      -webkit-animation: slide-in-bottom 0.7s ease both;
      animation: slide-in-bottom 0.7s ease both; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show .article-container h2 {
      -webkit-animation: fade-in-bottom 0.7s 0.4s ease both;
      animation: fade-in-bottom 0.7s 0.4s ease both; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show .article-container p {
      -webkit-animation: fade-in-bottom 1s 0.7s ease both;
      animation: fade-in-bottom 1s 0.7s ease both; }
  [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show:not(:first-child) {
    opacity: 1; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show:not(:first-child) .pic-container {
      -webkit-animation: slide-in-bottom 0.7s ease both;
      animation: slide-in-bottom 0.7s ease both; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show:not(:first-child) .article-container h2 {
      -webkit-animation: fade-in-bottom 0.7s 0.4s ease both;
      animation: fade-in-bottom 0.7s 0.4s ease both; }
    [data-page-classify="about"]:not([data-page="statistics"]) main .list-item.show:not(:first-child) .article-container p {
      -webkit-animation: fade-in-bottom 1s 0.7s ease both;
      animation: fade-in-bottom 1s 0.7s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner-container_inner.show-in-1 .subtitle {
  -webkit-animation: fade-in-bottom 0.7s ease both;
  animation: fade-in-bottom 0.7s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner-container_inner.show-in-1 .title {
  -webkit-animation: fade-in-bottom 0.7s 0.3s ease both;
  animation: fade-in-bottom 0.7s 0.3s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner-container_inner.show-in-1 .group {
  -webkit-animation: fade-in-bottom 0.7s 0.6s ease both;
  animation: fade-in-bottom 0.7s 0.6s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .article-container.show-in-1 .article-title h2 {
  -webkit-animation: fade-in-left 0.7s 0.8s ease both;
  animation: fade-in-left 0.7s 0.8s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .article-container.show-in-1 .article-title hr {
  -webkit-animation: fade-in-left 0.7s 1s ease both;
  animation: fade-in-left 0.7s 1s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .article-container.show-in-1 ul.show-in-1,
[data-page-classify="about"]:not([data-page="statistics"]) .article-container.show-in-1 .main-nav-tabs-area.show-in-1 {
  -webkit-animation: fade-in-bottom 0.7s 1.2s ease both;
  animation: fade-in-bottom 0.7s 1.2s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner.show .container .banner-container .subtitle {
  -webkit-animation: fade-in-bottom 0.7s ease both;
  animation: fade-in-bottom 0.7s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner.show .container .banner-container .title {
  -webkit-animation: fade-in-bottom 0.7s 0.3s ease both;
  animation: fade-in-bottom 0.7s 0.3s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner.show .container .banner-container .group {
  -webkit-animation: fade-in-bottom 0.7s 0.6s ease both;
  animation: fade-in-bottom 0.7s 0.6s ease both; }

[data-page-classify="about"]:not([data-page="statistics"]) .banner.show .container .banner-container hr {
  -webkit-animation: fade-in-left 0.7s 0.9s ease both;
  animation: fade-in-left 0.7s 0.9s ease both; }

.heading.show-in-1 .subtitle {
  -webkit-animation: fade-in-left 0.7s ease both;
  animation: fade-in-left 0.7s ease both; }

.heading.show-in-1 .title {
  -webkit-animation: fade-in-left 0.7s 0.3s ease both;
  animation: fade-in-left 0.7s 0.3s ease both; }

.heading.show-in-1 hr {
  -webkit-animation: fade-in-left 0.7s 0.6s ease both;
  animation: fade-in-left 0.7s 0.6s ease both; }

.section-container {
  opacity: 0; }
  .section-container.show {
    opacity: 1; }
    .section-container.show .subtitle {
      -webkit-animation: fade-in-left 0.7s ease both;
      animation: fade-in-left 0.7s ease both; }
    .section-container.show .title {
      -webkit-animation: fade-in-left 0.7s 0.3s ease both;
      animation: fade-in-left 0.7s 0.3s ease both; }
    .section-container.show .text {
      -webkit-animation: fade-in-left 0.7s 0.6s ease both;
      animation: fade-in-left 0.7s 0.6s ease both; }
    .section-container.show hr {
      -webkit-animation: fade-in-left 0.7s 0.9s ease both;
      animation: fade-in-left 0.7s 0.9s ease both; }
    .section-container.show p {
      -webkit-animation: fade-in-bottom 0.7s 0.9s ease both;
      animation: fade-in-bottom 0.7s 0.9s ease both; }

[data-page="statistics"] main .banner .detail-slider-for .img,
[data-page="statistics"] main .banner .detail-slider-for .slick-current {
  -webkit-animation: fade-in 0.7s ease both;
  animation: fade-in 0.7s ease both; }

.video_lbox {
  opacity: 0; }
  .video_lbox.open {
    -webkit-animation: fade-in 0.7s ease both;
    animation: fade-in 0.7s ease both; }
    .video_lbox.open .detail_container .lbx_header {
      -webkit-animation: fade-in-right 0.6s 0.8s ease both;
      animation: fade-in-right 0.6s 0.8s ease both; }
    .video_lbox.open .detail_container .lbx_content {
      -webkit-animation: scale-in-center 0.6s 0.7s ease both;
      animation: scale-in-center 0.6s 0.7s ease both; }
      .video_lbox.open .detail_container .lbx_content .subtitle {
        -webkit-animation: slide-in-bottom 0.6s 0.9s ease both;
        animation: slide-in-bottom 0.6s 0.9s ease both; }
      .video_lbox.open .detail_container .lbx_content .title {
        -webkit-animation: slide-in-bottom 0.6s 1.1s ease both;
        animation: slide-in-bottom 0.6s 1.1s ease both; }
      .video_lbox.open .detail_container .lbx_content hr {
        -webkit-animation: slide-in-bottom 0.6s 1.3s ease both;
        animation: slide-in-bottom 0.6s 1.3s ease both; }
      .video_lbox.open .detail_container .lbx_content .detail-slider {
        -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
        animation: slide-in-bottom 0.6s 1.5s ease both; }
      .video_lbox.open .detail_container .lbx_content article {
        -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
        animation: slide-in-bottom 0.6s 1.5s ease both; }
  .video_lbox.close {
    -webkit-animation: fade-out-top 1s 1s ease both;
    animation: fade-out-top 1s 1s ease both; }
    .video_lbox.close .detail_container .lbx_header {
      -webkit-animation: fade-out-right 0.6s ease both;
      animation: fade-out-right 0.6s ease both; }
    .video_lbox.close .detail_container .lbx_content {
      -webkit-animation: fade-out 0.5s 0.5s ease both;
      animation: fade-out 0.5s 0.5s ease both; }

.menu_detail {
  /* opacity: 0 */ }
  .menu_detail.open {
    -webkit-animation: fade-in 0.7s ease both;
    animation: fade-in 0.7s ease both; }
    .menu_detail.open .detail_container .lbx_header {
      -webkit-animation: fade-in-right 0.6s 0.8s ease both;
      animation: fade-in-right 0.6s 0.8s ease both; }
    .menu_detail.open .detail_container .lbx_content {
      -webkit-animation: scale-in-center 0.6s 0.7s ease both;
      animation: scale-in-center 0.6s 0.7s ease both; }
  .menu_detail.close {
    -webkit-animation: fade-out-top 1s 1s ease both;
    animation: fade-out-top 1s 1s ease both; }
    .menu_detail.close .detail_container .lbx_header {
      -webkit-animation: fade-out-right 0.6s ease both;
      animation: fade-out-right 0.6s ease both; }
    .menu_detail.close .detail_container .lbx_content {
      -webkit-animation: fade-out 0.5s 0.5s ease both;
      animation: fade-out 0.5s 0.5s ease both; }

.product_detail {
  opacity: 0; }
  .product_detail.open {
    -webkit-animation: fade-in 0.7s ease both;
    animation: fade-in 0.7s ease both; }
    .product_detail.open .detail_container {
      -webkit-animation: slide-in-bottom 0.6s 0.4s ease both;
      animation: slide-in-bottom 0.6s 0.4s ease both; }
      .product_detail.open .detail_container .lbx_header {
        -webkit-animation: fade-in-right 0.6s 0.8s ease both;
        animation: fade-in-right 0.6s 0.8s ease both; }
      .product_detail.open .detail_container .lbx_content .subtitle {
        -webkit-animation: slide-in-bottom 0.6s 0.9s ease both;
        animation: slide-in-bottom 0.6s 0.9s ease both; }
      .product_detail.open .detail_container .lbx_content .title {
        -webkit-animation: slide-in-bottom 0.6s 1.1s ease both;
        animation: slide-in-bottom 0.6s 1.1s ease both; }
      .product_detail.open .detail_container .lbx_content hr {
        -webkit-animation: slide-in-bottom 0.6s 1.3s ease both;
        animation: slide-in-bottom 0.6s 1.3s ease both; }
      .product_detail.open .detail_container .lbx_content .detail-slider {
        -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
        animation: slide-in-bottom 0.6s 1.5s ease both; }
      .product_detail.open .detail_container .lbx_content article {
        -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
        animation: slide-in-bottom 0.6s 1.5s ease both; }
  .product_detail.close {
    -webkit-animation: fade-out-top 1s 1s ease both;
    animation: fade-out-top 1s 1s ease both; }
    .product_detail.close .detail_container {
      -webkit-animation: fade-out-top 1s  ease both;
      animation: fade-out-top 1s  ease both; }

.news_detail {
  opacity: 0; }
  .news_detail.open .lbx_bg {
    -webkit-animation: fade-in 0.7s ease both;
    animation: fade-in 0.7s ease both; }
  .news_detail.open .detail_container {
    -webkit-animation: fade-in 0.6s 0.4s ease both;
    animation: fade-in 0.6s 0.4s ease both; }
    .news_detail.open .detail_container .lbx_header {
      -webkit-animation: fade-in-right 0.6s 0.8s ease both;
      animation: fade-in-right 0.6s 0.8s ease both; }
    .news_detail.open .detail_container .lbx_content .infos {
      -webkit-animation: slide-in-bottom 0.6s 0.6s ease both;
      animation: slide-in-bottom 0.6s 0.6s ease both; }
    .news_detail.open .detail_container .lbx_content .subtitle {
      -webkit-animation: slide-in-bottom 0.6s 0.9s ease both;
      animation: slide-in-bottom 0.6s 0.9s ease both; }
    .news_detail.open .detail_container .lbx_content .title {
      -webkit-animation: slide-in-bottom 0.6s 1.1s ease both;
      animation: slide-in-bottom 0.6s 1.1s ease both; }
    .news_detail.open .detail_container .lbx_content .share-area {
      -webkit-animation: slide-in-bottom 0.6s 1.3s ease both;
      animation: slide-in-bottom 0.6s 1.3s ease both; }
    .news_detail.open .detail_container .lbx_content hr {
      -webkit-animation: slide-in-bottom 0.6s 1.3s ease both;
      animation: slide-in-bottom 0.6s 1.3s ease both; }
    .news_detail.open .detail_container .lbx_content .detail-slider {
      -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
      animation: slide-in-bottom 0.6s 1.5s ease both; }
    .news_detail.open .detail_container .lbx_content article {
      -webkit-animation: slide-in-bottom 0.6s 1.5s ease both;
      animation: slide-in-bottom 0.6s 1.5s ease both; }
  .news_detail.close .lbx_bg {
    -webkit-animation: fade-out 1s 1s ease both;
    animation: fade-out 1s 1s ease both; }
  .news_detail.close .detail_container {
    -webkit-animation: fade-out 1s  ease both;
    animation: fade-out 1s  ease both; }

/* fonts css */
@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url("../fonts/CenturyGot.hicBold/CenturyGothic-Bold_gdi.eot");
  src: url("../fonts/CenturyGothicBold/CenturyGothic-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothicBold/CenturyGothic-Bold_gdi.woff") format("woff"), url("../fonts/CenturyGothicBold/CenturyGothic-Bold_gdi.ttf") format("truetype"), url("../fonts/CenturyGothicBold/CenturyGothic-Bold_gdi.svg#CenturyGothic-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'CenturyGothic';
  src: url("../fonts/CenturyGothic/CenturyGothic.eot");
  src: url("../fonts/CenturyGothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic/CenturyGothic.ttf") format("truetype"), url("../fonts/CenturyGothic/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'mplus-thin';
  src: url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.ttf");
  src: url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_thin_macroman/mplus-1c-thin-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-regular';
  src: url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.ttf");
  src: url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_regular_macroman/mplus-1c-regular-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-medium';
  src: url("../fonts/mplus/m+1c_mediumn_macroman/mplus-1c-medium-webfont.ttf");
  src: url("../fonts/mplus/m+1c_medium_macroman/mplus-1c-medium-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_medium_macroman/mplus-1c-medium-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_medium_macroman/mplus-1c-medium-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_medium_macroman/mplus-1c-medium-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_medium_macroman/mplus-1c-medium-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-light';
  src: url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.ttf");
  src: url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_light_macroman/mplus-1c-light-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-heavy';
  src: url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.ttf");
  src: url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_heavy_macroman/mplus-1c-heavy-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-bold';
  src: url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.ttf");
  src: url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_bold_macroman/mplus-1c-bold-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

@font-face {
  font-family: 'mplus-black';
  src: url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.ttf");
  src: url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.eot") format("embedded-opentype"), url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.woff") format("woff"), url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.ttf") format("truetype"), url("../fonts/mplus/m+1c_black_macroman/mplus-1c-black-webfont.svg#CenturyGothic") format("svg");
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

.btn[class*="-btn"] .txt {
  font-size: 1rem; }

.btn[class*="-btn"] .cn {
  font-size: 0.9375em; }

@media screen and (max-width: 991px) {
  .btn[class*="-btn"] .txt {
    font-size: 1rem; } }

@media screen and (max-width: 374px) {
  .btn[class*="-btn"] .txt {
    font-size: 0.75rem; } }

.btn.banner-btn {
  font-size: 16px; }

.scroll_down {
  font-size: 0.875rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(0, 0, 0, 0.5); }

body {
  font-family: "CenturyGothic-Bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

header .nav-header-links .nav-link {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.0625rem; }

header .nav-header-links .link-active-value {
  white-space: nowrap; }

header .nav-header-links .back-btn .txt {
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.5px;
  font-size: 1.0625rem;
  line-height: 1.125rem; }

header .nav-header-links .back-btn [class*="icon-"] {
  font-size: 0.8125rem; }

@media (max-width: 375px) {
  header .nav-header-links .back-btn .txt {
    margin-top: 3px;
    font-size: 0.875rem; }
  header .nav-header-links .back-btn [class*="icon-"] {
    font-size: 0.8125rem; } }

footer .footer-links a {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem;
  letter-spacing: 0.4px; }
  @media (max-width: 1459px) {
    footer .footer-links a {
      font-size: 1rem; } }

footer .footer-contact label,
footer .footer-contact .contact-link {
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.7); }
  @media (max-width: 1459px) {
    footer .footer-contact label,
    footer .footer-contact .contact-link {
      font-size: 0.75rem; } }

footer .footer-contact label {
  font-family: "mplus-heavy", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

footer .footer-contact .contact-link {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

footer .copyright span,
footer .copyright a {
  font-size: 0.8125rem; }

footer .copyright span {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

footer .copyright a {
  font-family: "mplus-heavy", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 991px) {
  footer .footer-links a {
    font-size: 1.125rem; } }

.btn .txt {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0; }

.btn.has-svg {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.0625rem; }

.main-nav-tabs-area .nav-tabs .nav-link {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (min-width: 1440px) {
  .banner.banner-normal .subtitle {
    font-size: 1.15vw; } }

@media (min-width: 1440px) {
  .banner.banner-normal .title {
    font-size: 2.85vw; } }

.banner.banner-normal .article-container .heading2 {
  font-size: 1.75rem;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  @media (min-width: 1440px) {
    .banner.banner-normal .article-container .heading2 {
      font-size: 1.45vw; } }

.share-area p {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem;
  color: #9e9e9e; }

[data-page="faq"] .article-title .heading2 {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="faq"] .article-title .heading3 {
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="home"] .banner .pic .text {
  font-size: 28px; }
  [data-page="home"] .banner .pic .text .heading4 {
    font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em; }
  [data-page="home"] .banner .pic .text .heading5 {
    font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.57em;
    letter-spacing: 1px; }

@media (max-width: 1199px) {
  [data-page="home"] .banner .pic .text {
    font-size: 1.5rem; } }

@media (max-width: 991px) {
  [data-page="home"] .banner .pic .text {
    font-size: 1.25rem; } }

[data-page="home"] .banner .pic-normal-mode .pic-area .text {
  font-size: 28px; }
  [data-page="home"] .banner .pic-normal-mode .pic-area .text .heading4 {
    font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em; }
  [data-page="home"] .banner .pic-normal-mode .pic-area .text .heading5 {
    font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.57em;
    letter-spacing: 1px; }

@media (max-width: 1199px) {
  [data-page="home"] .banner .pic-normal-mode .pic-area .text {
    font-size: 1.5rem; } }

@media (max-width: 991px) {
  [data-page="home"] .banner .pic-normal-mode .pic-area .text {
    font-size: 1.25rem; } }

[data-page="home"] .article-title .heading2 {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="home"] .article-title .heading3 {
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="home"] .banner .article-title {
  font-size: 50px; }
  [data-page="home"] .banner .article-title .heading2 {
    font-size: 0.44em; }
  [data-page="home"] .banner .article-title .heading3 {
    font-size: 1em;
    line-height: 1.25; }

@media (max-width: 1559px) {
  [data-page="home"] .banner .article-title {
    font-size: 46px; } }

@media (max-width: 1199px) {
  [data-page="home"] .banner .article-title {
    font-size: 40px; } }

@media (max-width: 991px) {
  [data-page="home"] .banner .article-title {
    font-size: 30px; } }

@media (max-width: 575px) {
  [data-page="home"] .banner .article-title .heading3 {
    font-size: 0.7em; } }

[data-page="home"] .banner .tools .txt {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.figure-artistic .article .heading4,
.figure .article .heading4 {
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.75rem;
  letter-spacing: .5px; }
  @media (max-width: 479px) {
    .figure-artistic .article .heading4,
    .figure .article .heading4 {
      font-size: 1.5rem; } }

.figure-artistic .article .heading5,
.figure .article .heading5 {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  letter-spacing: 1.25px; }

.figure-artistic .article .info,
.figure-artistic .article .text,
.figure .article .info,
.figure .article .text {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-area="products"] .article-area .article-title,
[data-area="artist"] .article-area .article-title,
[data-area="news"] .article-area .article-title,
[data-area="about"] .article-area .article-title {
  font-size: 70px; }
  [data-area="products"] .article-area .article-title .heading2,
  [data-area="artist"] .article-area .article-title .heading2,
  [data-area="news"] .article-area .article-title .heading2,
  [data-area="about"] .article-area .article-title .heading2 {
    font-size: 0.286em;
    letter-spacing: 1px; }
  [data-area="products"] .article-area .article-title .heading3,
  [data-area="artist"] .article-area .article-title .heading3,
  [data-area="news"] .article-area .article-title .heading3,
  [data-area="about"] .article-area .article-title .heading3 {
    font-size: 1em;
    line-height: 1;
    white-space: normal; }
    [data-area="products"] .article-area .article-title .heading3 span,
    [data-area="artist"] .article-area .article-title .heading3 span,
    [data-area="news"] .article-area .article-title .heading3 span,
    [data-area="about"] .article-area .article-title .heading3 span {
      font-family: inherit; }

[data-area="products"] .article-area .article,
[data-area="artist"] .article-area .article,
[data-area="news"] .article-area .article,
[data-area="about"] .article-area .article {
  font-size: 1rem; }

[data-area="products"] .article-area .heading4,
[data-area="artist"] .article-area .heading4,
[data-area="news"] .article-area .heading4,
[data-area="about"] .article-area .heading4 {
  font-size: 1.75rem;
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.4px; }

[data-area="products"] .article-area .heading5,
[data-area="artist"] .article-area .heading5,
[data-area="news"] .article-area .heading5,
[data-area="about"] .article-area .heading5 {
  font-size: 1rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.7px;
  color: rgba(0, 0, 0, 0.4); }

[data-area="products"] .article-area .info p,
[data-area="artist"] .article-area .info p,
[data-area="news"] .article-area .info p,
[data-area="about"] .article-area .info p {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.9375rem;
  color: rgba(0, 0, 0, 0.5); }

@media (max-width: 1199px) {
  [data-area="products"] .article-area .article-title,
  [data-area="artist"] .article-area .article-title,
  [data-area="news"] .article-area .article-title,
  [data-area="about"] .article-area .article-title {
    font-size: 60px; } }

@media (max-width: 991px) {
  [data-area="products"] .article-area .article-title,
  [data-area="artist"] .article-area .article-title,
  [data-area="news"] .article-area .article-title,
  [data-area="about"] .article-area .article-title {
    font-size: 56px; } }

@media (max-width: 767px) {
  [data-area="products"] .article-area .article-title,
  [data-area="artist"] .article-area .article-title,
  [data-area="news"] .article-area .article-title,
  [data-area="about"] .article-area .article-title {
    font-size: 48px; } }

@media (max-width: 375px) {
  [data-area="products"] .article-area .article-title,
  [data-area="artist"] .article-area .article-title,
  [data-area="news"] .article-area .article-title,
  [data-area="about"] .article-area .article-title {
    font-size: 40px; } }

[data-page="home"] .banner-container .right-container .tools .txt {
  font-size: 0.875rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.3px;
  line-height: 1; }

@media (min-width: 768px) and (max-width: 991px) {
  [data-page="home"] [data-area="about"] .article-area .article-title {
    font-size: 50px; } }

[data-area="news"] .date .mm {
  font-size: 1.125rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-area="news"] .date .dd {
  font-size: 1.875rem;
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 1459px) {
  [data-area="news"] .date .mm {
    font-size: 0.875rem; }
  [data-area="news"] .date .dd {
    font-size: 1.25rem; } }

@media (max-width: 991px) {
  [data-area="news"] .date .mm {
    font-size: 0.85rem; }
  [data-area="news"] .date .dd {
    font-size: 1.125rem; } }

[data-area="news"] .info .heading4 {
  font-size: 1.4375rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-area="news"] .info p {
  font-size: 0.9375rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 1459px) {
  [data-area="news"] .info .heading4 {
    font-size: 1rem; }
  [data-area="news"] .info p {
    font-size: 0.875rem; } }

@media (max-width: 991px) {
  [data-area="news"] .info p {
    font-size: 0.85rem; } }

[data-page="product_detail"] .banner .title-area .heading2 {
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  @media (min-width: 992px) {
    [data-page="product_detail"] .banner .title-area .heading2 {
      font-size: 3vw; } }
  @media (min-width: 1921px) {
    [data-page="product_detail"] .banner .title-area .heading2 {
      font-size: 3.4375rem; } }
  @media (max-width: 991px) {
    [data-page="product_detail"] .banner .title-area .heading2 {
      font-size: 3rem; } }
  @media (max-width: 479px) {
    [data-page="product_detail"] .banner .title-area .heading2 {
      font-size: 2.5rem; } }

[data-page="product_detail"] .banner .series-area a {
  color: #313131;
  font-size: 1.625rem;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="product_detail"] .banner .series-area .product-colors .text {
  font-size: 0.875rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(0, 0, 0, 0.7); }

[data-page="product_detail"] .banner .article-area .article-container .edit {
  font-size: 0.9375rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="product_detail"] .banner .select-area .sub-navbar-main_inner > .title {
  font-size: 1.625rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="product_detail"] .banner .select-area .sub-navbar-main_inner__toggle .selectVal {
  letter-spacing: 0.5px;
  font-size: 0.875rem;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  [data-page="product_detail"] .banner .select-area .sub-navbar-main_inner__toggle .selectVal span {
    font-family: inherit; }

[data-page="product_detail"] .main-nav-tabs-area .nav-tabs .nav-item .nav-link {
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.5px; }

[data-page="product_detail"] .tab-pane-content .title-area .heading5 {
  font-size: 1.25rem;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(0, 0, 0, 0.4); }

[data-page="product_detail"] .tab-pane-content .title-area .heading4 {
  font-size: 2.8125rem;
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(0, 0, 0, 0.9);
  font-weight: normal; }

[data-page="product_detail"] .tab-pane-content .intro-area {
  font-size: 0.9375rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (min-width: 1200px) and (max-width: 1365px) {
  [data-page="product_detail"] .tab-pane-content .title-area .heading4 {
    font-size: 2.5rem; } }

@media (min-width: 992px) and (max-width: 1199px) {
  [data-page="product_detail"] .tab-pane-content .title-area .heading4 {
    font-size: 1.625rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  [data-page="product_detail"] .tab-pane-content .title-area .heading4 {
    font-size: 1.875rem; } }

@media (max-width: 767px) {
  [data-page="product_detail"] .tab-pane-content .title-area .heading4 {
    font-size: 1.75rem; } }

[data-area="specification"] {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  [data-area="specification"] table td .edit p {
    font-size: 1rem; }
  [data-area="specification"] table td p {
    font-size: 1.125rem; }
  [data-area="specification"] table [data-td="title"] .heading5 {
    font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.375rem;
    line-height: 1.65;
    letter-spacing: -0.1px; }

.video-list-item .article {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem; }

main .main-nav-tabs-area .selectVal {
  font-family: 'mplus-medium', "微軟正黑體"; }
  main .main-nav-tabs-area .selectVal span {
    font-family: inherit; }

[data-page="news"] [data-area="products"] .article-area .article-title .heading2,
[data-page="faq"] [data-area="products"] .article-area .article-title .heading2 {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.3); }

[data-page="news"] [data-area="products"] .article-area .article-title .heading3,
[data-page="faq"] [data-area="products"] .article-area .article-title .heading3 {
  line-height: 1.1;
  color: rgba(0, 0, 0, 0.8); }

@media (min-width: 1921px) {
  [data-page="news"] [data-area="products"] .article-area .article-title,
  [data-page="faq"] [data-area="products"] .article-area .article-title {
    font-size: 4rem; } }

@media (min-width: 1440px) and (max-width: 1920px) {
  [data-page="news"] [data-area="products"] .article-area .article-title .heading3,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading3 {
    font-size: 3.34vw; } }

@media (min-width: 992px) and (max-width: 1439px) {
  [data-page="news"] [data-area="products"] .article-area .article-title .heading2,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading2 {
    font-size: 1rem; }
  [data-page="news"] [data-area="products"] .article-area .article-title .heading3,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading3 {
    font-size: 2.2rem;
    margin-bottom: 0; }
  [data-page="news"] [data-area="products"] .article-area .article-title .info p,
  [data-page="faq"] [data-area="products"] .article-area .article-title .info p {
    font-size: 0.875rem; } }

@media (min-width: 768px) and (max-width: 991px) {
  [data-page="news"] [data-area="products"] .article-area .article-title .heading2,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading2 {
    font-size: 1rem; }
  [data-page="news"] [data-area="products"] .article-area .article-title .heading3,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading3 {
    font-size: 2rem; }
  [data-page="news"] [data-area="products"] .article-area .article-title .info,
  [data-page="faq"] [data-area="products"] .article-area .article-title .info {
    font-size: 0.85rem; } }

@media (max-width: 767px) {
  [data-page="news"] [data-area="products"] .article-area .article-title .heading3,
  [data-page="faq"] [data-area="products"] .article-area .article-title .heading3 {
    font-size: 2.4rem; } }

@media (max-width: 479px) {
  [data-page="news"] [data-area="products"] .article-area .article-title,
  [data-page="faq"] [data-area="products"] .article-area .article-title {
    font-size: 45px; }
    [data-page="news"] [data-area="products"] .article-area .article-title .heading2,
    [data-page="faq"] [data-area="products"] .article-area .article-title .heading2 {
      font-size: 1.125rem; } }

[data-page="news"] [data-area="products"] .article-info-container .article-title .heading2,
[data-page="faq"] [data-area="products"] .article-info-container .article-title .heading2 {
  font-size: 1.5rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 1px; }
  @media (max-width: 1459px) {
    [data-page="news"] [data-area="products"] .article-info-container .article-title .heading2,
    [data-page="faq"] [data-area="products"] .article-info-container .article-title .heading2 {
      font-size: 1rem;
      margin-bottom: 3px; } }
  @media (max-width: 767px) {
    [data-page="news"] [data-area="products"] .article-info-container .article-title .heading2,
    [data-page="faq"] [data-area="products"] .article-info-container .article-title .heading2 {
      margin-bottom: 10px; } }

[data-page="news"] .main-nav-tabs-area .nav-tabs .nav-item .nav-link {
  font-size: 1.2rem; }
  @media (max-width: 1459px) {
    [data-page="news"] .main-nav-tabs-area .nav-tabs .nav-item .nav-link {
      font-size: 0.875rem; } }

[data-page="news"] .news_lists_slider .types,
[data-page="news"] .news_lists_slider .date {
  font-size: 1rem;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #636363; }
  [data-page="news"] .news_lists_slider .types .yy,
  [data-page="news"] .news_lists_slider .date .yy {
    font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="news"] .news_lists_slider .info .heading4 {
  line-height: 1.35; }

@media (max-width: 1459px) {
  [data-page="news"] .news_lists_slider .types {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%; } }

[data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .date {
  color: rgba(0, 0, 0, 0.6); }
  [data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .date .mm {
    font-size: 1.125rem;
    font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  [data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .date .dd {
    font-size: 1.875rem;
    font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .type {
  font-size: 1.0625rem;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 575px) {
  [data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .date .mm {
    font-size: 1rem; }
  [data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .date .dd {
    font-size: 1.5rem; }
  [data-page="news"] .detail_libox .lbx_content .lbx_content_inner .infos .type {
    font-size: 1rem; } }

[data-page="news"] .detail_libox .lbx_content .lbx_footer_inner .group .title .heading5 {
  font-size: 1.125rem;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.3px;
  color: rgba(0, 0, 0, 0.4); }

[data-page="news"] .detail_libox .lbx_content .lbx_footer_inner .group .title .heading4 {
  font-size: 1.5rem;
  font-family: "mplus-thin", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="news"] .detail_libox .lbx_content .lbx_footer_inner .need .group ul li span {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.menu_detail .lbx_content .main_menu .socials .txt {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875rem; }

.menu_detail .lbx_content .main_menu .links .txt {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2.25rem; }

.menu_detail .lbx_content .main_menu .tools .txt {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.125rem; }

@media (max-width: 991px) {
  .menu_detail .lbx_content .main_menu .links .txt {
    font-size: 1.625rem; } }

[data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .subtitle,
[data-page-classify="product"] .banner.banner-normal .banner-container_inner .subtitle,
[data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .subtitle {
  line-height: 22px;
  letter-spacing: 0.01em;
  font-size: 1.375rem;
  color: rgba(0, 0, 0, 0.3) !important;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  @media (max-width: 479px) {
    [data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .subtitle,
    [data-page-classify="product"] .banner.banner-normal .banner-container_inner .subtitle,
    [data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .subtitle {
      font-size: 1.25rem; } }

[data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title,
[data-page-classify="product"] .banner.banner-normal .banner-container_inner .title,
[data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .title {
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.67;
  font-size: 3.4375rem;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  @media (max-width: 1199px) {
    [data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title,
    [data-page-classify="product"] .banner.banner-normal .banner-container_inner .title,
    [data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .title {
      line-height: 1.3; } }
  @media (max-width: 767px) {
    [data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title,
    [data-page-classify="product"] .banner.banner-normal .banner-container_inner .title,
    [data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .title {
      font-size: 3rem;
      line-height: 1.25; } }
  @media (max-width: 575px) {
    [data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title,
    [data-page-classify="product"] .banner.banner-normal .banner-container_inner .title,
    [data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .title {
      font-size: 2rem;
      line-height: 1.35; } }

[data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .text,
[data-page-classify="product"] .banner.banner-normal .banner-container_inner .text,
[data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .text {
  font-size: 0.9375rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  line-height: 25px;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .more span,
[data-page-classify="product"] .banner.banner-normal .banner-container_inner .more span,
[data-page="search"] [data-page="product_lists"] .banner.banner-normal .banner-container_inner .more span {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title {
  font-size: 2.25rem; }

@media (max-width: 575px) {
  [data-page-classify="news"] .detail_container .banner.banner-normal .banner-container_inner .title {
    font-size: 1.875rem;
    line-height: 1.35; } }

[data-page="product_collection"] .banner.banner-normal .banner-container_inner {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  [data-page="product_collection"] .banner.banner-normal .banner-container_inner .subtitle {
    letter-spacing: 0; }
  [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
    letter-spacing: -1px; }
  [data-page="product_collection"] .banner.banner-normal .banner-container_inner .text {
    letter-spacing: 0.1px; }
  @media (min-width: 1200px) and (max-width: 1365px) {
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
      font-size: 4vw; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
      font-size: 4.5vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
      font-size: 5vw; } }
  @media (max-width: 767px) {
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
      font-size: 2.625rem; } }
  @media (max-width: 479px) {
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .subtitle {
      font-size: 1.125rem; }
    [data-page="product_collection"] .banner.banner-normal .banner-container_inner .title {
      font-size: 1.75rem;
      line-height: 1.35;
      letter-spacing: 0.5px; } }

[data-page="product_collection"] .content .list-item .article .heading3 {
  font-size: 2.375rem;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="product_collection"] .content .list-item .article .txt,
[data-page="product_collection"] .content .list-item .article span {
  font-size: 0.9375rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  line-height: 25px;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 991px) {
  [data-page="product_collection"] .content .list-item .article .heading3 {
    font-size: 1.75rem; } }

@media (max-width: 575px) {
  [data-page="product_series"] .banner.banner-normal .banner-container_inner .title {
    font-size: 2.25rem; } }

[data-page="product_function"] .banner.banner-normal .banner-container .group .text {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="product_function"] .lists .list-item .article .text {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25rem;
  letter-spacing: 0.5px; }
  @media (min-width: 576px) and (max-width: 767px) {
    [data-page="product_function"] .lists .list-item .article .text {
      font-size: 1rem; } }
  @media (max-width: 575px) {
    [data-page="product_function"] .lists .list-item .article .text {
      font-size: 1.125rem; } }

[data-area="nextMajor"] .banner.banner-normal .banner-container_inner .title {
  font-size: 1.8125rem;
  line-height: 1.3;
  font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-area="nextMajor"] .banner.banner-normal .banner-container_inner .text {
  font-size: 0.9375rem;
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

@media (max-width: 575px) {
  [data-area="nextMajor"] .banner.banner-normal .banner-container_inner .title {
    font-size: 1.625rem; } }

[data-page-classify="about"] main .banner.banner-normal .main-nav-tabs-area .nav-tabs .nav-item {
  font-family: 'mplus-regular','微軟正黑體';
  color: rgba(255, 255, 255, 0.3); }
  [data-page-classify="about"] main .banner.banner-normal .main-nav-tabs-area .nav-tabs .nav-item:after {
    background-color: rgba(255, 255, 255, 0.2); }
  [data-page-classify="about"] main .banner.banner-normal .main-nav-tabs-area .nav-tabs .nav-item .nav-link:after {
    background-color: #255885; }
  [data-page-classify="about"] main .banner.banner-normal .main-nav-tabs-area .nav-tabs .nav-item .nav-link.active {
    color: #fff; }
  [data-page-classify="about"] main .banner.banner-normal .main-nav-tabs-area .nav-tabs .nav-item .nav-link:hover {
    color: #fff; }

[data-page-classify="about"] main p {
  font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page="search"] main .banner.banner-normal .form .input-group input {
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

[data-page=results] .banner.banner-normal .banner-container_inner .text {
  font-size: 1.25rem;
  font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: black; }

.socials .social-link--vimeo a {
  display: block; }

.socials .social-link--vimeo span {
  display: block; }
  .socials .social-link--vimeo span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--vimeo:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--vimeo:hover [class*="icon"]::before {
    color: #00A4ED; }

.socials .social-link--twitter a {
  display: block; }

.socials .social-link--twitter span {
  display: block; }
  .socials .social-link--twitter span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--twitter:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--twitter:hover [class*="icon"]::before {
    color: #55acee; }

.socials .social-link--tumblr a {
  display: block; }

.socials .social-link--tumblr span {
  display: block; }
  .socials .social-link--tumblr span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--tumblr:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--tumblr:hover [class*="icon"]::before {
    color: #29394B; }

.socials .social-link--facebook a {
  display: block; }

.socials .social-link--facebook span {
  display: block; }
  .socials .social-link--facebook span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--facebook:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--facebook:hover [class*="icon"]::before {
    color: #334B95; }

.socials .social-link--instagram a {
  display: block; }

.socials .social-link--instagram span {
  display: block; }
  .socials .social-link--instagram span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--instagram:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--instagram:hover [class*="icon"]::before {
    color: #E8790A; }

.socials .social-link--instagram1 a {
  display: block; }

.socials .social-link--instagram1 span {
  display: block; }
  .socials .social-link--instagram1 span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--instagram1:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--instagram1:hover [class*="icon"]::before {
    color: #E8790A; }

.socials .social-link--instagram2 a {
  display: block; }

.socials .social-link--instagram2 span {
  display: block; }
  .socials .social-link--instagram2 span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--instagram2:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--instagram2:hover [class*="icon"]::before {
    color: #E8790A; }

.socials .social-link--youtube a {
  display: block; }

.socials .social-link--youtube span {
  display: block; }
  .socials .social-link--youtube span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--youtube:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--youtube:hover [class*="icon"]::before {
    color: #C5161C; }

.socials .social-link--google-plus a {
  display: block; }

.socials .social-link--google-plus span {
  display: block; }
  .socials .social-link--google-plus span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--google-plus:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--google-plus:hover [class*="icon"]::before {
    color: #B73D34; }

.socials .social-link--linkedin a {
  display: block; }

.socials .social-link--linkedin span {
  display: block; }
  .socials .social-link--linkedin span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--linkedin:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--linkedin:hover [class*="icon"]::before {
    color: #0068A6; }

.socials .social-link--wechat a {
  display: block; }

.socials .social-link--wechat span {
  display: block; }
  .socials .social-link--wechat span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--wechat:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--wechat:hover [class*="icon"]::before {
    color: #35A62E; }

.socials .social-link--weibo a {
  display: block; }

.socials .social-link--weibo span {
  display: block; }
  .socials .social-link--weibo span::before {
    color: rgba(0, 0, 0, 0.3);
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

.socials .social-link--weibo:hover [class*="icon"] {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .socials .social-link--weibo:hover [class*="icon"]::before {
    color: #D5201A; }

.socials,
.a2a_default_style {
  margin-left: -14px;
  margin-right: -14px; }
  .socials a,
  .a2a_default_style a {
    padding-left: 14px;
    padding-right: 14px; }
  .socials .social-link--instagram [class*="icon"]::before,
  .a2a_default_style .social-link--instagram [class*="icon"]::before {
    font-size: 18px; }
  .socials .social-link--wechat [class*="icon"]::before,
  .a2a_default_style .social-link--wechat [class*="icon"]::before {
    font-size: 22px; }

.share-area .socials,
.share-area .a2a_default_style {
  margin-left: -14px;
  margin-right: -14px; }
  .share-area .socials [class*="social-link--"],
  .share-area .a2a_default_style [class*="social-link--"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .share-area .socials a,
  .share-area .a2a_default_style a {
    padding-left: 14px;
    padding-right: 14px; }

.icon-play {
  position: relative;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #80f4e2;
  background: -moz-linear-gradient(45deg, #80f4e2 0%, #4ac7eb 66%, #4ac7eb 100%);
  background: -webkit-linear-gradient(45deg, #80f4e2 0%, #4ac7eb 66%, #4ac7eb 100%);
  background: -o-linear-gradient(45deg, #80f4e2 0%, #4ac7eb 66%, #4ac7eb 100%);
  background: linear-gradient(45deg, #80f4e2 0%, #4ac7eb 66%, #4ac7eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f4e2', endColorstr='#4ac7eb',GradientType=1 );
  opacity: 0.7; }
  .icon-play::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #FFF; }

.btn {
  border: solid 1px #000;
  cursor: pointer; }
  .btn[class*="-btn"] {
    position: relative;
    border-radius: 0;
    padding: 0;
    margin-top: 50px;
    border-style: solid;
    border-width: 1px;
    font-size: 0; }
    .btn[class*="-btn"] .txt {
      position: relative;
      z-index: 2;
      display: inline-block; }
    .btn[class*="-btn"] .en + .cn {
      padding-left: 5px; }
    .btn[class*="-btn"] .decoration {
      position: absolute;
      left: -1px;
      top: -1px;
      width: 14px;
      height: 14px;
      -webkit-transition: width 0.3s ease 0.2s, height 0.2s ease;
      -o-transition: width 0.3s ease 0.2s, height 0.2s ease;
      transition: width 0.3s ease 0.2s, height 0.2s ease; }
    .btn[class*="-btn"]:hover .decoration {
      width: calc(100% + 4px);
      height: calc(100% + 4px); }
  .btn.btn-noborder {
    border-color: transparent;
    padding: 12px 60px; }
  .btn.index-btn {
    /* ====== 長寬 ===== */
    height: 3.375em;
    line-height: 3.375em;
    font-size: 16px;
    padding: 0 60px; }
    @media screen and (max-width: 991px) {
      .btn.index-btn {
        font-size: 14px;
        padding: 0 50px; } }
    @media screen and (max-width: 767px) {
      .btn.index-btn {
        font-size: 12px;
        padding: 0 40px; } }
    @media screen and (max-width: 575px) {
      .btn.index-btn {
        font-size: 10px;
        padding: 0 25px; } }

.socials [class*="icon-"] {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.3); }
  .socials [class*="icon-"]:hover {
    color: black; }

[data-page="home"] .brands .btn-area .btn,
[data-page="business"] .list-item .btn {
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease; }
  [data-page="home"] .brands .btn-area .btn:hover,
  [data-page="business"] .list-item .btn:hover {
    background-color: #000 !important;
    color: #FFF !important; }

.more .search ~ span {
  font-size: 1.125rem; }

.load_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-top: 30px; }
  .load_more [class*="icon-"] {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    max-width: 45px;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    max-width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #FFF; }
    .load_more [class*="icon-"]::before {
      display: block;
      width: 100%;
      text-align: center;
      z-index: 1; }
    .load_more [class*="icon-"]::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 50%;
      background-color: #619ca2; }
  .load_more .text {
    margin-left: 15px;
    font-family: "mplus-bold", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.btn.no-decoration {
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease; }
  .btn.no-decoration:hover {
    background-color: #000 !important;
    color: #FFF !important; }

.btn.has-svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn.has-svg [class*="icon"] {
    position: relative;
    width: 51px;
    max-width: 51px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .btn.has-svg [class*="icon"]::before {
      content: '\e90c';
      font-family: 'icomoon';
      position: relative;
      z-index: 10;
      color: #FFF; }
    .btn.has-svg [class*="icon"]::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("../../upload/f2e/icon/frame.png");
      background-size: contain;
      width: 48px;
      height: 45px;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
    .btn.has-svg [class*="icon"] + .txt {
      padding-left: 20px; }
  .btn.has-svg:hover [class*=icon]::after {
    background-size: contain;
    width: 48px;
    height: 45px;
    background-color: transparent;
    background-image: url("../../upload/f2e/icon/frame_hover.png"); }

[data-page="product_function"] [data-area="products"] .btn.has-svg [class*="icon"]::before,
[data-area="about_collection"] .btn.has-svg [class*="icon"]::before {
  color: #000; }

[data-page="product_function"] [data-area="products"] .btn.has-svg [class*="icon"]::after,
[data-area="about_collection"] .btn.has-svg [class*="icon"]::after {
  background: url("../../upload/f2e/icon/frame_collection_hover.png");
  background-size: contain; }

.gotop,
.scroll_down {
  position: absolute;
  left: 0;
  cursor: pointer; }
  .gotop [class*="icon-"],
  .scroll_down [class*="icon-"] {
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
    color: #585858;
    background: #cccccc;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .gotop [class*="icon-"]::before,
    .scroll_down [class*="icon-"]::before {
      display: block; }

.scroll_down {
  position: relative;
  width: 100%;
  bottom: 15px; }
  .scroll_down:hover [class*="icon-"] {
    -webkit-animation: slide-in-top-10 .5s ease-in-out both;
    animation: slide-in-top-10 .5s ease-in-out both; }

.gotop {
  bottom: 0; }
  .gotop:hover [class*="icon-"] {
    -webkit-animation: slide-in-bottom-10 .5s ease-in-out both;
    animation: slide-in-bottom-10 .5s ease-in-out both; }
  .gotop[data-type="down"] {
    position: absolute;
    left: calc(50% - 15px);
    bottom: 10%; }
    .gotop[data-type="down"]:hover {
      -webkit-animation: slide-in-top-10 .5s ease-in both;
      animation: slide-in-top-10 .5s ease-in both; }

.gotop-container .gotop {
  position: relative; }

[data-area="news"] .slick-arrow,
[data-page="story"] .slick-arrow {
  display: block;
  margin: auto;
  width: 40px;
  height: 40px;
  background: #cccccc;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  [data-area="news"] .slick-arrow::before,
  [data-page="story"] .slick-arrow::before {
    font-family: 'icomoon';
    color: #000;
    font-size: 1rem; }
  [data-area="news"] .slick-arrow.slick-prev,
  [data-page="story"] .slick-arrow.slick-prev {
    left: 0; }
    [data-area="news"] .slick-arrow.slick-prev::before,
    [data-page="story"] .slick-arrow.slick-prev::before {
      content: "\e901"; }
  [data-area="news"] .slick-arrow.slick-next,
  [data-page="story"] .slick-arrow.slick-next {
    right: 0; }
    [data-area="news"] .slick-arrow.slick-next::before,
    [data-page="story"] .slick-arrow.slick-next::before {
      content: "\e900"; }

#template_series {
  width: 180px;
  max-width: 100%;
  padding: 15px 20px; }

.tippy-popper .tippy-tooltip.honeybee-theme {
  background-color: #5893d4;
  text-align: left;
  border-radius: 10px;
  font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  .tippy-popper .tippy-tooltip.honeybee-theme .tippy-backdrop {
    background-color: #005792;
    font-weight: bold;
    color: #FFF; }
  .tippy-popper .tippy-tooltip.honeybee-theme .tippy-tooltip {
    background: transparent;
    font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.tippy-popper p {
  margin-top: 3px; }

.load_more [class*="icon-"]::after {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.load_more:hover [class*="icon-"]::after {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.search.icon-bg {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }
  .search.icon-bg::before {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
  .search.icon-bg [class*="icon-"] {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

.search:hover.icon-bg::before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.search:hover.icon-bg [class*="icon-"] {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.more:hover .search.icon-bg::before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.more:hover .search.icon-bg [class*="icon-"] {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

body[data-page="contact"] {
  -webkit-animation: fade-in 1s both;
  animation: fade-in 1s both;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  body[data-page="contact"] .content {
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat; }
  body[data-page="contact"] [data-area="products"] .decorate-line-container .decorate-line {
    left: 100%;
    width: 1200px;
    max-width: 70vw; }
  body[data-page="contact"] [data-area="products"] .decorate-line-container .decorate-animal {
    position: absolute;
    top: 51%;
    left: 65%;
    width: 170px; }
    @media only screen and (max-width: 1024px) {
      body[data-page="contact"] [data-area="products"] .decorate-line-container .decorate-animal {
        display: none; } }
  body[data-page="contact"] [data-area="products"] .content .title-container {
    width: 40%;
    padding-top: 30vh;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 1440px) {
      body[data-page="contact"] [data-area="products"] .content .title-container {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        padding-top: 200px;
        height: auto; } }
    @media only screen and (max-width: 1279px) {
      body[data-page="contact"] [data-area="products"] .content .title-container {
        padding-top: 130px; } }
    @media only screen and (max-width: 1024px) {
      body[data-page="contact"] [data-area="products"] .content .title-container {
        padding-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      body[data-page="contact"] [data-area="products"] .content .title-container {
        padding-top: 80px; } }
    @media only screen and (max-width: 375px) {
      body[data-page="contact"] [data-area="products"] .content .title-container {
        padding-top: 60px; } }
    body[data-page="contact"] [data-area="products"] .content .title-container .article-area {
      max-width: 470px; }
      body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title h2.heading2 {
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 1.375rem;
        -webkit-animation: fade-in-bottom .8s .1s ease both;
        animation: fade-in-bottom .8s .1s ease both; }
        @media only screen and (max-width: 1024px) {
          body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title h2.heading2 {
            font-size: 1.25rem; } }
      body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title h3.heading3 {
        margin-bottom: 3.125rem;
        -webkit-animation: fade-in-bottom .8s .3s ease both;
        animation: fade-in-bottom .8s .3s ease both; }
        body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title h3.heading3 span.en {
          font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          color: #495057; }
        @media only screen and (max-width: 1024px) {
          body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title h3.heading3 {
            margin-bottom: 1.875rem; } }
      body[data-page="contact"] [data-area="products"] .content .title-container .article-area .article-title .info p {
        -webkit-animation: fade-in-bottom .8s .5s ease both;
        animation: fade-in-bottom .8s .5s ease both;
        font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
      body[data-page="contact"] [data-area="products"] .content .title-container .article-area .decorate-animal {
        margin-top: 150px; }
  body[data-page="contact"] [data-area="products"] .content .products-container {
    width: 64%;
    padding-bottom: 0;
    padding-top: 20vh;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 1440px) {
      body[data-page="contact"] [data-area="products"] .content .products-container {
        width: 100%;
        padding-top: 5vh; } }
    @media only screen and (max-width: 1024px) {
      body[data-page="contact"] [data-area="products"] .content .products-container {
        padding-top: 0; } }
    body[data-page="contact"] [data-area="products"] .content .products-container .forms-container {
      padding-bottom: 21.5vh;
      background-color: rgba(242, 224, 102, 0.4);
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      @media only screen and (max-width: 1440px) {
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container {
          margin: 0 auto; } }
      @media only screen and (max-width: 991px) {
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container {
          padding: 5vw; } }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group {
        position: relative;
        width: 100%; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group.no-before:before {
          display: none; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .form-control.no-line {
          border: none; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .form-control.no-line::-webkit-input-placeholder {
          color: #495057; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .form-control.no-line:-ms-input-placeholder {
          color: #495057; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .form-control.no-line::-ms-input-placeholder {
          color: #495057; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .form-control.no-line::placeholder {
          color: #495057; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group:before {
          content: "*";
          color: #f18484;
          position: absolute;
          top: 20px;
          left: 30px;
          font-family: Microsoft JhengHei; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .verification-group {
          padding-right: 20px; }
          body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .verification-group .verification-img {
            margin-right: 20px; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll {
          width: calc(100% - 125px);
          overflow: hidden;
          position: absolute;
          top: 50%;
          left: 2%;
          z-index: 99;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
          body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: auto;
            overflow-x: scroll;
            overflow-y: hidden;
            position: relative;
            padding-bottom: 15px; }
            body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li {
              margin: 0 10px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              border-bottom: 2px solid #F1AA74; }
              body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li > span {
                padding: 5px 20px;
                color: #495057;
                font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                white-space: nowrap; }
              body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button {
                border: none;
                margin: 0;
                padding: 0;
                width: auto;
                overflow: visible;
                background: transparent;
                color: inherit;
                font: inherit;
                line-height: normal;
                -webkit-font-smoothing: inherit;
                -moz-osx-font-smoothing: inherit;
                -webkit-appearance: none;
                text-align: inherit;
                outline: none;
                width: 12px;
                height: 12px;
                position: relative; }
                body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button::-moz-focus-inner {
                  border: 0;
                  padding: 0; }
                body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button span {
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
                  body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button span:before, body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button span:after {
                    content: "";
                    background-color: #F1AA74;
                    display: block;
                    position: absolute;
                    left: 50%;
                    top: 45%;
                    -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    -ms-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg); }
                  body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button span:before {
                    width: 12px;
                    height: 2px; }
                  body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group .input-only-container .files-scroll ul li button span:after {
                    width: 2px;
                    height: 12px; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container input {
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container input.form-control {
          padding: 20px;
          padding-left: 30px;
          border-radius: 20px; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .input-select label {
        position: relative;
        padding-right: 20px;
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        color: #495057; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .input-select label:before {
          content: "";
          display: block;
          width: 1.5px;
          height: 24px;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          left: -25px;
          -webkit-transform: translate(-50%, -20%);
          -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%); }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container textarea.form-control {
        padding: 20px 30px 100px;
        border-radius: 20px;
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .inf {
        position: relative;
        padding: 20px 20px 20px 25px; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .inf:before {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background-color: #f18484;
          position: absolute;
          top: 50%;
          left: 15px;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .inf P {
          font-family: "mplus-light", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-size: 0.9375rem;
          letter-spacing: normal; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group-buttons .icon-bg {
        background-color: #609ca2; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group-buttons .icon-check {
        color: #fff; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .form-group-buttons:before {
        display: none; }
      body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle {
        border-radius: 20px;
        background-color: #fff;
        position: relative; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle.no-before:before {
          display: none; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle:before {
          content: "*";
          color: #f18484;
          position: absolute;
          top: 20px;
          left: 20px;
          font-family: Microsoft JhengHei; }
        body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle .btn {
          padding: 20px;
          padding-left: 30px;
          position: relative; }
          body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle .btn span {
            font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
          body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle .btn span.title {
            white-space: pre-wrap;
            max-width: 250px; 
            color: #6C757D;}
            body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle .btn span.title span {
              white-space: pre-wrap; }
        @media only screen and (max-width: 991px) {
          body[data-page="contact"] [data-area="products"] .content .products-container .forms-container .select-container .select-box .sub-navbar-main_inner__toggle .select-area {
            width: 100%; } }

body[data-page="contact"] .success {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none; }
  body[data-page="contact"] .success.open {
    -webkit-animation: fade-in-right .8s ease both;
    animation: fade-in-right .8s ease both;
    pointer-events: auto; }
  body[data-page="contact"] .success.close {
    -webkit-animation: fade-out-right .8s ease both;
    animation: fade-out-right .8s ease both; }
  body[data-page="contact"] .success-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 700px;
    width: 100%;
    overflow: hidden; }
  body[data-page="contact"] .success-main {
    background-color: #d4d4d4;
    text-align: center;
    padding: 100px 150px 80px;
    position: relative;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 700px) {
      body[data-page="contact"] .success-main {
        padding: 50px 20px; } }
    body[data-page="contact"] .success-main__line {
      position: absolute;
      right: -55%;
      top: 35%; }
    body[data-page="contact"] .success-main__dec {
      position: absolute;
      top: 50%;
      opacity: 0.2;
      left: -3%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    body[data-page="contact"] .success-main__icon {
      margin-bottom: 50px; }
    body[data-page="contact"] .success-main__inf p.inf {
      font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
    body[data-page="contact"] .success-main__inf p.thx {
      font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
    body[data-page="contact"] .success-main__close {
      padding-top: 70px;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
      body[data-page="contact"] .success-main__close .img {
        position: relative;
        display: inline-block;
        cursor: pointer; }
        body[data-page="contact"] .success-main__close .img:before, body[data-page="contact"] .success-main__close .img:after {
          content: "";
          position: absolute;
          display: block;
          background-color: #fff;
          z-index: 11; }
        body[data-page="contact"] .success-main__close .img:before {
          left: 50%;
          top: 50%;
          width: 1px;
          height: 15px;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
        body[data-page="contact"] .success-main__close .img:after {
          left: 50%;
          top: 50%;
          width: 1px;
          height: 15px;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }
      body[data-page="contact"] .success-main__close span {
        position: absolute;
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -120%;
        top: 50%; }

body[data-page="contact"] .wrong {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none; }
  body[data-page="contact"] .wrong.open {
    -webkit-animation: fade-in-right .8s ease both;
    animation: fade-in-right .8s ease both;
    pointer-events: auto; }
  body[data-page="contact"] .wrong.close {
    -webkit-animation: fade-out-right .8s ease both;
    animation: fade-out-right .8s ease both; }
  body[data-page="contact"] .wrong-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 600px;
    width: 100%;
    overflow: hidden; }
  body[data-page="contact"] .wrong-main {
    background-color: #f7c7a4;
    text-align: center;
    padding: 80px 150px 50px;
    position: relative;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 600px) {
      body[data-page="contact"] .wrong-main {
        padding: 50px 20px; } }
    body[data-page="contact"] .wrong-main__line {
      position: absolute;
      right: -86%;
      top: -64%; }
    body[data-page="contact"] .wrong-main__dec {
      position: absolute;
      top: 50%;
      opacity: 0.3;
      left: -3%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    body[data-page="contact"] .wrong-main__icon {
      margin-bottom: 45px; }
    body[data-page="contact"] .wrong-main__inf p.inf {
      font-family: "mplus-regular", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
    body[data-page="contact"] .wrong-main__inf p.thx {
      font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
    body[data-page="contact"] .wrong-main__close {
      padding-top: 60px;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
      body[data-page="contact"] .wrong-main__close .img {
        position: relative;
        display: inline-block;
        cursor: pointer; }
        body[data-page="contact"] .wrong-main__close .img:before, body[data-page="contact"] .wrong-main__close .img:after {
          content: "";
          position: absolute;
          display: block;
          background-color: #fff;
          z-index: 11; }
        body[data-page="contact"] .wrong-main__close .img:before {
          left: 50%;
          top: 50%;
          width: 1px;
          height: 15px;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }
        body[data-page="contact"] .wrong-main__close .img:after {
          left: 50%;
          top: 50%;
          width: 1px;
          height: 15px;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }
      body[data-page="contact"] .wrong-main__close span {
        position: absolute;
        font-family: "mplus-medium", Microsoft JhengHei, 微軟正黑體, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -120%;
        top: 50%; }

body[data-page="contact"] .sub-navbar-main_inner__toggle.required {
  border: solid 1px red;
  color: red; }

body[data-page="contact"] .form-control.required {
  border: solid 1px red;
  color: red; }

body[data-page="contact"] .form-control.required::-webkit-input-placeholder {
  color: red; }

body[data-page="contact"] .form-control.required:-ms-input-placeholder {
  color: red; }

body[data-page="contact"] .form-control.required::-ms-input-placeholder {
  color: red; }

body[data-page="contact"] .form-control.required::placeholder {
  color: red; }

body[data-page="contact"] .selectVal.active span.title {
  color: black !important; }

body[data-page="contact"] .form-group-verification .form-control-group {
  position: relative; }
  body[data-page="contact"] .form-group-verification .form-control-group:before {
    content: "*";
    color: #f18484;
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: Microsoft JhengHei; }