/* 左側選單的樣式 */
   .left-navigation {
	padding: 1.5rem;
	background: linear-gradient(to right, #f0f8ff, #ffffff);
	/* 淡藍漸層 */
	border-radius: 16px;
	/* 圓角 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* 外部陰影 */
	font-family: 'Arial', sans-serif;
}

.left-navigation h2 {
	text-align: center;
	color: #007bff;
	/* 藍色標題 */
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	/* 字體陰影 */
	margin-bottom: 1rem;
}

.left-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.left-navigation li {
	margin-bottom: 0.5rem;
	/* 列表間距 */
}

.left-navigation a {
	display: block;
	padding: 0.5rem 1rem;
	text-decoration: none;
	color: #333;
	/* 文字顏色 */
	font-weight: 500;
	/* 中等字重 */
	background: linear-gradient(90deg, #ffffff, #f5f5f5);
	/* 初始背景 */
	border-radius: 8px;
	transition: all 0.3s ease;
	/* 添加過渡效果 */
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
	/* 初始無陰影 */
}

.left-navigation a:hover {
	background: linear-gradient(90deg, #f5f5f5, #e6e6fa);
	/* Hover 背景變化 */
	box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.1), 2px 4px 6px rgba(0, 0, 0, 0.15);
	/* Hover 陰影 */
	transform: scale(1.03);
	/* 放大效果 */
	color: #0056b3 !important;
	/* Hover 文字顏色 */
}

.left-navigation a.hover {
	background: linear-gradient(90deg, #f5f5f5, #e6e6fa);
	/* 手動選擇的Hover效果 */
	box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.1), 2px 4px 6px rgba(0, 0, 0, 0.15);
	transform: scale(1.03);
	color: #0056b3;
}

/* 卡片浮起效果 */
.card:hover {
	transform: translateY(-5px);
	/* 浮起 */
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	/* 陰影更深 */
}

/* 圖片樣式 */
.card img {
	width: auto;
	display: block;
	margin: 0 auto;
	padding: 10px;
	object-fit: contain;
	border-radius: inherit;
	transition: transform 0.3s ease;
}

/* 圖片 hover 放大效果 */
.card:hover img {
	transform: scale(1.05);
	/* 輕微放大 */
}

/* 卡片內容樣式 */
.card-body {
	padding: 1rem;
	/* 增加內部留白 */
}

.card-title {
	font-size: 1.1rem;
	color: #333;
	font-weight: bold;
	margin: 0.5rem 0 0;
	line-height: 1.5;
	transition: color 0.3s ease;
}

/* Hover 標題變色 */
.card:hover .card-title {
	color: #007bff;
	/* 強調藍色 */
}


/* 按鈕樣式 */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	/* 增加內部留白 */
	font-size: 1rem;
	/* 調整字型大小 */
	border-radius: 12px;
	/* 圓角 */
	transition: all 0.3s ease;
	/* 添加平滑效果 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* 增加陰影 */
}

/* Hover 效果 */
.btn:hover {
	transform: translateY(-2px);
	/* 浮起效果 */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
	/* 加深陰影 */
}

/* Danger 按鈕 Hover 效果 */
.btn-danger:hover {
	background-color: #dc3545;
	/* 更深的紅色 */
	color: #fff;
}

/* Info 按鈕 Hover 效果 */
.btn-info:hover {
	background-color: #17a2b8;
	/* 更深的藍綠色 */
}

/* 控制按鈕間距 */
.d-flex.gap-2>* {
	margin-right: 0.5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem !important;
}

.list-paddingleft-2 {
	padding-left: 30px;
}

.justify-content {
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.small.text-muted {
	margin-right: 10px;
}

.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between>div>p {
	margin-bottom: initial !important;
}