*, *:before, *:after {
  background-repeat: no-repeat; }

.landing-hero {
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) and (max-width: 1399.98px) {
    .landing-hero {
      font-size: 0.875em; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .landing-hero {
      font-size: 0.6875em; } }
  @media (min-width: 768px) {
    .landing-hero__backdrop {
      position: absolute;
      inset: 0 0 0 auto;
      width: calc(100% - 300px); } }
  @media (max-width: 767.98px) {
    .landing-hero__backdrop {
      padding-bottom: 32.8125rem; } }
  .landing-hero__backdrop:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ff4f69;
    z-index: 1;
    animation-name: landingHeroBackdrop;
    animation-delay: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both; }
  .landing-hero__backdrop img {
    opacity: 0; }
  .landing-hero.js-inview.inviewed .landing-hero__backdrop:before {
    animation-duration: 1.6s; }
  .landing-hero.js-inview.inviewed .landing-hero__backdrop img {
    opacity: 1;
    transition-delay: 1.2s; }
  .landing-hero__body {
    position: absolute;
    inset: 0 auto 0 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #ff4f69;
    z-index: 2; }
    [data-mall="flora"] .landing-hero__body {
      background-color: #fcdad1;
      color: #9edcbc; }
    @media (max-width: 767.98px) {
      .landing-hero__body {
        position: relative;
        inset: auto;
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 1.5em 20px calc(92px + 6px); } }
    @media (min-width: 768px) {
      .landing-hero__body:before {
        content: "";
        position: absolute;
        inset: 0 17.5em 0 -30vw;
        background-color: #ff4f69; }
        [data-mall="flora"] .landing-hero__body:before {
          background-color: #fcdad1; } }
  .landing-hero__layer {
    position: absolute;
    pointer-events: none;
    z-index: 2; }
    @media (max-width: 767.98px) {
      .landing-hero__layer--1, .landing-hero__layer--2 {
        display: none; } }
    .landing-hero__layer--1 {
      left: 0;
      bottom: 0;
      height: 100%;
      width: 11.625em;
      background-position: left bottom;
      background-size: 100% auto;
      background-image: url(../../images/flora/landing/banner-graphic-c.png);
      z-index: 3; }
    .landing-hero__layer--2 {
      right: 0;
      bottom: 0;
      height: 100%;
      width: 11.7142857143em;
      background-position: right bottom;
      background-size: 100% auto;
      background-image: url(../../images/flora/landing/banner-graphic-b.png); }
    .landing-hero__layer--3 {
      left: calc(100% - 92px);
      bottom: 0;
      height: 100%;
      width: 36.625em;
      background-size: auto 100%;
      background-position: right center;
      background-repeat: no-repeat;
      background-image: url(../../images/flora/landing/banner-graphic-a.svg); }
      @media (max-width: 1399.98px) {
        .landing-hero__layer--3 {
          left: calc(100% - 12.2em - 1px); } }
      @media (max-width: 767.98px) {
        .landing-hero__layer--3 {
          position: absolute;
          inset: auto 0 0;
          width: 100%;
          height: 100vh;
          background-image: none; }
          .landing-hero__layer--3:before, .landing-hero__layer--3:after {
            content: "";
            position: absolute;
            background-size: auto 552px;
            inset: 0; }
          .landing-hero__layer--3:before {
            right: auto;
            width: 92px;
            background-position: left bottom;
            background-image: url(../../images/flora/landing/banner-graphic-m01.svg); }
          .landing-hero__layer--3:after {
            left: 92px;
            background-position: right bottom;
            background-image: url(../../images/flora/landing/banner-graphic-m02.svg); } }
      .landing-hero__layer--3 .shape {
        position: absolute;
        overflow: hidden; }
        .landing-hero__layer--3 .shape:first-child {
          top: -0.1%;
          left: 0.85%;
          width: 33.5%; }
          @media (max-width: 767.98px) {
            .landing-hero__layer--3 .shape:first-child {
              width: 92px;
              bottom: 276px;
              left: 0;
              right: auto;
              top: auto; } }
          @media (min-width: 768px) {
            body[data-mall="flora"] .landing-hero__layer--3 .shape:first-child, body[data-mall="dawning"] .landing-hero__layer--3 .shape:first-child {
              left: auto;
              right: 32.2%; } }
        .landing-hero__layer--3 .shape:last-child {
          right: -1.1%;
          bottom: 0;
          width: 33.53%; }
          @media (max-width: 767.98px) {
            .landing-hero__layer--3 .shape:last-child {
              width: 92px;
              bottom: 460px;
              left: auto;
              right: 0;
              top: auto; }
              body[data-mall="flora"] .landing-hero__layer--3 .shape:last-child {
                bottom: 368px; } }
          @media (min-width: 768px) {
            body[data-mall="flora"] .landing-hero__layer--3 .shape:last-child {
              right: 32.2%; } }
  .landing-hero__headline {
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: 0.145em;
    margin-bottom: 1em;
    color: #fff;
    z-index: 2; }
    [data-mall="flora"] .landing-hero__headline {
      color: #9edcbc; }
    @media (max-width: 767.98px) {
      .landing-hero__headline {
        font-size: 0.9375em;
        margin-bottom: 0.6em; } }
  .landing-hero__title {
    position: relative;
    font-size: 5.25em;
    line-height: 1.0952380952;
    font-weight: bold;
    z-index: 2; }
    html[lang="en"] .landing-hero__title {
      font-size: 2.625em; }
      @media screen and (max-width: 420px) {
        html[lang="en"] .landing-hero__title {
          font-size: 36px; } }
    @media (max-width: 767.98px) {
      .landing-hero__title {
        font-size: 3.125em;
        line-height: 1; } }
    .landing-hero__title > span {
      display: block;
      white-space: nowrap; }
      .landing-hero__title > span:nth-child(2) {
        margin-left: 1em; }
    .landing-hero__title b {
      font-weight: bold;
      color: #9edcbc; }
      [data-mall="flora"] .landing-hero__title b {
        color: #fe5069; }
  .landing-hero .container {
    position: relative; }
    @media (min-width: 768px) {
      .landing-hero .container {
        height: 50.75em; } }

.img-slide-row {
  padding: 6.625em 0em 4.5em;
  overflow: hidden; }
  @media (max-width: 991.98px) {
    .img-slide-row {
      padding: 2em 0em; } }
  .img-slide-row__head {
    position: relative;
    margin-bottom: 5em; }
    @media (min-width: 768px) {
      .img-slide-row__head {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media (max-width: 991.98px) {
      .img-slide-row__head {
        margin-bottom: 1.5em; } }
    @media (max-width: 991.98px) {
      .img-slide-row__head .swiper-control__pagination {
        margin-right: auto; } }
  .img-slide-row__swiper {
    padding-bottom: 0.375em;
    margin-bottom: 2.375em; }
    @media (min-width: 992px) and (max-width: 1399.98px) {
      .img-slide-row__swiper {
        font-size: 0.875em; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .img-slide-row__swiper {
        font-size: 0.75em; } }
  .img-slide-row__slide {
    width: 33.25em;
    transition: 0.5s ease, margin 0s; }
    @media (max-width: 991.98px) {
      .img-slide-row__slide {
        width: 20em; } }
    .img-slide-row__slide:nth-child(1) {
      transition-delay: 200ms; }
    .img-slide-row__slide:nth-child(2) {
      transition-delay: 280ms; }
    .img-slide-row__slide:nth-child(3) {
      transition-delay: 360ms; }
    .img-slide-row__slide:nth-child(4) {
      transition-delay: 440ms; }
    .img-slide-row__slide:nth-child(5) {
      transition-delay: 520ms; }
    .img-slide-row__slide:nth-child(6) {
      transition-delay: 600ms; }
    .img-slide-row__slide:nth-child(7) {
      transition-delay: 680ms; }
    .img-slide-row__slide:nth-child(8) {
      transition-delay: 760ms; }
    .img-slide-row__slide:nth-child(9) {
      transition-delay: 840ms; }
    .img-slide-row__slide:nth-child(10) {
      transition-delay: 920ms; }
    .img-slide-row__slide:nth-child(11) {
      transition-delay: 1000ms; }
    .img-slide-row__slide:nth-child(12) {
      transition-delay: 1080ms; }
    .img-slide-row__slide:nth-child(13) {
      transition-delay: 1160ms; }
    .img-slide-row__slide:nth-child(14) {
      transition-delay: 1240ms; }
    .img-slide-row__slide:nth-child(15) {
      transition-delay: 1320ms; }
    .img-slide-row__slide:nth-child(16) {
      transition-delay: 1400ms; }
    .img-slide-row__slide:nth-child(17) {
      transition-delay: 1480ms; }
    .img-slide-row__slide:nth-child(18) {
      transition-delay: 1560ms; }
    .img-slide-row__slide:nth-child(19) {
      transition-delay: 1640ms; }
    .img-slide-row__slide:nth-child(20) {
      transition-delay: 1720ms; }
  .img-slide-row.js-inview:not(.inviewed) .img-slide-row__slide {
    transform: translateY(42px);
    opacity: 0; }
  .img-slide-row__btn-holder {
    text-align: center; }
  .img-slide-row__more {
    color: #000;
    border-color: #bebebe;
    margin-bottom: 0.75em;
    transition: 0.3s ease; }
    .img-slide-row__more:hover {
      color: #fe5069;
      border-color: #fe5069; }
  .img-slide-row__layer {
    position: absolute;
    top: 0;
    margin-top: -2.1844660194%;
    left: -4%;
    width: 12.1359223301%;
    background-size: contain;
    background-position: center top;
    opacity: 0.2 !important;
    background-image: url(../../images/flora/layer-2.svg);
    z-index: -1;
    pointer-events: none; }
    @media (max-width: 991.98px) {
      .img-slide-row__layer {
        display: none; } }
    .img-slide-row__layer:before {
      content: "";
      display: block;
      padding-bottom: 100%; }

.short-desc {
  text-align: center;
  margin: 0 auto 2.75em;
  max-width: 990px;
  line-height: 2; }
  body:not([lang="en"]) .short-desc {
    letter-spacing: 0.1em; }

.traffic-data {
  margin-bottom: 9.875em; }
  @media (min-width: 768px) and (max-width: 1399.98px) {
    .traffic-data {
      font-size: 0.875em; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .traffic-data {
      font-size: 0.75em; } }
  @media (max-width: 767.98px) {
    .traffic-data {
      margin-bottom: 0; } }
  .traffic-data__row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .traffic-data__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fe5069;
    padding: 0em 0.5em;
    transition: 0.3s ease; }
    .traffic-data__item:nth-child(1) {
      transition-delay: 100ms; }
    .traffic-data__item:nth-child(2) {
      transition-delay: 200ms; }
    .traffic-data__item:nth-child(3) {
      transition-delay: 300ms; }
    .traffic-data__item:nth-child(4) {
      transition-delay: 400ms; }
    .traffic-data__item:nth-child(5) {
      transition-delay: 500ms; }
    @media (max-width: 767.98px) {
      .traffic-data__item {
        flex: 0 0 50%;
        margin-bottom: 3.5em;
        font-size: 0.8em; } }
  .traffic-data.js-inview:not(.inviewed) .traffic-data__item {
    transform: translateY(42px);
    opacity: 0; }
  .traffic-data__head {
    margin-bottom: 0.5em; }
    .traffic-data__head > span {
      font-weight: bold; }
      .traffic-data__head > span:first-child {
        font-size: 5em; }
      .traffic-data__head > span:last-child {
        font-size: 2.5em; }
  .traffic-data__desc {
    font-size: 1.25em; }

.theme-banner {
  position: relative;
  padding: 9.6875% 0 0;
  margin-bottom: 10.625%; }
  @media (min-width: 992px) and (max-width: 1399.98px) {
    .theme-banner {
      font-size: 0.875em; } }
  @media (max-width: 991.98px) {
    .theme-banner {
      padding: 0em;
      max-width: 640px;
      margin: 0 auto 3.75em;
      padding: 0em 0em 8.25em; } }
  .theme-banner__layer {
    position: absolute; }
    .theme-banner__layer:before {
      content: "";
      position: relative;
      display: block;
      width: 100%; }
    .theme-banner__layer--1 {
      top: 0;
      margin-top: -1.875%;
      left: 4.7916666667%;
      width: 22.7083333333%;
      background-size: contain;
      background-position: center top;
      opacity: 0.25 !important;
      background-image: url(../../images/flora/layer-2.svg); }
      @media (max-width: 991.98px) {
        .theme-banner__layer--1 {
          width: 46.5671641791%;
          margin-top: 4.75em; } }
      .theme-banner__layer--1:before {
        padding-bottom: 104.5871559633%; }
    .theme-banner__layer--2 {
      top: 0;
      right: 14.84375%;
      width: 15.1041666667%; }
      @media (max-width: 991.98px) {
        .theme-banner__layer--2 {
          display: none; } }
      .theme-banner__layer--2:before {
        display: none; }
      .theme-banner__layer--2 .img-holder {
        position: relative;
        width: 100%;
        padding-bottom: 100%; }
    .theme-banner__layer--3 {
      bottom: 0;
      margin-bottom: 2.7083333333%;
      left: -4.6875%;
      width: 9.2708333333%;
      background-size: contain;
      background-position: bottom right;
      background-image: url(../../images/flora/layer-5.svg); }
      @media (max-width: 991.98px) {
        .theme-banner__layer--3 {
          width: 30.4%;
          left: -17.3134328358%; } }
      .theme-banner__layer--3:before {
        padding-bottom: 100%; }
    .theme-banner__layer--4 {
      bottom: 0;
      right: 0;
      width: 14.2708333333%;
      background-size: contain;
      background-position: center right;
      opacity: 0.44 !important;
      background-image: url(../../images/flora/layer-3.svg); }
      @media (max-width: 991.98px) {
        .theme-banner__layer--4 {
          width: 28%;
          right: 5.8666666667%;
          margin-bottom: 3em; } }
      .theme-banner__layer--4:before {
        padding-bottom: 100%; }
  @media (min-width: 992px) {
    .theme-banner__row {
      display: flex;
      align-items: center;
      justify-content: center; } }
  .theme-banner__swiper {
    position: relative;
    flex: 0 0 55.1219512195%;
    width: 55.1219512195%;
    margin-right: -5.6097560976%; }
    @media (max-width: 991.98px) {
      .theme-banner__swiper {
        width: 105.0746268657%;
        left: -20px;
        padding-top: 9.75em; } }
    .theme-banner__swiper:before {
      content: "";
      position: absolute;
      top: 0;
      right: -9.9557522124%;
      width: 50%;
      margin-top: -7.9646017699%;
      height: calc(100% + 9.5em);
      background-size: auto 100%;
      background-position: center right;
      z-index: 2;
      background-image: url(../../images/flora/landing/banner-graphic-d.png); }
      @media (max-width: 991.98px) {
        .theme-banner__swiper:before {
          right: 0.75em;
          margin-top: 0; } }
  .theme-banner__slide {
    position: relative; }
    .theme-banner__slide .media-holder {
      padding-bottom: 81.4159292035%; }
  .theme-banner__body {
    padding: 3.75em 2.5em 3em;
    background-color: #ff4f69;
    color: #fff;
    position: relative;
    z-index: 3;
    text-align: center; }
    @media (max-width: 991.98px) {
      .theme-banner__body {
        padding: 3.75em 1.25em 1.625em;
        width: 100%;
        right: -20px;
        margin-top: -32px; } }
  .theme-banner__title {
    margin-bottom: 2.5em; }
  .theme-banner__title-row {
    line-height: 1;
    font-size: 3em;
    font-weight: bold; }
    @media (max-width: 991.98px) {
      .theme-banner__title-row {
        font-size: 2em; } }
    .theme-banner__title-row--1 {
      text-align: right;
      margin-right: 54.2483660131%; }
      html[lang="en"] .theme-banner__title-row--1 {
        text-align: center; }
    .theme-banner__title-row--2 {
      margin-left: 54.2483660131%; }
      @media (max-width: 991.98px) {
        .theme-banner__title-row--2 {
          text-align: left; } }
    .theme-banner__title-row b {
      color: #9edcbc; }
      [data-mall="fanling"] .theme-banner__title-row b {
        color: #e8e500; }
  .theme-banner__title-br {
    width: 17.3202614379%;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    transform: rotate(-45deg); }
    @media (max-width: 991.98px) {
      .theme-banner__title-br {
        width: 6.25em; } }
  .theme-banner__desc {
    text-align: center;
    margin-bottom: 2.4em;
    max-width: 26.6em; }
    @media (min-width: 992px) {
      .theme-banner__desc {
        font-size: 1.25em; } }
    @media (max-width: 991.98px) {
      .theme-banner__desc {
        margin-left: auto;
        margin-right: auto; } }
    html:not([lang="en"]) .theme-banner__desc {
      letter-spacing: 0.1em; }
  .theme-banner__btn {
    position: relative;
    margin: 0 auto; }
  .theme-banner__slide-pin {
    position: absolute;
    left: 4.25em;
    bottom: 3.875em;
    color: #fff;
    display: flex;
    align-items: center;
    text-shadow: 0 0 12px #fe5069; }
    @media (max-width: 991.98px) {
      .theme-banner__slide-pin {
        left: 1.875em;
        bottom: 3.125em; } }
    .theme-banner__slide-pin .icon {
      font-size: 1.625em; }
    .theme-banner__slide-pin span {
      font-size: 1.3125em;
      margin-left: 1em;
      letter-spacing: 0.116em;
      text-transform: uppercase; }
  .theme-banner .swiper-horizontal > .swiper-pagination-bullets,
  .theme-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
  .theme-banner .swiper-pagination-custom,
  .theme-banner .swiper-pagination-fraction {
    position: absolute;
    left: 4.375em;
    bottom: 1.625em;
    display: flex;
    align-items: flex-end;
    width: auto;
    z-index: 1; }
    .theme-banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .theme-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet,
    .theme-banner .swiper-pagination-custom .swiper-pagination-bullet,
    .theme-banner .swiper-pagination-fraction .swiper-pagination-bullet {
      width: 0.75em;
      height: 0.75em;
      background-color: #fff;
      margin: 0; }
      .theme-banner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet + .swiper-pagination-bullet,
      .theme-banner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet,
      .theme-banner .swiper-pagination-custom .swiper-pagination-bullet + .swiper-pagination-bullet,
      .theme-banner .swiper-pagination-fraction .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 1.125em; }
  .theme-banner .swiper-pagination-bullet {
    cursor: pointer; }

.shop-cate {
  margin-bottom: 9.25em; }
  @media (max-width: 1399.98px) {
    .shop-cate {
      margin-bottom: 4em; } }
  .shop-cate h2 {
    text-align: center;
    margin-bottom: 2.0869565217em; }
    @media (max-width: 1399.98px) {
      .shop-cate h2 {
        margin-bottom: 0.6956521739em; } }
    @media (max-width: 991.98px) {
      .shop-cate h2 {
        letter-spacing: 0.025em;
        font-size: 1.75em;
        width: 5em;
        margin-left: auto;
        margin-right: auto; } }
  .shop-cate__row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
  .shop-cate__item {
    position: relative;
    padding: 0.9375em 3.25em 1.125em;
    border-radius: 999px;
    background-color: #f1f2f4;
    margin: 0em 1.125em 1.375em;
    text-align: center;
    transition: 0.3s ease; }
    @media (min-width: 992px) and (max-width: 1399.98px) {
      .shop-cate__item {
        font-size: 0.875em; } }
    @media (max-width: 991.98px) {
      .shop-cate__item {
        padding: 0.75em;
        width: 100%;
        margin: 1.25em auto 0;
        max-width: 20.9375em; } }
    .shop-cate__item:hover {
      color: #fe5069; }
    .shop-cate__item:before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 999px;
      border: 1px solid #ffa5af;
      transition: 0.3s ease; }
    .shop-cate__item:not(:hover):before {
      opacity: 0; }
    .shop-cate__item span {
      font-weight: bold; }
      @media (min-width: 992px) {
        .shop-cate__item span {
          font-size: 1.25em; } }

@media (max-width: 1399.98px) {
  .parking-banner {
    max-width: 40em;
    margin: auto; } }
.parking-banner__row {
  position: relative;
  background-size: 102.5em auto;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 15.25em;
  background-color: #ff4f69;
  color: #fff;
  padding: 1.125em 8.2926829268%;
  background-image: url(../../images/flora/landing/parking-banner.jpg);
  background-size: cover; }
  @media (min-width: 1400px) {
    .parking-banner__row {
      display: flex;
      align-items: center; } }
  @media (max-width: 1399.98px) {
    .parking-banner__row {
      width: calc(100% + 32px);
      margin: 0 -16px;
      background-position: center;
      background-size: 100% auto;
      background-image: url(../../images/flora/landing/parking-banner-m03.jpg);
      padding: calc(14.8780487805% + 2em) 20px; } }
  @media (min-width: 992px) and (max-width: 1399.98px) {
    .parking-banner__row {
      font-size: 0.875em; } }
  @media (max-width: 991.98px) {
    .parking-banner__row {
      max-width: 52.5rem;
      padding-bottom: calc(67.4033149171% + 4em);
      background-position: center top, center bottom;
      background-size: 100% auto;
      background-image: url(../../images/flora/landing/parking-banner-m01.jpg), url(../../images/flora/landing/parking-banner-m02.jpg); } }
.parking-banner__body {
  flex: 0 1 44.75em; }
  @media (min-width: 1400px) {
    .parking-banner__body {
      margin-right: 2.75em; } }
  @media (max-width: 1399.98px) {
    .parking-banner__body {
      text-align: center; } }
  [data-mall="flora"] .parking-banner__body {
    color: #262626; }
  .parking-banner__body h2 {
    font-size: 2.875em;
    margin-bottom: 0.5217391304em;
    color: #fff; }
    [data-mall="flora"] .parking-banner__body h2 {
      color: #262626; }
    html:not([lang="en"]) .parking-banner__body h2 {
      letter-spacing: 0.1em; }
    @media (max-width: 767.98px) {
      .parking-banner__body h2 {
        font-size: 2.5em; } }
  .parking-banner__body p {
    max-width: 500px;
    line-height: 2; }
    html:not([lang="en"]) .parking-banner__body p {
      letter-spacing: 0.1em; }
@media (max-width: 1399.98px) {
  .parking-banner__btn-holder {
    text-align: center; } }
.parking-banner__btn {
  font-weight: bold;
  margin: auto; }
  @media (max-width: 1399.98px) {
    .parking-banner__btn {
      margin-top: 1.5em; } }
[data-mall="flora"] .parking-banner .go-btn__text-row {
  color: #fe5069; }

/*# sourceMappingURL=index.css.map */