/* Component styles */
@font-face {
	font-family: 'Blokk';
	src: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20220617082442/https://cfcmweb.cy.gov.tw/components/fonts/blokk/BLOKKRegular.eot');
	src: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20220617082442/https://cfcmweb.cy.gov.tw/components/fonts/blokk/BLOKKRegular.eot') format('embedded-opentype'),
url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20220617082442/https://cfcmweb.cy.gov.tw/components/fonts/blokk/BLOKKRegular.woff') format('woff'),
url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20220617082442/https://cfcmweb.cy.gov.tw/components/fonts/blokk/BLOKKRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.component {
	line-height: 1.5em;
	margin: 0 auto;
	padding: 2em 0 3em;
	width: 90%;
	max-width: 1000px;
	overflow: hidden;
}
.component .filler {
	font-family: "Blokk", Arial, sans-serif;
	color: #d3d3d3;
}
table {
	border-collapse: collapse;
}

.itable{ 
	border: 1px solid #FFFFFF; 
	border-collapse: collapse;
    font-family: Arial, "微軟正黑體";
    font-size: 16px;
    letter-spacing: 0.1em;
}


.itable td, th {
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 35px;
	border: 1px solid #FFFFFF;
}
.itable td.err {
		background-color: #e992b9;
		color: #fff;
		font-size: 0.75em;
		text-align: center;
		line-height: 1;
	}
.itable th:nth-child(2n-1) {
	background-color: #e4af70;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
.itable th:nth-child(2n) {
	background-color: #e4af70;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
.itable tbody th {
	background-color: #FFCC00;
}
.itable tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all .125s ease-in-out;
}
.itable tbody tr:nth-child(2n) {
	background-color: #FFFFF4;
	transition: all .125s ease-in-out;
}
.itable tbody tr:hover {
	 background-color: rgba(255, 255, 195, 0.63);
}

/* For appearance */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 3em 0;
	width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;

	}
		.sticky-wrap .sticky-intersect th {
			background-color: #666;
			color: #eee;
		}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}

 .t_r{
	color: #900;
	height: 35px;
}
 .t_b{
	color: #007B7B;
}
/*單一灰底色的表格*/
.vtable{
	background-color: #F5F5F5;
	border: 1px solid #B9B9B9;
}
.vtable tbody tr td{
	padding: 20px;
	line-height: 35px;
	}
		
/*單一無底色的表格*/	
.btable{
	background-color: #FFFFFF;
	line-height: 35px;
}
.btable tbody tr td{
	padding: 10px;	
	}

a {
    color: #7b5a01;
    text-decoration: none;
}

a:hover, a:focus {
    color: #003300;
    text-decoration: none;
}







/*
     FILE ARCHIVED ON 8:24:42 六月 17, 2022 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 8:03:54 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/