/* 台東民宿網 主站獨立頁響應式補充層（單一版本統整 階段 3）
   搭配 /css/rwd-home.css（通用：表格流動、圖片不溢出）。只在 ≤991px 生效；桌機完全不變。
   對象：eat.htm、theme_news/theme_shbnb 樣板（news.php、shbnb.php）、bd.php、aboutus.php、theme.php、100.php、link.html、19 個季節頁 */
@media (max-width: 991px) {
	/* 表格版面全部線性化：table／tr／td 都變 block 直向堆疊。
	   只把部分 td 變 block（rwd-home.css 的 td[valign=top]）會讓外層 table 以「最大內容寬」計算，
	   連結列一行不折、寬到 15,000px（bd.php 實測），所以這裡整個表格鏈一起變 block。 */
	table, tbody, thead, tfoot, tr, td, th { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; height: auto !important; float: none !important; }
	td, th { padding-left: 6px !important; padding-right: 6px !important; }
	td:empty { display: none !important; }
	/* 889px／1000px 主表格與其內層固定寬欄位 */
	table[width="889"], table[width="880"], table[width="1000"], table[width="957"], table[width="702"], table[width="590"] { width: 100% !important; }
	td[width="889"], td[width="590"], td[width="702"], td[width="150"] { width: auto !important; display: block; }
	td[width="9"], td[width="8"], td[width="10"] { display: none !important; }
	td[valign="top"][width] { float: none !important; }

	/* 頁首標題列（背景切片 images/index0.jpg 等）：高度改自動、標題縮小 */
	td[background] { background-size: cover !important; background-position: center top !important; }
	.style38, .style38 a { font-size: 20px !important; line-height: 1.3 !important; }
	h1 { font-size: 22px; margin: 6px 0; }

	/* 內文字級 */
	body, td, p, li { font-size: 15px !important; line-height: 1.7 !important; }
	.style9, .style12, .style101 { font-size: 14px !important; }

	/* 多欄清單改單欄或兩欄 */
	.pre ul li { width: 50% !important; }
	.bbimg ul li { width: 33% !important; }
	ul li[style*="float"] { float: none !important; width: auto !important; }

	/* 舊 Flash 外掛（eat.htm 頁首）：手機沒有外掛，只會顯示「無法載入外掛程式」，直接隱藏 */
	object, embed { display: none !important; }

	/* 圖片與地圖 iframe */
	img[width], img[height] { width: auto !important; height: auto !important; max-width: 100% !important; }
	iframe { width: 100% !important; }

	/* 好站連結：1000px 兩欄表格改單欄 */
	table[width="1000"] td { display: block; width: auto !important; }

	/* a.css 固定寬度區塊 */
	.mainbox, .subbox, .content, #content, #wrap, #wrapper { width: 100% !important; }
}
@media (max-width: 600px) {
	.pre ul li { width: 100% !important; }
	.bbimg ul li { width: 50% !important; }
	.style38, .style38 a { font-size: 18px !important; }
}
