/* 舊站 CSS（c_index.css／m_index.css）的修正：原本多處固定寬度（1005／1166／1216／1280px…）比手機或
   961~1280px 的畫面寬，造成水平溢出，手機瀏覽器便把整頁縮小，內容擠在左側、右側只剩背景。
   這裡改成流動寬度，並在最後載入以覆寫原規則。 */
html, body { max-width: 100%; overflow-x: hidden; }
#divMain img { max-width: 100%; height: auto; }
#divMain > div > div:first-child > img[src*="bg_subpage01"] { display: block; width: 100%; height: 50px; object-fit: cover; }

/* ===== 桌面版（>960px） ===== */
@media (min-width: 961px) {
#divTopHeaderMail a { width: 100%; }
#divTopHeaderInfo { font-size: 11pt; margin-left: 2.5%; }

/* 頁首選單：與 Logo 同列，寬度不足時縮小每一項 */
#divHeader { display: flex; align-items: center; justify-content: space-between; }
#divHeader > a { flex: 0 0 auto; margin-left: 2.5%; }
#divLogo { float: none; margin: 0; width: 196px; height: auto; }
#divMenu { float: none; margin-right: 2.5%; }
#divMenu ul { display: flex; flex-direction: row-reverse; }
#divMenu ul li { float: none; width: auto; padding: 0 clamp(10px, 1.6vw, 24px); }

/* 首頁 */
#divSwitchBox { height: auto; }
#divMidPod { width: auto; max-width: 1216px; padding: 0 2.5%; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 3.5%; }
#divMidPod .object, #divMidPod .object:nth-child(1), #divMidPod .object:nth-child(2) { float: none; margin-left: 0; width: 22%; min-width: 200px; height: auto; }
#divMidPod > div[style*="clear"] { display: none; }
#divIndexNewsBox { float: none; width: auto; max-width: 1030px; height: auto; margin: 29px auto 0; padding: 0 2.5%; display: flex; gap: 45px; }
#divIndexNewsBox .img { flex: 0 0 33%; width: auto; height: auto; }
#divIndexNewsBox .data { flex: 1; width: auto; margin-left: 0; }
#divIndexNewsBox .data .info { height: auto; min-height: 148px; }

/* 內頁：左側選單＋右側內容 */
#divSPBox, #divNewsBox, #divcontactUsBox { display: flex; align-items: flex-start; padding: 0 2.5%; box-sizing: border-box; }
#divSPBox > div[style*="clear"], #divNewsBox > div[style*="clear"], #divcontactUsBox > div[style*="clear"] { display: none; }
#divSPListBox, #divNewsListBox, #divcontactUsListBox { float: none; flex: 0 0 auto; margin-left: 0; }
#divSPData, #divNewsData, #divcontactUsData { float: none; flex: 1; min-width: 0; width: auto; max-width: 901px; margin-left: 4%; }
#divSPContent, #divNewsContent { width: auto; max-width: 792px; }

/* 產品資訊選單（圓形按鈕） */
#divMenuLeave1, #divMenuLeave2 { width: auto; max-width: 1166px; padding: 0 2.5%; display: flex; flex-wrap: wrap; justify-content: center; gap: 37px 39px; }
#divMenuLeave2 { margin-top: 37px; }
#divMenuLeave1 .object, #divMenuLeave2 .object { float: none; margin-left: 0 !important; }
#divMenuLeave1 > div[style*="clear"], #divMenuLeave2 > div[style*="clear"] { display: none; }

/* 型錄／產品清單 */
#divDMList, #divPodlist { float: none; }
#divDMList > div, #divPodlist > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 3%; padding: 0 2.5%; }
#divDMList .Object, #divPodlist .Object { margin-left: 0; }
#divpodListRoot { width: auto; max-width: 1168px; padding: 0 2.5%; }

/* 頁尾 */
#divFooter { width: auto; margin-left: 0; padding: 0 2.5%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px 3%; }
#divFooter > div[style*="clear"] { display: none; }
#divFooter01, #divFooter02 { float: none; margin-left: 0; }
#divFooter01 { flex: 0 0 180px; }
#divFooter02 { flex: 1 1 480px; width: auto; max-width: 750px; }
#divFooter04 { float: none; margin: 0 0 20px auto; flex: 0 0 180px; }
#divBottomInfo { margin-left: 2.5%; float: none; display: inline-block; max-width: calc(100% - 120px); line-height: 1.5; padding: 20px 0; }
#divBottomBox { height: auto; min-height: 61px; }
}

/* ===== 手機版（≤960px） ===== */
@media (max-width: 960px) {
#divMenuBox { margin-top: 24px; }
#divMenuLeave1, #divMenuLeave2 { width: auto; margin: 0 auto; padding: 0 3%; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 4%; }
#divMenuLeave2 { margin-top: 14px; }
#divMenuLeave1 .object, #divMenuLeave2 .object { float: none; margin-left: 0 !important; width: 140px; height: 140px; background-size: 140px; }
#divMenuLeave1 .object .title, #divMenuLeave2 .object .title { font-size: 13pt !important; }
#divMenuLeave1 > div[style*="clear"], #divMenuLeave2 > div[style*="clear"] { display: none; }
#divSPData, #divNewsData, #divcontactUsData { float: none; }
#divcontactUsData iframe { width: 100%; }
}

/* 聯絡我們：地圖不與表單並排，一律換列放在填表面板下方 */
#divcontactUsBox { flex-wrap: wrap; }
#divcontactUsBox > div[align="center"] { flex: 0 0 100%; }