@charset "utf-8";

@-webkit-keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@-webkit-keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@-webkit-keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@-webkit-keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}

@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}

@-webkit-keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); transform-origin: center bottom; }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.755, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.755, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}

@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); transform-origin: center bottom; }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.755, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.755, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}

@-webkit-keyframes elasticLarge { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes elasticLarge { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

@-webkit-keyframes elasticSmall { 
  0% { transform: scale(1.8); opacity: 0; }
  50% { transform: scale(0.95); opacity: 1; }
  80% { transform: scale(1.05); }
  90% { transform: scale(0.98); }
  100% { transform: scale(1); }
}

@keyframes elasticSmall { 
  0% { transform: scale(1.8); opacity: 0; }
  50% { transform: scale(0.95); opacity: 1; }
  80% { transform: scale(1.05); }
  90% { transform: scale(0.98); }
  100% { transform: scale(1); }
}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(50%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(50%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

@-webkit-keyframes flip { 
  0% { opacity: 0; }
  1% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  99% { transform: perspective(400px); }
}

@keyframes flip { 
  0% { opacity: 0; }
  1% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  99% { transform: perspective(400px); }
}

@-webkit-keyframes flipLeftRight { 
  0% { opacity: 0; }
  1% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  99% { transform: perspective(400px); }
}

@keyframes flipLeftRight { 
  0% { opacity: 0; }
  1% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  99% { transform: perspective(400px); }
}

@-webkit-keyframes flipUpDown { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  99% { transform: perspective(400px); }
}

@keyframes flipUpDown { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  99% { transform: perspective(400px); }
}

@-webkit-keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.7% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.7% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

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

@keyframes moveInLeft { 
  0% { transform: translateX(150%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}

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

@keyframes moveInRight { 
  0% { transform: translateX(-150%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}

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

@keyframes moveInUp { 
  0% { transform: translateY(100%); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

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

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

@-webkit-keyframes moveInByTranslateLeft { 
  0% { transform: translateX(150%); }
  100% { transform: translateX(0px); }
}

@keyframes moveInByTranslateLeft { 
  0% { transform: translateX(150%); }
  100% { transform: translateX(0px); }
}

@-webkit-keyframes moveInByTranslateRight { 
  0% { transform: translateX(-150%); }
  100% { transform: translateX(0px); }
}

@keyframes moveInByTranslateRight { 
  0% { transform: translateX(-150%); }
  100% { transform: translateX(0px); }
}

@-webkit-keyframes moveInByTranslateUp { 
  0% { transform: translateY(150%); }
  100% { transform: translateY(0px); }
}

@keyframes moveInByTranslateUp { 
  0% { transform: translateY(150%); }
  100% { transform: translateY(0px); }
}

@-webkit-keyframes moveInByTranslateDown { 
  0% { transform: translateY(-150%); }
  100% { transform: translateY(0px); }
}

@keyframes moveInByTranslateDown { 
  0% { transform: translateY(-150%); }
  100% { transform: translateY(0px); }
}

@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}

@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes rotateRoomLeftOut { 
  100% { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
}

@keyframes rotateRoomLeftOut { 
  100% { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomLeftIn { 
  0% { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
}

@keyframes rotateRoomLeftIn { 
  0% { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightOut { 
  100% { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
}

@keyframes rotateRoomRightOut { 
  100% { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
}

@-webkit-keyframes rotateRoomRightIn { 
  0% { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
}

@keyframes rotateRoomRightIn { 
  0% { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
}

@-webkit-keyframes rotateRoomTopOut { 
  100% { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
}

@keyframes rotateRoomTopOut { 
  100% { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
}

@-webkit-keyframes rotateRoomTopIn { 
  0% { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
  100% { opacity: 1; transform: translateY(0px) rotateX(0deg); }
}

@keyframes rotateRoomTopIn { 
  0% { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
  100% { opacity: 1; transform: translateY(0px) rotateX(0deg); }
}

@-webkit-keyframes rotateRoomBottomOut { 
  100% { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
}

@keyframes rotateRoomBottomOut { 
  100% { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
}

@-webkit-keyframes rotateRoomBottomIn { 
  0% { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
  100% { opacity: 1; transform: translateY(0px) rotateX(0deg); }
}

@keyframes rotateRoomBottomIn { 
  0% { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
  100% { opacity: 1; transform: translateY(0px) rotateX(0deg); }
}

@-webkit-keyframes rotating { 
  0% { transform-origin: center center; transform: translateZ(0px) rotate(-1turn); }
  100% { transform-origin: center center; transform: none; }
}

@keyframes rotating { 
  0% { transform-origin: center center; transform: translateZ(0px) rotate(-1turn); }
  100% { transform-origin: center center; transform: none; }
}

@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotateY(90deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}

@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotateY(90deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}

@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; transform: none; opacity: 1; }
  100% { transform-origin: center center; transform: rotateY(90deg); opacity: 0; }
}

@keyframes rotateOut { 
  0% { transform-origin: center center; transform: none; opacity: 1; }
  100% { transform-origin: center center; transform: rotateY(90deg); opacity: 0; }
}

@-webkit-keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.75, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}

@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.75, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}

@-webkit-keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@-webkit-keyframes flyerShake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@keyframes flyerShake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

@-webkit-keyframes swing { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@keyframes swing { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

@-webkit-keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}

@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}

@-webkit-keyframes translationRight { 
  0%, 100% { transform: translateX(0px); }
  30% { transform: translateX(-100%); }
}

@keyframes translationRight { 
  0%, 100% { transform: translateX(0px); }
  30% { transform: translateX(-100%); }
}

@-webkit-keyframes translationDown { 
  0%, 100% { transform: translateY(0px); }
  30% { transform: translateY(100%); }
}

@keyframes translationDown { 
  0%, 100% { transform: translateY(0px); }
  30% { transform: translateY(100%); }
}

@-webkit-keyframes translationUp { 
  0%, 100% { transform: translateY(0px); }
  30% { transform: translateY(-100%); }
}

@keyframes translationUp { 
  0%, 100% { transform: translateY(0px); }
  30% { transform: translateY(-100%); }
}

@-webkit-keyframes translationLeft { 
  0%, 100% { transform: translateX(0px); }
  30% { transform: translateX(100%); }
}

@keyframes translationLeft { 
  0%, 100% { transform: translateX(0px); }
  30% { transform: translateX(100%); }
}

@-webkit-keyframes translationLeftRight { 
  0%, 100% { transform: translateX(0px); }
  20% { transform: translateX(-50%); }
  70% { transform: translateX(50%); }
}

@keyframes translationLeftRight { 
  0%, 100% { transform: translateX(0px); }
  20% { transform: translateX(-50%); }
  70% { transform: translateX(50%); }
}

@-webkit-keyframes translationUpDown { 
  0%, 100% { transform: translateY(0px); }
  20% { transform: translateY(-50%); }
  70% { transform: translateY(50%); }
}

@keyframes translationUpDown { 
  0%, 100% { transform: translateY(0px); }
  20% { transform: translateY(-50%); }
  70% { transform: translateY(50%); }
}

@-webkit-keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}

@keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}

@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; animation-timing-function: ease; }
}

@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(500%, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; animation-timing-function: ease; }
}

@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; }
}

@keyframes zoomInRight { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { transform: scale3d(0.1, 0.1, 0.1) translate3d(-500%, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-20%, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; }
}

@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 500%, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60%, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; animation-timing-function: ease; }
}

@keyframes zoomInUp { 
  0% { opacity: 0; transform: scaleX(1) translateZ(0px); }
  1% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 500%, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60%, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
  100% { opacity: 1; transform: none; animation-timing-function: ease; }
}

@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(50%, 0px, 0px); }
}

@keyframes fadeOutRight { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(50%, 0px, 0px); }
}

@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

@keyframes fadeOutLeft { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

@keyframes fadeOutDown { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

@keyframes fadeOutUp { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

@-webkit-keyframes moveOutLeft { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-150%); }
}

@keyframes moveOutLeft { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-150%); }
}

@-webkit-keyframes moveOutRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(150%); }
}

@keyframes moveOutRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(150%); }
}

@-webkit-keyframes moveOutUp { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-150%); }
}

@keyframes moveOutUp { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-150%); }
}

@-webkit-keyframes moveOutDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(150%); }
}

@keyframes moveOutDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(150%); }
}

