.installment-disabled {
  cursor: default;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 223 / var(--tw-bg-opacity));
}

.news-article .article-content ul {
  list-style: disc;
  padding-left: 40px;
}

.news-article .article-content>ul ul {
  list-style: circle;
}

.qa-list .qa-item .qa-answer ul {
  list-style: disc;
  padding-left: 40px;
}

.qa-list .qa-item .qa-answer > ul ul {
  list-style: circle;
}

.input-box-outlined{
  pointer-events: auto
}

.myRed{
  --tw-text-opacity: 1;
  color: rgb(216 12 12 / var(--tw-text-opacity));
}

.checkbox-square-primary2 input:checked ~ label::before,
.installments-mc-terms-checkbox.active label::before{
  --tw-border-opacity: 1;
  border-color: rgb(45 45 108 / var(--tw-border-opacity));
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 108 / var(--tw-bg-opacity));
}

.checkbox-square-primary2 input:checked ~ label::after,
.installments-mc-terms-checkbox.active label::after{
  content: var(--tw-content);
  opacity: 1;
}

.split .swiper{
  margin-left: unset;
  margin-right: unset;
}
.backgroundDarken{
  background-color: red;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}
.modal-content {
  background-color: black;
  margin: 15% auto; /* 15% 上方距離，居中 */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* 寬度 */
  max-width: 600px; /* 最大寬度 */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); /* 陰影效果 */
}