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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { position:relative; }
	@media screen and (max-width: 639px) {
	#Center { padding:0 10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Center { padding:0 2.34375vw; }
	}
	@media screen and (min-width: 1280px) {
	#Center { padding:0 3.90625vw; }
	}
#ContentHeader { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
	@media screen and (max-width: 639px) {
	#ContentHeader { padding-top:24px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#ContentHeader { padding-top:32px; }
	}
	@media screen and (min-width: 1280px) {
	#ContentHeader { padding-top:2.8vw; }
	}

#Content { background-color:#fff; position:relative; }
	@media screen and (max-width: 479px) {
	#Content { padding:20px 10px; }
	}
	@media screen and (min-width: 480px) and (max-width: 959px) {
	#Content { padding:20px; }
	}
	@media screen and (min-width: 960px) {
	#Content { padding:2.6041vw; }
	}
#Content > *:first-child { margin-top:0; }
#Content > *:last-child { margin-bottom:0; }
#Content .guide_title { position:absolute; top:0; right:100%; }

#Footer { margin-top:72px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { position:relative; margin-bottom:10px; }
#Breadcrumbs ul { display:flex; align-items:center; flex-wrap:wrap; }
#Breadcrumbs li { padding-right:10px; margin-right:6px; position:relative; color:#666; line-height:1.5em; }
	#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
	@media screen and (max-width: 639px) {
	#Breadcrumbs li { font-size:0.875rem; }
	}
	@media screen and (min-width: 640px) {
	#Breadcrumbs li { font-size:0.9375rem; }
	}
#Breadcrumbs li:after { content:''; position:absolute; top:50%; right:0; width:4px; height:1px; background-color:#666; }
	#Breadcrumbs li:last-child:after { display:none; }
#Breadcrumbs a { display:inline-block; color:#666; text-decoration:none; }
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#4c7697; }
#Breadcrumbs li:last-child { color:#384952; font-weight:500; }
	
