:root {
    --moose-content-ws: 67.5vw;
    --moose-nav: 0;
    --moose-sticky-h: calc(100vh - var(--moose-nav));
    --moose-spc-200: 10.416667vw;
    --moose-spc-120: 6.25vw;
    --moose-spc-80: 4.166667vw;
    --moose-spc-60: 3.125vw;
    --moose-spc-40: 2.083333vw;
    --moose-spc-30: 1.5625vw;
    --moose-spc-10: 0.520833vw;
    --moose-txt-120: 6.25vw;
    --moose-txt-120-80: 6.25vw;
    --moose-txt-96-96: 5vw;
    --moose-txt-64-48: 3.33333vw;
    --moose-txt-64-64: 3.333333vw;
    --moose-txt-48-48: 2.5vw;
    --moose-txt-48-40: 2.5vw;
    --moose-txt-40-40: 2.083333vw;
    --moose-txt-40-30: 2.083333vw;
    --moose-txt-32-32: 1.666667vw;
    --moose-txt-30-30: 1.5625vw;
    --moose-txt-30-25: 1.5625vw;
    --moose-txt-25-30: 1.302083vw;
    --moose-txt-24-32: 1.25vw;
    --moose-txt-24-26: 1.25vw;
    --moose-txt-22-22: 1.145833vw;
    --moose-txt-22-28: 1.145833vw;
    --moose-txt-22-32: 1.145833vw;
    --moose-txt-20-20: 1.041667vw;
    --moose-txt-20-18: 1.041667vw;
    --moose-txt-20-16: 1.041667vw;
    --moose-txt-18-22: .9375vw;
    --moose-txt-18-18: .9375vw;
    --moose-txt-16-16: 0.833333vw;
    --moose-txt-16-24: 0.833333vw;
    --moose-txt-13: 13px;
    --moose-txt-12: 12px;
    --moose-xin-txt-40: 2.083333vw
}

body.moose-over-hidden {
    overflow-y: hidden
}

#moose-container {
    width: 100%;
    position: relative
}

#moose-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

#moose-container img {
    width: 100%
}

#moose-container video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#moose-container .blur-up {
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s
}

#moose-container .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

#moose-container .moose-txt-120 {
    font-size: 6.25vw;
    font-size: var(--moose-txt-120)
}

#moose-container .moose-txt-120-80 {
    font-size: 6.25vw;
    font-size: var(--moose-txt-120-80)
}

#moose-container .moose-txt-96-96 {
    font-size: 5vw;
    font-size: var(--moose-txt-96-96)
}

#moose-container .moose-txt-64-48 {
    font-size: 3.33333vw;
    font-size: var(--moose-txt-64-48)
}

#moose-container .moose-txt-64-64 {
    font-size: 3.333333vw;
    font-size: var(--moose-txt-64-64)
}

#moose-container .moose-txt-48-48 {
    font-size: 2.5vw;
    font-size: var(--moose-txt-48-48)
}

#moose-container .moose-txt-48-40 {
    font-size: 2.5vw;
    font-size: var(--moose-txt-48-40)
}

#moose-container h2,
#moose-container h3,
#moose-container h4,
#moose-container h5,
#moose-container h6 {
    line-height: 1.25;
    font-weight: bold
}

#moose-container .moose-txt-40-40 {
    font-size: 2.083333vw;
    font-size: var(--moose-txt-40-40)
}

#moose-container .moose-txt-40-30 {
    font-size: 2.083333vw;
    font-size: var(--moose-txt-40-30)
}

#moose-container .moose-txt-32-32 {
    font-size: 1.666667vw;
    font-size: var(--moose-txt-32-32)
}

#moose-container .moose-txt-30-30 {
    font-size: 1.5625vw;
    font-size: var(--moose-txt-30-30)
}

#moose-container .moose-txt-30-25 {
    font-size: 1.5625vw;
    font-size: var(--moose-txt-30-25)
}

#moose-container .moose-txt-25-30 {
    font-size: 1.302083vw;
    font-size: var(--moose-txt-25-30)
}

#moose-container .moose-txt-24-32 {
    font-size: 1.25vw;
    font-size: var(--moose-txt-24-32)
}

#moose-container .moose-txt-24-26 {
    font-size: 1.25vw;
    font-size: var(--moose-txt-24-26)
}

#moose-container .moose-txt-22-22 {
    font-size: 1.145833vw;
    font-size: var(--moose-txt-22-22)
}

#moose-container .moose-txt-22-28 {
    font-size: 1.145833vw;
    font-size: var(--moose-txt-22-28)
}

#moose-container .moose-txt-22-32 {
    font-size: 1.145833vw;
    font-size: var(--moose-txt-22-32)
}

#moose-container .moose-txt-20-20 {
    font-size: 1.041667vw;
    font-size: var(--moose-txt-20-20)
}

#moose-container .moose-txt-20-18 {
    font-size: 1.041667vw;
    font-size: var(--moose-txt-20-18)
}

#moose-container .moose-txt-20-16 {
    font-size: 1.041667vw;
    font-size: var(--moose-txt-20-16)
}

#moose-container .moose-txt-18-22 {
    font-size: .9375vw;
    font-size: var(--moose-txt-18-22)
}

#moose-container .moose-txt-18-18 {
    font-size: .9375vw;
    font-size: var(--moose-txt-18-18)
}

#moose-container .moose-txt-16-16 {
    font-size: 0.833333vw;
    font-size: var(--moose-txt-16-16)
}

#moose-container .moose-txt-16-24 {
    font-size: 0.833333vw;
    font-size: var(--moose-txt-16-24)
}

#moose-container .moose-txt-13 {
    font-size: 0.677083vw;
    font-size: var(--moose-txt-13)
}

#moose-container .moose-txt-12 {
    font-size: 0.625vw;
    font-size: var(--moose-txt-12)
}

#moose-container .moose-xin-txt-40 {
    font-size: 2.083333vw;
    font-size: var(--moose-xin-txt-40)
}

#moose-container .moose-txt-30-30,
#moose-container .moose-txt-30-25,
#moose-container .moose-txt-25-30,
#moose-container .moose-txt-24-32,
#moose-container .moose-txt-24-26,
#moose-container .moose-txt-22-22,
#moose-container .moose-txt-22-28,
#moose-container .moose-txt-22-32,
#moose-container .moose-txt-20-20,
#moose-container .moose-txt-20-18,
#moose-container .moose-txt-20-16,
#moose-container .moose-txt-18-22,
#moose-container .moose-txt-18-18,
#moose-container .moose-txt-16-16,
#moose-container .moose-txt-16-24,
#moose-container .moose-txt-13,
#moose-container p,
#moose-container span {
    line-height: 1.6
}

#moose-container .moose-txt-bold {
    font-weight: bold
}

#moose-container .moose-txt-left {
    text-align: left
}

#moose-container .moose-txt-center {
    text-align: center
}

#moose-container .moose-txt-right {
    text-align: right
}

#moose-container .moose-txt-color-00 {
    color: #000
}

#moose-container .moose-txt-color-86 {
    color: #868686
}

#moose-container .moose-txt-color-f4 {
    color: #F4F3F3
}

#moose-container .moose-txt-color-ad {
    color: #ADADAD
}

#moose-container .moose-txt-bg-s {
    background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

#moose-container .moose-txt-op-80 {
    opacity: 0.8
}

#moose-container .moose-txt-8c {
    color: #8C8C8C
}

#moose-container .moose-txt-d5 {
    color: #D5D5D5
}

#moose-container .moose-txt-op-30 {
    opacity: 0.3
}

#moose-container .moose-animation-up {
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.5s
}

#moose-container .moose-animation-up.active {
    transform: translateY(0);
    opacity: 1;
    will-change: transform, opacity
}

#moose-container .moose-mt-200 {
    margin-top: 10.416667vw;
    margin-top: var(--moose-spc-200)
}

#moose-container .moose-mb-200 {
    margin-bottom: 10.416667vw;
    margin-bottom: var(--moose-spc-200)
}

#moose-container .moose-pt-200 {
    padding-top: 10.416667vw;
    padding-top: var(--moose-spc-200)
}

