@charset "UTF-8";
/*******************************************************************************
 * version 1.0 release;
 * copyright 2019
 ******************************************************************************/
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
.js-animate--fadein, .js-animate--pop {
  opacity: 0;
}
.js-animate--fadein-up {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
}
.js-animate--fadein-down {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.js-animate--fadein-left {
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
          transform: translate(-30px, 0);
}
.js-animate--fadein-right {
  opacity: 0;
  -webkit-transform: translate(30px, 0);
          transform: translate(30px, 0);
}
.js-animate--active {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.animate-dur1500 {
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

.animate-delay100 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.animate-delay150 {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.animate-delay200 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.animate-delay250 {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.animate-delay300 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.animate-delay350 {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.animate-delay400 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.animate-delay450 {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.animate-delay500 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.animate-delay550 {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

.animate-delay600 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.animate-delay650 {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

.animate-delay700 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.animate-delay750 {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.animate-delay800 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.animate-delay850 {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

.animate-delay900 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.animate-delay950 {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

.animate-delay1000 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.animate-delay1050 {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.animate-delay1100 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.animate-delay1150 {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.animate-delay1200 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.animate-delay1250 {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.animate-delay1300 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.animate-delay1350 {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

.animate-delay1400 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.animate-delay1450 {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s;
}

.animate-delay1500 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

@media (min-width: 768px) {
  .animate-delay100-md {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .animate-delay150-md {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .animate-delay200-md {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .animate-delay250-md {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .animate-delay300-md {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .animate-delay350-md {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  .animate-delay400-md {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .animate-delay450-md {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  .animate-delay500-md {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .animate-delay550-md {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  .animate-delay600-md {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .animate-delay650-md {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  .animate-delay700-md {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .animate-delay750-md {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  .animate-delay800-md {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .animate-delay850-md {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  .animate-delay900-md {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .animate-delay950-md {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  .animate-delay1000-md {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .animate-delay1050-md {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  .animate-delay1100-md {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .animate-delay1150-md {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  .animate-delay1200-md {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .animate-delay1250-md {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  .animate-delay1300-md {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .animate-delay1350-md {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  .animate-delay1400-md {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  .animate-delay1450-md {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  .animate-delay1500-md {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}
@media (min-width: 992px) {
  .animate-delay100-lg {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .animate-delay150-lg {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
  }
  .animate-delay200-lg {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .animate-delay250-lg {
    -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  .animate-delay300-lg {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .animate-delay350-lg {
    -webkit-transition-delay: 0.35s;
            transition-delay: 0.35s;
  }
  .animate-delay400-lg {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .animate-delay450-lg {
    -webkit-transition-delay: 0.45s;
            transition-delay: 0.45s;
  }
  .animate-delay500-lg {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .animate-delay550-lg {
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  .animate-delay600-lg {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .animate-delay650-lg {
    -webkit-transition-delay: 0.65s;
            transition-delay: 0.65s;
  }
  .animate-delay700-lg {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .animate-delay750-lg {
    -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
  }
  .animate-delay800-lg {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .animate-delay850-lg {
    -webkit-transition-delay: 0.85s;
            transition-delay: 0.85s;
  }
  .animate-delay900-lg {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .animate-delay950-lg {
    -webkit-transition-delay: 0.95s;
            transition-delay: 0.95s;
  }
  .animate-delay1000-lg {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .animate-delay1050-lg {
    -webkit-transition-delay: 1.05s;
            transition-delay: 1.05s;
  }
  .animate-delay1100-lg {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .animate-delay1150-lg {
    -webkit-transition-delay: 1.15s;
            transition-delay: 1.15s;
  }
  .animate-delay1200-lg {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .animate-delay1250-lg {
    -webkit-transition-delay: 1.25s;
            transition-delay: 1.25s;
  }
  .animate-delay1300-lg {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .animate-delay1350-lg {
    -webkit-transition-delay: 1.35s;
            transition-delay: 1.35s;
  }
  .animate-delay1400-lg {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
  .animate-delay1450-lg {
    -webkit-transition-delay: 1.45s;
            transition-delay: 1.45s;
  }
  .animate-delay1500-lg {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
}
@media (min-width: 992px) {
  .col-text-part {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43.75%;
            flex: 0 0 43.75%;
    max-width: 43.75%;
  }
}
@media (min-width: 992px) {
  .col-img-part {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56.25%;
            flex: 0 0 56.25%;
    max-width: 56.25%;
  }
}

/**
 滿版文章區塊
 */
.section {
  min-height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.section__inner {
  padding: 1.5em 5%;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section__inner {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .section__inner {
    max-width: 1440px;
  }
  .section__inner > .row {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .section__content {
    padding: 50px 50px 0;
  }
}
@media (min-width: 992px) {
  .section__content {
    height: 100%;
    padding-top: 0;
    padding-right: 50px;
  }
}
@media (min-width: 1560px) {
  .section__content {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .section__content--left {
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .col-text-part .section__content--right {
    padding-left: 50px;
  }
}
.section__title {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .section__title {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  .section__title {
    font-size: 38px;
  }
}
.section__desc {
  color: #211c15;
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 2em;
  letter-spacing: 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .section__desc {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .section__desc {
    margin-bottom: 1em;
  }
}
.section--search .section__desc {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .section__desc + .btn-outer,
.section__desc + .section-btn {
    margin-bottom: 40px;
  }
}
.section__img-group {
  position: relative;
}
.section__img-outer {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0;
}
@media (min-width: 768px) {
  .section__img-outer {
    padding: 0 55px;
  }
}
@media (min-width: 992px) {
  .section__img-outer {
    padding-left: 0;
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .section__img-outer {
    top: 20%;
  }
}
@media (min-width: 992px) {
  .section__img {
    width: 500px;
  }
}
@media (min-width: 1440px) {
  .section__img {
    width: 700px;
  }
}
.section__icon {
  color: #FE99B9;
  font-size: 75px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0.125em;
}
@media (min-width: 768px) {
  .section__icon {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .section__icon {
    font-size: 65px;
  }
}
.section__icon.icon-lg {
  font-size: 100px;
}
@media (max-width: 767px) {
  .section__icon.icon-lg {
    font-size: 80px;
  }
}
.section--case {
  min-height: 0;
}
@media (min-width: 992px) {
  .section--case .section__content--left {
    margin-bottom: 0;
  }
}
.section--case .section__content {
  padding-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section--case .section__content--right {
    display: block;
  }
}
@media (min-width: 992px) {
  .section--case .section__content--right {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .section--case .section__content--left {
    margin-top: 60px;
  }
}
@media (max-width: 767px) and (min-width: 375px) {
  .section--case .section__content--left {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .section--case .section__desc {
    max-width: 580px;
  }
}
.section--case .section__icon {
  margin-bottom: 0;
}
.section--case .section__img-group {
  margin-bottom: 23%;
  margin-top: 9%;
}
@media (min-width: 768px) {
  .section--case .section__img-group {
    margin-bottom: 2%;
    margin-top: 2%;
  }
}
@media (min-width: 992px) {
  .section--case .section__img-group {
    margin-bottom: 0;
    margin-right: 5.81%;
    margin-top: 1%;
  }
}
.section--case .img-outer:nth-child(1) {
  width: 100%;
}
.section--case .img-outer:nth-child(1) .section__img {
  width: auto;
}
.section--case .img-outer:nth-child(2) {
  position: absolute;
  width: 53.61%;
  right: 23.59%;
  bottom: -23.94%;
}
@media (min-width: 768px) {
  .section--case .img-outer:nth-child(2) {
    width: 37.31%;
    top: auto;
    bottom: -4.38%;
    right: 8.5%;
  }
}
@media (min-width: 992px) {
  .section--case .img-outer:nth-child(2) {
    width: 33.78%;
    bottom: 17.75%;
    right: -5.81%;
  }
}
.section--case .circle-line:nth-child(2) {
  width: 23.05%;
  min-width: 80px;
  top: 0;
  right: 10%;
}
@media (min-width: 375px) {
  .section--case .circle-line:nth-child(2) {
    top: 10%;
  }
}
@media (min-width: 768px) {
  .section--case .circle-line:nth-child(2) {
    width: 12.97%;
    top: 9.5%;
    right: 33%;
  }
}
@media (min-width: 992px) {
  .section--case .circle-line:nth-child(2) {
    right: 30%;
  }
}
@media (min-width: 1280px) {
  .section--case .circle-line:nth-child(2) {
    right: 33%;
  }
}
.section--case .circle-line:nth-child(2) .circle-line__item::before {
  content: "公開案件";
  position: absolute;
  font-size: 14px;
  color: #555555;
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 0;
}
@media (min-width: 768px) {
  .section--case .circle-line:nth-child(2) .circle-line__item::before {
    font-size: 16px;
  }
}
.section--case .circle-line:nth-child(3) {
  width: 19.83%;
  min-width: 70px;
  top: 35%;
  left: 5%;
}
@media (min-width: 768px) {
  .section--case .circle-line:nth-child(3) {
    width: 12.97%;
    top: 36%;
    left: 5%;
  }
}
.section--case .circle-line:nth-child(3) .circle-line__tooltip {
  left: 0;
}
.section--case .circle-line:nth-child(3) .circle-line__item::before {
  content: "已邀請";
  position: absolute;
  font-size: 14px;
  color: #555555;
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 0;
}
@media (min-width: 768px) {
  .section--case .circle-line:nth-child(3) .circle-line__item::before {
    font-size: 16px;
  }
}
.section--price {
  background: #eeeeee;
  min-height: 0;
}
.section--price .section__icon {
  color: #FD0050;
}
@media (min-width: 992px) {
  .section--price .section__content--left {
    margin-bottom: 0;
  }
}
.section--price .section__content {
  padding-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section--price .section__content--right {
    display: block;
  }
}
@media (min-width: 992px) {
  .section--price .section__content--right {
    margin-top: -10px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  .section--price .section__desc {
    max-width: 580px;
  }
}
.section--price .section__img-group {
  margin-top: 35%;
  margin-bottom: 33%;
}
@media (min-width: 768px) {
  .section--price .section__img-group {
    margin-left: 13%;
    margin-top: 19%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .section--price .section__img-group {
    margin-left: 17%;
    margin-top: 17%;
  }
}
.section--price .img-outer:nth-child(1) {
  width: 100%;
}
.section--price .img-outer:nth-child(2) {
  position: absolute;
  width: 71.39%;
  right: 14.43%;
  bottom: -48%;
}
@media (min-width: 768px) {
  .section--price .img-outer:nth-child(2) {
    width: 53.96%;
    top: -34.89%;
    bottom: auto;
    right: 8.5%;
  }
}
@media (min-width: 992px) {
  .section--price .img-outer:nth-child(2) {
    width: 49.84%;
    top: -31.97%;
    right: 3.58%;
  }
}
.section--price .img-outer:nth-child(3) {
  position: absolute;
  width: 44.91%;
  right: 23.79%;
  top: -46.66%;
  z-index: -1;
}
@media (min-width: 768px) {
  .section--price .img-outer:nth-child(3) {
    width: 33.72%;
    top: 21.35%;
    right: auto;
    left: -13%;
  }
}
@media (min-width: 992px) {
  .section--price .img-outer:nth-child(3) {
    width: 31.15%;
    top: 27.88%;
    left: -20.4%;
  }
}
.section--price .circle-line:nth-child(2) {
  top: 33%;
  left: 0;
}
@media (min-width: 768px) {
  .section--price .circle-line:nth-child(2) {
    top: 32%;
    left: 1%;
  }
}
@media (min-width: 992px) {
  .section--price .circle-line:nth-child(2) {
    top: 32%;
    left: 2%;
  }
}
.section--process {
  min-height: 0;
}
@media (min-width: 992px) {
  .section--process .section__content--left {
    margin-bottom: 0;
  }
}
.section--process .section__content {
  padding-top: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section--process .section__content--right {
    display: block;
  }
}
@media (min-width: 992px) {
  .section--process .section__content--right {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .section--process .section__content--left {
    margin-top: 60px;
  }
}
@media (max-width: 767px) and (min-width: 375px) {
  .section--process .section__content--left {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .section--process .section__desc {
    max-width: 580px;
  }
}
.section--process .section__img {
  width: auto;
}
.section--process .section__img-group {
  margin-bottom: 57%;
}
@media (min-width: 768px) {
  .section--process .section__img-group {
    margin-bottom: 12%;
  }
}
@media (min-width: 992px) {
  .section--process .section__img-group {
    margin-bottom: 4%;
  }
}
.section--process .img-outer:nth-child(1) {
  width: 100%;
}
.section--process .img-outer:nth-child(2) {
  position: absolute;
  width: 78%;
  right: 11%;
  bottom: -56.09%;
}
@media (min-width: 768px) {
  .section--process .img-outer:nth-child(2) {
    width: 45.71%;
    top: auto;
    bottom: -16.38%;
    right: 5.37%;
  }
}
@media (min-width: 992px) {
  .section--process .img-outer:nth-child(2) {
    bottom: -6.72%;
    right: 2.7%;
  }
}
.section--process .circle-line:nth-child(2) {
  width: 23%;
  min-width: 86px;
  top: 59.89%;
  left: 4.81%;
}
@media (min-width: 768px) {
  .section--process .circle-line:nth-child(2) {
    width: 12.97%;
    top: auto;
    bottom: 31%;
    left: 4%;
  }
}
@media (min-width: 992px) {
  .section--process .circle-line:nth-child(2) {
    left: 4.5%;
  }
}
.section--process .circle-line:nth-child(2) .circle-line__item::before {
  content: "詳細說明";
  position: absolute;
  font-size: 14px;
  color: #555555;
  width: 95%;
  height: 95%;
  top: 2.5%;
  left: 2.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 0;
}
@media (min-width: 768px) {
  .section--process .circle-line:nth-child(2) .circle-line__item::before {
    font-size: 16px;
  }
}
.section--process .circle-line:nth-child(3) {
  width: 75.4%;
  min-width: 235px;
  bottom: -4.56%;
  left: 12%;
}
@media (min-width: 768px) {
  .section--process .circle-line:nth-child(3) {
    width: 42.08%;
    top: auto;
    bottom: 35%;
    left: auto;
    right: 7.15%;
  }
}
@media (min-width: 992px) {
  .section--process .circle-line:nth-child(3) {
    width: 40%;
    min-width: 0;
    bottom: 44.5%;
    right: 5.5%;
  }
}
@media (max-width: 767px) {
  .section--process .circle-line:nth-child(3) .circle-line__tooltip-content {
    left: 40px;
  }
}
.section--track {
  background: #eeeeee;
  min-height: 0;
}
.section--track .section__icon {
  color: #FD0050;
}
@media (min-width: 992px) {
  .section--track .section__content--left {
    margin-bottom: 0;
  }
}
.section--track .section__content {
  padding-top: 0;
}
.section--track .section__inner {
  padding-bottom: 100px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section--track .section__content--right {
    display: block;
  }
}
@media (min-width: 992px) {
  .section--track .section__content--right {
    margin-top: -10px;
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  .section--track .section__desc {
    max-width: 580px;
  }
}
.section--track .section__img-group {
  margin-top: 28%;
  margin-bottom: 33%;
}
@media (min-width: 768px) {
  .section--track .section__img-group {
    margin-left: 21.5%;
    margin-top: 8%;
    margin-bottom: 6%;
  }
}
@media (min-width: 992px) {
  .section--track .section__img-group {
    margin-left: 28%;
    margin-right: 3%;
    margin-top: 6.5%;
    margin-bottom: 0;
  }
}
.section--track .img-outer:nth-child(1) {
  width: 100%;
}
.section--track .img-outer:nth-child(2) {
  position: absolute;
  width: 53.47%;
  right: 22.99%;
  bottom: -36%;
}
@media (min-width: 768px) {
  .section--track .img-outer:nth-child(2) {
    width: 41.69%;
    top: auto;
    bottom: -9.12%;
    right: auto;
    left: -26.41%;
  }
}
@media (min-width: 992px) {
  .section--track .img-outer:nth-child(2) {
    top: -10.11%;
    right: -5.66%;
    left: auto;
    bottom: auto;
  }
}
.section--track .img-outer:nth-child(3) {
  position: absolute;
  width: 54.54%;
  left: 0;
  top: -28.45%;
  z-index: -1;
}
@media (min-width: 768px) {
  .section--track .img-outer:nth-child(3) {
    width: 45.28%;
    top: -10.51%;
    left: -26.41%;
  }
}
@media (min-width: 992px) {
  .section--track .img-outer:nth-child(3) {
    width: 45.28%;
    top: 25.99%;
    left: -38%;
  }
}
.section--track .circle-line:nth-child(2) {
  width: 37.7%;
  bottom: 13.5%;
  left: 27%;
}
@media (min-width: 768px) {
  .section--track .circle-line:nth-child(2) {
    width: 44.33%;
    top: auto;
    bottom: 12.5%;
    left: 24%;
  }
}
@media (min-width: 992px) {
  .section--track .circle-line:nth-child(2) {
    width: 36.6%;
    bottom: 14%;
    left: 28.49%;
  }
}
@media (max-width: 767px) {
  .section--track .circle-line:nth-child(2) .circle-line__tooltip {
    left: -20px;
  }
}
@media (max-width: 767px) and (min-width: 375px) {
  .section--track .circle-line:nth-child(2) .circle-line__tooltip {
    left: 0;
  }
}
.section--footer {
  min-height: 400px;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .section--footer {
    background-image: url("../images/page/influencer/footer.jpg");
    height: 400px;
  }
}
.section--footer .section__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 992px) {
  .section--footer .section__overlay {
    width: 63.125%;
    margin-left: 36.875%;
  }
}
@media (min-width: 992px) {
  .section--footer .section__overlay .overlay {
    width: 120%;
    -webkit-transform: skewX(-20deg) translateX(5%);
            transform: skewX(-20deg) translateX(5%);
  }
}
@media (max-width: 991px) {
  .section--footer .section__inner {
    padding: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .section--footer .section__inner {
    max-width: none;
  }
}
@media (min-width: 992px) {
  .section--footer .section__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .section--footer .section__inner > .row > [class*=col-]:nth-child(2), .section--footer .section__inner > .row > [class^=col-]:nth-child(2) {
    display: none;
  }
}
@media (max-width: 991px) {
  .section--footer .section__inner > .row > [class*=col-], .section--footer .section__inner > .row > [class^=col-] {
    background-size: cover;
  }
  .section--footer .section__inner > .row > [class*=col-]:nth-child(1), .section--footer .section__inner > .row > [class^=col-]:nth-child(1) {
    min-height: 300px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url("../images/page/influencer/footer.jpg");
    background-position: right center;
    position: relative;
  }
  .section--footer .section__inner > .row > [class*=col-]:nth-child(2), .section--footer .section__inner > .row > [class^=col-]:nth-child(2) {
    min-height: 260px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    background-image: url("../images/page/influencer/footer.jpg");
    background-position: left center;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .section--footer .section__inner > .row > [class*=col-], .section--footer .section__inner > .row > [class^=col-] {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .section--footer .section__inner > .row > [class*=col-] .section__overlay, .section--footer .section__inner > .row > [class^=col-] .section__overlay {
    display: none;
  }
}
@media (max-width: 991px) {
  .section--footer .section__content {
    padding-top: 0;
    max-width: 300px;
    margin: -25px auto 0;
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .section--footer .section__content {
    max-width: none;
    margin-top: -30px;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .section--footer .section__content {
    margin-left: 50%;
  }
}
.section--footer .section__title {
  color: #fff;
  margin-bottom: 0.5em;
}
.section--footer .section__icon {
  color: #fff;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .section--footer .section__icon {
    font-size: 60px;
  }
}
.section--footer .section__icon:nth-child(1) {
  margin-right: 0.125em;
}
.section--footer .section__icon.icon-sm {
  font-size: 30px;
}
@media (min-width: 768px) {
  .section--footer .section__icon.icon-sm {
    font-size: 40px;
  }
}
.section--links {
  min-height: 0;
}
@media (min-width: 768px) {
  .section--links {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .section--links {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .section--links {
    margin-bottom: 30px;
  }
}
.section--links .section__inner {
  padding-top: 0;
  padding-bottom: 2rem;
  position: relative;
}
@media (min-width: 576px) {
  .section--links .section__inner {
    max-width: none;
  }
}
.section--links .section__inner::before, .section--links .section__inner::after {
  position: absolute;
  content: "";
  width: 50%;
  bottom: 0;
  border-bottom: 3px solid transparent;
}
@media (max-width: 767px) {
  .section--links .section__inner::before, .section--links .section__inner::after {
    height: 209px;
    border-top: 3px solid transparent;
  }
}
.section--links .section__inner::before {
  left: 0;
  border-color: #eeeeee;
}
.section--links .section__inner::after {
  right: 0;
  border-color: #FD0050;
}
.section--links .section__title {
  text-align: center;
  padding-top: 30px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .section--links .section__title {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .section--links .section__title {
    display: none;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/*
 頁首部分
 */
.influencer {
  overflow: hidden;
  padding-bottom: 0;
}
.influencer__head {
  background-image: url("../images/page/influencer/bg.webp?t=20220725v1");
  background-size: cover;
  background-position: center center;
  height: 360px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 360px;
}
@media (min-width: 768px) {
  .influencer__head {
    height: 400px;
    min-height: 400px;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__inner {
    padding: 0 20px;
  }
}
.influencer__head .section__title {
  color: #fff;
  font-weight: bold;
  font-size: 34px;
  line-height: 34px;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .influencer__head .section__title {
    font-size: 3.125em;
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__title {
    -ms-flex-item-align: start;
        align-self: flex-start;
    text-align: left;
  }
}
.influencer__head .section__desc {
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .influencer__head .section__desc {
    font-size: 1.25em;
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__column {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__column:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 118px;
            flex: 1 0 118px;
    max-width: 118px;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__column:nth-child(2) {
    -ms-flex-preferred-size: calc(100% - 118px);
        flex-basis: calc(100% - 118px);
    max-width: calc(100% - 118px);
  }
}
@media (min-width: 768px) {
  .influencer__head .section__content {
    padding-top: 0;
    max-width: 600px;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .influencer__head .section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 745px;
  }
  .influencer__head .section__content .section__column + .section__column {
    margin-left: 65px;
  }
}
.influencer__logo {
  width: 62px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .influencer__logo {
    width: 67px;
    margin-bottom: 36px;
  }
}
@media (min-width: 992px) {
  .influencer__logo {
    width: 158px;
    margin-bottom: 0;
    margin-top: -5px;
  }
}
.influencer__btn {
  height: 44px;
  width: 150px;
  border: 2px solid transparent;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  color: #FD0050;
  background: #fff;
  border-color: #fff;
}
.influencer__btn:not(:disabled):not(.btn--disabled):focus, .influencer__btn:not(:disabled):not(.btn--disabled):active {
  color: #fff;
  background: #211c15;
  border-color: #211c15;
}
@media (min-width: 992px) {
  .influencer__btn:not(:disabled):not(.btn--disabled):hover {
    color: #fff;
    background: #211c15;
    border-color: #211c15;
  }
}
@media (min-width: 768px) {
  .influencer__btn {
    height: 50px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .influencer__btn {
    height: 60px;
    width: 200px;
  }
}
.influencer__btn--color {
  background: #FD0050;
  border-color: #FD0050;
  color: #fff;
}
@media (min-width: 992px) {
  .influencer__btn--color:not(:disabled):hover {
    background: #f96166;
    border-color: #f96166;
    color: #fff;
  }
}
.influencer__btn--fuchsia {
  color: #FD0050;
  background: #fff;
  border-color: #FD0050;
}
.influencer__btn--fuchsia:not(:disabled):not(.btn--disabled):focus, .influencer__btn--fuchsia:not(:disabled):not(.btn--disabled):active {
  color: #fff;
  background: #FD0050;
  border-color: #FD0050;
}
@media (min-width: 992px) {
  .influencer__btn--fuchsia:not(:disabled):not(.btn--disabled):hover {
    color: #fff;
    background: #FD0050;
    border-color: #FD0050;
  }
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(253, 0, 80, 0.7);
}

.circle-line {
  display: none;
  position: absolute;
  color: #fff;
  z-index: 1;
}
.circle-line.js-animate--active {
  display: block;
}
.circle-line-parent {
  position: relative;
}
.circle-line svg {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .circle-line svg {
    height: auto !important;
  }
}
.circle-line__path {
  fill: none;
  stroke: #FD0050;
  stroke-width: 3;
}
.circle-line--white .circle-line__path {
  stroke: #fff;
}
.circle-line__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.circle-line__tooltip {
  position: absolute;
  bottom: calc(100% + 20px);
  left: 20px;
}
@media (max-width: 767px) {
  .circle-line--reverse .circle-line__tooltip {
    left: auto;
    right: 0;
  }
}
.circle-line__tooltip-text {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.circle-line__tooltip-content {
  background: #FD0050;
  border-radius: 20px;
  padding: 0.5em 1em;
  position: relative;
  border: 3px solid #fff;
  -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.1));
}
.circle-line__tooltip-content::before {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 10px solid #fff;
  border-radius: 26px 0 0 0;
  width: 11px;
  height: 25px;
  z-index: 0;
  right: auto;
  left: 11px;
  top: auto;
  bottom: -20px;
  -webkit-transform: rotateZ(279deg) rotateX(180deg) scale(1.6);
          transform: rotateZ(279deg) rotateX(180deg) scale(1.6);
}
@media (max-width: 767px) {
  .circle-line--reverse .circle-line__tooltip-content::before {
    left: auto;
    right: 11px;
    -webkit-transform: rotateZ(260deg) rotateX(0) scale(1.6);
            transform: rotateZ(260deg) rotateX(0) scale(1.6);
  }
}
.circle-line__tooltip-content::after {
  content: "";
  position: absolute;
  border: 0 solid transparent;
  border-top: 10px solid #FD0050;
  border-radius: 26px 0 0 0;
  width: 13px;
  height: 27px;
  z-index: 0;
  right: auto;
  left: 15px;
  top: auto;
  bottom: -19px;
  -webkit-transform: rotateZ(270deg) rotateX(180deg);
          transform: rotateZ(270deg) rotateX(180deg);
}
@media (max-width: 767px) {
  .circle-line--reverse .circle-line__tooltip-content::after {
    left: auto;
    right: 15px;
    -webkit-transform: rotateZ(270deg) rotateX(0);
            transform: rotateZ(270deg) rotateX(0);
  }
}

.deco-background {
  height: 95px;
}
@media (min-width: 992px) {
  .deco-background {
    height: 170px;
  }
}
.deco-background svg {
  display: block;
  width: 100%;
  height: 95px;
  background: transparent;
}
@media (min-width: 992px) {
  .deco-background svg {
    height: 170px;
  }
}
.deco-background svg polygon {
  fill: #eeeeee;
}

/**
 按鈕
 */
.section-btn {
  color: #211c15;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .section-btn {
    font-size: 20px;
    width: 250px;
  }
}
.section-btn__icon {
  width: 136px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section-btn__icon--pad {
  display: none;
}
@media (min-width: 768px) {
  .section-btn__icon--pad {
    display: block;
  }
}
.section-btn__icon--phone {
  width: 60px;
}
@media (min-width: 768px) {
  .section-btn__icon--phone {
    display: none;
  }
}
.section-btn:hover .section-btn__icon {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.col-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.col-content-center > * {
  width: 100%;
}

.link-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1120px;
  margin: 0 auto -32px;
  position: relative;
  z-index: 1;
}
.link-tab__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 3px solid transparent;
}
@media (min-width: 768px) {
  .link-tab__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}
.link-tab__item:nth-child(2n+1) {
  border-color: #eeeeee;
}
.link-tab__item:nth-child(2n) {
  border-color: #FD0050;
}
.link-tab__link {
  text-decoration: none;
  color: #fff;
}
.link-tab__icon {
  font-size: 85px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .link-tab__icon {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 767px) {
  .link-tab__icon {
    font-size: 65px;
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 992px) {
  .link-tab__icon {
    width: 137px;
    height: 137px;
  }
}
.link-tab__icon .icon-lg {
  font-size: 100px;
}
@media (max-width: 767px) {
  .link-tab__icon .icon-lg {
    font-size: 80px;
  }
}
.link-tab__item:nth-child(2n+1) .link-tab__icon {
  color: #FE99B9;
}
.link-tab__item:nth-child(2n) .link-tab__icon {
  color: #FD0050;
}
.link-tab__link:hover .link-tab__icon {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.link-tab__title {
  color: #555555;
  max-width: 130px;
  margin: 0 auto;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .link-tab__title {
    font-size: 18px;
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .link-tab__title {
    max-width: 180px;
  }
}
.link-tab__link:hover .link-tab__title {
  text-decoration: none;
}

.image-ios {
  display: none;
}
.ios-device .image-ios {
  display: block;
}

.ios-device .image-other {
  display: none;
}