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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center .guide_title[href="#main_content"] { display:inline-block; font-size:0; width:0; height:0; padding:0; opacity:0; line-height:0; z-index:-1; }
#Center .guide_title[href="#main_content"]:focus { margin-top:-20px; line-height:20px; font-size:0.875rem; width:auto; height:auto; opacity:1; z-index:0; }
#Content { max-width:1200px; margin-left:auto; margin-right:auto; padding-top:40px; position:relative; z-index:2; background:rgba(255,255,255,1);}
#Content::after { content:''; clear:both; display:block; width:100%; }
#ColumnCenter { padding-bottom:80px; overflow:hidden; }
#ColumnCenter > *:last-child { margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:10px; position:relative; }
#Breadcrumbs ul { padding-left:24px; position:relative; margin-right:30px; }
#Breadcrumbs ul::before { 
	position:absolute; top:5px; left:0; width:18px; height:20px; display:block; content:''; 
	background: url(../images/icon_home.png) no-repeat 0 0; background-size:cover;
	}
#Breadcrumbs li { 
	display:inline-block; padding-right:14px; margin:5px 0; position:relative; 
	color:#666; line-height:20px; font-size:0.875rem; vertical-align:top; 
	}
#Breadcrumbs li:after { 
	content:'>'; position:absolute; top:50%; right:0; margin-top:-10px; height:20px; line-height:20px; color:#c4c4c4; 
	}
#Breadcrumbs a { display:block; color:#666; text-decoration:none; }
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#000000/*1368a8*/; }
#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:last-child a { color:#000000/*1368a8*/; }
	#Breadcrumbs li:last-child a:hover { color:#000000/*1368a8*/; }
	#Breadcrumbs li:last-child::after { display:none; }