#moose-container .moose-pb-200 {
    padding-bottom: 10.416667vw;
    padding-bottom: var(--moose-spc-200)
}

#moose-container .moose-mt-120 {
    margin-top: 6.25vw;
    margin-top: var(--moose-spc-120)
}

#moose-container .moose-mb-120 {
    margin-bottom: 6.25vw;
    margin-bottom: var(--moose-spc-120)
}

#moose-container .moose-pt-120 {
    padding-top: 6.25vw;
    padding-top: var(--moose-spc-120)
}

#moose-container .moose-pb-120 {
    padding-bottom: 6.25vw;
    padding-bottom: var(--moose-spc-120)
}

#moose-container .moose-mt-80 {
    margin-top: 4.166667vw;
    margin-top: var(--moose-spc-80)
}

#moose-container .moose-mb-80 {
    margin-bottom: 4.166667vw;
    margin-bottom: var(--moose-spc-80)
}

#moose-container .moose-pt-80 {
    padding-top: 4.166667vw;
    padding-top: var(--moose-spc-80)
}

#moose-container .moose-pb-80 {
    padding-bottom: 4.166667vw;
    padding-bottom: var(--moose-spc-80)
}

#moose-container .moose-mt-60 {
    margin-top: 3.125vw;
    margin-top: var(--moose-spc-60)
}

#moose-container .moose-mb-60 {
    margin-bottom: 3.125vw;
    margin-bottom: var(--moose-spc-60)
}

#moose-container .moose-pt-60 {
    padding-top: 3.125vw;
    padding-top: var(--moose-spc-60)
}

#moose-container .moose-pb-60 {
    padding-bottom: 3.125vw;
    padding-bottom: var(--moose-spc-60)
}

#moose-container .moose-mt-40 {
    margin-top: 2.083333vw;
    margin-top: var(--moose-spc-40)
}

#moose-container .moose-mb-40 {
    margin-bottom: 2.083333vw;
    margin-bottom: var(--moose-spc-40)
}

#moose-container .moose-pt-40 {
    padding-top: 2.083333vw;
    padding-top: var(--moose-spc-40)
}

#moose-container .moose-pb-40 {
    padding-bottom: 2.083333vw;
    padding-bottom: var(--moose-spc-40)
}

#moose-container .moose-mt-30 {
    margin-top: 1.5625vw;
    margin-top: var(--moose-spc-30)
}

#moose-container .moose-mb-30 {
    margin-bottom: 1.5625vw;
    margin-bottom: var(--moose-spc-30)
}

#moose-container .moose-pt-30 {
    padding-top: 1.5625vw;
    padding-top: var(--moose-spc-30)
}

#moose-container .moose-pb-30 {
    padding-bottom: 1.5625vw;
    padding-bottom: var(--moose-spc-30)
}

#moose-container .moose-mt-10 {
    margin-top: 0.520833vw;
    margin-top: var(--moose-spc-10)
}

#moose-container .moose-mb-10 {
    margin-bottom: 0.520833vw;
    margin-bottom: var(--moose-spc-10)
}

#moose-container .moose-pt-10 {
    padding-top: 0.520833vw;
    padding-top: var(--moose-spc-10)
}

#moose-container .moose-pb-10 {
    padding-bottom: 0.520833vw;
    padding-bottom: var(--moose-spc-10)
}

#moose-container .moose-will-change .will-change-tf {
    will-change: transform
}

#moose-container .moose-will-change .will-change-op {
    will-change: opacity
}

#moose-container .moose-will-change .will-change-tf-op {
    will-change: transform, opacity
}

#moose-container .moose-section {
    width: 100%;
    display: block;
    position: relative
}

#moose-container .moose-content-ws {
    width: 67.5vw;
    width: var(--moose-content-ws);
    margin: 0 auto;
    position: relative
}

#moose-container .moose-content-wf {
    width: 100%;
    position: relative;
    line-height: 0
}

#moose-container .moose-img-border-radius {
    border-radius: .83333vw;
    overflow: hidden
}

#moose-container .moose-img-border-radius-s {
    border-radius: 0.520833vw;
    overflow: hidden
}

#moose-container .moose-space-100vh {
    height: 100vh
}

#moose-container .moose-space-50vh {
    height: 50vh
}

#moose-container .moose-showmob {
    display: none
}

#moose-container .moose-showpc {
    display: inline-block
}

#moose-container .moose-show-ie {
    display: none
}

#moose-container .moose-hide-ie {
    display: block
}

#moose-container .wx-img {
    display: none
}

#moose-container .nowrap {
    white-space: nowrap;
    line-height: inherit;
    color: inherit
}

#moose-container .nowrap-txt {
    white-space: nowrap;
}

#moose-container br.lg {
    display: block;
}

#moose-container br.xs {
    display: none;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container br.lg {
        display: none;
    }
    
    #moose-container br.xs {
        display: block;
    }
}

#moose-container sup.moose-anchor {
    line-height: 0;
    font-size: 0.6em;
    cursor: pointer
}

#moose-container .moose-sellpoint-arrow {
    width: 1.666667vw !important;
    height: 1.666667vw;
    position: absolute;
    bottom: 1.041667vw;
    right: 1.041667vw;
    cursor: pointer;
    background: #F8F8F8;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    transform: translate3d(0, 0, 0)
}

#moose-container .moose-sellpoint-arrow img {
    width: 100%;
    transition: all 1s;
    transform: translateY(-48%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

#moose-container .moose-reason-div:hover .moose-sellpoint-arrow img {
    transform: translateY(0);
    transition: all 1s
}

#moose-container .stick-full {
    position: -webkit-sticky;
    position: sticky;
    top: var(--moose-nav);
    height: var(--moose-sticky-h);
    overflow: hidden
}

#moose-container .moose-animation-reason {
    opacity: 0;
    transform: translateY(4vw)
}

#moose-container .aspect-ratio-picture {
    display: block;
    max-width: 100%;
    position: relative
}

#moose-container .aspect-ratio-picture::before {
    display: block;
    content: ''
}

#moose-container .aspect-ratio-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

#moose-container .moose-disclaimer-wrap {
    margin-left: auto;
    margin-right: auto
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer {
    width: 67.70833vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.8em;
    font-size: 13px
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer li,
#moose-container .moose-disclaimer-wrap .moose-disclaimer p {
    line-height: 1.6em
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer li {
    list-style-type: decimal;
    color: #838389
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer .asterisk {
    list-style-type: '*';
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer .asterisk1 {
    list-style-type: '**';
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer li a {
    color: blue;
    word-wrap: break-word;
    word-break: break-word
}

#moose-container .moose-disclaimer-wrap .moose-disclaimer li.active {
    color: #fff
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-disclaimer-wrap .moose-disclaimer {
        width: 83.333333vw;
        font-size: 12px
    }

    #moose-container .moose-disclaimer-wrap .moose-disclaimer li:last-child::before {
        left: -9px
    }
}

@media (min-width: 1920px) {
    #moose-container .moose-disclaimer-wrap .moose-disclaimer {
        font-size: .67708vw
    }
}

@media screen and (min-width: 640px) and (max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
    #moose-container .moose-disclaimer-wrap .moose-disclaimer {
        font-size: 3.05556vw
    }
}

.moose-btn-style {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 10px 26px;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    transition: .3s ease-out
}

.moose-btn-style a {
    color: inherit
}

.moose-btn-style:hover {
    opacity: .8
}


