@charset "utf-8";
/* CSS Document */


.inside {
	background-color: #ebebeb;
	float: left;
	width: 100%;
}

#content_wrap {
	margin-top: 140px;
}

@media only screen and (min-width: 1px) and (max-width: 1200px) {	
	
#content_wrap {
	margin-top: 50px;
}	
	
}

#content_wrap {
	float: left;
	width: 100%;
}

#content {
	float: left;
	width: 100%;
	min-height: 700px;
	background-color: #fff;
	padding-left: 2.5%;
	padding-right: 2.5%;
}





/*******************************************左右欄位頁面******************************************/
/*leftNav*/
#leftNav-box {
	float: left;
	width: 25%;
}

#leftNav {
	float: left;
	padding-right: 40px;
	width: 100%;
	padding-bottom: 10px;
}

#leftNav #leftNav-title {
	float: left;
	width: 100%;
	color: #000000;
	background-color: #f5f3f1;
	letter-spacing: 2px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #dad2c9;
	border-right: 1px solid #dad2c9;
	border-top: 1px solid #dad2c9;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.4;
}

#leftNav ul {
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

#leftNav ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	width:100%;
	float:left;
	padding: 0px;
	border-left: 1px solid #dad2c9;
	border-right: 1px solid #dad2c9;
	border-top: 1px solid #dad2c9;
}

#leftNav ul li.current > a {
	color: #00A051;
}

#leftNav ul li:last-child {
	border-bottom: 1px solid #dad2c9;
}

#leftNav ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	letter-spacing: 2px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 0.96em;
}

#leftNav ul li a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
	-moz-transition: 0.2s all linear;
	-webkit-transition: 0.2s all linear;
	transition: 0.2s all linear;
}

/*
#leftNav ul li.parent a {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow1.png');
	background-repeat : no-repeat;
	background-position : center right;
}

#leftNav ul li.open a {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow2.png');
	background-repeat : no-repeat;
	background-position : center right;
}
*/

#multipleNav {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#multipleNav > li {
	float: left;
	width: 100%;
	margin: 0;
	background-color: #fff;
	color: #fff;
	padding: 10px;
}
	
#multipleNav li a {
	float: left;
	width: 100%;
	color: #000;
	text-decoration: none;
}

#multipleNav .child {
	display: none;
        background: #a0009b;
	/*background: #00A051;*/
}

#multipleNav .child.show {
	display: block!important;
}

#multipleNav .child.hide {
	display: none!important;
}

#multipleNav .child a {
 	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding-left: 30px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	background-image : none!important;
	font-size: .95em;
	padding-top: 5px;
	padding-bottom: 5px;
}

#multipleNav .child a:hover {
 	background: #5a0a58;
 	color: #FFF;
}

#multipleNav a.current {
 	background: #5a0a58;
 	color: #FFF;
}

#multipleNav .parent {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow1.png');
	background-repeat : no-repeat;
	background-position : center right;
}

#multipleNav .active {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow2.png');
	background-repeat : no-repeat;
	background-position : center right;
}

/*
#leftNav .accordion {
 	width: 100%;
 	background: #FFF;
 }

 #leftNav .submenu {
 	display: none;
 	background: #00A051;
	 font-size: .95em;
 }

 #leftNav .submenu li {
 	border-bottom: 1px solid #00A051;
 }

 #leftNav .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #fff;
 	padding-left: 30px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	 background-image : none!important;
 }

 #leftNav .submenu a:hover {
 	background: #05763e;
 	color: #FFF;
 }
*/

@media only screen and (min-width: 1px) and (max-width: 800px) {	
	
#leftNav-box {
	width: 100%;
}
	
#leftNav {
	padding-right: 0px!important;
	margin-bottom: 20px;
}	
	
#leftNav #leftNav-title {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.05em;
	line-height: 1.2;
}
	
#leftNav ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.92em;
}
	
}

@media only screen and (min-width: 801px) and (max-width: 1001px) {	
	
#leftNav-box {
	width: 30%;
}
	
}





