#topBar {
		position: fixed;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 50px;
		background: #65bcf1;
		z-index: 8000
	}
	#topBar .logo {
		float: left;
		margin: 16px 0 0 15px;
		display: block;
		overflow: hidden
	}

	#topBar .logo img {
		width: 50%;
		vertical-align: top;
	}
	.translation-form {
		max-width: 600px; /* 限制表單的最大寬度 */
		margin: auto;
	}
	.translation-output {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.category-list, .keyword-list {
		padding: 0;
	}
	.category-item, .keyword-item {
		list-style-type: none; /* 移除項目符號 */
		margin-bottom: 5px; /* 添加一些間隔 */
		text-align: left; /* 文字對齊左邊 */
	}
	.category-button, .keyword-button {
		text-decoration: none; /* 移除下劃線 */
		color: white; /* 白色文本 */
		display: inline-block;
		width: 100%; /* 按鈕寬度 */
		text-align: left; /* 文字對齊左邊 */
	}
	.autocomplete-suggestions {
		display:none;
		border: 1px solid #ccc;
		background: #fff;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1000;
		list-style: none;
		padding: 0;
		margin: 0;
		max-height: 200px;
		overflow-y: auto;
		width: 100%;
		box-sizing: border-box;
		font-size: 0.9em; /* 將字體大小設置為比輸入框中的文字小 */
	}

	.autocomplete-suggestions li {
		padding: 5px 10px;
		cursor: pointer;
		color: #085394; /* 設置文字顏色 */
	}

	.autocomplete-suggestions li:hover {
		background-color: #eee;
	}
	
	.keywordStyle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--alias-color-text-primary-default); /* 假設已定義此變數 */
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
	}

	.pathStyle {
		color: var(--alias-color-text-secondary-default); /* 假設已定義此變數 */
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4em;
		margin: 0;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	
	.btn-group-toggle .btn {
		background-color: white; /* 默認狀態的背景顏色 */
		border-color: #0984d1; /* 默認狀態的邊框顏色 */
	}
	
	.btn-group-toggle .btn.active, .btn-group-toggle .btn:active {
		background-color: #0984d1; /* 選中狀態的背景顏色 */
		color: white; /* 選中狀態的文字顏色 */
	}

	/*btn ---------*/
	.btn-primary {
		color: #fff;
		background-color: #7dcefd;
		border-color: #7dcefd;
	  }
	  
	  .btn-primary:hover {
		color: #fff;
		background-color: #0984d1;
		border-color: #0984d1;
	  }
	  .btn-success {
		color: #fff;
		background-color: #77b9ca;
		border-color: #77b9ca;
	  }
	  
	  .btn-success:hover {
		color: #fff;
		background-color: #1f8ba7;
		border-color: #1f8ba7;
	  }

	  .btn-warning {
		color: #fff;
		background-color: #fc9170;
		border-color: #fc9170;
	  }
	  
	  .btn-warning:hover {
		color: #fff;
		background-color: #f74913;
		border-color: #f74913;
	  }

	  .btn-secondary {
		color: #212529;
		background-color: #e7e6e3;
		border-color: #deddda;
	  }
	  
	  .btn-secondary:hover {
		color: #212529;
		background-color: #c0bfbc;
		border-color: #c0bfbc;
	  }

	  .btn-outline-primary {
		color: #0984d1;
		border-color: #0984d1;
	  }
	  
	  .btn-outline-primary:hover {
		color: #fff;
		background-color: #0984d1;
		border-color: #0984d1;
	  }

	  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
		color: #fff;
		background-color: #0984d1;
		border-color: #0984d1;
	  }

	  /*藍框線按鈕*/

.btn_outline_blue {
    color: #0984d1;
    border: 1px solid #0984d1;
    background: #fff;
}

.btn_outline_blue:hover {
    background: #0984d1;
    border: 1px solid #0984d1;
    color: #fff;
}
/*btn END-------------------------*/
.group_style{
	width: 100%;
}
.group_style label{
	width: 50%;
}

.search_style{
	background-color: #fffdcb;
}

/* 搜尋區重新設計：回上一頁／模式切換／單一搜尋鈕 */
.search-back-row {
	margin: 0 0 8px;
	padding: 0 2px;
}
.search-back-link {
	display: inline-flex;
	align-items: center;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: #0984d1;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
}
.search-back-link:hover,
.search-back-link:focus {
	color: #0669a8;
	text-decoration: underline;
	outline: none;
}
.search-mode-toggle {
	width: 100%;
	display: flex;
}
.search-mode-toggle .btn {
	flex: 1;
	padding: 8px 10px;
	font-size: 14px;
}
.search-mode-hint {
	margin-top: 6px;
	font-size: 12px;
	color: #888;
	line-height: 1.4;
}
.search-submit-btn {
	display: block;
	width: 100%;
	padding: 10px 12px;
	font-size: 16px;
	font-weight: 600;
}
.search-section .form-group:last-of-type {
	margin-bottom: 12px;
}