/* 工具列 */
.ToolBar { 
	width:100%; display:flex; justify-content:space-between; margin-top:10px; padding-top:12px; padding-bottom:5px; border-top:1px solid #dcdcdc; position:relative; 
	font-size:0.9375rem; color:#666; 
	}
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { 
	display:block; text-decoration:none; position:relative;
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { 
	background-color:#fff; border:1px solid #dcdcdc; border-radius:50%;
	}

.ToolBar .colm_left a:hover span, .ToolBar dl.font_size a:hover,
.ToolBar .colm_left a:focus span, .ToolBar dl.font_size a:focus { background-color:#4c7697; border-color:#4c7697; }
.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, .ToolBar dl.share { 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:center; }

.ToolBar .colm_left a { margin-left:20px; position:relative; color:#666; }
	.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { display:block; position:relative; margin-right:10px; 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:#4c7697; }
	.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 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 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 .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:48px; }
.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: 479px) {
	.ToolBar dl.font_size, .ToolBar dl.share { width:100%; }
	}
	@media screen and (min-width: 480px) 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 .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:40px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after { width:20px; height:20px; margin:-10px 0 0 -10px; }
	
.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::after { 
	content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#dcdcdc; 
	}
}
.ToolBar a.sr-only { bottom:100%; }

/* 標題 */
.PageTitle { position:relative; margin-bottom:10px; }
.PageTitle h2 { display:inline-block; padding-left:20px; color:#384952; font-weight:600; line-height:1.625em; }
	@media screen and (max-width: 767px) {
	.PageTitle h2 { font-size:1.625rem; }
	}
	@media screen and (min-width: 768px) {
	.PageTitle h2 { font-size:2rem; letter-spacing:0.2em; }
	}
.PageTitle::before,
.PageTitle::after,
.PageTitle h2::before,
.PageTitle h2::after { content:''; display:block; position:absolute; left:0; width:6px; height:25%; }
	.PageTitle::before { top:0; background-color:#c9dd7c; }
	.PageTitle::after { top:25%; background-color:#a3f1da; }
	.PageTitle h2::before { top:50%; background-color:#fde054; }
	.PageTitle h2::after { top:75%; background-color:#f881f1; }

.articleHeader { margin-bottom:20px; }
h3.articleTitle { position:relative; }
h3.articleTitle.tc { text-align:center; }
h3.articleTitle span { display:block; font-weight:500; font-size:1.75rem; line-height:1.5em; letter-spacing:0.15em; color:#384952; }

.post_info { display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px; border-bottom:3px solid #ffc000; position:relative; }
.post_info span { display:flex; align-items:center; margin-left:25px; line-height:2.25em; position:relative; color:#777; }
	.post_info span:first-child { margin-left:0; }
.post_info .date {  }
.post_info .cat { color:#4c7697; padding-left:1em; }
.post_info .cat::before { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-4px; width:6px; height:6px; border:1px solid#4c7697; border-radius:4px; }
.post_info.below { 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 #e2e2e2; height:10px; margin-top:-5px; }
.post_info.below span:first-child::after { display:none; }

/* 分類下拉 */
.CatTitle { 
	margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;
	display:flex; justify-content:space-between; flex-wrap:wrap;
	}
.CatTitle > * { flex:0 1 auto; }
.CatTitle h3 { font-size:1.5rem; line-height:46px; color:#3b3938; font-weight:500; }
.CatTitle .cat_select { display:flex; align-items:center; flex-wrap:wrap; font-size:0.875rem; color:#555; line-height:46px; }
.CatTitle .cat_select label { color:#666; }
.CatTitle .cat_select select { margin-left:10px; }
.CatTitle .cat_select .btn { margin-bottom:5px; margin-left:10px; }
.CatTitle .cat_select .btn button { 
	line-height:42px; padding:0 15px; background-color:#fff; border:2px solid #3b3938; color:#555; 
	position:relative; border-radius:23px;
	}
.CatTitle .cat_select .btn button:hover, .CatTitle .cat_select .btn button:focus { background-color:#ffcc66; box-shadow:0 0 10px rgba(0,0,0,0.3); color:#000; }

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

@media screen and (min-width: 1024px) {
.CatTitle .cat_select select { width:250px; }
}

/* 列表搜尋 */
.ListSearch { display:flex; align-items:flex-end; flex-wrap:wrap; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #ccc; }
.ListSearch input[type="text"], .ListSearch select { font-size:0.9375rem; }
.ListSearch .item { margin-right:12px; margin-bottom:10px; }
.ListSearch .item .label { padding-left:10px; font-weight:500; font-size:0.9375rem; line-height:1.5em; color:#3e464a; }
.ListSearch .btn { margin-bottom:15px; }
.ListSearch .btn button { display:block; padding:0 20px; background-color:#525a5e; border-radius:5px; color:#fff; font-weight:500; line-height:44px; }
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background-color:#ba0000; 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:#00478b; color:#fff; }

@media screen and (max-width: 1023px) {
#Pagination a { display:none; border:2px solid #4c7697; color:#384952; border-radius:20px; line-height:36px; padding:0 15px; }
#Pagination a:hover, #Pagination a:focus { background-color:#4c7697; color:#fff; }
#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, #Pagination a.focuz { border-color:#4c7697; background-color:#fff; color:#4c7697; }
}

/* 內頁頁碼 */
.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, .inPagination a.focuz { border-color:#4c7697; background-color:#fff; color:#4c7697; }

/* 上/下一篇文章 */
.prevNextLink { margin:50px 0 20px; padding-top:20px; border-top:1px solid #dcdcdc; display:flex; flex-wrap:wrap; }
.prevNextLink > div { margin:10px 0; }
.prevNextLink .next { text-align:right; }
@media screen and (max-width: 639px) {
.prevNextLink .prev { width:100%; }
.prevNextLink .next { width:100%; }
}
@media screen and (min-width: 640px) {
.prevNextLink .prev { width:50%; }
.prevNextLink .next { width:50%; }
}
	@media screen and (min-width: 640px) and (max-width: 1023px) {
	.prevNextLink .prev { padding-right:20px; }
	.prevNextLink .next { padding-left:20px; }
	}
	@media screen and (min-width: 1024px) {
	.prevNextLink .prev { padding-right:50px; }
	.prevNextLink .next { padding-left:50px; }
	}
.prevNextLink a { display:block; border-color:#202020; border-style:solid; padding:10px 15px; line-height:1.5em; text-decoration:none; position:relative; }
	.prevNextLink .prev a { border-width:0 0 0 3px; padding-left:40px; }
	.prevNextLink .next a { border-width:0 3px 0 0; padding-right:40px; }
	.prevNextLink a:hover, .prevNextLink a:focus { border-color:#00005d; background-color:#00005d; }
.prevNextLink a::after { 
	content:''; display:block; position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; 
	background:url(../images/icon_arrow.png) no-repeat 50% 40%; background-size:300%;
	}
	.prevNextLink .prev a::after { left:10px; transform:rotate(-180deg); }
	.prevNextLink .next a::after { right:10px; }
.prevNextLink a:hover::after, .prevNextLink a:focus::after { background-position:right 40%; }
.prevNextLink span { display:block; transition:all 0.3s ease; }
.prevNextLink .label { color:#636363; font-size:0.875rem; }
.prevNextLink .title { margin-top:5px; color:#202020; }
.prevNextLink a:hover span, .prevNextLink a:focus span { color:#fff; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { background-color:#fff; position:relative; overflow:hidden; }
	.editable_content + .ListTable { margin-top:15px; }
.ListTable table { width:100%; }

.ListTable td.no { color:#525a5e; font-weight:700; font-style:italic; }
.ListTable td.date { color:#525a5e; line-height:1.6875em; letter-spacing:0.15em; }
.ListTable td.cat span { display:inline-block; padding-left:1em; position:relative; line-height:1.6875em; color:#4c7697; letter-spacing:0.15em; }
.ListTable td.cat span::before { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-4px; width:6px; height:6px; border:1px solid#4c7697; border-radius:4px; }
.ListTable td.title { color:#000; }
.ListTable td.title a { 
	display:block; padding-right:20px; font-size:1.125rem; font-weight:500; color:#000; line-height:1.5em; letter-spacing:0.15em; text-decoration:none; position:relative; 
	}
.ListTable td.title a::before { 
	content:''; display:block; position:absolute; top:50%; right:0; margin-top:-9px; width:18px; height:18px; transition:right 0.3s ease;
	background:url(../images/icon_arrows.png) no-repeat right 0; background-size:200%;
	}
.ListTable td.title a:hover, .ListTable td.title a:focus { color:#ba0000; }
.ListTable td.title a:hover::before, .ListTable td.title a:focus::before { background-position:right 100%; right:-6px; }
.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; border:2px solid #dcdcdc; }
.ListTable table tr { padding:15px 20px; border-bottom:1px solid #dcdcdc; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr:last-child { border-bottom:0; }
.ListTable table tr:nth-child(odd) { background-color:#f7fafb; }

.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; fposition:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { margin-top:5px; }
.ListTable td.title a { font-size:1.25rem; }
}
	@media screen and (max-width: 479px) {
	.ListTable table tr { padding:15px 10px; }
	.ListTable td.title a { padding-right:0; }
	.ListTable td.title a::before { display:none; }
	}
@media screen and (min-width: 1024px) {
.ListTable { margin-top:30px; margin-bottom:30px; }
.ListTable table { border-spacing:10px; border-collapse:separate; }
.ListTable table th { position:relative; background-color:#384952; color:#fff; padding:10px 15px; white-space:nowrap; border-radius:4px; }
.ListTable table td { vertical-align:top; }
.ListTable table tr { position: relative; }
.ListTable table tr:nth-child(odd) td { background-color:#f7fafb; position:relative; }
.ListTable table tr:nth-child(odd) td:first-child { border-radius:4px 0 0 4px; }
.ListTable table tr:nth-child(odd) td:last-child { border-radius:0 4px 4px 0; }
.ListTable table tr:nth-child(odd) td:nth-child(n+2)::before { content:''; position:absolute; left:-10px; top:0; background-color:#f7fafb; width:10px; height:100%; }

.ListTable th.no { width:40px; }
.ListTable td.no { width:40px; white-space:nowrap; letter-spacing:0.05em; text-align:right; }
.ListTable td.cat { width:6.75em; box-sizing:content-box; }
.ListTable td.date { width:5.75em; box-sizing:content-box; white-space:nowrap; }
.ListTable th.date.range, .ListTable td.date.range { width:200px; }

.ListTable table .tc { text-align:center; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListTable table td { padding:15px 10px; }
	}
	@media screen and (min-width: 1280px) {
	.ListTable table td { padding:20px 1.5vw; }
	}


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:30px; }
	.editable_content + .ListPicText { margin-top:0; }
.ListPicText > div { display:flex; flex-wrap:wrap; }
.ListPicText .item { flex:0 1 auto; margin-bottom:50px; }
.ListPicText .item > div { height:100%; overflow:hidden; position:relative; }
.ListPicText .item > div::after { content:''; display:block; clear:both; }

.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:66.66%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.6s ease;
	}
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-999px; }

.ListPicText .cont { position:relative; padding-top:20px; }
.ListPicText .date { display:inline-block; line-height:1.25em; color:#525a5e; }
.ListPicText .cat { display:inline-block; margin-left:15px; padding-left:1em; position:relative; line-height:1.25em; color:#4c7697; }
.ListPicText .cat::before { content:''; display:block; position:absolute; top:50%; left:0; margin-top:-4px; width:6px; height:6px; border:1px solid#4c7697; border-radius:4px; }
.ListPicText .title { margin-top:8px; }
.ListPicText .title a { 
	color:#000; font-size:1.25rem; font-weight:500; letter-spacing:0.15em; text-decoration:none; 
	line-height:1.375em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
	.ListPicText .title a:hover, .ListPicText .title a:focus { color:#ba0000; }
.ListPicText .desc { 
	margin-top:8px; color:#525a5e; font-size:1.125rem; letter-spacing:0.15em;
	line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	}

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

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.ListPicText .date, .ListPicText .cat { font-size:0.875rem; }
}

/* list-view */
/* list-view只在640px以上有作用，639px以下一律以圖上文下顯示 */
@media screen and (min-width: 640px) {
.ListPicText.list-view .cont { padding-top:0; }
.ListPicText.list-view .img { float:left; width:360px; max-width:48%; margin-bottom:15px; }
	.ListPicText.single.list-view.staggered .item:nth-child(2n+2) .img { float:right; }
}

/* grid-view */
/* grid-view只在640px以上有作用，639px以下一律以圖上文下顯示 */

/* 單欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ListPicText.single .item { width:100%; }
}

	/* list-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.single.list-view .img { max-width:36%; margin-right:20px; }
	.ListPicText.single.list-view.staggered .item:nth-child(2n+2) .img { margin-right:0; margin-left:20px; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.ListPicText.single.list-view .title a { font-size:1.375rem; max-height:2.75em; -webkit-line-clamp:2; }
		.ListPicText.single.list-view .desc { font-size:1rem; max-height:7em; -webkit-line-clamp:4; }	
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.single.list-view .title a { font-size:1.5rem; max-height:1.375em; -webkit-line-clamp:1; }
		.ListPicText.single.list-view .desc { font-size:1.125rem; max-height:5.25em; -webkit-line-clamp:3; }	
		}

	/* grid-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.single.grid-view .title a { font-size:1.5rem; max-height:1.375em; -webkit-line-clamp:1; }
	.ListPicText.single.grid-view .desc { font-size:1.25rem; max-height:3.5em; -webkit-line-clamp:2; }	
	}

/* 兩欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ListPicText.bisection .item { width:50%; }
}

	/* list-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.bisection.list-view .img { margin-right:15px; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.ListPicText.bisection.list-view > div { margin-left:-10px; margin-right:-10px; }
		.ListPicText.bisection.list-view .item { padding-left:10px; padding-right:10px; }
		.ListPicText.bisection.list-view .title a { font-size:1.125rem; max-height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.bisection.list-view .desc { font-size:0.9375rem; max-height:8.75em; -webkit-line-clamp:5; }
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.bisection.list-view > div { margin-left:-20px; margin-right:-20px; }
		.ListPicText.bisection.list-view .item { padding-left:20px; padding-right:20px; }
		.ListPicText.bisection.list-view .title a { font-size:1.25rem; max-height:2.75em; -webkit-line-clamp:2; }
		.ListPicText.bisection.list-view .desc { font-size:1rem; max-height:7em; -webkit-line-clamp:4; }	
		}
	
	/* grid-view */
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.bisection.grid-view > div { margin-left:-2.25vw; margin-right:-2.25vw; }
	.ListPicText.bisection.grid-view .item { padding-left:2.25vw; padding-right:2.25vw; }
	.ListPicText.bisection.grid-view .date, .ListPicText.bisection.grid-view .cat { font-size:0.875rem; }
	.ListPicText.bisection.grid-view .title a { font-size:1.25rem; height:2.75em; -webkit-line-clamp:2; }
	.ListPicText.bisection.grid-view .desc { font-size:1.125rem; max-height:5.25em; -webkit-line-clamp:3; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.bisection.grid-view > div { margin-left:-40px; margin-right:-40px; }
	.ListPicText.bisection.grid-view .item { padding-left:40px; padding-right:40px; }
	.ListPicText.bisection.grid-view .title a { font-size:1.375rem; height:1.375em; -webkit-line-clamp:1; }
	.ListPicText.bisection.grid-view .desc { font-size:1.25rem; max-height:3.5em; -webkit-line-clamp:2; }	
	}

/* 三欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ListPicText.trisection .item { width:33.3333%; }
}

	/* list-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.trisection.list-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.trisection.list-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.trisection.list-view .img { margin-right:10px; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1519px) {
		.ListPicText.trisection.list-view .title a { font-size:1rem; max-height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.trisection.list-view .desc { clear:both; font-size:0.875rem; max-height:7em; -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 1520px) {
		.ListPicText.trisection.list-view .title a { font-size:1.125rem; max-height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.trisection.list-view .desc { clear:both; font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
		}
	
	/* grid-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.trisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.trisection.grid-view .item { padding-left:20px; padding-right:20px; }
	}

	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.trisection.grid-view .date, .ListPicText.trisection.grid-view .cat { font-size:0.875rem; }
	.ListPicText.trisection.grid-view .title a { font-size:1.125rem; height:4.125em; -webkit-line-clamp:3; }
	.ListPicText.trisection.grid-view .desc { font-size:1rem; max-height:7em; -webkit-line-clamp:4; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.trisection.grid-view .title a { font-size:1.25rem; height:2.75em; -webkit-line-clamp:2; }
	.ListPicText.trisection.grid-view .desc { font-size:1.125rem; max-height:5.25em; -webkit-line-clamp:3; }	
	}

/* 四欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ListPicText.quarters .item { width:25%; }
}

	/* list-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.quarters.list-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.list-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.quarters.list-view .img { margin-right:10px; }
	.ListPicText.quarters.list-view .title a { font-size:1rem; max-height:5.5em; -webkit-line-clamp:4; }
	.ListPicText.quarters.list-view .desc { clear:both; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.ListPicText.quarters.list-view .title a { font-size:0.9375rem; }
		.ListPicText.quarters.list-view .desc { font-size:0.8125rem; max-height:7em; -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.quarters.list-view .title a { font-size:1rem; }
		.ListPicText.quarters.list-view .desc { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
		}
	
	/* grid-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.quarters.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.grid-view .item { padding-left:10px; padding-right:10px; }
	}

	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.quarters.grid-view .title a { font-size:1rem; height:4.125em; -webkit-line-clamp:3; }
	.ListPicText.quarters.grid-view .desc { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.quarters.grid-view .title a { font-size:1.125rem; height:2.75em; -webkit-line-clamp:2; }
	.ListPicText.quarters.grid-view .desc { font-size:1rem; max-height:5.25em; -webkit-line-clamp:3; }	
	}

/* 640~1023px */
@media screen and (min-width: 640px) and (max-width: 1023px) {
	/* list-view */
	.ListPicText.list-view .img { max-width:36%; }
	
	/* grid-view */
	.ListPicText.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.grid-view .item { padding-left:10px; padding-right:10px; }
	}

	@media screen and (min-width: 640px) and (max-width: 767px) {
	/* list-view 一律以單欄顯示 */
	.ListPicText.list-view .img { margin-right:15px; }
	.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { margin-right:0; margin-left:15px; }
	.ListPicText.list-view .title a { font-size:1.25rem; max-height:2.75em; -webkit-line-clamp:2; }
	.ListPicText.list-view .desc { font-size:1rem; max-height:7em; -webkit-line-clamp:4; }

	/* grid-view 一律以兩欄顯示 */
	.ListPicText.grid-view .item { width:50%; }
	}
		@media screen and (min-width: 640px) and (max-width: 699px) {
		.ListPicText.grid-view .title a { font-size:1.125rem; height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:0.9375rem; height:7em; -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 700px) and (max-width: 767px) {
		.ListPicText.grid-view .title a { font-size:1.125rem; height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:1rem; height:7em; -webkit-line-clamp:4; }
		}

	@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* list-view 一律以單欄顯示 */
	.ListPicText.list-view .img { margin-right:20px; }
	.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { margin-right:0; margin-left:20px; }
	.ListPicText.list-view .title a { font-size:1.375rem; max-height:2.75em; -webkit-line-clamp:2; }
	.ListPicText.list-view .desc { font-size:1.125rem; max-height:5.25em; -webkit-line-clamp:3; }

	/* grid-view 一律以三欄顯示 */
	.ListPicText.grid-view .item { width:33.3333%; }
	}
		@media screen and (min-width: 768px) and (max-width: 899px) {
		.ListPicText.grid-view .title a { font-size:1.125rem; height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:1rem; height:7em; -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 900px) and (max-width: 1023px) {
		.ListPicText.grid-view .title a { font-size:1.25rem; height:4.125em; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:1.125rem; height:7em; -webkit-line-clamp:4; }
		}

/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
@media screen and (max-width: 639px) {
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; }
}
	@media screen and (max-width: 540px) {
	.ListPicText .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
	.ListPicText .title a { font-size:1.125rem; max-height:4.125em; -webkit-line-clamp:3; }
	.ListPicText .desc { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
	}
	@media screen and (min-width: 539px) and (max-width: 639px) {
	.ListPicText .item { width:50%; }
	.ListPicText .title a { font-size:1.25rem; height:4.125em; -webkit-line-clamp:3; }
	.ListPicText .desc { font-size:0.9375rem; max-height:8.75em; -webkit-line-clamp:5; }
	}


/*----------------------------------------------------------------------*/
/* 課程架構 */
.Sharelearning_Curriculum .title { margin-bottom:20px; padding:10px 10px; background-color:#384952; line-height:1.5em; color:#fff; font-size:1.5rem; font-weight:500; text-align:center; }
.Sharelearning_Curriculum .title span { display:inline-block; padding:0 1em; position:relative; }
.Sharelearning_Curriculum .title span::before, 
.Sharelearning_Curriculum .title span::after { 
	content:''; display:block; position:absolute; top:50%; width:10px; height:10px; margin-top:-4px; background-color:#ffc000; border-radius:50%; 
	}
	.Sharelearning_Curriculum .title span::before { left:0; }
	.Sharelearning_Curriculum .title span::after { right:0; }

/* 第一層 */
.Sharelearning_Curriculum .list { display:flex; flex-wrap:wrap; margin:0 -15px; }
.Sharelearning_Curriculum .list a { display:block; text-decoration:none; }
.Sharelearning_Curriculum .list ul li { padding:0.25em 0; line-height:1.5em; }
.Sharelearning_Curriculum .list > li { padding:0 15px; }
.Sharelearning_Curriculum .list > li > span { display:block; color:#fff; font-size:1.125rem; font-weight:500; text-align:center; line-height:2em; }
.Sharelearning_Curriculum .list .cat_a > span { background-color:#008822; }
.Sharelearning_Curriculum .list .cat_b > span { background-color:#0070d8; }
.Sharelearning_Curriculum .list .cat_c > span { background-color:#bb5800; }
.Sharelearning_Curriculum .list .cat_d > span { background-color:#e40072; }

/* 第二層 */
.Sharelearning_Curriculum .list > li > ul { padding-left:1.225em; }
.Sharelearning_Curriculum .list > li > ul > li { position:relative; padding-left:0.25em; }

/* 第三層以後子選單 */
.Sharelearning_Curriculum .list > li > ul ul { display:none; }

/* 第三層 */
.Sharelearning_Curriculum .list > li > ul > li > ul { padding-left:1.1em; }
.Sharelearning_Curriculum .list > li > ul > li > ul > li { position:relative; padding-left:0.25em; }

/* 第四層 */
.Sharelearning_Curriculum .list > li > ul > li > ul > li > ul { padding-left:1.1em; }
.Sharelearning_Curriculum .list > li > ul > li > ul > li > ul > li { position:relative; padding-left:0.25em; }

/* 第五層 */
.Sharelearning_Curriculum .list > li > ul > li > ul > li > ul > li > ul { padding-left:1.1em; }
.Sharelearning_Curriculum .list > li > ul > li > ul > li > ul > li > ul > li { position:relative; padding-left:0.25em; }

/* arrow-icon */
.Sharelearning_Curriculum .list .arrow-icon { position:absolute; top:0; right:0; width:100%; height:1.75em; text-indent:-999px; overflow:hidden; }
	.Sharelearning_Curriculum .list li.arrow > span { display:block; padding-right:10px; }
.Sharelearning_Curriculum .list .arrow-icon::before, 
.Sharelearning_Curriculum .list .arrow-icon::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:9px; height:1px; margin:-1px 0 0 0; background-color:#999; transition:all 0.3s ease;
	}
	.Sharelearning_Curriculum .list .arrow-icon::after { transform:rotate(90deg); }
	.Sharelearning_Curriculum .list .slideDown > .arrow-icon::after { transform:rotate(0); }

/* 線條及dot */
/*.Sharelearning_Curriculum .list ul li::before { content:''; position:absolute; top:0; left:-0.6125em; margin-left:-1px; width:2px; height:100%; opacity:0.25; }
	.Sharelearning_Curriculum .list .cat_a li::before { background-color:#00cc00; }
	.Sharelearning_Curriculum .list .cat_b li::before { background-color:#00b0f0; }
	.Sharelearning_Curriculum .list .cat_c li::before { background-color:#ffc000; }
	.Sharelearning_Curriculum .list .cat_d li::before { background-color:#ff3399; }
.Sharelearning_Curriculum .list ul li:last-child::before { height:calc(1em + 1px); }
.Sharelearning_Curriculum .list ul li::after { content:''; position:absolute; top:1em; left:-0.6125em; margin-top:-1px; width:10px; height:2px; opacity:0.25; }
	.Sharelearning_Curriculum .list .cat_a li::after { background-color:#00cc00; }
	.Sharelearning_Curriculum .list .cat_b li::after { background-color:#00b0f0; }
	.Sharelearning_Curriculum .list .cat_c li::after { background-color:#ffc000; }
	.Sharelearning_Curriculum .list .cat_d li::after { background-color:#ff3399; }*/

.Sharelearning_Curriculum .list ul li::before { 
	content:''; position:absolute; top:0; left:-0.6125em; margin-left:-1px; width:2px; height:100%; background-color:#b4b4b4; opacity:0.25; 
	}
	.Sharelearning_Curriculum .list ul li:last-child::before { height:calc(1em + 1px); }
.Sharelearning_Curriculum .list ul li::after { 
	content:''; position:absolute; top:1em; left:-0.6125em; margin-top:-7px; margin-left:-7px; width:14px; height:14px; border:4px solid #fff; border-radius:50%; box-sizing:border-box; 
	}
	.Sharelearning_Curriculum .list .cat_a li::after { background-color:#008822; }
	.Sharelearning_Curriculum .list .cat_b li::after { background-color:#0070d8; }
	.Sharelearning_Curriculum .list .cat_c li::after { background-color:#bb5800; }
	.Sharelearning_Curriculum .list .cat_d li::after { background-color:#e40072; }

/* 結點hover */
.Sharelearning_Curriculum .list .cat_a .arrow-icon:hover::before, 
.Sharelearning_Curriculum .list .cat_a .arrow-icon:hover::after { background-color:#008822; }
.Sharelearning_Curriculum .list .cat_b .arrow-icon:hover::before, 
.Sharelearning_Curriculum .list .cat_b .arrow-icon:hover::after { background-color:#0070d8; }
.Sharelearning_Curriculum .list .cat_c .arrow-icon:hover::before, 
.Sharelearning_Curriculum .list .cat_c .arrow-icon:hover::after { background-color:#bb5800; }
.Sharelearning_Curriculum .list .cat_d .arrow-icon:hover::before, 
.Sharelearning_Curriculum .list .cat_d .arrow-icon:hover::after { background-color:#e40072; }
.Sharelearning_Curriculum .list .cat_a .arrow:hover > span { color:#008822; }
.Sharelearning_Curriculum .list .cat_b .arrow:hover > span { color:#0070d8; }
.Sharelearning_Curriculum .list .cat_c .arrow:hover > span { color:#bb5800; }
.Sharelearning_Curriculum .list .cat_d .arrow:hover > span { color:#e40072; }

/* RWD */
@media screen and (max-width: 479px) {
.Sharelearning_Curriculum .list > li { width:100%; }
}
	@media screen and (max-width: 359px) {
	.Sharelearning_Curriculum .list { font-size:0.9375rem; }
	}
@media screen and (min-width:480px) and (max-width: 1023px) {
.Sharelearning_Curriculum .list > li { width:50%; }
}
	@media screen and (min-width: 480px) and (max-width: 539px) {
	.Sharelearning_Curriculum .list { font-size:0.875rem; margin:0 -10px; }
	.Sharelearning_Curriculum .list > li { padding:0 10px; }
	}
	@media screen and (min-width: 540px) and (max-width: 639px) {
	.Sharelearning_Curriculum .list { font-size:0.9375rem; }
	}
@media screen and (min-width: 1024px) {
.Sharelearning_Curriculum .list > li { width:25%; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.Sharelearning_Curriculum .list { font-size:0.875rem; margin:0 -10px; }
	.Sharelearning_Curriculum .list > li { padding:0 10px; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	.Sharelearning_Curriculum .list { font-size:0.9375rem; }
	}


/*----------------------------------------------------------------------*/
/* 客製單篇 */
/* 共學園活動課程架構表格 */
.curriculum-table { width:100%; border:2px solid #384952; }
.curriculum-table th, .curriculum-table td { padding:5px 10px; border-bottom:1px solid #384952; border-right:1px solid #384952; transition:all 0.3s ease; }
.curriculum-table tr:last-child th, .curriculum-table tr:last-child td { border-bottom:0; }
.curriculum-table tr td:last-child { border-right:0; }
.curriculum-table th { background-color:#f4f4f4; font-weight:500; white-space:nowrap; }
.curriculum-table tr:hover th, .curriculum-table tr:hover td { background-color:#fff3bb; }

/* 學習成果與紀錄表格 */
.learning-outcomes-table { width:100%; }
.learning-outcomes-table th, .learning-outcomes-table td { border-bottom:10px solid #fff; padding:5px 10px; transition:all 0.3s ease; }
.learning-outcomes-table th { background-color:#4c7697; color:#fff; font-weight:500; white-space:nowrap; }
.learning-outcomes-table td { background-color:#f7f7f7; }
.learning-outcomes-table tr:hover th { background-color:#384952; }
.learning-outcomes-table tr:hover td { background-color:#e1f3ff; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_instr .intro { line-height:2em; }
.sitemap_instr dl { margin-top:25px; }
.sitemap_instr dt { margin-bottom:15px; padding-left:10px; border-left:4px solid #2c3539; color:#202020; font-size:1.125rem; font-weight:500; line-height:1.5em; }
.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:#384952;
	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:#384952;
	border-radius:50%;
	}
.sitemap_instr strong { color:#384952; font-weight:500; }

.sitemap_title { margin-top:25px; margin-bottom:20px; color:#202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.sitemap_tree { border:1px solid #202020; background-color:#fff; padding-bottom:20px; color:#202020; }
.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:#4c7697; text-decoration:underline; }

/* 第1層 */
.sitemap_tree .home a { background-color:#4c7697; padding-left:10px; padding-right:10px; line-height:2.75em; font-size:1.125rem; text-align:center; color:#fff; }
.sitemap_tree .home a:hover, .sitemap_tree .home a:focus { background-color:#384952; }
.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.1em; 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.2em; }
.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:3.3em; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; }
.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:4.4em; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; color:#666; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { padding:5px 0; color:#666; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .header { margin-bottom:40px; border:1px solid #2c3539; background-color:#fff; }
.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:#4c7697; padding:0 10px; margin:0 5px 5px; border-radius:1em; color:#fff; }
.SearchResult .header .total { display:inline-block; margin-top:10px; line-height:2em; }
.SearchResult .header .total span { margin:0 5px; color:#4c7697; font-weight:500; }

.SearchResult .results_list .item { margin-top:40px; }
.SearchResult .results_list .title { margin-bottom:10px; line-height:1.5em; color:#333; font-weight:500; position:relative; }
.SearchResult .results_list .title a { display:inline-block; color:#333; text-decoration:none; }
.SearchResult .results_list .title span { color:#ba0000; }
.SearchResult .results_list .title a:hover, .SearchResult .results_list .title a:focus { color:#ba0000; }
.SearchResult .results_list .date { display:inline-block; align-items:center; color:#525a5e; line-height:1.25em; }
.SearchResult .results_list .cat { display:inline-block; margin-left:15px; padding-left:0.75em; position:relative; line-height:1.25em; color:#4c7697; }
.SearchResult .results_list .cat a { display:block; color:#4c7697;  text-decoration:none; }
.SearchResult .results_list .cat a:hover, .SearchResult .results_list .cat a:focus { color:#ba0000; }
.SearchResult .results_list .cat::before { 
	content:''; display:block; position:absolute; top:50%; left:0; margin-top:-4px; width:6px; height:6px; border:1px solid#4c7697; border-radius:4px; 
	}
.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:#ba0000; font-weight:500; }

/* RWD */
@media screen and (max-width: 479px) {
.SearchResult .header { padding:10px 15px; }
.SearchResult .results_list .title { font-size:1.125rem; }
.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.25rem; }
}

@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; }
}