@media screen and (max-aspect-ratio: 11 / 10) {
    :root {
        --moose-content-ws: 82.22222vw;
        --moose-nav: 0;
        --moose-sticky-h: calc(100vh - var(--moose-nav));
        --moose-spc-200: 27.777778vw;
        --moose-spc-120: 16.666667vw;
        --moose-spc-80: 13.888889vw;
        --moose-spc-60: 11.111111vw;
        --moose-spc-40: 8.333333vw;
        --moose-spc-30: 5.555556vw;
        --moose-spc-10: 2.777778vw;
        --moose-txt-120: 16.666667vw;
        --moose-txt-120-80: 11.111111vw;
        --moose-txt-96-96: 13.33333vw;
        --moose-txt-64-48: 6.66667vw;
        --moose-txt-64-64: 8.88889vw;
        --moose-txt-48-48: 6.666667vw;
        --moose-txt-48-40: 5.555556vw;
        --moose-txt-40-40: 5.555556vw;
        --moose-txt-40-30: 4.166667vw;
        --moose-txt-32-32: 4.444444vw;
        --moose-txt-30-30: 4.166667vw;
        --moose-txt-30-25: 3.472222vw;
        --moose-txt-25-30: 4.166667vw;
        --moose-txt-24-32: 4.44444vw;
        --moose-txt-24-26: 3.611111vw;
        --moose-txt-22-22: 3.055556vw;
        --moose-txt-22-28: 3.888889vw;
        --moose-txt-22-32: 4.44444vw;
        --moose-txt-20-20: 2.777778vw;
        --moose-txt-20-18: 2.5vw;
        --moose-txt-20-16: 2.222222vw;
        --moose-txt-18-22: 3.055556vw;
        --moose-txt-18-18: 2.5vw;
        --moose-txt-16-16: 2.222222vw;
        --moose-txt-16-24: 3.333333vw;
        --moose-txt-13: 13px;
        --moose-txt-12: 12px;
        --moose-xin-txt-40: 6.666667vw
    }

    #moose-container .moose-animation-up {
        opacity: 0
    }

    #moose-container .moose-img-border-radius {
        border-radius: 2.77778vw
    }

    #moose-container .moose-img-border-radius-s {
        border-radius: 1.388889vw
    }

    #moose-container .moose-space-100vh {
        display: none
    }

    #moose-container .moose-space-50vh {
        display: none
    }

    #moose-container .moose-showmob {
        display: block
    }

    #moose-container .moose-showpc {
        display: none
    }

    #moose-container .moose-content-ws {
        width: 100%;
        width: var(--moose-content-ws)
    }

    #moose-container .moose-reason .moose-sellpoint-arrow {
        width: 3.33333vw !important;
        height: 3.33333vw;
        bottom: 1.94444vw;
        right: 1.94444vw
    }
}

#moose-container {
    width: 100%;
    color: #FFFFFF;
    background-color: #181818
}

#moose-container .colour-green {
    color: #C2EE68
}

#moose-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    outline: none
}

#moose-container .moose-kv .moose-kv-title {
    width: 27.9166vw;
    margin-bottom: 1.04166vw
}

#moose-container .moose-kv .moose-kv-txt-wrapper {
    width: 28.6458vw;
    position: absolute;
    top: 11.875vw;
    left: 69.27083vw;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

#moose-container .moose-kv .moose-kv-txt-wrapper > p {
    font-size: 1.145833vw
}

#moose-container .moose-kv .moose-kv-product {
    width: 15.625vw;
    margin-top: 1.25vw
}


#moose-container .hero-sku {
    margin-top: 0.8333vw;
    text-align: center;
  }
  
  #moose-container .hero-sku .pricing {
    font-size: 1.458333vw;
    line-height: 1.25;
    color: #000;
    font-weight: normal;
  }

  #moose-container .hero-sku .pricing .moose-anchor{
    cursor: pointer;
  }
  
  #moose-container .hero-sku .from {
    font-size: .677083vw;
  }
  
  #moose-container .hero-sku [data-footnote] {
    font-size: 1em;
    vertical-align: inherit;
  }
  
  #moose-container .hero-sku .buy-cta {
    display: inline-block;
    margin-top: 24px;
    padding: 6px 20px;
    font-size: 13px;
    line-height: 24px;
    transition: .3s ease-out;
    color: #fff;
    border: 2px solid #000;
    border-radius: 6px;
    background-color: #000;
  } 
  
  #moose-container .hero-sku .buy-cta:hover {
    opacity: .8;
  }
  
  #moose-container .hero-sku.inverted .pricing {
    color: #fff;
  }
  
  #moose-container .hero-sku.inverted .buy-cta {
    border-color: #fff;
  }
  
  #moose-container .hero-sku.inverted .buy-cta:hover {
    opacity: 1;
  }
  
  @media (max-aspect-ratio: 11 / 10) {
    #moose-container .hero-sku {
      margin-top: 0.8333vw;
    }
    #moose-container .hero-sku .pricing {
      font-size: 5.555556vw;
    }
    #moose-container .hero-sku .from {
      font-size: 3.611111vw;
    }
  }

#moose-container .moose-kv .kv-harmonyos{
    width: 8.22916vw;
    position: absolute;
    bottom: 3.02083vw;
    right: 3.02083vw;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-kv{
        background-color: #fff;
        padding-bottom: 4.44vw;
    }
    #moose-container .moose-kv .moose-kv-title {
        width: 72.222vw;
        /* margin-top: 3.47222vw; */
        margin-bottom: 2.777vw;
    }

    #moose-container .moose-kv .moose-kv-txt-wrapper {
        width: 100%;
        position: static;
        margin: 0 auto;
        margin-top: 10.5555vw;
    }

    #moose-container .moose-kv .moose-kv-txt-wrapper > p {
        font-size: 2.91666vw
    }

    #moose-container .moose-kv .moose-kv-product {
        width: 40.27778vw;
        margin-top: 2.08333vw
    }

    #moose-container .moose-kv .kv-harmonyos{
        width: 18.611vw;
        position: static;
        margin-left: auto;
        margin-right: 4.44vw;
        margin-top: 9.3vw;
    }
}
/* @media (max-width: 810px) and (min-width: 790px) {

    #moose-container .moose-kv .kv-harmonyos{
        bottom: 3.729vw;
    }
} */

#moose-container .moose-btn-style-common {
    border-radius: 5.20833vw;
    background: #191919;
    box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.3), inset 2px 2px 2px rgba(103, 103, 103, 0.2)
}

#moose-container .moose-btn-style-common::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5.20833vw;
    box-shadow: .26042vw .26042vw .52083vw rgba(0, 0, 0, 0.3), -.26042vw -.26042vw .52083vw rgba(103, 103, 103, 0.2)
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-btn-style-common {
        border-radius: 13.88889vw;
        background: #191919;
        box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.3), inset 2px 2px 2px rgba(103, 103, 103, 0.2)
    }

    #moose-container .moose-btn-style-common::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 13.88889vw;
        box-shadow: .69444vw .69444vw 1.38889vw rgba(0, 0, 0, 0.3), -.69444vw -.69444vw 1.38889vw rgba(103, 103, 103, 0.2)
    }
}

#moose-container .moose-reason .moose-content-wf {
    overflow: hidden
}

#moose-container .moose-reason .moose-reason-swiper {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    overflow: visible
}

#moose-container .moose-reason .swiper-slide {
    border-radius: .83333vw;
    overflow: hidden;
    user-select: none;
    cursor: pointer
}

#moose-container .moose-reason .swiper-slide.swiper-slide-active {
    cursor: auto
}

#moose-container .moose-reason .moose-reason-txt {
    position: absolute;
    top: 2.1875vw;
    left: 2.5vw
}

#moose-container .moose-reason .moose-reason-txt h3 {
    font-size: 1.97917vw;
    font-weight: normal
}

#moose-container .moose-reason .moose-reason-txt3 {
    will-change: transform, opacity
}

#moose-container .moose-reason .moose-reason-swiper-btn {
    width: 13.85417vw;
    height: 3.33333vw;
    margin-top: 3.33333vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: .78125vw
}

#moose-container .moose-reason .moose-reason-swiper-btn * {
    position: relative
}

#moose-container .moose-reason .swiper-pagination {
    width: auto;
    margin: 0 .67708vw;
    bottom: 0;
    font-size: 0
}

#moose-container .moose-reason .swiper-pagination-bullet {
    width: .52083vw;
    height: .52083vw;
    margin: 0 .26042vw;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1
}

#moose-container .moose-reason .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, 0.8)
}

#moose-container .moose-reason .swiper-button-next:after,
#moose-container .moose-reason .swiper-button-prev:after {
    display: none
}

#moose-container .moose-reason .swiper-button-next,
#moose-container .moose-reason .swiper-button-prev {
    width: 2.08333vw;
    height: 2.08333vw;
    top: 0;
    margin-top: 0
}

