body
{
	font-family: Helvatica, 微軟正黑體;
	font-weight: bold;
}

link a, a:link, a:visited, a:active, a:hover
{	
	color: #364E7C;
	text-decoration: underline; /* 超連結要底線 */
	font-weight: bold ;  
}

a{
 outline: none; /*消除網頁醜醜的虛線連結，適用Firefox*/
 hlbr:expression(this.onFocus=this.blur()); /*消除網頁醜醜的虛線連結，適用IE*/
 }
 
a img { border-style:none;} /*圖片消除連結框線 */  

#table0 { 
  font-size:12pt; 
  line-height: 18pt;
} 
#tr0 { 
  background-color:#364E7C; 
  color: #FFFFFF;
} 

#txt1
{	
	font-size:14pt;
}


/*========== 按鈕 ==========*/
input.std_btn,a.std_btn,a.std_btn:link,a.std_btn:visited,a.std_btn:active
	{
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	background-color: #28B0B5;
	-webkit-box-shadow: inset 0 0.1em 0.1em rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 0 0.1em 0.1em rgba(255, 255, 255, .5);
	box-shadow: inset 0 0.1em 0.1em rgba(255, 255, 255, .5);
	border: solid 1px rgba(200, 80, 0, .65);
	background-image: -webkit-linear-gradient(top, #28B0B5, #28B0B5);
	background-image: -moz-linear-gradient(top, #28B0B5, #28B0B5);
	background-image: -o-linear-gradient(top, #28B0B5, #28B0B5);
	background-image: linear-gradient(to bottom, #28B0B5, #28B0B5);
	padding: 0.3em 0.3em;
	color: #FFF;
	display: inline-block;
	margin: 0.3em;
    cursor: pointer; 
    font-family:Microsoft JhengHei;   
}

a.std_btn:hover {
	background: none;
	background-color: #28B0B5;
    cursor: pointer;    
}

/* CSS Button */
.button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0069D9), color-stop(1, #007BF));
	background: -moz-linear-gradient(top, #0069D9 5%, #007BF 100%);
	background: -webkit-linear-gradient(top, #0069D9 5%, #007BF 100%);
	background: -o-linear-gradient(top, #0069D9 5%, #007BF 100%);
	background: -ms-linear-gradient(top, #0069D9 5%, #007BF 100%);
	background: linear-gradient(to bottom, #0069D9 5%, #007BF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007BFF', endColorstr='#0069D9',GradientType=0);
	background-color: #0069D9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14pt;
	padding: 5px 12px;
	text-decoration: none;
}

	.button:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007BFF), color-stop(1, #0069D9));
		background: -moz-linear-gradient(top, #007BFF 5%, #0069D9 100%);
		background: -webkit-linear-gradient(top, #007BFF 5%, #0069D9 100%);
		background: -o-linear-gradient(top, #007BFF 5%, #0069D9 100%);
		background: -ms-linear-gradient(top, #007BFF 5%, #0069D9 100%);
		background: linear-gradient(to bottom, #007BFF 5%, #0069D9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069D9', endColorstr='#007BFF',GradientType=0);
		background-color: #0069D9;
	}

	.button:active {
		position: relative;
		top: 1px;
	}


/* CSS Button */
.button2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019858), color-stop(1, #00A600));
	background: -moz-linear-gradient(top, #019858 5%, #00A600 100%);
	background: -webkit-linear-gradient(top, #019858 5%, #00A600 100%);
	background: -o-linear-gradient(top, #019858 5%, #00A600 100%);
	background: -ms-linear-gradient(top, #019858 5%, #00A600 100%);
	background: linear-gradient(to bottom, #019858 5%, #00A600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99DD00', endColorstr='#008800',GradientType=0);
	background-color: #019858;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14pt;
	padding: 5px 12px;
	text-decoration: none;
}

	.button2:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00A600F), color-stop(1, #019858));
		background: -moz-linear-gradient(top, #00A600F 5%, #019858 100%);
		background: -webkit-linear-gradient(top, #00A600F 5%, #019858 100%);
		background: -o-linear-gradient(top, #00A600F 5%, #019858 100%);
		background: -ms-linear-gradient(top, #00A600F 5%, #019858 100%);
		background: linear-gradient(to bottom, #00A600F 5%, #019858 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008800', endColorstr='#99DD00',GradientType=0);
		background-color: #019858;
	}

	.button2:active {
		position: relative;
		top: 1px;
	}

	.nav-link {
		color: darkgray !important;
		text-decoration: none;
	}

	.nav-link:hover, .nav-link:focus {
		color: #ffffff !important;
		text-decoration: none;
	}

.error-message-box {
	box-shadow: 0 2px 8px rgba(244,67,54,0.15);
	max-width: 800px;
	width: 100%;
}

.contact-gridview {
	width: 100%;
	border: none !important;
	background: transparent !important;
}


.contact-gridview {
	width: 100%;
	border: none !important;
	background: transparent !important;
}

	.contact-gridview > tbody > tr > td {
		padding: 0 !important;
		border: none !important;
	}

	.contact-gridview > tbody {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px; /* 增加間距 */
	}

		.contact-gridview > tbody > tr {
			display: flex;
			flex: 1 1 260px;
			max-width: 320px;
			min-width: 240px;
			margin-bottom: 0; /* 移除底部間距，統一用gap */
			border: none;
			background: none;
		}

.contact-card {
	background: #f8fafc;
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.07);
	padding: 22px 28px;
	font-size: 16px;
	color: #222;
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	border: none;
	transition: box-shadow 0.2s, background 0.2s;
}

	.contact-card:hover {
		box-shadow: 0 8px 24px rgba(0,90,181,0.13);
		background: #e3eafc;
	}

	.contact-card strong {
		color: #005AB5;
		font-weight: 600;
	}

@media (max-width: 900px) {
	.contact-gridview > tbody {
		gap: 20px;
		justify-content: center;
	}

		.contact-gridview > tbody > tr {
			min-width: 180px;
			max-width: 100%;
		}

	.contact-card {
		padding: 16px 12px;
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	.contact-gridview > tbody {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

		.contact-gridview > tbody > tr {
			min-width: 0;
			width: 100%;
			margin-bottom: 0;
		}

	.contact-card {
		min-width: 0;
		width: 100%;
	}
}


.custom-gridview th {
	background-color: #2a4d7a;
	color: #fff;
	line-height: 22pt;
	font-size: 14pt;
	border: 1px solid #808080;
}

.custom-gridview td {
	background-color: #f7fafd;
	color: #333;
	border: 1px solid #808080;	
}

.custom-gridview tr:nth-child(even) td {
	background-color: #eaf1fb;
}

.custom-gridview tr:hover td {
	background-color: #d0e4f7;
}

.custom-gridview {
	border-collapse: collapse;
}

.blue-info-panel {
	margin: 10px 0 10px 0;
	padding: 24px 50px 24px 50px;
	display: inline-block;
	border: 3px solid #1976D2;
	background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);
	border-radius: 12px;
	margin-bottom: 16px;
	max-width: 80vw;
	min-width: 250px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 4px 16px rgba(25, 118, 210, 0.08);
}

.blue-title {
	color: #0D47A1;
	font-weight: bold;
	font-size: 22pt;
	margin-bottom: 10px;
}