#page_6_hs200,
#page_hs225dp>img,
.bg_404 {
  width: 100%
}

.ab,
.bg_item {
  position: absolute
}

.bg_item.star-0 {
  top: 8%;
  right: 35%;
  width: 20px
}

.bg_item.star-1 {
  top: 35%;
  right: 25%
}

.bg_item.star-2 {
  top: 40%;
  right: 45%
}

.bg_item.i_404_4 {
  left: 15%;
  width: 25%;
  bottom: 20%
}

.bg_item.i_404_404 {
  width: 25%;
  bottom: 20%;
  right: 15%
}

.bg_item.ufo {
  right: 20%;
  width: 25%;
  top: 10%
}

.contactus_main_2023 {
  padding-top: 50px
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  --vh: 1vh;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-300s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.animate__animated.animate__delay-600s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.animate__animated.animate__delay-900s {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.animate__animated.animate__delay-1200s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.animate__animated.animate__delay-1500s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.animate__animated.animate__delay-1800s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}

.animate__animated.animate__delay-2100s {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s
}

.animate__animated.animate__delay-2400s {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s
}

.animate__animated.animate__delay-2700s {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__05s,
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__15s {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-duration: calc(var(--animate-duration)*3/2);
  animation-duration: calc(var(--animate-duration)*3/2)
}

.animate__animated.animate_duration_5s {
  -webkit-animation-duration: 5s;
  animation-duration: 5s
}

.animate__animated.animate_duration_35s {
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s
}

.animate__animated.animate__25s {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-duration: calc(var(--animate-duration)*5/2);
  animation-duration: calc(var(--animate-duration)*5/2)
}

.animate__animated.animate_duration_4s {
  -webkit-animation-duration: 4s;
  animation-duration: 4s
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*.8);
  animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3)
}

.animate__animated.animate__slowe_5s {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-duration: calc(var(--animate-duration)*5);
  animation-duration: calc(var(--animate-duration)*5)
}

@keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@keyframes pulse {

  0%,
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@keyframes rubberBand {

  0%,
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@keyframes shakeX {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@keyframes shakeY {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

@keyframes headShake {

  0%,
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@keyframes tada {

  0%,
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@keyframes my_Repeat_Tada {

  0%,
  70%,
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  73%,
  76% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  79%,
  85%,
  92%,
  97% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  82%,
  88%,
  94% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
}

.animate__my_Repeat_Tada {
  -webkit-animation-name: my_Repeat_Tada;
  animation-name: my_Repeat_Tada
}

@keyframes wobble {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@keyframes heartBeat {

  0%,
  28%,
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14%,
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

#web_header_search:focus {
  border: 1px solid #afecab
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*.75);
  animation-duration: calc(var(--animate-duration)*.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

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

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.txt_title {
  font-size: calc(2.5rem + 2.5vw);
  font-weight: 700;
  color: #fff
}

.top_p {
  font-size: calc(1rem + 1vw);
  font-weight: 400;
  color: #fff;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 80vw;
  margin-top: calc(1rem + 1vw)
}

.center_title {
  margin-top: 4rem;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  margin-bottom: .5rem;
  text-align: center
}

#forbidden {
  background-image: none
}

@media (min-width:768px) {
  .body_80 {
    padding: 20px 5vw
  }

  #phone_header_menu_contain {
    display: none
  }
}

body,
html {
  -webkit-overflow-scrolling: touch;
  margin: 0;
  overflow-x: hidden
}

.bannerpoint {
  background-color: #d2d2d2;
  border-radius: 1000px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 4px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.bannerpoint.active {
  width: 18px;
  color: #fff;
  background-color: silver
}

.button {
  color: #666;
  background-color: #eee;
  font-weight: 300;
  font-size: 16px;
  font-family: Arial, "Microsoft YaHei", "黑体", "宋体", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.button:visited,
.index_new_center_item i {
  color: #666
}

.button:focus,
.button:hover {
  background-color: #f6f6f6;
  text-decoration: none;
  outline: 0
}

.button.active,
.button.is-active,
.button:active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  text-decoration: none;
  background-color: #eee;
  border-color: #cfcfcf;
  color: #d4d4d4;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2)
}

.button.disabled,
.button.is-disabled,
.button:disabled {
  top: 0 !important;
  background: #eee !important;
  border: 1px solid #ddd !important;
  text-shadow: 0 1px 1px #fff !important;
  color: #ccc !important;
  cursor: default !important;
  appearance: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: .8 !important
}

.button-uppercase {
  text-transform: uppercase
}

.button-lowercase {
  text-transform: lowercase
}

.button-capitalize {
  text-transform: capitalize
}

.button-small-caps {
  font-variant: small-caps
}

.button-icon-txt-large {
  font-size: 36px !important
}

.button-width-small {
  padding: 0 10px !important
}

.button-primary,
.button-primary-flat {
  background-color: #1b9af7;
  border-color: #1b9af7;
  color: #fff
}

#page_9_news_type a,
.button-action-flat:visited,
.button-action:visited,
.button-border-thick.button-plain,
.button-border-thin.button-plain,
.button-border.button-plain,
.button-borderless.button-plain,
.button-caution-flat:visited,
.button-caution:visited,
.button-dropdown.button-dropdown-action .button-dropdown-list>li>a,
.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a,
.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a,
.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a,
.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a,
.button-highlight-flat:visited,
.button-highlight:visited,
.button-plain.button-border-thick,
.button-plain.button-border-thin,
.button-primary-flat:visited,
.button-primary:visited,
.button-royal-flat:visited,
.button-royal:visited,
.font_white,
.index_news_center_title.choosen a,
.index_news_center_title:hover a {
  color: #fff
}

.button-primary-flat:focus,
.button-primary-flat:hover,
.button-primary:focus,
.button-primary:hover {
  background-color: #4cb0f9;
  border-color: #4cb0f9;
  color: #fff
}

.button-primary-flat.active,
.button-primary-flat.is-active,
.button-primary-flat:active,
.button-primary.active,
.button-primary.is-active,
.button-primary:active {
  background-color: #2798eb;
  border-color: #2798eb;
  color: #0880d7
}

.button-plain,
.button-plain-flat,
.button-plain-flat:focus,
.button-plain-flat:hover,
.button-plain:focus,
.button-plain:hover {
  background-color: #fff;
  border-color: #fff;
  color: #1b9af7
}

.button-border-thick.button-primary,
.button-border-thin.button-primary,
.button-border.button-primary,
.button-borderless.button-primary,
.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a,
.button-plain-flat:visited,
.button-plain:visited,
.button-primary.button-border-thick,
.button-primary.button-border-thin {
  color: #1b9af7
}

.button-plain-flat.active,
.button-plain-flat.is-active,
.button-plain-flat:active,
.button-plain.active,
.button-plain.is-active,
.button-plain:active {
  background-color: #fff;
  border-color: #fff;
  color: #e6e6e6
}

.button-inverse,
.button-inverse-flat {
  background-color: #222;
  border-color: #222;
  color: #eee
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a,
.button-inverse-flat:visited,
.button-inverse:visited {
  color: #eee
}

.button-inverse-flat:focus,
.button-inverse-flat:hover,
.button-inverse:focus,
.button-inverse:hover {
  background-color: #2e3439;
  border-color: #2e3439;
  color: #eee
}

.button-inverse-flat.active,
.button-inverse-flat.is-active,
.button-inverse-flat:active,
.button-inverse.active,
.button-inverse.is-active,
.button-inverse:active {
  background-color: #222;
  border-color: #222;
  color: #090909
}

.button-action,
.button-action-flat {
  background-color: #a5de37;
  border-color: #a5de37;
  color: #fff
}

.button-action-flat:focus,
.button-action-flat:hover,
.button-action:focus,
.button-action:hover {
  background-color: #b9e563;
  border-color: #b9e563;
  color: #fff
}

.button-action-flat.active,
.button-action-flat.is-active,
.button-action-flat:active,
.button-action.active,
.button-action.is-active,
.button-action:active {
  background-color: #a1d243;
  border-color: #a1d243;
  color: #8bc220
}

.button-highlight,
.button-highlight-flat {
  background-color: #feae1b;
  border-color: #feae1b;
  color: #fff
}

.button-highlight-flat:focus,
.button-highlight-flat:hover,
.button-highlight:focus,
.button-highlight:hover {
  background-color: #fec04e;
  border-color: #fec04e;
  color: #fff
}

.button-highlight-flat.active,
.button-highlight-flat.is-active,
.button-highlight-flat:active,
.button-highlight.active,
.button-highlight.is-active,
.button-highlight:active {
  background-color: #f3ab26;
  border-color: #f3ab26;
  color: #e59501
}

.button-caution,
.button-caution-flat {
  background-color: #ff4351;
  border-color: #ff4351;
  color: #fff
}

.button-caution-flat:focus,
.button-caution-flat:hover,
.button-caution:focus,
.button-caution:hover {
  background-color: #ff7680;
  border-color: #ff7680;
  color: #fff
}

.button-caution-flat.active,
.button-caution-flat.is-active,
.button-caution-flat:active,
.button-caution.active,
.button-caution.is-active,
.button-caution:active {
  background-color: #f64c59;
  border-color: #f64c59;
  color: #ff1022
}

.button-royal,
.button-royal-flat {
  background-color: #7b72e9;
  border-color: #7b72e9;
  color: #fff
}

.button-royal-flat:focus,
.button-royal-flat:hover,
.button-royal:focus,
.button-royal:hover {
  background-color: #a49ef0;
  border-color: #a49ef0;
  color: #fff
}

.button-royal-flat.active,
.button-royal-flat.is-active,
.button-royal-flat:active,
.button-royal.active,
.button-royal.is-active,
.button-royal:active {
  background-color: #827ae1;
  border-color: #827ae1;
  color: #5246e2
}

#header.open .logo_blue,
#page_hs225dp,
.black .white_logo,
.black.open .blue_logo,
.blue_logo,
.button-block,
.button-stacked,
.fp-overflow.fp-table,
.index_new_center_more.show,
.news_item_img.show,
.static_bg.show,
.sweet-alert.show-input input,
.web_header_contain:hover .blue_logo {
  display: block
}

.button-square {
  border-radius: 0
}

.button-box {
  border-radius: 10px
}

.button-rounded {
  border-radius: 4px
}

.button-pill {
  border-radius: 200px
}

.button-circle {
  border-radius: 100%
}

.button-box,
.button-circle,
.button-square {
  padding: 0 !important;
  width: 40px
}

.button-box.button-giant,
.button-circle.button-giant,
.button-square.button-giant {
  width: 70px
}

.button-box.button-jumbo,
.button-circle.button-jumbo,
.button-square.button-jumbo {
  width: 60px
}

.button-box.button-large,
.button-circle.button-large,
.button-square.button-large {
  width: 50px
}

.button-box.button-normal,
.button-circle.button-normal,
.button-square.button-normal {
  width: 40px
}

.button-box.button-small,
.button-circle.button-small,
.button-square.button-small {
  width: 30px
}

.button-box.button-tiny,
.button-circle.button-tiny,
.button-square.button-tiny {
  width: 24px
}

.button-border,
.button-border-thick,
.button-border-thin {
  background: 0 0;
  border-width: 2px;
  border-style: solid;
  line-height: 36px
}

.button-border-thick:hover,
.button-border-thin:hover,
.button-border:hover {
  background-color: rgba(255, 255, 255, .9)
}

.active.button-border-thick,
.active.button-border-thin,
.button-border-thick:active,
.button-border-thin:active,
.button-border.active,
.button-border.is-active,
.button-border:active,
.is-active.button-border-thick,
.is-active.button-border-thin {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.button-border-thin {
  border-width: 1px
}

.button-border-thick {
  border-width: 3px
}

.button-border-thick.button-primary:focus,
.button-border-thick.button-primary:hover,
.button-border-thin.button-primary:focus,
.button-border-thin.button-primary:hover,
.button-border.button-primary:focus,
.button-border.button-primary:hover,
.button-primary.button-border-thick:focus,
.button-primary.button-border-thick:hover,
.button-primary.button-border-thin:focus,
.button-primary.button-border-thin:hover {
  background-color: rgba(76, 176, 249, .9);
  color: rgba(255, 255, 255, .9)
}

.button-border-thick.button-primary.active,
.button-border-thick.button-primary.is-active,
.button-border-thick.button-primary:active,
.button-border-thin.button-primary.active,
.button-border-thin.button-primary.is-active,
.button-border-thin.button-primary:active,
.button-border.button-primary.active,
.button-border.button-primary.is-active,
.button-border.button-primary:active,
.button-primary.active.button-border-thick,
.button-primary.active.button-border-thin,
.button-primary.button-border-thick:active,
.button-primary.button-border-thin:active,
.button-primary.is-active.button-border-thick,
.button-primary.is-active.button-border-thin {
  background-color: rgba(39, 152, 235, .7);
  color: rgba(255, 255, 255, .5);
  opacity: .3
}

.button-border-thick.button-plain:focus,
.button-border-thick.button-plain:hover,
.button-border-thin.button-plain:focus,
.button-border-thin.button-plain:hover,
.button-border.button-plain:focus,
.button-border.button-plain:hover,
.button-plain.button-border-thick:focus,
.button-plain.button-border-thick:hover,
.button-plain.button-border-thin:focus,
.button-plain.button-border-thin:hover {
  background-color: rgba(255, 255, 255, .9);
  color: rgba(27, 154, 247, .9)
}

.button-border-thick.button-plain.active,
.button-border-thick.button-plain.is-active,
.button-border-thick.button-plain:active,
.button-border-thin.button-plain.active,
.button-border-thin.button-plain.is-active,
.button-border-thin.button-plain:active,
.button-border.button-plain.active,
.button-border.button-plain.is-active,
.button-border.button-plain:active,
.button-plain.active.button-border-thick,
.button-plain.active.button-border-thin,
.button-plain.button-border-thick:active,
.button-plain.button-border-thin:active,
.button-plain.is-active.button-border-thick,
.button-plain.is-active.button-border-thin {
  background-color: rgba(255, 255, 255, .7);
  color: rgba(27, 154, 247, .5);
  opacity: .3
}

.button-border-thick.button-inverse,
.button-border-thin.button-inverse,
.button-border.button-inverse,
.button-borderless.button-inverse,
.button-inverse.button-border-thick,
.button-inverse.button-border-thin {
  color: #222
}

.button-border-thick.button-inverse:focus,
.button-border-thick.button-inverse:hover,
.button-border-thin.button-inverse:focus,
.button-border-thin.button-inverse:hover,
.button-border.button-inverse:focus,
.button-border.button-inverse:hover,
.button-inverse.button-border-thick:focus,
.button-inverse.button-border-thick:hover,
.button-inverse.button-border-thin:focus,
.button-inverse.button-border-thin:hover {
  background-color: rgba(60, 60, 60, .9);
  color: rgba(238, 238, 238, .9)
}

.button-border-thick.button-inverse.active,
.button-border-thick.button-inverse.is-active,
.button-border-thick.button-inverse:active,
.button-border-thin.button-inverse.active,
.button-border-thin.button-inverse.is-active,
.button-border-thin.button-inverse:active,
.button-border.button-inverse.active,
.button-border.button-inverse.is-active,
.button-border.button-inverse:active,
.button-inverse.active.button-border-thick,
.button-inverse.active.button-border-thin,
.button-inverse.button-border-thick:active,
.button-inverse.button-border-thin:active,
.button-inverse.is-active.button-border-thick,
.button-inverse.is-active.button-border-thin {
  background-color: rgba(34, 34, 34, .7);
  color: rgba(238, 238, 238, .5);
  opacity: .3
}

.button-action.button-border-thick,
.button-action.button-border-thin,
.button-border-thick.button-action,
.button-border-thin.button-action,
.button-border.button-action,
.button-borderless.button-action {
  color: #a5de37
}

.button-action.button-border-thick:focus,
.button-action.button-border-thick:hover,
.button-action.button-border-thin:focus,
.button-action.button-border-thin:hover,
.button-border-thick.button-action:focus,
.button-border-thick.button-action:hover,
.button-border-thin.button-action:focus,
.button-border-thin.button-action:hover,
.button-border.button-action:focus,
.button-border.button-action:hover {
  background-color: rgba(185, 229, 99, .9);
  color: rgba(255, 255, 255, .9)
}

.button-action.active.button-border-thick,
.button-action.active.button-border-thin,
.button-action.button-border-thick:active,
.button-action.button-border-thin:active,
.button-action.is-active.button-border-thick,
.button-action.is-active.button-border-thin,
.button-border-thick.button-action.active,
.button-border-thick.button-action.is-active,
.button-border-thick.button-action:active,
.button-border-thin.button-action.active,
.button-border-thin.button-action.is-active,
.button-border-thin.button-action:active,
.button-border.button-action.active,
.button-border.button-action.is-active,
.button-border.button-action:active {
  background-color: rgba(161, 210, 67, .7);
  color: rgba(255, 255, 255, .5);
  opacity: .3
}

.button-border-thick.button-highlight,
.button-border-thin.button-highlight,
.button-border.button-highlight,
.button-borderless.button-highlight,
.button-highlight.button-border-thick,
.button-highlight.button-border-thin {
  color: #feae1b
}

.button-border-thick.button-highlight:focus,
.button-border-thick.button-highlight:hover,
.button-border-thin.button-highlight:focus,
.button-border-thin.button-highlight:hover,
.button-border.button-highlight:focus,
.button-border.button-highlight:hover,
.button-highlight.button-border-thick:focus,
.button-highlight.button-border-thick:hover,
.button-highlight.button-border-thin:focus,
.button-highlight.button-border-thin:hover {
  background-color: rgba(254, 192, 78, .9);
  color: rgba(255, 255, 255, .9)
}

.button-border-thick.button-highlight.active,
.button-border-thick.button-highlight.is-active,
.button-border-thick.button-highlight:active,
.button-border-thin.button-highlight.active,
.button-border-thin.button-highlight.is-active,
.button-border-thin.button-highlight:active,
.button-border.button-highlight.active,
.button-border.button-highlight.is-active,
.button-border.button-highlight:active,
.button-highlight.active.button-border-thick,
.button-highlight.active.button-border-thin,
.button-highlight.button-border-thick:active,
.button-highlight.button-border-thin:active,
.button-highlight.is-active.button-border-thick,
.button-highlight.is-active.button-border-thin {
  background-color: rgba(243, 171, 38, .7);
  color: rgba(255, 255, 255, .5);
  opacity: .3
}

.button-border-thick.button-caution,
.button-border-thin.button-caution,
.button-border.button-caution,
.button-borderless.button-caution,
.button-caution.button-border-thick,
.button-caution.button-border-thin {
  color: #ff4351
}

.button-border-thick.button-caution:focus,
.button-border-thick.button-caution:hover,
.button-border-thin.button-caution:focus,
.button-border-thin.button-caution:hover,
.button-border.button-caution:focus,
.button-border.button-caution:hover,
.button-caution.button-border-thick:focus,
.button-caution.button-border-thick:hover,
.button-caution.button-border-thin:focus,
.button-caution.button-border-thin:hover {
  background-color: rgba(255, 118, 128, .9);
  color: rgba(255, 255, 255, .9)
}

.button-border-thick.button-caution.active,
.button-border-thick.button-caution.is-active,
.button-border-thick.button-caution:active,
.button-border-thin.button-caution.active,
.button-border-thin.button-caution.is-active,
.button-border-thin.button-caution:active,
.button-border.button-caution.active,
.button-border.button-caution.is-active,
.button-border.button-caution:active,
.button-caution.active.button-border-thick,
.button-caution.active.button-border-thin,
.button-caution.button-border-thick:active,
.button-caution.button-border-thin:active,
.button-caution.is-active.button-border-thick,
.button-caution.is-active.button-border-thin {
  background-color: rgba(246, 76, 89, .7);
  color: rgba(255, 255, 255, .5);
  opacity: .3
}

.button-border-thick.button-royal,
.button-border-thin.button-royal,
.button-border.button-royal,
.button-borderless.button-royal,
.button-royal.button-border-thick,
.button-royal.button-border-thin {
  color: #7b72e9
}

.button-border-thick.button-royal:focus,
.button-border-thick.button-royal:hover,
.button-border-thin.button-royal:focus,
.button-border-thin.button-royal:hover,
.button-border.button-royal:focus,
.button-border.button-royal:hover,
.button-royal.button-border-thick:focus,
.button-royal.button-border-thick:hover,
.button-royal.button-border-thin:focus,
.button-royal.button-border-thin:hover {
  background-color: rgba(164, 158, 240, .9);
  color: rgba(255, 255, 255, .9)
}

.button-border-thick.button-royal.active,
.button-border-thick.button-royal.is-active,
.button-border-thick.button-royal:active,
.button-border-thin.button-royal.active,
.button-border-thin.button-royal.is-active,
.button-border-thin.button-royal:active,
.button-border.button-royal.active,
.button-border.button-royal.is-active,
.button-border.button-royal:active,
.button-royal.active.button-border-thick,
.button-royal.active.button-border-thin,
.button-royal.button-border-thick:active,
.button-royal.button-border-thin:active,
.button-royal.is-active.button-border-thick,
.button-royal.is-active.button-border-thin {
  background-color: rgba(130, 122, 225, .7);
  color: rgba(255, 255, 255, .5);
  opacity: .3
}

.button-border-thick.button-giant,
.button-border-thin.button-giant,
.button-border.button-giant,
.button-giant.button-border-thick,
.button-giant.button-border-thin {
  line-height: 66px
}

.button-border-thick.button-jumbo,
.button-border-thin.button-jumbo,
.button-border.button-jumbo,
.button-jumbo.button-border-thick,
.button-jumbo.button-border-thin {
  line-height: 56px
}

.button-border-thick.button-large,
.button-border-thin.button-large,
.button-border.button-large,
.button-large.button-border-thick,
.button-large.button-border-thin {
  line-height: 46px
}

.button-border-thick.button-normal,
.button-border-thin.button-normal,
.button-border.button-normal,
.button-normal.button-border-thick,
.button-normal.button-border-thin {
  line-height: 36px
}

.button-border-thick.button-small,
.button-border-thin.button-small,
.button-border.button-small,
.button-small.button-border-thick,
.button-small.button-border-thin {
  line-height: 26px
}

.button-border-thick.button-tiny,
.button-border-thin.button-tiny,
.button-border.button-tiny,
.button-tiny.button-border-thick,
.button-tiny.button-border-thin {
  line-height: 20px
}

.button-borderless {
  background: 0 0;
  border: none;
  padding: 0 8px !important;
  color: #eee;
  font-size: 20.8px;
  font-weight: 200
}

.button-borderless:focus,
.button-borderless:hover {
  background: 0 0
}

.button-borderless.active,
.button-borderless.is-active,
.button-borderless:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  opacity: .3
}

.button-borderless.button-giant {
  font-size: 36.4px;
  height: 52.4px;
  line-height: 52.4px
}

.button-borderless.button-jumbo {
  font-size: 31.2px;
  height: 47.2px;
  line-height: 47.2px
}

.button-borderless.button-large {
  font-size: 26px;
  height: 42px;
  line-height: 42px
}

.button-borderless.button-normal {
  font-size: 20.8px;
  height: 36.8px;
  line-height: 36.8px
}

.button-borderless.button-small {
  font-size: 15.6px;
  height: 31.6px;
  line-height: 31.6px
}

.button-borderless.button-tiny {
  font-size: 12.48px;
  height: 28.48px;
  line-height: 28.48px
}

.button-raised {
  border: 1px solid #e1e1e1;
  line-height: 38px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
  background: linear-gradient(#f6f6f6, #e1e1e1);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .15)
}

.button-raised:focus,
.button-raised:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
  background: linear-gradient(top, #fff, #dcdcdc)
}

.button-raised.active,
.button-raised.is-active,
.button-raised:active {
  background: #eee;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 #fff;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 #fff
}

.button-raised.button-primary {
  border-color: #088ef0;
  background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
  background: linear-gradient(#34a5f8, #088ef0)
}

.button-raised.button-primary:focus,
.button-raised.button-primary:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
  background: linear-gradient(top, #42abf8, #0888e6)
}

.button-raised.button-primary.active,
.button-raised.button-primary.is-active,
.button-raised.button-primary:active {
  border-color: #0880d7;
  background: #2798eb
}

.button-raised.button-plain {
  border-color: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
  background: linear-gradient(white, #f2f2f2)
}

.button-raised.button-plain:focus,
.button-raised.button-plain:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
  background: linear-gradient(top, #fff, #ededed)
}

.button-raised.button-plain.active,
.button-raised.button-plain.is-active,
.button-raised.button-plain:active {
  border-color: #e6e6e6;
  background: #fff
}

.button-raised.button-inverse {
  border-color: #151515;
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
  background: linear-gradient(#2f2f2f, #151515)
}

.button-raised.button-inverse:focus,
.button-raised.button-inverse:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010));
  background: linear-gradient(top, #363636, #101010)
}

.button-raised.button-inverse.active,
.button-raised.button-inverse.is-active,
.button-raised.button-inverse:active {
  border-color: #090909;
  background: #222
}

.button-raised.button-action {
  border-color: #9ad824;
  background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824));
  background: linear-gradient(#afe24d, #9ad824)
}

.button-raised.button-action:focus,
.button-raised.button-action:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22));
  background: linear-gradient(top, #b5e45a, #94cf22)
}

.button-raised.button-action.active,
.button-raised.button-action.is-active,
.button-raised.button-action:active {
  border-color: #8bc220;
  background: #a1d243
}

.button-raised.button-highlight {
  border-color: #fea502;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502));
  background: linear-gradient(#feb734, #fea502)
}

.button-raised.button-highlight:focus,
.button-raised.button-highlight:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01));
  background: linear-gradient(top, #febc44, #f49f01)
}

.button-raised.button-highlight.active,
.button-raised.button-highlight.is-active,
.button-raised.button-highlight:active {
  border-color: #e59501;
  background: #f3ab26
}

.button-raised.button-caution {
  border-color: #ff2939;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939));
  background: linear-gradient(#ff5c69, #ff2939)
}

.button-raised.button-caution:focus,
.button-raised.button-caution:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30));
  background: linear-gradient(top, #ff6c77, #ff1f30)
}

.button-raised.button-caution.active,
.button-raised.button-caution.is-active,
.button-raised.button-caution:active {
  border-color: #ff1022;
  background: #f64c59
}

.button-raised.button-royal {
  border-color: #665ce6;
  background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6));
  background: linear-gradient(#9088ec, #665ce6)
}

.button-raised.button-royal:focus,
.button-raised.button-royal:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4));
  background: linear-gradient(top, #9c95ef, #5e53e4)
}

.button-raised.button-royal.active,
.button-raised.button-royal.is-active,
.button-raised.button-royal:active {
  border-color: #5246e2;
  background: #827ae1
}

.button-3d {
  position: relative;
  top: 0;
  -webkit-box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-3d:focus,
.button-3d:hover {
  -webkit-box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-3d.active,
.button-3d.is-active,
.button-3d:active {
  top: 5px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-box-shadow: 0 2px 0 #bbb, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #bbb, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-primary {
  -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-primary:focus,
.button-3d.button-primary:hover {
  -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-primary.active,
.button-3d.button-primary.is-active,
.button-3d.button-primary:active {
  -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-plain {
  -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-plain:focus,
.button-3d.button-plain:hover {
  -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-plain.active,
.button-3d.button-plain.is-active,
.button-3d.button-plain:active {
  -webkit-box-shadow: 0 2px 0 #ccc, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #ccc, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-inverse {
  -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-inverse:focus,
.button-3d.button-inverse:hover {
  -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-inverse.active,
.button-3d.button-inverse.is-active,
.button-3d.button-inverse:active {
  -webkit-box-shadow: 0 2px 0 #000, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #000, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-action {
  -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-action:focus,
.button-3d.button-action:hover {
  -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-action.active,
.button-3d.button-action.is-active,
.button-3d.button-action:active {
  -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-highlight {
  -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-highlight:focus,
.button-3d.button-highlight:hover {
  -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-highlight.active,
.button-3d.button-highlight.is-active,
.button-3d.button-highlight:active {
  -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-caution {
  -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-caution:focus,
.button-3d.button-caution:hover {
  -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-caution.active,
.button-3d.button-caution.is-active,
.button-3d.button-caution:active {
  -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-3d.button-royal {
  -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-royal:focus,
.button-3d.button-royal:hover {
  -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, .3)
}

.button-3d.button-royal.active,
.button-3d.button-royal.is-active,
.button-3d.button-royal:active {
  -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, .2)
}

@keyframes glowing {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, .3);
    box-shadow: 0 0 0 rgba(44, 154, 219, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, .8);
    box-shadow: 0 0 20px rgba(44, 154, 219, .8)
  }
}

@keyframes glowing-primary {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, .3);
    box-shadow: 0 0 0 rgba(27, 154, 247, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, .8);
    box-shadow: 0 0 20px rgba(27, 154, 247, .8)
  }
}

@keyframes glowing-plain {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, .3);
    box-shadow: 0 0 0 rgba(255, 255, 255, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8)
  }
}

@keyframes glowing-inverse {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, .3);
    box-shadow: 0 0 0 rgba(34, 34, 34, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, .8);
    box-shadow: 0 0 20px rgba(34, 34, 34, .8)
  }
}

@keyframes glowing-action {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, .3);
    box-shadow: 0 0 0 rgba(165, 222, 55, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, .8);
    box-shadow: 0 0 20px rgba(165, 222, 55, .8)
  }
}

@keyframes glowing-highlight {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, .3);
    box-shadow: 0 0 0 rgba(254, 174, 27, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, .8);
    box-shadow: 0 0 20px rgba(254, 174, 27, .8)
  }
}

@keyframes glowing-caution {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, .3);
    box-shadow: 0 0 0 rgba(255, 67, 81, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, .8);
    box-shadow: 0 0 20px rgba(255, 67, 81, .8)
  }
}

@keyframes glowing-royal {

  from,
  to {
    -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, .3);
    box-shadow: 0 0 0 rgba(123, 114, 233, .3)
  }

  50% {
    -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, .8);
    box-shadow: 0 0 20px rgba(123, 114, 233, .8)
  }
}

.button-glow {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  animation-name: glowing
}

.button-glow.active,
.button-glow.is-active,
.button-glow:active {
  -webkit-animation-name: none;
  animation-name: none
}

.button-glow.button-primary {
  -webkit-animation-name: glowing-primary;
  animation-name: glowing-primary
}

.button-glow.button-plain {
  -webkit-animation-name: glowing-plain;
  animation-name: glowing-plain
}

.button-glow.button-inverse {
  -webkit-animation-name: glowing-inverse;
  animation-name: glowing-inverse
}

.button-glow.button-action {
  -webkit-animation-name: glowing-action;
  animation-name: glowing-action
}

.button-glow.button-highlight {
  -webkit-animation-name: glowing-highlight;
  animation-name: glowing-highlight
}

.button-glow.button-caution {
  -webkit-animation-name: glowing-caution;
  animation-name: glowing-caution
}

.button-glow.button-royal {
  -webkit-animation-name: glowing-royal;
  animation-name: glowing-royal
}

.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block
}

.button-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(255, 255, 255, .95);
  border: 1px solid #d4d4d4;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.button-dropdown-list.is-below {
  top: 100%;
  border-top: none;
  border-radius: 0 0 3px 3px
}

.button-dropdown-list.is-above {
  bottom: 100%;
  top: auto;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, .2);
  box-shadow: 0 -2px 7px rgba(0, 0, 0, .2)
}