#moose-container .moose-reason .swiper-button-next:hover svg feFlood,
#moose-container .moose-reason .swiper-button-prev:hover svg feFlood {
    flood-opacity: 0.6
}

#moose-container .moose-reason .swiper-button-next svg,
#moose-container .moose-reason .swiper-button-prev svg {
    width: 100%
}

#moose-container .moose-reason .swiper-button-next {
    right: 0
}

#moose-container .moose-reason .swiper-button-prev {
    left: 0;
    transform: rotate(-180deg)
}

#moose-container .moose-reason .swiper-button-next.swiper-button-disabled,
#moose-container .moose-reason .swiper-button-prev.swiper-button-disabled {
    opacity: 0.3
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-reason .moose-reason-swiper {
        width: 82.22222vw
    }

    #moose-container .moose-reason .swiper-slide {
        border-radius: 2.22222vw
    }

    #moose-container .moose-reason .swiper-slide>img {
        border-radius: 2.22222vw
    }

    #moose-container .moose-reason .moose-reason-txt {
        top: 6.66667vw;
        left: 6.66667vw
    }

    #moose-container .moose-reason .moose-reason-txt h3 {
        font-size: 5vw;
        font-weight: bold
    }

    #moose-container .moose-reason .moose-reason-swiper-btn {
        width: 62.22222vw;
        height: 13.33333vw;
        margin-top: 8.88889vw;
        border-radius: 13.88889vw;
        margin-bottom: 2.08333vw
    }

    #moose-container .moose-reason .swiper-pagination {
        margin: 0 1.66667vw
    }

    #moose-container .moose-reason .swiper-pagination-bullet {
        width: 2.22222vw;
        height: 2.22222vw;
        margin: 0 1.66667vw
    }

    #moose-container .moose-reason .swiper-button-next,
    #moose-container .moose-reason .swiper-button-prev {
        width: 9.44444vw;
        height: 9.44444vw
    }

    #moose-container .moose-reason .swiper-button-next.swiper-button-disabled svg feFlood,
    #moose-container .moose-reason .swiper-button-prev.swiper-button-disabled svg feFlood {
        flood-opacity: 0
    }

    #moose-container .moose-reason .swiper-button-next svg feFlood,
    #moose-container .moose-reason .swiper-button-prev svg feFlood {
        flood-opacity: 0.6
    }
}

#moose-container .moose-title-common {
    text-align: center
}

#moose-container .moose-title-common.active h2 {
    background-position-x: 0%
}

#moose-container .moose-title-common .moose-title-bg {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 4
}

#moose-container .moose-title-common .moose-title-bg img {
    width: 108.33333vw;
    transform: translateX(-8.54167vw)
}

#moose-container .moose-title-common .moose-title-h2-wrapper {
    margin-top: -14.085417vw;
    position: relative;
    z-index: 5
}

#moose-container .moose-title-common h2 {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(128deg, #96AE54 0%, #96AE54 33%, #DDEE9A 48%, #DDEE9A 50%, #96AE54 66%, #96AE54 100%);
    background-size: 300% 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-position-x: 100%;
    line-height: 1.3
}

#moose-container .moose-title-common p {
    width: 53.80208vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.97917vw
}

#moose-container .moose-title-common .moose-title-common-icons{
    width: fit-content;
    margin: 0 auto;
    margin-top: 2.1875vw;
    display: flex;
    align-items: center;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon{
    display: flex;
    align-items: center;
    width: fit-content;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon img{
    margin-right: 0.833vw;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon .icon-txt{
    font-size: 0.9375vw;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.6;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon1{
    margin-right: 6.25vw;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon1 img{
    width: 3.90625vw;
}
#moose-container .moose-title-common .moose-title-common-icons .moose-icon2 img{
    width: 3.5vw;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-title-common .moose-title-bg img {
        width: 114.02778vw;
        transform: translateX(-13.88889vw)
    }

    #moose-container .moose-title-common .moose-title-h2-wrapper {
        margin-top: -15.27778vw
    }

    #moose-container .moose-title-common p {
        width: 82.22222vw;
        margin-top: 5.27778vw
    }
    #moose-container .moose-title-common .moose-title-common-icons{
        margin-top: 5.833vw;
        align-items: flex-start;
        text-align: center;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon{
        display: block;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon img{
        margin: 0 auto;
        margin-right: 0;
        margin-bottom: 2.22vw;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon .icon-txt{
        font-size: 3.33vw;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon1{
        margin-right: 18.75vw;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon1 img{
        width: 17.22vw;
    }
    #moose-container .moose-title-common .moose-title-common-icons .moose-icon2 img{
        width: 15.694vw;
    }
}

#moose-container .moose-product-video {
    margin-top: 3.125vw;
    font-size: 0;
    line-height: 0
}

#moose-container .moose-product-video .moose-content-wf video {
    height: 100vh
}

#moose-container .moose-product-video .moose-product-btn {
    position: absolute;
    right: 4.16667vw;
    bottom: 3.125vw;
    display: flex;
    align-items: center
}

#moose-container .moose-product-video .moose-common-circle {
    width: 2.91667vw;
    height: 2.91667vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-product-video {
        margin-top: 8.33333vw
    }

    #moose-container .moose-product-video .moose-product-btn {
        right: 6.66667vw;
        bottom: 6.66667vw
    }

    #moose-container .moose-product-video .moose-common-circle {
        width: 11.11111vw;
        height: 11.11111vw
    }
}

#moose-container .moose-common-circle {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 4.6875vw;
    box-shadow: inset 0px 0px .52083vw #fff
}

#moose-container .moose-common-circle:hover {
    box-shadow: inset 0px 0px 1.04167vw #fff
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-common-circle {
        width: 11.11111vw;
        height: 11.11111vw;
        border-radius: 12.5vw;
        box-shadow: inset 0px 0px 1.38889vw #fff
    }

    #moose-container .moose-common-circle:hover {
        box-shadow: inset 0px 0px 1.38889vw #fff
    }
}

#moose-container .moose-design {
    margin-top: 5.20833vw;
    height: 250vh
}

#moose-container .moose-design .moose-content-wf {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden
}

#moose-container .moose-design .sequence-wrapper {
    width: 59.375vw;
    height: 100vh;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#moose-container .moose-design .sequence-canvas {
    width: 100%
}

#moose-container .moose-design .sequence-txt-wrap {
    width: 27.29167vw;
    position: absolute;
    top: 50%;
    left: 14.6875vw;
    transform: translateY(-50%)
}

#moose-container .moose-design .sequence-txt-container {
    opacity: 0;
    transform: translateY(100%)
}

#moose-container .moose-design .sequence-txt-container:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0
}

#moose-container .moose-design .sequence-txt-container h3 {
    font-weight: normal
}

#moose-container .moose-design .sequence-txt-container p {
    color: #8C8C8C;
    margin-top: 1.14583vw
}

#moose-container .moose-design .sequence-txt-container1 p {
    width: 92%
}

#moose-container .moose-design .sequence-txt-container2 {
    width: 27.8125vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-design {
        margin-top: 27.77778vw;
        height: auto
    }

    #moose-container .moose-design .moose-content-wf {
        position: relative;
        top: 0;
        height: auto;
        overflow: hidden;
        background-color: transparent
    }

    #moose-container .moose-design .sequence-wrapper,
    #moose-container .moose-design .sequence-canvas {
        display: none
    }

    #moose-container .moose-design .moose-design-swiper-wrapper {
        width: 100%
    }

    #moose-container .moose-design .sequence-txt-wrap {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 5.41667vw;
        text-align: center;
        transform: translateY(0)
    }

    #moose-container .moose-design .sequence-txt-container {
        opacity: 0;
        transform: translateY(0);
        transition: opacity 0.8s;
        position: relative
    }

    #moose-container .moose-design .sequence-txt-container:not(:first-child) {
        position: relative;
        top: 0;
        left: 0
    }

    #moose-container .moose-design .sequence-txt-container.active {
        opacity: 1;
        z-index: 3
    }

    #moose-container .moose-design .sequence-txt-container:not(:first-child) {
        position: absolute;
        top: 0
    }

    #moose-container .moose-design .sequence-txt-container p {
        color: #8C8C8C;
        margin-top: 4.44444vw;
        font-size: 4.44444vw
    }

    #moose-container .moose-design .sequence-txt-container2,#moose-container .moose-design .sequence-txt-container3 {
        width: 82.22222vw
    }

    #moose-container .moose-design .moose-design-scroll {
        width: 33.33333vw;
        height: .55556vw;
        position: relative;
        background-color: #474747;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.44444vw
    }

    #moose-container .moose-design .moose-design-scroll[data-index='0'] span {
        transform: translateX(0vw)
    }

    #moose-container .moose-design .moose-design-scroll[data-index='1'] span {
        transform: translateX(11.11111vw)
    }

    #moose-container .moose-design .moose-design-scroll[data-index='2'] span {
        transform: translateX(22.22222vw)
    }

    #moose-container .moose-design .moose-design-scroll span {
        width: 11.11111vw;
        height: .55556vw;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #FFFFFF;
        transition: transform 0.8s
    }

    #moose-container .moose-design .sequence-txt-container1 p {
        width: 100%
    }
}