/*rightContent*/
#rightContent-box {
	float: right;
	width: 75%;
}

@media only screen and (min-width: 1px) and (max-width: 800px) {	
	
#rightContent-box {
	width: 100%;
}
	
#articleBox-title, #articleBox-title1 {
	font-size: 1.55em!important;
	margin-bottom: 10px!important;
}
	
}

@media only screen and (min-width: 801px) and (max-width: 1001px) {	
	
#rightContent-box {
	width: 70%;
}
	
}

#rightContent {
    margin-bottom: 100px;
	float: left;
	width: 100%;
	min-height: 400px;
}

.expoTitle {
	float: left;
	width: 100%;
	letter-spacing: 2px;
	font-size: 1.7em;
	line-height: 1.2;
	color: #B10104;
	padding-bottom: 20px;
	padding-top: 20px;
}

.expoBox {
	float: left;
	width: 100%;
}

.articleBox-content hr {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 50px;
}

#articleBox-content, .articleBox-content {
	float: left;
	width: 100%;
}

#articleBox {
}

#articleBox-content-desc {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}

#articleBox-content-search {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}

#articleBox-content-search .form-group {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
}

#articleBox-content-search .form-group label {
	float: left;
	width: 15%;
	padding-right: 10px;
}

#articleBox-content-search .form-group .labelBox {
	float: left;
	width: 85%;
}

#articleBox-content-search .form-group .labelBox .box {
	float: left;
	width: 100%;
}

#articleBox-content-search .form-group input[type=text] {
	float: left;
	height: 30px;
	border: 1px solid #ccc;
	padding: 2px 15px 2px 15px;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	font-size: 0.95em;
	width: 25%;
}

#articleBox-content-search .form-group select {
	float: left;
	height: 30px;
	border: 1px solid #ccc;
	padding: 2px 10px 2px 10px;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	font-size: 0.95em;
	width: 25%;
}

#articleBox-content-search .box {
	float: left;
}

#articleBox-content-search .box span {
	float: left;
	width: 50px;
	padding-left: 5px;
}

#articleBox-content-search .box input[type=text] {
	width: 100px;
}

#articleBox-content-search .box select {
	width: 100px;
}

#articleBox-content-search .input-group span:nth-child(1) {
	padding-left: 0px!important;
}

#articleBox-content-search p {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#articleBox-content-search > select, #articleBox-content-search > button {
    outline: none;
}

#articleBox-content-search > button {
	float: right;
    width: 100px;
	padding: 2px 10px;
	background-color: #f29600;
	border: 1px solid #f29600;
	font-size: 1.2em;
	color: #fff;
	margin-top: 20px;
}

#articleBox-content-search input:disabled, #articleBox-content-search select:disabled {
	background-color: #f0f0f0;
}


@media only screen and (min-width: 1px) and (max-width: 601px) {	
	
#articleBox-content-search .form-group label {
	width: 100%;
}

#articleBox-content-search .form-group .labelBox {
	width: 100%;
}
	
#articleBox-content-search .form-group input[type=text] {
	width: 100%;
}

#articleBox-content-search .form-group select {
	width: 100%;
}
	
#articleBox-content-search .box {
	width: 100%;
}
	
#articleBox-content-search .box input[type=text] {
	width: 30%;
}

#articleBox-content-search .box select {
	width: 30%;
}
	
#articleBox-content-search .box span {
	width: 40px;
	padding-left: 0px;
}
	
}





#articleBox-multipleNav {/*右邊頁面-多層選單*/
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

 #articleBox-multipleNav > li > ul {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#articleBox-multipleNav > li {
	float: left;
	width: 100%;
	margin: 0;
	background-color: #fff;
	color: #fff;
	border: 1px solid #ccc;
	list-style-image: none;
	list-style-type: none;
	border-left: 5px solid #ccc;
}
	
#articleBox-multipleNav li a {
	float: left;
	width: 100%;
	color: #000;
	text-decoration: none;
	padding: 10px;
}
	
#articleBox-multipleNav li:hover {
	background-color: #f7f7f7;
}