.button-dropdown-list>li {
  padding: 0;
  margin: 0;
  display: block
}

.button-dropdown-list>li>a {
  display: block;
  line-height: 40px;
  font-size: 12.8px;
  padding: 5px 10px;
  float: none;
  color: #666;
  text-decoration: none
}

.button-dropdown-list>li>a:hover {
  color: #5e5e5e;
  background: #f6f6f6;
  text-decoration: none
}

.button-dropdown-divider {
  border-top: 1px solid #e6e6e6
}

.button-dropdown.button-dropdown-primary .button-dropdown-list {
  background: rgba(27, 154, 247, .95);
  border-color: #0880d7
}

.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
  border-color: #0888e6
}

.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a:hover {
  color: #f2f2f2;
  background: #088ef0
}

.button-dropdown.button-dropdown-plain .button-dropdown-list {
  background: rgba(255, 255, 255, .95);
  border-color: #e6e6e6
}

.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
  border-color: #ededed
}

.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a:hover {
  color: #088ef0;
  background: #f2f2f2
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list {
  background: rgba(34, 34, 34, .95);
  border-color: #090909
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
  border-color: #101010
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a:hover {
  color: #e1e1e1;
  background: #151515
}

.button-dropdown.button-dropdown-action .button-dropdown-list {
  background: rgba(165, 222, 55, .95);
  border-color: #8bc220
}

.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
  border-color: #94cf22
}

.button-dropdown.button-dropdown-action .button-dropdown-list>li>a:hover {
  color: #f2f2f2;
  background: #9ad824
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list {
  background: rgba(254, 174, 27, .95);
  border-color: #e59501
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
  border-color: #f49f01
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a:hover {
  color: #f2f2f2;
  background: #fea502
}

.button-dropdown.button-dropdown-caution .button-dropdown-list {
  background: rgba(255, 67, 81, .95);
  border-color: #ff1022
}

.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
  border-color: #ff1f30
}

.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a:hover {
  color: #f2f2f2;
  background: #ff2939
}

.button-dropdown.button-dropdown-royal .button-dropdown-list {
  background: rgba(123, 114, 233, .95);
  border-color: #5246e2
}

.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
  border-color: #5e53e4
}

.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a:hover {
  color: #f2f2f2;
  background: #665ce6
}

.button-group {
  position: relative;
  display: inline-block
}

.button-group:after {
  content: " ";
  display: block;
  clear: both
}

.button-group .button,
.button-group .button-dropdown,
.fp-slide {
  float: left
}

.button-group .button-dropdown:not(:first-child):not(:last-child),
.button-group .button:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none
}

.button-group .button-dropdown:first-child,
.button-group .button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none
}

.button-group .button-dropdown:last-child,
.button-group .button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
  background: linear-gradient(#f2f2f2, #fff);
  border-radius: 200px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .04);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .04)
}

