@charset "utf-8";

/* 頁尾主要區塊設定 */
.site-footer {
	background-color: #1a1a1a; /* 圖片中的深灰色背景 */
	color: #d0d0d0;            /* 主要文字顏色（淺灰/白） */
	padding: 50px 20px 30px;
	font-size: 15px;
	letter-spacing: 0.5px;
}

.footer-container {
	max-width: 1100px;
	margin: 0 auto;
}

/* 上半部：三欄資訊區塊 */
.footer-top {
	display: flex;
	justify-content: flex-start;
	gap: 80px; /* 欄位之間的間距 */
	margin-bottom: 40px;
}

/* 個別欄位設定 */
.footer-col p {
	margin: 0 0 10px 0;
}

/* 特定欄位的寬度微調 */
.col-title {
	flex: 0 0 auto;
}

/* 下半部：版權宣告區塊 */
.footer-bottom {
	color: #c4874b; /* 圖片中特有的橘棕色文字 */
	font-size: 14px;
}

.footer-bottom p {
	margin: 0;
}
.line{
	width: 50%;
}

/* 簡單的響應式設計：在手機版時改為垂直排列 */
@media (max-width: 860px) {
	.footer-top {
		flex-direction: column;
		gap: 30px;
	}
}