#moose-container .moose-replay-common .moose-content-ws {
    display: flex;
    align-items: center
}

#moose-container .moose-replay-common .replay_video_wrapper {
    position: relative;
    font-size: 0;
    line-height: 0
}

#moose-container .moose-replay-common .replay_btn {
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
    opacity: 0;
    transition: opacity 0.5s;
    cursor: pointer;
    pointer-events: none
}

#moose-container .moose-replay-common .replay_btn.active {
    opacity: 1;
    pointer-events: all
}

#moose-container .moose-replay-common .moose-dis-txt-common {
    width: 22.08333vw;
    margin-left: 5.20833vw
}

#moose-container .moose-replay-common .moose-dis-txt-common h3 {
    font-weight: normal
}

#moose-container .moose-replay-common .moose-dis-txt-common p {
    margin-top: 1.14583vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-replay-common .moose-content-ws {
        display: flex;
        align-items: center
    }

    #moose-container .moose-replay-common .replay_video_wrapper {
        position: relative;
        font-size: 0
    }

    #moose-container .moose-replay-common .replay_btn {
        bottom: 5.55556vw;
        right: 5.55556vw
    }

    #moose-container .moose-replay-common .moose-dis-txt-common {
        width: 22.08333vw;
        margin-left: 5.20833vw
    }

    #moose-container .moose-replay-common .moose-dis-txt-common h3 {
        font-weight: normal;
        margin-top: 8.88889vw
    }

    #moose-container .moose-replay-common .moose-dis-txt-common p {
        margin-top: 3.05556vw
    }
}

#moose-container .moose-stick .moose-content-ws {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#moose-container .moose-stick .replay_video_wrapper {
    width: 33.125vw;
    border-radius: .83333vw
}

#moose-container .moose-stick .moose-dis-txt-common {
    width: 29.375vw;
    margin-left: 0;
    margin-top: 2.08333vw
}

#moose-container .moose-stick .moose-dis-txt-common h3 {
    font-size: 2.08333vw
}

#moose-container .moose-stick .moose-dis-txt-common p {
    font-size: 1.04167vw;
    margin-top: .72917vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-stick .moose-content-ws {
        flex-direction: column
    }

    #moose-container .moose-stick .replay_video_wrapper {
        width: 82.22222vw;
        border-radius: 2.22222vw
    }

    #moose-container .moose-stick .moose-dis-txt-common {
        width: 82.22222vw;
        margin-top: 8.88889vw
    }

    #moose-container .moose-stick .moose-dis-txt-common h3 {
        font-size: 8.88889vw
    }

    #moose-container .moose-stick .moose-dis-txt-common p {
        font-size: 4.44444vw;
        margin-top: 3.05556vw
    }

    #moose-container .moose-stick .moose-stick-wrapper2 {
        margin-top: 27.77778vw
    }
}

#moose-container .moose-waterproof .moose-content-ws {
    display: flex;
    flex-direction: column
}

#moose-container .moose-waterproof .moose-dis-txt-common {
    width: 54.27083vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.33333vw
}

#moose-container .moose-waterproof .moose-dis-txt-common p {
    margin-top: 1.14583vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-waterproof .moose-dis-txt-common {
        width: 100%;
        text-align: left;
        margin-top: 0vw
    }

    #moose-container .moose-waterproof .moose-dis-txt-common p {
        margin-top: 3.05556vw
    }
}

#moose-container .moose-colour {
    overflow: hidden
}

#moose-container .moose-colour .moose-title-common {
    margin-bottom: 10.41667vw;
}

#moose-container .moose-colour .moose-title-common .moose-title-h2-wrapper{
    margin-top: -10.85417vw;
}

#moose-container .moose-colour .intro-list {
    width: 34.47917vw;
    position: relative
}

#moose-container .moose-colour .intro:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0
}

#moose-container .moose-colour .intro {
    opacity: 1
}

#moose-container .moose-colour .moose-colour-line-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 4;
    transform: translateY(17.29167vw);
    user-select: none;
    pointer-events: none
}

#moose-container .moose-colour .moose-colour-line-wrapper img {
    opacity: 0
}

#moose-container .moose-colour .moose-colour-line-wrapper img:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4
}

#moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line1 {
    transform: scale(0.89)
}

#moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line2 {
    transform: scale(0.72)
}

#moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line3 {
    transform: scale(0.6)
}

#moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line4 {
    transform: scale(0.53)
}

#moose-container .moose-colour .moose-colour-cover-wrapper {
    width: 100%;
    position: absolute;
    z-index: 3;
    transform: translateY(-26.25vw);
    pointer-events: none
}

#moose-container .moose-colour .moose-colour-swiper {
    position: relative;
    overflow: visible
}

#moose-container .moose-colour .moose-colour-swiper img {
    mix-blend-mode: lighten
}

#moose-container .moose-colour .moose-colour-swiper-container {
    width: 81.25vw;
    margin-left: auto;
    margin-right: auto
}

#moose-container .moose-colour .moose-colour-img1 {
    opacity: 0;
    position: absolute;
    z-index: 2;
    transform: scale(2.284) rotate(50deg) translate(6.35417vw, 1.71875vw)
}

#moose-container .moose-colour .moose-colour-img1-1 {
    opacity: 0
}

#moose-container .moose-colour .moose-colour-swiper-control {
    width: 67.44792vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.33333vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

#moose-container .moose-colour .moose-colour-swiper-control .swiper-pagination {
    display: flex;
    position: relative
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet {
    width: 2.91667vw;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.5s;
    cursor: pointer
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet>div {
    padding: .67708vw;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(1):hover span,
#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(1).active span {
    box-shadow: 0px 0px 9px rgba(223, 255, 181, 0.8)
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(2):hover span,
#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(2).active span {
    box-shadow: 0px 0px 9px rgba(175, 175, 175, 0.6)
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(3):hover span,
#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(3).active span {
    box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.8)
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:not(:first-child) {
    margin-left: 1.97917vw
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet.active {
    width: 8.02083vw
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(1) span {
    background-color: #C8DA97
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(2) span {
    background-color: #515151
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:nth-child(3) span {
    background-color: #CBC4BA
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet span {
    width: 1.5625vw;
    height: 1.5625vw;
    border-radius: 4.6875vw;
    display: inline-block
}

#moose-container .moose-colour .moose-colour-swiper-control .colour-bullet p {
    width: max-content;
    font-size: 1.25vw;
    margin-left: .72917vw;
    position: absolute;
    left: 2.29167vw;
    opacity: 0.5
}

#moose-container .moose-colour .swiper-pagination-wrapper {
    position: relative;
    z-index: 1
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-colour {
        padding-bottom: 2.08333vw;
        margin-bottom: -2.08333vw
    }

    #moose-container .moose-colour .moose-title-common {
        margin-bottom: 5.27778vw
    }

    #moose-container .moose-colour .moose-title-common .moose-title-h2-wrapper{
        margin-top: -15.27778vw;
    }

    #moose-container .moose-colour .intro-list {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6.94444vw;
        text-align: center
    }

    #moose-container .moose-colour .moose-colour-line-wrapper {
        width: 212.63889vw;
        left: 50%;
        transform: translate(-50%, 21.52778vw)
    }

    #moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line1 {
        transform: scale(0.81)
    }

    #moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line2 {
        transform: scale(0.61)
    }

    #moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line3 {
        transform: scale(0.5)
    }

    #moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line4 {
        transform: scale(0.42)
    }

    #moose-container .moose-colour .moose-colour-line-wrapper .moose-colour-line5 {
        transform: scale(0.36)
    }

    #moose-container .moose-colour .moose-colour-cover-wrapper {
        transform: translateY(-4.44444vw)
    }

    #moose-container .moose-colour .moose-colour-swiper-container {
        width: 82.22222vw
    }

    #moose-container .moose-colour .moose-colour-img1 {
        transform: scale(2.04) rotate(38deg) translate(6.80556vw, 38.61111vw)
    }

    #moose-container .moose-colour .moose-colour-swiper-control {
        width: 66.11111vw;
        margin-top: 8.88889vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet {
        width: 11.11111vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet>div {
        padding: 2.63889vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet:not(:first-child) {
        margin-left: 6.66667vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet.active {
        width: 30.55556vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet span {
        width: 5.83333vw;
        height: 5.83333vw;
        border-radius: 5.83333vw
    }

    #moose-container .moose-colour .moose-colour-swiper-control .colour-bullet p {
        font-size: 4.72222vw;
        margin-left: 0;
        left: 11.38889vw
    }
}

#moose-container .moose-bg-black .moose-dis-txt-common h3 {
    font-weight: normal
}

#moose-container .moose-bg-black .moose-dis-txt-common p {
    margin-top: 1.14583vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-bg-black .moose-dis-txt-common p {
        margin-top: 3.05556vw
    }
}

