﻿/* details-mobile.css */
/* 手機版 RWD 樣式專用 (最大寬度 768px) */

@media screen and (max-width: 768px) {
    /* 標題區 */
    .titHead h2 {
        font-size: 1.4rem;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    /* 發布資訊 */
    .postInfo {
        display: none !important;
        /*flex-direction: column;
        align-items: flex-start;
        padding: 0 10px;
        border-top: none;*/
    }

        /*.postInfo > ul {
            padding-inline-start: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
        }

            .postInfo > ul > li {
                display: block;
                font-size: 0.9rem;
                padding: 4px 0;
            }*/

    /* 正文區塊 */
    .pageWord {
        font-size: 1rem;
        padding: 0 12px;
        line-height: 180%;
    }

        .pageWord table {
            display: block;
            width: 100%;
            overflow-x: auto;
            font-size: 0.9rem;
        }

            .pageWord table th,
            .pageWord table td {
                white-space: nowrap;
                padding: 8px;
            }

        .pageWord img {
            max-width: 100%;
            height: auto;
        }

    /* 附加資訊與聯絡區 */
    .otherInfo,
    .contactInfo {
        padding: 15px;
        margin: 12px;
        font-size: 0.95rem;
    }

        .otherInfo .tit,
        .contactInfo .tit {
            font-size: 1.4rem !important;
            padding-bottom: 10px;
        }

    /* Google 地圖區塊 */
    .infoList .googlemap {
        height: 280px;
        max-height: 60vh;
        border-radius: 10px;
        margin-top: 15px;
    }

    .infoList > ul {
        padding-inline-start: 0;
    }

        /* infoList 欄位標題與內容改為上下顯示 */
        .infoList > ul > li {
            flex-direction: column;
            align-items: flex-start;
        }

            .infoList > ul > li > strong {
                padding-left: 30px;
                margin-bottom: 4px;
            }

                /*.infoList > ul > li > strong::before,
                .infoList > ul > li > strong::after {
                    display: none;
                }*/

            .infoList > ul > li > span {
                padding-left: 30px;
            }

    /* 下載與連結清單 */
    .getLink ul {
        flex-direction: column;
        padding: 0;
    }

        .getLink ul li {
            width: 100%;
            padding: 5px 0;
        }

    .getLink .wd p {
        font-size: 1rem;
        padding: 6px 10px;
    }

    /* 補強 .container（如有） */
    .container {
        padding: 20px 12px;
    }

    /* 其他潤飾 */
    .pageSubTit .tit {
        font-size: 1.5rem;
        padding-left: 20px;
    }

    .pageSubTit p {
        font-size: 1rem;
        margin-left: 20px;
    }
}