.button-longshadow,
.button-longshadow-left,
.button-longshadow-right,
.ele,
.fp-noscroll .fp-overflow {
  overflow: hidden
}

.button-longshadow-right.button-primary,
.button-longshadow.button-primary {
  text-shadow: 0 0 #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7
}

.button-longshadow-left.button-action.active,
.button-longshadow-left.button-action.is-active,
.button-longshadow-left.button-action:active,
.button-longshadow-left.button-caution.active,
.button-longshadow-left.button-caution.is-active,
.button-longshadow-left.button-caution:active,
.button-longshadow-left.button-highlight.active,
.button-longshadow-left.button-highlight.is-active,
.button-longshadow-left.button-highlight:active,
.button-longshadow-left.button-inverse.active,
.button-longshadow-left.button-inverse.is-active,
.button-longshadow-left.button-inverse:active,
.button-longshadow-left.button-plain.active,
.button-longshadow-left.button-plain.is-active,
.button-longshadow-left.button-plain:active,
.button-longshadow-left.button-primary.active,
.button-longshadow-left.button-primary.is-active,
.button-longshadow-left.button-primary:active,
.button-longshadow-left.button-royal.active,
.button-longshadow-left.button-royal.is-active,
.button-longshadow-left.button-royal:active,
.button-longshadow-right.button-action.active,
.button-longshadow-right.button-action.is-active,
.button-longshadow-right.button-action:active,
.button-longshadow-right.button-caution.active,
.button-longshadow-right.button-caution.is-active,
.button-longshadow-right.button-caution:active,
.button-longshadow-right.button-highlight.active,
.button-longshadow-right.button-highlight.is-active,
.button-longshadow-right.button-highlight:active,
.button-longshadow-right.button-inverse.active,
.button-longshadow-right.button-inverse.is-active,
.button-longshadow-right.button-inverse:active,
.button-longshadow-right.button-plain.active,
.button-longshadow-right.button-plain.is-active,
.button-longshadow-right.button-plain:active,
.button-longshadow-right.button-primary.active,
.button-longshadow-right.button-primary.is-active,
.button-longshadow-right.button-primary:active,
.button-longshadow-right.button-royal.active,
.button-longshadow-right.button-royal.is-active,
.button-longshadow-right.button-royal:active,
.button-longshadow.button-action.active,
.button-longshadow.button-action.is-active,
.button-longshadow.button-action:active,
.button-longshadow.button-caution.active,
.button-longshadow.button-caution.is-active,
.button-longshadow.button-caution:active,
.button-longshadow.button-highlight.active,
.button-longshadow.button-highlight.is-active,
.button-longshadow.button-highlight:active,
.button-longshadow.button-inverse.active,
.button-longshadow.button-inverse.is-active,
.button-longshadow.button-inverse:active,
.button-longshadow.button-plain.active,
.button-longshadow.button-plain.is-active,
.button-longshadow.button-plain:active,
.button-longshadow.button-primary.active,
.button-longshadow.button-primary.is-active,
.button-longshadow.button-primary:active,
.button-longshadow.button-royal.active,
.button-longshadow.button-royal.is-active,
.button-longshadow.button-royal:active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

.button-longshadow-right.button-plain,
.button-longshadow.button-plain {
  text-shadow: 0 0 #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6
}

.button-longshadow-right.button-inverse,
.button-longshadow.button-inverse {
  text-shadow: 0 0 #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909
}

.button-longshadow-right.button-action,
.button-longshadow.button-action {
  text-shadow: 0 0 #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220
}

.button-longshadow-right.button-highlight,
.button-longshadow.button-highlight {
  text-shadow: 0 0 #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501
}

.button-longshadow-right.button-caution,
.button-longshadow.button-caution {
  text-shadow: 0 0 #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022
}

.button-longshadow-right.button-royal,
.button-longshadow.button-royal {
  text-shadow: 0 0 #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2
}

.button-longshadow-left.button-primary {
  text-shadow: 0 0 #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7
}

.button-longshadow-left.button-plain {
  text-shadow: 0 0 #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6
}

.button-longshadow-left.button-inverse {
  text-shadow: 0 0 #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909
}

.button-longshadow-left.button-action {
  text-shadow: 0 0 #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220
}

.button-longshadow-left.button-highlight {
  text-shadow: 0 0 #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501
}

.button-longshadow-left.button-caution {
  text-shadow: 0 0 #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022
}

.button-longshadow-left.button-royal {
  text-shadow: 0 0 #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2
}

.button-giant {
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  padding: 0 35px
}

.button-jumbo {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 30px
}

.button-large {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 25px
}

.button-normal {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px
}

.button-small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 9px
}

.button-tiny {
  font-size: 9.6px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px
}

#footer {
  background-color: #1b1b1b;
  color: #fff;
  overflow-y: auto
}

#footer>div {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%
}

#footer .flex_Parent_Column {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  padding-bottom: 50px;
  padding-left: 20px;
  align-items: center
}

#footer .website_message_title {
  margin: 10px
}

#footer input,
#footer textarea {
  background: #373737;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  color: #ccc;
  margin: 5px;
  flex: 1
}

#footer textarea {
  resize: none
}

#footer input:focus,
#footer textarea:focus {
  box-sizing: border-box;
  outline: 0;
  border: none
}

#footer .confirm {
  background-color: rgba(255, 255, 255, .8);
  color: #000;
  margin: 10px;
  width: 80px
}

#footer .map .container1,
#footer .website_message,
#page_9_news_type_titles>div,
.flex_1,
.menu_Product .a a,
.phone_header_a span,
.small_slide .image {
  flex: 1
}

#footer .website_message .input_Parent,
.display_flex,
.index_new_center_big_body_title_body.show,
.index_new_center_item.show {
  display: flex
}

#footer .footer_Container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width :768px) {
  #footer .footer_Container {
    padding-top: 0
  }
}

#footer .footer_Container>div {
  width: 1200px;
  max-width: 100%
}

#footer .erweima_Container {
  display: flex;
  flex: 1;
  align-items: center
}

#footer .phone_Number {
  margin-left: 30px;
  flex: 1
}

#footer .erweima_Container img {
  width: 100px;
  height: 100px
}

#footer .map {
  display: flex;
  margin: 80px 0
}

#footer .map .container2 {
  flex: 2;
  display: flex
}

.map_items {
  flex: 1;
  color: #fff;
  border-right: 1px solid #999;
  padding: 0 40px
}

@media screen and (min-device-width :768px) and (max-device-width :1280px) {
  .map_items {
    padding: 0 4vw
  }
}

#footer .map .desc {
  color: #999;
  margin: 8px 0;
  font-size: 13px;
  word-break: keep-all;
  padding-right: 1rem;
}

.footer_Title {
  font-size: x-large;
  margin: 0 0 15px
}

#footer .language_Choose {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem
}

@media screen and (max-width:767px) {
  .phone_hide {
    display: none
  }
}

#footer .language_Choose>div>img {
  width: 20px;
  margin-right: 15px;
  margin-left: 20px
}

#footer .language_Choose .language_Btn.active {
  background-color: #666
}

@media screen and (min-width:768px) {
  #footer .language_Choose>div {
    display: flex;
    padding: 20px 0;
    width: 1200px;
    max-width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .3);
    align-items: center
  }

  #footer .language_Choose>div>div {
    display: flex;
    align-items: center
  }

  #footer .language_Choose .language_Btn {
    margin-right: 30px;
    padding: 8px 15px
  }

  #footer .language_Choose .language_Btn.active {
    margin-left: 16px
  }
}

.footer_Bottom {
  display: flex;
  color: #fff;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #000;
  font-size: smaller;
  font-weight: 400;
  height: 50px;
  padding: 1em 0
}

.footer_Bottom>div {
  max-width: 100%;
  padding: 0 10px
}

.footer_Bottom .as {
  width: 1200px;
  max-width: 100%;
  display: flex
}

.footer_Bottom .font_C {
  margin-top: 0
}

.footer_Bottom .other_Aa {
  margin-right: 50px
}

.other_Aa:last-child {
  margin-right: 0
}

@media screen and (max-width:768px) {
  .language_Btn {
    display: inline-block;
    width: calc(50% - 4px);
    padding: .5rem .8rem;
    font-size: .9rem;
    white-space: nowrap
  }

  .footer_Bottom .as {
    display: inherit
  }

  #footer .map {
    display: block;
    margin: 10px 0;
    text-align: left
  }

  #footer .map .container2 {
    margin-bottom: 20px
  }

  .map_items {
    padding: 0 20px;
    border-right: none
  }

  #footer .map .container1>div {
    padding: 0 20px
  }

  .footer_Title {
    font-size: large;
    margin: 8px 0
  }

  .footer_Bottom {
    height: auto;
    padding: 1rem;
    margin-top: .5rem
  }

  .footer_Bottom>div {
    max-width: 100%
  }

  #footer .website_message_title {
    text-align: center
  }

  #footer input,
  #footer textarea {
    width: 100%
  }

  #footer .confirm {
    width: 120px
  }

  #footer .confirm_Body {
    text-align: center;
    padding: 20px 0 40px
  }

  #footer .flex_Parent_Column {
    flex-direction: column;
    padding-left: 0
  }
}

.map_items.right_no_border {
  border-right: none
}

.map_items.display_flex {
  align-items: center;
  justify-content: center
}

.no_bar::-webkit-scrollbar {
  width: 0
}

.no_bar::-webkit-scrollbar-track {
  background-color: transparent
}

#web_go_top {
  position: fixed;
  right: 2vw;
  bottom: 80px;
  z-index: 999999
}

#contactus_btn_footer {
  position: fixed;
  bottom: 0;
  z-index: 999999;
  transition: .5s;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  color: #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  right: 10px;
  height: 34px;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  max-width: 500px;
  background-color: #ffd200;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 0 2px 3px 1px rgb(0 0 0 / 20%);
  display: flex;
  align-items: center;
  padding: 0 1rem
}

#contactus_btn_footer i {
  font-size: 18px
}

#newBridge,
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev,
.swiper-pagination-bullet:only-child,
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled,
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important
}

#my_Chat_Body {
  position: fixed;
  top: 50%;
  height: 126px;
  margin-top: -63px;
  right: 0;
  text-align: right;
  display: none
}

#new_Tips {
  position: fixed;
  bottom: 35%;
  right: 0;
  display: flex;
  z-index: 9999
}

@media screen and (max-width :767px) {
  #footer .map .container2>div {
    padding-right: 0;
    padding-left: 1rem;
    flex: 1
  }

  #new_Tips {
    display: none
  }
}

#new_Tips_Menu {
  width: 0;
  transition: .8s
}

#new_Tips_Menu.open {
  width: 188px
}

#new_Tips_Menu .img,
#new_Tips_Menu .text,
.index_hyyy_txt_item,
.swiper-pagination-clickable .swiper-pagination-bullet,
li {
  cursor: pointer
}

#my_Chat_Body>div {
  height: 40px;
  color: #fff;
  margin-top: 2px;
  text-align: right
}

#my_Chat_Body>div>div,
.fp-slidesNav ul li,
.sweet-alert .sa-error-container p {
  display: inline-block
}

#my_Chat_Body>div>div>.a {
  display: flex;
  background-color: #0082c8;
  border-radius: 10px 5px 5px 10px;
  align-items: center;
  justify-content: center;
  text-decoration: none
}

#my_Chat_Body .a>.text {
  width: 0;
  transition: .8s;
  white-space: nowrap;
  overflow-x: hidden;
  text-align: center;
  color: #fff
}

#my_Chat_Body .a:hover>.text {
  width: 110px;
  padding-right: 15px
}

