/* ==================================================
   貓貓拼圖計畫：活動說明整理
   不修改 h1 / h2 / h3 / h4 / alert / btnStyle
================================================== */


/* ==================================================
   Step 區塊
================================================== */

.eventStep {
  margin-bottom: 35px;
}


/* ==================================================
   一般提醒框
================================================== */

.eventNotice {
  margin: 15px 0 20px;
  padding: 15px 20px;

  background: #fff8f2;
  border-left: 4px solid #d99a69;
  border-radius: 8px;

  color: #555;
  font-size: 15px;
  line-height: 1.8;

  box-sizing: border-box;
}


/* 提醒框小標題 */

.eventNotice .eventNoticeTitle {
  margin: 0 0 6px;
  padding: 0;

  color: #a86432;
  font-size: 16px;
  font-weight: 700;
}


/* 提醒框內單一段落 */

.eventNotice > p:not(.eventNoticeTitle) {
  margin: 0;
}


/* ==================================================
   提醒框清單
   預設符號：※
================================================== */

.eventNotice ul {
  --notice-mark: "※";

  margin: 0;
  padding: 0;

  list-style: none;
}


/* 每一條 */

.eventNotice li {
  position: relative;

  margin: 2px 0 5px;
  padding-left: 1.2em;

  line-height: 1.5;
}


/* 自動產生符號 */

.eventNotice li::before {
  content: var(--notice-mark);

  position: absolute;
  top: 0;
  left: 0;
}


/* 最後一條不需要下間距 */

.eventNotice li:last-child {
  margin-bottom: 0;
}
/* 無符號 */

/* 無符號、無預留空間 */

.eventNotice .noticeList--none li {
  padding-left: 0;
}

.eventNotice .noticeList--none li::before {
  content: none;
}

/* ==================================================
   清單符號選擇
================================================== */


/* ※ 規範、注意 */

.eventNotice .noticeList--notice {
  --notice-mark: "※";
}


/* ● 一般資訊 */

.eventNotice .noticeList--dot {
  --notice-mark: "●";
}


/* ◆ 重點 */

.eventNotice .noticeList--diamond {
  --notice-mark: "◆";
}


/* ▸ 流程、指示 */

.eventNotice .noticeList--arrow {
  --notice-mark: "▸";
}


/* ✓ 完成、資格、一般提醒 */

.eventNotice .noticeList--check {
  --notice-mark: "✓";
}


/* ★ 特別重點 */

.eventNotice .noticeList--star {
    --notice-mark: "★";}




/* 1. 2. 3. 步驟、辦法 */

.eventNotice .noticeList--number {
  counter-reset: notice-number;
}

.eventNotice .noticeList--number li {
  counter-increment: notice-number;
}

.eventNotice .noticeList--number li::before {
  content: counter(notice-number) ".";
}