td.disablebtn {
	color: #B1B1B1;
	text-decoration: none;
	background: url(../img/tdbutton.png) left no-repeat;
	width: 60px;
	height: 16px;
	font-size: 75%;
	text-align: center;
}

td.disablebtn a {
	text-decoration: none;
	color: #BAB8B8;
	cursor: default;
}

#search #sa {
	width: 60px;
	font-size: 0.75em;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background: url(../img/search.png) center no-repeat;
	border: 0px none;
	cursor: pointer;
	font-style: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
}

/*
.btn #last{
	background: url(../img/search.png) center no-repeat;
}
*/

.tab-ctl-x:focus {
	/* 1. 移除瀏覽器預設的細框 */
	outline: none;

	/* 2. 設定明顯的焦點外框 (3px 粗實線) */
	outline: 3px solid #0056b3 !important;

	/* 3. 關鍵屬性：創造外擴空間 (正值外擴，負值內縮) */
	outline-offset: 2px !important;

	/* 4. 增加陰影讓視覺層次感更強，避免在複雜背景中失蹤 */
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 10px rgba(0, 86, 179, 0.5);

	/* 5. 確保在縮放或移動時焦點依然在最上層 */
	position: relative;
	z-index: 9999;
}

.tab-ctl-x.in-hidden-container:focus {
	outline-offset: -4px !important;
	/* 往內縮，確保不會被父層切掉 */
	outline: 2px solid #ffffff !important;
	box-shadow: inset 0 0 0 2px #0056b3;
	/* 使用內陰影創造雙色框，非常醒目 */
}

/* 針對你的表格內部連結 */
td a.tab-ctl-x:focus {
	background-color: rgba(0, 86, 179, 0.1);
	/* 額外增加底色回饋 */
}