/*--------------copyright by alva start-------------------------------*/
/* 2026-09 改版：比照宜蘭 2026-09 改版（蘭陽暮色） — 靛夜藍底 × 品牌橘圖標 × 米金文字 × 日出線，排版改 CSS grid。
   還原：footer_rwd/backup_20261005/footer_house.css 覆蓋回來即可。   */
* {
    padding: 0px;
    margin: 0px;
}
footer ul {
	list-style:none;
	margin:0;
}
/****************************************************************************************************************************************/
/*---footer start-----------------------------------------------------------------------------------------------------------------------------*/
footer {
	color:#ece5d6;
	letter-spacing:.5px;
	text-align:left;
	font-size:15px;
	line-height:1.7;
	font-family:"Noto Sans TC","Microsoft JhengHei",Arial,Helvetica,sans-serif;
}
footer a { color:inherit; text-decoration:none; }
/*wrap（只作用於頁尾；2026-10-06 改為 footer 範圍內，避免蓋到攻略頁、網站導覽等同樣用 .wrap 的內容容器）*/
footer .wrap {
	width:1350px;
	margin:0 auto;
	max-width:95%;
}
/*ft_top*/
.ft_top {
	padding:44px 0 36px;
	position:relative;
	background:
		radial-gradient(760px 300px at 92% 0%, rgba(242,140,0,.18), transparent 62%),
		linear-gradient(180deg, #22304d 0%, #171f36 100%);
	border-top:0;
}
/* 日出線：金 → 橘 → 玫瑰 → 暮紫 */
.ft_top::before {
	content:'';
	position:absolute;
	top:0; left:0; right:0;
	height:5px;
	background:linear-gradient(90deg, #b1842f 0%, #f28c00 42%, #e0647a 74%, #5a4b7f 100%);
}
.ft_top .wrap {
	display:grid;
	grid-template-columns:minmax(230px,25%) minmax(0,1fr);
	gap:0 36px;
	align-items:start;
}
/*ft_info*/
.ft_info {
	display:block;
	width:auto;
	text-align:left;
	padding:0 28px 0 0;
	border-right:1px solid rgba(255,255,255,.10);
}
/*ft_logo*/
.ft_logo {
	padding-bottom:18px;
	margin-bottom:16px;
	border-bottom:1px solid rgba(255,255,255,.08);
}
.ft_logo a { display:block; color:#f6f1e6; }
.ft_logo div { display:flex; align-items:flex-end; gap:8px; }
.ft_logo img {
	max-width:100%;
	width:56px;
	vertical-align:bottom;
	filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));
}
.ft_logo h1, .ft_logo .ftt {
	display:inline-block;
	vertical-align:bottom;
	font-size:22px;
	letter-spacing:4px;
	padding-left:0;
	margin:0;
	font-weight:700;
	line-height:1.1;
	color:#f6f1e6;
}
.ft_logo h2 {
	font-size:13px;
	padding-top:8px;
	margin:0;
	font-weight:400;
	letter-spacing:1px;
	line-height:normal;
	color:#aab0c4;
	width:100%;
	text-align:left;
	position:relative;
	opacity:1;
	bottom:0;
	left:inherit;
}
.ft_info ul { display:flex; flex-direction:column; gap:6px; }
.ft_info li {
	display:flex;
	align-items:flex-start;
	gap:10px;
	line-height:1.6;
	font-size:14.5px;
}
.ft_info li img {
	vertical-align:top;
	padding-top:4px;
	flex:none;
	width:18px;
}
.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_links*/
.ft_links {
	display:grid;
	grid-template-columns:minmax(0,1fr) 280px;
	gap:0 28px;
	align-items:start;
	width:auto;
	padding:0;
}
/*ft_left*/
.ft_left {
	display:grid;
	grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
	gap:18px 22px;
	width:auto;
}
/*ft_btn*/
.ft_btn {
	grid-column:1 / -1;
	padding-bottom:4px;
	width:100%;
}
.ft_btn ul { display:flex; flex-wrap:wrap; gap:12px; }
.ft_btn li {
	display:block;
	flex:1 1 170px;
	width:auto;
}
.ft_btn a {
	display:flex;
	align-items:center;
	gap:10px;
	transition:.3s ease-in-out;
}
.ft_btn img {
	vertical-align:middle;
	max-width:100%;
	width:34px;
	padding:0;
	flex:none;
	filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));
}
.ft_btn span {
	flex:1;
	text-align:center;
	font-size:15px;
	border:1px solid #f28c00;
	border-radius:999px;
	display:inline-block;
	padding:8px 18px;
	letter-spacing:2px;
	position:relative;
	overflow:hidden;
	vertical-align:middle;
	line-height:1.4;
}
.ft_btn span:after {
	content:'';
	background:#f28c00;
	position:absolute;
	top:0; right:0;
	width:100%; height:100%;
	z-index:0;
	transition:.3s ease-in-out;
}
.ft_btn li:nth-of-type(2) span { border:1px solid #ece5d6; }
.ft_btn li:nth-of-type(2) span:after { background:#ece5d6; }
.ft_btn li:nth-of-type(3) span { border:1px solid #06c755; }
.ft_btn li:nth-of-type(3) span:after { background:#06c755; }
.ft_btn b {
	color:#fff;
	position:relative;
	z-index:2;
	transition:.3s ease-in-out;
	font-weight:600;
}
.ft_btn li:nth-of-type(2) b { color:#1c2740; }
/*hover：實心→描邊*/
.ft_btn a:hover span:after { width:0%; }
.ft_btn a:hover b { color:#f6a53a; }
.ft_btn li:nth-of-type(2) a:hover b { color:#f6f1e6; }
.ft_btn li:nth-of-type(3) a:hover b { color:#06c755; }
/*ft_link*/
.ft_link {
	display:block;
	width:auto;
	text-align:center;
	padding:0;
}
.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_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_link li {
	display:block;
	width:100%;
	max-width:96px;
	text-align:center;
	padding:0;
}
.ft_link a { display:block; }
.ft_link img {
	max-width:92px;
	width:100%;
	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_link p {
	display:block;
	color:#d8d3c6;
	padding-top:7px;
	font-size:12.5px;
	margin-bottom:0;
	letter-spacing:.5px;
	line-height:1.4;
}
.ft_link a:hover img {
	background:rgba(242,140,0,.18);
	border-color:#f6a53a;
	transform:translateY(-2px);
	box-shadow:0 10px 20px -10px rgba(0,0,0,.6);
}
.ft_link a:hover p { color:#f6f1e6; }
/*ft_link2*/
.ft_link2 { display:block; width:auto; padding:0; }
.ft_link2 span {
	color:#e8a7b6;
	border-bottom-color:rgba(232,167,182,.35);
}
.ft_link2 ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ft_link2 img {
	background:rgba(122,74,88,.38);
	border-color:rgba(232,167,182,.28);
}
.ft_link2 a:hover img {
	background:rgba(122,74,88,.72);
	border-color:#e8a7b6;
}
/*fb*/
.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);
}
.fb iframe {
	width:1px;
	min-width:100%;
	*width:100%;
	height:100%;
	display:block;
}
.fb_mob { display:none; }
/*ft_bottom（版權區，內容由 footer_house_copyright.html 提供）*/
.ft_bottom {
	background:#121a2e;
	border-top:1px solid rgba(255,255,255,.08);
	padding:1.4em 0 1.2em;
}
/*legacy（舊版權列 class，保留避免殘留樣式失效）*/
.wv { display:inline-block; padding-right:1%; width:20%; vertical-align:top; }
.wv img { max-width:100%; vertical-align:middle; }
.wvtitle { display:inline-block; color:#fff; width:75%; }
.wvtitle a { display:inline-block; color:#fff; line-height:1.8; transition:.5s all; }
.wvtitle a:hover { color:#d9b978; }
.ft_otherlink { color:#fff; display:inline-block; vertical-align:middle; line-height:22px; width:75%; }
.ft_otherlink a { color:#fff; font-size:14px; transition:.3s linear; display:inline-block; }
.ft_otherlink a:hover { color:#d9b978; }

/*---RWD-----------------------------------------------------------------*/
@media screen and (max-width:1200px) {
	.ft_links { grid-template-columns:minmax(0,1fr); gap:22px 0; }
	.fb { max-width:520px; margin:0 auto; width:100%; }
}
@media screen and (max-width:900px) {
	.ft_top { padding:32px 0 28px; }
	.ft_top .wrap { grid-template-columns:1fr; gap:22px 0; }
	.ft_info {
		padding:0 0 20px;
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.10);
	}
	.ft_info ul { flex-direction:row; flex-wrap:wrap; gap:6px 22px; }
	.ft_left { grid-template-columns:1fr; }
	.fb { display:none; }
	.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_top { padding:26px 0 22px; }
	.ft_logo img { width:48px; }
	.ft_logo h1, .ft_logo .ftt { font-size:20px; letter-spacing:3px; }
	.ft_info ul { flex-direction:column; gap:4px; }
	.ft_btn ul { gap:8px; }
	.ft_btn li { flex:1 1 100%; }
	.ft_btn span { font-size:14px; padding:7px 12px; }
	.ft_link ul, .ft_link2 ul { grid-template-columns:repeat(auto-fill,minmax(78px,1fr)); gap:8px 6px; justify-content:center; }
	.ft_link li { max-width:88px; }
	.ft_link img { max-width:76px; }
	.ft_link p { font-size:12px; letter-spacing:0; }
	.ft_bottom { padding:1.2em 0 6em; font-size:12px; line-height:20px; }
}
/* Compact shared footer. Keep all destinations; use native disclosure for partner links. */
footer .ft_top,footer .ft_bottom{letter-spacing:0}
footer .ft_top *,footer .ft_bottom *{box-sizing:border-box;min-width:0;letter-spacing:0}
footer .ft_top .wrap,footer .ft_bottom .wrap{width:calc(100% - 48px);max-width:1280px;padding:0;margin:0 auto}
footer .ft_top{padding:24px 0 20px;background:#183c49}
footer .ft_top:before{height:3px;background:#dc9850}
footer .ft_top .wrap{grid-template-columns:270px minmax(0,1fr);gap:24px}
footer .ft_info{padding:0 24px 0 0;border-right:1px solid #ffffff24;border-bottom:0}
footer .ft_logo{padding:0;margin:0 0 12px;border:0}
footer .ft_logo>a>div{display:flex;align-items:center;gap:10px}
footer .ft_logo img{width:38px;height:auto;padding:0}
footer .ft_logo .ftt{font-size:21px;padding:0;line-height:1.4}
footer .ft_logo h2{font-size:12px;padding:4px 0 0;border:0;line-height:1.5;color:#c1d3d9;background:none}
footer .ft_logo h2:before{display:none}
footer .ft_info ul{display:grid;grid-template-columns:1fr;gap:3px;padding:0}
footer .ft_info li{gap:8px;font-size:13px;line-height:1.6;margin:0}
footer .ft_info li img{width:15px;height:auto;padding-top:3px}
footer .ft_info li p{font-size:13px;line-height:1.6;margin:0;color:#e2edf0}
footer .ft_links{display:block}
footer .ft_left{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px 20px}
footer .ft_btn{padding:0}
footer .ft_btn ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}
footer .ft_btn li{margin:0;width:auto}
footer .ft_btn a{gap:7px;min-height:44px}
footer .ft_btn img{width:25px;filter:none}
footer .ft_btn span{font-size:14px;padding:8px;border-radius:5px}
footer .ft_btn b{white-space:nowrap}
footer .ft_link{padding:0;text-align:left}
footer .ft_link>span{font-size:11px;padding:0 0 4px;color:#dfc793;border-color:#ffffff24}
footer .ft_link ul,footer .ft_link2 ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 12px;padding:6px 0 0}
footer .ft_link li{max-width:none;width:auto;margin:0}
footer .ft_link a{display:flex;align-items:center;gap:6px;min-height:32px}
footer .ft_link img{width:25px;height:25px;object-fit:contain;padding:3px;margin:0;border-radius:4px;background:#ffffff0d;box-shadow:none;transform:none}
footer .ft_link p{padding:0;margin:0;font-size:12px;line-height:1.5;color:#e2edf0;white-space:nowrap}
footer .ft-social{margin-top:6px;font-size:12px}
footer .ft-social a{display:inline-flex;align-items:center;min-height:32px;color:#d4e7f5;text-decoration:underline;text-underline-offset:3px}
footer .ft_bottom{padding:14px 0 16px;background:#122d37;line-height:1.65}
footer .ft-wrap{font-size:13px;line-height:1.65;color:#d1dce0}
footer .ft-trust{padding:0 0 12px;gap:0}
footer .ft-trust-brand h3{font-size:14px;margin:0 0 4px;padding:0;color:#fff;line-height:1.6}
footer .ft-trust-brand p{font-size:13px;line-height:1.7;margin:0;color:#d1dce0}
footer .ft-trust-badges{gap:4px 16px;margin-top:6px;justify-content:flex-start}
footer .ft-badge{padding:0;border:0;border-radius:0;background:none;font-size:12px;color:#d1dce0}
footer .ft-links{padding:9px 0;display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px}
footer .ft-links-label{margin:0;font-size:12px;line-height:1.8;text-align:left;color:#dfc793}
footer .ft-links-row{gap:2px 16px;justify-content:flex-start;line-height:1.7;align-items:center}
footer .ft-links-row a{font-size:13px;color:#d1dce0;padding:3px 0;white-space:normal;overflow-wrap:anywhere}
footer .ft-links-row .sep{display:none}
footer .ft-friends{display:block;padding:0}
footer .ft-friends>summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;min-height:40px;padding:9px 0}
footer .ft-friends[open]>summary{list-style-type:disclosure-open}
footer .ft-friends .ft-links-row{padding:0 0 10px}
footer .ft-copy{padding:10px 0 0;gap:12px;justify-content:space-between}
footer .ft-copy-text{width:auto;flex:1;text-align:left;font-size:12px;line-height:1.7;color:#b8cbd2}
footer .ft-copy-text a{color:#d1dce0}
footer .ft-webview{width:80px;flex:0 0 80px;line-height:1}
footer .ft-webview img{display:block;width:80px;max-width:100%;height:auto}
footer a:focus-visible,footer summary:focus-visible{outline:2px solid #ffbd68;outline-offset:3px}
@media(max-width:900px){
 footer .ft_top .wrap{grid-template-columns:230px minmax(0,1fr);gap:20px}
 footer .ft_info{padding-right:16px}
 footer .ft_left{grid-template-columns:1fr;gap:10px}
 footer .ft_btn img{width:20px}footer .ft_btn a{gap:4px}footer .ft_btn span{padding:8px 3px;font-size:13px}
}
@media(max-width:600px){
 footer .ft_top .wrap,footer .ft_bottom .wrap{width:calc(100% - 32px);max-width:none}
 footer .ft_top{padding:20px 0 14px}footer .ft_top .wrap{grid-template-columns:1fr;gap:14px}
 footer .ft_info{padding:0 0 12px;border-right:0;border-bottom:1px solid #ffffff24;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
 footer .ft_logo{margin:0}footer .ft_logo>a>div{gap:5px;flex-wrap:wrap}footer .ft_logo img{width:30px}footer .ft_logo .ftt{font-size:18px}footer .ft_logo h2{font-size:11px}
 footer .ft_info li{gap:5px}footer .ft_info li p{font-size:12px;overflow-wrap:anywhere}footer .ft_info li img{width:13px}
 footer .ft_link a{min-height:36px}footer .ft_btn ul{gap:8px}footer .ft-social a{min-height:36px}
 footer .ft_bottom{padding:12px 0 max(20px,env(safe-area-inset-bottom))}
 footer .ft-trust{padding:0 0 10px}footer .ft-trust-brand p{font-size:12px;line-height:1.7}
 footer .ft-trust-badges{gap:3px 12px}footer .ft-badge{font-size:11px}
 footer .ft-links{grid-template-columns:1fr;gap:5px;padding:9px 0}
 footer .ft-links-row{gap:2px 12px}footer .ft-links-row a{min-height:32px;display:inline-flex;align-items:center;font-size:12px}
 footer .ft-friends{padding:0}footer .ft-friends>summary{min-height:44px;padding:11px 0}
 footer .ft-copy{flex-direction:row;align-items:center;gap:10px;padding:10px 0 0}
 footer .ft-copy-text{font-size:11px}footer .ft-webview{width:64px;flex-basis:64px}
}
/*---footer end-----------------------------------------------------------------------------------------------------------------------------*/