@charset "UTF-8";
[data-animate-in],
[data-ani] {
  will-change: clip-path, transform, opacity;
}

/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-ani^=fade],
[data-animate-in^=fade],
[data-animate-in=up],
[data-ani=up],
[data-animate-in=down],
[data-ani=down],
[data-animate-in=left],
[data-ani=left],
[data-animate-in=right],
[data-ani=right] {
  opacity: 0;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  transition: opacity 1s ease, transform 1s ease, filter 1s ease;
  transition: opacity 1s ease, transform 1s ease, filter 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

[data-ani^=fade].in-view,
[data-animate-in^=fade].in-view,
[data-animate-in=up].in-view,
[data-ani=up].in-view,
[data-animate-in=down].in-view,
[data-ani=down].in-view,
[data-animate-in=left].in-view,
[data-ani=left].in-view,
[data-animate-in=right].in-view,
[data-ani=right].in-view {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
          filter: blur(0) !important;
}

[data-animate-in=fade-up],
[data-ani=fade-up],
[data-animate-in=up],
[data-ani=up] {
  -webkit-transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0);
          transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0);
}

[data-animate-in=fade-down],
[data-ani=fade-down],
[data-animate-in=down],
[data-ani=down] {
  -webkit-transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
          transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
}

[data-animate-in=fade-right],
[data-ani=fade-right],
[data-animate-in=left],
[data-ani=left] {
  -webkit-transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0);
          transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0);
}

[data-animate-in=fade-left],
[data-ani=fade-left],
[data-animate-in=right],
[data-ani=right] {
  -webkit-transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0);
          transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0);
}

[data-animate-in=fade-up-right],
[data-ani=fade-up-right] {
  -webkit-transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), var(--c-offset, var(--c-animate-offset, 100px)), 0);
          transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), var(--c-offset, var(--c-animate-offset, 100px)), 0);
}

[data-animate-in=fade-up-left],
[data-ani=fade-up-left] {
  -webkit-transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), var(--c-offset, var(--c-animate-offset, 100px)), 0);
          transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), var(--c-offset, var(--c-animate-offset, 100px)), 0);
}

[data-animate-in=fade-down-right],
[data-ani=fade-down-right] {
  -webkit-transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
          transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
}

[data-animate-in=fade-down-left],
[data-ani=fade-down-left] {
  -webkit-transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
          transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0);
}

/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-ani^=zoom],
[data-animate-in^=zoom] {
  opacity: 0;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}

[data-ani^=zoom].in-view,
[data-animate-in^=zoom].in-view {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) scale(1) !important;
          transform: translate3d(0, 0, 0) scale(1) !important;
}

[data-animate-in=zoom-in],
[data-ani=zoom-in] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

[data-animate-in=zoom-in-up],
[data-ani=zoom-in-up] {
  -webkit-transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0) scale(0.6);
          transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0) scale(0.6);
}

[data-animate-in=zoom-in-down],
[data-ani=zoom-in-down] {
  -webkit-transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0) scale(0.6);
          transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0) scale(0.6);
}

[data-animate-in=zoom-in-right],
[data-ani=zoom-in-right] {
  -webkit-transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0) scale(0.6);
          transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0) scale(0.6);
}

[data-animate-in=zoom-in-left],
[data-ani=zoom-in-left] {
  -webkit-transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0) scale(0.6);
          transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0) scale(0.6);
}

[data-animate-in=zoom-out],
[data-ani=zoom-out] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

[data-animate-in=zoom-out-up],
[data-ani=zoom-out-up] {
  -webkit-transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0) scale(1.2);
          transform: translate3d(0, var(--c-offset, var(--c-animate-offset, 100px)), 0) scale(1.2);
}

[data-animate-in=zoom-out-down],
[data-ani=zoom-out-down] {
  -webkit-transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0) scale(1.2);
          transform: translate3d(0, calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0) scale(1.2);
}

[data-animate-in=zoom-out-right],
[data-ani=zoom-out-right] {
  -webkit-transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0) scale(1.2);
          transform: translate3d(calc(var(--c-offset, var(--c-animate-offset, 100px)) * -1), 0, 0) scale(1.2);
}

[data-animate-in=zoom-out-left],
[data-ani=zoom-out-left] {
  -webkit-transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0) scale(1.2);
          transform: translate3d(var(--c-offset, var(--c-animate-offset, 100px)), 0, 0) scale(1.2);
}

/**
* Slide animations
*/
[data-ani^=slide],
[data-animate-in^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-ani^=slide].in-view,
[data-animate-in^=slide].in-view {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

[data-ani=slide-up],
[data-animate-in=slide-up] {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

[data-ani=slide-down],
[data-animate-in=slide-down] {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

[data-ani=slide-right],
[data-animate-in=slide-right] {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

[data-ani=slide-left],
[data-animate-in=slide-left] {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-ani^=flip],
[data-animate-in^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-ani=flip-left],
[data-animate-in=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg);
}

[data-ani=flip-left].in-view,
[data-animate-in=flip-left].in-view {
  -webkit-transform: perspective(2500px) rotateY(0) !important;
          transform: perspective(2500px) rotateY(0) !important;
}

[data-ani=flip-right],
[data-animate-in=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg);
}

[data-animate-in=flip-right].in-view,
[data-ani=flip-right].in-view {
  -webkit-transform: perspective(2500px) rotateY(0) !important;
          transform: perspective(2500px) rotateY(0) !important;
}

[data-ani=flip-up],
[data-animate-in=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg);
}

[data-animate-in=flip-up].in-view,
[data-ani=flip-up].in-view {
  -webkit-transform: perspective(2500px) rotateX(0) !important;
          transform: perspective(2500px) rotateX(0) !important;
}

[data-ani=flip-down],
[data-animate-in=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
}

[data-animate-in=flip-down].in-view,
[data-ani=flip-down].in-view {
  -webkit-transform: perspective(2500px) rotateX(0) !important;
          transform: perspective(2500px) rotateX(0) !important;
}

.animated15:has(.c-bg-fix) {
  -webkit-animation: none;
          animation: none;
}

.c-wp, .c-wp-p {
  width: clamp(var(--c-wp-min, 260px), var(--c-wp-flow), var(--c-wp, 1200px));
  margin-left: auto;
  margin-right: auto;
}

.c-wp {
  --c-wp-flow: calc(100% - (var(--c-wp-both) * 2));
}

.c-wp-p {
  --c-wp-flow: 90%;
}

.c-fx-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-fx-cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-fx-ccc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-ifx-c {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-ifx-cc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-ifx-ccc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-bg-fix {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .c-bg-fix {
    background-attachment: fixed;
  }
}
.c-bg-cov {
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--c-bg-size, cover);
}
.c-bg-con {
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--c-bg-size, contain);
}

.c-btn {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  isolation: isolate;
}
.c-btn > * {
  color: var(--c-btn-cr, inherit);
}

.c-gd {
  display: grid;
  gap: var(--c-gd-gap, 0);
  grid-template-columns: repeat(var(--c-gd-cols, auto), 1fr);
}

.c-icon, [class*=c-icon] {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--c-icon);
  aspect-ratio: var(--c-icon-ar, 1/1);
  width: var(--c-icon-size, 1em);
}

[class*=c-imgfit], [class*=u-imgfit] {
  line-height: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  aspect-ratio: var(--c-imgfit-ar, 16/9);
}
[class*=c-imgfit] img, [class*=u-imgfit] img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: var(--c-imgfit-pos, center);
     object-position: var(--c-imgfit-pos, center);
}

.c-imgfit-cover, .c-imgfit-cov, .u-imgfit-cover, .u-imgfit-cov {
  --c-imgfit-type: var(--c-imgfit, cover);
}

.c-imgfit-contain, .c-imgfit-con, .u-imgfit-contain, .u-imgfit-con {
  --c-imgfit-type: var(--c-imgfit, contain);
}

@-webkit-keyframes effect_ {
  0% {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
  100% {
    color: var(--key-cr-end, inherit);
    background: var(--key-bg-end, inherit);
    opacity: var(--key-op-end, 1);
    -webkit-transform-origin: var(--key-trf-origin-end, center);
            transform-origin: var(--key-trf-origin-end, center);
    -webkit-transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
            transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
    -webkit-filter: var(--key-filter-end, none);
            filter: var(--key-filter-end, none);
    background-position: var(--key-bg-pos-end, 0 0);
    -webkit-mask-position: var(--key-mask-pos-end, 0 0);
            mask-position: var(--key-mask-pos-end, 0 0);
  }
}

@keyframes effect_ {
  0% {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
  100% {
    color: var(--key-cr-end, inherit);
    background: var(--key-bg-end, inherit);
    opacity: var(--key-op-end, 1);
    -webkit-transform-origin: var(--key-trf-origin-end, center);
            transform-origin: var(--key-trf-origin-end, center);
    -webkit-transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
            transform: translate3d(var(--key-x-end, 0), var(--key-y-end, 0), var(--key-z-end, 0)) rotate(var(--key-r-end, 0)) scale(var(--key-s-end, 1));
    -webkit-filter: var(--key-filter-end, none);
            filter: var(--key-filter-end, none);
    background-position: var(--key-bg-pos-end, 0 0);
    -webkit-mask-position: var(--key-mask-pos-end, 0 0);
            mask-position: var(--key-mask-pos-end, 0 0);
  }
}
@-webkit-keyframes effect- {
  to {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
}
@keyframes effect- {
  to {
    color: var(--key-cr, inherit);
    background: var(--key-bg, inherit);
    opacity: var(--key-op, 1);
    -webkit-transform-origin: var(--key-trf-origin, center);
            transform-origin: var(--key-trf-origin, center);
    -webkit-transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
            transform: translate3d(var(--key-x, 0), var(--key-y, 0), var(--key-z, 0)) rotate(var(--key-r, 0)) scale(var(--key-s, 1));
    -webkit-filter: var(--key-filter, none);
            filter: var(--key-filter, none);
    background-position: var(--key-bg-pos, 0 0);
    -webkit-mask-position: var(--key-mask-pos, 0 0);
            mask-position: var(--key-mask-pos, 0 0);
  }
}
@-webkit-keyframes fadeIn- {
  to {
    opacity: var(--key-op, 1);
  }
}
@keyframes fadeIn- {
  to {
    opacity: var(--key-op, 1);
  }
}
@-webkit-keyframes runBg- {
  to {
    background-position: var(--key-bg-pos, 0);
  }
}
@keyframes runBg- {
  to {
    background-position: var(--key-bg-pos, 0);
  }
}
@-webkit-keyframes rotate- {
  to {
    -webkit-transform: rotate(var(--key-r, 0));
            transform: rotate(var(--key-r, 0));
  }
}
@keyframes rotate- {
  to {
    -webkit-transform: rotate(var(--key-r, 0));
            transform: rotate(var(--key-r, 0));
  }
}
.c-googlemap, .u-googlemap {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--c-googlemap, var(--c-googlemap, 700/240));
}
.c-googlemap iframe, .u-googlemap iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  overflow: hidden;
}

.c-yt, .c-youtube {
  position: relative;
  max-width: var(--c-yt-w, 100%);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  aspect-ratio: var(--c-yt, 16/9);
}
.c-yt iframe, .c-youtube iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  overflow: hidden;
}

.c-re-ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.c-re-f {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: inherit;
}

.c-re-a {
  color: inherit;
  text-decoration: none;
}
.c-re-a:active, .c-re-a:hover, .c-re-a:focus {
  outline: 0;
  text-decoration: none;
}

.c-re-table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
  border-color: inherit;
}