.footer_logo {
  margin-top: 2rem;
  margin-bottom: 15px
}

.footer_logo img {
  height: 40px
}

@media screen and (min-width :768px) {
  #footer .map .container2>div {
    width: calc(50% - 1px)
  }

  #web_go_top {
    display: none
  }

  #phone_footer_blank,
  #phone_footer_menu {
    display: none !important
  }

  .footer_logo {
    margin-top: 0
  }
}

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

a:hover {
  text-decoration: none;
  cursor: pointer
}

#header {
  position: absolute;
  z-index: 999
}

.index_hyyy_txt_item *,
.language_bg a,
.phone_object * {
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.header_logo_body img {
  height: 36px;
  width: auto
}

.phone_header_menu_contain {
  position: absolute;
  height: 20px;
  top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 25px;
  width: 20px;
  z-index: 1000
}

.phone_header_menu_contain>div {
  position: relative
}

.phone_header_menu_line {
  position: absolute;
  background-color: #fff;
  height: 1px;
  left: 50%;
  margin-left: -9px;
  width: 18px;
  transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%
}

#page_9_news_type,
.phone_header_menu_open .phone_header_menu_line {
  background-color: #000
}

.phone_header_menu_line:first-child {
  transform: translate(0, -6px);
  -moz-transform: translate(0, -6px);
  -webkit-transform: translate(0, -6px);
  -o-transform: translate(0, -6px)
}

.phone_header_menu_line:nth-child(2) {
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0)
}

.phone_header_menu_line:nth-child(3) {
  transform: translate(0, 6px);
  -moz-transform: translate(0, 6px);
  -webkit-transform: translate(0, 6px);
  -o-transform: translate(0, 6px)
}

.phone_header_menu_open .phone_header_menu_line:first-child {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg)
}

.phone_header_menu_open .phone_header_menu_line:nth-child(2) {
  margin-left: 0;
  width: 0
}

.phone_header_menu_open .phone_header_menu_line:nth-child(3) {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg)
}

.phone_header_menu_open .header_contain {
  background-color: #fff;
  box-shadow: 0 0 3px 3px #e3e3e3
}

.phone_header_menu_body li {
  list-style: none;
  padding: 10px 1em
}

.phone_header_menu_body ul {
  padding-left: 0
}

.header_search_input_body {
  margin: 1em
}

.header_search_input_body i {
  position: absolute;
  left: 15px;
  top: 0;
  line-height: 38px
}

.phone_header_menu_open .phone_header_menu_body {
  max-height: calc(100vh - 50px);
  height: calc(100vh - 50px)
}

.phone_header_menu_body {
  max-height: 0;
  overflow-y: hidden;
  height: 0;
  position: relative;
  width: 100vw;
  overflow-x: hidden
}

.phone_header_menu_body_page {
  position: absolute;
  top: 0;
  left: 100vw;
  bottom: 0;
  width: 100vw;
  overflow-y: auto;
  background-color: #fff
}

.phone_header_menu_body_page.show {
  left: 0
}

.menu_Product {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 16px
}

.menu_Product img {
  width: 40px;
  height: 40px
}

.menu_Product .a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-left: 10px
}

.empty_50 {
  height: 50px
}

#page_9_news_detail_web_btn,
#page_9_news_type_web_btn,
.black .blue_logo,
.open.black .white_logo,
.small_category i,
.web_header_contain,
.web_header_contain:hover .white_logo,
.white_logo {
  display: none
}

.flex_3 {
  flex: 3 !important
}

@media (max-width:767px) {
  .header_contain {
    position: relative;
    background-color: #131313
  }

  .logo {
    height: 30px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -60px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
  }

  #web_header_contain_2023 {
    display: none
  }
}

#header_top_top {
  height: 30px
}

.language {
  width: 120px
}

.top_Mene_Item:hover .language_bg {
  max-height: 10000px;
  top: 110%;
  z-index: 999
}

.language_bg a:hover {
  padding-left: 0.3rem
}

.language_bg {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  top: 100%;
  max-height: 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.2);
}

#header_top_top .language_bg {
  top: 29px
}

@media (min-width:768px) {
  .phone_object {
    display: none
  }

  .web_header_contain {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 30px;
    height: 49px;
    color: #fff;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
  }

  #web_header_contain_2023 .bg {
    height: 0;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
  }

  .logo_Body {
    display: flex;
    align-items: center
  }

  .display_flex {
    flex-direction: row
  }

  .top_Mene_Item {
    display: flex;
    align-items: center;
    height: 49px;
    margin-left: 2px;
    color: #fff;
    text-decoration: none;
    padding: 0 8px;
    text-shadow: none;
    position: relative;
    font-size: x-small;
    white-space: nowrap;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
  }

  .menu_contain {
    display: flex
  }

  #header:hover .web_header_contain {
    height: 69px
  }

  #web_header_contain_2023:hover .bg {
    height: 100%;
    box-shadow: 0 0 5px 0 rgba(200, 200, 200, .5)
  }

  #web_header_contain_2023:hover .top_Mene_Item,
  .header .top_Mene_Item {
    color: #000
  }

  .menu_A .menu_Bg {
    position: absolute;
    left: 0;
    bottom: 25%;
    right: 0;
    height: 0;
    background-color: #fff;
    border-radius: 1000px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
  }

  #header_top_top .menu_A .menu_Bg {
    bottom: 0
  }

  .menu_A a {
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    cursor: pointer
  }

  .active .menu_A a,
  .top_Mene_Item:hover .menu_A a {
    color: #fff
  }

  .active .menu_A .menu_Bg,
  .top_Mene_Item:hover .menu_A .menu_Bg {
    height: 50%;
    background-color: #0074c1;
    z-index: -1
  }

  #header_top_top .active .menu_A .menu_Bg,
  #header_top_top .top_Mene_Item:hover .menu_A .menu_Bg {
    height: 100%
  }

  .menu_Body {
    position: fixed;
    background-color: #fff;
    top: 99px;
    left: 0;
    right: 0;
    color: #666;
    max-height: 0;
    overflow: hidden;
    z-index: 9999;
    transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2)
  }

  .active .menu_Body,
  .top_Mene_Item:hover .menu_Body {
    max-height: 1000px
  }

  .menu_Body>div {
    border-top: 1px solid #d3d3d3;
    margin: 0 10vw
  }

  #web_header_login_lot {
    margin-left: 5px
  }

  #web_header_search {
    border: 1px solid rgba(5, 0, 1, .2);
    border-radius: 100px;
    width: 100px;
    padding-left: 15px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    padding-right: 30px
  }

  #web_header_search:focus {
    width: 150px
  }

  #number_container .row {
    margin-left: 0;
    margin-right: 0;
    flex: 2
  }
}

.abtn {
  display: inline-block;
  text-align: center;
  color: #000;
  padding: 3px 20px;
  min-width: 140px;
  margin: 10px;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 15px;
  vertical-align: top
}

.abtn.choosen,
.abtn:hover {
  border: 1px solid #0082c8
}

.abtn.choosen .main_category,
.abtn:hover .main_category,
.header .product_Item:hover .product_Name {
  color: #0074c1
}

.abtn .abg {
  max-height: 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: nowrap
}

.abtn.choosen .abg,
.abtn:hover .abg {
  max-height: 1000px
}

.small_category {
  padding: 5px 10px 5px 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  font-size: small
}

.swiper-cube .swiper-slide .swiper-slide,
.swiper-fade .swiper-slide .swiper-slide,
.swiper-flip .swiper-slide .swiper-slide,
.tou_ming {
  pointer-events: none
}

.small_category.choosen,
.small_category:hover {
  transform: translateX(10px);
  -webkit-transform: translateX(10px)
}

.small_category a:hover,
.small_category.choosen a {
  color: #0082c8
}

.small_category.choosen i,
.small_category:hover i {
  display: inherit
}

.header .product_Item {
  width: calc(10vw - 10px);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  margin: 0 5px
}

.header .product_Item img.tag {
  position: absolute;
  top: 5px;
  right: 2vw;
  width: 2.5vw
}

.header .product_Item .img_Flex {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(7vw);
  background-repeat: no-repeat;
  background-size: 60% auto;
  background-position: center
}

@media (max-width:1080px) {
  .header .product_Item {
    width: 140px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative
  }

  .header .product_Item img.tag {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 40px
  }

  .header .product_Item .img_Flex {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px
  }
}

.header .product_Item .img_Flex img {
  height: auto;
  width: 60%;
  opacity: 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.header .product_Item:hover .img_Flex img {
  width: 65%;
  opacity: 1
}

.header .product_Item .product_Name {
  cursor: pointer;
  color: #000;
  font-size: small
}

.header .products_All_Body {
  height: 70px;
  border-top: 1px solid rgba(0, 0, 0, .18);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center
}

.header .products_All {
  cursor: pointer;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.header .products_All:hover {
  transform: scale(1.3, 1.3)
}

.header .products_All i {
  margin-left: 20px
}

.header .products_List {
  padding: 0 0 50px
}

.header .category_00 {
  padding: 30px 10px 0;
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.header .category_01 {
  font-size: smaller;
  display: flex;
  align-items: center;
  justify-content: center
}

.products_List {
  white-space: normal
}

.line_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.static_bg {
  display: none;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

#yun_zhan_ting,
.swiper-slide-invisible-blank {
  visibility: hidden
}

.header_contain {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.phone_header_menu_open .logo {
  left: 25px;
  margin-left: 0
}

.header_search_input_body>div {
  background-color: #e3e3e3;
  border-radius: 100px;
  position: relative
}

.header_search_input_body input {
  height: 38px;
  width: 100%;
  padding-left: 40px;
  background: 0 0;
  border: none;
  box-shadow: none;
  outline: 0
}

li.phone_page_back_btn {
  padding: 10px 1em;
  font-size: large
}

#web_search_icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px
}

#zhong_guo_nan_jing_zong_bu {
  position: absolute;
  top: 40%;
  left: 43%
}

.container_Hzhb .left_Image,
.e_Name,
.phone_header_a,
.phone_header_a_to_second_page {
  display: flex;
  align-items: center
}

.index_hyyy_txt_item .index_hyyy_txt_container {
  padding: 2rem;
  position: absolute;
  color: #fff
}

.index_hyyy_txt_container .index_hyyy_txt_container_more {
  max-height: 0;
  overflow-y: hidden
}

.index_hyyy_txt_item .bg {
  background-color: rgba(0, 0, 0, .5);
  position: absolute
}

.index_hyyy_txt_item:hover .index_hyyy_txt_container .index_hyyy_txt_container_more {
  max-height: 300px
}

.index_hyyy_txt_container h4 {
  font-weight: lighter
}

.hyyy_2 .bg,
.hyyy_2 .index_hyyy_txt_container {
  left: 3rem;
  top: calc(100% - 15rem);
  right: calc(100% - 38rem);
  bottom: 3rem
}

.hyyy_0 .bg,
.hyyy_0 .index_hyyy_txt_container,
.hyyy_1 .bg,
.hyyy_1 .index_hyyy_txt_container,
.hyyy_3 .bg,
.hyyy_3 .index_hyyy_txt_container {
  left: calc(100% - 38rem);
  top: 3rem;
  right: 3rem;
  bottom: calc(100% - 15rem)
}

.hyyy_4 .bg,
.hyyy_4 .index_hyyy_txt_container {
  left: 3rem;
  top: calc(50% - 6rem);
  right: calc(100% - 38rem);
  bottom: calc(50% - 6rem)
}

.index_page_1_title {
  text-align: center;
  font-size: 2rem
}

#full_page_1_body {
  height: 150vw;
  position: relative;
  padding-top: 75px;
  color: #fff;
  display: flex;
  flex-direction: column;
  background: url(/assets/img/diqiu.jpg) bottom center/200% auto no-repeat #000
}

.number {
  font-size: 1.625rem
}

#number_container .row {
  margin-top: 32px
}

#earth {
  flex: 1;
  background: url(/assets/img/earth_Small.png) center/auto 50% no-repeat
}