#moose-container .moose-bg-black h2,
#moose-container .moose-bg-black h3,
#moose-container .moose-bg-black h4 {
    color: #FFFFFF
}

#moose-container .moose-bg-black .moose-title-common3 p {
    width: 44.58333vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-bg-black .moose-title-common3 {
        width: auto
    }

    #moose-container .moose-bg-black .moose-title-common3 h2 {
        width: 93.75vw
    }

    #moose-container .moose-bg-black .moose-title-common3 p {
        width: 82.22222vw
    }
}

#moose-container .moose-scene {
    margin-top: 3.125vw
}

#moose-container .moose-scene .moose-content-ws {
    line-height: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-scene {
        margin-top: 8.33333vw
    }
}

#moose-container .moose-bass .moose-content-ws {
    display: flex;
    align-items: center
}

#moose-container .moose-bass .moose-content-ws .replay_video_wrapper {
    width: 38.8vw;
    margin-right: 5.1vw
}
#moose-container  .moose-bass.moose-replay-common .moose-dis-txt-common{
    width: 23.8333vw;
    margin-left: 0;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-bass .moose-content-ws {
        flex-direction: column
    }

    #moose-container .moose-bass .moose-content-ws .replay_video_wrapper {
        width: 82.22222vw;
        margin-right: 0;
    }

    #moose-container  .moose-bass.moose-replay-common .moose-dis-txt-common{
        width: 100%;
        margin: 0 auto;
    }


    #moose-container .moose-bass .moose-dis-txt-common {
        margin-top: 8.88889vw
    }
}

#moose-container .moose-voice .moose-content-ws {
    flex-direction: row-reverse
}

#moose-container .moose-voice .replay_video_wrapper {
    width: 40vw
}

#moose-container .moose-voice .moose-dis-txt-common {
    width: 25vw;
    margin-right: 2.5vw;
    margin-left: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-voice .moose-content-ws {
        flex-direction: column
    }

    #moose-container .moose-voice .replay_video_wrapper {
        width: 82.22222vw
    }

    #moose-container .moose-voice .moose-dis-txt-common {
        width: 100%;
        margin-right: 0
    }
}

#moose-container .moose-clear .replay_video_wrapper {
    width: 40vw
}

#moose-container .moose-clear .moose-dis-txt-common {
    width: 22.29167vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-clear .moose-content-ws {
        flex-direction: column
    }

    #moose-container .moose-clear .replay_video_wrapper {
        width: 82.22222vw
    }

    #moose-container .moose-clear .moose-dis-txt-common {
        width: 100%;
        margin-left: 0
    }
}

#moose-container .moose-connect .moose-content-ws {
    display: flex;
    flex-direction: column
}

#moose-container .moose-connect .moose-dis-txt-common {
    width: 48.90625vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.125vw;
    text-align: center
}

#moose-container .moose-connect .moose-img-border-radius {
    line-height: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-connect .moose-content-ws {
        flex-direction: column-reverse
    }

    #moose-container .moose-connect .moose-dis-txt-common {
        width: 100%;
        margin-bottom: 0;
        text-align: left
    }

    #moose-container .moose-connect .moose-img-border-radius {
        margin-bottom: 8.88889vw
    }
}

#moose-container .moose-battery {
    margin-top: 10.41667vw
}

#moose-container .moose-battery .moose-content-wf {
    width: 100%
}

#moose-container .moose-battery .moose-content-wf img {
    width: 100%;
    mix-blend-mode: lighten
}

#moose-container .moose-battery .moose-dis-txt-common {
    width: 22.39583vw;
    position: absolute;
    top: 6.14583vw;
    left: 61.875vw
}

#moose-container .moose-battery .moose-dis-txt-common p {
    width: 19.0625vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-battery {
        margin-top: 20.27778vw
    }

    #moose-container .moose-battery .moose-content-wf {
        width: 100%;
        flex-direction: column
    }

    #moose-container .moose-battery .moose-content-wf img {
        width: 100%;
        margin-right: 0
    }

    #moose-container .moose-battery .moose-dis-txt-common {
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: -10.83333vw;
        position: relative;
        top: 0;
        left: 0
    }

    #moose-container .moose-battery .moose-dis-txt-common p {
        width: 100%
    }
}

#moose-container .moose-touch {
    margin-top: 4.16667vw
}

#moose-container .moose-touch .moose-touch-txt-wrapper {
    width: 14.16667vw;
    position: absolute;
    top: 9.16667vw;
    left: 5.10417vw;
    color: #FFFFFF;
    z-index: 2
}

#moose-container .moose-touch .moose-touch-txt-wrapper h3 {
    font-size: 2.08333vw;
    font-weight: normal
}

#moose-container .moose-touch .moose-touch-txt-wrapper p {
    font-size: 1.04167vw;
    margin-top: .72917vw
}

#moose-container .moose-touch .moose-touch-swiper {
    width: 8.59375vw;
    height: 8.59375vw;
    position: absolute;
    top: 10.625vw;
    left: 26.97917vw;
    overflow: visible
}

#moose-container .moose-touch .moose-touch-content-wrapper {
    position: absolute;
    top: 7.76042vw;
    left: 49.6875vw
}

#moose-container .moose-touch .moose-touch-content {
    display: flex
}

#moose-container .moose-touch .moose-touch-scroll {
    width: 2px;
    height: 13.90833vw;
    margin-right: 1.25vw;
    background-color: rgba(255, 255, 255, 0.2);
    position: relative
}

#moose-container .moose-touch .moose-touch-scroll span {
    width: 2px;
    height: 3.389583vw;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    transition: all 0.8s
}

#moose-container .moose-touch .moose-touch-scroll[data-index='0'] span {
    transform: translateY(0);
    height: 5.189583vw;
}

#moose-container .moose-touch .moose-touch-scroll[data-index='1'] span {
    transform: translateY(3.7375vw)
}

#moose-container .moose-touch .moose-touch-scroll[data-index='2'] span {
    transform: translateY(7.0275vw)
}

#moose-container .moose-touch .moose-touch-scroll[data-index='3'] span {
    transform: translateY(10.5125vw)
}
#moose-container .moose-touch .moose-touch-scroll[data-index='0'] {
    height: 15.20833vw;
}

#moose-container .moose-touch .moose-touch-dis-wrapper {
    width: 14.069792vw
}

#moose-container .moose-touch .moose-touch-dis-wrapper h3 {
    font-size: 1.66667vw;
    opacity: 0.2;
    transition: opacity 0.8s;
    cursor: pointer;
    font-weight: normal
}

