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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { max-width:1600px; margin:0 auto; box-sizing:content-box; }
@media screen and (max-width: 1279px) {
#Center { padding:0 20px; }
}
@media screen and (min-width: 1280px) {
#Center { padding:0 40px; }
}

#Content { position:relative; }
#Content > *:first-child { margin-top:0; }
#Content > *:last-child { margin-bottom:0; }
#Content .guide_title { position:absolute; bottom:100%; left:0; color:#ccc; }

#Footer { margin-top:60px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { margin-bottom:10px; position:relative; }
#Breadcrumbs ul { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
#Breadcrumbs li { 
	padding-top:5px; padding-bottom:5px; padding-right:10px; margin-right:6px; position:relative;  
	color:#3b3938; line-height:1.5em; font-size:0.875rem;
	}
	#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:after { 
	content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background-color:#999;
	transform: rotate(20deg); 
	}
	#Breadcrumbs li:last-child:after { display:none; }
#Breadcrumbs a { display:inline-block; color:#666; text-decoration:none; }
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#2962ad; }
#Breadcrumbs li:last-child { color:#2962ad; font-weight:bold; }
	
/* 工具列 */
.ToolBar { 
	display:flex; justify-content:space-between; background-color:#f8f8f8; border-radius:10px; padding-top:10px; padding-left:10px; padding-right:10px; margin-bottom:30px; 
	position:relative; font-size:0.875rem; color:#666;
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { 
	display:block; border-radius:10px; position:relative;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { 
	text-decoration:none; position:relative; 
	}
.ToolBar .colm_left a:hover span, .ToolBar dl.font_size a:hover,
.ToolBar .colm_left a:focus span, .ToolBar dl.font_size a:focus { border-color:#2962ad; background-color:#2962ad; }
.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%; 
	background:url("../images/icon_toolbar.png") no-repeat; background-size:200%;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar .colm_left, .ToolBar .colm_left a, .ToolBar .colm_right, .ToolBar dl.font_size, .ToolBar dl.share { display:flex; flex-wrap:wrap; align-items:flex-start; }

.ToolBar .colm_left a { margin-left:20px; color:#666; position:relative; }
	.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { margin-right:8px; transition:all 0.3s ease; }
	.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:hover, .ToolBar .colm_left a:focus { color:#2962ad; }
	.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 dl.font_size dt::after { content:'：'; }
.ToolBar dl.font_size dd { margin-right:8px; }
	.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { text-indent:-999px; overflow:hidden; }
	.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.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.share dt { position:relative; }
.ToolBar dl.share dt::after { content:'：'; }
.ToolBar dl.share dd { margin-right:8px; }
	.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { text-indent:-999px; overflow:hidden; }
	.ToolBar dl.share dd.facebook a:hover, .ToolBar dl.share dd.facebook a:focus { background-color:#1877f2; border-color:#1877f2; }
	.ToolBar dl.share dd.twitter a:hover, .ToolBar dl.share dd.twitter a:focus { background-color:#202020; border-color:#202020; }
	.ToolBar dl.share dd.line a:hover, .ToolBar dl.share dd.line a:focus { background-color:#01b901; border-color:#01b901; }

	.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 80%; }
	
	.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 80%; }

@media screen and (max-width: 1023px) {
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { width:48px; height:48px; }
.ToolBar { line-height:48px; }
.ToolBar dl.font_size a, .ToolBar dl.share dd a { line-height:46px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after { width:24px; height:24px; margin:-12px 0 0 -12px; }
	
.ToolBar .colm_left { display:none; }
.ToolBar .colm_right { width:100%; }
}
	@media screen and (max-width: 539px) {
	.ToolBar dl.font_size, .ToolBar dl.share { width:100%; }
	}
	@media screen and (min-width: 540px) and (max-width: 1023px) {
	.ToolBar .colm_right { justify-content:space-between; }
	}
@media screen and (min-width: 1024px) {
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { width:40px; height:40px; }
.ToolBar { line-height:40px; }
.ToolBar dl.font_size a, .ToolBar dl.share dd a { line-height:38px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after { width:18px; height:18px; margin:-9px 0 0 -9px; }
	
.ToolBar dl.font_size + dl.share { margin-left:15px; }
.ToolBar dl.font_size + dl.share dt { padding-left:15px; }
.ToolBar dl.font_size + dl.share dt::before { 
	content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#dcdcdc; 
	}
}

/* 標題 */
.PageTitle { margin-bottom:30px; text-align:center; position:relative; }
.PageTitle h2 { 
	display:inline-block; position:relative; font-family:'Noto Sans TC', sans-serif; font-weight:700; font-size:2.5rem; line-height:1.5em; letter-spacing:0.1em; 
    color:transparent; background:linear-gradient(90deg, #0d3d89, #2962ad); -webkit-background-clip:text; background-clip:text; 
	}
	@media screen and (max-width: 639px) {
	.PageTitle h2 { font-size:2rem; }
	}
.PageTitle h2::before { 
	content:''; display:block; position:absolute; top:100%; left:50%; width:22px; height:8px; margin-left:-11px; border-radius:100% 0 0 0; 
	background:linear-gradient(90deg, #0d3d89 0%, #0d3d89 45%, #ffffff 45%, #ffffff 54%, #5da65f 54%, #5da65f 100%); 
	}
.PageTitle h2::after { 
	content:''; display:block; position:absolute; top:calc(100% + 10px); left:50%; width:22px; height:8px; margin-left:-11px; border-radius:0 0 100% 0; 
	background:linear-gradient(90deg, #2961ac 0%, #2961ac 45%, #ffffff 45%, #ffffff 54%, #0d3d89 54%, #0d3d89 100%); 
	}

.articleHeader { margin-bottom:20px; margin-top:40px; }
h3.articleTitle { margin-bottom:5px; position:relative; }
h3.articleTitle.tc { text-align:center; }
h3.articleTitle span { display:block; font-family:'Noto Sans TC', sans-serif; font-weight:700; font-size:2rem; line-height:1.5em; letter-spacing:0.1em; color:#00005d; }
	@media screen and (max-width: 639px) {
	h3.articleTitle span { font-size:1.5rem; }
	}

.post_info { display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px; border-bottom:1px solid #dcdcdc; position:relative; }
.post_info span { display:flex; align-items:center; margin:0 15px 10px 0; line-height:32px; position:relative; }
	.post_info span:last-child { margin-right:0; }
.post_info .date { font-family:'Montserrat', sans-serif; }
.post_info .cat { background-color:#5da65f; border-radius:5px; padding:0 10px; font-size:0.875rem; color:#fff; }

.post_info.below { padding-bottom:0; margin-bottom:0; border-bottom:0; justify-content:flex-end; font-size:0.875rem; }
.post_info.below::before { content:''; display:block; position:absolute; left:0; width:100%; border-bottom:1px solid #e0eaef; }
	@media screen and (max-width: 639px) {
	.post_info.below::before { top:-10px; }
	}
	@media screen and (min-width: 640px) {
	.post_info.below::before { top:50%; }
	}
.post_info.below span { background-color:#fff; padding:0 12px; margin:0; }
.post_info.below span:last-child { padding-right:0; }
.post_info.below span::after { content:''; display:block; position:absolute; top:50%; left:0; border-left:1px solid #ccc; height:16px; margin-top:-8px; }
.post_info.below span:first-child::after { display:none; }

/* 分類下拉 */
.CatTitle { 
	margin-bottom:35px; padding-bottom:10px; border-bottom:1px solid #cacaca;
	display:flex; justify-content:space-between; flex-wrap:wrap;
	}
.CatTitle > * { flex:0 1 auto; }
.CatTitle h3 { 
	font-family:'Noto Sans TC', sans-serif; font-weight:700; font-size:1.5rem; line-height:48px; color:#5da65f;
	}
.CatTitle .cat_select { display:flex; align-items:center; flex-wrap:wrap; font-size:0.9375rem; color:#666; line-height:48px; }
.CatTitle .cat_select label { color:#666; }
.CatTitle .cat_select select { margin-right:10px; }
.CatTitle .cat_select .btn { margin-bottom:5px; }
.CatTitle .cat_select .btn button { line-height:48px; padding:0 15px; background-color:#5da65f; color:#fff; position:relative; border-radius:5px; }
.CatTitle .cat_select .btn button:hover, .CatTitle .cat_select .btn button:focus { background-color:#2962ad; box-shadow:0 0 10px rgba(0,0,0,0.3); }

@media screen and (max-width: 539px) {
.CatTitle { flex-direction:column; }
}
@media screen and (min-width: 540px) {
.CatTitle { align-items:center; }
}

/* 列表搜尋 */
.ListSearch { display:flex; align-items:flex-end; flex-wrap:wrap; margin-bottom:35px; padding-bottom:5px; border-bottom:1px solid #ccc; }
.ListSearch input[type="text"], .ListSearch select { font-size:0.9375rem; }
.ListSearch .item { margin-right:20px; margin-bottom:10px; }
.ListSearch .item .label { padding-left:10px; font-family:'Noto Sans TC', sans-serif; font-weight:700; font-size:0.9375rem; line-height:1.5em; letter-spacing:0.1em; }
.ListSearch .btn { margin-bottom:10px; }
.ListSearch .btn button { display:flex; align-items:center; margin:5px 0; padding:0 25px; background-color:#043358; border-radius:5px; color:#fff; font-weight:bold; line-height:48px; }
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background-color:#e30000; box-shadow:0 0 10px rgba(0,0,0,0.3); }

/* 頁碼 */
#Pagination { margin-top:40px; margin-bottom:20px; display:flex; flex-direction:column; align-items:center; color:#666; }
#Pagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
#Pagination a { 
	display:inline-block; margin:0 2px; width:36px; position:relative; 
	text-align:center; color:#5b5b5b; line-height:36px; text-decoration:none; 
	}
#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { width:auto; padding:0 10px; }
	
#Pagination .setting { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding-top:10px; line-height:36px; }
#Pagination .setting select, #Pagination .setting input[type="text"], #Pagination .setting input[type="button"] { 
	font-size:0.875rem; letter-spacing:0.1em; height:36px; border-radius:5px; box-sizing:border-box; transition:all ease 0.3s;
	}
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#fff; border:1px solid #dcdcdc; padding:0 5px; 
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	border:1px solid #4c7697; background-color:#f7fafb;
	}
#Pagination .setting input[type="text"] { width:50px; }
#Pagination .setting input[type="button"] { padding:0 12px; margin-left:3px; background-color:#dcdcdc; color:#000; }
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#2962ad; color:#fff; }

@media screen and (max-width: 1023px) {
#Pagination a { display:none; background-color:#2962ad; color:#fff; border-radius:24px; line-height:48px; padding:0 15px; }
#Pagination a:hover, #Pagination a:focus { background-color:#5da65f; }
#Pagination .dev-script-oper { display:none; }
}
	@media screen and (max-width: 479px) {
	#Pagination a.prev, #Pagination a.next { display:inline-block; }
	}
	@media screen and (min-width: 480px) and (max-width: 1023px) {
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { display:inline-block; }
	}
@media screen and (min-width: 1024px) {
#Pagination { font-size:0.875rem; }
#Pagination .pages { border-top:3px solid #e2e2e2; padding:0 20px; }
#Pagination a { margin:-3px 2px 0; border-top:3px solid #e2e2e2; border-left:0; border-right:0; border-bottom:0; }
#Pagination a:not(.first):not(.last):not(.prev):not(.next) { font-weight:500; }
#Pagination a:hover, #Pagination a:focus { border-color:#5da65f; background-color:#fff; color:#5da65f; }
#Pagination a.focuz { border-color:#2962ad; background-color:#fff; color:#2962ad; }
}

/* 內頁頁碼 */
.inPagination { margin-top:30px; margin-bottom:20px; clear:both; font-size:0.9375rem; color:#666; }
.inPagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; border-top:3px solid #e2e2e2; padding:0 20px; }
.inPagination a { 
	display:inline-block; width:36px; margin:-3px 2px 0; border-top:3px solid #e2e2e2; border-left:0; border-right:0; border-bottom:0; position:relative; 
	text-align:center; color:#5b5b5b; line-height:36px; text-decoration:none; 
	}
.inPagination a:hover, .inPagination a:focus { border-color:#5da65f; background-color:#fff; color:#5da65f; }
.inPagination a.focuz { border-color:#2962ad; background-color:#fff; color:#2962ad; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:20px; }
.ListTable table { width:100%; }
.ListTable td.no { font-family:'Montserrat', sans-serif; color:#696f82; line-height:1.25em; font-style:italic; }
.ListTable td.date { 
	position:relative; color:#666; font-family:'Montserrat', sans-serif; line-height:1.875em; white-space:nowrap; 
	}
.ListTable td.date::before { 
	content:''; display:block; position:absolute; top:50%; right:0; height:2rem; margin-top:-1em; border-left:1px solid #000; opacity:0.25; transform:rotate(45deg); 
 	}
.ListTable td.cat div { 
	display:inline-block; position:relative; color:#333; font-size:1.125rem; line-height:1.66em; white-space:nowrap; 
	}
.ListTable td.cat div::before { 
	content:''; display:block; position:absolute; bottom:3px; left:0; width:100%; height:10px; background-color:#59bdd5; z-index:1;
 	}
.ListTable td.cat span { display:inline-block; position:relative; z-index:2; }
.ListTable td.title {  }
.ListTable td.title a { color:#333; font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.25rem; line-height:1.5em; text-decoration:none; }
	.ListTable td.title a:hover, .ListTable td.title a:focus { color:#2962ad; text-decoration:underline; }
.ListTable td.hash_value { word-break:break-all; }

@media screen and (max-width: 1023px) {
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable { margin-top:30px; margin-bottom:30px; }
.ListTable table tr { padding:20px 90px 20px 20px; background-color:#f8f8f8; border-radius:15px; margin-bottom:20px; position:relative; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr:last-child { margin-bottom:0; }

.ListTable table td { text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.cat:before, .ListTable td.title:before { 
	content:""; 
	}
.ListTable td.date { display:inline-block; padding-right:15px; margin-right:15px; }
.ListTable td.date br { display:none; }
.ListTable td.cat { display:inline-block; position:relative; }
.ListTable td.title { margin-top:10px; }
}
	@media screen and (max-width: 639px) {
	.ListTable table tr { padding:15px 10px; }
	}
@media screen and (min-width: 1024px) {
.ListTable table { border-collapse:separate; border-spacing:0; }
.ListTable th { padding:15px 20px; background-color:#2962ad; color:#fff; white-space:nowrap; position:relative; }
	.ListTable table th:first-child { border-top-left-radius:10px; border-bottom-left-radius:10px; }
	.ListTable table th:last-child { border-top-right-radius:10px; border-bottom-right-radius:10px; }
.ListTable table th::after { 
	content:''; display:block; position:absolute; top:50%; left:0; border-left:1px solid #fff; height:24px; margin-top:-12px; opacity:0.3;
	}
	.ListTable table th:first-child::after { display:none; }
.ListTable td { padding:30px 20px; vertical-align:top; }
	.ListTable table td:first-child { border-top-left-radius:10px; border-bottom-left-radius:10px; }
	.ListTable table td:last-child { border-top-right-radius:10px; border-bottom-right-radius:10px; }
	.ListTable tr:nth-child(odd) td { background-color:#f8f8f8; }
	
.ListTable th.no { width:40px; }
.ListTable td.no { width:40px; white-space:nowrap; letter-spacing:0.05em; text-align:right; }
.ListTable td.date { width:5.5em; padding-right:30px; box-sizing:content-box; white-space:nowrap; }
.ListTable th.date.range, .ListTable td.date.range { width:200px; }
.ListTable td.cat { width:5.5em; box-sizing:content-box; }
.ListTable td.date + .cat { padding-left:30px; }
.ListTable td.date + .title { padding-left:30px; }

.ListTable table .tc { text-align:center; }
}


/*----------------------------------------------------------------------*/
/* 下載專區 */
.DownloadList .item { margin-top:30px; padding:25px 30px 15px 30px; background-color:#f8f8f8; border-radius:10px; }
	.DownloadList .item:first-child { margin-top:0; }
.DownloadList .date { position:relative; color:#666; font-family:'Montserrat', sans-serif; line-height:1.875em; white-space:nowrap; }
.DownloadList .date::before { 
	content:''; display:block; position:absolute; top:0; height:1.875rem; border-left:1px solid #000; opacity:0.25; transform:rotate(45deg); 
 	}
.DownloadList .title { color:#333; font-family:'Noto Sans TC', sans-serif; font-weight:700; font-size:1.375rem; line-height:1.5em; }
.DownloadList .files { width:100%; margin-top:10px; }
.DownloadList .files ul { display:flex; align-items:center; flex-wrap:wrap; }
.DownloadList .files li { margin:10px 15px 10px 0; position:relative; }
.DownloadList .files li a.file { display:block; background-color:#5da65f; border-radius:10px; padding:5px 44px 5px 15px; color:#fff; line-height:1.5em; text-decoration:none; }
	.DownloadList .files li a.file:hover, .DownloadList .files li a.file:focus { background-color:#2962ad; }
.DownloadList span.file_hashes { position:absolute; top:0; right:0; height:100%; border-left:1px solid rgba(255,255,255,0.3); }
.DownloadList span.file_hashes a { width:30px; height:100%; border-radius:0 10px 10px 0; }
.DownloadList span.file_hashes a:hover, .DownloadList span.file_hashes a:focus { background-color:rgba(0,0,0,0.3); }
.DownloadList span.file_hashes a::after { width:16px; height:16px; margin:-8px 0 0 -8px; background-position:0 50%; }

@media screen and (max-width: 639px) {
.DownloadList .date { display:inline-block; padding-right:20px; }
.DownloadList .date::before { right:0; }
}
@media screen and (min-width: 640px) {
.DownloadList .header { display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; }
.DownloadList .date { flex:0 0 auto; padding-left:20px; margin-left:20px; }
.DownloadList .date::before { left:0; }
}


/*----------------------------------------------------------------------*/
/* 常見問答 */
.QnaList { margin-top:30px; margin-bottom:30px; }
.QnaList ul {  }
.QnaList li { margin-bottom:30px; }
.QnaList li:last-child { margin-bottom:0; }

.QnaList .ques { 
	background-color:#eee; width:100%; padding-top:10px; padding-bottom:10px; padding-right:35px; padding-left:5.5rem; border-radius:5px; 
	overflow:hidden; cursor:pointer; position:relative; 
	}
	.QnaList .slideDown .ques { box-shadow:0 0 20px rgba(0,0,0,0.4); }
.QnaList .ques::after { 
	content:""; display:block; position:absolute; top:50%; right:10px; width:8px; height:8px; border-right:3px solid #a4a4a4; border-top:3px solid #a4a4a4; margin-top:-6px;
    transform:rotate(135deg); transition: all 0.3s ease;
	}
	.QnaList .slideDown .ques::after { transform:rotate(-45deg); }
.QnaList .ques span { display:block; }
.QnaList .ques .sn { 
	display:flex; align-items:center; justify-content:center;
	position:absolute; top:0; left:0; background-color:#5da65f; width:4.5rem; height:100%; box-sizing:border-box; border-radius:5px; 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:22px; color:#fff; 
	}
.QnaList .ques .title { 
	padding:5px 0; text-align:left; font-family:'Noto Sans TC', sans-serif; font-weight:700; line-height:1.375em; color:#555; letter-spacing:0.1em; 
	}

.QnaList .ans { 
	display:none; margin-top:10px; padding-top:15px; padding-bottom:15px; padding-right:15px; padding-left:5.5rem; background-color:#f8f8f8; border-radius:5px; position:relative; 
	}
.QnaList .ans::before { 
	content:"A"; display:flex; align-items:center; justify-content:center;
	position:absolute; top:0; left:0; background-color:#eee; width:4.5rem; height:100%; box-sizing:border-box; border-radius:5px; 
	font-family:'Montserrat', sans-serif; font-weight:700; font-size:22px; color:#999; 
	}
.QnaList .ans .editable_content { padding-left:0; padding-right:0; margin-top:0; margin-bottom:0; }

.QnaList .slideDown .ques { background-color:#5da65f; }
.QnaList .ques:hover .title, .QnaList .ques:focus .title { color:#5da65f; }
.QnaList .slideDown .ques .title { color:#fff; }
.QnaList .slideDown .ques::after { border-color:#fff; }

/* RWD */
@media screen and (max-width: 479px) {
.QnaList .ques .title { font-size:1.125rem; }
}
@media screen and (min-width: 480px) {
.QnaList .ques .title { font-size:1.25rem; }
}


/*----------------------------------------------------------------------*/
/* 相關連結 */
.LinksList ul { display:flex; flex-wrap:wrap; margin-top:-40px; }
.LinksList li { margin-top:40px; }
.LinksList li a { display:block; height:100%;  margin:0 auto; text-decoration:none; }
.LinksList li .img { 
	height:100px; display:flex; align-items:center; justify-content:center; border:1px solid #cacaca; background-color:#fff; transition:all 0.3s ease; 
	}
.LinksList li .img img { display:block; width:auto; max-width:90%; max-height:90%; }
.LinksList li .text { 
	margin-top:10px; text-align:center; line-height:1.5em; color:#000; font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.125rem; transition:all 0.3s ease; 
	}
.LinksList li a:hover .img, .LinksList li a:focus .img { box-shadow:0 0 10px rgba(0, 0, 0, 0.3); }
.LinksList li a:hover .text, .LinksList li a:focus .text { color:#2962ad; }

/* RWD */
@media screen and (min-width: 440px) and (max-width: 1023px) {
.LinksList ul { margin-left:-10px; margin-right:-10px; }
.LinksList li { padding-left:10px; padding-right:10px; }
}
@media screen and (min-width: 1024px) {
.LinksList ul { margin-left:-20px; margin-right:-20px; }
.LinksList li { padding-left:20px; padding-right:20px; }
}

@media screen and (max-width: 439px) {
.LinksList li { width:100%; max-width:240px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 440px) and (max-width: 639px) {
.LinksList li { width:50%; }
}
@media screen and (min-width: 640px) and (max-width: 899px) {
.LinksList li { width:33.33%; }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
.LinksList li { width:25%; }
}
@media screen and (min-width: 1200px) {
.LinksList li { width:20%; }
}


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_instr .intro { line-height:2em; }
.sitemap_instr dl { margin-top:25px; }
.sitemap_instr dt { 
	margin-bottom:15px; padding-left:30px; position:relative; 
	color:#2962ad; font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; font-weight:600; line-height:1.5em; 
	}
.sitemap_instr dt::before { 
	content:''; display:block; position:absolute; top:0.0625em; left:0; width:26px; height:26px; border:8px solid #2962ad; border-radius:50%; box-sizing:border-box; 
	}
.sitemap_instr dd { margin-left:1.125em; padding:0 0 10px 0; line-height:1.5em; position:relative; }
.sitemap_instr dd::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#666;
	border-radius:50%;
	}
.sitemap_instr ul { margin-left:1.1em; padding:5px 0 5px 0; }
.sitemap_instr ul li { position:relative; }
.sitemap_instr ul li::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#666;
	border-radius:50%;
	}
.sitemap_instr strong { color:#2962ad; font-weight:bold; }

.sitemap_title { margin-top:25px; margin-bottom:15px; padding-left:30px; position:relative; color:#202020; font-size:1.125rem; font-weight:500; line-height:1.5em; }
.sitemap_title::before { 
	content:''; display:block; position:absolute; top:0.0625em; left:0; width:26px; height:26px; border:8px solid #1d60cc; border-radius:50%; box-sizing:border-box; 
	}
.sitemap_tree { background-color:#f8f8f8; padding-bottom:20px; border-radius:15px; }
.sitemap_tree li { line-height:1.8em; }
.sitemap_tree a { display:block; color:#333; text-decoration:none; }
.sitemap_tree a:hover, .sitemap_tree a:focus { color:#2962ad; text-decoration:underline; }

/* 第1層 */
.sitemap_tree .home a { 
	padding-left:10px; padding-right:10px; line-height:2.75em; 
	font-family:'Noto Sans TC', sans-serif; font-size:1.375rem; font-weight:600; text-align:center; color:#2962ad; 
	}
.sitemap_tree .home a:hover, .sitemap_tree .home a:focus { color:#1d60cc; }
.sitemap_tree > li:not(.home) { padding:0 30px; font-size:1.125rem; }
.sitemap_tree > li:not(.home) > a { padding:0.75em 0; border-bottom:1px solid #dedede; }
/* 第2層 */
.sitemap_tree > li > ol { margin-left:1.05em; margin-top:10px; }
.sitemap_tree > li > ol > li { font-size:1rem; }
.sitemap_tree > li > ol > li a { padding:5px 0; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:2.1em; }
.sitemap_tree > li > ol > li > ol > li { font-size:0.9375rem; }
.sitemap_tree > li > ol > li > ol > li a { padding:5px 0; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:3em; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:0.9375rem; }
.sitemap_tree > li > ol > li > ol > li > ol > li a { padding:5px 0; }
/* 第5層 */
.sitemap_tree > li > ol > li > ol > li > ol > li > ol { margin-left:4em; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:0.9375rem; color:#666; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { padding:5px 0; color:#666; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .header { margin-bottom:40px; background-color:#fff; border:1px solid #cacaca; border-radius:15px; }
.SearchResult .header .title { display:inline-block; line-height:2em; position:relative; }
.SearchResult .header .title::after { content:'：'; }
.SearchResult .header .tags { display:inline-block; line-height:2em; }
.SearchResult .header .tags span { 
	display:inline-block; background-color:#2962ad; border-radius:15px; padding:0 12px; margin:0 2px;
	line-height:28px; color:#fff; font-size:0.9375rem; letter-spacing:0.15em;
	}
.SearchResult .header .total { display:inline-block; line-height:2em; }
.SearchResult .header .total span { margin:0 5px; color:#2962ad; font-family:'Montserrat', sans-serif; font-weight:700; }

.SearchResult .results_list .item { margin-top:40px; }
.SearchResult .results_list .title { margin-bottom:10px; line-height:1.5em; color:#333; font-family:'Noto Sans TC', sans-serif; font-weight:600; position:relative; }
.SearchResult .results_list .title a { display:inline-block; color:#333; text-decoration:none; }
.SearchResult .results_list .title span { color:#2962ad; }
.SearchResult .results_list .title a:hover, .SearchResult .results_list .title a:focus { color:#2962ad; }
.SearchResult .results_list .date { display:inline-block; font-family:'Montserrat', sans-serif; color:#696f82; line-height:1.25em; }
.SearchResult .results_list .cat { display:inline-block; margin-left:10px; position:relative; line-height:1.25em; color:#4c7697; }
.SearchResult .results_list .cat a { 
	display:block; border-bottom:3px solid #59bdd5; padding:0 5px;
	line-height:2em; color:#666; letter-spacing:0.1em; text-decoration:none;
	}
.SearchResult .results_list .cat a:hover, .SearchResult .results_list .cat a:focus { background-color:#59bdd5; color:#fff; }
.SearchResult .results_list .desc { margin-top:12px; padding-top:10px; border-top:1px solid #2c3539; position:relative; }
.SearchResult .results_list .desc > div { color:#333; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.SearchResult .results_list .desc span { color:#2962ad; font-weight:bold; }

/* RWD */
@media screen and (max-width: 479px) {
.SearchResult .header { padding:10px 15px; }
.SearchResult .results_list .title { font-size:1.25rem; }
.SearchResult .results_list .date, .SearchResult .results_list .cat { font-size:0.875rem; }
}
@media screen and (min-width: 480px) {
.SearchResult .header { padding:20px 25px; }
.SearchResult .results_list .title { font-size:1.375rem; }
}

@media screen and (max-width: 479px) {
.SearchResult .results_list .desc > div { max-height:10em; -webkit-line-clamp:5; font-size:0.9375rem; }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
.SearchResult .results_list .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 800px) {
.SearchResult .results_list .desc > div { max-height:6em; -webkit-line-clamp:3; }
}