@charset "UTF-8";
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

@media (max-width: 767px) {
  html {
    font-size: 94%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 87.5%;
  }
}

body {
  box-sizing: border-box;
}

body {
  font-family: "WenQuanYi Zen Hei", "文泉驛正黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  word-break: break-word;
}

.heading-primary {
  background-image: linear-gradient(to right bottom, #539f62, #526356);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.heading-primary--main {
  display: block;
  font-size: 3.75rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.heading-primary--sub {
  display: block;
  font-size: 1.75rem;
  font-weight: 600;
}

.heading-secondary {
  font-size: 3rem;
  font-weight: 700;
  display: inline-block;
  transition: all 0.2s;
}
.heading-secondary--green {
  color: #526356;
}

.heading-tertiary {
  font-size: 2.25rem;
  font-weight: 700;
  display: inline-block;
}
.heading-tertiary--green {
  color: #526356;
}

.paragraph:not(:last-child) {
  margin-bottom: 0.75rem;
}

.u-center-text {
  text-align: center;
}

.u-margin-bottom-small {
  margin-bottom: 1rem;
}

.u-margin-bottom-medium {
  margin-bottom: 2rem;
}

.u-margin-bottom-big {
  margin-bottom: 4rem;
}

.u-font-bold {
  font-weight: 700;
}

.bg-primary-light {
  background-color: rgba(83, 159, 98, 0.1);
}

.color--medical {
  color: #169BD4 !important;
  border-color: #169BD4 !important;
}
.color--cancer {
  color: #885BB3 !important;
  border-color: #885BB3 !important;
}
.color--disability {
  color: #FB5B8F !important;
  border-color: #FB5B8F !important;
}
.color--life {
  color: #DE4949 !important;
  border-color: #DE4949 !important;
}
.color--accident {
  color: #E6992B !important;
  border-color: #E6992B !important;
}
.color--other-ins {
  color: #5E5E5E !important;
  border-color: #5E5E5E !important;
}
.color--3-0 {
  color: #F96C6C !important;
  border-color: #F96C6C !important;
}
.color--3-1 {
  color: #ff9900 !important;
  border-color: #ff9900 !important;
}
.color--3-2 {
  color: #03967b !important;
  border-color: #03967b !important;
}

.bg--medical {
  background-color: #169BD4 !important;
}
.bg--cancer {
  background-color: #885BB3 !important;
}
.bg--disability {
  background-color: #FB5B8F !important;
}
.bg--life {
  background-color: #DE4949 !important;
}
.bg--accident {
  background-color: #E6992B !important;
}
.bg--other-ins {
  background-color: #5E5E5E !important;
}
.bg--3-0 {
  background-color: #F96C6C !important;
}
.bg--3-1 {
  background-color: #ff9900 !important;
}
.bg--3-2 {
  background-color: #03967b !important;
}

.border--medical {
  border-color: #169BD4 !important;
}
.border--cancer {
  border-color: #885BB3 !important;
}
.border--disability {
  border-color: #FB5B8F !important;
}
.border--life {
  border-color: #DE4949 !important;
}
.border--accident {
  border-color: #E6992B !important;
}
.border--other-ins {
  border-color: #5E5E5E !important;
}

.link--primary1 {
  color: #709b13;
}
.link--primary1:focus, .link--primary1:hover {
  color: #4F7500;
}
.link--primary2 {
  color: #FF7800;
}
.link--primary2:focus, .link--primary2:hover {
  color: #f07203;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: none;
  padding-right: inherit;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #709b13;
  background-color: #709b13;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(112, 155, 19, 0.5);
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: inherit;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: inherit;
}

html {
  scroll-behavior: smooth;
}

.pricing-main {
  position: relative;
}
.pricing-main > section {
  padding: 3rem 1rem;
}
.pricing-main h2 {
  text-align: center;
  font-weight: bold;
}

.pricing-nav {
  text-align: center;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem 0;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  position: sticky;
  top: 0;
  z-index: 1;
}
.pricing-nav > a {
  padding: 4px 1rem;
  border-radius: 100px;
  color: inherit;
}
.pricing-nav > a:hover {
  text-decoration: none;
}
.pricing-nav > a.active {
  background-color: rgba(255, 120, 0, 0.1);
  color: #FF7800;
}

article.pricing-intro {
  margin: 3rem 1rem;
  text-align: center;
}
article.pricing-intro > h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}
article.pricing-intro > h3 mark {
  padding: 0;
  background-color: rgba(255, 120, 0, 0.2);
}

article.pricing-intro > .card {
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.5rem 2rem;
  text-align: left;
  margin: auto;
  background-color: #f7f7f7;
  border: none;
  border-radius: 0.5rem;
}

article.pricing-intro > .card > ul {
  list-style: none;
  padding: 0;
  padding-left: 0.7rem;
}
article.pricing-intro > .card > ul li {
  padding-left: 1rem;
  text-indent: -1.7rem;
}
article.pricing-intro > .card > ul li::before {
  content: "❓ ";
}

.pricing-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.pricing-wrap .pricing-card {
  flex: 0 1 320px;
  background-color: #FFF;
  padding: 1.5rem 1.75rem 1.25rem;
  border-radius: 1.5rem;
  border: 1px solid #AAA;
  display: flex;
  flex-direction: column;
}
.pricing-wrap .pricing-card.highlight {
  border-color: #FF7800;
}
.pricing-wrap .pricing-card__body {
  flex: 1 1 auto;
}
.pricing-wrap .pricing-card__body h3 {
  font-size: 1.25rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.pricing-wrap .pricing-card__body h3 .discount {
  display: inline-block;
  background-color: #FF7800;
  color: #FFF;
  border-radius: 5em;
  font-size: 0.75em;
  padding: 4px 0.75em;
  vertical-align: text-top;
  margin-left: 0.5em;
}
.pricing-wrap .pricing-card__body .period {
  float: right;
  margin-top: -1.5rem;
  background-color: #03967b;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  padding: 0.75rem 1.25rem;
  margin-bottom: 4px;
  border-radius: 0 0 0.75rem 0.75rem;
}
.pricing-wrap .pricing-card__body .price-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: last baseline;
}
.pricing-wrap .pricing-card__body .price {
  font-size: 2rem;
  font-weight: bold;
}
.pricing-wrap .pricing-card__body .price > span {
  font-size: 0.5em;
}
.pricing-wrap .pricing-card__body .price-original {
  color: #b0b6ba;
}
.pricing-wrap .pricing-card__body .note {
  font-size: 0.875rem;
  height: 1.5em;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  color: #6c757d;
}
.pricing-wrap .pricing-card__body .slogan {
  font-size: 1.125rem;
  padding: 0.5rem 0;
  border-top: 1px solid #AAA;
}
.pricing-wrap .pricing-card__body .features {
  padding: 1rem 0;
  border-top: 1px solid #AAA;
}

.compare-warp {
  max-width: 800px;
  margin: 0 auto;
}

ul.compare-table {
  list-style: none;
  margin-bottom: 0;
  margin-top: 1.5rem;
}
ul.compare-table .compare-th, ul.compare-table .compare-tb {
  display: flex;
}
ul.compare-table .compare-th__head, ul.compare-table .compare-tb__head {
  flex: 1 0 65%;
  padding: 0.75rem 1rem;
}
ul.compare-table .compare-th__content, ul.compare-table .compare-tb__content {
  display: flex;
  flex: 1 1 300px;
}
ul.compare-table .compare-th__content > div, ul.compare-table .compare-tb__content > div {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem;
}
ul.compare-table .compare-th {
  border: 1px solid #AAA;
  border-radius: 0.5rem 0.5rem 0 0;
  font-size: 1.125rem;
}
ul.compare-table .compare-th__head {
  color: #709b13;
  font-weight: bold;
}
ul.compare-table .compare-tb {
  border-bottom: 1px solid #AAA;
}
ul.compare-table .compare-tb__head > div:first-child {
  font-weight: bold;
}
ul.compare-table .compare-tb__head > div:last-child {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
ul.compare-table .compare-tb__content > div:first-child {
  background-color: rgba(112, 155, 19, 0.1);
}
ul.compare-table .compare-tb__content > div:first-child .material-icons {
  color: #709b13;
}
ul.compare-table .compare-tb__content > div:last-child {
  background-color: rgba(255, 120, 0, 0.1);
}
ul.compare-table .compare-tb__content > div:last-child .material-icons {
  color: #FF7800;
}
ul.compare-table .hide-desktop {
  display: none;
}
@media (max-width: 575px) {
  ul.compare-table .compare-th, ul.compare-table .compare-tb {
    flex-direction: column;
    align-items: stretch;
  }
  ul.compare-table .compare-th .compare-th__content, ul.compare-table .compare-tb .compare-th__content {
    display: none;
  }
  ul.compare-table .compare-th__content, ul.compare-table .compare-tb__content {
    flex: 1 1 auto;
  }
  ul.compare-table .compare-th__content > div, ul.compare-table .compare-tb__content > div {
    justify-content: space-between;
  }
  ul.compare-table .compare-th__content {
    display: none;
  }
  ul.compare-table .hide-desktop {
    display: block;
  }
}

.faq-wrap {
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
}
.faq-wrap .faq-item {
  border-top: 1px solid #dee2e6;
  padding: 1rem;
}
.faq-wrap .faq-item > .question {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  padding-right: 1.125em;
}
.faq-wrap .faq-item > .question:hover {
  color: #4F7500;
}
.faq-wrap .faq-item > .question::after {
  font-family: "Material Icons";
  content: "keyboard_arrow_down";
  font-size: 1.125em;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.3s ease;
}
.faq-wrap .faq-item > .question.active::after {
  transform: rotate(-180deg);
}
.faq-wrap .faq-item > .answer {
  display: none;
  padding-top: 1rem;
}
.faq-wrap .faq-item > .answer p {
  margin-bottom: 0.5rem;
}
.faq-wrap .faq-item > .answer p:last-child {
  margin-bottom: 0;
}

.payment-main {
  display: flex;
  gap: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto;
  padding: 0 1rem;
}

.content-col {
  max-width: 600px;
  width: 600px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.content-col .payment-card {
  background-color: #FFF;
  border: 1px solid #dee2e6;
  border-radius: 1.5rem;
  padding: 2rem;
}
.content-col .payment-card__row:not(:last-child) {
  margin-bottom: 1.5rem;
}
.content-col .payment-card__row > *:not(:first-child) {
  margin-top: 0.75rem;
}
.content-col .payment-card__row .note {
  background-color: rgba(255, 120, 0, 0.1);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.875rem;
}
.content-col h4 {
  font-size: 1.25rem;
  margin-bottom: 0.875rem;
  font-weight: bold;
}
.content-col ol.payment-notice {
  margin-bottom: 0;
  padding-left: 1rem;
  font-size: 0.875rem;
}
.content-col ol.payment-notice > li {
  margin-bottom: 0.5rem;
}
.content-col input::-moz-placeholder {
  color: #BBB;
}
.content-col input::placeholder {
  color: #BBB;
}
.content-col input::-webkit-outer-spin-button,
.content-col input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.content-col input[type=number] {
  -moz-appearance: textfield;
}

.price-col {
  flex: 1 0 280px;
}
.price-col .price-card > h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.price-col .price-card > hr {
  margin: 1rem 0;
}
.price-col .price-confirm {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}

.success-msg {
  text-align: center;
  background-color: rgba(255, 120, 0, 0.1);
  border-radius: 1.5rem;
  padding: 1rem;
}
.success-msg__icon {
  font-size: 5rem !important;
}
.success-msg__text {
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .payment-main {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .content-col {
    width: 100%;
  }
  .price-col {
    width: 100%;
    max-width: 600px;
    padding: 0 2rem;
  }
}
@media (max-width: 575px) {
  .payment-card {
    padding: 1rem;
  }
  .price-col {
    padding: 0 1rem;
  }
}
ul.plan-brief {
  margin-bottom: 0;
  margin-left: 1.75rem;
  list-style: none;
}
ul.plan-brief > li:not(:last-child) {
  margin-bottom: 6px;
}
ul.plan-brief > li {
  position: relative;
}
ul.plan-brief > li::before {
  font-family: "Material Icons";
  content: "check";
  color: #709b13;
  position: absolute;
  font-size: 1.5rem;
  font-weight: bold;
  left: -1.75rem;
  top: -25%;
}

ul.plan-brief--pay > li:not(:first-child)::before {
  color: #FF7800;
}
ul.plan-brief--pay > li.li-star::before {
  font-family: "Material Icons Outlined";
  content: "confirmation_number";
}/*# sourceMappingURL=subscribe.css.map */