@-webkit-keyframes eraseLeft { 
  0% { clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes eraseLeft { 
  0% { clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes eraseRight { 
  0% { clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes eraseRight { 
  0% { clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes eraseUp { 
  0% { clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes eraseUp { 
  0% { clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes eraseDown { 
  0% { clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes eraseDown { 
  0% { clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes cutInLeft { 
  0% { transform: translateX(100%); clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes cutInLeft { 
  0% { transform: translateX(100%); clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes cutInRight { 
  0% { transform: translateX(-100%); clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes cutInRight { 
  0% { transform: translateX(-100%); clip-path: polygon(100% 0px, 100% 0px, 100% 100%, 100% 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes cutInUp { 
  0% { transform: translateY(100%); clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes cutInUp { 
  0% { transform: translateY(100%); clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@-webkit-keyframes cutInDown { 
  0% { transform: translateY(-100%); clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

@keyframes cutInDown { 
  0% { transform: translateY(-100%); clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%); }
  100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
}

.c__imgEffects_contents { box-sizing: border-box; color: rgb(255, 255, 255); line-height: 1.6; padding: 12px 20px; transform: translateZ(0px); transition: 0.36s; width: 100%; }

.c__imgEffects_title { font-size: calc(var(--fontRatio, 1)*15px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.c__imgEffects_desc { -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: rgb(204, 204, 204); display: -webkit-box; max-height: none; overflow: hidden; white-space: normal; word-break: break-word; font-size: calc(var(--fontRatio, 1)*12px); }

.c__imgEffects_desc:not(:first-of-type) { margin-top: 8px; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent { opacity: 1; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: var(--global-text-align,center); max-height: 100%; justify-content: safe center; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_svg_wrap { opacity: 0; transition: 0.36s; width: 0px; height: 0px; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_hasContent .c__imgeffects_layersvg { width: 100%; height: 100%; }

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent { opacity: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_0.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents { padding-bottom: 20px; }

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent { overflow: hidden; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent.c__imgeffects_layer_halfMaskHasBorderStyle3and4 .c__imgEffects_contents { padding-bottom: 20px; }

.c__imgeffects_magnifier .c__imgeffects_type_2.c__imgeffects_layer_1.c__imgeffects_layer_hasContent .c__imgEffects_desc:not(:first-of-type) { margin-top: 12px; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 { height: 100%; opacity: 0; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc, .c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title { transform: translateY(10px); transition: 0.36s; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 { opacity: 1; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc:not(:first-of-type) { margin-top: 12px; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc { opacity: 0; transition: 0.36s; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 { opacity: 0; height: 100%; }

.c__imgeffects_magnifier .c__imgeffects_type_3.c__imgeffects_layer_2 .c__imgEffects_desc { color: rgb(255, 255, 255); }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 { height: 100% !important; opacity: 1 !important; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgeffects_svg_wrap { opacity: 1; width: 48px; height: 48px; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_1 .c__imgEffects_contents { top: 0px; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_0 { bottom: 0px !important; opacity: 1; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_2.c__imgeffects_layer_1 { bottom: 0px !important; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 { opacity: 1; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc, .c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_desc, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_0 .c__imgEffects_title { transform: translateY(0px); }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 { height: 100% !important; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc, .c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_1 .c__imgEffects_desc, .c__imgeffects_magnifier:hover .c__imgeffects_layer.c__imgeffects_type_3.c__imgeffects_layer_2 { opacity: 1; }

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_title, .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_title { overflow: initial; text-overflow: clip; white-space: normal; }

.c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_2 .c__imgEffects_desc, .c__imgeffects_layer.c__imgeffects_layer_hasContent.c__imgeffects_type_3 .c__imgEffects_desc { -webkit-line-clamp: initial; -webkit-box-orient: initial; display: block; max-height: none; white-space: normal; word-break: break-word; }

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap { width: 48px; height: 48px; border-radius: 50%; background-color: rgba(51, 51, 51, 0.8); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-left: 20px; }

.c__imgeffects_layer .c__imgeffects_cart_svg_wrap svg { width: 20px; height: 20px; color: transparent; fill: rgb(255, 255, 255); }

@-webkit-keyframes elastic { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes elastic { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}

.c__imgeffects_wrap { position: relative; display: inline-block; overflow: hidden; }

.c__image_wrap { min-width: 1px; min-height: 1px; }

.c__imgeffects_enlarge-m0 .c__image_wrap { transition: 0.36s; }

.c__imgeffects_enlarge-m0.j__imgeffects-play .c__image_wrap, .c__imgeffects_enlarge-m0:hover .c__image_wrap { transform: scale(1.08); }

.c__imgeffects_enlarge-m1.j__imgeffects-play .c__image_wrap, .c__imgeffects_enlarge-m1:hover .c__image_wrap { animation: 0.6s ease 0s 1 normal both running elastic; }

.c__imgeffects_displacement-d0 .c__image_wrap, .c__imgeffects_displacement-d1 .c__image_wrap, .c__imgeffects_displacement-d2 .c__image_wrap, .c__imgeffects_displacement-d3 .c__image_wrap { transition: transform 0.36s, opacity 0.36s, -webkit-transform 0.36s; transform: scale(1.1); }

.c__imgeffects_displacement-d0.j__imgeffects-play .c__image_wrap, .c__imgeffects_displacement-d0:hover .c__image_wrap { transform: scale(1.1) translateX(-4%); }

.c__imgeffects_displacement-d1.j__imgeffects-play .c__image_wrap, .c__imgeffects_displacement-d1:hover .c__image_wrap { transform: scale(1.1) translateX(4%); }

.c__imgeffects_displacement-d2.j__imgeffects-play .c__image_wrap, .c__imgeffects_displacement-d2:hover .c__image_wrap { transform: scale(1.1) translateY(-4%); }

.c__imgeffects_displacement-d3.j__imgeffects-play .c__image_wrap, .c__imgeffects_displacement-d3:hover .c__image_wrap { transform: scale(1.1) translateY(4%); }

.c__imgeffects_assistborder { position: absolute; width: 2px; height: 2px; background-color: rgb(0, 0, 0); transition: width 0.36s, height 0.36s; z-index: 1; }

.c__imgeffects_assistborder-1, .c__imgeffects_assistborder-3 { width: 0px; }

.c__imgeffects_assistborder-2, .c__imgeffects_assistborder-4 { height: 0px; }

.c__imgeffects_border-m0 .c__imgeffects_assistborder-1, .c__imgeffects_border-m0 .c__imgeffects_assistborder-4 { left: 0px; top: 0px; }

.c__imgeffects_border-m0 .c__imgeffects_assistborder-2, .c__imgeffects_border-m0 .c__imgeffects_assistborder-3 { right: 0px; bottom: 0px; }

.c__imgeffects_border-m1 .c__imgeffects_assistborder-1 { left: 50%; top: 0px; transform: translateX(-50%); }

.c__imgeffects_border-m1 .c__imgeffects_assistborder-2 { top: 50%; right: 0px; transform: translateY(-50%); }

.c__imgeffects_border-m1 .c__imgeffects_assistborder-3 { left: 50%; bottom: 0px; transform: translateX(-50%); }

.c__imgeffects_border-m1 .c__imgeffects_assistborder-4 { top: 50%; left: 0px; transform: translateY(-50%); }

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-1, .c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-3, .c__imgeffects_border-m0:hover .c__imgeffects_assistborder-1, .c__imgeffects_border-m0:hover .c__imgeffects_assistborder-3, .c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-1, .c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-3, .c__imgeffects_border-m1:hover .c__imgeffects_assistborder-1, .c__imgeffects_border-m1:hover .c__imgeffects_assistborder-3 { width: 100%; }

.c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-2, .c__imgeffects_border-m0.j__imgeffects-play .c__imgeffects_assistborder-4, .c__imgeffects_border-m0:hover .c__imgeffects_assistborder-2, .c__imgeffects_border-m0:hover .c__imgeffects_assistborder-4, .c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-2, .c__imgeffects_border-m1.j__imgeffects-play .c__imgeffects_assistborder-4, .c__imgeffects_border-m1:hover .c__imgeffects_assistborder-2, .c__imgeffects_border-m1:hover .c__imgeffects_assistborder-4 { height: 100%; }

.c__imgeffects_border-m2 .c__imgeffects_assistborder-1 { left: 10px; top: 10px; }

.c__imgeffects_border-m2 .c__imgeffects_assistborder-2 { top: 10px; right: 10px; }

.c__imgeffects_border-m2 .c__imgeffects_assistborder-3 { right: 10px; bottom: 10px; }

.c__imgeffects_border-m2 .c__imgeffects_assistborder-4 { bottom: 10px; left: 10px; }

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-1, .c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-3, .c__imgeffects_border-m2:hover .c__imgeffects_assistborder-1, .c__imgeffects_border-m2:hover .c__imgeffects_assistborder-3 { width: calc(100% - 20px); }

.c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-2, .c__imgeffects_border-m2.j__imgeffects-play .c__imgeffects_assistborder-4, .c__imgeffects_border-m2:hover .c__imgeffects_assistborder-2, .c__imgeffects_border-m2:hover .c__imgeffects_assistborder-4 { height: calc(100% - 20px); }

.c__imgeffects_border-m3 .c__imgeffects_assistborder { transform-origin: center center; opacity: 0; transition: 0.36s; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1 { left: 0px; top: 0px; right: 0px; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2 { top: 0px; right: 0px; bottom: 0px; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-3 { right: 0px; bottom: 0px; left: 0px; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-4 { bottom: 0px; left: 0px; top: 0px; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-1, .c__imgeffects_border-m3 .c__imgeffects_assistborder-3 { width: 100%; }

.c__imgeffects_border-m3 .c__imgeffects_assistborder-2, .c__imgeffects_border-m3 .c__imgeffects_assistborder-4 { height: 100%; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder { opacity: 1; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1 { top: 10px; left: 10px; right: 10px; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2 { right: 10px; top: 10px; bottom: 10px; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 { bottom: 10px; left: 10px; right: 10px; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 { left: 10px; top: 10px; bottom: 10px; }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-1, .c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-3, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-1, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-3 { width: calc(100% - 20px); }

.c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-2, .c__imgeffects_border-m3.j__imgeffects-play .c__imgeffects_assistborder-4, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-2, .c__imgeffects_border-m3:hover .c__imgeffects_assistborder-4 { height: calc(100% - 20px); }

.c__imgeffects_border-m4 .c__imgeffects_assistborder-m4 { top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; cursor: default; opacity: 0; transition: opacity 0.8s; box-sizing: border-box; }

.c__imgeffects_border-m4:hover .c__imgeffects_assistborder-m4 { opacity: 1; }

.c__imgeffects_shrink-m0 .c__image_wrap, .c__imgeffects_shrink-m1 .c__image_wrap { transition: transform 0.36s, opacity 0.36s, -webkit-transform 0.36s; }

.c__imgeffects_shrink-m0 .c__image_wrap { transform: scale(1.1); }

.c__imgeffects_shrink-m1 .c__image_wrap { opacity: 1; transform: translate3d(-6%, 0px, 0px) scale(1.12); }

.c__imgeffects_shrink-m0.j__imgeffects-play .c__image_wrap, .c__imgeffects_shrink-m0:hover .c__image_wrap { opacity: 1; transform: scale(1); }

.c__imgeffects_shrink-m1.j__imgeffects-play .c__image_wrap, .c__imgeffects_shrink-m1:hover .c__image_wrap { transform: translateZ(0px) scale(1); }

.c__imgeffects_shrink-bg.j__imgeffects-play .c__image_wrap, .c__imgeffects_shrink-bg:hover .c__image_wrap { opacity: 0.5; }

.c__imgeffects_magnifier .c__imgeffects_layer { position: absolute; bottom: 0px; left: 0px; opacity: 0; width: 100%; height: 0px; background-color: rgba(0, 0, 0, 0.5); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transition: 0.36s; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_1, .c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_type_1.c__imgeffects_layer_100 { height: 100%; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 { background: none; transition: opacity 0.8s; }

.c__imgeffects_magnifier .c__imgeffects_layer.c__imgeffects_layer_100 .c__imgeffects_layersvg { position: absolute; inset: calc(50% - 32px) 0px 0px calc(50% - 32px); opacity: 1; width: 64px; height: 64px; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_0, .c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_0 { opacity: 1; height: 100%; }

.c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_1, .c__imgeffects_magnifier.j__imgeffects-play .c__imgeffects_type_1.c__imgeffects_layer_100, .c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_1, .c__imgeffects_magnifier:hover .c__imgeffects_type_1.c__imgeffects_layer_100 { opacity: 1; }

.c__imgeffects_layersvg { width: 48px; height: 48px; }

.c__imgeffects_wrap.c__imgeffects_switch .c__image_wrap { transition: none; }

.c__imgeffects_switch { background-repeat: no-repeat; background-position: 50% center; background-size: 0px; }

.c__imgeffects_switch.j__imgeffects-play, .c__imgeffects_switch:hover { background-size: cover; }

.c__imgeffects_switch.j__imgeffects-play .c__image_wrap, .c__imgeffects_switch:hover .c__image_wrap { visibility: hidden; }

.c__imgeffects_svg_wrap { width: 48px; height: 48px; }

input[type="number"][data-v-9ab65ec6] { }

input[type="number"][data-v-9ab65ec6]::-webkit-inner-spin-button, input[type="number"][data-v-9ab65ec6]::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.auth-popup-bg[data-v-9ab65ec6] { background-color: rgba(0, 0, 0, 0.5); overflow-y: hidden; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9997; }

.mobile-auth-pc-popup[data-v-9ab65ec6] { width: 450px; min-height: 356px; padding: 60px 49px; border-radius: 5px; position: fixed; left: calc(50% - 225px); top: calc(50% - 178px); z-index: 9998; background-color: rgb(255, 255, 255); }

.mobile-auth-pc-popup[data-v-9ab65ec6], .mobile-auth-pc-popup [data-v-9ab65ec6] { box-sizing: border-box; }

.popup-close-button[data-v-9ab65ec6] { font-size: calc(var(--fontRatio, 1)*14px); color: rgb(147, 147, 147); position: absolute; right: 25px; top: 15px; cursor: pointer; }

.popup-title[data-v-9ab65ec6] { color: rgb(51, 51, 51); font-size: calc(var(--fontRatio, 1)*16px); margin-bottom: 20px; line-height: 32px; }

.popup-content[data-v-9ab65ec6] { margin-bottom: 20px; }

.mobile-number-input[data-v-9ab65ec6] { width: 350px; margin-bottom: 20px; }

.mobile-auth-code-input[data-v-9ab65ec6], .mobile-number-input[data-v-9ab65ec6] { font-size: calc(var(--fontRatio, 1)*14px); height: 44px; line-height: 44px; border-radius: 2px; text-indent: 10px; border: 1px solid rgb(227, 226, 232); outline: none; }

.mobile-auth-code-input[data-v-9ab65ec6] { width: 220px; vertical-align: top; }

.mobile-get-auth-code[data-v-9ab65ec6] { width: 118px; height: 44px; appearance: none; border: 1px solid var(--theme-color); outline: 0px; background: none; font-size: calc(var(--fontRatio, 1)*14px); margin-left: 7px; cursor: pointer; color: var(--theme-color); padding: 0px; }

.popup-submit-button[data-v-9ab65ec6] { width: 100%; text-align: var(--global-text-align,center); height: 44px; line-height: 44px; border-radius: 2px; background-color: var(--theme-color); color: rgb(255, 255, 255); cursor: pointer; font-size: calc(var(--fontRatio, 1)*14px); letter-spacing: 2px; }

.icon-close[data-v-9ab65ec6] { width: 19px; height: 19px; fill: rgb(147, 147, 147); }

.zh-CN .popup-submit-button[data-v-9ab65ec6], .zh-TW .popup-submit-button[data-v-9ab65ec6] { letter-spacing: 10px; }

.ug .mobile-get-auth-code[data-v-9ab65ec6], .ug .popup-submit-button[data-v-9ab65ec6], .ug .popup-title[data-v-9ab65ec6] { direction: rtl; }

.overflow-y-hidden { overflow-y: hidden !important; }

input[type="number"][data-v-01a840e9] { }

input[type="number"][data-v-01a840e9]::-webkit-inner-spin-button, input[type="number"][data-v-01a840e9]::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.auth-popup-wrapper[data-v-01a840e9] { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9998; }

.auth-popup-wrapper[data-v-01a840e9], .auth-popup-wrapper [data-v-01a840e9] { box-sizing: border-box; }

.mobile-auth-popup-header[data-v-01a840e9] { height: 50px; line-height: 50px; font-size: calc(var(--fontRatio, 1)*19px); font-weight: 700; text-align: var(--global-text-align,center); border-bottom: 1px solid rgb(242, 242, 242); }

.popup-content[data-v-01a840e9] { display: flex; width: 100%; padding: 0px 31px; height: calc(100% - 50px); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; font-size: calc(var(--fontRatio, 1)*16px); }

.content-text[data-v-01a840e9] { margin-bottom: 25px; font-size: calc(var(--fontRatio, 1)*18px); line-height: 32px; }

.content-auth-code[data-v-01a840e9], .content-mobile[data-v-01a840e9] { display: flex; -webkit-box-align: center; align-items: center; height: 60px; border-bottom: 1px solid rgb(241, 241, 241); }

.mobile-number-input[data-v-01a840e9] { border: 0px; font-size: calc(var(--fontRatio, 1)*16px); margin-left: 20px; margin-top: 4px; outline: none; }

.content-submit-button[data-v-01a840e9] { margin-top: 30px; width: 100%; height: 52px; line-height: 52px; text-align: var(--global-text-align,center); letter-spacing: 2px; cursor: pointer; color: rgb(255, 255, 255); border-radius: 4px; background-color: var(--theme-color); font-size: calc(var(--fontRatio, 1)*17px); }

.mobile-auth-code-input[data-v-01a840e9] { border: 0px; font-size: calc(var(--fontRatio, 1)*16px); margin-left: 20px; margin-top: 4px; width: 46%; outline: none; }

.mobile-get-auth-code[data-v-01a840e9] { appearance: none; border: 1px solid var(--theme-color); background: none; border-radius: 4px; cursor: pointer; width: 100px; min-height: 36px; color: var(--theme-color); margin-left: auto; padding: 0px; }

.icon-prev[data-v-01a840e9] { width: 24px; height: 34px; margin-top: 8px; float: left; left: 15px; position: relative; cursor: pointer; }

.zh-CN .content-submit-button[data-v-01a840e9], .zh-TW .content-submit-button[data-v-01a840e9] { letter-spacing: 10px; }

.ug .content-label[data-v-01a840e9], .ug .content-submit-button[data-v-01a840e9], .ug .content-text[data-v-01a840e9], .ug .mobile-get-auth-code[data-v-01a840e9] { direction: rtl; }

.jz-modal-mask[data-v-8c74bc62] { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.55); }

.jz-modal[data-v-8c74bc62] { position: fixed; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border-radius: 12px; font-family: inherit; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; }

.jz-modal[data-v-8c74bc62], .jz-modal [data-v-8c74bc62] { box-sizing: border-box; }

.jz-modal-body[data-v-8c74bc62] { text-align: var(--global-text-align,center); }

.jz-modal-title[data-v-8c74bc62] { font-size: calc(var(--fontRatio, 1)*18px); font-weight: 700; color: rgb(51, 51, 51); }

.jz-modal-main[data-v-8c74bc62] { padding: 24px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.jz-modal-content[data-v-8c74bc62] { font-size: calc(var(--fontRatio, 1)*16px); line-height: 22px; text-align: var(--global-text-align,left); color: rgb(102, 102, 102); }

.jz-modal .jz-modal-title + .jz-modal-content[data-v-8c74bc62] { margin-top: 18px; }

.jz-modal-footer[data-v-8c74bc62] { min-height: 50px; padding: 10px 0px; text-align: var(--global-text-align,center); border-top: 1px solid rgb(232, 232, 232); }

.jz-modal-footer[data-v-8c74bc62], .jz-modal-mobile-button[data-v-8c74bc62] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.jz-modal-mobile-button[data-v-8c74bc62] { -webkit-box-flex: 1; flex: 1 1 0%; border-right: 1px solid rgb(232, 232, 232); align-self: stretch; letter-spacing: 1px; font-size: calc(var(--fontRatio, 1)*16px); font-weight: 700; cursor: pointer; }

.jz-modal-mobile-button[data-v-8c74bc62]:last-child { border-right: 0px; }

.jz-modal-confirm-button[data-v-8c74bc62], .jz-modal-mobile-button[data-v-8c74bc62]:hover { color: var(--theme-color,#5874d8); }

.jz-modal-flex-mode[data-v-8c74bc62] { position: fixed; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.jz-modal-flex-mode .jz-modal[data-v-8c74bc62] { transform: none; position: relative; top: auto; left: auto; }

.overflow-y-hidden { overflow-y: hidden; padding-right: 17px; }

.jz-modal-mask[data-v-2a2e7771] { position: fixed; inset: 0px; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.55); }

.jz-modal[data-v-2a2e7771] { position: fixed; min-width: 300px; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border-radius: 4px; font-family: inherit; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; }

.jz-modal[data-v-2a2e7771], .jz-modal [data-v-2a2e7771] { box-sizing: border-box; }

.jz-modal-body[data-v-2a2e7771] { padding: 30px; text-align: var(--global-text-align,center); }

.jz-modal-header[data-v-2a2e7771] { padding: 24px 20px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-bottom: 1px solid rgb(227, 226, 232); border-radius: 5px 5px 0px 0px; }

.jz-modal-title[data-v-2a2e7771] { font-size: var(--title-font-size,16px); color: rgb(51, 51, 51); }

.jz-modal-content[data-v-2a2e7771] { font-size: calc(var(--fontRatio, 1)*14px); line-height: 22px; text-align: var(--global-text-align,left); color: var(--content-font-color,#000); }

.jz-modal-footer[data-v-2a2e7771] { margin-top: 36px; text-align: var(--global-text-align,center); }

.jz-modal-button[data-v-2a2e7771] { min-width: 90px; padding: 0px 12px; min-height: 34px; line-height: 30px; border-radius: 2px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 226, 232); outline: 0px; font-size: calc(var(--fontRatio, 1)*14px); letter-spacing: 2px; margin-right: 36px; cursor: pointer; }

.jz-modal-button[data-v-2a2e7771]:last-child { margin-right: 0px; }

.jz-modal-button[data-v-2a2e7771]:hover, .jz-modal-confirm-button[data-v-2a2e7771] { background: var(--theme-color,#5874d8); border-color: var(--theme-color,#5874d8); color: var(--button-active-color,#fff); }

.jz-modal-close[data-v-2a2e7771] { position: absolute; top: 25px; right: 20px; cursor: pointer; }

.jz-modal-close-button[data-v-2a2e7771] { width: 14px; height: 14px; }

.jz-modal-close[data-v-2a2e7771]:hover { color: var(--theme-color,#5874d8); }

.jz-modal-type-confirm .jz-modal-body[data-v-2a2e7771], .jz-modal-type-warning .jz-modal-body[data-v-2a2e7771] { padding: 40px 50px; }

.jz-modal-type-confirm .jz-modal-content[data-v-2a2e7771], .jz-modal-type-warning .jz-modal-content[data-v-2a2e7771] { margin-top: 14px; text-align: var(--global-text-align,center); }

.jz-modal .warning-icon-wrapper[data-v-2a2e7771] { width: 80px; height: 80px; border-radius: 50%; margin: 0px auto 36px; padding: 0px; position: relative; box-sizing: content-box; border: 4px solid rgb(248, 187, 134); }

.jz-modal .warning-icon-part1[data-v-2a2e7771] { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: rgb(255, 103, 1); }

.jz-modal .warning-icon-part2[data-v-2a2e7771] { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: rgb(255, 103, 1); }

.jz-modal-flex-mode[data-v-2a2e7771] { position: fixed; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.jz-modal-flex-mode .jz-modal[data-v-2a2e7771] { transform: none; position: relative; top: auto; left: auto; }