#full_page_2_body {
  padding: calc(50px + 1rem) 10px 10px
}

#page_2_slider .swiper-slide {
  height: 60vh
}

#page_2_down_slider {
  margin-top: 1rem
}

#page_2_down_slider .txt {
  text-align: center;
  font-size: .875rem;
  padding: 5px 0
}

@media (min-width:768px) {

  .header.black:hover .menu_A,
  .header.open.black .menu_A {
    color: #000
  }

  .header.black .menu_A {
    color: #fff
  }

  .header.open #web_header_contain_2023 .bg {
    height: 100%;
    box-shadow: 0 0 5px 0 rgba(200, 200, 200, .5)
  }

  .web_hide {
    display: none
  }

  #full_page_2_body {
    height: 100vh
  }

  #page_2_down_slider .txt {
    font-size: 1rem
  }

  .font_32 {
    font-size: 2rem
  }
}

#full_page_3_body {
  background: linear-gradient(0deg, #302f33, #3959aa, #37549c);
  height: 100vh;
  position: relative;
  overflow: hidden
}

#index_lot_img0 {
  width: 30vw;
  position: absolute;
  top: 60px;
  left: 0
}

#index_lot_img1 {
  width: 30vw;
  position: absolute;
  top: 53vw;
  left: 0
}

#lot_contain {
  position: absolute;
  left: 1rem;
  top: calc(1rem + 50px);
  right: 1rem;
  bottom: 0
}

.font_32 {
  font-size: 2rem
}

.font_18 {
  font-size: 1rem
}

#lot_big_img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px
}

#lot_big_img>img {
  width: 80%
}

#lot_icons {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 15px;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px 0 rgba(11, 20, 48, .2);
  border-radius: 20px;
  display: flex;
  flex-direction: column
}

.lot_icon_item {
  text-align: center;
  flex: 1;
  padding: 6px 1px
}

##lot_icons {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 15px;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 2px 8px 0 rgba(11, 20, 48, .2);
  border-radius: 20px;
  display: flex
}

#lot_icons>div {
  display: flex;
  flex: 1;
  padding: 6px
}

.lot_icon_item img {
  width: 30%
}

.flex_column,
.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.font_8 {
  font-size: .5rem
}

#full_page_4_body,
#full_page_6_body {
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-color: #f2f2f2
}

#index_page_4_img {
  width: calc(100vw - 20px);
  position: absolute;
  left: 10px;
  top: 50px;
  height: 80vw;
  background: url(/assets/img/web_index/gyydzdxl.jpg) right center/auto 100%
}

#index_page_4_cornor {
  position: absolute;
  left: 10vw;
  top: calc(60px + 25vw);
  width: 40vw;
  pointer-events: none
}

#index_page_4_name_desc {
  top: calc(50px + 37vw + 1rem);
  position: absolute;
  left: 42vw;
  text-shadow: 0 0 15px #fff
}

.c_name {
  font-size: 1.5rem;
  font-weight: 700
}

#index_page_4_line_body {
  padding-top: 100vw;
  padding-right: 5%;
  text-align: right;
  padding-bottom: 2rem
}

.txt_line {
  margin-top: 16px
}

#full_page_5_body {
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: linear-gradient(to bottom, #fff 0, #fff 50vh, #f3f3f3 50.01%, #f3f3f3 100%)
}

#index_page_5_img {
  position: absolute;
  left: 10px;
  top: 50px;
  width: calc(100vw - 20px);
  height: calc(85.2vw);
  background: url(/assets/img/web_index/rfiddxqxl.jpg) 0 0/cover
}

#index_page_5_cornor {
  position: absolute;
  top: calc(50px + 62vw);
  width: 46vw;
  right: 15vw;
  pointer-events: none;
  height: auto
}

#index_page_5_name_desc {
  position: absolute;
  top: calc(50px - 2.3rem + 80vw);
  text-align: right;
  right: calc(44vw);
  text-shadow: 0 0 20px #fff
}

#index_page_5_line_body {
  top: calc(100vw);
  padding-left: 1rem;
  padding-bottom: 3rem;
  position: absolute
}

#full_page_7_body {
  position: relative;
  height: auto;
  overflow: hidden;
  background-color: #fff
}

#index_page_7_img {
  position: absolute;
  top: 60px;
  width: calc(100vw - 20px);
  left: 10px;
  height: calc(66.7vw - 13px);
  background: url(/assets/img/gypbxl.jpg) center/cover
}

#index_page_7_cornor {
  position: absolute;
  top: calc(50px + 24vw);
  width: 30vw;
  right: 18vw;
  pointer-events: none
}

#index_page_7_line_body {
  padding-top: calc(50px + 74vw);
  text-align: right;
  padding-right: 1rem;
  padding-bottom: 3rem
}

#index_page_7_name_desc {
  top: calc(50px + 40vw - 1.5em);
  position: absolute;
  right: 40vw;
  text-shadow: 0 0 10px #000
}

@media (max-width:575px) {
  #index_page_7_name_desc .c_name {
    font-size: 1.2rem
  }

  #index_page_7_name_desc {
    top: calc(50px + 47vw - 1.5em);
    position: absolute;
    right: 40vw;
    text-shadow: 0 0 10px #000
  }
}

#full_page_8_body {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(to bottom, #fff 0, #fff 50%, #f3f3f3 50.01%, #f3f3f3 100%)
}

#index_page_8_img {
  position: absolute;
  top: 50px;
  width: 70vw;
  right: 0;
  height: 91vw
}

#index_page_8_cornor {
  position: absolute;
  top: calc(50px + 30vw);
  width: 36vw;
  right: 4vw
}

#index_page_8_name_desc {
  top: calc(50px + 44vw);
  position: absolute;
  right: 35vw;
  text-align: right;
  text-shadow: 0 0 10px #fff
}

#index_page_8_line_body {
  position: absolute;
  top: calc(50px + 105vw);
  left: 10px
}

#full_page_9_body {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%
}

#full_page_9_body>div {
  flex: 1;
  text-align: center;
  overflow-y: hidden;
  display: flex;
  flex-direction: column
}

#page_9_news_type_titles {
  display: flex;
  align-items: center;
  padding: 65px 0 0;
  color: #fff
}

#page_9_news_type_desc {
  padding: 10px
}

#page_9_news_type_image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 80%
}

#page_9_news_type_image img {
  max-height: 70%
}

#page_9_news_type_a_contain {
  padding: 6px 0;
  border-top: 1px solid #fff
}

#page_9_news_type_a_contain i {
  margin-left: 15px
}

#page_9_news_detail_image {
  width: 100%;
  height: auto
}

#page_9_news_detail_desc {
  text-align: left;
  padding: 5px 10px
}

.font_12 {
  font-size: .75rem
}

#page_9_news_detail_ct {
  padding: 0 10px 10px;
  text-align: left
}

#page_9_news_detail_a_contain i {
  margin-left: 10px
}

#full_page_10_body {
  height: 150vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center
}

#full_page_10_body>div {
  width: calc(100% - 20px);
  display: flex;
  flex-direction: column
}

#page_10_detail,
.text_center {
  text-align: center;
  margin-top: .5rem;
  margin-bottom: .7rem
}

.font_14 {
  font-size: .875rem
}

.container_Hzhbs {
  flex: 1;
  display: flex;
  flex-direction: column
}

.container_Hzhb {
  flex: 1;
  align-items: center;
  position: relative;
  display: flex;
  margin: 0
}

.container_Hzhb .icons {
  position: relative;
  overflow: hidden;
  flex: 1;
  height: 100%
}

.container_Hzhb .left_Image {
  height: 50px;
  background: #0074c1;
  padding: 10px;
  width: 28vw;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-size: .82rem
}

.container_Hzhb .left_Image img {
  height: 20px;
  margin-right: .5rem
}

.index_hzhb_image_contain {
  flex: 1;
  height: 70px;
  overflow: hidden
}

.index_hzhb_image_contain_lunbo>img {
  height: 70px;
  position: absolute;
  top: 0
}

.index_hzhb_image_contain_lunbo {
  position: relative;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll_left;
  animation-name: scroll_left;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

.index_hzhb_image_contain_lunbo .copy_it {
  left: 1939px
}

@keyframes scroll_left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(-1939px);
    transform: translateX(-1939px)
  }
}

.number_sup {
  margin-left: 6px
}

.number_item {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px
}

.number_item>div {
  white-space: nowrap
}

#page_2_down_slider .swiper-slide.choosen {
  background-color: #0084db;
  color: #fff
}

.swiper-slide.small_slide {
  height: 20vh;
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 10px
}

#page_3_lot_detail,
.icon_txt {
  margin-top: .3em
}

@media (min-width:768px) {
  .font_18 {
    font-size: 1.125rem
  }

  #full_page_7_body {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background-color: #fff
  }

  #page_9_news_type_desc {
    font-size: 1.25rem
  }

  #page_9_news_detail_desc {
    font-size: 2rem
  }

  #page_9_news_detail_ct {
    font-size: 1rem
  }

  #full_page_10_body {
    height: auto
  }

  .container_Hzhb {
    margin: 0 1.25rem
  }

  #number_container {
    max-width: 96%;
    display: flex;
    z-index: 1
  }

  #page_2_down_slider .swiper-slide {
    height: 26vh;
    width: calc(20% - 16px);
    display: flex;
    flex-direction: column;
    padding: 10px;
    cursor: pointer;
    margin: 5px 10px
  }

  #page_2_down_slider .swiper-slide:first-child {
    margin-left: 0
  }

  #page_2_down_slider .swiper-slide:last-child {
    margin-right: 0
  }

  #page_2_down_slider .swiper-slide:hover {
    background-color: #0084db;
    color: #fff
  }

  .my_flex_row {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
  }

  #index_page_4_line_body {
    top: calc(50vh - 200px);
    text-align: right;
    right: 3vw;
    height: 400px;
    left: 65vw;
    padding-top: 0;
    padding-right: 0;
    position: absolute;
    display: flex;
    padding-bottom: 0;
    align-items: center;
    justify-content: right
  }

  #index_page_7_line_body {
    top: calc(50vh - 25vw);
    text-align: right;
    right: 3vw;
    left: 66vw;
    position: absolute;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 50vw;
    display: flex;
    align-items: center;
    justify-content: right
  }

  #full_page_10_body>div {
    height: auto;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    margin: 0 10vw;
    padding: 10vh 0
  }

  .index_page_1_title {
    font-size: 4rem
  }

  .number {
    font-size: 3rem
  }

  .number_sup {
    top: -1.5em;
    font-size: 1.5rem
  }

  #earth {
    background: url(/assets/img/diqiu.jpg) bottom center/100% auto no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60vh;
    z-index: 0
  }

  #full_page_2 .simple-slider {
    padding: 0 50px
  }

  #lot_contain {
    display: flex;
    padding: 3vw 50px 0
  }

  #page_3_lot_detail {
    margin-top: 1.2em
  }

  #lot_icons {
    flex-direction: row;
    left: 30px;
    right: 30px;
    bottom: 45px
  }

  #lot_big_img {
    flex: 1;
    padding-top: 5rem
  }

  #index_page_4_img {
    width: 60vw;
    left: 5vw;
    height: 40.6vw;
    background: url(/assets/img/gyydzdxl.jpg) 0 0/cover no-repeat;
    top: calc(50vh - 20vw)
  }

  #index_page_4_cornor {
    width: 20vw;
    left: 24vw;
    top: calc(50vh - 20vw + 16vw)
  }

  #index_page_4_name_desc {
    left: 35vw;
    top: calc(53vh + 3.5vw - 2rem)
  }

  .c_name {
    font-size: 2rem;
    white-space: nowrap
  }

  .c_desc {
    font-size: 1rem;
    white-space: nowrap
  }
}

