/*
 * 公開頁面(未登入可存取)共用樣式
 * 適用:Home/Index、Home/Documents、Home/AppDownload、Account/Login
 * 原本寫在頁面內的 <style> 區塊與 style 屬性集中於此,配合嚴格 CSP(style-src 不允許 'unsafe-inline')
 * 規則一律以 body 上的頁面 class 限定範圍,避免影響其他頁面
 */

/* ===== 共用 ===== */
.page-public .page-heading {
    font-size: 40px;
    color: #231815;
    font-weight: 600;
    margin-bottom: 36px;
}

.page-public .btn-back {
    float: right;
}

/* ===== Home/Index(登入首頁) ===== */
.page-home-index footer {
    color: #ffffff !important;
    border-top: 0;
    padding: 0;
}

.page-home-index .login-title {
    font-size: 30px;
}

    .page-home-index .login-title h3 {
        text-align: center;
        text-shadow: 3px 4px 4px #000000;
    }

.page-home-index .btn-login-submit {
    margin-top: 1rem;
}

/* ===== Home/Documents(常用下載專區) ===== */
.page-documents .container {
    max-width: 50%;
    text-align: center;
}

body.page-documents {
    background-image: none;
    background-color: #d8d8d8;
}

.page-documents table {
    background-color: #fff;
    font-size: 18px;
}

    .page-documents table a {
        color: #424242;
        font-weight: 500;
    }

        .page-documents table a:hover {
            color: #222222;
            font-weight: 500;
        }

.page-documents thead tr {
    background-color: #424242;
    color: white;
}

.page-documents .date {
    color: #00869a;
    font-weight: 500;
}

.page-documents footer {
    color: #ffffff !important;
}

/* ===== Home/AppDownload(App 下載安裝) ===== */
.page-appdownload .container.appdl-container {
    text-align: center;
    padding: 0px;
}

.page-appdownload .app-icon {
    max-width: 50%;
    height: auto;
}

.page-appdownload .androidBtn {
    height: 25px;
    padding-right: 4px;
}

.page-appdownload .androidDownload {
    height: 25px;
}

.page-appdownload .iosbtn {
    height: 28px;
    padding-right: 4px;
}

.page-appdownload .androidButton h4 {
    color: #3DDB84;
}

.page-appdownload .iosButton h4 {
    color: #2E2C2F;
}

.page-appdownload .qr_img {
    max-width: 100%;
    height: auto;
}

/* ===== Account/Login ===== */
.page-account-login .year-ui {
    position: absolute;
    right: 18px;
    height: 15px;
    font-size: 12px;
    background-color: rgba(169, 169, 169, 0);
    border: rgba(240, 248, 255, 0);
}

.page-account-login .login-jumbotron {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}