#moose-container .moose-touch .moose-touch-dis-wrapper p {
    font-size: .9375vw;
    margin-top: .46875vw;
    transition: all 0.8s
}

#moose-container .moose-touch .moose-touch-dis {
    overflow: hidden
}

#moose-container .moose-touch .moose-touch-dis.active h3 {
    opacity: 1
}

#moose-container .moose-touch .moose-touch-dis:not(:first-child) h3 {
    margin-top: .78125vw
}

#moose-container .moose-touch .swiper-slide:nth-child(2).swiper-slide-active .touch-img2 {
    animation: touch2 1.2s linear none 0.3s
}

#moose-container .moose-touch .swiper-slide:nth-child(3).swiper-slide-active .touch-img3 {
    animation: touch3 1.8s linear none 0.3s
}

#moose-container .moose-touch .swiper-slide:nth-child(4).swiper-slide-active .touch-img4-1 {
    animation: touch4-1 1.5s linear none 0.3s
}

#moose-container .moose-touch .swiper-slide:nth-child(4).swiper-slide-active .touch-img4-2 {
    animation: touch4-2 1.5s linear none 0.3s
}

@keyframes touch1 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1;
        transform: translate(4.11458vw, 3.64583vw)
    }

    50% {
        opacity: 1;
        transform: translate(4.11458vw, 3.64583vw)
    }

    75% {
        opacity: 1;
        transform: translate(0, 0)
    }

    100% {
        opacity: 0
    }
}

@keyframes touch1-w {
    0% {
        width: 100%;
        clip-path: circle(0% at 0 50%)
    }

    60% {
        width: 100%;
        clip-path: circle(141.4% at 0 50%)
    }

    100% {
        width: 0%;
        clip-path: circle(141.4% at 0 50%)
    }
}

@keyframes touch1-w2 {
    0% {
        opacity: 0.5;
        width: 100%;
        clip-path: circle(0% at 0 50%)
    }

    60% {
        width: 100%;
        opacity: 0.5;
        clip-path: circle(141.4% at 0 50%)
    }

    100% {
        opacity: 0;
        width: 40%;
        clip-path: circle(141.4% at 0 50%)
    }
}

@keyframes touch2 {
    0% {
        transform: scale(2.23);
        opacity: 0
    }

    10% {
        transform: scale(2.23);
        opacity: 1
    }

    28% {
        transform: scale(1);
        opacity: 1
    }

    46% {
        transform: scale(2.23);
        opacity: 1
    }

    64% {
        transform: scale(1);
        opacity: 1
    }

    82% {
        transform: scale(2.23);
        opacity: 1
    }

    100% {
        transform: scale(2.23);
        opacity: 0
    }
}

@keyframes touch3 {
    0% {
        transform: scale(2.23);
        opacity: 0
    }

    10% {
        transform: scale(1);
        opacity: 1
    }

    25% {
        transform: scale(2.23);
        opacity: 1
    }

    40% {
        transform: scale(1)
    }

    55% {
        transform: scale(2.23);
        opacity: 1
    }

    70% {
        transform: scale(1);
        opacity: 1
    }

    85% {
        transform: scale(2.23);
        opacity: 1
    }

    100% {
        transform: scale(2.23);
        opacity: 0
    }
}

@keyframes touch4-1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes touch4-2 {
    0% {
        width: 100%;
        opacity: 0
    }

    5% {
        opacity: 1;
        width: 100%
    }

    90% {
        opacity: 1;
        width: 58.62%
    }

    100% {
        opacity: 0;
        width: 58.62%
    }
}

#moose-container .moose-touch .touch-img1 {
    width: 5.20833vw;
    position: absolute;
    top: -.15625vw;
    left: -.36458vw;
    opacity: 0
}

#moose-container .moose-touch .touch-img1-1 {
    width: 8.59375vw;
    height: 3.38542vw;
    border-radius: 1.71875vw;
    overflow: hidden;
    opacity: 0.5;
    position: absolute;
    top: 2.60417vw;
    left: -.05208vw;
    transform: rotate(40deg);
    display: flex;
    justify-content: flex-end
}

#moose-container .moose-touch .touch-img1-1 div {
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, transparent 20%, #B1EC6D 50%, #B1EC6D 75%, #B1EC6D 100%);
    clip-path: circle(0% at 0 50%)
}

#moose-container .moose-touch .touch-svg-anim {
    width: 6.5625vw;
    transform: rotate(135deg);
    position: absolute;
    top: -3.69792vw;
    left: 2.08333vw;
    pointer-events: none
}

#moose-container .moose-touch .touch-img1-2 {
    width: 8.59375vw;
    height: 3.38542vw;
    border-radius: 1.71875vw;
    overflow: hidden;
    opacity: 0.5;
    position: absolute;
    top: 2.60417vw;
    left: -.05208vw;
    transform: rotate(223deg);
    display: flex;
    justify-content: flex-end;
    opacity: 1
}

#moose-container .moose-touch .touch-img1-2 div {
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, transparent 20%, #B1EC6D 50%, #B1EC6D 75%, #B1EC6D 100%);
    clip-path: circle(0% at 0 50%)
}

#moose-container .moose-touch .touch-img2-wrapper {
    width: 7.55208vw;
    height: 7.55208vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .52083vw;
    left: .52083vw
}

#moose-container .moose-touch .touch-img2 {
    width: 3.38542vw;
    opacity: 0
}

#moose-container .moose-touch .touch-img4-wrapper {
    width: 7.55208vw;
    height: 7.55208vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .52083vw;
    left: .52083vw
}

#moose-container .moose-touch .touch-img4-1 {
    width: 5.46875vw;
    opacity: 0
}

