/* ==========================================================================
   花蓮包棟民宿網 首頁精修（2026-09-22）
   只在 index.php 載入，放在所有舊樣式表之後；不改 main.css 本體，回退時移除 <link> 即可。
   ========================================================================== */

/* 1. 上半部兩欄等高：左欄灰底不再比右欄短一截（寬螢幕右欄是固定高度的捲動面板） */
@media screen and (min-width:901px){
  #top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
  #top > .clear{display:none}
  #top > .t_left{float:none}
}

/* 2. 精選民宿文字廣告沒有內容時整塊隱藏（由頁尾 script 加上 is-empty） */
.linkb_list2.is-empty{display:none}

/* 3. 「花蓮生活」標題：取代原本寫著 Ilan Life／宜蘭生活 的圖片，改為真文字 */
.hlx-life{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;padding:5% 0}
.hlx-life-ico{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:52px;height:52px;border:2px solid #222;border-radius:50%;font-size:22px;color:#222;-ms-flex-negative:0;flex-shrink:0}
.hlx-life-txt{display:inline-block;text-align:left}
.hlx-life-en{display:block;font-family:"Century Gothic","Segoe UI",Arial,sans-serif;font-size:42px;font-weight:300;letter-spacing:.2em;line-height:1.1;color:#222}
.hlx-life-en em{font-style:normal;color:#eb6877}
.hlx-life-zh{display:block;margin-top:6px;font-size:13px;letter-spacing:0;line-height:1;color:#333;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}
@media screen and (max-width:900px){.hlx-life-en{font-size:34px}.hlx-life-ico{width:44px;height:44px;font-size:18px}}
@media screen and (max-width:470px){.hlx-life{gap:10px}.hlx-life-en{font-size:26px}.hlx-life-zh{font-size:12px}.hlx-life-ico{width:38px;height:38px;font-size:16px}}

/* 4. 好站連結：寬螢幕改為同列等高、內容全部展開，不再用固定高度的捲動框（原本第一列有項目被藏在捲軸裡、第二列留大片空白） */
@media screen and (min-width:726px){
  .links_area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
  .links_list{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:auto;overflow:visible;padding:26px 8% 22px}
}

/* 5. 常見問題答案靠左對齊（兩端對齊在中文長句會拉出不均勻字距；與鄉鎮頁、攻略頁一致） */
.hl-faq-item p{text-align:left !important}
.hl-faq-item summary{outline-offset:3px}

/* 6. 手機底部固定導覽列（mobnav）會蓋住站尾版權列，預留空間 */
@media screen and (max-width:768px){footer.hlft .hlft-bottom p{padding-bottom:84px}}