﻿/* [檔案: base3.css] - 動作: 完整覆蓋 (Full Overwrite) */

.fw-bold {
    font-weight: bold;
}

.d-none {
    display: none !important;
}

.fs-1point5 {
    font-size: 1.5em;
}

.bs-none {
    border-style: none;
}

.w-100 {
    width: 100%;
}

.mw-1200 {
    max-width: 1200px;
}

.m-0-auto {
    margin: 0 auto;
}

.skip {
    width: 100%;
    box-sizing: border-box;
}

.bs-border-box {
    box-sizing: border-box;
}

.navigate.allybrick {
    position: absolute;
    z-index: 999;
    color: #337ab7;
}

.p-absolute.z-999 {
    position: absolute;
    z-index: 999;
}

.z-999 {
    z-index: 999;
}

.p-absolute.z-999.c-337ab7 {
    position: absolute;
    z-index: 999;
    color: #337ab7;
}

.flex-container-end {
    height: 30pt;
    width: 100%;
    background-color: #f8f8ff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jc-flex-end {
    justify-content: flex-end;
}

.h-30 {
    height: 30pt;
}

.bc-f8f8ff {
    background-color: #f8f8ff;
}

.fileContent {
    white-space: pre-line;
    color: #EB0000;
    font-weight: bold;
}

.ws-pre-line {
    white-space: pre-line;
}

.c-EB0000 {
    color: #EB0000;
}

.w-100.jc-space-evenly {
    width: 100%;
    justify-content: space-evenly;
}

.ta-center {
    text-align: center;
}

.ta-left {
    text-align: left;
}

.allybrick.p-absolute.z-999.c-000000 {
    position: absolute;
    z-index: 999;
    color: #000000;
}

.ai-flex-start {
    align-items: flex-start;
}

.w-90 {
    width: 90%;
}

.w-10 {
    width: 10%;
}

.ta-right {
    text-align: right;
}

.wb-break-all {
    word-break: break-all;
}

.c-3B3B3B {
    color: #3B3B3B;
}

.bc-e3f2fd {
    background-color: #e3f2fd;
}

.br-8 {
    border-radius: 8pt;
}

.p-5-0 {
    padding: 5pt 0;
}

.ta-unset {
    text-align: unset;
}

.mb-5 {
    margin-bottom: 5px;
}

.reload-btn {
    color: #3B3B3B;
    background-color: #e3f2fd;
    border-radius: 8pt;
}

/* [Fixed] 補上漏掉的點 (.) */
.mg-t-5 {
    margin-top: 5px;
}

.mg-l-10 {
    margin-left: 10px;
}

.sitemap-link {
    margin-right: 10pt;
    color: #000000;
}

    .sitemap-link:hover {
        border: 2px dashed #f57c00;
        color: #000000;
    }

textarea.form-control.h-120 {
    height: 120px !important;
    min-height: 120px !important;
}

.h-120 {
    height: 120px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#browseFile1.d-none {
    display: none !important;
}

.btnenglish {
    display: block;
    appearance: auto;
    user-select: none;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    color: buttontext;
    white-space: pre;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border: 2px solid red;
    background-color: #ffeeee;
}

/* [NEW] 新增的按鈕與連結樣式 */
.btn-captcha {
    color: #3B3B3B;
    border-color: #ffb74d;
    background-color: #ffd180;
}

.btn-refresh-green {
    color: #3B3B3B;
    background-color: #B3FFB3;
    border-color: #4cae4c;
}

.remove-file-link {
    cursor: pointer;
    color: #EB0000;
}

.text-underline {
    text-decoration: underline;
}

.p-04em {
    padding: 0.4em;
}
/* [NEW] 版面容器寬度 (取代 style="margin:0 auto;max-width: 1000px; width: 100%;") */
.layout-container {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

/* [NEW] 絕對定位輔助 (取代 style="position: absolute; left: 15px; top: 0; z-index: 999;") */
.pos-abs-left-top {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 999;
}

.pos-abs-right-top {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 999;
}

.pos-rel-block {
    position: relative;
    display: block;
}

.pos-rel-top0-block {
    position: relative;
    top: 0;
    display: block;
}

/* [NEW] 導覽列顏色 (取代 style="background-color: #ffa726;") */
.bg-nav-orange {
    background-color: #ffa726;
}

/* [NEW] Logo 樣式 (取代 style="transform: translateY(-8px)") */
.logo-transform {
    transform: translateY(-8px);
}

/* [NEW] 按鈕邊框顏色 (取代 style="border-color:black") */
.bc-black {
    border-color: black;
}

/* [NEW] 黑色字體/圖示 (取代 style="color: black;") */
.c-black {
    color: black;
}

/* [NEW] 黑色背景 (取代 style="background-color:black") */
.bg-black {
    background-color: black;
}

/* [NEW] Banner 圖片樣式 (取代 style=" display: block; width: 100%; z-index: -1;") */
.banner-img {
    display: block;
    width: 100%;
    z-index: -1;
}

/* [NEW] 錨點定位輔助 (取代 style="padding-left: 4px;") */
.pl-4 {
    padding-left: 4px;
}

/* [NEW] 跳過內容連結樣式 */
.skip-link-overlay {
    position: absolute;
    z-index: 999;
    color: #000000; /* 原本 style="color: #000000;" */
}

/* [NEW] Footer 版面 Flex 設定 (取代 style="width: 90%;" 和 "width: 10%;") */
.w-90 {
    width: 90%;
}

.w-10 {
    width: 10%;
}

/* [NEW] Flex 置中容器 (用於 Footer) */
.flex-container-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* [NEW] 案件查詢結果標題 - 藍色 */
.label-header-blue {
    color: #023E97;
    font-size: 1.1875em;
    font-weight: bold;
    text-align: center;
}

/* [NEW] 案件查詢結果標題 - 深褐色 */
.label-header-brown {
    color: #59460D;
    font-size: 1.1875em;
    font-weight: bold;
    text-align: center;
}
/* [NEW] 友善列印按鈕 (取代 style="color:#525252;background-color:#FABA10;") */
.btn-print-yellow {
    color: #525252;
    background-color: #FABA10;
}
/* [NEW] 問卷選項樣式 (取代 .option) */
.survey-option {
    display: inline-block;
    width: 350px;
    margin: 0;
    vertical-align: top;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* [NEW] 用於錯誤訊息輸入框 (唯讀, 無邊框) */
.input-as-errmsg {
    border: none;
    background: transparent;
    color: #EB0000;
    width: 100%;
    resize: none; /* 防止拉動 */
    overflow: hidden; /* 隱藏滾動條 */
}

/* [NEW] 標題顏色 (取代 style="color:#023E97...") */
.label-header-blue-lg {
    color: #023E97;
    font-size: 1.1875em;
    font-weight: bold;
}

/* [NEW] 標題顏色 (取代 style="color:#59460D...") */
.label-header-brown-lg {
    color: #59460D;
    text-align: center;
    font-size: 1.1875em;
    font-weight: bold;
}
/* [NEW] 問卷題目縮排 (取代 .question-indent) */
.question-indent {
    text-indent: -1.5em;
    margin-left: 1.5em;
}

/* [NEW] 紅色文字 (取代 style="color: red") */
.c-red {
    color: red;
}