#articleBox-multipleNav .child {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

#articleBox-multipleNav .child a {
 	display: block;
 	text-decoration: none;
 	color: #666;
 	padding-left: 30px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	background-image : none!important;
	font-size: .95em;
	padding-top: 5px;
	padding-bottom: 5px;
}

#articleBox-multipleNav .child a:hover {
 	background: #ccc;
 	color: #000;
}

#articleBox-multipleNav .parent {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow1.png');
	background-repeat : no-repeat;
	background-position : center right;
}

#articleBox-multipleNav .active {
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/arrow2.png');
	background-repeat : no-repeat;
	background-position : center right;
}





#articleBox-multipleDiv {/*右邊頁面-手風琴內容物*/
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#articleBox-multipleDiv > li {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #DCDCDC;
	padding-top: 10px;
}
	
#articleBox-multipleDiv li a.parent {
	float: left;
	width: 100%;
	color: #B10104;
	text-decoration: none;
	font-size: 1.1em;
	padding-bottom: 10px;
	font-weight: 600;
}

#articleBox-multipleDiv .child {
	display: none;
	padding: 20px;
}





#articleBox-title {/*右邊頁面-一般大標題*/
	float: left;
	width: 100%;
	background-image : url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/title_bg.png');
	background-repeat : repeat-y;
	background-position : center left;
	padding-left: 23px;
	letter-spacing: 2px;
	font-size: 1.85em;
	line-height: 1.2;
	margin-bottom: 20px;
}





#articleBox-category {/*右邊頁面-消息內頁分類*/
	float: left;
	width: 100%;
	font-size: 1.05em;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #777;
}

#articleBox-title1 {/*右邊頁面-消息內頁標題*/
	float: left;
	width: 100%;
	font-size: 1.65em;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #B10104;
}

#articleBox-date {/*右邊頁面-消息內頁日期*/
	float: left;
	width: 100%;
	font-size: 0.95em;
	line-height: 1.2;
	color: #777;
	padding-bottom: 10px;
	border-bottom: 1px solid #777;
	margin-bottom: 20px;
	text-align: right;
}





#articleBox-download {/*右邊頁面-相關下載*/
	float: left;
	width: 100%;
	margin-top: 20px;
}

#articleBox-download-title {
	float: left;
	width: 100%;
	border-top: 1px dotted #DCDCDC;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 1.4em;
	color: #582915;
}

#articleBox-download ul.downloadList {
	float: left;
	width: 100%;
	margin: 0px;
}

#articleBox-download ul.downloadList li {
	float: left;
	width: 100%;
}

#articleBox-download ul.downloadList li p, #articleBox-download ul.downloadList li a {
	color:  #666;
}





#articleBox-photo, .articleBox-photo1 {/*右邊頁面-相關檔案(圖)*/
	float: left;
	width: 100%;
	margin-top: 20px;
}

#articleBox-photo-title, .articleBox-photo-title1 {
	float: left;
	width: 100%;
	border-top: 1px dotted #DCDCDC;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 1.4em;
	color: #582915;
}

#articleBox-photo ul.photoList, .articleBox-photo1 ul.photoList {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#articleBox-photo ul.photoList li p, .articleBox-photo1 ul.photoList li p {
	float: left;
	width: 100%;
	color:  #666;
	line-height: 1.2;
	padding-top: 10px;
	font-size: 0.95em;
	padding-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {

#articleBox-photo ul.photoList li, .articleBox-photo1 ul.photoList li {
	float: left;
	width: 48%;
	border:  1px solid #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	padding: 3px;
	margin: 1%;
}

#articleBox-photo ul.photoList li:nth-child(2n+1), .articleBox-photo1 ul.photoList li:nth-child(2n+1) { /*排列*/
   clear: both;
}
	
}

@media only screen and (min-width: 1001px) {
	
#articleBox-photo ul.photoList li, .articleBox-photo1 ul.photoList li {
	float: left;
	width: 31.3%;
	border:  1px solid #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	padding: 3px;
	margin: 1%;
}

