/* =====================================================================
   全站「頁面標題」統一樣式

   基準取自 /Account/RegisterType 的「加入會員」：
       桌機 30px / 700 / #1a1a1a / 置中 / 下方留白 30px
       ≤820px 22px / 下方留白 20px

   用法：頁面最上方的主標題加上 class="page-title"。
   注意這是「頁面標題」專用，區塊標題（例如首頁的「新品上市」）、
   卡片標題、Modal 標題不要套。
   ===================================================================== */

.page-title,
.register-title,          /* RegisterType 原本的類名，保留相容 */
.rw .rw-header h1 {       /* 入會申請表（分步／單頁）的標題 */
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    text-align: center;
    margin: 0 0 30px;
    letter-spacing: 0;
}

/* 深色底（例如漸層 banner）上的標題，只換顏色 */
.page-title.is-on-dark {
    color: #fff;
}

/* 標題下方緊接著副標／說明時，縮短間距讓兩行成為一組 */
.page-title.is-tight {
    margin-bottom: 8px;
}

/* 版面本身就是靠左的組合（例如公告頁的 banner）保留原本的對齊，
   只統一字體、字級與字重 */
.page-title.is-start {
    text-align: left;
}

@media (max-width: 820px) {
    .page-title,
    .register-title,
    .rw .rw-header h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }
}