#moose-container .moose-touch .touch-img4-2 {
    width: 58.62%;
    position: absolute;
    opacity: 0
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-touch {
        margin-top: 27.77778vw
    }

    #moose-container .moose-touch .moose-content-ws {
        background-color: #262626;
        border-radius: 2.22222vw;
        overflow: hidden;
        padding-top: 5.97222vw;
        padding-bottom: 5vw
    }

    #moose-container .moose-touch .moose-touch-txt-wrapper {
        width: 72.91667vw;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 6.66667vw
    }

    #moose-container .moose-touch .moose-touch-txt-wrapper h3 {
        font-size: 5.55556vw
    }

    #moose-container .moose-touch .moose-touch-txt-wrapper p {
        font-size: 3.88889vw;
        margin-top: 2.63889vw
    }

    #moose-container .moose-touch .moose-touch-bg-wrapper {
        width: 48.61111vw;
        margin: 5.13889vw auto 5.83333vw;
        position: relative
    }

    #moose-container .moose-touch .moose-touch-swiper {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    #moose-container .moose-touch .swiper-wrapper {
        position: absolute;
        width: 22.91667vw;
        height: 22.91667vw;
        top: 26.38889vw;
        left: 5.41667vw
    }

    #moose-container .moose-touch .moose-touch-content-wrapper {
        width: 100%;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0
    }

    #moose-container .moose-touch .moose-touch-content {
        flex-direction: column;
        position: relative;
        width: 76.8055vw;
        margin: 0 auto;
    }

    #moose-container .moose-touch .moose-touch-content::-webkit-scrollbar {
        display: none
    }

    #moose-container .moose-touch .moose-touch-scroll {
        width: 100%;
        height: .55556vw;
        margin-right: 0;
        position: absolute;
        left: 0;
        bottom: 0
    }

    #moose-container .moose-touch .moose-touch-scroll[data-index='0'] span {
        transform: translateX(0);
        height: .55556vw;
    }

    #moose-container .moose-touch .moose-touch-scroll[data-index='1'] span {
        transform: translateX(33.47222vw)
    }

    #moose-container .moose-touch .moose-touch-scroll[data-index='2'] span {
        transform: translateX(66.94444vw)
    }

    #moose-container .moose-touch .moose-touch-scroll[data-index='3'] span {
        transform: translateX(100.55556vw)
    }
    
    #moose-container .moose-touch .moose-touch-scroll[data-index='0'] {
        height: .55556vw;
    }

    #moose-container .moose-touch .moose-touch-scroll span {
        width: 15.41667vw;
        height: .55556vw
    }

    #moose-container .moose-touch .moose-touch-dis-wrapper {
        width: auto;
        display: flex
    }

    #moose-container .moose-touch .moose-touch-dis-wrapper h3 {
        width: max-content;
        padding-left: 2.777vw;
        padding-right: 2.777vw;
        font-size: 5.55556vw;
        margin-bottom: 4.44444vw
    }

    #moose-container .moose-touch .moose-touch-dis {
        overflow: visible
    }

    #moose-container .moose-touch .moose-touch-dis:not(:last-child) {
        margin-right: 3.33vw
    }

    #moose-container .moose-touch .moose-touch-dis:last-child {
        padding-right: 6.66667vw
    }

    #moose-container .moose-touch .moose-touch-dis:not(:first-child) h3 {
        margin-top: 0
    }

    #moose-container .moose-touch .moose-touch-dis p {
        display: none
    }

    #moose-container .moose-touch .moose-touch-dis-mob {
        position: relative;
        width: 71.94444vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.30556vw;
        text-align: center
    }

    #moose-container .moose-touch .moose-touch-dis-mob p:not(:first-child) {
        position: absolute;
        left: 0;
        top: 0
    }

    #moose-container .moose-touch .moose-touch-dis-mob p {
        width: 100%;
        font-size: 3.61111vw;
        opacity: 0;
        color: #8C8C8C;
        transition: opacity 0.8s
    }

    #moose-container .moose-touch .moose-touch-dis-mob p.active {
        opacity: 1
    }

    @keyframes touch1 {
        0% {
            opacity: 0
        }

        25% {
            opacity: 1;
            transform: translate(10.69444vw, 10.13889vw)
        }

        50% {
            opacity: 1;
            transform: translate(10.69444vw, 10.13889vw)
        }

        75% {
            opacity: 1;
            transform: translate(0, 0)
        }

        100% {
            opacity: 0
        }
    }

    #moose-container .moose-touch .touch-img1 {
        width: 13.88889vw;
        top: -.41667vw;
        left: -.97222vw;
        opacity: 0
    }

    #moose-container .moose-touch .touch-img1-1 {
        width: 22.91667vw;
        height: 9.02778vw;
        border-radius: 4.58333vw;
        top: 6.94444vw;
        left: -.13889vw;
        transform: rotate(44deg)
    }

    #moose-container .moose-touch .touch-img1-1 div {
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(left, transparent 20%, #B1EC6D 50%, #B1EC6D 75%, #B1EC6D 100%);
        clip-path: circle(0% at 0 0)
    }

    #moose-container .moose-touch .touch-img1-2 {
        width: 22.91667vw;
        height: 9.02778vw;
        border-radius: 4.58333vw;
        top: 6.94444vw;
        left: -.13889vw;
        transform: rotate(223deg);
        opacity: 1
    }

    #moose-container .moose-touch .touch-img1-2 div {
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(left, transparent 20%, #B1EC6D 50%, #B1EC6D 75%, #B1EC6D 100%);
        clip-path: circle(0% at 0 0)
    }

    #moose-container .moose-touch .touch-svg-anim {
        width: 18.05556vw;
        top: -10vw;
        left: 5.55556vw
    }

    #moose-container .moose-touch .touch-img2-wrapper {
        width: 20.13889vw;
        height: 20.13889vw;
        top: 1.38889vw;
        left: 1.38889vw
    }

    #moose-container .moose-touch .touch-img2 {
        width: 9.02778vw
    }

    #moose-container .moose-touch .touch-img4-wrapper {
        width: 20.13889vw;
        height: 20.13889vw;
        top: 1.38889vw;
        left: 1.38889vw
    }

    #moose-container .moose-touch .touch-img4-1 {
        width: 14.58333vw
    }
}

#moose-container .moose-device .moose-dis-txt-common {
    text-align: center;
    width: 53.64583vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.125vw
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-device .moose-content-ws {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    #moose-container .moose-device .moose-dis-txt-common {
        text-align: left;
        width: 82.22222vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8.88889vw;
        margin-bottom: 0
    }

    #moose-container .moose-device .moose-dis-txt-common h3 {
        width: 85.55556vw
    }
}

#moose-container .moose-share{
    overflow: hidden;
}

#moose-container .moose-share .moose-content-ws {
    width: 67.5vw;
    margin: 0 auto;
}

#moose-container .moose-share .swiper-wrapper{
    width: 100%;
}

#moose-container .moose-share .swiper{
    overflow: visible;
}

#moose-container .moose-share .swiper-slide{
    width: 33.125vw;
}

#moose-container .moose-share .swiper-slide:not(:last-child){
    margin-right: 1.25vw;
}

#moose-container .moose-share .moose-share-content {
    width: 33.125vw;
    position: relative;
}

#moose-container .moose-share .moose-share-content .moose-share-title{
    width: 84.9%;
    position: absolute;
    top: 2.1875vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#moose-container .moose-share .moose-share-content h3 {
    font-size: 2.08333vw
}

#moose-container .moose-share .moose-share-content p {
    font-size: 1.04167vw;
    margin-top: .98958vw;
    margin-bottom: 2.39583vw
}

#moose-container .moose-share .moose-share-content .share-img-txts{
    position: relative;
}

#moose-container .moose-share .moose-share-content .share-img-txts span{
    width: 1.6666vw;
    display: inline-block;
}

#moose-container .moose-share .moose-share-content .share-img-txts img{
    width: 1.6666vw;
    position: absolute;
    top: -0.1vw;
    left: 0;
}

#moose-container .moose-share .moose-share-img-wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
}

#moose-container .moose-share .swiper-wallpapper-btn {
  width: 6.25vw;
  margin-left: auto;
  margin-right: 0;
  margin-top: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-prev,
#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-next {
  width: 2.5vw;
  height: 2.5vw;
  position: relative;
  left: 0;
  right: 0;
  margin: 0;
}

#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-prev.button-disabled,
#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-next.button-disabled {
  opacity: 0.3;
}

#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-next:after,
#moose-container .moose-share .swiper-wallpapper-btn .swiper-button-prev:after {
  font-size: 0;
}

@media screen and (max-aspect-ratio: 11 / 10) {
    #moose-container .moose-share .moose-content-ws {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #moose-container .moose-share .moose-share-content {
        width: 100%;
    }

    .moose-share-swiper{
        width: 82.22222vw;
        margin: 0 auto;
    }

    #moose-container .moose-share .swiper-slide{
        width: 100%;
    }

    #moose-container .moose-share .swiper-slide:not(:last-child){
        margin-right: 4.44vw;
    }
    
    #moose-container .moose-share .moose-share-content .moose-share-title {
        width: 83.783%;
        top: 5.8333vw;
    }
    
    #moose-container .moose-share .swiper-wallpapper-btn {
      width: 27.7777vw;
      margin-right: 8.88vw;
      margin-top: 11.3888vw;
    }
    
    #moose-container .moose-share .swiper-wallpapper-btn .swiper-button-prev,
    #moose-container .moose-share .swiper-wallpapper-btn .swiper-button-next {
      width: 11.11vw;
      height: 11.11vw;
    }

    #moose-container .moose-share .moose-share-content h3 {
        font-size: 5.55556vw
    }

    #moose-container .moose-share .moose-share-content p {
        font-size: 3.88889vw;
        margin-top: 2.6388vw;
    }

    #moose-container .moose-share .moose-share-content .share-img-txts span{
        width: 6.6666vw;
    }
    
    #moose-container .moose-share .moose-share-content .share-img-txts img{
        width: 6.6666vw;
        top: -0.75vw;
    }
}

.static-style .moose-show-ie {
    display: block
}

.static-style .moose-hide-ie {
    display: none
}

.static-style .moose-space-50vh {
    display: none
}

.static-style .moose-space-100vh {
    display: none
}

.static-style .moose-container .stick-full {
    position: relative;
    top: 0;
    height: auto;
    margin-top: 0
}

@media screen and (min-width: 360px) and (max-aspect-ratio: 11 / 10) and (max-width: 641px) {
    :root {
        --moose-txt-12: 10px
    }
}