#articleBox-photo ul.photoList li:nth-child(3n+1), .articleBox-photo1 ul.photoList li:nth-child(3n+1) { /*排列*/
   clear: both;
}
	
}





.articleBox-photo {/*右邊頁面-手風琴內容物-相關檔案(圖)*/
	float: left;
	width: 100%;
	margin-top: 20px;
}

.articleBox-photo ul.photoList {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.articleBox-photo ul.photoList li p {
	float: left;
	width: 100%;
	color:  #666;
	line-height: 1.2;
	padding-top: 10px;
	font-size: 0.95em;
	padding-bottom: 10px;
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {

.articleBox-photo ul.photoList li {
	float: left;
	width: 48%;
	border:  1px solid #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	padding: 3px;
	margin: 1%;
}

.articleBox-photo ul.photoList li:nth-child(2n+1) { /*排列*/
   clear: both;
}
	
}

@media only screen and (min-width: 1001px) {
	
.articleBox-photo ul.photoList li {
	float: left;
	width: 23%;
	border:  1px solid #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-color: #fff;
	padding: 3px;
	margin: 1%;
}

.articleBox-photo ul.photoList li:nth-child(3n+1) { /*排列*/
   clear: both;
}
	
}





#articleBox-googleMap {/*右邊頁面-googleMap*/
	float: left;
	width: 100%;
	margin-top: 20px;
}

#articleBox-googleMap-title {
	float: left;
	width: 100%;
	border-top: 1px dotted #DCDCDC;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 1.4em;
	color: #582915;
}

#articleBox-googleMap .googleMap {
	float: left;
	width: 100%;
	margin: 0px;
}

#articleBox-googleMap .googleMap iframe {
	width: 100%;
	height: 400px;
	border: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(130,130,130,.7);
	-moz-box-shadow: 0px 0px 7px 0px rgba(130,130,130,.7);
	box-shadow: 0px 0px 7px 0px rgba(130,130,130,.7);
}





/*******************************************無左欄位全頁面******************************************/
#mainContent #mainArticleBox-title {
	width: 180px;
	font-size: 1.85em;
	letter-spacing: 2px;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;
	margin: auto;
	padding-bottom: 5px;
	border-bottom: 4px solid #d0100e;
}

@media only screen and (min-width: 1px) and (max-width: 800px) {	
	
#mainContent #mainArticleBox-title {
	width: 150px!important;
	font-size: 1.55em!important;
	margin-bottom: 10px!important;
}
	
}

#mainArticleBox {
	float: left;
	margin-top: 40px;
	width: 100%;
	margin-bottom: 50px;
}





/*******************************************各別頁面******************************************/
/*sitemap.html*/
#siteMap {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#siteMap > li > a {
	color: #00A051;
	text-decoration: none;
	font-size: 1.05em;
	font-weight: 700;
	background-color: #f7f7f7;
	text-indent: 20px;
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #ccc;
}

@media only screen and (min-width: 1px) and (max-width: 640px) {
	
#siteMap > li {
	margin: 0px;
	float: left;
	width: 100%;
	padding: 10px 0px 20px 0px;
}

}

@media only screen and (min-width: 641px) and (max-width: 850px) {
	
#siteMap > li {
	margin: 0px;
	float: left;
	width: 50%;
	padding: 10px 15px 20px 15px;
}

#siteMap > li:nth-child(2n+1) { /*排列*/
   clear: both;
}

}

@media only screen and (min-width: 851px) and (max-width: 1100px) {
	
#siteMap > li {
	margin: 0px;
	float: left;
	width: 33.3%;
	padding: 10px 15px 30px 15px;
}

#siteMap > li:nth-child(3n+1) { /*排列*/
   clear: both;
}

}

@media only screen and (min-width: 1101px) {
	
#siteMap > li {
	margin: 0px;
	float: left;
	width: 25%;
	padding: 10px 10px 30px 10px;
}

#siteMap > li:nth-child(4n+1) { /*排列*/
   clear: both;
}
	
}