#page_9_news_detail_a_contain {
  padding: 6px 0;
  border-top: 1px solid #000
}

.hyyy_0 {
  background: url(/assets/img/hyyy/mobile/zhi_hui_wu_liu_in_mobile.png) center center/cover no-repeat
}

.hyyy_1 {
  background: url(/assets/img/hyyy/mobile/zhi_hui_Ling_shou_in_mobile.png) center center/cover no-repeat
}

.hyyy_2 {
  background: url(/assets/img/hyyy/mobile/zhi_neng_zhi_zao_in_mobile.jpg) center center/cover no-repeat
}

.hyyy_3 {
  background: url(/assets/img/hyyy/mobile/zhi_hui_yi_liao_in_mobile.png) center center/cover no-repeat
}

.hyyy_4 {
  background: url(/assets/img/hyyy/mobile/gong_gong_shi_ye_in_mobile.png) center center/cover no-repeat
}

.web_Page {
  position: relative;
  height: 100% !important;
  height: calc(var(--vh, 1vh) * 100) !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 60px 10px 10px
}

.section6_right {
  position: relative;
  margin-top: 10px
}

.section6_left {
  position: relative;
  margin-top: 15px
}

#page_hs225dp_txt {
  position: absolute;
  left: calc(39%);
  top: calc(68% - 2rem);
  text-shadow: 0 0 15px #000
}

.left_txt_Body {
  color: #000
}

#page_6_hs200_txt {
  position: absolute;
  top: calc(52% - 1em);
  right: 37%;
  text-shadow: 0 0 15px #000
}

#page_6_hs200_a {
  display: block;
  height: 80vw;
  background: url(/assets/img/x4pro.png) center/100% auto
}

@media (min-width:768px) {
  #full_page_5_body {
    background: #fff
  }

  .icon_txt {
    margin-top: 20px;
    font-size: .875rem
  }

  .section6_right {
    position: absolute;
    margin-top: 0;
    right: 5vw;
    width: 40vw;
    height: 45.4vw;
    top: calc(50vh - 22.7vw)
  }

  .left_txt_Body {
    left: 5vw;
    top: 10vh;
    position: absolute
  }

  .section6_left {
    position: absolute;
    left: 5vw;
    bottom: 10vh;
    width: 40vw
  }

  #page_6_hs200_a {
    height: 100%;
    width: 100%
  }

  .web_Page {
    padding: 0
  }

  #page_6_hs200_corner {
    width: 18vw;
    top: 29%;
    right: 12%
  }

  #page_6_hs200_txt {
    top: calc(53% - 2.5rem);
    right: 15vw;
    text-shadow: 0 0 15px #000
  }

  #index_page_5_img {
    width: 40vw;
    height: 45.5vw;
    background-image: url(/assets/img/rfiddxqxl.jpg);
    background-size: cover;
    top: calc(50vh - 22.8vw);
    left: auto;
    right: 0
  }

  #index_page_5_cornor {
    top: calc(53vh - 22.8vw + 25vw);
    width: 33vw;
    right: 6vw;
    height: auto
  }

  #index_page_5_name_desc {
    right: 30vw;
    top: calc(50vh - 20.3vw + 30vw)
  }

  #index_page_5_line_body {
    top: 20vh;
    left: 10vw;
    position: absolute;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0
  }
}

@media (min-width:768px) {
  #index_page_6_cornor {
    top: calc(50vh - 10vw);
    width: 26vw;
    left: 52vw
  }

  #index_page_6_name_desc {
    top: calc(50vh - 6vw - 1.5em);
    left: 68vw;
    white-space: nowrap
  }

  #index_page_6_line_body {
    top: calc(50vh - 15vw);
    left: 10vw
  }

  #index_page_7_img {
    left: 3vh;
    width: 63vw;
    height: 40.6vw;
    top: calc(50vh - 20.3vw);
    background: url(/assets/img/gypbxl.jpg) 0 0/cover
  }

  #index_page_7_cornor {
    width: 19vw;
    left: 37vw;
    top: calc(50vh - 6vw)
  }

  #index_page_7_name_desc {
    top: calc(50vh + 5vw - 1.5em);
    right: calc(55vw);
    text-align: right
  }

  #index_page_8_name_desc {
    right: 23vw;
    top: calc(50vh - 1.5em + 4vw)
  }

  #full_page_8_body {
    background: linear-gradient(to right, #fff 0, #fff 50%, #f3f3f3 50.01%, #f3f3f3 100%)
  }

  #index_page_8_img {
    width: 40vw;
    right: 0;
    top: calc(50vh - 22.7vw);
    height: 45.4vw
  }

  #index_page_8_cornor {
    width: 20vw;
    top: calc(50vh + -5vw);
    right: 6vw
  }

  #index_page_8_line_body {
    left: 10vw;
    top: calc(50vh - 10vw)
  }

  #full_page_9_body {
    flex-direction: row
  }

  #full_page_9_body>div {
    padding: 80px 20px;
    position: relative
  }

  #page_9_news_detail_a_contain,
  #page_9_news_type_a_contain {
    display: none
  }
}

@media (min-width:1200px) {
  .body_80 {
    padding: 30px 10vw
  }

  .top_Mene_Item {
    font-size: medium;
    margin-left: 15px;
    padding: 0 10px
  }

  #web_header_login_lot {
    margin-left: 25px
  }

  #index_page_4_name_desc {
    left: 35vw;
    top: calc(53vh + 3.5vw - 2rem)
  }

  .c_name {
    font-size: 2.6rem;
    white-space: nowrap
  }

  .c_desc {
    font-size: 1.5rem
  }

  #full_page_2 .simple-slider {
    padding: 0 100px
  }

  #lot_contain {
    padding-left: 15vw;
    padding-right: 15vw;
    padding-top: 0
  }

  #index_page_5_name_desc {
    right: 30vw;
    top: calc(50vh - 20.8vw + 31vw)
  }

  #full_page_9_body>div {
    padding: 80px 30px;
    position: relative
  }

  .number {
    font-size: 3.5rem
  }
}

@media (min-width:1300px) {
  #full_page_9_body>div {
    padding: 80px 60px;
    position: relative
  }
}

.number_item p {
  font-size: .7rem
}

.number_item .kind {
  padding-left: .1rem;
  font-size: .5rem;
  vertical-align: top
}

@media (min-width:576px) {
  .container_Hzhb .left_Image {
    font-size: .875rem
  }

  .number_item p {
    font-size: 1rem
  }

  .number_item .kind {
    font-size: .8rem
  }
}

@media (min-width:768px) {

  #page_9_news_detail_web_btn,
  #page_9_news_type_web_btn {
    display: block;
    position: absolute;
    right: 10px;
    top: calc(50vh - 20px)
  }

  .container_Hzhb .left_Image {
    width: 160px;
    font-size: 1.25rem
  }

  .hyyy_0 {
    background: url(/assets/img/hyyy/zhwl-1680-540.jpg) center center/cover no-repeat
  }

  .hyyy_1 {
    background: url(/assets/img/hyyy/zhls1680-540.jpg) center center/cover no-repeat
  }

  .hyyy_2 {
    background: url(/assets/img/hyyy/znzz-1680-540.jpg) center center/cover no-repeat
  }

  .hyyy_3 {
    background: url(/assets/img/hyyy/zhyl-1680-540.jpg) center center/cover no-repeat
  }

  .hyyy_4 {
    background: url(/assets/img/hyyy/ggsy-1680-540.jpg) center center/cover no-repeat
  }

  #lot_icons>div {
    padding: 10px
  }

  .number_item p {
    font-size: 1.25rem
  }

  .number_item .kind {
    font-size: 1rem;
    line-height: 55px
  }

  #full_page_1_body {
    padding-top: 100px;
    background: url(/assets/img/diqiu.jpg) bottom center/100% auto no-repeat #000;
    height: 100vh
  }
}

.type_btn {
  cursor: pointer;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  font-size: .8rem;
  white-space: nowrap
}

.type_btn.choosen,
.type_btn:hover {
  color: #038edc;
  font-size: 1rem
}

#iot_btn {
  margin-top: .5em
}

#page_hs225dp_cornoer {
  position: absolute;
  width: 29%;
  left: 24%;
  top: 39%;
  pointer-events: none
}

#page_6_hs200_corner {
  position: absolute;
  width: 38%;
  top: 30%;
  right: 15%;
  height: auto;
  pointer-events: none
}

#page_9_web_type {
  color: #fff;
  font-size: 1.25rem;
  white-space: nowrap
}

#c_desc_0 {
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff
}

#hs220_c_name {
  text-shadow: 0 0 15px #000
}

#page_9_news_detail_container {
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width:768px) and (max-width:1200px) {
  #iot_left_txt {
    margin-bottom: 7rem
  }
}

@media (max-width:768px) {
  #page_2_down_slider .swiper-wrapper {
    overflow-y: auto
  }

  .page_9_news_detail_a {
    max-height: calc(50vh - 10rem);
    display: -webkit-box;
    overflow-y: hidden
  }

  #full_page_4_body {
    height: auto;
    background-color: #f2f2f2
  }

  #full_page_5_body {
    height: calc(110vw + 6rem + 50px);
    position: relative;
    background: #fff
  }
}

@media (min-width:768px) {

  #full_page_0,
  .full-page {
    height: 100vh
  }

  #index_page_4_line_body h1 {
    font-size: 1.1rem
  }
}

#index_page_4_line_body .txt_line {
  margin-top: .7rem
}

@media (min-width:992px) {
  #index_page_4_line_body .txt_line {
    font-size: .7rem;
    margin-top: 1.2rem
  }

  #index_page_4_line_body h1 {
    font-size: 1.4rem
  }
}

@media (min-width:1200px) {
  .number_item .kind {
    font-size: 1.4rem;
    line-height: 4.3rem
  }

  #full_page_1_body {
    padding-top: 120px
  }

  .type_btn {
    font-size: 1rem
  }

  .type_btn.choosen,
  .type_btn:hover {
    color: #038edc;
    font-size: 1.1rem
  }

  #iot_btn {
    margin-top: 1em
  }

  #index_page_4_line_body .txt_line {
    font-size: 1rem;
    margin-top: 1rem
  }

  #index_page_4_line_body h1 {
    font-size: 1.8rem
  }
}

@media (min-width:1400px) {
  #page_2_down_slider .txt {
    font-size: 1.5rem
  }

  .c_name {
    font-size: 3.5rem;
    white-space: nowrap
  }

  .number {
    font-size: 5rem
  }

  .number_item .kind {
    font-size: 1.4rem;
    line-height: 6.3rem
  }

  .type_btn {
    font-size: 1.4rem
  }

  .type_btn.choosen,
  .type_btn:hover {
    color: #038edc;
    font-size: 1.6rem
  }

  #index_page_4_line_body .txt_line {
    margin-top: 1.4rem
  }

  #index_page_4_line_body h1 {
    font-size: 2rem
  }
}

#page_9_news_detail {
  background-color: #f2f2f2
}

#full_page_new_center .full-page {
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto
}