.c-re-btn {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  *vertical-align: middle;
  background: transparent;
  outline: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.c-re-btn:focus {
  outline: none;
}

.c-scroll-no {
  overflow: hidden;
}
.c-scroll-x {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.c-scroll-y {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.c-scrollbar::-webkit-scrollbar {
  width: var(--c-scrollbar-w, 5px);
  background: var(--c-scrollbar-bg, #F00);
  border-radius: var(--c-scrollbar-r, 0);
}
.c-scrollbar::-webkit-scrollbar-track {
  background: var(--c-scrollbar-bg, #F00);
  border-radius: var(--c-scrollbar-r, 0);
}
.c-scrollbar::-webkit-scrollbar-thumb {
  background: var(--c-scrollbar-bar, #00F);
  border-radius: var(--c-scrollbar-r, 0);
}

.c-t-hide {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.c-t-lg {
  background: var(--c-t-lg, linear-gradient(45deg, #F00, #00F));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.c-t-o {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-t-o-row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--c-t-o, 3);
}

@scope (.p-idx) {
  figure {
    margin: 0;
  }
  :scope {
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    color: #C5C5C5;
  }
  [class*=c-icon] {
    display: inline-block;
    aspect-ratio: var(--c-icon-ar, 1/1);
    width: var(--c-icon-w, 50px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--c-icon, none);
  }
  .c-icon-i-company {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-company.png");
  }
  .c-icon-i-education {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-education.png");
  }
  .c-icon-i-idx-resh1 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-idx-resh1.png");
  }
  .c-icon-i-idx-resh2 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-idx-resh2.png");
  }
  .c-icon-i-idx-resh3 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-idx-resh3.png");
  }
  .c-icon-i-comm1-b {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm1-b.png");
  }
  .c-icon-i-comm2-b {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm2-b.png");
  }
  .c-icon-i-comm3-b {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm3-b.png");
  }
  .c-icon-i-comm4-b {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm4-b.png");
  }
  .c-icon-iArrGreen {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/iArrGreen.png");
  }
  .bx-shadow {
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
  }
  .t-shadow {
    text-shadow: var(--e-shadow);
  }
  .btn-smart {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
    font-family: var(--ffTC);
    font-size: var(--fz20);
    color: #FFF;
  }
  .btn-smart .c-btn__label {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
  }
  .btn-smart .eIcon {
    --c-icon-w: 42.11%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: 1/1;
    width: clamp(30px, 1.98dvw, 38px);
    background: #00F7A5;
    border-radius: 100%;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
  }
  .btn-smart .c-icon {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/btn-i-arrow2.png");
  }
  .btn-comm {
    --c-icon-w: 60.53%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1/1;
    width: clamp(30px, 1.98dvw, 38px);
    border-radius: 100%;
    background: #00F7A5;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
  }
  .btn-view {
    color: #87A899;
    font-family: var(--ffP);
    font-size: 14px;
    border: 1px solid #87A899;
    border-radius: 50px;
    padding: 3px 10px;
    -webkit-transition: opacity 0.5s ease, background 0.5s ease, color 0.5s ease;
    transition: opacity 0.5s ease, background 0.5s ease, color 0.5s ease;
  }
  .btn-view.hide {
    opacity: 0.2;
    pointer-events: none;
  }
  #abt {
    position: relative;
    padding: clamp(80px, 7.03dvw, 135px) 0 clamp(80px, 5.73dvw, 110px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxAbt2.png") no-repeat top center;
  }
  #abt::before {
    content: "";
    position: absolute;
    top: 3.75%;
    left: calc(48.96% / 2);
    aspect-ratio: 1200/842;
    width: 51.04%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxAbt1.png") no-repeat center/contain;
  }
  #abt .c-wp {
    --c-wp: 1150px;
  }
  #abt .hd {
    position: relative;
    text-align: center;
    padding: 0 0 clamp(50px, 3.28dvw, 63px);
    margin: 0 0 57px;
  }
  #abt .hd::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: clamp(50px, 5dvw, 96px);
    height: 2px;
    background: #1CD487;
  }
  #abt .hd-h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    line-height: var(--lh120);
    letter-spacing: 0;
  }
  #abt .hd-h2 {
    font-size: var(--fz24);
    letter-spacing: var(--ls200);
    margin: 0 0 7px;
  }
  #abt .p {
    --cr: #C5C5C5;
    text-align: center;
    line-height: 2;
    margin: 0 0 clamp(45px, 4.69dvw, 90px);
  }
  #abt .p p:not(:last-child) {
    margin-bottom: 30px;
  }
  .abt-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(30px, 1.88dvw, 36px);
    margin: 0 0 25px;
  }
  .abt-img-crd {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #1BD386;
    font-size: var(--fz20);
  }
  .abt-img-crd .e-img {
    margin-bottom: 11px;
  }
  .abt-img-crd .label {
    font-weight: 600;
  }
  .abt-img-crd:not(:last-child)::before {
    content: "×";
    position: absolute;
    bottom: 0;
    right: clamp(-18px, -0.94dvw, -15px);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .abt-res {
    position: relative;
    background-image: linear-gradient(-45deg, #0D2C29, #102626);
    border: 2px solid #1CD487;
    border-radius: 10px;
    letter-spacing: var(--ls50);
    padding: clamp(15px, 1.72dvw, 33px) clamp(15px, 3.13dvw, 60px);
    margin: 0 0 clamp(60px, 4.43dvw, 85px);
  }
  .abt-res::before {
    content: "";
    position: absolute;
    bottom: clamp(15px, 1.72dvw, 33px);
    right: clamp(15px, 2.08dvw, 40px);
    aspect-ratio: 77/59;
    width: 8.52%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-abt-slogan-logo.png") no-repeat center/contain;
    opacity: 0.2;
  }
  .abt-res .l2h1 {
    font-size: var(--fz24);
    font-family: var(--ffTC);
    font-weight: 500;
    margin: 0 0 3px;
  }
  .abt-res .l2p {
    margin: 0 0 60px;
  }
  .abt-gp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  .abt-gp > * {
    border-radius: 20px;
  }
  .abt-only {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: clamp(30px, 3.65dvw, 70px) 8px clamp(25px, 2.6dvw, 50px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxAbtCrd.jpg") no-repeat center/cover;
    overflow: hidden;
  }
  .abt-only > * {
    position: relative;
    z-index: 1;
  }
  .abt-only::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#02120B), to(rgba(2, 18, 11, 0)));
    background-image: linear-gradient(to top, #02120B, rgba(2, 18, 11, 0));
  }
  .abt-only .l2h1 {
    --cr: #FFF;
    position: relative;
    font-size: var(--fz20);
    font-weight: 600;
    padding: 0 0 15px;
    margin: 0 0 65px;
  }
  .abt-only .l2h1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: clamp(90px, 6.51dvw, 125px);
    height: 3px;
    background: #1CD487;
  }
  .abt-only .l2lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(15px, 2.08dvw, 40px);
    margin: 0 0 55px;
  }
  .abt-only .e-arr {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
  }
  .abt-only .e-arr::before, .abt-only .e-arr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
  }
  .abt-only .e-arr::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    background: #00F7A5;
  }
  .abt-only .e-arr::after {
    z-index: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    background: #D5EDED;
  }
  .abt-only .l2p {
    color: #F1F4F1;
    font-size: var(--fz18);
    font-weight: 600;
  }
  .abt-only-crd {
    font-family: var(--ffTC);
    font-size: var(--fz18);
    font-weight: 600;
    text-align: center;
    color: #02120B;
    background: #00F7A5;
    border-radius: 8px;
    line-height: 1.7;
    letter-spacing: 0.05em;
    padding: 10px 20px;
  }
  .abt-only-crd.is-2 {
    background: #D5EDED;
  }
  .abt-only2 {
    font-family: var(--ffTC);
    width: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #01120B;
    font-weight: 600;
    background: #00F7A5;
    padding: clamp(10px, 1.82dvw, 35px) clamp(8px, 1.56dvw, 30px);
  }
  .abt-only2 .l2h1 {
    font-size: var(--fz20);
    font-weight: 700;
    margin: 0 0 10px;
  }
  .abt-only2 .l2p {
    line-height: 1.7;
    letter-spacing: 0.1em;
  }
  .why {
    --c-wp: 1375px;
    --c-gd-cols: 3;
    --c-gd-gap: 30px clamp(30px, 2.08dvw, 40px);
    background: #011717;
    padding: clamp(70px, 4.43dvw, 85px) 0 clamp(70px, 4.95dvw, 95px);
  }
  .why .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-family: var(--ffTC);
    margin: 0 0 60px;
  }
  .why .h1 {
    font-size: var(--fz40);
    font-weight: 500;
    margin: 0 0 5px;
  }
  .why .p {
    font-size: var(--fz18);
    line-height: 1.7;
    letter-spacing: 0.1em;
  }
  .why-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #081F1F;
    border-radius: 20px;
    border: 2px solid #0E352F;
    padding: clamp(30px, 5.73dvw, 110px) clamp(8px, 1.82dvw, 35px) clamp(25px, 5.47dvw, 105px);
  }
  .why-crd .eimg {
    margin: 0 0 25px;
  }
  .why-crd .l2h1 {
    color: #FFF;
    font-family: var(--ffP);
    font-size: var(--fz24);
    margin: 0 0 5px;
  }
  .why-crd .l2p {
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  .why-crd:nth-child(3) {
    padding-left: clamp(8px, 1.56dvw, 30px);
    padding-right: clamp(8px, 1.56dvw, 30px);
  }
  .reshape {
    padding: clamp(80px, 6.35dvw, 122px) 0 0;
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxResh.jpg"), url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxResh2.png");
    background-position: top center, bottom center;
    background-repeat: no-repeat;
  }
  .resh1 {
    --c-wp: 1150px;
    --c-gd-cols: 4;
    --c-gd-gap: 30px;
    font-family: var(--ffTC);
    margin-bottom: clamp(80px, 5.47dvw, 105px);
  }
  .resh1 .hd {
    letter-spacing: 0.05em;
    margin: 0 0 clamp(45px, 4.69dvw, 90px);
  }
  .resh1 .h1 {
    font-size: var(--fz40);
    font-weight: 600;
    margin: 0 0 -5px;
  }
  .resh1 .p {
    font-family: var(--ffP);
    font-size: var(--fz18);
  }
  .resh1 .c-gd {
    margin: 0 0 clamp(40px, 4.17dvw, 80px);
  }
  .resh1 .h2 {
    --cr: #C5C5C5;
    text-align: center;
    font-size: var(--fz24);
    line-height: 1.7;
  }
  .resh1-crd {
    font-size: var(--fz21);
    text-align: center;
    color: #01120B;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    border: 3px solid #00F7A5;
    padding: clamp(30px, 4.69dvw, 90px) 8px;
  }
  .resh1-crd .l2h1 {
    font-family: var(--ffP);
    font-size: var(--fz50);
    font-weight: 700;
    color: rgba(0, 23, 23, 0.3);
    line-height: 1;
  }
  .resh1-crd .l2p {
    font-family: var(--ffTC);
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  .resh2 {
    --c-wp: 1375px;
    background: #011717;
    border-radius: clamp(15px, 2.86dvw, 55px);
    padding: clamp(40px, 4.17dvw, 80px) 15px clamp(45px, 4.95dvw, 95px);
  }
  .resh2 .h1 {
    font-size: var(--fz40);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: clamp(40px, 3.13dvw, 60px);
  }
  .resh2 .lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1168px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .resh2 .earr {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: 1/1;
    width: clamp(30px, 3.13dvw, 60px);
  }
  .resh2 .earr::before, .resh2 .earr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 5px;
    border-radius: 50px;
    -webkit-transition: width 1s ease;
    transition: width 1s ease;
  }
  .resh2 .earr::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    background: #00F7A5;
  }
  .resh2 .earr::after {
    z-index: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    background: #D5EDED;
  }
  .resh2 .earr.in-view::before, .resh2 .earr.in-view::after {
    width: clamp(42px, 4.43dvw, 85px);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .resh2-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    font-family: var(--ffTC);
    font-size: var(--fz18);
    width: 50%;
    background: #081F1F;
    border-radius: 20px;
    border: 1px solid #0E352F;
    padding: clamp(30px, 3.13dvw, 60px) 5px clamp(25px, 2.34dvw, 45px);
  }
  .resh2-crd :is(.l2-t, .l2h2) {
    text-align: center;
  }
  .resh2-crd .l2h1 {
    max-width: 375px;
    width: 100%;
    color: #02120B;
    font-size: var(--fz24);
    font-weight: 600;
    text-align: center;
    background: #D5EDED;
    border-radius: 8px;
    padding: 3px 8px;
    margin-bottom: 13px;
  }
  .resh2-crd .l2p {
    color: #C6C6C6;
    font-size: var(--fz20);
    font-weight: 600;
    text-align: center;
    line-height: 1.7;
    letter-spacing: 0.1em;
  }
  .resh2-crd .l2ul {
    max-width: 355px;
    width: 100%;
    border: 1px solid #00F7A5;
    border-radius: 15px;
    letter-spacing: 0.05em;
  }
  .resh2-crd .l2i {
    --c-icon-w: 20px;
  }
  .resh2-crd .l2-t {
    color: #FFF;
    margin-bottom: 32px;
  }
  .resh2-crd .l2-t > *:not(:last-child) {
    margin-bottom: 30px;
  }
  .resh2-crd .l2h2 {
    font-size: var(--fz20);
    color: #00F7A5;
    letter-spacing: 0.1em;
    line-height: 1.7;
  }
  .resh2-crd.is1 .l2h1 {
    font-family: var(--ffP);
    background: #00F7A5;
  }
  .resh2-crd.is1 .l2p {
    margin-bottom: 60px;
  }
  .resh2-crd.is1 .l2ul {
    padding: clamp(8px, 1.56dvw, 30px);
    padding-left: clamp(8px, 3.13dvw, 60px);
    margin-bottom: 37px;
  }
  .resh2-crd.is1 .l2ul > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .resh2-crd.is1 .l2ul > *:not(:last-child) {
    margin-bottom: 13px;
  }
  .resh2-crd.is2 .l2p {
    margin-bottom: 40px;
  }
  .resh2-crd.is2 .l3h1 {
    color: #00F7A5;
    text-align: center;
    margin-bottom: 12px;
  }
  .resh2-crd.is2 .l2ul {
    padding: clamp(8px, 1.3dvw, 25px);
    margin-bottom: 56px;
  }
  .resh2-crd.is2 .l3ul {
    padding-left: clamp(0px, 2.34dvw, 45px);
  }
  .resh2-crd.is2 .l3ul > * {
    position: relative;
    padding-left: clamp(16px, 1.04dvw, 20px);
  }
  .resh2-crd.is2 .l3ul > *::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    color: #00F7A5;
  }
  .resh3 {
    --c-wp: 1168px;
    --c-gd-cols: 2;
    --c-gd-gap: 30px clamp(30px, 2.86dvw, 55px);
    padding: 80px 0 clamp(80px, 4.95dvw, 95px);
  }
  .resh3 .hd {
    font-family: var(--ffTC);
    margin-bottom: 55px;
  }
  .resh3 .h1 {
    font-size: var(--fz40);
    font-weight: 600;
    margin-bottom: 5px;
  }
  .resh3 .h1 small {
    font-family: var(--ffP);
    font-size: var(--fz24);
    font-weight: 400;
  }
  .resh3 .p {
    font-size: var(--fz18);
    letter-spacing: 0.1em;
    line-height: 1.7;
  }
  .resh3-crd {
    --c-icon-ar: 24 / 17;
    --c-icon-w: 23px;
    border-radius: 25px;
    border: 1px solid #0E352F;
    text-align: center;
  }
  .resh3-crd .l2h1 {
    font-size: var(--fz20);
    letter-spacing: 0.1em;
    font-weight: 600;
    padding: 30px 8px 22px;
  }
  .resh3-crd .l2ul > * {
    position: relative;
    padding: 35px 8px 28px;
  }
  .resh3-crd .l2ul > *:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: clamp(120px, 17.45dvw, 335px);
    height: 1px;
    background: #9EA3A3;
  }
  .resh3-crd .l3h1 {
    --cr: #DFE1E1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    font-size: var(--fz18);
    font-weight: 600;
    margin-bottom: 3px;
  }
  .resh3-crd .l3p {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
  .resh3-crd.is-no {
    color: #E0E2E2;
    background: #585F5F;
  }
  .resh3-crd.is-no .l2h1 {
    color: #D5EDED;
    border-bottom: 1px solid #9EA3A3;
  }
  .resh3-crd.is-no .l3h1 {
    --cr: #DFE1E1;
    --cr-sub: #D4ECEC;
  }
  .resh3-crd.is-no .c-icon {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-idx-resh4.png");
  }
  .resh3-crd.is-yes {
    color: #FFF;
    background: #081F1F;
    border-color: #1CD487;
  }
  .resh3-crd.is-yes .l3h1 {
    --cr: #FFF;
  }
  .resh3-crd.is-yes .l2h1 {
    color: #1BD386;
    border-bottom: 1px solid #87A899;
  }
  .resh3-crd.is-yes .l2ul > * {
    padding: 25px 8px 24px;
  }
  .resh3-crd.is-yes .l2ul > *::before {
    background: #87A899;
  }
  .resh3-crd.is-yes .c-icon {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-idx-resh5.png");
  }
  .rule {
    --c-wp: 920px;
    padding: clamp(80px, 4.69dvw, 90px) 0 75px;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxRule.png") no-repeat bottom center;
  }
  .rule .hd {
    margin-bottom: 70px;
  }
  .rule .h1 {
    --cr: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz40);
  }
  .rule .p {
    font-family: var(--ffP);
    font-size: var(--fz18);
    line-height: 1.2;
    letter-spacing: 0.05em;
  }
  .rule .gd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 3.65dvw, 70px);
    max-width: 796px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: clamp(45px, 4.69dvw, 90px);
  }
  .rule .btn-gp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 3.91dvw, 75px);
  }
  .rule-comm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .rule-comm .l2h1 {
    color: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz20);
  }
  .rule-comm .l2ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .rule-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--ffTC);
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 15px;
  }
  .rule-crd.is-sub {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: var(--fz18);
    color: rgba(255, 255, 255, 0.6);
    background: rgba(177, 177, 177, 0.6);
    padding: 50px 8px;
  }
  .rule-crd.is-main {
    width: 48.37%;
    font-size: var(--fz20);
    padding: 60px 8px;
    background: #081F1F;
    border: 1px solid #1CD487;
  }
  #team {
    padding: clamp(80px, 5.73dvw, 110px) 0 clamp(80px, 6.61dvw, 127px);
  }
  #team {
    position: relative;
    z-index: 4;
  }
  #team .c-wp {
    --c-wp: 1270px;
  }
  #team .hd {
    line-height: var(--lh120);
    letter-spacing: var(--ls50);
    margin: 0 0 clamp(50px, 4.43dvw, 85px);
  }
  #team .hd .h1 {
    --cr: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz40);
    font-weight: 600;
    margin-bottom: 10px;
  }
  #team .hd .h2 {
    font-family: var(--ffP);
    font-size: var(--fz18);
    font-weight: 500;
  }
  #team .crds {
    --c-gd-cols: 2;
    --c-gd-gap: clamp(30px, 3.91dvw, 75px) clamp(30px, 2.08dvw, 40px);
  }
  :is(.exp-crd, .exp-s-crd) {
    background: #081F1F;
  }
  .exp-crd {
    position: relative;
    border-radius: clamp(15px, 2.34dvw, 45px);
    letter-spacing: var(--ls100);
    border: 2px solid #0E352F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 3.13dvw, 60px);
    padding: clamp(20px, 2.6dvw, 50px) clamp(15px, 3.13dvw, 60px) clamp(20px, 1.82dvw, 35px);
    margin: 0 0 clamp(45px, 4.69dvw, 90px);
  }
  .exp-crd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }
  .exp-crd .bk-img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 36.09%;
  }
  .exp-crd .bk-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .exp-crd .c-img {
    aspect-ratio: 6/7.5;
    width: 100%;
    border-top-left-radius: clamp(25px, 5.21dvw, 100px);
    margin: 0 0 33px;
  }
  .exp-crd .ul-abt > * {
    position: relative;
    padding-left: 40px;
  }
  .exp-crd .ul-abt > *:not(:last-child) {
    margin: 0 0 9px;
  }
  .exp-crd .c-icon {
    position: absolute;
    top: 3px;
    left: 0;
    --c-icon-w: 24px;
  }
  .exp-crd .text {
    font-family: var(--ffTC);
    letter-spacing: var(--ls100);
    line-height: var(--lh170);
  }
  .exp-crd .t-h1 {
    color: #fff;
  }
  .exp-crd .t-p {
    font-size: 14px;
  }
  .exp-crd .title {
    font-family: var(--ffTC);
    color: #66917F;
    font-size: var(--fz24);
    font-weight: 500;
    position: relative;
    margin: -8px 0 20px;
    padding: 0 0 9px;
  }
  .exp-crd .title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    max-width: clamp(250px, 26.72dvw, 513px);
    background: #66917F;
  }
  .exp-crd .title span {
    font-family: var(--ffP);
    font-size: var(--fz20);
  }
  .exp-crd .name-h1 {
    font-family: var(--ffTC);
    font-size: var(--fz32);
    font-weight: 500;
    color: #FFF;
    margin: 0 0 6px;
  }
  .exp-crd .name-h1 span {
    font-family: var(--ffP);
    font-size: var(--fz24);
  }
  .exp-crd .name-tag {
    display: inline-block;
    font-family: var(--ffTC);
    color: #01120B;
    background: #87A899;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 12px;
    margin: 0 0 38px;
  }
  .exp-crd .name-tag span {
    font-family: var(--ffP);
  }
  .exp-crd .title-gp {
    position: relative;
    border: 1px solid #5E8C61;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right bottom, #0D2C29, #102626);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    margin: 0 0 24px;
  }
  .exp-crd .title-gp::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 4px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .exp-crd .title-gp > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 21px 8px;
  }
  .exp-crd .title-gp > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 22px);
    background: #445E52;
  }
  .exp-crd .tilte-h1 {
    color: #FFF;
  }
  .exp-crd .title-p {
    font-size: 14px;
  }
  .exp-crd .p {
    color: #F1F2F1;
    font-family: var(--ffTC);
    font-weight: 300;
    line-height: var(--lh200);
    letter-spacing: var(--ls50);
    margin: 0 0 40px;
  }
  .exp-crd .p > *:not(:last-child) {
    margin: 0 0 31px;
  }
  .exp-crd .remark {
    position: relative;
    color: #A8BDA8;
    font-style: italic;
    font-weight: 300;
    background: #153131;
    line-height: var(--lh180);
    padding: 11px 25px;
  }
  .exp-crd .remark::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 4px;
    height: 100%;
    background: #59845C;
    border-radius: 50px;
  }
  .exp-crd .remark > *:not(:last-child) {
    margin: 0 0 2px;
  }
  .exp-s-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: clamp(15px, 1.3dvw, 25px);
    padding: clamp(15px, 1.82dvw, 35px) clamp(15px, 2.08dvw, 40px);
    border: 2px solid #0E352F;
  }
  .exp-s-crd:nth-child(3) {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .exp-s-crd :is(.t-tag, .gp) {
    letter-spacing: var(--ls100);
  }
  .exp-s-crd :is(.h1, .lt, .p) {
    letter-spacing: var(--ls50);
  }
  .exp-s-crd .h1 {
    font-family: var(--ffP);
    font-size: var(--fz32);
    font-weight: 500;
    color: #FFF;
    margin: 0 0 3px;
  }
  .exp-s-crd .t-tag {
    display: inline-block;
    color: #00120B;
    background: #87A899;
    border-radius: 50px;
    font-family: var(--ffTC);
    font-weight: 500;
    padding: 2px 12px;
  }
  .exp-s-crd .t-tag span {
    font-family: var(--ffP);
  }
  .exp-s-crd .lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 5px;
    margin: 0 0 33px;
  }
  .exp-s-crd .lt > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    padding: 0 0 0 35px;
  }
  .exp-s-crd .c-icon {
    --c-icon-w: 24px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .exp-s-crd .li-text {
    line-height: var(--lh170);
  }
  .exp-s-crd .li-t {
    color: #fff;
  }
  .exp-s-crd .li-p {
    font-size: 14px;
  }
  .exp-s-crd .gd {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right bottom, #0D2C29, #102626);
    border-radius: 5px;
    border: 1px solid #5E8C61;
    min-height: 115px;
    margin: 0 0 25px;
  }
  .exp-s-crd .gd::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5px;
    width: 5px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .exp-s-crd .gd > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding: 5px;
    line-height: var(--lh170);
  }
  .exp-s-crd .gd > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 26px);
    background: #445E52;
  }
  .exp-s-crd .gd-t {
    color: #fff;
    font-family: var(--ffTC);
    font-weight: 500;
  }
  .exp-s-crd .gd-p {
    font-size: 14px;
    font-family: var(--ffP);
  }
  .exp-s-crd .p {
    line-height: var(--lh200);
    color: #F1F2F1;
    font-family: var(--ffTC);
    font-weight: 300;
  }
  .global {
    --c-wp: 1275px;
    --c-gd-cols: 3;
    --c-gd-gap: clamp(30px, 2.34dvw, 45px) clamp(30px, 2.08dvw, 40px);
    margin-bottom: clamp(80px, 6.25dvw, 120px);
  }
  .global .hd {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 45px;
  }
  .global .hd::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: clamp(250px, 26.82dvw, 515px);
    height: 1px;
    background: #3F584D;
  }
  .global .h1 {
    font-family: var(--ffP);
    font-size: var(--fz40);
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .global .p {
    font-family: var(--ffTC);
    font-size: var(--fz18);
    line-height: 1.7;
    letter-spacing: 0.1em;
  }
  .global .btn-gp {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .global-crd {
    position: relative;
    font-family: var(--ffP);
    letter-spacing: 0.05em;
    line-height: 1.7;
    -webkit-box-shadow: 0 0 10px rgba(19, 87, 79, 0.5);
            box-shadow: 0 0 10px rgba(19, 87, 79, 0.5);
    background: #081F1F;
    border-radius: 20px;
    border: 2px solid #0E352F;
    padding: 14px 20px 14px 17px;
    height: 100%;
  }
  .global-crd .cdHd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .global-crd .cdBody {
    display: block;
    padding-top: 20px;
  }
  .global-crd .c-icon {
    background-image: var(--c-icon);
  }
  .global-crd .l2bk-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .global-crd .l2bk-i {
    --c-icon-w: 43.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: 1/1;
    width: clamp(25px, 1.56dvw, 30px);
    border-radius: 100%;
    background: #87A899;
  }
  .global-crd .l2bk-i > * {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/btn-i-arrow3.png");
  }
  .global-crd .l2h1 {
    color: #FFF;
    font-size: var(--fz20);
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: clamp(-5px, -0.26dvw, -1px);
  }
  .global-crd .l2h2 {
    font-size: 14px;
  }
  .global-crd .lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
  }
  .global-crd .lt > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    font-family: var(--ffTCP);
    padding: 0 0 0 35px;
  }
  .global-crd .lt .c-icon {
    --c-icon-w: 24px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .global-crd .lt-t {
    color: #FFF;
  }
  .global-crd .lt-p {
    font-size: 14px;
  }
  .global-crd .gd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-image: linear-gradient(-45deg, #0D2C29, #102626);
    border-radius: 5px;
    border: 1px solid #5E8C61;
    min-height: 115px;
    letter-spacing: 0;
    margin: 0 0 22px;
  }
  .global-crd .gd::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5px;
    width: 5px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .global-crd .gd > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding: 5px;
    color: #FFF;
    font-weight: 600;
  }
  .global-crd .gd > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 26px);
    background: #445E52;
  }
  .global-crd .l2p {
    line-height: var(--lh200);
  }
  .tags {
    --c-wp: 1240px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: clamp(80px, 7.29dvw, 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }
  .tag {
    font-size: 14px;
    color: #828282;
    background: #081F1F;
    border-radius: 50px;
    padding: 3px clamp(5px, 0.68dvw, 13px);
  }
  .lastMenu {
    --c-gd-cols: 3;
    position: relative;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgIdxLast.jpg") no-repeat bottom center;
  }
  .lastMenu::before {
    content: "";
    position: absolute;
    top: calc((100% - 1px) / 2);
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #124740;
  }
  .lastMenuCrd {
    --c-icon-w: clamp(35px, 2.34dvw, 45px);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: clamp(80px, 6.25dvw, 120px) 15px;
  }
  .lastMenuCrd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .lastMenuCrd .wp {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 380px;
    width: 100%;
  }
  .lastMenuCrd .wp > .c-icon {
    margin-right: var(--iMr);
  }
  .lastMenuCrd .label {
    line-height: 1.7;
    margin-right: var(--tMr);
  }
  .lastMenuCrd .tCht {
    color: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz24);
    letter-spacing: 0.1em;
    margin-bottom: -2px;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
  }
  .lastMenuCrd .tEng {
    font-family: var(--ffP);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
  }
  .lastMenuCrd .eArr {
    --c-icon-w: 42.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: 1/1;
    width: clamp(35px, 2.08dvw, 40px);
    border-radius: 100%;
    border: 1px solid #00F7A5;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
  }
  .lastMenuCrd.is1 {
    --iMr: clamp(8px, 2.86dvw, 55px);
    --tMr: clamp(10px, 3.13dvw, 60px);
  }
  .lastMenuCrd.is2 {
    --iMr: clamp(8px, 3.39dvw, 65px);
    --tMr: clamp(10px, 2.08dvw, 40px);
  }
  .lastMenuCrd.is3 {
    --iMr: clamp(8px, 2.86dvw, 55px);
    --tMr: clamp(10px, 2.6dvw, 50px);
  }
  .lastMenuCrd.is4 {
    --iMr: clamp(8px, 1.25dvw, 24px);
    --tMr: clamp(10px, 2.34dvw, 45px);
  }
  .lastMenuCrd.is5 {
    --iMr: clamp(8px, 2.86dvw, 55px);
    --tMr: clamp(10px, 2.6dvw, 50px);
  }
  .lastMenuCrd.is6 {
    --iMr: clamp(8px, 3.13dvw, 60px);
    --tMr: clamp(10px, 3.39dvw, 65px);
  }
  @media (hover: hover) and (pointer: fine) {
    .btn-smart:hover {
      color: #00F7A5;
    }
    .btn-smart:hover .eIcon {
      background: #FFF;
    }
    .btn-view:hover {
      color: #000;
      background: #87A899;
    }
    .btn-comm:hover {
      background: #FFF;
    }
    .exp-s-crd {
      position: relative;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0;
    }
    .exp-s-crd:nth-child(3) {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .exp-s-crd:nth-child(1), .exp-s-crd:nth-child(2) {
      z-index: 2;
    }
    .exp-s-crd .crdHd {
      width: 100%;
      padding: clamp(15px, 1.82dvw, 35px) clamp(15px, 2.08dvw, 40px);
    }
    .exp-s-crd .crdBdy {
      position: absolute;
      top: calc(100% - 15px);
      left: -2px;
      width: calc(100% + 4px);
      padding: 23px clamp(15px, 2.08dvw, 40px) clamp(15px, 1.82dvw, 35px);
      border: 2px solid #0E352F;
      background: #081F1F;
      -webkit-box-shadow: var(--e-shadow);
              box-shadow: var(--e-shadow);
      opacity: 0;
      pointer-events: none;
      border-bottom-left-radius: clamp(15px, 1.3dvw, 25px);
      border-bottom-right-radius: clamp(15px, 1.3dvw, 25px);
      -webkit-transition: top 0.5s ease, opacity 0.5s ease;
      transition: top 0.5s ease, opacity 0.5s ease;
    }
    .exp-s-crd .crdBdy::before {
      content: "";
      position: absolute;
      top: 0;
      left: -1px;
      width: calc(100% + 2px);
      height: 50px;
      background: #081F1F;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    .exp-s-crd:hover .crdBdy {
      top: 100%;
      opacity: 1;
      pointer-events: auto;
    }
    .lastMenuCrd:hover::before {
      opacity: 1;
    }
    .lastMenuCrd:hover .tCht {
      color: #00F7A5;
    }
    .lastMenuCrd:hover .tEng {
      color: #FFF;
    }
    .lastMenuCrd:hover .eArr {
      background: #00F7A5;
    }
    .lastMenuCrd:hover .eArr > * {
      mix-blend-mode: difference;
    }
    .global .c-gd > *:hover {
      position: relative;
      z-index: 2;
    }
    .global-crd:not(.active) .cdBody {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      z-index: 1;
      top: calc(100% - 15px);
      left: -2px;
      width: calc(100% + 4px);
      -webkit-box-shadow: 0 3px 3px rgba(19, 87, 79, 0.5);
              box-shadow: 0 3px 3px rgba(19, 87, 79, 0.5);
      background: #081F1F;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border: 2px solid #0E352F;
      border-top: none;
      padding: 20px 20px 14px 17px;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
    }
    .global-crd:hover {
      z-index: 2;
    }
    .global-crd:hover .cdBody {
      opacity: 1;
      pointer-events: auto;
      -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s;
    }
  }
  @media all and (min-width: 646px) {
    .lastMenuCrd:not(:nth-child(5), :nth-child(6)) {
      border-bottom: 1px solid #124740;
    }
  }
  @media all and (min-width: 769px) {
    .why-crd:nth-child(2) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .why-crd:nth-child(3) {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
    .resh2-crd.is2, .resh3-crd.is-yes {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
  }
  @media all and (min-width: 901px) {
    .resh1-crd:nth-child(2) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .resh1-crd:nth-child(3) {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
    .resh1-crd:nth-child(4) {
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s;
    }
  }
  @media all and (min-width: 1025px) {
    .lastMenuCrd:not(:nth-child(3n)) {
      border-right: 1px solid #124740;
    }
  }
  @media all and (min-width: 576px) and (max-width: 900px) {
    .resh1-crd:nth-child(even) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
  }
  @media all and (max-width: 1280px) {
    .global {
      --c-gd-cols: 2;
    }
  }
  @media all and (max-width: 1200px) {
    .exp-crd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
    }
    .exp-crd .bk-img {
      width: 100%;
    }
  }
  @media all and (max-width: 1024px) {
    .lastMenu {
      --c-gd-cols: 2;
    }
    .lastMenu::before {
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 1px;
      height: 100%;
    }
  }
  @media all and (max-width: 992px) {
    .abt-gp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .abt-only[data-ani], .abt-only2[data-ani] {
      -webkit-transform: translate3d(0, 50px, 0);
              transform: translate3d(0, 50px, 0);
    }
    .abt-only2 {
      width: 100%;
    }
  }
  @media all and (max-width: 900px) {
    .resh1 {
      --c-gd-cols: 2;
    }
    #team .crds {
      --c-gd-cols: 1;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
    }
    .global {
      --c-gd-cols: 1;
    }
    .global .btn-gp {
      display: none;
    }
  }
  @media all and (max-width: 768px) {
    .why {
      --c-gd-cols: 1;
    }
    .resh2 .lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .resh2-crd {
      width: 100%;
    }
    .resh3 {
      --c-gd-cols: 1;
    }
    .rule :is(.gd, .btn-gp) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .rule-crd.is-sub {
      width: 100%;
      max-width: 350px;
    }
    .rule-crd.is-main {
      width: 100%;
      max-width: 370px;
    }
  }
  @media all and (max-width: 645px) {
    .lastMenu {
      --c-gd-cols: 1;
    }
    .lastMenu::before {
      display: none;
    }
    .lastMenuCrd:not(:last-child) {
      border-bottom: 1px solid #124740;
    }
  }
  @media all and (max-width: 575px) {
    .resh1 {
      --c-gd-cols: 1;
    }
    .rule-comm {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  @media all and (max-width: 480px) {
    .abt-only .l2lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-crd .title-gp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-crd .title-gp::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .exp-crd .title-gp > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
    .exp-s-crd .lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-s-crd .gd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-s-crd .gd::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .exp-s-crd .gd > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
    .global-crd .lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .global-crd .gd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .global-crd .gd::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .global-crd .gd > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
  }
}
@scope (.p-abt) {
  figure {
    margin: 0;
  }
  :scope {
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    color: #C5C5C5;
  }
  [class*=c-icon] {
    display: inline-block;
    aspect-ratio: var(--c-icon-ar, 1/1);
    width: var(--c-icon-w, 50px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--c-icon, none);
  }
  .c-icon-i-company {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-company.png");
  }
  .c-icon-i-education {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-education.png");
  }
  .txt-base {
    line-height: var(--lh200);
    letter-spacing: var(--ls100);
  }
  .bx-shadow {
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
  }
  .t-shadow {
    text-shadow: var(--e-shadow);
  }
  .abt {
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-abt.png") no-repeat top center;
    padding: clamp(80px, 9.38dvw, 180px) 0 clamp(80px, 5.63dvw, 108px);
  }
  .abt .words {
    --c-wp: 1150px;
  }
  .abt .crds {
    --c-wp: 1380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #011717;
    padding: 40px 30px 45px;
  }
  .abt .lt {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto 44px;
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 4), 1fr);
    gap: var(--c-gd-gap, var(--c-gd-y, 30px) var(--c-gd-x, clamp(30px, 1.82dvw, 35px)));
  }
  .abt .t-m {
    font-family: var(--ffP);
    font-size: var(--fz52);
    line-height: var(--lh120);
    letter-spacing: 0;
    margin: 0 0 51px;
  }
  .abt .t-des {
    --cr: #C5C5C5;
    position: relative;
    font-family: var(--ffTC);
    font-weight: 500;
    line-height: var(--lh200);
    letter-spacing: var(--ls100);
    padding-left: 18px;
    margin: 0 0 clamp(80px, 5.05dvw, 97px);
  }
  .abt .t-des > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .abt .t-des > *:nth-child(2) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .abt .t-des::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
    background: #1CD487;
    -webkit-transition: height 1s ease;
    transition: height 1s ease;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .abt .t-des.in-view::before {
    height: 100%;
  }
  .abt .cd-t {
    font-family: var(--ffTC);
    font-size: var(--fz24);
    font-weight: 500;
    letter-spacing: var(--ls100);
    margin: 0 0 39px;
  }
  .abt .cd-des {
    --cr: #C5C5C5;
    font-family: var(--ffTC);
    font-size: var(--fz21);
    font-weight: 500;
    letter-spacing: var(--ls100);
  }
  .abt-crd {
    background: #0F2927;
    border: 2px solid #1CD487;
    border-radius: 8px;
    padding: 50px 0 40px;
  }
  .abt-crd .c-img {
    aspect-ratio: 72/66;
    width: 68px;
    margin-bottom: 13px;
  }
  .abt-crd .label {
    color: #FFF;
    font-size: var(--fz18);
    font-weight: 600;
    letter-spacing: var(--ls100);
  }
  .from {
    position: relative;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-abt-from.jpg") no-repeat top center;
    text-align: center;
    padding: clamp(80px, 8.33dvw, 160px) 30px clamp(80px, 7.81dvw, 150px);
  }
  .from::before, .from::after {
    content: "";
    position: absolute;
    z-index: 1;
  }
  .from::before {
    top: 0;
    width: 52.08%;
    height: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(2, 18, 11, 0)), color-stop(#02120B), to(rgba(2, 18, 11, 0)));
    background-image: linear-gradient(to left, rgba(2, 18, 11, 0), #02120B, rgba(2, 18, 11, 0));
  }
  .from::after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11.11dvh;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#02120B), to(rgba(2, 18, 11, 0)));
    background-image: linear-gradient(to top, #02120B, rgba(2, 18, 11, 0));
  }
  .from > * {
    position: relative;
    z-index: 2;
  }
  .from .h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    font-weight: 600;
    line-height: var(--lh120);
    letter-spacing: 0;
    margin: 0 0 7px;
  }
  .from .h2 {
    position: relative;
    font-size: var(--fz30);
    font-family: var(--ffTC);
    padding: 0 0 22px;
    margin: 0 0 45px;
  }
  .from .h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 95px;
    height: 1px;
    background: #1CD487;
  }
  .from .p {
    --cr: #C5C5C5;
    font-family: var(--ffTC);
  }
  .from .p > *:not(:last-child) {
    margin: 0 0 28px;
  }
  #mission {
    padding: clamp(80px, 5.21dvw, 100px) 0;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgAbtMiss.png") no-repeat top center;
  }
  .cross {
    --c-wp: 1168px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 5.99dvw, 115px);
    padding: 0 0 clamp(80px, 8.13dvw, 156px);
  }
  .cross .bk-img {
    width: 35.96%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 13px 16px;
  }
  .cross .bk-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cross .h1-img {
    aspect-ratio: 5.6/7;
    width: 100%;
  }
  .cross .text {
    margin: 0 0 39px;
  }
  .cross .h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    font-weight: 600;
    letter-spacing: 0;
    line-height: var(--lh120);
    margin-bottom: 44px;
  }
  .cross .p {
    --cr: #C5C5C5;
    font-family: var(--ffTC);
    font-size: var(--fz20);
    letter-spacing: var(--ls50);
    line-height: var(--lh200);
    border-left: 2px solid #1CD487;
    padding-left: 20px;
  }
  .cross-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 3.13dvw, 60px);
    font-family: var(--ffTC);
    border: 2px solid #1CD487;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right bottom, #0D2C29, #102626);
    padding: 32px clamp(45px, 4.43dvw, 85px) 36px clamp(15px, 4.17dvw, 80px);
  }
  .cross-crd .cd-img {
    aspect-ratio: 103/117;
    width: clamp(85px, 5.21dvw, 100px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .cross-crd .cd-txt {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .cross-crd .cd-h1 {
    color: #E5FFFF;
    font-size: var(--fz20);
    letter-spacing: var(--ls100);
    border-bottom: 1px solid #445E52;
    padding: 0 0 5px;
    margin: 0 0 15px;
  }
  .cross-crd .cd-ul {
    line-height: var(--lh170);
  }
  .cross-crd .cd-ul > * {
    --cr: #C5C5C5;
    position: relative;
    padding-left: 1em;
  }
  .cross-crd .cd-ul > *::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    color: #00F7A5;
  }
  .slogan {
    --c-wp: 1150px;
  }
  .slogan :is(.p1, .p2) {
    font-family: var(--ffTC);
    font-size: var(--fz20);
    letter-spacing: var(--ls100);
    text-align: center;
  }
  .slogan .p1 {
    line-height: var(--lh170);
    margin: 0 0 50px;
  }
  .slogan .p2 {
    line-height: var(--lh150);
  }
  .slogan-crd {
    position: relative;
    border-radius: 20px;
    background: #081F1F;
    overflow: hidden;
    margin: 0 0 54px;
  }
  .slogan-crd .cd-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-family: var(--ffTC);
    font-size: var(--fz20);
    letter-spacing: var(--ls100);
    padding: 0 15px;
  }
  .slogan-crd .bg-img {
    aspect-ratio: 1200/363;
    width: 100%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-abt-slogan.png") no-repeat center/contain;
    margin: 18px 0 0;
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 0;
    clip-path: inset(0 50% 0 50%);
    -webkit-transition: clip-path 0.8s ease, opacity 1.5s ease, -webkit-filter 0.8s ease;
    transition: clip-path 0.8s ease, opacity 1.5s ease, -webkit-filter 0.8s ease;
    transition: clip-path 0.8s ease, opacity 1.5s ease, filter 0.8s ease;
    transition: clip-path 0.8s ease, opacity 1.5s ease, filter 0.8s ease, -webkit-filter 0.8s ease;
  }
  .slogan-crd .logo-img {
    position: absolute;
    top: calc(50% + 5px);
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    aspect-ratio: 1/1;
    width: clamp(140px, 7.55dvw, 145px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-abt-slogan-circle.png") no-repeat center/contain;
    -webkit-filter: drop-shadow(0 0 16px rgba(51, 114, 93, 0.5));
            filter: drop-shadow(0 0 16px rgba(51, 114, 93, 0.5));
    -webkit-transform: scale(1.3) translate(-50%, -50%);
            transform: scale(1.3) translate(-50%, -50%);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
  }
  .slogan-crd .logo-img::before {
    content: "";
    display: block;
    aspect-ratio: 77/59;
    width: 50.34%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-abt-slogan-logo.png") no-repeat center/contain;
  }
  .slogan-crd .h1 {
    --cr: #C5C5C5;
    text-align: center;
    margin: 36px 0 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
    transition: transform 1s ease, opacity 1s ease, filter 1s ease;
    transition: transform 1s ease, opacity 1s ease, filter 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  }
  .slogan-crd .h2 {
    position: absolute;
    top: calc(50% + 5px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
  .slogan-crd .h2.is-l {
    left: 17.41%;
  }
  .slogan-crd .h2.is-r {
    left: 71.88%;
  }
  .slogan-crd.in-view .bg-img {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    clip-path: inset(0 0 0 0);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .slogan-crd.in-view .logo-img {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  .slogan-crd.in-view .h1 {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .slogan-crd.in-view .h2 {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  #time {
    --c-wp: 1101px;
    padding: 50px 0 80px;
    background: #011717 url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgAbtTime.png") no-repeat center;
  }
  #time .text {
    margin-bottom: 65px;
  }
  #time :is(.h1, .h2) {
    margin: 0 0 0 14px;
  }
  #time :is(.p1, .p2, .p3) {
    font-family: var(--ffTC);
    font-size: var(--fz20);
    letter-spacing: var(--ls50);
  }
  #time .h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    font-weight: 600;
    margin-bottom: clamp(-6px, -0.31dvw, -1px);
  }
  #time .h2 {
    position: relative;
    font-family: var(--ffTC);
    font-size: var(--fz30);
    font-weight: 500;
    padding: 0 0 23px;
  }
  #time .h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 1px;
    background: #445E52;
  }
  #time .p1 {
    line-height: var(--lh200);
    margin: 0 0 3px;
    padding: 0 0 0 14px;
  }
  #time .p2 {
    display: inline-block;
    color: #001717;
    background: #C5C5C5;
    border-radius: 50px;
    padding: 0 14px;
  }
  #time .p3 {
    --cr: #C5C5C5;
    margin: 33px 0 0 14px;
  }
  .timeline {
    position: relative;
  }
  .timeline::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: clamp(50px, 14.58dvw, 280px);
    height: 100%;
    background-image: -webkit-gradient(linear, right top, left top, from(#011717), to(rgba(1, 23, 23, 0)));
    background-image: linear-gradient(to left, #011717, rgba(1, 23, 23, 0));
  }
  .timeline .wp {
    overflow-x: scroll;
    padding-left: clamp(30px, 4.95dvw, 95px);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .timeline :is(.wp, .ctr) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .timeline .wp {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .timeline .ctr {
    max-width: none;
  }
  .timeGp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    padding-left: 118px;
    max-width: none;
  }
  .timeGp::before {
    content: attr(data-year);
    position: absolute;
    top: calc(50% - 35px);
    left: 35px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #00F7A5;
    font-family: var(--ffP);
    font-size: var(--fz24);
    font-weight: 700;
    text-shadow: 0 0 12px #13574F;
  }
  .timeGp::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 6px;
    background: #00F7A5;
    -webkit-box-shadow: 0 0 12px rgba(19, 87, 79, 0.7);
            box-shadow: 0 0 12px rgba(19, 87, 79, 0.7);
  }
  .timeGp > *:not(:nth-child(1)) {
    margin-left: -95px;
  }
  .timeGp:nth-child(2) > *:nth-child(3) .crd {
    max-width: 350px;
  }
  .timeCrd {
    position: relative;
    z-index: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .timeCrd.isNo .crd {
    background: #02120B;
    border-radius: 8px;
    border: 2px solid #1CD487;
    padding: 43px 40px;
  }
  .timeCrd.isNo .l2h1 {
    color: #00F7A5;
    font-family: var(--ffP);
    font-size: var(--fz24);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .timeCrd.isDate {
    --c-icon-w: 20px;
  }
  .timeCrd.isDate .crd {
    position: relative;
    max-width: 250px;
    height: 270px;
    border-radius: 20px;
    border: 2px solid #1A6055;
    background: #081F1F;
    -webkit-box-shadow: 0 0 16px rgba(19, 87, 79, 0.2);
            box-shadow: 0 0 16px rgba(19, 87, 79, 0.2);
    padding: 18px clamp(8px, 1.3dvw, 25px) 20px;
  }
  .timeCrd.isDate .crd::before, .timeCrd.isDate .crd::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .timeCrd.isDate .crd::before {
    width: 2px;
    height: 47px;
    background: #1A6055;
  }
  .timeCrd.isDate .crd::after {
    aspect-ratio: 1/1;
    width: 14px;
    background: #00F7A5;
    -webkit-box-shadow: 0 0 11px rgba(19, 87, 79, 0.7);
            box-shadow: 0 0 11px rgba(19, 87, 79, 0.7);
    border-radius: 100%;
  }
  .timeCrd.isDate .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    border-bottom: 1px solid #3E554A;
    padding-bottom: 3px;
    margin-bottom: 13px;
  }
  .timeCrd.isDate .c-icon {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/iAbtTime.png");
  }
  .timeCrd.isDate .tDate {
    color: #66917F;
    font-family: var(--ffP);
    font-size: var(--fz20);
    font-weight: 500;
    letter-spacing: 0.05em;
  }
  .timeCrd.isDate .l2h1 {
    font-family: var(--ffTC);
  }
  .timeCrd.isDate .tEng {
    color: #00F7A5;
    font-size: var(--fz24);
    margin-bottom: 2px;
  }
  .timeCrd.isDate .tCht {
    color: #FFF;
    font-size: var(--fz20);
    margin-bottom: 9px;
  }
  .timeCrd.isDate .l2p {
    text-align: justify;
    line-height: 1.7;
    letter-spacing: 0;
  }
  .timeCrd.isDate:nth-child(odd) {
    padding-bottom: 364px;
  }
  .timeCrd.isDate:nth-child(odd) .crd::before {
    top: calc(100% + 2px);
  }
  .timeCrd.isDate:nth-child(odd) .crd::after {
    top: calc(100% + 42px);
  }
  .timeCrd.isDate:nth-child(even) {
    padding-top: 364px;
  }
  .timeCrd.isDate:nth-child(even) .crd::before {
    bottom: calc(100% + 2px);
  }
  .timeCrd.isDate:nth-child(even) .crd::after {
    bottom: calc(100% + 42px);
  }
  #core {
    position: relative;
    padding: 0 0 clamp(80px, 7.08dvw, 136px);
  }
  #core::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    aspect-ratio: 1920/355;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(20%, #02120B), to(rgba(2, 18, 11, 0)));
    background-image: linear-gradient(to top, #02120B 20%, rgba(2, 18, 11, 0));
  }
  #core :is(.text, .crds) {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    pointer-events: none;
  }
  #core :is(.text, .crds) > * {
    pointer-events: auto;
  }
  #core .text {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    top: 110px;
  }
  #core :is(.h1, .h2) {
    line-height: var(--lh120);
  }
  #core :is(.h2, .p) {
    letter-spacing: var(--ls50);
  }
  #core .h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 8px;
  }
  #core .h2 {
    font-family: var(--ffTC);
    font-size: var(--fz30);
    font-weight: 500;
    margin: 0 0 20px;
  }
  #core .p {
    font-size: var(--fz20);
  }
  #core .bg-img {
    --c-imgfit-ar: 1629 / 965;
    mix-blend-mode: lighten;
  }
  #core .bg-light {
    --c-imgfit-ar: 1029 / 687;
    position: absolute;
    top: 119px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    width: 66.67%;
    mix-blend-mode: plus-lighter;
  }
  .core-box {
    position: absolute;
  }
  .core-box.is-1 {
    --c-imgfit-ar: 420 / 472;
    width: 21.04%;
    top: 24.29%;
    left: 25.68%;
  }
  .core-box.is-2 {
    --c-imgfit-ar: 326 / 370;
    width: 16.46%;
    z-index: 2;
    top: 40.06%;
    left: 43.07%;
  }
  .core-box.is-3 {
    --c-imgfit-ar: 417 / 460;
    width: 21.04%;
    top: 24.29%;
    left: 54.17%;
  }
  .core-crd {
    position: absolute;
    z-index: 3;
    max-width: var(--max-w);
  }
  .core-crd::before, .core-crd::after {
    content: "";
    position: absolute;
  }
  .core-crd::before {
    top: var(--dot-t, 0);
    left: var(--dot-l, 0);
    width: 15px;
    height: 15px;
    background: #1CD487;
    border-radius: 100%;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
  }
  .core-crd::after {
    top: var(--line-t, 0);
    left: var(--line-l, 0);
    width: 1px;
    height: var(--line-h);
    background: #00F7A5;
    -webkit-transform: rotate(var(--line-rotate, 0));
            transform: rotate(var(--line-rotate, 0));
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    z-index: -1;
  }
  .core-crd .cd-ctr {
    background: #081F1F;
    border-radius: 20px;
    border: 2px solid #1CD487;
    padding: 22px 25px;
  }
  .core-crd :is(.cd-h1, .cd-h2) {
    font-family: var(--ffTC);
    letter-spacing: var(--ls50);
  }
  .core-crd .cd-h1 {
    font-size: var(--fz24);
    font-weight: 500;
    color: #00F7A5;
    line-height: 1.5416666667;
  }
  .core-crd .cd-h2 {
    font-size: var(--fz20);
    color: #FFF;
    margin: 0 0 15px;
  }
  .core-crd .cd-p {
    line-height: var(--lh170);
    letter-spacing: var(--ls50);
  }
  .core-crd .cd-p > *:not(:last-child) {
    margin: 0 0 24px;
  }
  .core-crd.is-1 {
    --max-w: 340px;
    --dot-t: -50px;
    --dot-l: calc(100% + 34px);
    --line-t: -64px;
    --line-l: calc(100% - 14px);
    --line-rotate: 44deg;
    --line-h: 79.196px;
    top: 57.97%;
    left: 11.82%;
  }
  .core-crd.is-2 {
    --max-w: 340px;
    --dot-t: 19px;
    --dot-l: -90px;
    --line-t: -9px;
    --line-l: 0;
    --line-rotate: -44deg;
    --line-h: 121.754px;
    top: 63.01%;
    left: 58.28%;
  }
  .core-crd.is-3 {
    --max-w: 282px;
    --dot-t: 19px;
    --dot-l: -157px;
    --line-t: -65px;
    --line-l: 0;
    --line-rotate: 295deg;
    --line-h: 160.997px;
    top: 50.39%;
    left: 79.58%;
  }
  .layout {
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-abt-ly.png") no-repeat top center;
  }
  .layout .c-wp {
    --c-wp: 1262px;
    position: relative;
  }
  .layout .text {
    margin: 0 0 60px;
    padding: 0 20px;
  }
  .layout .h1 {
    font-family: var(--ffP);
    font-size: var(--fz52);
    font-weight: 600;
    line-height: var(--lh120);
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 5px;
  }
  .layout .h2 {
    font-family: var(--ffTC);
    font-size: var(--fz30);
    font-weight: 500;
    letter-spacing: var(--ls50);
    margin: 0 0 18px;
  }
  .layout .p {
    font-size: var(--fz20);
    letter-spacing: var(--ls50);
  }
  .layout .img-map {
    aspect-ratio: 1328/654;
    width: 100%;
  }
  .layout .e-dot {
    --e-shadow: 0 0 5px rgba(2, 17, 11, 0.9), 0 0 15px #00f7a5;
    position: absolute;
    z-index: 1;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #00F7A5;
  }
  .layout .e-dot.is-eu {
    top: 29.95%;
    left: 47.54%;
  }
  .layout .e-dot.is-tw {
    top: 49.92%;
    left: 79.64%;
  }
  .layout .e-line {
    position: absolute;
    top: 23.19%;
    left: 46.91%;
    aspect-ratio: 469/199;
    width: 34.87%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-abt-ly-line.png") no-repeat center/contain;
  }
  .ly-crd {
    position: absolute;
    max-width: 385px;
    width: 100%;
    background: #081F1F;
    border-radius: 15px;
    border: 2px solid #1F7467;
    line-height: var(--lh170);
    letter-spacing: var(--ls50);
    padding: clamp(10px, 1.04dvw, 20px) clamp(10px, 2.08dvw, 40px);
  }
  .ly-crd .cd-h1 {
    --cr: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz20);
    margin: 0 0 15px;
  }
  .ly-crd .cd-ul {
    font-size: var(--fz18);
  }
  .ly-crd .cd-ul > * {
    position: relative;
    padding-left: 1em;
  }
  .ly-crd .cd-ul > *::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
  }
  .ly-crd .cd-ul > *:not(:last-child) {
    margin: 0 0 2px;
  }
  .ly-crd .cd-arrow {
    position: absolute;
  }
  .ly-crd .cd-arrow::before {
    content: "";
    position: absolute;
    z-index: 4;
    width: 10px;
    height: 100%;
    background: #081F1F;
  }
  .ly-crd .ar-m {
    position: relative;
    width: 1px;
    height: 1px;
    z-index: 2;
    border-style: solid;
    border-color: transparent;
  }
  .ly-crd .ar-bg {
    position: absolute;
    width: 1px;
    height: 1px;
    border-style: solid;
    border-color: transparent;
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  .ly-crd .ar-b {
    position: absolute;
    z-index: 2;
    width: 50%;
    height: 100%;
  }
  .ly-crd .ar-b::before, .ly-crd .ar-b::after {
    content: "";
    position: absolute;
    top: calc((100% - 2px) / 2);
    left: 0;
    height: 2px;
    background: #1F7467;
  }
  .ly-crd .ar-b::before {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  .ly-crd .ar-b::after {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  .ly-crd.is-eu {
    top: 19.48%;
    left: 4.6%;
  }
  .ly-crd.is-eu .cd-arrow {
    top: 50px;
    left: 100%;
  }
  .ly-crd.is-eu .cd-arrow::before {
    top: 0;
    left: -10px;
  }
  .ly-crd.is-eu .ar-m {
    border-width: 20px 165px;
    border-left-color: #081F1F;
  }
  .ly-crd.is-eu .ar-bg {
    top: 0;
    left: 0;
    border-width: 20px 165px;
    border-left-color: rgba(0, 247, 165, 0.4);
  }
  .ly-crd.is-eu .ar-b {
    top: 0;
    left: 0;
  }
  .ly-crd.is-eu .ar-b::before, .ly-crd.is-eu .ar-b::after {
    width: 169.7792684635px;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
  .ly-crd.is-tw {
    top: 46.86%;
    left: 87.48%;
  }
  .ly-crd.is-tw .cd-arrow {
    top: 42px;
    right: calc(100% - 10px);
    -webkit-transform: rotate(17deg);
            transform: rotate(17deg);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
  }
  .ly-crd.is-tw .cd-arrow::before {
    top: -12px;
    right: -7px;
    width: 20px;
    height: calc(100% + 20px);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
  }
  .ly-crd.is-tw .ar-m {
    border-width: 12px 100px;
    border-right-color: #081F1F;
  }
  .ly-crd.is-tw .ar-bg {
    top: 0;
    left: 0;
    border-width: 12px 100px;
    border-right-color: rgba(0, 247, 165, 0.4);
  }
  .ly-crd.is-tw .ar-b {
    top: 0;
    right: 0;
  }
  .ly-crd.is-tw .ar-b::before, .ly-crd.is-tw .ar-b::after {
    width: 102.8396810575px;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  .help {
    position: relative;
    padding: 0 0 65px;
  }
  .help .text {
    position: absolute;
    top: 61.71%;
    right: 20.68%;
    z-index: 1;
    font-family: var(--ffTC);
    line-height: var(--lh200);
    letter-spacing: var(--ls100);
  }
  .help .p {
    font-size: var(--fz18);
    font-weight: 300;
    margin: 0 0 30px;
  }
  .help .h1 {
    font-size: var(--fz24);
  }
  .help .bk-bg {
    aspect-ratio: 2000/1107;
    width: 100%;
  }
  #team {
    position: relative;
    z-index: 4;
  }
  #team .c-wp {
    --c-wp: 1270px;
  }
  #team .hd {
    line-height: var(--lh120);
    letter-spacing: var(--ls50);
    margin: 0 0 clamp(50px, 4.43dvw, 85px);
  }
  #team .hd .h1 {
    --cr: #FFF;
    font-family: var(--ffTC);
    font-size: var(--fz40);
    font-weight: 600;
    margin-bottom: 10px;
  }
  #team .hd .h2 {
    font-family: var(--ffP);
    font-size: var(--fz18);
    font-weight: 500;
  }
  #team .crds {
    --c-gd-cols: 2;
    --c-gd-gap: clamp(30px, 3.91dvw, 75px) clamp(30px, 2.08dvw, 40px);
  }
  :is(.exp-crd, .exp-s-crd) {
    background: #081F1F;
  }
  .exp-crd {
    position: relative;
    border-radius: clamp(15px, 2.34dvw, 45px);
    letter-spacing: var(--ls100);
    border: 2px solid #0E352F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 3.13dvw, 60px);
    padding: clamp(20px, 2.6dvw, 50px) clamp(15px, 3.13dvw, 60px) clamp(20px, 1.82dvw, 35px);
    margin: 0 0 clamp(45px, 4.69dvw, 90px);
  }
  .exp-crd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }
  .exp-crd .bk-img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 36.09%;
  }
  .exp-crd .bk-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .exp-crd .c-img {
    aspect-ratio: 6/7.5;
    width: 100%;
    border-top-left-radius: clamp(25px, 5.21dvw, 100px);
    margin: 0 0 33px;
  }
  .exp-crd .ul-abt > * {
    position: relative;
    padding-left: 40px;
  }
  .exp-crd .ul-abt > *:not(:last-child) {
    margin: 0 0 9px;
  }
  .exp-crd .c-icon {
    position: absolute;
    top: 3px;
    left: 0;
    --c-icon-w: 24px;
  }
  .exp-crd .text {
    font-family: var(--ffTC);
    letter-spacing: var(--ls100);
    line-height: var(--lh170);
  }
  .exp-crd .t-h1 {
    color: #fff;
  }
  .exp-crd .t-p {
    font-size: 14px;
  }
  .exp-crd .title {
    font-family: var(--ffTC);
    color: #66917F;
    font-size: var(--fz24);
    font-weight: 500;
    position: relative;
    margin: -8px 0 20px;
    padding: 0 0 9px;
  }
  .exp-crd .title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    max-width: clamp(250px, 26.72dvw, 513px);
    background: #66917F;
  }
  .exp-crd .title span {
    font-family: var(--ffP);
    font-size: var(--fz20);
  }
  .exp-crd .name-h1 {
    font-family: var(--ffTC);
    font-size: var(--fz32);
    font-weight: 500;
    color: #FFF;
    margin: 0 0 6px;
  }
  .exp-crd .name-h1 span {
    font-family: var(--ffP);
    font-size: var(--fz24);
  }
  .exp-crd .name-tag {
    display: inline-block;
    font-family: var(--ffTC);
    color: #01120B;
    background: #87A899;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 12px;
    margin: 0 0 38px;
  }
  .exp-crd .name-tag span {
    font-family: var(--ffP);
  }
  .exp-crd .title-gp {
    position: relative;
    border: 1px solid #5E8C61;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right bottom, #0D2C29, #102626);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    margin: 0 0 24px;
  }
  .exp-crd .title-gp::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 4px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .exp-crd .title-gp > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 21px 8px;
  }
  .exp-crd .title-gp > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 22px);
    background: #445E52;
  }
  .exp-crd .tilte-h1 {
    color: #FFF;
  }
  .exp-crd .title-p {
    font-size: 14px;
  }
  .exp-crd .p {
    color: #F1F2F1;
    font-family: var(--ffTC);
    font-weight: 300;
    line-height: var(--lh200);
    letter-spacing: var(--ls50);
    margin: 0 0 40px;
  }
  .exp-crd .p > *:not(:last-child) {
    margin: 0 0 31px;
  }
  .exp-crd .remark {
    position: relative;
    color: #A8BDA8;
    font-style: italic;
    font-weight: 300;
    background: #153131;
    line-height: var(--lh180);
    padding: 11px 25px;
  }
  .exp-crd .remark::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 4px;
    height: 100%;
    background: #59845C;
    border-radius: 50px;
  }
  .exp-crd .remark > *:not(:last-child) {
    margin: 0 0 2px;
  }
  .exp-s-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: clamp(15px, 1.3dvw, 25px);
    padding: clamp(15px, 1.82dvw, 35px) clamp(15px, 2.08dvw, 40px);
    border: 2px solid #0E352F;
  }
  .exp-s-crd:nth-child(3) {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .exp-s-crd :is(.t-tag, .gp) {
    letter-spacing: var(--ls100);
  }
  .exp-s-crd :is(.h1, .lt, .p) {
    letter-spacing: var(--ls50);
  }
  .exp-s-crd .h1 {
    font-family: var(--ffP);
    font-size: var(--fz32);
    font-weight: 500;
    color: #FFF;
    margin: 0 0 3px;
  }
  .exp-s-crd .t-tag {
    display: inline-block;
    color: #00120B;
    background: #87A899;
    border-radius: 50px;
    font-family: var(--ffTC);
    font-weight: 500;
    padding: 2px 12px;
  }
  .exp-s-crd .t-tag span {
    font-family: var(--ffP);
  }
  .exp-s-crd .lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 5px;
    margin: 0 0 33px;
  }
  .exp-s-crd .lt > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    padding: 0 0 0 35px;
  }
  .exp-s-crd .c-icon {
    --c-icon-w: 24px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .exp-s-crd .li-text {
    line-height: var(--lh170);
  }
  .exp-s-crd .li-t {
    color: #fff;
  }
  .exp-s-crd .li-p {
    font-size: 14px;
  }
  .exp-s-crd .gd {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right bottom, #0D2C29, #102626);
    border-radius: 5px;
    border: 1px solid #5E8C61;
    min-height: 115px;
    margin: 0 0 25px;
  }
  .exp-s-crd .gd::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5px;
    width: 5px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .exp-s-crd .gd > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding: 5px;
    line-height: var(--lh170);
  }
  .exp-s-crd .gd > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 26px);
    background: #445E52;
  }
  .exp-s-crd .gd-t {
    color: #fff;
    font-family: var(--ffTC);
    font-weight: 500;
  }
  .exp-s-crd .gd-p {
    font-size: 14px;
    font-family: var(--ffP);
  }
  .exp-s-crd .p {
    line-height: var(--lh200);
    color: #F1F2F1;
    font-family: var(--ffTC);
    font-weight: 300;
  }
  .global {
    position: relative;
    padding: clamp(80px, 6.56dvw, 126px) 0 75px;
  }
  .global::before {
    content: "";
    position: absolute;
    top: -46.42%;
    left: 0;
    aspect-ratio: 2000/2163;
    width: 100%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgAbtGlobal.png") no-repeat center;
  }
  .global .c-wp {
    --c-wp: 1270px;
    position: relative;
    z-index: 3;
  }
  .global .hd {
    position: relative;
    padding: 0 0 36px;
    margin: 0 0 47px;
  }
  .global .hd::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #3F584D;
    width: clamp(250px, 26.82dvw, 515px);
    height: 1px;
  }
  .global .hd-h1 {
    --cr: #FFF;
    font-size: var(--fz40);
    margin: 0 0 5px;
  }
  .global .hd-p {
    font-size: var(--fz18);
    font-family: var(--ffTC);
    font-weight: 300;
  }
  .global .crds {
    --c-gd-cols: 3;
    --c-gd-gap: clamp(30px, 2.6dvw, 50px) clamp(30px, 2.08dvw, 40px);
  }
  .glo-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #081F1F;
    border-radius: clamp(15px, 1.56dvw, 30px);
    border: 2px solid #0E352F;
    letter-spacing: var(--ls50);
    line-height: var(--lh170);
    padding: clamp(15px, 1.3dvw, 25px);
  }
  .glo-crd :is(.h1, .h2) {
    font-family: var(--ffP);
  }
  .glo-crd .h1 {
    color: #fff;
    font-size: var(--fz20);
  }
  .glo-crd .h2 {
    font-size: 14px;
    margin: 0 0 30px;
  }
  .glo-crd .lt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
  }
  .glo-crd .lt > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    font-family: var(--ffTCP);
    padding: 0 0 0 35px;
  }
  .glo-crd .c-icon {
    --c-icon-w: 24px;
    position: absolute;
    top: 1px;
    left: 0;
  }
  .glo-crd .lt-t {
    color: #FFF;
  }
  .glo-crd .lt-p {
    font-size: 14px;
  }
  .glo-crd .gd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-image: linear-gradient(-45deg, #0D2C29, #102626);
    border-radius: 5px;
    border: 1px solid #5E8C61;
    min-height: 115px;
    letter-spacing: 0;
    margin: 0 0 22px;
  }
  .glo-crd .gd::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5px;
    width: 5px;
    height: 100%;
    border-radius: 50px;
    background: #5E8C61;
  }
  .glo-crd .gd > * {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    padding: 5px;
    color: #FFF;
    font-weight: 600;
  }
  .glo-crd .gd > *:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 26px);
    background: #445E52;
  }
  .glo-crd .p {
    line-height: var(--lh200);
  }
  @media (hover: hover) and (pointer: fine) {
    .exp-s-crd {
      position: relative;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0;
    }
    .exp-s-crd:nth-child(3) {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .exp-s-crd:nth-child(1), .exp-s-crd:nth-child(2) {
      z-index: 2;
    }
    .exp-s-crd .crdHd {
      width: 100%;
      padding: clamp(15px, 1.82dvw, 35px) clamp(15px, 2.08dvw, 40px);
    }
    .exp-s-crd .crdBdy {
      position: absolute;
      top: calc(100% - 15px);
      left: -2px;
      width: calc(100% + 4px);
      padding: 23px clamp(15px, 2.08dvw, 40px) clamp(15px, 1.82dvw, 35px);
      border: 2px solid #0E352F;
      background: #081F1F;
      -webkit-box-shadow: var(--e-shadow);
              box-shadow: var(--e-shadow);
      opacity: 0;
      pointer-events: none;
      border-bottom-left-radius: clamp(15px, 1.3dvw, 25px);
      border-bottom-right-radius: clamp(15px, 1.3dvw, 25px);
      -webkit-transition: top 0.5s ease, opacity 0.5s ease;
      transition: top 0.5s ease, opacity 0.5s ease;
    }
    .exp-s-crd .crdBdy::before {
      content: "";
      position: absolute;
      top: 0;
      left: -1px;
      width: calc(100% + 2px);
      height: 50px;
      background: #081F1F;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }
    .exp-s-crd:hover .crdBdy {
      top: 100%;
      opacity: 1;
      pointer-events: auto;
    }
  }
  @media all and (min-width: 993px) {
    .abt .lt > *:nth-child(2) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .abt .lt > *:nth-child(3) {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
    .abt .lt > *:nth-child(4) {
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s;
    }
  }
  @media all and (min-width: 481px) and (max-width: 992px) {
    .abt .lt > *:nth-child(even) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
  }
  @media all and (max-width: 1740px) {
    .ly-crd.is-tw {
      left: 65.77%;
      z-index: 2;
    }
    .ly-crd.is-tw .cd-arrow {
      display: none;
    }
  }
  @media all and (max-width: 1366px) {
    #core {
      padding: 50px 0 80px;
    }
    #core :is(.text, .crds) {
      position: relative;
    }
    #core .text {
      top: 0;
      margin-bottom: 30px;
    }
    #core .crds {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 30px;
    }
    #core .bk-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .core-box {
      display: none;
    }
    .core-crd {
      position: relative;
    }
    .core-crd::before, .core-crd::after {
      display: none;
    }
    .core-crd.is-1, .core-crd.is-2, .core-crd.is-3 {
      --max-w: 575px;
      width: 100%;
      top: auto;
      left: auto;
    }
  }
  @media all and (max-width: 1320px) {
    .layout .e-dot, .layout .e-line {
      display: none;
    }
    .layout .crds {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 30px;
    }
    .ly-crd {
      position: relative;
    }
    .ly-crd.is-tw, .ly-crd.is-eu {
      top: auto;
      left: auto;
    }
    .ly-crd .cd-arrow {
      display: none;
    }
  }
  @media all and (max-width: 1280px) {
    .global .crds {
      --c-gd-cols: 2;
    }
  }
  @media all and (max-width: 1200px) {
    .exp-crd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
    }
    .exp-crd .bk-img {
      width: 100%;
    }
  }
  @media all and (max-width: 1024px) {
    .help {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .help .text {
      position: relative;
      top: auto;
      right: auto;
      max-width: 500px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding: 20px 30px 50px;
    }
  }
  @media all and (max-width: 992px) {
    .abt .words, .abt .crds {
      --c-wp-flow: 90%;
    }
    .abt .lt {
      --c-gd-col: 2;
    }
    .cross {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .cross .bk-img, .cross .bk-info {
      max-width: 575px;
      width: 100%;
    }
    .cross .bk-img[data-ani], .cross .bk-info[data-ani] {
      -webkit-transform: translate3d(0, 50px, 0);
              transform: translate3d(0, 50px, 0);
    }
    .slogan {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .slogan-crd {
      max-width: 450px;
      width: 100%;
    }
    .slogan-crd .h1 {
      margin-top: clamp(20px, 3.02dvw, 30px);
    }
    .slogan-crd .h2 {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    .slogan-crd .h2.is-l, .slogan-crd .h2.is-r {
      left: 50%;
    }
    .slogan-crd .h2.is-l {
      top: 22.7%;
    }
    .slogan-crd .h2.is-r {
      top: 74.66%;
    }
    .slogan-crd .logo-img {
      width: clamp(140px, 20.16dvw, 200px);
    }
    .slogan-crd .bg-img {
      aspect-ratio: 430/828;
      width: 100%;
      background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgAbtSloganMobile.png");
      margin-top: 80px;
      clip-path: inset(50% 0 50% 0);
    }
  }
  @media all and (max-width: 900px) {
    #team .crds {
      --c-gd-cols: 1;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
    }
    .global .crds {
      --c-gd-cols: 1;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media all and (max-width: 768px) {
    .layout .crds {
      position: relative;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 80px;
    }
    .layout .img-map {
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  @media all and (max-width: 480px) {
    .abt .t-des br {
      display: none;
    }
    .abt .lt {
      --c-gd-col: 1;
    }
    .from .p br {
      display: none;
    }
    .cross {
      --c-wp-flow: 90%;
    }
    .cross-crd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .slogan .p1 br {
      display: none;
    }
    .exp-crd .title-gp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-crd .title-gp::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .exp-crd .title-gp > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
    .exp-s-crd .lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-s-crd .gd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .exp-s-crd .gd::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .exp-s-crd .gd > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
    .glo-crd .lt {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .glo-crd .gd {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .glo-crd .gd::before {
      left: 0;
      width: 100%;
      height: 4px;
    }
    .glo-crd .gd > *:not(:last-child)::before {
      top: 100%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 80%;
      height: 1px;
    }
  }
}
@scope (.p-rule) {
  figure {
    margin: 0;
  }
  :scope {
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    color: #C5C5C5;
  }
  .abt {
    position: relative;
    padding: clamp(80px, 5.05dvw, 97px) 0 clamp(80px, 4.69dvw, 90px);
  }
  .abt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-rule-abt.png") no-repeat center bottom;
    opacity: 0.15;
  }
  .abt .c-wp {
    --c-wp: 1680px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
  .abt .bk-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .abt .bk-img {
    aspect-ratio: 12.2/8.3;
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border: 2px solid #5E8C61;
    -webkit-box-shadow: 0 0 10px rgba(25, 210, 133, 0.8);
            box-shadow: 0 0 10px rgba(25, 210, 133, 0.8);
  }
  .abt .ctr {
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
  }
  .abt .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz48);
    font-weight: 600;
    letter-spacing: var(--ls50);
    line-height: var(--lh120);
    margin-bottom: 12px;
  }
  .abt .des {
    font-size: var(--fz18);
    letter-spacing: var(--ls50);
    line-height: var(--lh200);
    margin-bottom: 60px;
  }
  .abt .btn-gp {
    margin-bottom: 10px;
  }
  .abt .t-hint {
    font-size: 14px;
    line-height: var(--lh170);
    letter-spacing: var(--ls50);
    color: #818181;
  }
  .directions .c-wp {
    --c-wp: 1375px;
    border: solid #444;
    border-width: 0 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .directions > *:not(:last-child) .c-wp {
    border-bottom: 1px solid #444;
  }
  .dire-number {
    border: solid #444;
    border-width: 1px 0;
  }
  .number-lt {
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 3), 1fr);
    border: solid #444;
    border-width: 0 1px;
  }
  .number-lt > *:not(:last-child) {
    border-right: 1px solid #444;
  }
  .number-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(30px, 2.86dvw, 55px) 0 clamp(30px, 3.13dvw, 60px);
  }
  .number-item .number {
    font-family: var(--ffP);
    font-size: var(--fz96);
    font-weight: 600;
    line-height: 1;
    color: #E5FFFF;
    text-shadow: 0 0 16px rgba(19, 87, 79, 0.8);
    margin-bottom: 5px;
  }
  .number-item .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz18);
    letter-spacing: var(--ls50);
    font-weight: 500;
  }
  .saas .c-wp {
    position: relative;
    z-index: 2;
    padding-top: clamp(80px, 4.64dvw, 89px);
    padding-bottom: 80px;
  }
  .saas .hd .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz30);
    font-weight: 500;
    letter-spacing: var(--ls50);
    text-align: center;
    text-shadow: 0 0 16px rgba(0, 247, 165, 0.6);
    margin-bottom: 42px;
  }
  .saas .c-tab {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  .saas .c-tab-list {
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 4), 1fr);
    gap: var(--c-gd-gap, var(--c-gd-y, 20px) var(--c-gd-x, 20px));
    margin-bottom: clamp(50px, 3.96dvw, 76px);
  }
  .saas .c-tab-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--ffTC);
    font-weight: 600;
    color: #808080;
    letter-spacing: var(--ls50);
    width: 100%;
    border-radius: 5px;
    border: 1px solid #818181;
    padding: 4px 15px;
    white-space: nowrap;
    -webkit-transition: color 0.5s ease, border 0.5s ease, background 0.5s ease;
    transition: color 0.5s ease, border 0.5s ease, background 0.5s ease;
  }
  .saas .c-tab-link.active {
    color: #00120B;
    border-color: #00F7A5;
    background: #00F7A5;
  }
  .saas .c-tab-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 3.02dvw, 58px);
  }
  .saas .ir-img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 47.27%;
    padding: 22px 32px;
    background: #0F2927;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
  }
  .saas .ir-img .c-img {
    aspect-ratio: 8.6/6.2;
    width: 100%;
  }
  .saas .ir-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .saas .ir-info .c-t {
    font-size: var(--fz21);
    margin-bottom: 14px;
  }
  .saas .ir-info .des {
    letter-spacing: var(--ls50);
    line-height: var(--lh200);
  }
  .adva {
    position: relative;
  }
  .adva::before, .adva::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .adva::before {
    top: -31.64%;
    left: 0;
    aspect-ratio: 2000/1125;
    width: 100%;
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgRuleAdva.png");
  }
  .adva::after {
    top: 60.18%;
    left: 0;
    aspect-ratio: 2000/895;
    width: 100%;
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgRuleAdva2.png");
  }
  .adva .c-wp {
    position: relative;
    z-index: 1;
    padding-top: clamp(80px, 4.43dvw, 85px);
    padding-bottom: clamp(80px, 4.69dvw, 90px);
  }
  .adva .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .adva .hd .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz30);
    font-weight: 500;
    letter-spacing: var(--ls50);
    text-shadow: var(--e-shadow);
  }
  .adva .hd .t-s {
    font-family: var(--ffP);
    font-size: var(--fz18);
    letter-spacing: 0;
    margin-bottom: 58px;
  }
  .adva .crds {
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 2), 1fr);
    gap: var(--c-gd-gap, var(--c-gd-y, 35px) var(--c-gd-x, 30px));
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  .adva-crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #081F1F;
    border: 2px solid #1D6D62;
    border-radius: 20px;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
    padding: clamp(20px, 1.82dvw, 35px) 15px clamp(15px, 1.56dvw, 30px) clamp(15px, 1.56dvw, 30px);
  }
  .adva-crd .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz21);
    font-weight: 600;
    letter-spacing: var(--ls50);
    text-align: center;
    margin-bottom: 20px;
  }
  .adva-crd .cd-bdy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 2.6dvw, 50px);
    padding-left: clamp(15px, 1.56dvw, 30px);
  }
  .adva-crd .c-img {
    aspect-ratio: 112/110;
    width: clamp(85px, 5.47dvw, 105px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .adva-crd .txt {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    letter-spacing: var(--ls50);
    margin-bottom: 30px;
  }
  .adva-crd .t-m {
    font-family: var(--ffP);
    font-size: var(--fz18);
    font-weight: 600;
  }
  .adva-crd .t-des {
    line-height: var(--lh170);
  }
  .adva-crd .ctr-t {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .adva-crd .ctr-t .t-m {
    color: #999;
  }
  .adva-crd .ctr-t::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: clamp(120px, 14.58dvw, 280px);
    height: 1px;
    background: #445E52;
  }
  .adva-crd .ctr-b .t-m {
    color: #A7BDA7;
  }
  .adva-crd .ctr-b .t-des {
    color: #FFF;
  }
  .adva-crd .t-remark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-style: italic;
    color: #A7BDA7;
    letter-spacing: 0;
    line-height: var(--lh180);
    background: #153131;
    border-left: 3px solid #59845C;
    padding: clamp(10px, 1.04dvw, 20px) 12px;
  }
  .adva-crd:nth-child(2) .t-remark {
    min-height: 94px;
  }
  .mode :is(.crds, .info) {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  .mode .c-wp {
    padding: 57px clamp(15px, 2.97dvw, 57px);
  }
  .mode .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--ffTC);
    margin-bottom: 63px;
  }
  .mode .hd .c-t {
    font-size: var(--fz30);
    font-weight: 500;
    text-shadow: var(--e-shadow);
    margin-bottom: 4px;
  }
  .mode .hd .t-s {
    font-size: var(--fz18);
    letter-spacing: var(--ls50);
    font-weight: 300;
  }
  .mode .crds {
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 3), 1fr);
    gap: var(--c-gd-gap, var(--c-gd-y, clamp(8px, 1.3dvw, 25px)) var(--c-gd-x, clamp(8px, 1.3dvw, 25px)));
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-bottom: 58px;
  }
  .mode .crds > *:not(:nth-child(2)) > * {
    min-height: 425px;
  }
  .mode .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--ffTC);
    line-height: var(--lh170);
    letter-spacing: var(--ls50);
    text-align: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#0D2C29), to(#102626));
    background-image: linear-gradient(to right, #0D2C29, #102626);
    border-radius: 8px;
    border: 2px solid #1A6055;
    padding: 22px 15px;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
    margin-bottom: 30px;
  }
  .mode .info .t-m {
    color: #E5FFFF;
    font-size: var(--fz18);
  }
  .mode .info .t-des {
    color: #FFF;
  }
  .mode .info .t-des span {
    color: #00F7A5;
  }
  .mode .btn-gp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mode-crd {
    --b-cr: #1A6055;
    background: #081F1F url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-mode-crd.png") no-repeat top right;
    border: 2px solid var(--b-cr);
    border-radius: clamp(15px, 1.3dvw, 25px);
    padding: 27px 25px;
    -webkit-box-shadow: 0 0 15px rgba(0, 247, 165, 0.3);
            box-shadow: 0 0 15px rgba(0, 247, 165, 0.3);
  }
  .mode-crd > *:not(:last-child) {
    border-bottom: 1px solid #445E52;
  }
  .mode-crd :is(.e-opt, .c-t) {
    font-size: var(--fz24);
    letter-spacing: var(--ls50);
  }
  .mode-crd .e-opt {
    font-family: var(--ffP);
    font-weight: 500;
    color: #789E8C;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .mode-crd .e-hd {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .mode-crd .c-t {
    font-family: var(--ffTC);
    line-height: var(--lh150);
  }
  .mode-crd .hd-des {
    font-size: var(--fz20);
    -webkit-text-stroke: 0.3px #C5C5C5;
    text-stroke: 0.3px #C5C5C5;
    paint-order: stroke;
    line-height: var(--lh170);
  }
  .mode-crd .bdy-t {
    color: #E5FFFF;
    margin-bottom: 7px;
  }
  .mode-crd .bdy-t span {
    color: #00F7A5;
  }
  .mode-crd ul.bdy-lt {
    font-family: var(--ffTC);
    line-height: var(--lh170);
    font-weight: 300;
    letter-spacing: 0;
  }
  .mode-crd ul.bdy-lt > * {
    position: relative;
    padding-left: 1em;
  }
  .mode-crd ul.bdy-lt > *::before {
    content: "．";
    position: absolute;
    top: 0;
    left: 0;
  }
  .mode-crd.is-main {
    --b-cr: #16B471;
    position: relative;
    padding-top: 37px;
    padding-bottom: 32px;
  }
  .mode-crd.is-main::before {
    content: "Most Popular";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: var(--ffTC);
    font-weight: 700;
    letter-spacing: 0;
    color: #00120B;
    background: #16B471;
    border-radius: 50px;
    padding: 2px 20px;
  }
  .mode-crd.is-main .bdy-t {
    margin-bottom: 12px;
  }
  .future {
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bgRuleFuture.png") no-repeat center bottom;
  }
  .future .c-wp {
    padding-top: 55px;
    padding-bottom: clamp(80px, 4.95dvw, 95px);
  }
  .future .hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: var(--ffTC);
    margin-bottom: clamp(50px, 4.17dvw, 80px);
  }
  .future .hd .c-t {
    font-size: var(--fz30);
    text-shadow: var(--e-shadow);
    font-weight: 500;
  }
  .future .hd .t-s {
    font-size: var(--fz18);
    font-weight: 300;
  }
  .future .time {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }
  .future .time-crds {
    max-width: 1075px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(var(--c-gd-col, 3), 1fr);
    gap: var(--c-gd-gap, var(--c-gd-y, 30px) var(--c-gd-x, clamp(30px, 2.34dvw, 45px)));
  }
  .future .time-line {
    position: relative;
    width: 100%;
    height: 2px;
    background: #00F7A5;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
  }
  .future .time-line::before {
    content: "2026";
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    color: #00F7A5;
    font-family: var(--ffP);
    font-size: var(--fz24);
    font-weight: 600;
    text-shadow: var(--e-shadow);
  }
  .time-crd {
    position: relative;
    height: 100%;
    padding-bottom: clamp(75px, 4.69dvw, 90px);
  }
  .time-crd::before, .time-crd::after {
    content: "";
    position: absolute;
  }
  .time-crd::before {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    z-index: 1;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #00F7A5;
    -webkit-box-shadow: 0 0 5px #02120b, 0 0 15px rgba(0, 247, 165, 0.7);
            box-shadow: 0 0 5px #02120b, 0 0 15px rgba(0, 247, 165, 0.7);
  }
  .time-crd::after {
    width: 2px;
    height: 47px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #1A6055;
  }
  .time-crd .cd-ctr {
    position: relative;
    background: #081F1F;
    border: 2px solid #1A6055;
    border-radius: 15px;
    -webkit-box-shadow: var(--e-shadow);
            box-shadow: var(--e-shadow);
    padding: 16px 20px;
    height: 100%;
  }
  .time-crd .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz20);
    font-weight: 500;
    line-height: var(--lh170);
    border-bottom: 1px solid #3E554A;
    padding-bottom: 10px;
    margin-bottom: 7px;
  }
  .time-crd .t-des {
    font-family: var(--ffTC);
    font-weight: 300;
    line-height: var(--lh170);
    letter-spacing: var(--ls50);
  }
  .time-crd .e-date {
    position: absolute;
    top: calc(100% + 11px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    font-family: var(--ffP);
    font-size: var(--fz20);
    font-weight: 500;
    color: #66917F;
  }
  .time-crd .e-date::before {
    content: "";
    display: inline-block;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-rule-future.png") no-repeat center/contain;
    aspect-ratio: 21/19;
    width: 20px;
  }
  .legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #808080;
    letter-spacing: var(--ls50);
    text-align: center;
    background: #081F1F;
    padding: 57px 30px 52px;
    font-family: var(--ffTC);
  }
  .legal .t-m {
    position: relative;
    font-size: var(--fz30);
    font-weight: 500;
    padding-bottom: 24px;
    margin-bottom: 25px;
  }
  .legal .t-m::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 95px;
    height: 1px;
    background: #595959;
  }
  .legal .t-des {
    line-height: var(--lh200);
  }
  .legal .t-des > *:not(:last-child) {
    margin-bottom: 15px;
  }
  @media (hover: hover) and (pointer: fine) {
    .saas .c-tab-link:hover {
      color: #00120B;
      border-color: #00F7A5;
      background: #00F7A5;
    }
  }
  @media all and (min-width: 769px) {
    .number-lt > *:nth-child(2) > * {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .number-lt > *:nth-child(3) > * {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
  }
  @media all and (min-width: 993px) {
    .adva-crd:nth-child(even) {
      -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s;
    }
    .mode .crds > *:nth-child(2) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .mode .crds > *:nth-child(3) {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
    .future .time-crds > *:nth-child(2) > * {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s;
    }
    .future .time-crds > *:nth-child(3) > * {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s;
    }
  }
  @media all and (max-width: 1235px) {
    .saas .c-tab-list {
      --c-gd-col: 8;
      overflow-x: scroll;
    }
    .saas .c-tab-list::-webkit-scrollbar {
      height: 5px;
    }
  }
  @media all and (max-width: 1024px) {
    .abt .c-wp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .abt .bk-img, .abt .bk-info {
      max-width: 768px;
      width: 100%;
    }
    .abt .bk-img[data-ani], .abt .bk-info[data-ani] {
      -webkit-transform: translate3d(0, 50px, 0);
              transform: translate3d(0, 50px, 0);
    }
    .abt .bk-img {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .abt .bk-info {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .abt .ctr {
      max-width: 100%;
    }
    .abt .c-t, .abt .t-hint {
      text-align: center;
    }
    .abt .btn-gp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  @media all and (max-width: 992px) {
    .saas .c-tab-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 768px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .saas .ir-img {
      width: 100%;
    }
    .adva .crds {
      --c-gd-col: 1;
      max-width: 575px;
      width: 100%;
    }
    .mode .crds {
      --c-gd-col: 1;
      --c-gd-gap: 30px;
    }
    .future .time {
      position: relative;
      padding-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .future .time::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 100%;
      background: #00F7A5;
    }
    .future .time-line {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: 0;
    }
    .future .time-line::before {
      left: -20px;
    }
    .future .time-crds {
      --c-gd-col: 1;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .time-crd {
      padding-bottom: 0;
      padding-left: 20px;
    }
    .time-crd::before {
      bottom: auto;
      top: 25px;
      left: -19px;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
    }
    .time-crd::after {
      top: 32px;
      left: -20px;
      width: 40px;
      height: 1px;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    .time-crd .cd-ctr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .time-crd .e-date {
      position: static;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 15px;
    }
    .time-crd .c-t {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .time-crd .t-des {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
  }
  @media all and (max-width: 768px) {
    .directions .c-wp {
      --c-wp-flow: 100%;
      padding-left: 5%;
      padding-right: 5%;
      border: none;
    }
    .number-lt {
      --c-gd-col: 1;
    }
    .number-lt > *:not(:last-child) {
      border-right: none;
      border-bottom: 1px dotted #444;
    }
  }
  @media all and (max-width: 480px) {
    .adva-crd .cd-bdy {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 0;
    }
  }
}
@scope (.p-serv) {
  figure {
    margin: 0;
  }
  :scope {
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    color: #C5C5C5;
  }
  .abt {
    position: relative;
    padding: clamp(80px, 11.09dvw, 213px) 0 clamp(80px, 8.85dvw, 170px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-serv-abt.png") no-repeat center top/cover;
  }
  .abt::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21.52%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#02110A), color-stop(60%, rgba(2, 17, 10, 0)));
    background-image: linear-gradient(to top, #02110A, rgba(2, 17, 10, 0) 60%);
  }
  .abt .c-wp {
    --c-wp: 996px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .abt .c-t {
    font-family: var(--ffTC);
    font-size: var(--fz48);
    font-weight: 500;
    letter-spacing: var(--ls50);
    margin-bottom: 10px;
  }
  .abt .des {
    font-family: var(--ffTC);
    text-align: center;
    line-height: var(--lh200);
    margin-bottom: 63px;
  }
  .abt .tags {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--c-gd-gap, var(--c-gd-y, 25px) var(--c-gd-x, 25px));
  }
  .abt .tags > * {
    width: calc((100% - var(--c-gd-x, 25px) * (var(--c-gd-col, 28px) - 1)) / var(--c-gd-col, 28px));
  }
  .abt .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 14px;
    letter-spacing: var(--ls50);
    background: #081F1F;
    border-radius: 8px;
    border: 2px solid #144B43;
    padding: 6px 15px;
    -webkit-box-shadow: 0 0 16px rgba(19, 87, 79, 0.8);
            box-shadow: 0 0 16px rgba(19, 87, 79, 0.8);
  }
  .abt .tag::before {
    content: "✓";
    display: inline-block;
  }
  .plot {
    padding: clamp(80px, 7.29dvw, 140px) 0 clamp(80px, 7.81dvw, 150px);
    border: solid #444;
    border-width: 1px 0;
    background: #0F2018 url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-serv-plot.png") no-repeat center;
  }
  .plot .c-wp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    letter-spacing: var(--ls50);
  }
  .plot .t-eng {
    font-family: var(--ffP);
    font-size: var(--fz48);
    font-weight: 500;
    color: rgba(229, 255, 255, 0.15);
  }
  .plot .c-t {
    font-size: var(--fz30);
    margin-bottom: 19px;
  }
  .plot .des {
    line-height: var(--lh200);
  }
  .serv {
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-serv.png") no-repeat center top/cover;
  }
  .serv-item {
    padding: clamp(60px, 7.71dvw, 148px) 0 clamp(60px, 7.92dvw, 152px);
  }
  .serv-item:not(:last-child) {
    border-bottom: 1px solid #444;
  }
  .serv-item:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
  }
  .serv-item .c-wp {
    --c-wp: 1150px;
  }
  .serv-item .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 12px;
    margin-bottom: clamp(-6px, -0.31dvw, -1px);
  }
  .serv-item .step-number {
    font-family: var(--ffP);
    font-size: var(--fz112);
    font-weight: 600;
    color: rgba(229, 255, 255, 0.1);
    letter-spacing: 0;
    line-height: 1;
  }
  .serv-item .step-t {
    font-family: var(--ffTC);
    font-weight: 700;
    color: #506B66;
    letter-spacing: var(--ls50);
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  .serv-item .c-t {
    font-size: var(--fz48);
    font-family: var(--ffTC);
    font-weight: 500;
    letter-spacing: var(--ls50);
    margin-bottom: 15px;
  }
  .serv-item .des {
    font-family: var(--ffTC);
    letter-spacing: var(--ls50);
    line-height: var(--lh200);
  }
  .serv-item .t-s {
    margin-bottom: 30px;
  }
  .serv-item .lt-t {
    color: #86A799;
  }
}
@scope (.p-ctt) {
  figure {
    margin: 0;
  }
  :scope {
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.0625em;
    color: #C5C5C5;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/bg-ctt.png") no-repeat center bottom;
    padding-bottom: 60px;
  }
  [class*=c-icon] {
    display: inline-block;
    aspect-ratio: var(--c-icon-ar, 1/1);
    width: var(--c-icon-w, 50px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--c-icon, none);
  }
  .c-icon-i-comm1 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm1.png");
  }
  .c-icon-i-comm2 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm2.png");
  }
  .c-icon-i-comm3 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm3.png");
  }
  .c-icon-i-comm4 {
    --c-icon: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-comm4.png");
  }
  .ctt-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 10.68dvw, 205px);
    padding: clamp(80px, 7.81dvw, 150px) 0 25px;
  }
  .ctt-info .bk-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 44.27%;
    background: rgba(10, 25, 19, 0.7);
    border: 1px solid #1D6D62;
    border-left: none;
    backdrop-filter: blur(1px);
    padding: clamp(30px, 3.28dvw, 63px) clamp(8px, 4.43dvw, 85px) clamp(80px, 9.9dvw, 190px) clamp(8px, 3.39dvw, 65px);
  }
  .ctt-info .bk-info::before {
    content: "";
    position: absolute;
    bottom: clamp(30px, 1.82dvw, 35px);
    right: clamp(30px, 1.82dvw, 35px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-ctt2.png") no-repeat center/contain;
    aspect-ratio: 60/47;
    width: 57px;
  }
  .ctt-info .lt {
    margin-top: clamp(30px, 5.1dvw, 98px);
  }
  .ctt-info .lt > *:not(:last-child) {
    margin-bottom: 40px;
  }
  .ctt-info .lt > *:nth-child(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .ctt-info .lt > *:nth-child(3) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .ctt-info .lt > *:nth-child(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .ctt-info .bk-img {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-top: clamp(50px, 5.99dvw, 115px);
    padding-right: clamp(30px, 9.9dvw, 190px);
  }
  .ctt-info .bk-img::before {
    content: "";
    position: absolute;
    top: 5.15%;
    left: 0;
    aspect-ratio: 65/60;
    width: 60px;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-ctt3.png") no-repeat center/contain;
    opacity: 0;
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
  }
  .ctt-info .t-img {
    aspect-ratio: 116/384;
    width: clamp(85px, 6.04dvw, 116px);
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/t-ctt.png") no-repeat center/contain;
  }
  .ctt-info .eImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    aspect-ratio: 697/443;
    width: 100%;
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/p-ctt.png") no-repeat center/contain;
  }
  .ctt-info .eImg > * {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: clip-path 1s ease, -webkit-filter 1s ease;
    transition: clip-path 1s ease, -webkit-filter 1s ease;
    transition: clip-path 1s ease, filter 1s ease;
    transition: clip-path 1s ease, filter 1s ease, -webkit-filter 1s ease;
  }
  .ctt-info .eImg > *:nth-child(1) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .ctt-info .eImg > *:nth-child(2) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .ctt-info .eImg > *:nth-child(3) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .ctt-info :is(.el1, .el2, .el3) {
    -webkit-filter: blur(5px);
            filter: blur(5px);
    clip-path: inset(0 0 100% 0);
  }
  .ctt-info .el1 {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/pCtt1.png");
    aspect-ratio: 282/636;
    width: 28.36%;
  }
  .ctt-info .el2 {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/pCtt2.png");
    aspect-ratio: 367/636;
    width: 37.01%;
  }
  .ctt-info .el3 {
    background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/pCtt3.png");
    aspect-ratio: 303/636;
    width: 30.3%;
  }
  .ctt-info .bk-img.in-view::before {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .ctt-info .bk-img.in-view :is(.el1, .el2, .el3) {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  .ctt-info .bk-img.in-view .el1 {
    clip-path: inset(26% 0 0 0);
  }
  .ctt-info .bk-img.in-view .el2 {
    clip-path: inset(13% 0 0 0);
  }
  .ctt-info .bk-img.in-view .el3 {
    clip-path: inset(0 0 0 0);
  }
  .ctt-fm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 clamp(30px, 9.9dvw, 190px) 0 30px;
  }
  .ctt-fm .t-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(30px, 1.98dvw, 38px);
    font-size: var(--fz40);
    font-family: var(--ffP);
    font-weight: 500;
  }
  .ctt-fm .icon {
    background: url("https://pic03.eapple.com.tw/zeelandiaconsulting/i-ctt.png") no-repeat center/contain;
    aspect-ratio: 60/60;
    width: 60px;
  }
  .ctt-fm .label {
    text-shadow: 0 0 16px rgba(45, 249, 225, 0.5);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .ctt-fm .label span {
    color: #00F7A5;
  }
  @media all and (max-width: 1366px) {
    .ctt-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 30px;
      padding: 30px 5% 50px;
    }
    .ctt-info .bk-img, .ctt-info .bk-info {
      max-width: 992px;
      width: 100%;
    }
    .ctt-info .bk-info {
      border-left: 1px solid #1D6D62;
    }
    .ctt-info .bk-info[data-ani] {
      -webkit-transform: translate3d(0, 50px, 0);
              transform: translate3d(0, 50px, 0);
    }
    .ctt-info .bk-img {
      padding: 0;
    }
    .ctt-info .bk-img::before {
      display: none;
    }
    .ctt-info .bk-img.in-view .el1, .ctt-info .bk-img.in-view .el2 {
      clip-path: inset(0 0 0 0);
    }
    .ctt-fm {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
  }
  @media all and (max-width: 620px) {
    .ctt-info .t-img {
      aspect-ratio: 384/116;
      width: clamp(280px, 20dvw, 384px);
      background-image: url("https://pic03.eapple.com.tw/zeelandiaconsulting/t-ctt-m.png");
    }
    .ctt-info .t-img[data-ani] {
      -webkit-transform: translate3d(0, 50px, 0);
              transform: translate3d(0, 50px, 0);
    }
  }
}