#siteMap > li > ul {
	float: left;
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	border: 1px solid #ccc;
}

#siteMap > li > ul > li > a {
	color: #333;
	text-decoration: none;
	float: left;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
}

#siteMap > li > ul > li > a:hover {
	text-decoration: underline;
}

#siteMap > li > ul > li > ul {
	float: left;
	list-style: none;
	width: 100%;
}

#siteMap > li > ul > li > ul > li > a {
	color: #333;
	text-decoration: none;
	float: left;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
}

#siteMap > li > ul > li > ul > li > a:hover {
	text-decoration: underline;
}





/*展場介紹.html*/
#exhibitionBox ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

#exhibitionBox ul li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 50%;
}

#exhibitionBox ul li img {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	background-color: #fff;
}

#exhibitionBox ul li img {
	opacity: 0.3;
}

#exhibitionBox ul li a.current img, #exhibitionBox ul li a:hover img {
	opacity: 1;
}

/*tabBox*/
#tabBox {
	height: auto;
	width: 100%;
	float: left;
}

#tabBox .fix:after {
	content : ".";
	clear : both;
	display : block;
	height : 0;
	visibility : hidden;
}

#tabNav {
	position : relative;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #4b443c;
}

@media only screen and (min-width: 1px) and (max-width: 720px) {	

#tabNav {
	margin-bottom: 10px;
}
	
}

#tabNav li a {
	position : relative;
	float : left;
	text-align : center;
	margin: 0;
	color: #575757;
	cursor: pointer;
}

#tabNav li a.active {
	position : relative;
	background-color: #4b443c;
}

#tabNav li a {
	position : relative;
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 25px 10px 25px;
	background-color: #a16833;
	font-weight: 700;
	letter-spacing: 1px;
	margin-right: 5px;
}

@media only screen and (min-width: 1px) and (max-width: 600px) {	

#tabNav li a {
	width: 32.6%;
	margin-right: 1%;
	padding: 10px 10px 10px 10px;
}
	
#tabNav li a:nth-child(3) {
	margin-right: 0%;
}	
	
}
	
#tabBox .tabContent {
	height: auto;
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (min-width: 1px) and (max-width: 720px) {	

#tabBox .tabContent {
	margin-bottom: 30px;
}
	
}

#tabBox .tab-photo-slider {
	float: left;
	width: 100%;
	padding-top: 20px;
}

#tabBox .tab-photo-slider .slider-photo {
	float: left;
	width: 80%;
}

#tabBox .tab-photo-slider .slider-nav {
	float: left;
	width: 20%;
	padding-left: 1.5%;
}

#tabBox .slider-photo img {
	float: left;
	width: 100%;
}

#tabBox .slick-slide div, .slick-slide {
	padding: 0;
	margin: 0
}

#tabBox .tab {
	margin-bottom: 20px;
}

#tabBox hr {
	margin-bottom: 20px;
}

#tabBox .tab-title {
	float: left;
	width: 100%;
	letter-spacing: 2px;
	font-size: 1.7em;
	line-height: 1.2;
	color: #B10104;
	padding-bottom: 20px;
	padding-top: 20px;
}





/*臺灣文獻季刊.html*/
#articleManualBox {
	float: left;
}

#articleManualBox a {
	float: left;
}