/* 工具列 */
.ToolBar { font-size:0.9375rem; color:#666; box-sizing:border-box; position:relative; }
.ToolBar .guide_title { position:absolute; top:-5px; left:-10px; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { 
	content:''; display:block; width:100%; clear:both; 
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size dd a, .ToolBar dl.share dd a { 
	box-sizing:border-box;;
	}
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after {
	content:''; display:block; position:absolute; top:50%; left:50%; width:22px; height:22px; margin:-11px 0 0 -11px; 
	background:url("../images/icon_toolbar.png") no-repeat; background-size:200%; 
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size dd a, .ToolBar dl.share dd a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ToolBar .colm_left a:hover span, .ToolBar dl.font_size dd a:hover, .ToolBar dl.share dd a:hover,
.ToolBar .colm_left a:focus span, .ToolBar dl.font_size dd a:focus, .ToolBar dl.share dd a:focus { 
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
    box-shadow:0 0 10px rgba(0,0,0,0.3);
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left a { float:left; margin-right:20px; color:#686868; position:relative; }
.ToolBar .colm_left a:last-child { margin-right:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 10%; }
	.ToolBar .colm_left a.rss span::after { background-position:0 20%; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#000000/*1368a8*/; }
.ToolBar .colm_left a:hover span, .ToolBar .colm_left a:focus span { background-color:#000000/*1368a8*/; }
	.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:right 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:right 10%; }
	.ToolBar .colm_left a.rss:hover span::after, .ToolBar .colm_left a.rss:focus span::after { background-position:right 20%; }

.ToolBar dl.font_size { float:left; }
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dd { margin-right:8px; }
.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size dd a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 30%; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 40%; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 50%; }
.ToolBar dl.font_size dd a:hover, .ToolBar dl.font_size dd a:focus { background-color:#000000/*1368a8*/; }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right 30%; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right 40%; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right 50%; }

.ToolBar dl.font_size + dl.share { margin-left:12px; }
.ToolBar dl.font_size + dl.share dt { padding-left:10px; border-left:1px solid #e7e7e7; }
.ToolBar dl.share { float:left; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dd { margin-right:8px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share dd a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.share dd.facebook a::after { background-position:0 60%; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 70%; }
	.ToolBar dl.share dd.line a::after { background-position:0 90%; }

	.ToolBar dl.share dd.facebook a:hover, .ToolBar dl.share dd.facebook a:focus { background-color:#3b5998; }
	.ToolBar dl.share dd.twitter a:hover, .ToolBar dl.share dd.twitter a:focus { background-color:#00abf1; }
	.ToolBar dl.share dd.line a:hover, .ToolBar dl.share dd.line a:focus { background-color:#01b901; }

	.ToolBar dl.share dd.facebook a:hover::after, .ToolBar dl.share dd.facebook a:focus::after { background-position:right 60%; }
	.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:right 70%; }
	.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:right 90%; }
	
/* 標題 */
.PageTitle { /*padding:15px 0;*/ margin-bottom:5px; /*border-bottom:1px solid #e5e5e5;*/ }
/*.PageTitle h2 { padding-left:18px; color:#333; font-size:1.375rem; line-height:30px; position:relative; }
.PageTitle h2::after {
	content:''; display:block; position:absolute; top:0; left:0; width:8px; height:100%;
	background: -ms-linear-gradient(top, #5c5c5c 0% ,#333333 100%);
	background: linear-gradient(to bottom, #5c5c5c 0% ,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#333333',GradientType=0 );
	}
*/
.PageTitle h2 {
	font-size: 38px;
	/*font-weight: normal!important;*/
    padding: 30px 0;
    /*background-color: #f8f8ff;
    border: solid #FFF9DC 7px;
    height: 100px;*/
    color: #B9985E;
}

.PageTitle h2:before {
    content: '';
    display: block;
    height: 2px;
    background: #B9985E;
    position: relative;
    width: 120px;
    left: 0px;
    top: 65px;
}

h3.articleTitle { margin-bottom:20px; position:relative; }
h3.articleTitle span { 
	display:block; padding-bottom:5px; border-bottom:4px solid #000000/*1368a8*/; 
	line-height:150%; color:#000000/*1368a8*/; 
	}

.post_info { margin-top:40px; }
.post_info span { 
	display:inline-block; border-right:1px solid #cccccc; padding-top:4px; padding-bottom:4px; padding-right:14px; margin-right:12px; 
	line-height:125%; color:#7d7d7d; font-size:0.875rem;
	}
	.post_info span:last-child { border-right:0; padding-right:0; margin-right:0; }
.post_info.below { margin-top:0; text-align:right; }
.post_info span[class]::before { 
	content:''; display:inline-block; width:18px; height:18px; margin-right:5px; margin-bottom:0.25em; vertical-align:middle;
	background-image:url('../images/icon_post_info.png'); background-repeat:no-repeat; background-size:100%; 
	}
	.post_info .date::before { background-position:0 0; }
	.post_info .unit::before { background-position:0 100%; }
.post_info .date { font-family:'Oswald', sans-serif; }

.post_info + .editable_content { margin-top:0; }
h3.articleTitle + .post_info { margin-top:-10px; }
.post_info + .post_info { margin-top:0; }

h3.title { margin:15px 0 5px; font-size:1.5rem; color:#000000/*1368a8*/; }

/* 分類下拉 */
.CatTitle { margin:0 0 20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; font-size:1.25rem; line-height:36px; color:#d42828; }
.CatTitle .cat_select { font-size:0.8125rem; line-height:36px; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px; height:36px; line-height:36px;
	background-color:#d42828;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { background-color:#e02347; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/* 列表搜尋 */
.ListSearch { 
	margin-bottom:30px; background-color:#fff; border:1px solid #ccc; padding:15px 20px; box-sizing:border-box; position:relative; 
	-webkit-box-shadow: 6px 6px #ccc;
	-moz-box-shadow: 6px 6px #ccc;
	box-shadow: 6px 6px #ccc;
	display: none!important;
	}
.ListSearch .item { 
	display:inline-block; margin-right:20px; margin-bottom:5px; padding-top:30px; max-width:100%; 
	line-height:40px; color:#333333;
	vertical-align:top; position:relative; 
	}
.ListSearch .item::after { content:''; display:block; clear:both; }
.ListSearch .item > div { float:left; max-width:100%; }
.ListSearch .item .label { position:absolute; top:0; left:0; line-height:30px; font-weight:bold; font-size:0.875rem; }
.ListSearch .item .label::after { content:'：'; }
.ListSearch .BtnCommon { display:inline-block; clear:none; padding-bottom:5px; margin:0; vertical-align:bottom; }
.ListSearch .BtnCommon div { margin:0 0 5px 0; }
.ListSearch .BtnCommon span::before { 
	display:block; position:absolute; top:50%; right:10px; width:30px; height:30px; margin-top:-15px; content:''; 
	background:url("../images/icon_search_white.png") no-repeat center center; background-size:cover;
	}
.ListSearch .BtnCommon input { padding-left:15px; padding-right:40px; line-height:40px; font-size:1rem; }
.ListSearch .BtnCommon span:hover input { color:#fff; }

/* 頁碼 */
#Pagination { margin-top:50px; margin-bottom:40px; clear:both; text-align:center; }
#Pagination .pages { display:inline-block; font-size:0.9375rem; }
#Pagination a { 
	display:inline-block; margin:0 2px; background-color:#f4f4f4; position:relative; 
	text-align:center; color:#666; line-height:38px; text-decoration:none; 
	}
#Pagination a:hover, #Pagination a:focus, #Pagination a.focuz { background-color:#000000/*1368a8*/; color:#fff; }
#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { width:auto; padding:0 8px; }

#Pagination .setting { padding-top:15px; line-height:32px; font-size:0.875rem; }
#Pagination .setting select { padding-left:5px; padding-right:10px; }
#Pagination .setting input[type="text"] { width:50px; vertical-align:top; box-sizing:border-box; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#fff; border:1px solid #c8c8c8; height:32px;
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	outline: 0;
	border:1px solid #a4a4a4; background-color:#f6f6f6;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
#Pagination .setting input[type="button"] { 
	padding:0 12px; margin-left:3px; vertical-align:top; background-color:#e2e2e2; height:32px; line-height:32px; 
	color:#000; font-size:0.9375rem;
	}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#000000/*1368a8*/; color:#fff; }

/* 內頁頁碼 */
.inPagination { margin-top:40px; clear:both; text-align:center; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { 
	display:inline-block; margin:5px 2px; width:38px; height:38px; line-height:38px; 
	background-color:#f4f4f4; text-align:center; color:#666; text-decoration:none; 
	}
.inPagination a:hover, .inPagination a:focus, .inPagination a.focuz { 
	background-color:#000000/*1368a8*/; color:#fff; 
	}

/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
	.file_wmf::before { background-color:#2f5483; }
	.file_dwg::before { background-color:#2f5483; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }
	.file_wmf::after { background-image:url("../images/file_ext/wmf.png");  }
	.file_dwg::after { background-image:url("../images/file_ext/dwg.png");  }

/* 內頁顯示欄位 */
.content_info { margin-top:10px; margin-bottom:30px; }
.content_info > div { background-color:#f8f8f8; border-left:5px solid #b1956e; padding:10px; }
.content_info li span { font-size:0.9375rem; line-height:135%; }
.content_info li span.title { font-weight:bold; color:#786b57; white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#646464; }
.content_info li span.cont strong { color:#de0006; }
.content_info li a { word-break:break-all; }


/*----------------------------------------------------------------------*/
/* 小首頁*/
.SubIndexBlock > *:first-child { margin-top:0; }
.SubIndexBlock > *:last-child { margin-bottom:0; }

.SubIndexBlock .block_title { margin-bottom:20px; text-align:center; }
.SubIndexBlock .block_title div { 
	display:inline-block; position:relative; 
	color:#1267a9; font-weight:bold; font-size:2.25rem; line-height:150%; letter-spacing:0.2em; 
	}
.SubIndexBlock .block_title div .icon { display:block; width:64px; height:48px; margin:0 auto; background-color:#fff; position:relative; }
.SubIndexBlock .block_title div .icon::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:290px; margin:0 0 0 -145px; border-top:1px solid #c0c0c0; z-index:-1; 
	}
.SubIndexBlock .block_title div .icon::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:36px; height:36px; margin:-18px 0 0 -18px;
	background-image:url(../images/icon_subindex_block_title.png); background-repeat:no-repeat; background-size:cover;
	}

.SubIndexBlock .btn_more { margin-top:40px; text-align:center; }
.SubIndexBlock .btn_more a { 
	display:inline-block; background-color:#000000/*1368a8*/; line-height:64px; text-decoration:none; position:relative;
	letter-spacing:0.1em; font-size:1.25rem; font-weight:bold; color:#fff; 
	-webkit-box-shadow:6px 6px #00467a;
	-moz-box-shadow:6px 6px #00467a;
	box-shadow:6px 6px #00467a;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.SubIndexBlock .btn_more a:hover, .SubIndexBlock .btn_more a:focus {
	-webkit-box-shadow:0 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 rgba(0,0,0,0.75);
	box-shadow:0 0 rgba(0,0,0,0.75);
	transform:translate(6px,6px);
	}
.SubIndexBlock .btn_more a span { display:block; padding: 0 35px; }
.SubIndexBlock .btn_more a span::after { 
	display:inline-block; content:""; margin:0 0 0 8px; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; vertical-align:middle;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}


/*----------------------------------------------------------------------*/
/* 小首頁 關於我們*/
.SubIndexAbout { margin-bottom:30px; }


/*----------------------------------------------------------------------*/
/* 小首頁熱門服務*/
.SubIndexCommon { margin-bottom:50px; }
.subindex_common_list { overflow:hidden; }
.subindex_common_list a { 
	display:block; margin:10px auto; text-decoration:none; text-align:left; text-indent:-999px;
	background-size:contain; background-repeat:no-repeat; background-position:center center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.subindex_common_list a:hover, .subindex_common_list a:focus { transform:scale(1.03); }


/*----------------------------------------------------------------------*/
/* 小首頁館藏查詢*/
.SubIndexSearch { margin-bottom:80px; }
.subindex_search_box { position:relative; }
.subindex_search_box .title { 
	display:inline-block; padding:0 20px; margin-left:20px; background-color:#00467a; box-sizing:border-box;
	color:#fff; font-size:1.375rem; font-weight:bold; line-height:48px; letter-spacing:0.1em; 
	}
.subindex_search_box .title::before { 
	display:inline-block; content:''; width:32px; height:32px; margin-right:8px; margin-bottom:0.25em; vertical-align:middle;
	background:url('../images/icon_subindex_search.png') no-repeat center center; background-size:cover;
	}
.subindex_search_box .form_wrap { 
	margin-bottom:30px; background-color:#fff; border:1px solid #ccc; box-sizing:border-box; position:relative; 
	-webkit-box-shadow: 6px 6px #ccc;
	-moz-box-shadow: 6px 6px #ccc;
	box-shadow: 6px 6px #ccc;
	}
.subindex_search_box .form_elmt { display:inline-block; margin:0 20px 10px 0; max-width:100%; position:relative; }
.subindex_search_box .form_elmt input[type="text"], .subindex_search_box .form_elmt select {
	border:2px solid #c8c8c8; background-color:#fafafa; 
	padding-left:12px; padding-right:12px; margin:0; max-width:100%; box-sizing:border-box;
	font-size:1.25rem; color:#575757;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.subindex_search_box .form_elmt input[type="text"]:focus, .subindex_search_box .form_elmt select:focus {
	border:2px solid #a4a4a4; background-color:#eaeaea; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	outline:0;
	}
.subindex_search_box .form_elmt input[type="text"] { line-height:50px; height:50px; padding-top:0; padding-bottom:0; }
.subindex_search_box .form_elmt select { height:50px; }
.subindex_search_box .btn::before { 
	content:''; display:block; position:absolute; top:50%; right:15px; width:32px; height:32px; margin-top:-16px; 
	background:url('../images/icon_search_white.png') no-repeat center center; background-size:cover;
	}
.subindex_search_box .btn {
	background-color:#000000/*1368a8*/; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.subindex_search_box .btn input {
	height:50px; padding:0 52px 0 20px; position:relative;
	font-size:1.25rem; color:#fff;
	}
.subindex_search_box .btn:hover { background-color:#e70000; }
.subindex_search_box .btn input:focus {  background-color:rgba(255,255,255,0.2); }
.subindex_search_box .keywords { padding-top:10px; color:#333; }
.subindex_search_box .keywords dl > * { display:inline-block; line-height:150%; }
.subindex_search_box .keywords a { color:#333; }
.subindex_search_box .keywords a:hover, .subindex_search_box .keywords a:focus { color:#000000/*1368a8*/; }
.subindex_search_box .keywords dd::after { content:'、'; }
.subindex_search_box .keywords dd:last-child::after { content:''; }


/*----------------------------------------------------------------------*/
/* 小首頁活動列表 */
.SubIndexEvent { margin-bottom:80px; }
.SubIndexEvent .block_title { margin-bottom:30px; }
.SubIndexEvent .block_title > div .icon::after { background-position:0 0; } 
.SubIndexEvent .btn_more { margin-top:10px; }


/*----------------------------------------------------------------------*/
/* 小首頁最新消息 */
.SubIndexNews .btn_more { margin-top:40px; }
.SubIndexNews .btn_more a { 
	background-color:#008984; 
	-webkit-box-shadow:6px 6px #00605c;
	-moz-box-shadow:6px 6px #00605c;
	box-shadow:6px 6px #00605c;
	}

/* 頁籤 */
.subindex_news_group { position:relative; }
.subindex_news_group .tab_cont .no_data { 
	padding:30px 0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:4px solid #008984; 
	box-sizing:border-box; position:relative; z-index:2;
	text-align:center; font-size:1.25rem; line-height:150%; 
	-webkit-box-shadow: 6px 6px #ccc;
	-moz-box-shadow: 6px 6px #ccc;
	box-shadow: 6px 6px #ccc;
	}
.subindex_news_group .tab_title a { 
	display:block; position:relative; z-index:1; box-sizing:border-box;
	color:#999; letter-spacing:1px; text-decoration:none; 
	}

/* list */
.subindex_news_list { 
	background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:4px solid #008984; 
	box-sizing:border-box; position:relative; z-index:2;
    -webkit-box-shadow: 6px 6px #ccc;
	-moz-box-shadow: 6px 6px #ccc;
	box-shadow: 6px 6px #ccc;
	}
.subindex_news_list li { border-bottom:1px solid #d6d6d6; position:relative; }
.subindex_news_list li:first-child { border-top:1px solid #d6d6d6; }
.subindex_news_list li:nth-child(even) { background-color:#eeeeee; }
.subindex_news_list li > span { display:block; }
.subindex_news_list .no { text-align:right; color:#737372; font-family:'Oswald', sans-serif; }
.subindex_news_list .date { text-align:center; color:#008984; font-family:'Oswald', sans-serif; }
.subindex_news_list .title a { color:#333; text-decoration:none; }
.subindex_news_list .title a:hover, .subindex_news_list .title a:focus { color:#008984; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { position:relative; }
.ListTable table { width:100%; }

.ListTable td.no { color:#666; font-family:'Oswald', sans-serif; }
.ListTable td.date { color:#000000/*1368a8*/; font-family:'Oswald', sans-serif; }
.ListTable td.title { color:#333; font-weight:bold; }
.ListTable td.title a { color:#333; text-decoration:none; }
.ListTable td.title a:hover, .ListTable td.title a:focus { color:#000000/*1368a8*/; }

.editable_content + .ListTable { margin-top:0; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { box-sizing:border-box; }

.ListPicText { margin-top:30px; }
	.editable_content + .ListPicText { margin-top:0; }
.ListPicText .item { margin-bottom:40px; }
.ListPicText .item > div { 
	height:100%; background-color:#fff; overflow:hidden; position:relative; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}

.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}

.ListPicText .date { 
	display:table; background-color:#000000/*1368a8*/; padding:0 6px; position:relative; 
	font-family:'Oswald', sans-serif; font-size:0.875rem; color:#fff; line-height:30px; 
	}
.ListPicText .title { margin-top:8px; }
.ListPicText .title a { font-weight:bold; color:#333; line-height:135%; letter-spacing:1px; text-decoration:none; }
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#e70000; }
.ListPicText .desc { 
	margin-top:10px; padding-top:10px; border-top:1px solid #d6d6d6; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	}

.ListPicText + #Pagination { margin-top:20px; }


/*----------------------------------------------------------------------*/
/* 書單 */
.BookList::after, .BookList .item > div::after { content:''; display:block; width:100%; clear:both; }
.BookList .item, .BookList .item > div, .BookList .img, .BookList .img > div, .BookList .cont { box-sizing:border-box; }

.BookList { margin-top:30px; }
	.editable_content + .BookList { margin-top:0; }
.BookList .item { margin-bottom:40px; }
.BookList .item > div { 
	height:100%; border:1px solid #c8c8c8; padding:30px 30px 25px 20px; overflow:hidden; position:relative; 
	}

.BookList .no { 
	position:absolute; top:0; right:10px; 
	color:#cfcfcf; font-family:'Oswald', sans-serif; font-size:1.625rem; font-weight:bold; 
	}
.BookList .no::after { content:'.'; }
.BookList .img { float:left; width:200px; max-width:48%; padding-right:20px; position:relative; overflow:hidden; }
.BookList .img > div {
	padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; 
	}
.BookList .cont { overflow:hidden; }
.BookList .book_title { margin-bottom:8px; }
.BookList .book_title a { 
	display:block; padding-bottom:8px; border-bottom:2px solid #008984; position:relative; 
	color:#008984; text-decoration:none; line-height:1.5em; font-size:1.5rem; font-weight:bold; letter-spacing:0.05em; 
	}
.BookList .book_title a:hover, .BookList .book_title a:focus { color:#e70000; }

.book_detail_table th, .book_detail_table td { line-height:150%; }
.book_detail_table th { font-weight:bold; }
.book_detail_table td { word-break:break-all; }

/* 內頁 */
.BookCont::after, .BookCont .item > div::after { content:''; display:block; width:100%; clear:both; }
.BookCont .item, .BookCont .item > div, .BookCont .img, .BookCont .img > div, .BookCont .cont { box-sizing:border-box; }

.BookCont { margin-bottom:60px; }
.BookCont .img { float:left; width:300px; max-width:40%; position:relative; overflow:hidden; }
.BookCont .img > div { padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.BookCont .img .source { display:block; margin-top:5px; text-align:center; font-size:0.875rem; line-height:1.25em; color:#333; }
.BookCont .img .source a { display:inline-block; color:#333; text-decoration:none; }
.BookCont .img .source a:hover, .BookCont .contBox .img .source a:focus { color:#BF9D5F; text-decoration:underline; }
.BookCont .cont { overflow:hidden; }
.BookCont .book_title h3 { 
	display:block; border-bottom:2px solid #008984; padding-bottom:5px; margin-bottom:5px; position:relative; 
	color:#008984; text-decoration:none; line-height:1.5em; font-size:1.75rem; letter-spacing:0.05em; 
	}
.BookCont .book_subtitle { margin-bottom:15px; font-size:1.125rem; color:#666666; line-height:150%; }

.BookCont .keywords li { display:inline-block; line-height:150%; }
.BookCont .keywords li::after { content:'、'; }
.BookCont .keywords li:last-child::after { content:''; }

.BookLocation { position:relative; }
.BookLocation > .title { 
	display:inline-block; padding:0 20px; margin-left:20px; background-color:#00467a; box-sizing:border-box;
	color:#fff; font-size:1.375rem; font-weight:bold; line-height:48px; letter-spacing:0.1em; 
	}
.BookLocation > .title::before { 
	display:inline-block; content:''; width:28px; height:28px; margin-right:8px; margin-bottom:0.25em; vertical-align:middle;
	background:url('../images/icon_subindex_search.png') no-repeat center center; background-size:cover;
	}
.BookListTable { 
	margin-bottom:30px; background-color:#fff; border:1px solid #ccc; box-sizing:border-box; position:relative; 
	-webkit-box-shadow: 6px 6px #ccc;
	-moz-box-shadow: 6px 6px #ccc;
	box-shadow: 6px 6px #ccc;
	}
.BookListTable { position:relative; }
.BookListTable table { width:100%; }

.BookListTable td.title { color:#4d4d4d; font-weight:bold; }
.BookListTable td.link { color:#1da453; }
.BookListTable td.link a { color:#000000/*1368a8*/; word-break:break-all; }
.BookListTable td.link a:hover, .BookListTable td.link a:focus { color:#e70000; }


/*----------------------------------------------------------------------*/
/* 縣市資源 */
.editable_content .branchs_list { list-style-type:none; padding:0 0 10px 0; text-align:center; }
.branchs_list li { display:inline-block; margin:10px; }
.branchs_list li a { 
	display:block; background-color:#fff; box-sizing:border-box; 
	text-align:center; vertical-align:middle;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
.branchs_list li a:hover, .branchs_list li a:focus { 
	transform:scale(1.03); 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.branchs_list li a::before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.branchs_list li a img {  display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }


/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.privacy_cont { height:200px; padding:15px; margin-top:25px; margin-bottom:15px; border:1px solid #dfdfdf; background-color:#fff; overflow-y:scroll; }
	.privacy_cont > *:first-child, .privacy_cont ul > li:first-child { padding-top:0; margin-top:0; }
	.privacy_cont > *:last-child, .privacy_cont ul > li:last-child { padding-bottom:0; margin-bottom:0; }
.privacy_cont p { margin:5px 0 10px; text-indent:2em; line-height:180%; }
.privacy_cont ul { margin:5px 0 10px; }
.privacy_cont li { mari-gin-bottom:10px; padding-left:2em; text-indent:-2em; line-height:180%; }

.privacy_agree { overflow:hidden; }
.privacy_agree div span { font-weight:bold; color:#e00000; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_list { margin-left:40px; padding:0 0 10px 0; }
	ol.sitemap_list { list-style-type:decimal; }
	ul.sitemap_list { list-style-type:disc; }
.sitemap_list ul { list-style-type:disc; margin-left:20px; padding:5px 0 5px 0; }
.sitemap_list li { padding-bottom:5px; line-height:170%; font-size:1.125rem; }
.sitemap_list li strong { color:#008984 }
.sitemap_list + h4.title { margin-top:5px; }

.sitemap_tree { 
	padding:0 15px 15px; margin-top:20px; border:1px solid #CCC; background-color:#fdfdfd; 
	}
.sitemap_tree .home { padding:0; margin:0 -15px; }
.sitemap_tree .home a { 
	border:0; background-color:#000000/*1368a8*/; padding-left:10px; padding-right:10px; 
	line-height:150%; font-size:1.5rem; font-weight:normal; text-align:center; color:#fff; 
	}
.sitemap_tree li { padding-top:5px; padding-bottom:5px; }
.sitemap_tree li a { display:block; text-decoration:none; }
.sitemap_tree li a:hover, .sitemap_tree li a:focus { text-decoration:underline; }
.sitemap_tree > li li { line-height:130%; }
.sitemap_tree > li > ol > li a { padding:0; }

/* 第1層 */
.sitemap_tree > li { font-size:1.25rem; color:#000000/*1368a8*/; line-height:180%; }
	.sitemap_tree > li > a { color:#000000/*1368a8*/; padding:5px 0; border-bottom:1px solid #e5e5e5; }
/* 第2層 */
.sitemap_tree > li > ol { margin-left:1.2em; margin-top:10px; }
.sitemap_tree > li > ol > li { font-size:1rem; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > a { color:#6b6b6b; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:1.75em; }
.sitemap_tree > li > ol > li > ol > li { font-size:0.9375rem; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > ol > li > a { color:#6b6b6b; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:2.6em; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:0.875rem; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > ol > li > ol > li a { color:#6b6b6b; }
/* 第5層 */
.sitemap_tree > li > ol > li > ol > li > ol > li > ol { margin-left:3.35em; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:0.875rem; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { color:#6b6b6b; }
	

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:20px; margin-bottom:30px; }
.SearchResult .results_count { margin-bottom:20px; color:#666; line-height:180%; font-size:1.25rem; }
.SearchResult .results_count span { color:#db476e; }
.SearchResult .item { 
	background-color:#fff; padding:20px; margin:20px 0; overflow:hidden; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
.SearchResult .title { line-height:130%; font-size:1.5rem; font-weight:bold; }
.SearchResult .title a { display:block; color:#000; letter-spacing:1px; text-decoration:none; }
.SearchResult .title span { color:#000000/*1368a8*/; }
.SearchResult .title a:hover, .SearchResult .title a:focus {  text-decoration:underline; }
.SearchResult .date { margin-top:10px; font-family:'Oswald', sans-serif; color:#535353; font-size:0.875rem; line-height:180%; }
.SearchResult .date::before { 
	content:''; display:inline-block; width:18px; height:18px; margin-right:5px; margin-bottom:0.25em; vertical-align:middle;
	background:url('../images/icon_post_info.png')no-repeat 0 0 ; background-size:100%; 
	}
.SearchResult .cat { margin-right:20px; color:#535353; line-height:200%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover, .SearchResult .cat a:focus { color:#d42828; text-decoration:underline; }
.SearchResult .desc { color:#000; line-height:180%; }
.SearchResult .desc span { color:#000000/*1368a8*/; }


/*----------------------------------------------------------------------*/
/* 單元頁 */
.SubMenuList li { margin-bottom:10px; }
.SubMenuList li a { 
	display:block; padding:10px 20px 10px 20px; color:#636363; font-size:1.125rem; line-height:150%; text-decoration:none; position:relative;
	background: -ms-linear-gradient(left, #f0f0f0 0%, #d8d8d8 100%);
	background: linear-gradient(to right, #f0f0f0 0%, #d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d8d8d8',GradientType=1 );
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.SubMenuList li a::after { 
	content:''; display:block; position:absolute; top:20px; right:10px; width:6px; height:6px; border-top:2px solid #919191; border-right:2px solid #919191; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.SubMenuList li a:hover, .SubMenuList li a:focus { 
	color:#fff; 
	background: -ms-linear-gradient(left, #000000/*1368a8*/ 0%, #00467a 100%);
	background: linear-gradient(to right, #000000/*1368a8*/ 0%, #00467a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000/*1368a8*/', endColorstr='#00467a',GradientType=1 );
	}
.SubMenuList li a:hover::after, .SubMenuList li a:focus::after { border-top:2px solid #fff; border-right:2px solid #fff; }