/* 訂閱付款三頁輔助樣式：綠界容器／loading／驗證。契約彈窗採 demo Tailwind markup，不依賴 Bootstrap modal。 */

#loading_srceen {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}

#loading_srceen:before {
  content: "";
  display: block;
  width: 250px;
  height: 250px;
  background-image: url("../img/loadingBird.gif");
  background-size: 250px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 綠界 SDK 標籤與版面衝突時覆寫 */
#ECPayPayment label {
  display: initial !important;
}

#ECPayPayment {
  min-height: 1px;
}

/* 欄位檢核訊息（ValidForm／unobtrusive） */
.field-validation-error,
span.field-validation-error {
  display: block !important;
  color: #ef4444 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
  text-align: left !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.field-validation-valid {
  display: none;
}

/* 契約條款：內容採 demo Tailwind markup（list-none + 硬編 1.／1.1 編號），不再用瀏覽器自動 ol 編號 */
#modalContract .list-disc {
  list-style-type: disc !important;
  list-style-position: outside;
}

#modalContract a {
  color: #3b82f6;
}