#articleManualBox a.gray {
	border: 1px solid #666;
    background: #b8b8b8;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e6e3), to(#b8b8b8));
    background: -webkit-linear-gradient(top, #e3e6e3, #b8b8b8);
    background: -moz-linear-gradient(top, #e3e6e3, #b8b8b8);
    background: -ms-linear-gradient(top, #e3e6e3, #b8b8b8);
    background: -o-linear-gradient(top, #e3e6e3, #b8b8b8);
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #333;
	text-decoration: none;
	vertical-align: middle;
	font-size: 0.9em;
	margin-right: 5px;
}

#articleManualBox a.blue {
	border: 1px solid #2A5673;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	font-size: 1em;
	margin-right: 5px;
}

#articleManualBox a.green {
    border: 1px solid #2A5202;
    background: #366b22;
    background: -webkit-gradient(linear, left top, left bottom, from(#66c966), to(#366b22));
    background: -webkit-linear-gradient(top, #66c966, #366b22);
    background: -moz-linear-gradient(top, #66c966, #366b22);
    background: -ms-linear-gradient(top, #66c966, #366b22);
    background: -o-linear-gradient(top, #66c966, #366b22);
    background-image: -ms-linear-gradient(top, #66c966 0%, #366b22 100%);
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	font-size: 1em;
	margin-right: 5px;
}





/*******************************************內頁的區塊共通處******************************************/
/*breadcrumb*/
#breadcrumbSection {
	float: left;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 20px;
}

#breadcrumb {
	float: left;
	height: 30px;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#breadcrumb li {
	list-style-type: none;
	display: inline;
	font-size: 0.85em;
	color: #737373;
}

#breadcrumb li+li:before {
    padding: 8px;
    color: #737373;
    content: " / ";
}

#breadcrumb li a {
	text-decoration: none;
	color: #737373;
}

#breadcrumb li:last-child a {
	text-decoration: none;
	color: #737373;
}

#breadcrumb li a:hover {
	color: #333;
}





/*toolBox*/
#toolBox {
	float: right;
	margin-bottom: 10px;
}

#toolBox ul#fontSize {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-right: 25px;
}

#toolBox ul#fontSize li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

#toolBox ul#fontSize li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 5px;
}

#toolBox ul#fontSize li a {
	float: left;
    border-radius: 50%;
	background-color: #e6e6e6;
	font-size: 0.8em;
	text-decoration: none;
	color: #333;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

#toolBox ul#fontSize li a.current {
	background-color: #008127;
	color: #fff;
}

#toolBox ul#tool {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#toolBox ul#tool li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#toolBox ul#tool li a {
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	text-decoration: none;
}

#toolBox ul#tool li a:hover {
	opacity: 0.5;
}

#toolBox ul#tool li a .font-icon {
	padding: 0px;
	margin: 2px;
}

#gplusBtn a {
	color: #dc4a38;
}

#facebookBtn a {
	color: #3b5998;
}

#printBtn a {
	color: #DB9600;
}

#mailBtn a {
	color: #0da481;
}





/*navigationBox*/
#navigationBox {
	width: 100%;
    text-align: center;
	float: left;
}

.pagination {
	width: 90%;
	max-width: 768px;
	margin: 4em auto 1em;
	text-align: center;
	width: auto;
	display: inline-block;
	border-radius: 0.25em;
	padding: 0px;
}

.pagination li {/*小於768縮起頁碼*/
	display: none;
	margin: 0;
	float: left;
}

@media only screen and (min-width: 768px) {/*大於768展開頁碼*/

.pagination li {
	display: inline-block;
}

}

.pagination li.pagination-button {
    display: inline-block;
}

.pagination a, .pagination span {
	font-size: 0.9em; /*頁碼字體尺寸*/
	text-decoration: none;
	color: #000;/*頁碼字體顏色*/
	float: left;
	padding: .6em 1em;
}

.pagination a.pagination-disabled {
	color: rgba(102,102,102,0.4);
	pointer-events: none;
}

.pagination a:active, .pagination a:hover {
	text-decoration: underline;
}

.pagination .current {/*目前頁碼*/
	background-color: #E05957;
	border-color: #CCCCCC;
	color: #fff;
}

