/* front-account.css — 前台登入/權限開通頁局部樣式(P3d)
   僅放原型沒有的錯誤/成功提示;其餘類別沿用 home.css(.loginBox/.login-list/.btnNext…)。 */

.acct-error {
    color: #c0392b;
    background: #fdecea;
    border: 1px solid #f5c6c0;
    border-radius: 6px;
    padding: 10px 14px;
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.6;
}

.acct-ok {
    color: #1e7e34;
    background: #e9f7ef;
    border: 1px solid #b7e4c7;
    border-radius: 6px;
    padding: 10px 14px;
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.6;
}

/* 本頁 #banners/#featuresBox 需全幅渲染(原型為 body 直屬、無 .main 包覆),
   覆寫 layout.css .main 的 22px 20px 內距,消除 banner/頁尾左右白邊 */
.main {
    padding: 0;
}

/* 語音驗證碼(2026-08-20):原型 .verification 僅預留 230px(圖+單鈕),
   加語音鈕後圖+雙鈕放不下;改為「圖高等於 input 高、依 180:54 等比取寬」,
   並加寬 verification 欄、縮短 input.w1 補償,三元件並排不換行 */

/* 換圖鈕/語音鈕:button 預設邊框/內距會蓋過 home.css 的 50px 灰底圖示鈕,補 reset */
.loginBox .verification button.btnReload,
.loginBox .verification button.btnVoice {
    border: 0;
    padding: 0;
    cursor: pointer;
}

/* 基本斷點(<991px):input 高 50px、鈕 50px;
   圖高 50px→寬約 167px,欄寬 167+10+50+10+50=287→取 290px */
.loginBox .verification {
    width: 290px;
}
.loginBox .inputTxt.w1 {
    width: calc(100% - 120px - 300px); /* 300 = 欄寬 290 + 其 margin-left 10 */
}
.loginBox .verification .captchaImg {
    width: auto;
    height: 50px;
}

/* 桌面斷點(≥991px,比照 home.css):input 高 55px、鈕 55px;
   圖高 55px→寬約 183px,欄寬 183+10+55+10+55=313→取 315px */
@media screen and (min-width:991px) {
    .loginBox .verification {
        width: 315px;
    }
    .loginBox .inputTxt.w1 {
        width: calc(100% - 150px - 325px); /* 325 = 欄寬 315 + 其 margin-left 10 */
    }
    .loginBox .verification .captchaImg {
        height: 55px;
    }
}

/* 手機斷點(≤640px):home.css 已令 verification 100% 寬獨佔一行(!important),
   此處僅把 input.w1 補回滿版寬,覆蓋上方 base 覆寫、維持原型堆疊 */
@media screen and (max-width:640px) {
    .loginBox .inputTxt.w1 {
        width: calc(100% - 120px);
    }
}