.index_new_center_small {
  flex: 1;
  padding: 1rem 1rem 2rem;
  display: flex;
  flex-direction: column
}

.index_new_center_big_body {
  position: relative;
  height: 100%
}

.index_news_center_title {
  margin: 0 .2rem;
  flex: 1;
  text-align: center;
  cursor: pointer;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  padding: .3rem;
  white-space: nowrap
}

#index_news_center_titles {
  display: flex;
  align-items: center;
  font-size: medium;
  font-weight: 700;
  padding-bottom: .5rem
}

.index_news_center_title.choosen,
.index_news_center_title:hover {
  background-color: #0962ca;
  color: #fff
}

.news_item_img {
  background-size: cover;
  height: 100%;
  background-position: center;
  display: none
}

.index_new_center_big_body_title_body {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0962ca;
  display: none;
  color: #fff;
  align-items: center
}

.index_new_center_big_body_title_body_main_type {
  font-size: 1.2rem;
  padding: 0 1.5rem;
  width: 8rem;
  text-align: center
}

.index_new_center_big_body_title_body_line {
  border-left: 2px solid #fff;
  margin: 1.5rem 0;
  height: 4rem
}

.index_new_center_big_body_title_body_title_body {
  padding: 1rem 2rem;
  flex: 1;
  overflow-x: hidden
}

.news_item_detail {
  margin-bottom: 0;
  font-size: .9rem
}

.news_item_ct {
  font-size: .8rem
}

.index_new_center_item {
  flex: 1;
  display: none;
  flex-direction: column;
  position: relative;
  margin-bottom: 1.2rem;
  overflow-x: hidden
}

.index_new_center_small .news_item_title {
  margin-top: .5rem
}

.index_new_center_small .news_item_ct,
.index_new_center_small .news_item_detail {
  color: #666;
  margin-bottom: 0
}

.index_new_center_item a.detail_link {
  color: #666;
  position: absolute;
  right: 0;
  bottom: 0
}

.new_center_body {
  display: flex;
  width: 100%;
  height: 260vw;
  flex-direction: column
}

.index_new_center_big {
  height: 100vw
}

@media (min-width:768px) {
  #full_page_new_center .full-page {
    height: 65vw
  }

  .index_new_center_small {
    flex: 3;
    padding: .5rem 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden
  }

  .news_item_title {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .new_center_body {
    width: 80vw;
    height: 50vw;
    display: flex;
    flex-direction: row
  }

  .index_new_center_big {
    flex: 5;
    padding: .5rem 1rem .5rem .5rem;
    height: auto
  }
}

.new_center_body a:hover {
  color: inherit
}

.index_new_center_more {
  width: 100%;
  background-color: #0962ca;
  color: #fff !important;
  text-align: center;
  font-weight: 700;
  padding: .5rem 0;
  display: none
}

.index_new_center_more i {
  margin-left: 1rem
}

@media (max-width:767px) {
  .index_hyyy_txt_container .index_hyyy_txt_container_more {
    max-height: 1000px
  }

  .hyyy_2 .index_hyyy_txt_container {
    left: 1rem;
    top: calc(100% - 8rem);
    right: 1rem;
    bottom: 1rem
  }

  .hyyy_0 .bg,
  .hyyy_1 .bg,
  .hyyy_2 .bg,
  .hyyy_3 .bg,
  .hyyy_4 .bg {
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important
  }

  .hyyy_0 .index_hyyy_txt_container,
  .hyyy_1 .index_hyyy_txt_container,
  .hyyy_3 .index_hyyy_txt_container,
  .hyyy_4 .index_hyyy_txt_container {
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem
  }

  .hyyy_0:hover .index_hyyy_txt_container,
  .hyyy_1:hover .index_hyyy_txt_container,
  .hyyy_3:hover .index_hyyy_txt_container,
  .hyyy_4:hover .index_hyyy_txt_container {
    top: 1rem
  }

  .index_hyyy_txt_item .index_hyyy_txt_container {
    padding: .5rem
  }

  #full_page_0 .swiper-slide {
    height: 177vw
  }

  #full_page_9_body {
    height: 200vw
  }

  #full_page_6_body {
    height: 178vw
  }

  .index_news_center_title {
    margin: 0;
    font-size: 14px
  }

  .index_new_center_big_body_title_body_line,
  .index_new_center_big_body_title_body_main_type,
  .index_new_center_big_body_title_body_title_body .display_flex,
  .index_new_center_big_body_title_body_title_body .news_item_ct {
    display: none
  }

  .index_new_center_big_body_title_body_title_body .news_item_title {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }

  #index_new_center_big_body {
    padding-top: 3rem
  }
}

ul.page {
  overflow-y: hidden;
  margin: 5px 0
}

.p_Name {
  font-size: 18px;
  display: flex;
  align-items: center;
  padding: 5px
}

ol.cs_page {
  margin-left: 10px;
  max-height: 0;
  transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s
}

.page_Container {
  position: relative;
  overflow: hidden
}

.mao_P_0 {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0)
}

.mao_P_1 {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.mao_P_2 {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  transform: translate(-100%, 0)
}

.mao_P_3 {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.mao_P_4 {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mao_P_5 {
  -webkit-transform: translate(-100%, -50%);
  -moz-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%)
}

.mao_P_6 {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

.mao_P_7 {
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.mao_P_8 {
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%)
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: ''
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-lock,
.swiper-pagination-lock,
.swiper-scrollbar-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag,
.swiper-slide-zoomed {
  cursor: move
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active,
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active,
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cards,
.swiper-cube,
.swiper-flip {
  overflow: visible
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

.fp-enabled body,
html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: block
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out
}

.fp-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}

.fp-slidesContainer {
  float: left;
  position: relative
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.fp-prev {
  left: 15px
}

.fp-next {
  right: 15px
}

.fp-arrow {
  width: 0;
  height: 0;
  border-style: solid
}

.fp-arrow.fp-prev {
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent
}

.fp-arrow.fp-next {
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important
}

#fp-nav {
  position: fixed;
  z-index: 100;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translate3d(0, -50%, 0)
}

#fp-nav.fp-right {
  right: 17px
}

#fp-nav.fp-left {
  left: 17px
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
  bottom: 17px
}

.fp-slidesNav.fp-top {
  top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px
}

.fp-auto-height .fp-slide,
.fp-auto-height.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-is-overflow.fp-section {
  height: auto !important
}

.fp-scrollable .fp-section,
.fp-scrollable .fp-slide,
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section {
  height: 100vh;
  min-height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100)
}

.fp-overflow {
  justify-content: flex-start;
  max-height: 100%;
  outline: 0
}

.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow>.fp-overflow {
  overflow-y: auto
}

.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  background-color: transparent;
  width: 9px
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
  background-color: transparent
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .4);
  border-radius: 16px;
  border: 4px solid transparent
}

.fp-warning,
.fp-watermark {
  z-index: 9999999;
  position: absolute;
  bottom: 0
}

.fp-warning,
.fp-watermark a {
  text-decoration: none;
  background: rgba(255, 255, 255, .6);
  padding: 5px 8px;
  font-size: 14px;
  font-family: arial;
  color: #000;
  display: inline-block;
  border-radius: 3px;
  margin: 12px
}

.icon-5x {
  font-size: 60px
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden
}

.sweet-overlay {
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000
}

.sweet-alert {
  background-color: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999
}

@media all and (max-width:540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px
  }
}

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal
}

.sweet-alert fieldset {
  border: none;
  position: relative
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding .15s, max-height .15s
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding .25s, max-height .25s
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 3px
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: .1s;
  transition: .1s
}

.sweet-alert .sa-input-error::after,
.sweet-alert .sa-input-error::before {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
  padding: 0 12px;
  display: none;
  -webkit-transition: .3s;
  transition: .3s
}

.sweet-alert input:focus {
  outline: 0;
  box-shadow: 0 0 3px #c4e6f5;
  border: 1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity .3s 30ms;
  opacity: .5
}

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity .3s 30ms;
  opacity: .5
}

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity .3s 30ms;
  opacity: .5
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd
}

.sweet-alert button {
  background-color: #aedef4;
  color: #fff;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0;
  cursor: pointer
}

.sweet-alert button:focus {
  outline: 0;
  box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.sweet-alert button:hover {
  background-color: #a1d9f2
}

.sweet-alert button:active {
  background-color: #81ccee
}

.sweet-alert button.cancel {
  background-color: #d0d0d0
}

.sweet-alert button.cancel:hover {
  background-color: #c8c8c8
}

.sweet-alert button.cancel:active {
  background-color: #b6b6b6
}

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
}

.sweet-alert button::-moz-focus-inner {
  border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86
}

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1
}

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
  content: '';
  -webkit-border-radius: 40px;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff
}

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, .2);
  -webkit-border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat
}

@keyframes showSweetAlert {
  0% {
    transform: scale(.7);
    -webkit-transform: scale(.7)
  }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
  }

  80% {
    transform: scale(.95);
    -webkit-transform: scale(.95)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  100% {
    transform: scale(.5);
    -webkit-transform: scale(.5)
  }
}

@keyframes slideFromTop {
  0% {
    top: 0
  }

  100% {
    top: 50%
  }
}

@keyframes slideToTop {
  0% {
    top: 50%
  }

  100% {
    top: 0
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%
  }

  100% {
    top: 50%
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%
  }

  100% {
    top: 70%
  }
}

.showSweetAlert[data-animation=pop] {
  -webkit-animation: .3s showSweetAlert;
  animation: .3s showSweetAlert
}

.hideSweetAlert[data-animation=none],
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: .3s slideFromTop;
  animation: .3s slideFromTop
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: .3s slideFromBottom;
  animation: .3s slideFromBottom
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: .2s hideSweetAlert;
  animation: .2s hideSweetAlert
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: .4s slideToTop;
  animation: .4s slideToTop
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: .3s slideToBottom;
  animation: .3s slideToBottom
}

@keyframes animateSuccessTip {

  0%,
  54% {
    width: 0;
    left: 1px;
    top: 19px
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }

  100% {
    width: 25px;
    left: 14px;
    top: 45px
  }
}

@keyframes animateSuccessLong {

  0%,
  65% {
    width: 0;
    right: 46px;
    top: 54px
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px
  }

  100% {
    width: 47px;
    right: 8px;
    top: 38px
  }
}

@keyframes rotatePlaceholder {

  0%,
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }

  100%,
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
}

.animateSuccessTip {
  -webkit-animation: .75s animateSuccessTip;
  animation: .75s animateSuccessTip
}

.animateSuccessLong {
  -webkit-animation: .75s animateSuccessLong;
  animation: .75s animateSuccessLong
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: 4.25s ease-in rotatePlaceholder;
  animation: 4.25s ease-in rotatePlaceholder
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    -webkit-transform: rotateX(0);
    opacity: 1
  }
}

.animateErrorIcon {
  -webkit-animation: .5s animateErrorIcon;
  animation: .5s animateErrorIcon
}

@keyframes animateXMark {

  0%,
  50% {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    margin-top: 26px;
    opacity: 0
  }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1
  }
}

.animateXMark {
  -webkit-animation: .5s animateXMark;
  animation: .5s animateXMark
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486
  }

  100% {
    border-color: #f8bb86
  }
}

.pulseWarning {
  -webkit-animation: .75s infinite alternate pulseWarning;
  animation: .75s infinite alternate pulseWarning
}

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486
  }

  100% {
    background-color: #f8bb86
  }
}

.pulseWarningIns {
  -webkit-animation: .75s infinite alternate pulseWarningIns;
  animation: .75s infinite alternate pulseWarningIns
}