.pagination.navigation-icon .pagination-button a { /*左箭頭*/
	width: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	color: transparent;
	background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034328/https://www.th.gov.tw/new_site/images/pagination_arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.pagination.navigation-icon .pagination-button:last-of-type a { /*右箭頭*/
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

a.newsDetails-btn {
	font-size: 1.1em;
	color: #FFF;
	background-color: #f29600;
	height: 45px;
	line-height: 45px;
	float: right;
	display: block;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 50px;
	margin-bottom: 30px;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	border-radius: 10px;
}

a.newsDetails-btn:hover {
	background-color: #CC7F03;
	color: white;
}





/*table*/
.table1 {
	float: left;
	width: 100%;
}

.table1 tr {
	width: 100%;
}

.table1 tr th {
	border-top: 1px solid #ab8f45;
	border-bottom: 1px solid #ab8f45;
	background-color: #f2e4c0;
	color: #333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
	text-align: left;
}

.table1 tr .th1 {
	width: 10%;
} 

.table1 tr .th2 {
	width: 20%;
} 

.table1 tr .th3 {
	width: 30%;
} 

.table1 tr .th4 {
	width: 40%;
} 

.table1 tr .th5 {
	width: 50%;
} 

.table1 tr .th6 {
	width: 60%;
} 

.table1 tr .th7 {
	width: 70%;
} 

.table1 tr .th8 {
	width: 80%;
} 

.table1 tr .th9 {
	width: 90%;
} 

.table1 tr td {
	border-bottom: 1px solid #808080;
	color: #595757;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.2;
}

.table1 tr td .pdf {
	width: 20px;
} 

.table1 tr td a {
	color:#d0100e;
}

.table1 tr td a.signUpBtn {
	display: inline-block;
	width: 50px;
	height: 30px;
	line-height: 30px;
	background-color: #00A051;
	color:#fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	border: none;
	font-size: 0.9em;
	text-align: center;
	margin-left: 5px;
}

@media screen and (max-width: 600px) {

.table1.rwd-table tr {
	float:left;
	width: 100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.table1.rwd-table th {
	display: none;
}
  
.table1.rwd-table td {
	display: block;
	border: none;
}
  
.table1.rwd-table td:before {
	content: attr(data-th) " ";
	float: left;
	font-weight: bold;
	width: 90px;
	color: #333;
	height: 100%;
}

.table1.rwd-table td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px dashed #999;
}

.table1 tr td:nth-last-child(1) {
	border-bottom: 0px dashed #999;
}

.table1.rwd-table tr td a {
	width: 50px;
}

}





/*內頁的搜尋*/
#articleSearchBox {
	float: right;
    width: 320px;
	height: 30px;
	clear: right;
	margin-bottom: 20px;
}

#articleSearchBox input {
	float: left;
    width: 270px;
	height: 30px;
	border: 1px solid #ccc;
	padding: 2px 15px 2px 15px;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	box-shadow: inset 0px 1px 2px 0px rgba(214,214,214,.5);
	font-size: 0.95em;
}


#articleSearchBox select, #articleSearchBox button {
    
}

#articleSearchBox button {
	float: left;
    width: 50px;
	height: 30px;
	background-color: #f29600;
	border: 1px solid #f29600;
	font-size: 0.9em;
	color: #fff;
}

#articleSearchBox button img {
	padding-left: 2px;
}





/*排序*/
.sortBox {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

@media only screen and (min-width: 600px) {

.sortBox {
	display: none;
}

}

.sortBox li {
	float: left;
	width: 48%;
	border: 1px solid #AC998A;
    background: #f5f3f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f3f1), to(#e2d2c3));
    background: -webkit-linear-gradient(top, #f5f3f1, #e2d2c3);
    background: -moz-linear-gradient(top, #f5f3f1, #e2d2c3);
    background: -ms-linear-gradient(top, #f5f3f1, #e2d2c3);
    background: -o-linear-gradient(top, #f5f3f1, #e2d2c3);
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #666;
	text-decoration: none;
	vertical-align: middle;
	font-size: 0.9em;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
}

.sortBox li a {
	float: left;
	color: #000000;
	width: 100%;
}

.sortBox li .sort-title {
	float: left;
}

.sortBox li .sort-arrow {
	width: 22px;
	float: left;
	margin-top: 2px;
	padding-left: 3px;
}

.table1 .sort-title {
	float: left;
}

.table1 .sort-arrow {
	width: 22px;
	float: left;
	margin-top: 2px;
	padding-left: 3px;
}











/*
     FILE ARCHIVED ON 3:43:28 五月 10, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 17:38:42 五月 14, 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)).
*/