@charset "UTF-8";
body {
  color: #333333;
  background: #fff;
  font-family: "Noto Sans TC", "Noto Sans SC", Arial, Verdana, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體" !important;
}

#top_banner_area {
  height: 0;
  background-image: url(../images/KV_Tax.jpg);
  background-position: center;
  padding-top: 44.375%;
  background-size: cover;
}
@media (max-width: 768px) {
  #top_banner_area {
    background-image: url(../images/KV_Tax_m.jpg);
    padding-top: 113.6%;
  }
}

#app {
  min-width: 450px;
}

#intro-section,
#swipe-section,
#promo-section .container {
  max-width: unset;
}

.top-terms {
  border: 1px solid #333333;
  font-size: 18px;
  padding: 20px;
}
@media (max-width: 768px) {
  .top-terms {
    font-size: 12px;
    padding: 12px;
  }
}

.intro {
  padding: 44px 0;
  max-width: 90%;
  margin: auto;
}
@media (max-width: 768px) {
  .intro {
    max-width: 100%;
  }
}

h2 {
  color: #46b54c;
  font-size: 40px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  h2 {
    font-size: 34px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  p {
    font-size: 22px;
  }
}

.main {
  background: unset;
}

.title {
  gap: 30px;
  width: 100%;
}
@media (max-width: 768px) {
  .title {
    gap: 10px;
  }
}
.title .line {
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #055541, #46b54c);
}
.title .line:first-child {
  background-image: linear-gradient(to left, #055541, #46b54c);
}
.title .text {
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight: bold;
  color: #055541;
  font-size: 36px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .title .text {
    font-size: 30px;
  }
}

.card {
  border-radius: 30px;
  background-color: #fff;
  padding: 0 20px 30px;
  background-image: url(../images/green-bg.png);
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-size: 22px;
}
.card.up {
  background-image: url(../images/brown-bg.png);
}
.card.up .icon::after {
  content: "";
  display: block;
  background-image: url(../images/upgrade.png);
  width: 127px;
  height: 39px;
  position: absolute;
  top: 90px;
  right: -20px;
}
.card:not(:hover) .hov {
  display: none;
}
.card:hover {
  background-color: #e6ffe6;
}
.card:hover .ori {
  display: none;
}
.card:hover.up {
  background-color: #fcf9f0;
}
.card .icon {
  position: relative;
  top: -60px;
  margin-bottom: -50px;
}
.card .topic {
  font-size: 24px;
  font-weight: bold;
  color: #055541;
  margin-bottom: 10px;
}
.card strong {
  color: #46b54c;
  font-size: 118%;
}

.desktop-cards-ctn {
  display: flex;
  margin-top: 90px;
  justify-content: space-between;
  row-gap: 90px;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.desktop-cards-ctn > * {
  width: calc(33.3333333333% - 13.33px);
}
@media (max-width: 1099px) {
  .desktop-cards-ctn > * {
    width: calc(50% - 10px);
  }
}
@media (max-width: 768px) {
  .desktop-cards-ctn {
    display: none;
  }
}

.main {
  background-image: linear-gradient(to top, #e4ede5, #cae6d3 60%, #ffffff);
  padding-bottom: 100px;
}

.container {
  width: 1440px !important;
  padding: 0 20px !important;
  max-width: 100% !important;
  margin: auto;
}

.infinity-bg {
  position: relative;
}
.infinity-bg > * {
  position: relative;
  z-index: 2;
}
.infinity-bg::after {
  z-index: 1;
  display: block;
  content: "";
  background-image: url(../images/infinity-bg.png);
  width: 100%;
  background-size: cover;
  padding-top: 82.1875%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.mobile-swiper {
  --swiper-pagination-bullet-inactive-color: #065540;
  --swiper-pagination-bullet-size: 10px;
  max-width: unset;
}
@media (max-width: 1099px) {
  .mobile-swiper {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile-swiper {
    display: block;
  }
}
.mobile-swiper .swiper-slide {
  padding-top: 60px;
}
.mobile-swiper .swiper-button {
  position: absolute;
  top: 40%;
  left: 0;
  max-width: 100%;
  width: 100%;
  margin: auto;
  transform: translate(0, -50%);
  --swiper-navigation-size: 28px;
  z-index: 2;
}
.mobile-swiper .swiper-button .swiper-button-next {
  background-image: url(../images/arrow-R.png) !important;
}
.mobile-swiper .swiper-button .swiper-button-prev {
  background-image: url(../images/arrow-R.png) !important;
  transform: rotate(180deg);
}
.mobile-swiper .card {
  max-width: calc(100% - 100px);
  margin: auto;
  min-height: 350px;
}

#swipe-section .terms {
  transform: unset;
}

.intro p {
  margin-left: auto;
  margin-right: auto;
  max-width: unset;
  text-align: center;
  font-weight: lighter;
  transform: unset;
}

#promo-section p {
  line-height: 50px;
}
.more-button-ctn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
.more-button-ctn .more-button {
  margin: 0;
}
.more-button-ctn .more-button .desktop-call-us {
  width: unset;
}
.more-button-ctn .btn-link {
  z-index: 2;
}
@media (max-width: 768px) {
  .more-button-ctn {
    flex-direction: column;
    gap: 10px;
  }
}

.click-btn {
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (max-width: 768px) {
  .click-btn {
    font-size: 22px;
  }
}

.bigger {
  letter-spacing: 0px;
}
@media (max-width: 768px) {
  .bigger {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 34px;
  }
}

#logo_area {
  min-width: 450px;
}

#tnc-section {
  max-width: 100%;
  color: #333333;
}
#tnc-section *:not(sup) {
  font-size: 16px !important;
}
#tnc-section table {
  text-align: center;
  width: 100%;
}
#tnc-section table td,
#tnc-section table th {
  border: 1px solid #000;
  background-color: #fff;
}
#tnc-section ol.cus {
  list-style-type: none;
  counter-reset: item;
  margin-left: 0;
}
#tnc-section ol.cus li {
  position: relative;
  padding-left: 1.5em;
}
#tnc-section ol.cus li:before {
  content: "(" counter(item, decimal) ") "; /* Ensure parentheses are included */
  counter-increment: item;
  position: absolute;
  left: 0;
}

.content-grid .left,
.content-grid .right {
  display: flex;
  justify-content: center;
  gap: 7px;
}
.content-grid .left::before,
.content-grid .right::before {
  margin-top: 12px;
  margin-bottom: auto;
  content: "";
  background-image: url(../images/tick.png);
  width: 1.4545em;
  min-width: 1.4545em;
  height: 1.4545em;
  background-size: cover;
  display: block;
}
@media (max-width: 768px) {
  .content-grid .left::before,
  .content-grid .right::before {
    margin-top: 7px;
  }
}

.table-ctn {
  overflow: auto;
}/*# sourceMappingURL=style.css.map */