/* footer_site.css — 由 tools/build-footer-css.php 自 footer_house_v2.css 產生，請勿直接編輯。
   本站頁面（footer_rwd/footer.php）載入這個檔；所有規則都限定在 .ft-site 底下，不影響頁面其他部分。 */
.ft-site * { padding: 0px; margin: 0px; }
.ft-site ul { list-style:none; margin:0; }
.ft-site { color:#ece5d6; letter-spacing:.5px; text-align:left; font-size:15px; line-height:1.7; font-family:"Noto Sans TC","Microsoft JhengHei","微軟正黑體","PingFang TC",Arial,Helvetica,sans-serif; }
.ft-site a { color:inherit; text-decoration:none; }
.ft-site .wrap { width:1350px; margin:0 auto; max-width:95%; }
.ft-site .ft_top { padding:44px 0 36px; position:relative; background: radial-gradient(760px 300px at 92% 0%, rgba(124,179,66,.18), transparent 62%), linear-gradient(180deg, #17465a 0%, #0f2f3c 100%); border-top:0; }
.ft-site .ft_top::before { content:''; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, #a7915d 0%, #7cb342 38%, #3fa7a0 72%, #153d4d 100%); }
.ft-site .ft_top .wrap { display:grid; grid-template-columns:minmax(230px,25%) minmax(0,1fr); gap:0 36px; align-items:start; }
.ft-site .ft_info { display:block; width:auto; text-align:left; padding:0 28px 0 0; border-right:1px solid rgba(255,255,255,.10); }
.ft-site .ft_logo { padding-bottom:18px; margin-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08); }
.ft-site .ft_logo a { display:block; color:#f6f1e6; }
.ft-site .ft_logo div { display:flex; align-items:flex-end; gap:8px; }
.ft-site .ft_logo img { max-width:100%; width:56px; height:auto; vertical-align:bottom; filter:drop-shadow(0 4px 10px rgba(0,0,0,.25)); }
.ft-site .ft_logo h1, .ft-site .ft_logo .ftt, .ft-site .ft_logo .fth1 { display:inline-block; vertical-align:bottom; font-size:22px; letter-spacing:3px; padding-left:0; margin:0; font-weight:700; line-height:1.1; color:#f6f1e6; }
.ft-site .ft_logo h2, .ft-site .ft_logo .fth2 { font-size:13px; padding-top:8px; margin:0; font-weight:400; letter-spacing:1px; line-height:normal; color:#a9bcc4; width:100%; text-align:left; position:relative; opacity:1; bottom:0; left:inherit; }
.ft-site .ft_info ul { display:flex; flex-direction:column; gap:6px; }
.ft-site .ft_info li { display:flex; align-items:flex-start; gap:10px; line-height:1.6; font-size:14.5px; }
.ft-site .ft_info li img { vertical-align:top; padding-top:4px; flex:none; width:18px; height:auto; }
.ft-site .ft_info li p { display:block; width:auto; padding:0; text-align:left; line-height:1.6; margin:0; color:#ece5d6; letter-spacing:.5px; }
.ft-site .ft_links { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:0 28px; align-items:start; width:auto; padding:0; }
.ft-site .ft_left { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:18px 22px; width:auto; }
.ft-site .ft_btn { grid-column:1 / -1; padding-bottom:4px; width:100%; }
.ft-site .ft_btn ul { display:flex; flex-wrap:wrap; gap:12px; }
.ft-site .ft_btn li { display:block; flex:1 1 170px; width:auto; }
.ft-site .ft_btn a { display:flex; align-items:center; gap:10px; transition:.3s ease-in-out; }
.ft-site .ft_btn img { vertical-align:middle; max-width:100%; width:34px; height:auto; padding:0; flex:none; filter:drop-shadow(0 2px 6px rgba(0,0,0,.3)); }
.ft-site .ft_btn span { flex:1; text-align:center; font-size:15px; border:1px solid #7cb342; border-radius:999px; display:inline-block; padding:8px 18px; letter-spacing:2px; position:relative; overflow:hidden; vertical-align:middle; line-height:1.4; }
.ft-site .ft_btn span:after { content:''; background:#689f38; position:absolute; top:0; right:0; width:100%; height:100%; z-index:0; transition:.3s ease-in-out; }
.ft-site .ft_btn li:nth-of-type(2) span { border:1px solid #ece5d6; }
.ft-site .ft_btn li:nth-of-type(2) span:after { background:#ece5d6; }
.ft-site .ft_btn li:nth-of-type(3) span { border:1px solid #06c755; }
.ft-site .ft_btn li:nth-of-type(3) span:after { background:#06a94a; }
.ft-site .ft_btn b { color:#fff; position:relative; z-index:2; transition:.3s ease-in-out; font-weight:600; }
.ft-site .ft_btn li:nth-of-type(2) b { color:#153d4d; }
.ft-site .ft_btn a:hover span:after { width:0%; }
.ft-site .ft_btn a:hover b { color:#aed581; }
.ft-site .ft_btn li:nth-of-type(2) a:hover b { color:#f6f1e6; }
.ft-site .ft_btn li:nth-of-type(3) a:hover b { color:#4ade80; }
.ft-site .ft_link { display:block; width:auto; text-align:center; padding:0; }
.ft-site .ft_link span { background:transparent; color:#d9b978; width:100%; padding:0 0 8px; font-size:12px; display:block; font-weight:700; letter-spacing:3px; text-transform:uppercase; border-radius:0; border-bottom:1px solid rgba(217,185,120,.35); text-align:left; }
.ft-site .ft_link ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding:12px 0 0; border-bottom:0; justify-items:center; }
.ft-site .ft_link li { display:block; width:100%; max-width:96px; text-align:center; padding:0; }
.ft-site .ft_link a { display:block; }
.ft-site .ft_link img { max-width:92px; width:100%; height:auto; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:12px; display:block; padding:10px; margin:0 auto; transition:.25s ease-in-out; box-shadow:0 6px 16px -10px rgba(0,0,0,.5); box-sizing:border-box; }
.ft-site .ft_link p { display:block; color:#d8d3c6; padding-top:7px; font-size:12.5px; margin-bottom:0; letter-spacing:.5px; line-height:1.4; text-align:center; }
.ft-site .ft_link a:hover img { background:rgba(124,179,66,.20); border-color:#aed581; transform:translateY(-2px); box-shadow:0 10px 20px -10px rgba(0,0,0,.6); }
.ft-site .ft_link a:hover p { color:#f6f1e6; }
.ft-site .ft_link2 { display:block; width:auto; padding:0; }
.ft-site .ft_link2 span { color:#9fd3c7; border-bottom-color:rgba(159,211,199,.35); }
.ft-site .ft_link2 ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ft-site .ft_link2 img { background:rgba(63,167,160,.22); border-color:rgba(159,211,199,.28); }
.ft-site .ft_link2 a:hover img { background:rgba(63,167,160,.45); border-color:#9fd3c7; }
.ft-site .fb { display:block; width:auto; height:250px; border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); box-shadow:0 10px 24px -14px rgba(0,0,0,.6); }
.ft-site .fb iframe { width:1px; min-width:100%; height:100%; display:block; }
.ft-site .fb_mob { display:none; }
.ft-site .ft_bottom { background:#0b232d; border-top:1px solid rgba(255,255,255,.08); padding:1.4em 0 1.2em; }
.ft-site .wv { display:inline-block; padding-right:1%; width:20%; vertical-align:top; }
.ft-site .wv img { max-width:100%; vertical-align:middle; }
.ft-site .wvtitle { display:inline-block; color:#fff; width:75%; }
.ft-site .wvtitle a { display:inline-block; color:#fff; line-height:1.8; transition:.5s all; }
.ft-site .wvtitle a:hover { color:#d9b978; }
.ft-site .ft_otherlink { color:#d8d3c6; display:block; vertical-align:middle; line-height:22px; width:100%; text-align:center; font-size:13px; padding-top:8px; }
.ft-site .ft_otherlink a { color:#d8d3c6; font-size:13px; transition:.3s linear; display:inline-block; }
.ft-site .ft_otherlink a:hover { color:#d9b978; }
@media screen and (max-width:1200px) {
.ft-site .ft_links { grid-template-columns:minmax(0,1fr); gap:22px 0; }
.ft-site .fb { max-width:520px; margin:0 auto; width:100%; }
}
@media screen and (max-width:900px) {
.ft-site .ft_top { padding:32px 0 28px; }
.ft-site .ft_top .wrap { grid-template-columns:1fr; gap:22px 0; }
.ft-site .ft_info { padding:0 0 20px; border-right:0; border-bottom:1px solid rgba(255,255,255,.10); }
.ft-site .ft_info ul { flex-direction:row; flex-wrap:wrap; gap:6px 22px; }
.ft-site .ft_left { grid-template-columns:1fr; }
.ft-site .fb { display:none; }
.ft-site .fb_mob { display:block; width:100%; max-width:520px; height:250px; margin:4px auto 0; padding:0; text-align:center; border:0; background:transparent; box-shadow:none; }
}
@media screen and (max-width:560px) {
.ft-site .ft_top { padding:26px 0 22px; }
.ft-site .ft_logo img { width:48px; }
.ft-site .ft_logo h1, .ft-site .ft_logo .ftt, .ft-site .ft_logo .fth1 { font-size:20px; letter-spacing:2px; }
.ft-site .ft_info ul { flex-direction:column; gap:4px; }
.ft-site .ft_btn ul { gap:8px; }
.ft-site .ft_btn li { flex:1 1 100%; }
.ft-site .ft_btn span { font-size:14px; padding:7px 12px; }
.ft-site .ft_link ul, .ft-site .ft_link2 ul { grid-template-columns:repeat(auto-fill,minmax(78px,1fr)); gap:8px 6px; justify-content:center; }
.ft-site .ft_link li { max-width:88px; }
.ft-site .ft_link img { max-width:76px; }
.ft-site .ft_link p { font-size:12px; letter-spacing:0; }
.ft-site .ft_bottom { padding:1.2em 0 1.6em; font-size:12px; line-height:20px; }
}
/* ---- 以下為本站專用的隔離規則（不在 footer_house_v2.css 內） ---- */
.ft-site { display: block; clear: both; width: 100%; margin: 0; padding: 0; background: #0f2f3c; border: 0; box-sizing: border-box; }
.ft-site *, .ft-site *::before, .ft-site *::after { box-sizing: border-box; }
.ft-site a { float: none; width: auto; height: auto; background: none; border: 0; }
.ft-site img { max-width: 100%; border: 0; }
.ft-site ul, .ft-site li { list-style: none; background: none; border: 0; float: none; }
.ft-site li::before, .ft-site li::after { content: none; }
.ft-site h2, .ft-site h3 { position: static; opacity: 1; background: none; border: 0; }
.ft-site p { background: none; }
.ft-site nav { display: flex; position: static; margin: 0; padding: 0; background: none; box-shadow: none; align-self: auto; }