@charset "utf-8";
/* CSS Document */
/*中文預設字型:Noto Sans TC,font-family:'Noto Sans TC', sans-serif; 400(Regular),500(Medium),600(SemiBold),700(Bold)*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@700&display=swap');
/*英文字型:Josefin Sans,font-family:'Josefin Sans', sans-serif; font-weight:300(Light),400(Regular),500(Medium)),600(SemiBold),700(Bold)*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,500;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,600;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,700;1,700&display=swap');

/*----------------------------------------------------------------------*/
/* 標題 */
.SectionTitle { width:100%; border-bottom:1px solid #a58e80; padding-bottom:1em; margin-bottom:30px; }
.SectionTitle h3 { font-weight:500; line-height:1.5em; }
	@media screen and (max-width: 639px) {
	.SectionTitle h3 { font-size:1.75rem; }
	}
	@media screen and (min-width: 640px) {
	.SectionTitle h3 { font-size:2.25rem; }
	}

/* 分類下拉 */
.CatSelect { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:60px; padding-bottom:15px; border-bottom:1px solid #bcaaa0; }
.CatSelect .current > div { line-height:1.25em; font-size:1.875rem; font-weight:600; }
.CatSelect .list { display:flex; align-items:center; flex-wrap:wrap; font-size:0.875rem; color:#555; line-height:46px; }
.CatSelect .list .item { position:relative; margin-right:10px; }
.CatSelect .list .item select { width:100%; max-width:300px; }
.CatSelect .list .btn { margin-top:5px; margin-bottom:5px; }
.CatSelect .list .btn button { position:relative; padding:0 15px; background-color:#e1dad5; line-height:48px; font-weight:600; }
.CatSelect .list .btn button:hover, .CatSelect .list .btn button:focus { background-color:#c70019; box-shadow:0 0 10px rgba(0,0,0,0.3); color:#fff; }

@media screen and (max-width: 639px) {
.CatSelect { flex-direction:column; }
.CatSelect .current > div { font-size:1.5rem; }
}
@media screen and (min-width: 640px) {
.CatSelect { align-items:center; }
}

/* 分類按鈕 */
.CatSelestBtn { margin-bottom:60px; }
.CatSelestBtn .list dl { display:flex; align-items:center; flex-wrap:wrap; margin-left:-12px; }
.CatSelestBtn .list dl dd { margin:0 0 18px 12px; }
.CatSelestBtn .list dl a { 
	display:block; padding:0.54em 0.75em; border:1px solid #dadada; line-height:1.5em; color:#2a2a2a; font-size:1.125rem; font-weight:500; text-decoration:none; 
	}
.CatSelestBtn .list dl a:hover, .CatSelestBtn .list dl a:focus { border-color:#c70019; color:#c70019; }
.CatSelestBtn .list dl .selected a { padding-left:1em; padding-right:1em; border-color:#847266; background-color:#847266; color:#fff; font-weight:600; }
.CatSelestBtn .current  { border-bottom:1px solid #bcaaa0; }
.CatSelestBtn .current > div { padding:0.6666em 0; line-height:1.25em; font-size:1.875rem; font-weight:600; }
@media screen and (max-width: 639px) {
.CatSelestBtn { margin-bottom:40px; }
.CatSelestBtn .list dl a { font-size:1rem; }
.CatSelestBtn .current > div { font-size:1.5rem; }
}

/* 列表搜尋 */
.ListSearch { display:flex; align-items:flex-end; flex-wrap:wrap; margin-bottom:20px; }
.ListSearch .criteria { margin-right:20px; margin-bottom:10px; }
.ListSearch .criteria .label { margin-bottom:10px; font-weight:700; line-height:1.5em; }
.ListSearch .criteria .item { display:inline-block; }
.ListSearch .criteria select { width:100%; max-width:300px; }
.ListSearch .btn { margin-bottom:15px; }
.ListSearch .btn button { display:flex; align-items:center; padding:0 20px; background-color:#e1dad5; font-weight:500; line-height:48px; }
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background-color:#c70019; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); }
.ListSearch .btn button::before { 
	content:''; display:block; width:16px; height:16px; margin-right:10px; background:url(../images/icon_search.png) no-repeat 0 0; background-size:100%; 
	}
.ListSearch .btn button:hover::before, .ListSearch .btn button:focus::before { background-position:0 50%; }

/* 頁碼 */
.Pagination { margin-top:60px; display:flex; flex-direction:column; align-items:center; color:#545454; }
.Pagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.Pagination a { 
	display:inline-block; position:relative; 
	text-align:center; color:#2a2a2a; letter-spacing:0; text-decoration:none; 
	}
	
.Pagination .setting { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding-top:20px; line-height:40px; font-size:0.9375rem; }
.Pagination .setting .per_page select, .Pagination .setting .goto input, .Pagination .setting .btn button { 
	font-size:0.9375rem; height:40px; box-sizing:border-box; transition:all ease 0.3s;
	}
.Pagination .setting .per_page select, .Pagination .setting .goto input {
	background-color:#fff; border:1px solid #d7d7d7; padding:0 10px; margin-top:5px; margin-bottom:5px;
	}
.Pagination .setting .per_page select:focus, .Pagination .setting .goto input:focus {
	border-color:#730314; 
	}
.Pagination .setting .per_page select, .Pagination .setting .goto input { width:60px; }
.Pagination .setting .btn button { padding:0 15px; margin-left:3px; background-color:#847266; color:#fff; }
.Pagination .setting .btn button:hover, .Pagination .setting .btn button:focus { background-color:#c70019; }
.Pagination .setting .total::after { content:','; margin-right:3px; }
.Pagination .setting .per_page { display:flex; align-items:center; }
.Pagination .setting .per_page select { margin-left:3px; margin-right:3px; }
.Pagination .setting .per_page::after { content:','; margin-right:3px; }
.Pagination .setting .goto { display:flex; align-items:center; }
.Pagination .setting .goto input { margin-left:3px; margin-right:3px; }
.Pagination .setting .goto::after { content:''; margin-right:6px; }

@media screen and (max-width: 1023px) {
.Pagination a { display:none; margin:0 6px; background-color:#e9e9e9; color:#000; line-height:40px; padding:0 15px; }
.Pagination a:hover, .Pagination a:focus { background-color:#c70019; 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 a { width:40px; line-height:40px; }
.Pagination a:hover, .Pagination a:focus { background-color:#e9e9e9; color:#000; }
.Pagination a.focuz { background-color:#847266; color:#fff; }

.Pagination a.first, .Pagination a.last, .Pagination a.prev, .Pagination a.next { padding:0 10px; text-indent:-99px; overflow:hidden; }
.Pagination a.prev { margin-right:10px; }
.Pagination a.next { margin-left:10px; }
.Pagination a.first::before, .Pagination a.first::after, 
.Pagination a.last::before, .Pagination a.last::after, 
.Pagination a.prev::before, .Pagination a.next::before { 
	content:''; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-top:1px solid #555; border-left:1px solid #666; 
	}
.Pagination a.first::before, .Pagination a.first::after, .Pagination a.prev::before { 
	transform:rotate(-45deg);
	}
.Pagination a.last::before, .Pagination a.last::after, .Pagination a.next::before { 
	transform:rotate(135deg);
	}
	.Pagination a.first::before { left:16px; }
	.Pagination a.first::after { left:20px; }
	.Pagination a.prev::before { left:18px; }
	.Pagination a.last::before { right:16px; }
	.Pagination a.last::after { right:20px; }
	.Pagination a.next::before { right:18px; }
.Pagination a.first:hover::before, .Pagination a.first:focus::before, .Pagination a.first:hover::after,  .Pagination a.first:focus::after, 
.Pagination a.last:hover::before, .Pagination a.last:focus::before, .Pagination a.last:hover::after, .Pagination a.last:focus::after, 
.Pagination a.prev:hover::before, .Pagination a.prev:focus::before, .Pagination a.next:hover::before, .Pagination a.next:focus::before { 
	border-color:#000; 
	}
}

/* 內頁頁碼 */
.inPagination { margin-top:30px; margin-bottom:20px; clear:both; font-size:0.875rem; color:#666; }
.inPagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.inPagination a { 
	display:inline-block; width:36px; margin:0 4px; border:1px solid #e0e0e0; border-radius:5px; position:relative; 
	text-align:center; color:#5b5b5b; line-height:36px; text-decoration:none; 
	}
.inPagination a:hover, .inPagination a:focus, .inPagination a.focuz { border-color:#9a514a; background-color:#9a514a; color:#fff; }
.inPagination a.focuz::before { 
	content:''; display:block; position:absolute; bottom:100%; left:50%; margin-left:-7px;
	border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #9a514a; 
	}

/* 雜湊值驗證 */
.file_hashes { 
	display:inline-block; position:relative; overflow:hidden; text-indent:-999px; vertical-align:middle; width:24px; height:24px; margin-left:6px; border-radius:4px; 
	}
.file_hashes:hover, .file_hashes:focus { background-color:#c70019; }
.file_hashes::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; 
	background:url("../images/icon_file_hashes.png") 0 0 no-repeat; background-size:100%; 
	}
.file_hashes:hover::after, .file_hashes:focus::after { background-position:0 50%; }


/*----------------------------------------------------------------------*/
/* 單篇 */
.ArticleWrapper { max-width:1440px; margin:0 auto; padding-top:35px; box-shadow:0 20px 30px rgba(0, 0, 0, 0.10); }
@media screen and (max-width: 639px) {
.ArticleWrapper > div { padding-left:15px; padding-right:15px; padding-bottom:30px; }
}
@media screen and (min-width: 640px) and (max-width: 1439px) {
.ArticleWrapper> div { padding-left:25px; padding-right:25px; padding-bottom:50px; }
}
@media screen and (min-width: 1440px) {
.ArticleWrapper> div { padding-left:4.16vw; padding-right:4.16vw; padding-bottom:50px; }
#ColumnLeft + #ColumnCenter .ArticleWrapper > div { padding-left:2.25vw; padding-right:2.25vw; }
}
.ArticleHeader { margin-bottom:20px; }
.ArticleContainer { display:flex; }
	@media screen and (max-width: 959px) {
	.ArticleContainer { flex-direction:column; }
	}
	@media screen and (min-width: 960px) {
	.ArticleContainer { align-items:flex-start; }
	}
.ArticleContent { flex:1 1 auto; }
	@media screen and (max-width: 959px) {
	.ArticleContent { width:100%; }
	}
	@media screen and (min-width: 960px) and (max-width: 1439px) {
	.ArticleContent { width:100%; }
	.ArticleContent.w-aside { width:calc(100% - (200px + 25px)); }
	}
	@media screen and (min-width: 1440px) {
	.ArticleContent { width:100%; }
	.ArticleContent.w-aside { width:calc(100% - (15.625vw + 3.125vw)); }
	#ColumnLeft + #ColumnCenter .ArticleContent.w-aside { width:calc(100% - (15.625vw + 2.0833vw)); }
	}
.ArticleAside { flex:0 0 auto; position:sticky; top:20px; box-sizing:content-box; }
	@media screen and (max-width: 959px) {
	.ArticleAside { display:none; }
	}
	@media screen and (min-width: 960px) and (max-width: 1439px) {
	.ArticleAside { width:200px; padding-left:25px; }
	}
	@media screen and (min-width: 1440px) {
	.ArticleAside { width:15.625vw; padding-left:3.125vw; }
	#ColumnLeft + #ColumnCenter .ArticleAside { padding-left:2.0833vw; }
	}
.ArticleFooter { margin-top:50px; }

/* ArticleHeader */
h3.ArticleTitle { position:relative; border-bottom:2px solid #730314; padding:10px 0; margin-bottom:10px; }
h3.ArticleTitle::before { content:''; display:block; position:absolute; bottom:100%; left:0; width:80px; height:6px; background-color:#730314; border-radius:3px; }
h3.ArticleTitle span { display:block; font-weight:700; line-height:1.5em; color:#2a2a2a; }
	@media screen and (max-width: 639px) {
	h3.ArticleTitle span { font-size:1.75rem; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	h3.ArticleTitle span { font-size:2rem; }
	}
	@media screen and (min-width: 960px) {
	h3.ArticleTitle span { font-size:2.5rem; }
	}

.ArticleMeta { position:relative; }
.ArticleMeta ul { display:flex; align-items:center; flex-wrap:wrap; }
.ArticleMeta li { display:flex; align-items:center; margin-right:25px; line-height:2.25em; position:relative; }
	.ArticleMeta li:last-child { margin-right:0; }
.ArticleMeta .date { }
.ArticleMeta li::before { content:''; display:block; background:url(../images/icon_article_meta.png) no-repeat; background-size:100%; width:16px; height:16px; margin-right:5px; }
	.ArticleMeta li.date::before { background-position:0 0; }
	.ArticleMeta li.cat::before { background-position:0 50%; }
	.ArticleMeta li.unit::before { background-position:0 100%; }

.ArticleMeta.up { margin-bottom:30px; font-size:0.9375rem; }
.ArticleMeta.up li { font-weight:500; }
.ArticleMeta.up li span { font-weight:normal; color:#666; }
.ArticleMeta.up li span::after { content:'：'; }
.ArticleMeta.down { color:#666; font-size:0.875rem; letter-spacing:0.05em; }
.ArticleMeta.down::before { content:''; display:block; position:absolute; left:0; width:100%; border-bottom:1px solid #ccc; }
.ArticleMeta.down ul { justify-content:flex-end; }
.ArticleMeta.down li { background-color:#fff; background-image:none; padding:0 12px; margin:0; }
.ArticleMeta.down li::before { display:none; }
.ArticleMeta.down li::after { content:''; display:block; position:absolute; top:50%; left:0; border-left:1px solid #ccc; height:10px; margin-top:-5px; }
.ArticleMeta.down li:first-child::after { display:none; }
.ArticleMeta.down li span::after { content:'：'; }
	@media screen and (max-width: 639px) {
	.ArticleMeta.down::before { top:-10px; }
	}
	@media screen and (min-width: 640px) {
	.ArticleMeta.down::before { top:50%; }
	.ArticleMeta.down ul { padding-right:10px; }
	}

/* 大綱 */
.ArticleOutline .title { display:flex; align-items:center; flex-wrap:wrap; position:relative; font-weight:700; line-height:1.25em; }
.ArticleOutline .title::before { 
	content:''; display:block; width:1em; height:1em; margin-right:0.5em; 
	background:url(../images/icon_article_outline_title.png) no-repeat center center; background-size:contain; 
	}
.ArticleOutline .list { max-height:60vh; overflow-y:auto; background-color:#f2eeec; border:2px solid #dfdfdf; }
	.ArticleOutline .list::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.ArticleOutline .list::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #f2eeec; background-color:rgba(0, 0, 0, .1); }
	.ArticleOutline .list::-webkit-scrollbar-thumb:hover { background-color:#c70019; }
.ArticleOutline .list ul { position:relative; padding:5px 0; }
.ArticleOutline .list ul::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:2px; height:100%; background-color:#c9bbb3;
	}
.ArticleOutline .list li { position:relative; margin:10px 0; font-weight:500; line-height:1.5em; }
	.ArticleOutline .list li:first-child { margin-top:0; }
	.ArticleOutline .list li:last-child { margin-bottom:0; }
.ArticleOutline .list li::before { 
	content:''; display:block; position:absolute; top:0.75em; left:-5px; width:6px; height:6px; margin-top:-6px; background-color:#2a2a2a; border:3px solid #f2eeec;
	}
	.ArticleOutline .list li.anchorCurrent::before { background-color:#c70019; left:-6px; width:8px; height:8px; margin-top:-7px; }
.ArticleOutline .list a { display:block; color:#2a2a2a; text-decoration:none; }
.ArticleOutline .list a:hover, .ArticleOutline .list a:focus, .ArticleOutline .list .anchorCurrent a { color:#c70019; }
	@media screen and (min-width: 960px) and (max-width: 1439px) {
	.ArticleOutline .title { padding:0.75em 0 0.75em 0; font-size:1.25rem; }
	.ArticleOutline .list { padding:15px 15px; }
	.ArticleOutline .list li { padding-left:12px; font-size:1rem; }
	}
	@media screen and (min-width: 1440px) {
	.ArticleOutline .title { padding:0.75em 0 0.75em 0.625em; font-size:1.5rem; }
	.ArticleOutline .list { padding:25px 25px; }
	.ArticleOutline .list li { padding-left:20px; font-size:1.125rem; }
	}

.ContPageMeta { position:relative; margin-top:30px; color:#666; font-size:0.875rem; letter-spacing:0.05em; }
.ContPageMeta::before { content:''; display:block; position:absolute; left:0; width:100%; border-bottom:1px solid #ccc; }
.ContPageMeta ul { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
.ContPageMeta li { display:flex; align-items:center; margin-right:25px; line-height:2.25em; position:relative; background-color:#fff; padding:0 12px; margin:0; }
	.ContPageMeta li:last-child { margin-right:0; }
.ContPageMeta li::after { content:''; display:block; position:absolute; top:50%; left:0; border-left:1px solid #ccc; height:10px; margin-top:-5px; }
	.ContPageMeta li:first-child::after { display:none; }
.ContPageMeta li span::after { content:'：'; }
	@media screen and (max-width: 639px) {
	.ContPageMeta::before { top:-10px; }
	}
	@media screen and (min-width: 640px) {
	.ContPageMeta::before { top:50%; }
	.ContPageMeta ul { padding-right:10px; }
	}

/* 單篇內容 */
.XmdocMsgCont { margin:30px 0; }
.XmdocMsgCont.content { margin:0; }

/* 為文字上稿區可能出現的元素做設定 */
/*.XmdocMsgCont, .XmdocMsgCont p, .XmdocMsgCont li, .XmdocMsgCont div, .XmdocMsgCont blockquote { text-align:justify; text-justify:inter-ideograph; }*/
.XmdocMsgCont, .XmdocMsgCont p, .XmdocMsgCont li, .XmdocMsgCont dt, .XmdocMsgCont dd, .XmdocMsgCont div, .XmdocMsgCont blockquote { 
	line-height:2em;
	}
.XmdocMsgCont div, 
.XmdocMsgCont blockquote, 
.XmdocMsgCont table, 
.XmdocMsgCont iframe,
.XmdocMsgCont p, 
.XmdocMsgCont ul, 
.XmdocMsgCont ol, 
.XmdocMsgCont dl { margin-top:2.5rem; margin-bottom:2.5rem; }
.XmdocMsgCont p + p, .XmdocMsgCont p + ul, .XmdocMsgCont p + ol, .XmdocMsgCont p + dl,
.XmdocMsgCont ul + p, .XmdocMsgCont ul + ul, .XmdocMsgCont ul + ol, .XmdocMsgCont ul + dl, 
.XmdocMsgCont ol + p, .XmdocMsgCont ol + ul, .XmdocMsgCont ol + ol, .XmdocMsgCont ol + dl,  
.XmdocMsgCont dl + p, .XmdocMsgCont dl + ul, .XmdocMsgCont dl + ol, .XmdocMsgCont dl + dl { margin-top:-1rem; }
.XmdocMsgCont p { padding:0; }
.XmdocMsgCont img, .XmdocMsgCont iframe { display:block; }

.XmdocMsgCont .section_title { 
	position:relative; padding-left:20px; margin-bottom:1.5rem; overflow:hidden; 
	color:#730314; font-weight:700; line-height:1.25em; 
	}
	@media screen and (max-width: 639px) {
	.XmdocMsgCont .section_title { font-size:1.5rem; }
	}
	@media screen and (min-width: 640px) {
	.XmdocMsgCont .section_title { font-size:1.625rem; }
	}
.XmdocMsgCont .section_title::after { content:''; display:block; position:absolute; top:0; left:0; width:6px; height:100%; background-color:#730314; }
.XmdocMsgCont .section_title + p, 
.XmdocMsgCont .section_title + ul, 
.XmdocMsgCont .section_title + ol, 
.XmdocMsgCont .section_title + dl { margin-top:-0.625rem; } 
.XmdocMsgCont .section_title + div, 
.XmdocMsgCont .section_title + blockquote, 
.XmdocMsgCont .section_title + table, 
.XmdocMsgCont .section_title + iframe { margin-top:1.5rem; }

.XmdocMsgCont blockquote { 
	padding:70px 30px; background-color:#fff; border:1px solid #d6d6d6; 
	box-shadow:0 0 20px rgba(0, 0, 0, 0.1); border-radius:10px; overflow:hidden; position:relative; box-sizing:border-box; 
	}
.XmdocMsgCont blockquote::before, .XmdocMsgCont blockquote::after { 
	content:''; display:block; position:absolute; left:30px; width:calc(100% - 60px); height:24px; 
	background:url(../images/icon_blockquote.png) no-repeat; 
	}
	.XmdocMsgCont blockquote::before { top:24px; background-position:center 0; }
	.XmdocMsgCont blockquote::after { bottom:24px; background-position:center 100%; }

.XmdocMsgCont .text_wrap_img.align_left ~ blockquote, .XmdocMsgCont .text_wrap_img.align_right ~ blockquote { 
	margin-left:0; margin-right:0; 
	}

.XmdocMsgCont ol { list-style-type:decimal; padding-left:2.2em; overflow:hidden; }
.XmdocMsgCont ul { list-style-type:disc; padding-left:2.2em; overflow:hidden; }
	.XmdocMsgCont ul[type="disc"] { list-style-type:disc; }
	.XmdocMsgCont ul[type="circle"] { list-style-type:circle; }
	.XmdocMsgCont ul[type="square"] { list-style-type:square; }
.XmdocMsgCont li { margin-bottom:0.625em; }
.XmdocMsgCont ol ol { list-style-type:lower-alpha; }
.XmdocMsgCont ul ul { list-style-type:circle; }
.XmdocMsgCont ul ul, .XmdocMsgCont ul ol, .XmdocMsgCont ol ul, .XmdocMsgCont ol ol { margin-top:5px; margin-bottom:0; }
.XmdocMsgCont ul li:last-child, .XmdocMsgCont ol li:last-child { margin-bottom:0; }
.XmdocMsgCont dl { overflow:hidden; }
.XmdocMsgCont dl dt { font-weight:bold; margin-bottom:0.625rem; }
.XmdocMsgCont dl dd { padding-left:2.2em; margin-bottom:0.625rem; position:relative; }
.XmdocMsgCont dl dd::before {  
	content:''; display:block; position:absolute; top:1em; left:6px; width:6px; height:6px; margin:-3px 0 0 -3px; background-color:#2a2a2a; border-radius:50%; 
	}
.XmdocMsgCont dl dl, .XmdocMsgCont dl ul, .XmdocMsgCont dl ol, .XmdocMsgCont ul dl.XmdocMsgCont ol dl { margin-top:5px; margin-bottom:0; }
.XmdocMsgCont dl dd:last-child { margin-bottom:0; }

/* 相關連結、相關檔案 */
.XmdocMsgCont .related_file, .XmdocMsgCont .related_link { position:relative; padding-left:28px; margin-bottom:1rem; }
.XmdocMsgCont .related_file::after, .XmdocMsgCont .related_link::after { 
	content:''; display:block; position:absolute; top:calc((2em - 22px) / 2); left:0; width:22px; height:22px; 
	background:url("../images/icon_module.png") no-repeat; background-size:200%; 
	}
	.XmdocMsgCont .related_file::after { background-position:0 0; }
	.XmdocMsgCont .related_link::after { background-position:0 50%; }
.XmdocMsgCont .related_file span, .XmdocMsgCont .related_link span { white-space:nowrap; color:#730314; font-weight:700; }
.XmdocMsgCont .related_file span::after, .XmdocMsgCont .related_link span::after { content:'：'; }
.XmdocMsgCont .related_file + .related_link, 
.XmdocMsgCont .related_file + .related_file,
.XmdocMsgCont .related_link + .related_link, 
.XmdocMsgCont .related_link + .related_file { margin-top:0; }
.XmdocMsgCont .related_file a, .XmdocMsgCont .related_link a { color:#2a2a2a; }
.XmdocMsgCont .related_file a:hover, .XmdocMsgCont .related_link a:hover,
.XmdocMsgCont .related_file a:focus, .XmdocMsgCont .related_link a:focus { color:#c70019; text-decoration:underline; }

/* 影片 */
.XmdocMsgCont .text_wrap_media::after { content:''; display:block; clear:both; }
.XmdocMsgCont .text_wrap_media .media_wrap { margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; width:560px; }
	.XmdocMsgCont .text_wrap_media.ratio_16by9 .media_wrap, 
	.XmdocMsgCont .text_wrap_media.ratio_4by3 .media_wrap, 
	.XmdocMsgCont .text_wrap_media.ratio_1by1 .media_wrap { width:560px; }
	.XmdocMsgCont .text_wrap_media.ratio_3by4 .media_wrap, 
	.XmdocMsgCont .text_wrap_media.ratio_9by16 .media_wrap { width:315px; }
	.XmdocMsgCont .text_wrap_media.align_left .media_wrap { float:left; max-width:48%; }
	.XmdocMsgCont .text_wrap_media.align_right .media_wrap { float:right; max-width:48%; }
	.XmdocMsgCont .text_wrap_media.align_center .media_wrap { margin-left:auto; margin-right:auto; }
.XmdocMsgCont .text_wrap_media .media_container { margin-top:0; margin-bottom:0; padding-bottom:56.25%; text-align:left; position:relative; overflow:hidden; }
	.XmdocMsgCont .text_wrap_media.ratio_16by9 .media_container { padding-bottom:56.25%; }
	.XmdocMsgCont .text_wrap_media.ratio_4by3 .media_container { padding-bottom:75%; }
	.XmdocMsgCont .text_wrap_media.ratio_1by1 .media_container { padding-bottom:100%; }
	.XmdocMsgCont .text_wrap_media.ratio_3by4 .media_container { padding-bottom:133.33%; }
	.XmdocMsgCont .text_wrap_media.ratio_9by16 .media_container { padding-bottom:177.77%; }
	.XmdocMsgCont .text_wrap_media .media_container iframe,
	.XmdocMsgCont .text_wrap_media .media_container object,
	.XmdocMsgCont .text_wrap_media .media_container embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.XmdocMsgCont .text_wrap_media .describe { text-align:left; margin:0; padding:20px; background-color:#ebebeb; line-height:150%; }
	.XmdocMsgCont .text_wrap_media .describe span { display:inline-block; font-weight:bold; }
	.XmdocMsgCont .text_wrap_media .describe span::after { content:'：'; }
	.XmdocMsgCont .text_wrap_media .describe .title { margin:0 0 10px 0; font-size:1.125rem; font-weight:bold; line-height:1.5em; }
	.XmdocMsgCont .text_wrap_media .describe .desc { margin:0; font-size:0.9375rem; }
	.XmdocMsgCont .text_wrap_media noscript div.ytlink { padding:0; margin:0; line-height:1.25em; }/* no script時影片區塊顯示的訊息 */

	@media screen and (max-width: 639px) {
	.XmdocMsgCont .text_wrap_media.align_left .media_wrap, .XmdocMsgCont .text_wrap_media.align_right .media_wrap { 
		float:none; clear:both; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; 
		}
	}
	@media screen and (min-width: 640px) and (max-width: 1439px) {
	.XmdocMsgCont .text_wrap_media.align_left .media_wrap { margin-right:4vw; }
	.XmdocMsgCont .text_wrap_media.align_right .media_wrap { margin-left:4vw; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_media.align_left .media_wrap { margin-right:2.8vw; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_media.align_right .media_wrap { margin-left:2.8vw; }
	}
	@media screen and (min-width: 1440px) {
	.XmdocMsgCont .text_wrap_media.align_left .media_wrap { margin-right:60px; }
	.XmdocMsgCont .text_wrap_media.align_right .media_wrap { margin-left:60px; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_media.align_left .media_wrap { margin-right:40px; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_media.align_right .media_wrap { margin-left:40px; }
	}
	
.XmdocMsgCont .text_wrap_media.align_left .media_wrap + *, .XmdocMsgCont .text_wrap_media.align_right .media_wrap + * { margin-top:0; }
.XmdocMsgCont .text_wrap_media > *:last-child { margin-bottom:0; }
.XmdocMsgCont .text_wrap_media video  { display:block; width:100%; }

/* 文繞圖設定 */
.XmdocMsgCont .text_wrap_img::after { content:''; display:block; clear:both; }
.XmdocMsgCont .text_wrap_img .img_wrap { margin-top:0; margin-bottom:0; text-align:center; }
	.XmdocMsgCont .text_wrap_img.flex-row .img_wrap { display:grid; gap:20px; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); }
	.XmdocMsgCont .text_wrap_img.flex-col .img_wrap { display:grid; gap:20px; }
	.XmdocMsgCont .text_wrap_img.align_left .img_wrap { float:left; max-width:48%; }
	.XmdocMsgCont .text_wrap_img.align_right .img_wrap { float:right; max-width:48%; }
	.XmdocMsgCont .text_wrap_img.align_center .img_wrap { clear:both; text-align:center; margin-left:auto; margin-right:auto; }
.XmdocMsgCont .text_wrap_img figure { display:inline-block; margin:0; max-width:100%; }
.XmdocMsgCont .text_wrap_img figure a { display:block; }
.XmdocMsgCont .text_wrap_img figure a:hover, .XmdocMsgCont .text_wrap_img figure a:focus { opacity:0.75; }
.XmdocMsgCont .text_wrap_img figcaption { 
	display:block; padding:0 0 0 14px; margin:10px auto 0; position:relative;
	font-size:0.875rem; color:#666; line-height:1.5em; text-align:left; 
	}
	.XmdocMsgCont .text_wrap_img.flex-row figcaption, .XmdocMsgCont .text_wrap_img.flex-col figcaption { width:auto !important; }
.XmdocMsgCont .text_wrap_img figcaption::after { 
	content:''; display:block; position:absolute; top:9px; left:0;
	border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #999;
	}

.XmdocMsgCont .text_wrap_img.align_left .img_wrap + *, .XmdocMsgCont .text_wrap_img.align_right .img_wrap + * { margin-top:0; }
.XmdocMsgCont .text_wrap_img > *:last-child { margin-bottom:0; }

	@media screen and (max-width: 639px) {
	.XmdocMsgCont .text_wrap_img.align_left .img_wrap, .XmdocMsgCont .text_wrap_img.align_right .img_wrap { 
		float:none; clear:both; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; 
		}
	}
	@media screen and (min-width: 640px) and (max-width: 1439px) {
	.XmdocMsgCont .text_wrap_img.align_left .img_wrap { margin-right:4vw; }
	.XmdocMsgCont .text_wrap_img.align_right .img_wrap { margin-left:4vw; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_img.align_left .img_wrap { margin-right:2.8vw; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_img.align_right .img_wrap { margin-left:2.8vw; }
	}
	@media screen and (min-width: 1440px) {
	.XmdocMsgCont .text_wrap_img.align_left .img_wrap { margin-right:60px; }
	.XmdocMsgCont .text_wrap_img.align_right .img_wrap { margin-left:60px; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_img.align_left .img_wrap { margin-right:40px; }
	#ColumnLeft + #ColumnCenter .XmdocMsgCont .text_wrap_img.align_right .img_wrap { margin-left:40px; }
	}
	
/* 相關檔案、相關連結、相關圖片 */
.XmdocMsgCont .related_list {  }
.XmdocMsgCont .related_list .title { margin-top:0; margin-bottom:1rem; padding-bottom:5px; border-bottom:1px solid #730314; }
.XmdocMsgCont .related_list .title span { 
	display:flex; align-items:center; padding-left:36px; position:relative; 
	color:#730314; font-weight:700; line-height:1.5em;
	}
	@media screen and (max-width: 639px) {
	.XmdocMsgCont .related_list .title span { font-size:1.5rem; }
	}
	@media screen and (min-width: 640px) {
	.XmdocMsgCont .related_list .title span { font-size:1.625rem; }
	}
.XmdocMsgCont .related_list .title span::before { 
	content:''; display:block; position:absolute; top:calc((1.5em - 30px) / 2); left:0; width:30px; height:30px; 
	background:url("../images/icon_module.png") no-repeat; background-size:200%; 
	}
	.XmdocMsgCont .related_list.files .title span::before { background-position:0 0; }
	.XmdocMsgCont .related_list.links .title span::before { background-position:0 50%; }
	.XmdocMsgCont .related_list.images .title span::before { background-position:0 100%; }

.XmdocMsgCont .related_list .title span::after { 
	content:''; display:block; position:absolute; bottom:0; right:0;
	border-left:10px solid transparent; border-bottom:10px solid #730314;
	}

.XmdocMsgCont .related_list .list { margin:0; padding-left:36px; position:relative; list-style-type:none; overflow:visible; }
.XmdocMsgCont .related_list .list li { display:flex; align-items:center; flex-wrap:wrap; position:relative; margin-bottom:1.25rem; line-height:1.5em; }
	.XmdocMsgCont .related_list .list li:last-child { margin-bottom:0; }
	.XmdocMsgCont .related_list .list li::after { 
	content:''; display:block; position:absolute; top:0.9em; left:-1.1em; background-color:#384952; width:6px; height:6px; margin-top:-3px; border-radius:50%;
	}
.XmdocMsgCont .related_list .list li > a { display:inline-block; color:#2a2a2a; text-decoration:none; }
	@media screen and (min-width: 640px) {
	.XmdocMsgCont .related_list .list li > a { font-size:1.125rem; }
	}
.XmdocMsgCont .related_list .list li > a:hover, .XmdocMsgCont .related_list .list li > a:focus { color:#c70019; text-decoration:underline; }
.XmdocMsgCont .related_list .list li span.file_ext { margin-left:6px; width:24px; height:24px; }
.XmdocMsgCont .related_list .colorbox_thum { display:flex; flex-wrap:wrap; list-style:none; padding:0; max-width:none; margin-top:0; margin-bottom:0; }
.XmdocMsgCont .related_list .colorbox_thum li { margin-top:5px; margin-bottom:10px; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap { display:flex; align-items:center; justify-content:center; margin:0; width:inherit; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap a { display:flex; align-items:center; justify-content:center; width:inherit; height:inherit; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap a:hover { transform:scale(1.02); }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap a img { width:100%; height:100%; border:1px solid #a0a0a0; padding:4px; object-fit:cover; object-position:center center; }
.XmdocMsgCont .related_list .colorbox_thum .img_caption { margin:5px 0 0 0; font-size:0.875rem; color:#666; line-height:1.5em; }

@media screen and (max-width:479px) {
.XmdocMsgCont .related_list .colorbox_thum { margin-left:-5px; margin-right:-5px; }
.XmdocMsgCont .related_list .colorbox_thum li { margin:5px; }
}
@media screen and (min-width: 480px) and (max-width:959px) {
.XmdocMsgCont .related_list .colorbox_thum { margin-left:-10px; margin-right:-10px; }
.XmdocMsgCont .related_list .colorbox_thum li { margin-left:10px; margin-right:10px; }
}
@media screen and (min-width: 960px) {
.XmdocMsgCont .related_list .colorbox_thum { margin-left:-20px; margin-right:-20px; }
.XmdocMsgCont .related_list .colorbox_thum li { margin-left:20px; margin-right:20px; }
}

@media screen and (max-width: 639px) {
.XmdocMsgCont .related_list .colorbox_thum li { width:120px; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap { height:90px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.XmdocMsgCont .related_list .colorbox_thum li { width:180px; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap { height:135px; }
}
@media screen and (min-width: 1280px) {
.XmdocMsgCont .related_list .colorbox_thum li { width:200px; }
.XmdocMsgCont .related_list .colorbox_thum .img_wrap { height:150px; }
}

/* 頁籤 */
.XmdocMsgCont .tabs_group { position:relative; }
.XmdocMsgCont .tabs_group .tab_title { margin:0; z-index:2; }
.XmdocMsgCont .tabs_group .tab_title a { 
	display:block; position:relative; color:#666; font-weight:500; text-decoration:none; 
	transition:border 0.3s ease, background 0.3s ease, color 0.3s ease;
	}
.XmdocMsgCont .tabs_group .tab_title a:hover, 
.XmdocMsgCont .tabs_group .tab_title a:focus { color:#c70019; }
.XmdocMsgCont .tabs_group .tab_title.active a { background-color:#7c6a60; color:#fff; }
.XmdocMsgCont .tabs_group .tab_title .text { display:none; }
.XmdocMsgCont .tabs_group .tab_title .anchor { display:block; position:absolute; top:-60px; left:0; }
.XmdocMsgCont .tabs_group .tab_cont { position:relative; z-index:1; margin:0; background-color:#fff; border:1px solid #d6d6d6; overflow:hidden; }
	.XmdocMsgCont .tabs_group .tab_cont > *:first-child { margin-top:0; }
	.XmdocMsgCont .tabs_group .tab_cont > *:last-child { margin-bottom:0; }
.XmdocMsgCont .tabs_group .tab_cont::after { 
	content:''; display:block; position:absolute; bottom:-10px; left:0; width:100%; height:10px; box-shadow:0 0 40px rgba(0,0,0,0.4); 
	}
.XmdocMsgCont .tabs_group .tab_cont .no_data { 
	padding:50px 30px; background-color:#fff; box-shadow:2px 2px 17px rgba(0,0,0,0.14); 
	text-align:center; font-size:1.25rem; line-height:1.5em; 
	}

@media screen and (max-width: 959px) {
.XmdocMsgCont .tabs_group .tab_title { margin-top:20px; position:relative; }
	.XmdocMsgCont .tabs_group .tab_title:first-child { margin-top:0; }
.XmdocMsgCont .tabs_group .tab_title a { padding:0.75em 2em 0.75em 1em; border:1px solid #999; background-color:#e9e9e9; line-height:1.5em; font-size:1.25rem; }
.XmdocMsgCont .tabs_group .tab_title.active a {  }
.XmdocMsgCont .tabs_group .tab_title a::after {
	content:''; display:block; position:absolute; right:1em; top:50%; margin-top:-10px; width:12px; height:12px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#a1a1a1;
	transform:rotate(-135deg);
	}
.XmdocMsgCont .tabs_group .tab_title.active a::after {
	border-color:#fff; margin-top:-2px; 
	transform:rotate(45deg);
	}
.XmdocMsgCont .tabs_group .tab_cont { padding:25px 20px; }
}
@media screen and (min-width: 960px) {
.XmdocMsgCont .tabs_group .tab_title { position:absolute; top:0; }
.XmdocMsgCont .tabs_group .tab_title a { padding:1.05em 1.5em; line-height:1.5em; }
.XmdocMsgCont .tabs_group .tab_title.active a::before { 
	content:''; display:block; position:absolute; bottom:-1.2em; left:50%; height:2em; border-left:1px solid #2a2a2a;
	}
.XmdocMsgCont .tabs_group .tab_title .anchor { display:none; }
}
	@media screen and (min-width: 960px) and (max-width: 1439px) {
	.XmdocMsgCont .tabs_group { padding-top:4.625em; }
	.XmdocMsgCont .tabs_group .tab_title a { font-size:1.125rem; }
	.XmdocMsgCont .tabs_group .tab_cont { padding:2.5vw 2.8vw; }
	}
		@media screen and (min-width: 960px) and (max-width: 1199px) {
		.XmdocMsgCont .tabs_group .tab_title a { padding:1.05em 0.75em; letter-spacing:0.05em; }
		}
	@media screen and (min-width: 1440px) {
	.XmdocMsgCont .tabs_group { padding-top:5.125em; }
	.XmdocMsgCont .tabs_group .tab_title a { font-size:1.25rem; }
	.XmdocMsgCont .tabs_group .tab_cont { padding:40px; }
	}

/* html編輯區的表格預設樣式 */
.XmdocMsgCont table[align="center"] { margin-left:auto; margin-right:auto; }
.XmdocMsgCont table caption { margin:5px 0; padding:5px 0; font-weight:bold; color:#2a2a2a; text-align:left; line-height:1.5em; }
.XmdocMsgCont .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; -webkit-overflow-scrolling:touch; }
.XmdocMsgCont .tableWrap table { margin:0; }
/*添加IOS下卷軸*/
.XmdocMsgCont .tableWrap::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.XmdocMsgCont .tableWrap::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fafafa; background-color:rgba(0, 0, 0, .3); }
.XmdocMsgCont .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#c70019; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.XmdocMsgCont > *:first-child, .XmdocMsgCont blockquote > *:first-child, .XmdocMsgCont td > *:first-child { 
	margin-top:0 !important; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.XmdocMsgCont > *:last-child, .XmdocMsgCont blockquote > *:last-child, .XmdocMsgCont td > *:last-child { 
	margin-bottom:0 !important; 
	}
/* 避免爆版 */
.XmdocMsgCont iframe, 
.XmdocMsgCont img, 
.XmdocMsgCont div, 
.XmdocMsgCont p, 
.XmdocMsgCont span, 
.XmdocMsgCont ul,
.XmdocMsgCont ol,
.XmdocMsgCont li,
.XmdocMsgCont figure, 
.XmdocMsgCont figcaption { 
	max-width:100%; 
	}
.XmdocMsgCont * { word-break:break-word; }
/* 取消圖片的高度設定避免RWD時不等比例縮放 */
.XmdocMsgCont img { height:auto; }
/* 以下元素不受文繞圖/影片影響 */
.XmdocMsgCont .related_list, .XmdocMsgCont .tabs_group { clear:both; }

/* html編輯區的表格外框樣式 */
.XmdocMsgCont .table_style1 { width:100%; border-left:1px solid #000; border-top:1px solid #000; }
.XmdocMsgCont .table_style1 > tbody > tr > th, .XmdocMsgCont .table_style1 > tbody > tr > td { 
	padding:5px 8px; border-right:1px solid #000; border-bottom:1px solid #000; line-height:160%; 
	}
.XmdocMsgCont .table_style1 > tbody > tr > th { background-color:#dedede; color:#2a2a2a; white-space:nowrap; }
.XmdocMsgCont .table_style1 > tbody > tr > td { background-color:#fff; color:#2a2a2a; }

/* 緊湊版編輯器樣式 */
.XmdocMsgCont.compact, 
.XmdocMsgCont.compact p, 
.XmdocMsgCont.compact li, 
.XmdocMsgCont.compact dt, 
.XmdocMsgCont.compact dd, 
.XmdocMsgCont.compact div, 
.XmdocMsgCont.compact blockquote { 
	line-height:1.5em;
	}
.XmdocMsgCont.compact div, 
.XmdocMsgCont.compact blockquote, 
.XmdocMsgCont.compact table, 
.XmdocMsgCont.compact iframe,
.XmdocMsgCont.compact p, 
.XmdocMsgCont.compact ul, 
.XmdocMsgCont.compact ol, 
.XmdocMsgCont.compact dl { margin-top:1rem; margin-bottom:1rem; }
.XmdocMsgCont.compact p + p, .XmdocMsgCont.compact p + ul, .XmdocMsgCont.compact p + ol, .XmdocMsgCont.compact p + dl,
.XmdocMsgCont.compact ul + p, .XmdocMsgCont.compact ul + ul, .XmdocMsgCont.compact ul + ol, .XmdocMsgCont.compact ul + dl, 
.XmdocMsgCont.compact ol + p, .XmdocMsgCont.compact ol + ul, .XmdocMsgCont.compact ol + ol, .XmdocMsgCont.compact ol + dl,  
.XmdocMsgCont.compact dl + p, .XmdocMsgCont.compact dl + ul, .XmdocMsgCont.compact dl + ol, .XmdocMsgCont.compact dl + dl { margin-top:-0.4rem; }
.XmdocMsgCont.compact p { padding:0; }

.XmdocMsgCont.compact blockquote { padding:35px 10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }
.XmdocMsgCont.compact blockquote::before, .XmdocMsgCont.compact blockquote::after { 
	left:10px; width:calc(100% - 20px); height:20px; 
	}
	.XmdocMsgCont.compact blockquote::before { top:8px; }
	.XmdocMsgCont.compact blockquote::after { bottom:8px; }

.XmdocMsgCont.compact ol { padding-left:2.2em; }
.XmdocMsgCont.compact ul { padding-left:2.2em; }
.XmdocMsgCont.compact li { margin-bottom:0; }
.XmdocMsgCont.compact dl dt { margin-bottom:0.25em; }
.XmdocMsgCont.compact dl dd { padding-left:2.2em; margin-bottom:0; }
.XmdocMsgCont.compact dl dd::before { top:0.75em; left:1.1em; }

.XmdocMsgCont.compact table caption { line-height:1.375em; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { background-color:#fff; box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); position:relative; overflow:hidden; }
	.XmdocMsgCont + .ListTable { margin-top:15px; }
.ListTable table { width:100%; }

.ListTable td.sn { line-height:1.65em; font-weight:500; font-family:'Josefin Sans', sans-serif; font-size:1.25rem; color:#847266; font-style:italic; }
.ListTable td.sn > div::after { content:'.'; }
.ListTable td.date { font-family:'Josefin Sans', sans-serif; color:#847266; }
.ListTable td.date > div { margin-top:0.25em; }
.ListTable td.cat { color:#c70019; font-weight:600; }
.ListTable td.title .heading, .ListTable td.title .heading a { line-height:1.5em; font-size:1.25rem; font-weight:500; color:#2a2a2a; }
.ListTable td.title .heading a { display:block; color:#2a2a2a; text-decoration:none; position:relative; }
.ListTable td.title .heading a:hover, .ListTable td.title .heading a:focus { color:#c70019; }
.ListTable td.title .desc { 
	margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; color:#666; font-size:0.9375rem; line-height:1.75em; word-break:break-all; 
	}
.ListTable td.thum > div { background-repeat:no-repeat; background-position:center center; background-size:cover; aspect-ratio: 4 / 3; }
.ListTable td.opendate ul { display:flex; margin:-5px; }
.ListTable td.opendate li { margin:5px; }
.ListTable td.opendate li a { display:block; text-decoration:none; padding:0 10px; line-height:2em; color:#000; }
	.ListTable td.opendate li a.txt { background-color:#a9f1b0; }
	.ListTable td.opendate li a.xml { background-color:#fff0c1; }
	.ListTable td.opendate li a.json { background-color:#c8e4fe; }
	.ListTable td.opendate li a.csv { background-color:#ffe3e3; }
	.ListTable td.opendate li a:hover, .ListTable td.opendate li a:focus { transform:translateY(5px); box-shadow:0 -10px 15px rgba(0, 0, 0, 0.1); }
	.ListTable td.opendate li a.txt:hover, .ListTable td.opendate li a.txt:focus { background-color:#53e261; }
	.ListTable td.opendate li a.xml:hover, .ListTable td.opendate li a.xml:focus { background-color:#ffe083; }
	.ListTable td.opendate li a.json:hover, .ListTable td.opendate li a.json:focus { background-color:#8cccf8; }
	.ListTable td.opendate li a.csv:hover, .ListTable td.opendate li a.csv:focus { background-color:#ffc4c4; }
.ListTable td.forum_topic .heading, .ListTable td.forum_topic .heading a { line-height:1.5em; font-size:1.25rem; font-weight:500; color:#2a2a2a; }
.ListTable td.forum_topic .heading a { display:block; color:#2a2a2a; text-decoration:none; position:relative; }
.ListTable td.forum_topic .heading a:hover, .ListTable td.forum_topic .heading a:focus { color:#c70019; }
.ListTable td.forum_topic .desc { 
	margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:4; color:#666; font-size:0.9375rem; line-height:1.75em; word-break:break-all; 
	}
.ListTable td.forum_poster { text-align:center; color:#847266; }

.ListTable mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

.ListTable td.hash_value { word-break:break-all; }

@media screen and (min-width:1024px) { 
.ListTable .BtnCommon { margin:-25px 0 20px; }
}
@media screen and (max-width:1023px) { 
.ListTable .BtnCommon { margin:20px 0 0; padding:0 20px 20px; border-bottom:1px solid #e5e5e5; }
}

@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:1px solid #e5e5e5; }
.ListTable table tr { padding:15px 20px; border-bottom:1px solid #e5e5e5; display:flex; align-items:center; flex-wrap:wrap; }
.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:#f5f5f5; }
.ListTable table td { margin-right:30px; margin-top:5px; margin-bottom:5px; text-align:left; line-height:1.5em; }
.ListTable table td > div { display:inline-block; }
	
.ListTable td.sn { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.sn:before, .ListTable td:first-child.date:before, .ListTable td.title:before, .ListTable td.thum:before { 
	content:""; 
	}
.ListTable td.date { display:inline-block; }
.ListTable td.date br { display:none; }
.ListTable td.date:before { color:#2a2a2a; }
.ListTable td.cat { display:inline-block; border-left:1px solid #c70019; border-right:1px solid #c70019; padding:0 15px; }
.ListTable td.title { width:100%; margin-right:0; }
.ListTable td.title .desc { border-top:1px solid #e5e5e5; padding-top:5px; margin-top:10px; }

.ListTable td.thum { width:100%; }
.ListTable td.thum > div { width:150px; }
.ListTable td.opendate li a { padding:5px 15px; }
.ListTable td.forum_topic { 
	width:100%; margin-right:0;  padding:15px; position:relative; 
	border-top:4px solid #730314; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; 
	background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	}
.ListTable td.forum_topic:before { display:none; }
.ListTable td.forum_topic .desc { border-top:1px solid #e5e5e5; padding-top:5px; margin-top:10px; }
.ListTable td.forum_poster:before { color:#2a2a2a; }
}
	@media screen and (max-width: 479px) {
	.ListTable table tr { padding:15px 10px; }
	.ListTable td.title .heading { font-size:1.125rem; }
	.ListTable td.title .desc { -webkit-line-clamp:4; }
	.ListTable td.opendate ul { display:flex; flex-wrap:wrap; }
	.ListTable td.forum_topic .desc { -webkit-line-clamp:6; }
	}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.ListTable td.title .desc { -webkit-line-clamp:3; }
	.ListTable td.forum_topic .desc { -webkit-line-clamp:5; }
	}
@media screen and (min-width: 1024px) {
.ListTable { margin-top:30px; margin-bottom:30px; padding:3.125vw 3.125vw 1.125vw 3.125vw; }
.ListTable table {  }
.ListTable table th { position:relative; background-color:#e9e9e9; font-weight:500; white-space:nowrap; }
.ListTable table th > div { display:inline-block; padding:0.75em 0; border-bottom:3px solid #c70019; }
.ListTable table td { vertical-align:middle; position:relative; border-bottom:1px solid #e5e5e5; line-height:2.0625em; }
.ListTable table tr:last-child td { border-bottom:0; }
/*.ListTable table tr:nth-child(odd) td { background-color:#fafafa; }*/
.ListTable table tr { position: relative; }

.ListTable th.sn { width:40px; }
.ListTable td.sn { width:40px; white-space:nowrap; text-align:right; }
.ListTable th.date { width:5.5em; box-sizing:content-box; }
.ListTable th.cat { width:5em; box-sizing:content-box; }
.ListTable td.cat { text-align:center; }
.ListTable td.cat > div { display:inline-block; width:5em; box-sizing:content-box; position:relative; }
.ListTable td.cat > div::before, 
.ListTable td.cat > div::after { content:''; display:block; position:absolute; top:50%; margin-top:-10px; width:1px; height:20px; background-color:#c70019; }
	.ListTable td.cat > div::before { left:0; }
	.ListTable td.cat > div::after { right:0; }
.ListTable td.date { text-align:center; }
.ListTable td.date > div { display:inline-block; text-align:left; white-space:nowrap; }
.ListTable th.date.range, .ListTable td.date.range { width:200px; }
.ListTable th.title, .ListTable td.title { text-align:left; }
.ListTable td:last-child.title .heading a { padding-right:1em; }
.ListTable td:last-child.title .heading a::before { 
	content:''; display:block; position:absolute; top:50%; right:0; border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; width:12px; height:12px; margin-top:-6px; transform:rotate(135deg); 
	}
.ListTable td:last-child.title .heading a:hover::before, .ListTable td:last-child.title .heading a:focus::before { border-color:#c70019; }
.ListTable th.thum { width:150px; }
.ListTable td.thum > div { margin:-15px 0; }
.ListTable th.forum_topic, .ListTable td.forum_topic { text-align:left; }
.ListTable td.forum_poster > div { box-sizing:content-box; min-width:8.8em; }

.ListTable table .tc { text-align:center; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListTable table th { padding:0 20px; font-size:1.125rem; }
	.ListTable table td { padding:15px 0; line-height:1.6875em; }
	.ListTable table td > div { padding:0 20px; }
	.ListTable td.sn { line-height:1.35em; }
	.ListTable td.cat, .ListTable td.date { font-size:0.875rem; }
	.ListTable td.title .heading { font-size:1.0625rem; }
	.ListTable td.title .desc { font-size:0.875rem; }
	}
	@media screen and (min-width: 1280px) {
	.ListTable table th { padding:0 2.5vw; font-size:1.375rem; }
	.ListTable table td { padding:25px 0; }
	.ListTable table td > div { padding:0 2.5vw; }
	}


/*----------------------------------------------------------------------*/
/* 文字列表一層展開 */
.ListTextExpand {  }
.ListTextExpand > div { display:flex; flex-wrap:wrap; align-items:flex-start; }
.ListTextExpand .item { margin-bottom:30px; }
.ListTextExpand .ListHeader { background-color:#e9e9e9; font-weight:600; }
.ListTextExpand .ListHeader span { display:block; position:relative; padding:1em 0; }
.ListTextExpand .ListHeader span:before { content:""; display:inline-block; width:40px; height:3px; background-color:#730314; position:absolute; left:0; bottom:0 }

.ListTextExpand .ListContent ul { padding:0.5em 1.875em; }
.ListTextExpand .ListContent li { padding:14px 0px 10px 0px; border-bottom:1px solid #ccc; min-height:60px; }
.ListTextExpand .ListContent .title a { display:block; position:relative; padding-right:20px; color:#2a2a2a; font-weight:500; font-size:1.125rem; text-decoration:none; }
.ListTextExpand .ListContent .title a:hover, .ListTextExpand .ListContent .title a:focus { color:#c70019; }
.ListTextExpand .ListContent .title a::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:8px; height:8px; margin-top:-5px;
	border-left:2px solid #2a2a2a; border-top:2px solid #2a2a2a; transform:rotate(135deg);  
	}
	.ListTextExpand .ListContent .title a:hover::after, .ListTextExpand .ListContent .title a:focus::after { border-color:#c70019; }
.ListTextExpand .ListContent .desc { 
	display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; padding-right:20px; margin-top:8px; 
	line-height:1.8; font-size:0.875rem; color:#666; 
	}

.ListTextExpand mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

/* 1024px以上 */
@media screen and (min-width:1024px) {
.ListTextExpand.single .item { width:100%; }
.ListTextExpand.bisection .item { width:50%; }
.ListTextExpand.trisection .item { width:33.33%; }
.ListTextExpand.quarters .item { width:25%; }
}
	/* 單欄 */
	.ListTextExpand.single .ListHeader { padding:0 1.25em; font-size:1.5rem; letter-spacing:.15rem; }
	.ListTextExpand.single .ListContent ul { padding:1em 1.875em; }
	.ListTextExpand.single .ListContent .title a { font-size:1.125rem; }
	.ListTextExpand.single .ListContent .desc { -webkit-line-clamp:2; }

	/* 兩欄 */
	@media screen and (min-width:1024px) {
	.ListTextExpand.bisection { margin-left:-25px; margin-right:-25px; }
	.ListTextExpand.bisection .item { padding-left:25px; padding-right:25px; }
	.ListTextExpand.bisection .ListHeader { padding:0 1.25em; font-size:1.5rem; letter-spacing:.15rem; }
	.ListTextExpand.bisection .ListContent ul { padding:1em 1.875em; }
	.ListTextExpand.bisection .ListContent .title a { font-size:1.125rem; }
	.ListTextExpand.bisection .ListContent .desc { -webkit-line-clamp:2; }
	}
	/* 三欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListTextExpand.trisection { margin-left:-15px; margin-right:-15px; }
	.ListTextExpand.trisection .item { padding-left:15px; padding-right:15px; }
	.ListTextExpand.trisection .ListHeader { padding:0 1em; font-size:1.25rem; }
	.ListTextExpand.trisection .ListContent ul { padding:0.5em 1.25em; }
	.ListTextExpand.trisection .ListContent .title a { font-size:1rem; }
	.ListTextExpand.trisection .ListContent .desc { -webkit-line-clamp:3; }
	}
	@media screen and (min-width:1280px) {
	.ListTextExpand.trisection { margin-left:-25px; margin-right:-25px; }
	.ListTextExpand.trisection .item { padding-left:25px; padding-right:25px; }
	.ListTextExpand.trisection .ListHeader { padding:0 1.25em; font-size:1.5rem; letter-spacing:.15rem; }
	.ListTextExpand.trisection .ListContent ul { padding:1em 1.875em; }
	.ListTextExpand.trisection .ListContent .title a { font-size:1.125rem; }
	.ListTextExpand.trisection .ListContent .desc { -webkit-line-clamp:2; }
	}
	/* 四欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListTextExpand.quarters { margin-left:-10px; margin-right:-10px; }
	.ListTextExpand.quarters .item { padding-left:10px; padding-right:10px; }
	.ListTextExpand.quarters .ListHeader { padding:0 0.8em; font-size:1.25rem; }
	.ListTextExpand.quarters .ListContent ul { padding:0.5em 1em; }
	.ListTextExpand.quarters .ListContent .title a { font-size:1rem; }
	.ListTextExpand.quarters .ListContent .desc { -webkit-line-clamp:4; }
	}
	@media screen and (min-width:1280px) {
	.ListTextExpand.quarters { margin-left:-20px; margin-right:-20px; }
	.ListTextExpand.quarters .item { padding-left:20px; padding-right:20px; }
	.ListTextExpand.quarters .ListHeader { padding:0 0.8em; font-size:1.25rem; }
	.ListTextExpand.quarters .ListContent ul { padding:0.5em 1em; }
	.ListTextExpand.quarters .ListContent .title a { font-size:1.125rem; }
	.ListTextExpand.quarters .ListContent .desc { -webkit-line-clamp:3; }
	}

/* 768~1024px */
@media screen and (min-width:768px) and (max-width:1023px) {
.ListTextExpand { margin-left:-15px; margin-right:-15px; }
.ListTextExpand .item { padding-left:15px; padding-right:15px; width:33.3333%; }
.ListTextExpand .ListHeader { padding:0 1em; font-size:1.25rem; }
.ListTextExpand .ListContent ul { padding:0.5em 1.25em; }
.ListTextExpand .ListContent .title a { font-size:1rem; }
.ListTextExpand .ListContent .desc { -webkit-line-clamp:3; }
}
	@media screen and (min-width:768px) and (max-width:899px) {
	.ListTextExpand .ListContent .desc { -webkit-line-clamp:4; }
	}

/* 640~767px */
@media screen and (min-width:640px) and (max-width:767px) {
.ListTextExpand { margin-left:-10px; margin-right:-10px; }
.ListTextExpand .item { padding-left:10px; padding-right:10px; width:50%; }
.ListTextExpand .ListHeader { padding:0 1em; font-size:1.25rem; }
.ListTextExpand .ListContent ul { padding:0.5em 1.25em; }
.ListTextExpand .ListContent .title a { font-size:1rem; }
.ListTextExpand .ListContent .desc { -webkit-line-clamp:3; }
}
	@media screen and (min-width:640px) and (max-width:699px) {
	.ListTextExpand .ListContent .desc { -webkit-line-clamp:4; }
	}

/* 639px以下 */
@media screen and (max-width:639px) {
.ListTextExpand .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
.ListTextExpand .ListHeader { padding:0 1em; font-size:1.25rem; }
.ListTextExpand .ListContent ul { padding:0.5em 1.25em; }
.ListTextExpand .ListContent .title a { font-size:1rem; }
.ListTextExpand .ListContent .desc { -webkit-line-clamp:3; }
}
	@media screen and (max-width:399px) {
	.ListTextExpand .ListContent .desc { -webkit-line-clamp:4; }
	}


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:30px; }
	.XmdocMsgCont + .ListPicText { margin-top:0; }
	.ListPicText + .Pagination { margin-top:20px; }
.ListPicText > div { display:flex; flex-wrap:wrap; }
.ListPicText .item { flex:0 1 auto; margin-bottom:50px; }
.ListPicText .item > div { height:100%; background-color:#fff; border-top:4px solid #730314; box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); overflow:hidden; position:relative; }

.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; 
	}
	.ListPicText.ratio_2by1 .img > div { padding-bottom:50%; }
	.ListPicText.ratio_16by9 .img > div { padding-bottom:56.25%; }
	.ListPicText.ratio_3by2 .img > div { padding-bottom:66.6666%; }
	.ListPicText.ratio_4by3 .img > div { padding-bottom:75%; }
	.ListPicText.ratio_1by1 .img > div { padding-bottom:100%; }
	.ListPicText.ratio_3by4 .img > div { padding-bottom:133.3333%; }
	.ListPicText.ratio_2by3 .img > div { padding-bottom:150%; }
	.ListPicText.ratio_9by16 .img > div { padding-bottom:177.7777%; }
	.ListPicText.cover .img > div { background-size:cover; }
	.ListPicText.contain .img > div { background-size:contain; }
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-999px; }

.ListPicText .cont { position:relative; }
.ListPicText .cont > div { display:flex; align-items:center; flex-wrap:wrap; }
.ListPicText .cont > div > div { margin-top:5px; margin-bottom:5px; margin-right:10px; }
.ListPicText .cont .label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; white-space:nowrap; }
.ListPicText .date { 
	display:flex; align-items:center; line-height:2.1333em; color:#666; font-size:0.9375rem; font-family:'Josefin Sans', sans-serif;
	}
.ListPicText .date:before { 
	content:""; display:block; width:14px; height:14px; margin-right:6px; margin-bottom:5px;
	background:url(../images/icon_date.png) no-repeat 0 0; background-size:100%;
	}
.ListPicText .cat { 
	background-color:#c70019; padding:0 12px; line-height:2.1333em; color:#fff; font-size:0.9375rem; font-weight:600;
	}
.ListPicText .cont .title { width:100%; margin-right:0; }
.ListPicText .title a { 
	color:#2a2a2a; font-weight:600; text-decoration:none; 
	line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
	.ListPicText .title a:hover, .ListPicText .title a:focus { color:#c70019; }
.ListPicText .cont .desc { 
	width:100%; margin-right:0; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}

.ListPicText mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

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

/* grid-view */
/* grid-view只在640px以上有作用，639px以下一律以圖上文下顯示 */
@media screen and (min-width: 640px) {
.ListPicText.grid-view .cont { padding:20px; }
}

/* 單欄(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(even) .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; -webkit-line-clamp:2; }
		.ListPicText.single.list-view .desc { font-size:1rem; -webkit-line-clamp:4; }	
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.single.list-view .title a { font-size:1.5rem; -webkit-line-clamp:2; }
		.ListPicText.single.list-view .desc { font-size:1rem; -webkit-line-clamp:3; }	
		}

	/* grid-view */
	@media screen and (min-width: 1024px) {
	.ListPicText.single.grid-view .title a { font-size:1.625rem; -webkit-line-clamp:1; }
	.ListPicText.single.grid-view .desc { font-size:1.125rem; -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.25rem; -webkit-line-clamp:3; }
		.ListPicText.bisection.list-view .desc { font-size:0.9375rem; -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; }
		}
			@media screen and (min-width: 1280px) and (max-width: 1439px) {
			.ListPicText.bisection.list-view .title a { font-size:1.375rem; -webkit-line-clamp:3; }
			.ListPicText.bisection.list-view .desc { font-size:1rem; -webkit-line-clamp:4; }	
			}
			@media screen and (min-width: 1440px) {
			.ListPicText.bisection.list-view .title a { font-size:1.375rem; -webkit-line-clamp:2; }
			.ListPicText.bisection.list-view .desc { font-size:1rem; -webkit-line-clamp:4; }	
			}
	
	/* grid-view */
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.bisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.bisection.grid-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.grid-view .title a { font-size:1.25rem; -webkit-line-clamp:2; }
	.ListPicText.bisection.grid-view .desc { font-size:1rem; -webkit-line-clamp:3; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.bisection.grid-view > div { margin-left:-2.083vw; margin-right:-2.083vw; }
	.ListPicText.bisection.grid-view .item { padding-left:2.083vw; padding-right:2.083vw; }
	.ListPicText.bisection.grid-view .title a { font-size:1.5rem; -webkit-line-clamp:2; }
	.ListPicText.bisection.grid-view .desc { font-size:1.125rem; -webkit-line-clamp:3; }	
	}

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

	/* 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 .item > div { padding:15px 15px 0 15px; }
	.ListPicText.trisection.list-view .img { margin-right:15px; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.ListPicText.trisection.list-view .title a { font-size:1rem; -webkit-line-clamp:3; }
		.ListPicText.trisection.list-view .desc { font-size:0.875rem; -webkit-line-clamp:5; }
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.trisection.list-view .title a { font-size:1.125rem; -webkit-line-clamp:3; }
		.ListPicText.trisection.list-view .desc { font-size:0.9375rem; -webkit-line-clamp:5; }
		}
	
	/* grid-view */
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.trisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.trisection.grid-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.trisection.grid-view .title a { font-size:1.25rem; -webkit-line-clamp:3; }
	.ListPicText.trisection.grid-view .desc { font-size:0.9375rem; -webkit-line-clamp:4; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.trisection.grid-view > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.ListPicText.trisection.grid-view .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.ListPicText.trisection.grid-view .title a { font-size:1.375rem; -webkit-line-clamp:2; }
	.ListPicText.trisection.grid-view .desc { font-size:1rem; -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 .item > div { padding:15px 15px 0 15px; }
	.ListPicText.quarters.list-view .img { margin-right:10px; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		.ListPicText.quarters.list-view .title a { font-size:1rem; -webkit-line-clamp:5; }
		.ListPicText.quarters.list-view .desc { font-size:0.8125rem; -webkit-line-clamp:6; }
		}
		@media screen and (min-width: 1280px) {
		.ListPicText.quarters.list-view .title a { font-size:1.125rem; -webkit-line-clamp:4; }
		.ListPicText.quarters.list-view .desc { font-size:0.9375rem; -webkit-line-clamp:5; }
		}
	
	/* grid-view */
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListPicText.quarters.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.grid-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.quarters.grid-view .cont { padding-left:15px; padding-right:15px; }
	.ListPicText.quarters.grid-view .title a { font-size:1.25rem; -webkit-line-clamp:4; }
	.ListPicText.quarters.grid-view .desc { font-size:0.9375rem; -webkit-line-clamp:4; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.quarters.grid-view > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.ListPicText.quarters.grid-view .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.ListPicText.quarters.grid-view .title a { font-size:1.375rem; -webkit-line-clamp:3; }
	.ListPicText.quarters.grid-view .desc { font-size:1rem; -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(even) .img { margin-right:0; margin-left:15px; }
	.ListPicText.list-view .title a { font-size:1.25rem; -webkit-line-clamp:3; }
	.ListPicText.list-view .desc { font-size:1rem; -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; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:0.9375rem; -webkit-line-clamp:5; }
		}
		@media screen and (min-width: 700px) and (max-width: 767px) {
		.ListPicText.grid-view .title a { font-size:1.25rem; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:1rem; -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(even) .img { margin-right:0; margin-left:20px; }
	.ListPicText.list-view .title a { font-size:1.375rem; -webkit-line-clamp:2; }
	.ListPicText.list-view .desc { font-size:1rem; -webkit-line-clamp:3; }

	/* grid-view 一律以三欄顯示 */
	.ListPicText.grid-view .item { width:33.33%; }
	}
		@media screen and (min-width: 768px) and (max-width: 899px) {
		.ListPicText.grid-view .title a { font-size:1.125rem; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:0.9375rem; -webkit-line-clamp:5; }
		}
		@media screen and (min-width: 900px) and (max-width: 1023px) {
		.ListPicText.grid-view .title a { font-size:1.25rem; -webkit-line-clamp:3; }
		.ListPicText.grid-view .desc { font-size:1rem; -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; }
.ListPicText .cont { padding:20px; }
}
	@media screen and (max-width: 539px) {
	.ListPicText .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
	.ListPicText .title a { font-size:1.125rem; -webkit-line-clamp:3; }
	.ListPicText .desc { font-size:0.9375rem; -webkit-line-clamp:4; }
	}
	@media screen and (min-width: 540px) and (max-width: 639px) {
	.ListPicText .item { width:50%; }
	.ListPicText .title a { font-size:1.25rem; -webkit-line-clamp:3; }
	.ListPicText .desc { font-size:1rem; -webkit-line-clamp:4; }
	}


/*----------------------------------------------------------------------*/
/* 圖文列表一層展開 */
.ListPicTextExpandWrapper { margin-top:30px; }
.ListPicTextExpandTitle { border-bottom:1px solid #a58e80; margin-bottom:2rem; padding-bottom:1rem; }
.ListPicTextExpandTitle h3 { font-weight:600; font-size:1.875rem; }
	@media screen and (max-width:539px) {
	.ListPicTextExpandTitle h3 { font-size:1.5rem; }
	}

.ListPicTextExpand {  }
.ListPicTextExpand > div { display:flex; flex-wrap:wrap; align-items:stretch; }
.ListPicTextExpand .item { margin-bottom:40px; }
.ListPicTextExpand .item > div { height:100%; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15); border-top:4px solid #730314; }
	.ListPicTextExpand .item > div:hover { transform:translate(0, -5px); transition:.25s; box-shadow:0 0 20px rgba(0,0,0,0.2); }

.ListPicTextExpand .img { position:relative; overflow:hidden; }
.ListPicTextExpand .img > div { padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:.25s; }
	.ListPicTextExpand .item > div:hover .img > div { transform:scale(1.05); transform-origin:center; transition:.25s; }
	.ListPicTextExpand.ratio_2by1 .img > div { padding-bottom:50%; }
	.ListPicTextExpand.ratio_16by9 .img > div { padding-bottom:56.25%; }
	.ListPicTextExpand.ratio_3by2 .img > div { padding-bottom:66.6666%; }
	.ListPicTextExpand.ratio_4by3 .img > div { padding-bottom:75%; }
	.ListPicTextExpand.ratio_1by1 .img > div { padding-bottom:100%; }
	.ListPicTextExpand.ratio_3by4 .img > div { padding-bottom:133.3333%; }
	.ListPicTextExpand.ratio_2by3 .img > div { padding-bottom:150%; }
	.ListPicTextExpand.ratio_9by16 .img > div { padding-bottom:177.7777%; }
	.ListPicTextExpand.cover .img > div { background-size:cover; }
	.ListPicTextExpand.contain .img > div { background-size:contain; }

.ListPicTextExpand .title { display:flex; align-items:center; justify-content:flex-start; margin:15px 0 20px; }
	.ListPicTextExpand .img + .cont .title { margin:0; }
.ListPicTextExpand .title:before { 
	flex-shrink:0; content:""; display:inline-block; width:8px; height:8px; background-color:#c70019; margin-right:10px; 
	}
.ListPicTextExpand .title a { 
	display:flex; align-items:center; justify-content:space-between; width:100%; position:relative; 
	line-height:1.5; color:#2a2a2a; font-size:1.5rem; font-weight:600; text-decoration:none;
	}
.ListPicTextExpand .title a:hover, .ListPicTextExpand .title a:focus { color:#c70019; }
.ListPicTextExpand .title a:after { 
	flex-shrink:0; content:""; display:block; width:1.8rem; height:1.8rem; margin-top:0px; 
	background:url("../images/icon_pictextlist_link.svg") no-repeat 0 0; background-size:200% auto; background-position:right 0%;
	}
	.ListPicTextExpand .title a:hover:after, .ListPicTextExpand .title a:focus:after { background-position:left 0%; }
	.ListPicTextExpand .title a.LinkIconExternal:after { background-position:right 50%; }
	.ListPicTextExpand .title a.LinkIconExternal:hover:after, .ListPicTextExpand .title a.LinkIconExternal:focus:after { background-position:left 50%; }
	.ListPicTextExpand .title a.LinkIconDownload:after { background-position:right 100%; }
	.ListPicTextExpand .title a.LinkIconDownload:hover:after, .ListPicTextExpand .title a.LinkIconDownload:focus:after { background-position:left 100%; }
.ListPicTextExpand .desc { 
	display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-align:justify;
	line-height:2em; font-size:1rem; font-weight:400; color:#666; margin-top:0.875rem; 
	}

.ListPicTextExpand mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

/* 1024px以上 */
@media screen and (min-width:1024px) {
.ListPicTextExpand.single .item { width:100%; }
.ListPicTextExpand.bisection .item { width:50%; }
.ListPicTextExpand.trisection .item { width:33.33%; }
.ListPicTextExpand.quarters .item { width:25%; }
.ListPicTextExpand .cont { padding:16px 24px 24px 24px; }
}
	/* 單欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListPicTextExpand.single .desc { -webkit-line-clamp:2; }
	}
	@media screen and (min-width:1280px) {
	.ListPicTextExpand.single { margin-left:-25px; margin-right:-25px; }
	.ListPicTextExpand.single .item { padding-left:25px; padding-right:25px; }
	.ListPicTextExpand.single .desc { -webkit-line-clamp:2; }
	}
	/* 兩欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListPicTextExpand.bisection { margin-left:-25px; margin-right:-25px; }
	.ListPicTextExpand.bisection .item { padding-left:25px; padding-right:25px; }
	.ListPicTextExpand.bisection .desc { -webkit-line-clamp:3; }
	}
	@media screen and (min-width:1280px) {
	.ListPicTextExpand.bisection { margin-left:-25px; margin-right:-25px; }
	.ListPicTextExpand.bisection .item { padding-left:25px; padding-right:25px; }
	.ListPicTextExpand.bisection .desc { -webkit-line-clamp:3; }
	}
	/* 三欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListPicTextExpand.trisection { margin-left:-20px; margin-right:-20px; }
	.ListPicTextExpand.trisection .item { padding-left:20px; padding-right:20px; }
	.ListPicTextExpand.trisection .desc { -webkit-line-clamp:4; }
	}
	@media screen and (min-width:1280px) {
	.ListPicTextExpand.trisection { margin-left:-25px; margin-right:-25px; }
	.ListPicTextExpand.trisection .item { padding-left:25px; padding-right:25px; }
	.ListPicTextExpand.trisection .desc { -webkit-line-clamp:4; }
	}
	/* 四欄 */
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.ListPicTextExpand.quarters { margin-left:-10px; margin-right:-10px; }
	.ListPicTextExpand.quarters .item { padding-left:10px; padding-right:10px; }
	.ListPicTextExpand.quarters .desc { -webkit-line-clamp:5; }
	}
	@media screen and (min-width:1280px) {
	.ListPicTextExpand.quarters { margin-left:-20px; margin-right:-20px; }
	.ListPicTextExpand.quarters .item { padding-left:20px; padding-right:20px; }
	.ListPicTextExpand.quarters .desc { -webkit-line-clamp:4; }
	}

/* 768px~1023px */
@media screen and (min-width:768px) and (max-width:1023px) {
.ListPicTextExpand .item { width:33.3333%; }
.ListPicTextExpand { margin-left:-15px; margin-right:-15px; }
.ListPicTextExpand .item { padding-left:15px; padding-right:15px; }
.ListPicTextExpand .cont { padding:15px 20px 20px 20px; }
.ListPicTextExpand .desc { -webkit-line-clamp:4; }
}
	@media screen and (min-width:768px) and (max-width:899px) {
	.ListPicTextExpand .title a { font-size:1.25rem; }
	.ListPicTextExpand .desc { font-size:0.875rem; }
	}

/* 640px~767px */
@media screen and (min-width:640px) and (max-width:767px) {
.ListPicTextExpand .item { width:50%; }
.ListPicTextExpand { margin-left:-15px; margin-right:-15px; }
.ListPicTextExpand .item { padding-left:15px; padding-right:15px; }
.ListPicTextExpand .cont { padding:15px 20px 20px 20px; }
.ListPicTextExpand .desc { -webkit-line-clamp:4; }
}
	@media screen and (min-width:640px) and (max-width:699px) {
	.ListPicTextExpand .title a { font-size:1.25rem; }
	.ListPicTextExpand .desc { font-size:0.875rem; }
	}

/* 639px以下 */
@media screen and (max-width:639px) {
.ListPicTextExpand .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
.ListPicTextExpand .item { padding:10px 0px; margin-bottom:10px; }
.ListPicTextExpand .cont { padding:15px 20px 20px 20px; }
.ListPicTextExpand .desc { -webkit-line-clamp:4; }
}
	@media screen and (max-width:399px) {
	.ListPicTextExpand .title a { font-size:1.25rem; }
	.ListPicTextExpand .desc { font-size:0.875rem; }
	}


/*----------------------------------------------------------------------*/
/* 出版品/文創商品 */
/* 列表 */
.ProdList { margin-top:30px; }
	.XmdocMsgCont + .ProdList { margin-top:0; }
	.ProdList + .Pagination { margin-top:20px; }
.ProdList > div { display:flex; flex-wrap:wrap; }
.ProdList .item { flex:0 1 auto; margin-bottom:50px; }
.ProdList .item > div { 
	height:100%; background-color:#fff; border-top:4px solid #730314; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; 
	box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); padding:20px; overflow:hidden; position:relative; 
	}

.ProdList .img { position:relative; overflow:hidden; }
.ProdList .img > div {
	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:contain; overflow:hidden; 
	}
	.ProdList.ratio_2by1 .img > div { padding-bottom:50%; }
	.ProdList.ratio_16by9 .img > div { padding-bottom:56.25%; }
	.ProdList.ratio_3by2 .img > div { padding-bottom:66.6666%; }
	.ProdList.ratio_4by3 .img > div { padding-bottom:75%; }
	.ProdList.ratio_1by1 .img > div { padding-bottom:100%; }
	.ProdList.ratio_3by4 .img > div { padding-bottom:133.3333%; }
	.ProdList.ratio_2by3 .img > div { padding-bottom:150%; }
	.ProdList.ratio_9by16 .img > div { padding-bottom:177.7777%; }
	.ProdList.cover .img > div { background-size:cover; }
	.ProdList.contain .img > div { background-size:contain; }
.ProdList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-999px; }

.ProdList .cont { position:relative; margin-top:15px; }
.ProdList .date { 
	display:inline-flex; align-items:center; line-height:2.1333em; color:#666; font-size:0.9375rem; font-family:'Josefin Sans', sans-serif;
	}
.ProdList .date:before { 
	content:""; display:block; width:14px; height:14px; margin-right:6px; margin-bottom:5px;
	background:url(../images/icon_date.png) no-repeat 0 0; background-size:100%;
	}
.ProdList .cat { 
	display:inline-block; background-color:#c70019; padding:0 12px; line-height:2.1333em; color:#fff; font-size:0.9375rem; font-weight:600;
	}
.ProdList .cat .label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; white-space:nowrap; }
.ProdList .cat .label::after, .ProdList .date .label::after { content:'：'; }
.ProdList .title { margin-top:5px; }
.ProdList .title a { 
	color:#2a2a2a; font-weight:600; text-decoration:none; 
	line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
	.ProdList .title a:hover, .ProdList .title a:focus { color:#c70019; }
.ProdList .spec { margin-top:5px; line-height:1.5em; }
.ProdList .title + .spec { margin-top:15px; }
.ProdList .spec .label { font-weight:600; margin-right:1em; }

.ProdList mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

/* 單欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ProdList.single .item { width:100%; }
.ProdList.single .title a { font-size:1.625rem; -webkit-line-clamp:1; }
}

/* 兩欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ProdList.bisection .item { width:50%; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ProdList.bisection > div { margin-left:-20px; margin-right:-20px; }
	.ProdList.bisection .item { padding-left:20px; padding-right:20px; }
	.ProdList.bisection .title a { font-size:1.5rem; -webkit-line-clamp:2; }
	}
	@media screen and (min-width: 1280px) {
	.ProdList.bisection > div { margin-left:-2.083vw; margin-right:-2.083vw; }
	.ProdList.bisection .item { padding-left:2.083vw; padding-right:2.083vw; }
	.ProdList.bisection .title a { font-size:1.5rem; -webkit-line-clamp:1; }
	}

/* 三欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ProdList.trisection .item { width:33.33%; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ProdList.trisection > div { margin-left:-20px; margin-right:-20px; }
	.ProdList.trisection .item { padding-left:20px; padding-right:20px; }
	.ProdList.trisection .title a { font-size:1.375rem; -webkit-line-clamp:3; }
	}
	@media screen and (min-width: 1280px) {
	.ProdList.trisection > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.ProdList.trisection .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.ProdList.trisection .title a { font-size:1.5rem; -webkit-line-clamp:2; }
	}

/* 四欄(1024px以上) */
@media screen and (min-width: 1024px) {
.ProdList.quarters .item { width:25%; }
.ProdList.quarters .spec { font-size:0.875rem; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ProdList.quarters > div { margin-left:-10px; margin-right:-10px; }
	.ProdList.quarters .item { padding-left:10px; padding-right:10px; }
	.ProdList.quarters .title a { font-size:1.25rem; -webkit-line-clamp:3; }
	}
	@media screen and (min-width: 1280px) {
	.ProdList.quarters > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.ProdList.quarters .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.ProdList.quarters .title a { font-size:1.375rem; -webkit-line-clamp:2; }
	}

/* 640~1023px */
@media screen and (min-width: 640px) and (max-width: 1023px) {
.ProdList > div { margin-left:-10px; margin-right:-10px; }
.ProdList .item { padding-left:10px; padding-right:10px; }
.ProdList .spec { font-size:0.9375rem; }
}

	@media screen and (min-width: 640px) and (max-width: 767px) {
	/* 一律以兩欄顯示 */
	.ProdList .item { width:50%; }
	}
		@media screen and (min-width: 640px) and (max-width: 699px) {
		.ProdList .title a { font-size:1.25rem; -webkit-line-clamp:3; }
		}
		@media screen and (min-width: 700px) and (max-width: 767px) {
		.ProdList .title a { font-size:1.25rem; -webkit-line-clamp:3; }
		}

	@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* 一律以三欄顯示 */
	.ProdList .item { width:33.33%; }
	}
		@media screen and (min-width: 768px) and (max-width: 899px) {
		.ProdList .title a { font-size:1.25rem; -webkit-line-clamp:3; }
		}
		@media screen and (min-width: 900px) and (max-width: 1023px) {
		.ProdList .title a { font-size:1.325rem; -webkit-line-clamp:3; }
		}

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

/* 內頁 */
.ProdContWrap { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; max-width:1440px; margin:0 auto; }
.ProdContWrap .prod_title h3 { position:relative; font-weight:600; line-height:1.25em; }
.ProdContWrap .prod_title h3::after { content:''; display:block; position:absolute; left:0; bottom:100%; width:40px; height:4px; margin-bottom:5px; background-color:#730314; }
	.ProdContWrap > .prod_title { margin-bottom:20px; width:100%; }
	.ProdContWrap > .prod_title + .prod_meta { margin-top:-20px; width:100%; }
.ProdContWrap .prod_meta { position:relative; margin-bottom:20px; font-size:0.9375rem; }
.ProdContWrap .prod_meta ul { display:flex; align-items:center; flex-wrap:wrap; }
.ProdContWrap .prod_meta li { display:flex; align-items:center; margin-right:25px; line-height:2.25em; font-weight:500; position:relative; }
	.ProdContWrap .prod_meta li:last-child { margin-right:0; }
.ProdContWrap .prod_meta li span { font-weight:normal; color:#666; }
.ProdContWrap .prod_meta li span::after { content:'：'; }
.ProdContWrap .prod_meta li::before { 
	content:''; display:block; background:url(../images/icon_article_meta.png) no-repeat; background-size:100%; width:16px; height:16px; margin-right:5px; 
	}
	.ProdContWrap .prod_meta li.date::before { background-position:0 0; }
	.ProdContWrap .prod_meta li.cat::before { background-position:0 50%; }
.ProdContWrap .ProdImages { background-color:#a58e80; }
.ProdContWrap .ProdDesc { position:relative; }

@media screen and (max-width: 1023px)  {
.ProdContWrap  {  }
.ProdContWrap .ProdImagesWrap { width:100%; max-width:600px; margin-left:auto; margin-right:auto; }
.ProdContWrap .ProdDesc { width:100%; margin-top:30px; background-color:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.1); }
.ProdContWrap .ProdDesc .prod_title, .ProdContWrap .ProdDesc .prod_meta { display:none; }
}
	@media screen and (max-width:639px) {
	.ProdContWrap .prod_title h3 { font-size:1.75rem; }
	.ProdContWrap .ProdImages { padding:20px 20px 10px 20px; }
	.ProdContWrap .ProdDesc { padding:20px 20px 10px 20px; }
	}
	@media screen and (min-width: 640px) and (max-width:1023px) {
	.ProdContWrap .prod_title h3 { font-size:2.25rem; }
	.ProdContWrap .ProdImages { padding:4vw 4vw 2.4vw 4vw; }
	.ProdContWrap .ProdDesc { padding:4vw 4vw 2.4vw 4vw; }
	}
@media screen and (min-width: 1024px)  {
.ProdContWrap .ProdImagesWrap { width:37.5%; }
.ProdContWrap > .prod_title, .ProdContWrap > .prod_meta { display:none; }
.ProdContWrap .ProdImages { box-shadow:0 10px 25px rgba(0,0,0,0.15); }
.ProdContWrap .ProdDesc { width:62.5%; }
.ProdContWrap .ProdDesc::after { 
	content:''; display:block; position:absolute; top:0; right:0; height:100%; 
	background-color:#fff; box-shadow:0 10px 40px rgba(0,0,0,0.1); z-index:-1; 
	}
}
	@media screen and (min-width: 1024px) and (max-width:1439px) {
	.ProdContWrap .prod_title h3 { font-size:1.75rem; }
	.ProdContWrap .ProdImagesWrap { padding-top:4vw; }
	.ProdContWrap .ProdImages { padding:2vw 2vw 1.5vw 2vw; }
	.ProdContWrap .ProdDesc { padding:4vw 4vw 2.5vw 4vw; }
	.ProdContWrap .ProdDesc::after { width:calc(100% + 4vw); }
	}
	@media screen and (min-width: 1440px) {
	.ProdContWrap .prod_title h3 { font-size:2.25rem; }
	.ProdContWrap .ProdImagesWrap { padding-top:80px; }
	.ProdContWrap .ProdImages { padding:40px 40px 25px 40px; }
	.ProdContWrap .ProdDesc { padding:80px 80px 50px 80px; }
	.ProdContWrap .ProdDesc::after { width:calc(100% + 80px); }
	}

.ProdContWrap .prod_spec { border:1px solid #d7d7d7; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.ProdContWrap .prod_spec dl { display:flex; flex-wrap:wrap; }
.ProdContWrap .prod_spec dt { font-weight:700; line-height:1.5em; }
.ProdContWrap .prod_spec dd { line-height:1.5em; }
.ProdContWrap .prod_spec dd a { word-break:break-all; }
	@media screen and (max-width:479px) {
	.ProdContWrap .prod_spec dt, .ProdContWrap .prod_spec dd { width:100%; }
	.ProdContWrap .prod_spec dt { border-top:1px solid #e5e5e5; padding-top:1em; }
	.ProdContWrap .prod_spec dt:first-of-type { border-top:0; }
	.ProdContWrap .prod_spec dd { padding-bottom:1em; }
	}
	@media screen and (min-width:480px) {
	.ProdContWrap .prod_spec dt { width:7em; padding:1em 0; border-top:1px solid #e5e5e5; }
	.ProdContWrap .prod_spec dt:first-of-type { border-top:0; }
	.ProdContWrap .prod_spec dd { width:calc(100% - 7em); padding:1em 0 1em 1em; border-top:1px solid #e5e5e5; }
	.ProdContWrap .prod_spec dd:first-of-type { border-top:0; }
	}

.ProdContWrap .prod_desc .sec_title { position:relative; }
.ProdContWrap .prod_desc .sec_title::before { 
	content:''; display:block; position:absolute; top:-0.375em; left:-1em; width:36px; height:36px; background-color:#e9e9e9; border-radius:50%; z-index:1; 
	}
.ProdContWrap .prod_desc .sec_title button { 
	display:block; position:relative; width:100%; border-bottom:1px solid #e5e5e5; padding-right:20px; padding-bottom:0.375em; z-index:2; text-align:left; 
	}
.ProdContWrap .prod_desc .sec_title button::after { 
	content:""; display:block; position:absolute; top:0.75em; right:5px; width:8px; height:8px; margin-top:2px; 
	border-right:2px solid #2a2a2a; border-top:2px solid #2a2a2a; transform:rotate(135deg); transition:all 0.3s ease;
	}
	.ProdContWrap .prod_desc .sec_title.slideDown button::after { transform:rotate(-45deg); margin-top:4px; }
.ProdContWrap .prod_desc .sec_title .text { font-size:1.5rem; font-weight:600; line-height:1.5em; }
.ProdContWrap .prod_desc .sec_title .text::after { content:'：'; }
.ProdContWrap .prod_desc .sec_cont { display:none; }
.ProdContWrap .prod_desc .table_of_contents > li { position:relative; border-left:2px solid #847266; padding-left:0.9375em; min-height:60px; margin-top:1.875em; }
.ProdContWrap .prod_desc .table_of_contents > li > .sn { 
	position:absolute; top:0; right:100%; padding-left:0.3125em; background-color:#847266; 
	font-family:'Josefin Sans', sans-serif; font-weight:300; color:rgba(255,255,255,0.7); 
	}
.ProdContWrap .prod_desc .table_of_contents > li > .title { padding:0.25em 0; font-weight:500; line-height:1.5em; }
.ProdContWrap .prod_desc .table_of_contents ul > li { padding-left:1.5em; margin-top:10px; position:relative; }
	.ProdContWrap .prod_desc .table_of_contents ul > li:first-child { margin-top:5px; }
.ProdContWrap .prod_desc .table_of_contents ul > li::before { 
	content:''; display:block; position:absolute; top:1.125em; left:0; width:8px; height:8px; margin-top:-4px; margin-left:3px; border-radius:50%; background-color:#2a2a2a; 
	}
.ProdContWrap .prod_desc .table_of_contents ul > li .title { padding:0.25em 0; }
.ProdContWrap .prod_desc .table_of_contents ul > li .title a { line-height:1.5em; color:#2a2a2a; }
.ProdContWrap .prod_desc .table_of_contents ul > li .title a:hover, .ProdContWrap .prod_desc .table_of_contents ul > li .title a:focus { color:#c70019; }
.ProdContWrap .prod_desc .table_of_contents ul > li .author { padding-left:1.375em; margin-top:3px; font-style:italic; line-height:1.5em; color:#737373; }
.ProdContWrap .prod_desc .table_of_contents ul > li .author::before { content:'-'; margin-right:6px; }
.ProdContWrap .prod_desc .XmdocMsgCont { margin:1.875em 0 0 0; }

	@media screen and (max-width:639px) {
	.ProdContWrap .prod_spec { padding:10px 15px; }
	.ProdContWrap .prod_spec dl { font-size:0.875rem; }
	.ProdContWrap .prod_desc section { margin-top:40px; }
	.ProdContWrap .prod_desc .sec_title .text { font-size:1.375rem; }
	.ProdContWrap .prod_desc .sec_title::before { left:-0.5em; }
	.ProdContWrap .prod_desc .table_of_contents { padding-left:40px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .sn { width:40px; height:40px; font-size:1.25rem; line-height:40px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .title { font-size:1.25rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .author { font-size:0.875rem; }
	}
		@media screen and (max-width:479px) {
		.ProdContWrap .prod_desc .table_of_contents { padding-left:0; }
		.ProdContWrap .prod_desc .table_of_contents > li { margin-top:4.5em; }
		.ProdContWrap .prod_desc .table_of_contents > li > .sn { top:auto; right:auto; bottom:100%; left:-2px; }
		}
	@media screen and (min-width: 640px) and (max-width:1023px) {
	.ProdContWrap .prod_spec { padding:10px 30px; }
	.ProdContWrap .prod_desc section { margin-top:60px; }
	.ProdContWrap .prod_desc .sec_title .text { font-size:1.5rem; }
	.ProdContWrap .prod_desc .table_of_contents { padding-left:60px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .sn { width:60px; height:60px; font-size:2rem; line-height:60px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .title { font-size:1.375rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .title a { font-size:1.125rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .author { font-size:0.9375rem; }
	}
	@media screen and (min-width: 1024px) and (max-width:1439px) {
	.ProdContWrap .prod_spec { margin-top:10px; padding:10px 15px; }
	.ProdContWrap .prod_spec dl { font-size:0.875rem; }
	.ProdContWrap .prod_desc section { margin-top:40px; }
	.ProdContWrap .prod_desc .sec_title .text { font-size:1.375rem; }
	.ProdContWrap .prod_desc .table_of_contents { padding-left:40px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .sn { width:40px; height:40px; font-size:1.25rem; line-height:40px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .title { font-size:1.25rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .author { font-size:0.875rem; }
	}
	@media screen and (min-width: 1440px) {
	.ProdContWrap .prod_spec { margin-top:20px; padding:10px 30px; }
	.ProdContWrap .prod_desc section { margin-top:60px; }
	.ProdContWrap .prod_desc .sec_title .text { font-size:1.5rem; }
	.ProdContWrap .prod_desc .table_of_contents { padding-left:60px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .sn { width:60px; height:60px; font-size:2rem; line-height:60px; }
	.ProdContWrap .prod_desc .table_of_contents > li > .title { font-size:1.375rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .title a { font-size:1.125rem; }
	.ProdContWrap .prod_desc .table_of_contents ul > li .author { font-size:0.9375rem; }
	}

/* 產品輪播圖 */
@media screen and (max-width: 479px) {
.main-img-slider { margin-left:-15px; margin-right:-15px; }
}
.ProdImages li, .ProdImages figure, .ProdImages a, .ProdImages img { display:block; }
.ProdImages .main-img-slider {  }
.ProdImages .main-img-slider figure { margin:0; position:relative; width:400px; height:400px; }
.ProdImages .main-img-slider figure::before { 
	content:'+ Zoom'; display:none; position:absolute; bottom:5px; left:0; width:100%; 
	text-align:center; font-weight:600; font-size:16px; color:#333333; opacity:0;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	transition: all 2s ease;
	}
.ProdImages .main-img-slider figure.slick-current::before { opacity:1; }
.ProdImages .main-img-slider figure a {
	display:flex; align-items:center; justify-content:center; width:inherit; height:inherit; overflow:hidden; position:relative; 
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	}
.ProdImages .main-img-slider figure a img { max-width:100%; max-height:100%; }
.ProdImages .main-img-slider figure a:focus::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:4px dashed #117938; box-sizing:border-box; 
	}
.ProdImages .thumb-nav { max-width:100%; margin:20px auto 0; padding:0 30px; box-sizing:border-box; }

.ProdImages .slick-slider .slick-prev, .ProdImages .slick-slider .slick-next { 
	position:absolute; z-index:9999; cursor:pointer; text-indent:-999px; overflow:hidden; 
	transition: all 0.3s ease;
	}
	.ProdImages .slick-slider .slick-prev {  }
	.ProdImages .slick-slider .slick-next {  }
	.ProdImages .slick-slider .slick-prev.slick-disabled, .ProdImages .slick-slider .slick-next.slick-disabled { 
		display:none !important; opacity:0 !important; cursor:default !important; 
		}
	.ProdImages .main-img-slider .slick-prev, .ProdImages .main-img-slider .slick-next { 
		background-color:rgba(255,255,255,0.6); border:1px solid #ccc; top:50%; margin-top:-20px; width:40px; height:40px; 
		}
	.ProdImages .main-img-slider .slick-prev { left:-10px; }
	.ProdImages .main-img-slider .slick-next { right:-10px; }
	.ProdImages .main-img-slider .slick-prev:hover, .ProdImages .main-img-slider .slick-next:hover { 
		background-color:rgba(255,255,255,0.85); box-shadow:0 0 10px rgba(0,0,0,0.4); 
		}
	.ProdImages .thumb-nav .slick-prev, .ProdImages .thumb-nav .slick-next { 
		top:0; width:25px; height:100%; 
		}
	.ProdImages .thumb-nav .slick-prev { left:0; }
	.ProdImages .thumb-nav .slick-next { right:0; }
	.ProdImages .thumb-nav .slick-prev:hover, .ProdImages .thumb-nav .slick-next:hover {  }
.ProdImages .slick-slider .slick-prev:before, .ProdImages .slick-slider .slick-next:before { 
	content:''; display:block; position:absolute; top:50%; width:9px; height:9px; margin-top:-6px;
	border-width:3px 0 0 3px; border-style:solid;
	}
	.ProdImages .main-img-slider .slick-prev:before, .ProdImages .main-img-slider .slick-next:before { border-color:#2a2a2a; }
	.ProdImages .thumb-nav .slick-prev:before, .ProdImages .thumb-nav .slick-next:before { border-color:#2a2a2a; transition:all 0.3s ease;}
	.ProdImages .thumb-nav .slick-prev:hover:before { margin-left:-8px; }
	.ProdImages .thumb-nav .slick-next:hover:before { margin-right:-8px; }
.ProdImages .slick-slider .slick-prev:before { 
	left:50%; margin-left:-4px;
	transform:rotate(-45deg);
	}
.ProdImages .slick-slider .slick-next:before { 
	right:50%; margin-right:-4px;
	transform:rotate(135deg);
	}

.ProdImages .thumb-nav .slick-track { margin-left:0; margin-right:0; }
.ProdImages .thumb-nav li { display:block; margin:0; width:80px; cursor:pointer; }
	@media screen and (max-width: 479px) {
	.ProdImages .thumb-nav li { padding:0 2px; }
	}
	@media screen and (min-width:480px) {
	.ProdImages .thumb-nav li { padding:0 8px; }
	}
.ProdImages .thumb-nav li:focus { outline:0; }

.ProdImages .thumb-nav li span {
	display:block; width:100%; padding-bottom:100%; overflow:hidden; position:relative; 
	background-position:center center; background-repeat:no-repeat; background-size:cover; 
	-webkit-transition:0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.ProdImages .thumb-nav li:hover span { border-color:#eb252c; }
	.ProdImages .thumb-nav li.slick-current span::after { 
		content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #c70019; box-sizing:border-box;
		}


/*----------------------------------------------------------------------*/
/* 活動報名 */
/* 分類按鈕 */
.EventLOCBtn {  }
.EventLOCBtn .list dl { display:flex; align-items:center; flex-wrap:wrap; margin-left:-12px; }
.EventLOCBtn .list dl dd { margin:0 0 18px 12px; }
.EventLOCBtn .list dl a { 
	display:block; padding:0.54em 0.75em; border:1px solid #dadada; line-height:1.5em; color:#2a2a2a; font-size:1.125rem; font-weight:500; text-decoration:none; 
	}
.EventLOCBtn .list dl a:hover, .EventLOCBtn .list dl a:focus { border-color:#c70019; color:#c70019; }
.EventLOCBtn .list dl .selected a { padding-left:1em; padding-right:1em; border-color:#730314; background-color:#730314; color:#fff; font-weight:600; }
@media screen and (max-width: 639px) {
.EventLOCBtn { margin-bottom:40px; }
.EventLOCBtn .list dl a { font-size:1rem; }
}

/* list */
.XmdocMsgCont + .EventList { margin-top:0; }
.EventList + .Pagination { margin-top:20px; }
.EventList > div { display:flex; flex-wrap:wrap; }
.EventList .item { margin-bottom:40px; }
.EventList .item > div { height:100%; margin:0 auto; background-color:#fff; border-top:4px solid #730314; box-shadow:0 0 25px rgba(0,0,0,0.25); }
.EventList .img > div { padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; }
	.EventList.ratio_2by1 .img > div { padding-bottom:50%; }
	.EventList.ratio_16by9 .img > div { padding-bottom:56.25%; }
	.EventList.ratio_3by2 .img > div { padding-bottom:66.6666%; }
	.EventList.ratio_4by3 .img > div { padding-bottom:75%; }
	.EventList.ratio_1by1 .img > div { padding-bottom:100%; }
	.EventList.ratio_3by4 .img > div { padding-bottom:133.3333%; }
	.EventList.ratio_2by3 .img > div { padding-bottom:150%; }
	.EventList.ratio_9by16 .img > div { padding-bottom:177.7777%; }
	.EventList.cover .img > div { background-size:cover; }
	.EventList.contain .img > div { background-size:contain; }
.EventList .cont > div { min-height:280px; display:flex; flex-direction:column; padding:15px 20px 10px; position:relative; }

.EventList .tag_box { flex-wrap:wrap; font-size:0.875rem; display:flex; align-items:center; justify-content:flex-start;}
.EventList .tag_box .cat { padding:0 8px; margin:3px; background-color:#c70019; line-height:2em; color:#fff; font-size:0.875rem; font-weight:600; }
.EventList .tag_box .tag dl { display:inline-flex; flex-wrap:wrap; }
.EventList .tag_box .tag dl { display:inline-flex; flex-wrap:wrap; }
.EventList .tag_box .tag dd { padding:0 8px; margin:3px; line-height:2em; color:#fff; font-weight:600; }
	.EventList .tag_box .tag dd.main { background-color:#730314; }
	.EventList .tag_box .tag dd.open { background-color:#ffdb4d; color:#000; }
	.EventList .tag_box .tag dd.southern { background-color:#47693c; }
	.EventList .tag_box .tag dd.repository { background-color:#4a5a69; }
	.EventList .tag_box .tag dd.other { background-color:#000; }
.EventList .date { margin-top:12px; display:flex; align-items:flex-start; }
.EventList .date .label { display:flex; align-items:center; flex-shrink:0; font-size:0.9375rem; margin-right:8px; font-weight:700; }
.EventList .date .label:before { 
	content:""; display:block; width:14px; height:14px; margin-right:6px;
	background:url(../images/icon_date.png) no-repeat 0 0; background-size:100%;
	}
.EventList .date .value { display:flex; flex-wrap:wrap; align-items:center; font-size:0.875rem; color:#545454; }
.EventList .date .value .start:after { content:"~"; }
.EventList .title { margin-top:10px; margin-bottom:10px; }
.EventList .title a {
	font-weight:600; color:#2a2a2a; text-decoration:none; 
	}
.EventList .title a:hover, .EventList .title a:focus { color:#c70019; }    
.EventList .foot_box { margin:auto -10px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #ccc; }
.EventList .foot_box > div { margin:5px; }
.EventList .foot_box .eventTag { height:40px; display:flex; align-items:center; }
.EventList .foot_box .eventTag span { display:block; }
.EventList .foot_box .eventTag.hide { visibility:hidden; }
.EventList .foot_box .eventTag .label { padding:0 10px; background-color:#f7dddd; border-radius:0.9375em; line-height:1.875em; }
.EventList .foot_box .eventTag.deactive .label { background-color:#efefef; color:#666; }
.EventList .foot_box .eventTag .value { margin:0 5px; padding-top:0.15em; line-height:1em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; font-weight:500; }

.EventList mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

/* 單欄(1024px以上) */
@media screen and (min-width: 1024px) {
.EventList.single .item { width:100%; }
.EventList.single .title a { font-size:1.625rem; }
}

/* 兩欄(1024px以上) */
@media screen and (min-width: 1024px) {
.EventList.bisection .item { width:50%; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.EventList.bisection > div { margin-left:-20px; margin-right:-20px; }
	.EventList.bisection .item { padding-left:20px; padding-right:20px; }
	.EventList.bisection .title a { font-size:1.5rem; }
	}
	@media screen and (min-width: 1280px) {
	.EventList.bisection > div { margin-left:-2.083vw; margin-right:-2.083vw; }
	.EventList.bisection .item { padding-left:2.083vw; padding-right:2.083vw; }
	.EventList.bisection .title a { font-size:1.5rem; }
	}

/* 三欄(1024px以上) */
@media screen and (min-width: 1024px) {
.EventList.trisection .item { width:33.33%; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.EventList.trisection > div { margin-left:-20px; margin-right:-20px; }
	.EventList.trisection .item { padding-left:20px; padding-right:20px; }
	.EventList.trisection .title a { font-size:1.375rem; }
	}
	@media screen and (min-width: 1280px) {
	.EventList.trisection > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.EventList.trisection .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.EventList.trisection .title a { font-size:1.5rem; }
	}

/* 四欄(1024px以上) */
@media screen and (min-width: 1024px) {
.EventList.quarters .item { width:25%; }
.EventList.quarters .spec { font-size:0.875rem; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.EventList.quarters > div { margin-left:-10px; margin-right:-10px; }
	.EventList.quarters .item { padding-left:10px; padding-right:10px; }
	.EventList.quarters .date .label, .EventList.quarters .date .value { font-size:0.8125rem; }
	.EventList.quarters .title a { font-size:1.1875rem; }
	.EventList.quarters .foot_box { font-size:0.875rem; }
	.EventList.quarters .foot_box .eventTag .value { font-size:1.625rem; }
	}
	@media screen and (min-width: 1280px) {
	.EventList.quarters > div { margin-left:-1.5625vw; margin-right:-1.5625vw; }
	.EventList.quarters .item { padding-left:1.5625vw; padding-right:1.5625vw; }
	.EventList.quarters .title a { font-size:1.375rem; }
	}

	@media screen and (max-width: 1439px) {
	.EventList.quarters .date { flex-wrap:wrap; }
	}

/* 640~1023px */
@media screen and (min-width: 640px) and (max-width: 1023px) {
.EventList > div { margin-left:-10px; margin-right:-10px; }
.EventList .item { padding-left:10px; padding-right:10px; }
.EventList .date { flex-wrap:wrap; }
}

	@media screen and (min-width: 640px) and (max-width: 767px) {
	/* 一律以兩欄顯示 */
	.EventList .item { width:50%; }
	}
		@media screen and (min-width: 640px) and (max-width: 699px) {
		.EventList .date .label, .EventList .date .value { font-size:0.8125rem; }
		.EventList .title a { font-size:1.125rem; }
		.EventList .foot_box { font-size:0.875rem; }
		.EventList .foot_box .eventTag .value { font-size:1.625rem; }
		}
		@media screen and (min-width: 700px) and (max-width: 767px) {
		.EventList .title a { font-size:1.25rem; }
		}

	@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* 一律以三欄顯示 */
	.EventList .item { width:33.33%; }
	}
		@media screen and (min-width: 768px) and (max-width: 899px) {
		.EventList .date .label, .EventList .date .value { font-size:0.8125rem; }
		.EventList .title a { font-size:1.125rem; }
		.EventList .foot_box { font-size:0.875rem; }
		.EventList .foot_box .eventTag .value { font-size:1.625rem; }
		}
		@media screen and (min-width: 900px) and (max-width: 1023px) {
		.EventList .title a { font-size:1.375rem; }
		}

/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
@media screen and (max-width: 639px) {
.EventList > div { margin-left:-10px; margin-right:-10px; }
.EventList .item { padding-left:10px; padding-right:10px; }
.EventList .date { flex-wrap:wrap; }
}
	@media screen and (max-width: 539px) {
	.EventList .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
	.EventList .title a { font-size:1.25rem; }
	}
	@media screen and (min-width: 540px) and (max-width: 639px) {
	.EventList .item { width:50%; }
	.EventList .title a { font-size:1.25rem; }
	}

/* 內頁 */
/* 活動描述及資訊 */
.EventContWrap { display:flex;justify-content:space-between; flex-wrap:wrap; }
.EventContWrap .EventTitle { width:100%; border-bottom:1px solid #a58e80; padding-bottom:1em; }
.EventContWrap .EventTitle h3 { font-weight:500; line-height:1.5em; }
.EventContWrap .EventDesc .XmdocMsgCont { margin:45px 0 0 0; }
.EventContWrap .EventSpec { padding-top:45px; }
.EventContWrap .EventSpec dl { border:1px solid #847266; box-shadow:0 0 25px rgba(0, 0, 0, 0.1); padding-bottom:10px; overflow:hidden; }
.EventContWrap .EventSpec dt { position:relative; background-color:#847266; }
.EventContWrap .EventSpec dt::before { 
	content:''; display:block; position:absolute; top:0; right:0; width:120px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.EventContWrap .EventSpec dt::after { 
	content:''; display:block; position:absolute; top:0; right:0; width:100px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.EventContWrap .EventSpec dt span { display:inline-block; position:relative; color:#fff; line-height:1.5em; font-weight:500; letter-spacing:0.2em; }
.EventContWrap .EventSpec dt span::before, .EventContWrap .EventSpec dt span::after { 
	content:''; display:block; position:absolute; top:0.75em; background-color:#fff;
	}
	.EventContWrap .EventSpec dt span::before { left:0; width:12px; height:12px; margin-top:-6px; border-radius:50%; }
	.EventContWrap .EventSpec dt span::after { right:0; height:4px; margin-top:-2px; border-radius:2px; }
.EventContWrap .EventSpec dd { display:flex; align-items:flex-start; flex-wrap:wrap; padding:0.75em 0; border-bottom:1px solid #dedede; line-height:2em; }
.EventContWrap .EventSpec dd .label { display:flex; align-items:center; position:relative; font-weight:700; }
.EventContWrap .EventSpec dd .label::before { 
	content:''; display:block; width:16px; height:16px; margin-right:5px;
	background:url(../images/icon_event_cont.png) no-repeat; background-size:200%; 
	}
	.EventContWrap .EventSpec dd:last-child { border-bottom:0; }
	.EventContWrap .EventSpec dd.event_cat .label::before { background-position:0 0; }
	.EventContWrap .EventSpec dd.event_time .label::before { background-position:0 10%; }
	.EventContWrap .EventSpec dd.sign_period .label::before { background-position:0 20%; }
	.EventContWrap .EventSpec dd.sign_type .label::before { background-position:0 30%; }
	.EventContWrap .EventSpec dd.eligible .label::before { background-position:0 40%; }
	.EventContWrap .EventSpec dd.organizer .label::before { background-position:0 50%; }
	.EventContWrap .EventSpec dd.co_organizer .label::before { background-position:0 60%; }
	.EventContWrap .EventSpec dd.contact .label::before { background-position:0 70%; }
	.EventContWrap .EventSpec dd.icon1 .label::before { background-position:0 80%; }
	.EventContWrap .EventSpec dd.icon2 .label::before { background-position:0 90%; }
.EventContWrap .EventSpec .event_time, .EventContWrap .EventSpec .sign_period { 
	letter-spacing:0; font-family:'Josefin Sans', 'Noto Sans TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	}
.EventContWrap .EventSpec .event_cat .tag { display:inline-block; padding:0 8px; background-color:#c70019; line-height:2em; color:#fff; font-weight:600; }
.EventContWrap .EventSpec .sign_type .tag_box { display:flex; align-items:center; }
.EventContWrap .EventSpec .sign_type .tag_box span { display:block; }
.EventContWrap .EventSpec .sign_type .tag_box .tag { padding:0 10px; background-color:#f7dddd; line-height:2em; }
.EventContWrap .EventSpec .sign_type .tag_box.deactive .tag { background-color:#efefef; color:#666; }
.EventContWrap .EventSpec .sign_type .tag_box .value { 
	margin:0 5px; padding-top:0.15em; line-height:1em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; font-weight:500; 
	}

.EventContWrap .EventSpec .XmdocMsgCont { margin:0; }

	/* RWD */
	@media screen and (max-width: 639px) {
	.EventContWrap .EventTitle h3 { font-size:1.75rem; }
	}
	@media screen and (min-width: 640px) {
	.EventContWrap .EventTitle h3 { font-size:2.25rem; }
	}

	@media screen and (max-width: 767px) {
	.EventContWrap .EventDesc { width:100%; }
	.EventContWrap .EventSpec { width:100%; }
	}
	@media screen and (min-width: 768px) {
	.EventContWrap .EventDesc { width:62.5%; }
	.EventContWrap .EventSpec { width:33.75%; }
	}

	@media screen and (max-width: 959px) {
	.EventContWrap .EventSpec dd .cont { padding-left:22px; }
	}
	@media screen and (min-width: 960px) {
	.EventContWrap .EventSpec dd .label { width:7em; }
	.EventContWrap .EventSpec dd .cont { width:calc(100% - 7em); padding-left:10px; }
	}

	@media screen and (max-width: 479px) {
	.EventContWrap .EventSpec dl { font-size:0.875rem; }
	.EventContWrap .EventSpec dt { padding:1rem 0.75rem; }
	.EventContWrap .EventSpec dt span { padding:0 2.25em 0 1em; font-size:1.375rem; }
	.EventContWrap .EventSpec dt span::after { width:2em; }
	.EventContWrap .EventSpec dd { margin-left:10px; margin-right:10px; }
	}
	@media screen and (min-width: 480px) and (max-width: 767px) {
	.EventContWrap .EventSpec dt { padding:1.375rem 2.25rem; }
	.EventContWrap .EventSpec dt span { padding:0 3.25em 0 1.25em; font-size:1.5rem; }
	.EventContWrap .EventSpec dt span::after { width:2.5em; }
	.EventContWrap .EventSpec dd { margin-left:24px; margin-right:24px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1279px) {
	.EventContWrap .EventSpec dl { font-size:0.875rem; }
	.EventContWrap .EventSpec dt { padding:1rem 0.75rem; }
	.EventContWrap .EventSpec dt span { padding:0 2.25em 0 1em; font-size:1.375rem; }
	.EventContWrap .EventSpec dt span::after { width:2em; }
	.EventContWrap .EventSpec dd { margin-left:10px; margin-right:10px; }
	}
	@media screen and (min-width: 1280px) {
	.EventContWrap .EventSpec dt { padding:1.375rem 2.25rem; }
	.EventContWrap .EventSpec dt span { padding:0 3.25em 0 1.25em; font-size:1.5rem; }
	.EventContWrap .EventSpec dt span::after { width:2.5em; }
	.EventContWrap .EventSpec dd { margin-left:24px; margin-right:24px; }
	}

/* 活動報名 */
.EventContWrap + .EventSignWrap { margin-top:50px; }
.EventSignWrap .WrapTitle { width:100%; border-bottom:1px solid #a58e80; padding-bottom:1em; }
.EventSignWrap .WrapTitle h3 { font-weight:500; line-height:1.5em; }
.EventSignProBar { margin-top:40px; }
.EventSignProBar dl { display:flex; justify-content:space-between; }
.EventSignProBar dd { 
	display:flex; align-items:center; justify-content:center; position:relative; 
	background-color:#ede8e6; color:#63554d; 
	}
	.EventSignProBar dd.current { background-color:#730314; color:#fff; }
.EventSignProBar dd::after { display:block; content:''; position:absolute; top:50%; left:100%; }
	.EventSignProBar dd.current::after { border-left-color:#730314; }
	.EventSignProBar dd:last-child::after { display:none; }
.EventSignProBar dd span { display:block; }
.EventSignProBar dd .no { margin-top:0.2em; line-height:1em; font-family:'Josefin Sans', sans-serif; font-style:italic; }
.EventSignProBar dd .text { line-height:1.5em; font-weight:600; }

	/* RWD */
	@media screen and (max-width: 639px) {
	.EventSignWrap .WrapTitle h3 { font-size:1.75rem; }
	}
	@media screen and (min-width: 640px) {
	.EventSignWrap .WrapTitle h3 { font-size:2.25rem; }
	}

	@media screen and (max-width: 639px) {
	.EventSignProBar dd { width:calc((100% - 60px) / 3); flex-direction:column; align-items:center; padding:1em 10px 1.2em; }
	.EventSignProBar dd::after { margin-top:-7px; margin-left:9px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:14px solid #ede8e6; }
	.EventSignProBar dd .no { width:1.5em; height:1.5em; line-height:1.5em; border:2px solid #63554d; border-radius:50%; text-align:center; }
	.EventSignProBar dd.current .no { border-color:#fff; }
	.EventSignProBar dd .text { margin-top:10px; text-align:center; }
	}
		@media screen and (max-width:479px) {
		.EventSignProBar dd .no { font-size:1.5em; }
		.EventSignProBar dd .text { font-size:1.25rem; }
		}
		@media screen and (min-width: 480px) and (max-width: 639px) {
		.EventSignProBar dd .no { font-size:2em; }
		.EventSignProBar dd .text { font-size:1.375rem; }
		}
	@media screen and (min-width: 640px) {
	.EventSignProBar dd { width:calc((100% - 80px) / 3); }
	.EventSignProBar dd::after { margin-top:-9px; margin-left:11px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:18px solid #ede8e6; }
	.EventSignProBar dd .no { margin-right:0.4em; }
	}
		@media screen and (min-width: 640px) and (max-width: 767px) {
		.EventSignProBar dd { padding:1.5em 10px 1.3em; }
		.EventSignProBar dd .no { font-size:2.75em; }
		.EventSignProBar dd .text { font-size:1.375rem; }
		}
		@media screen and (min-width: 768px) {
		.EventSignProBar dd { padding:0.65em 10px 0.45em; }
		.EventSignProBar dd .no { font-size:4em; }
		.EventSignProBar dd .text { font-size:1.75rem; }
		}

/* 場次介紹 */
.EventSessionList { margin-top:50px; }
.EventSessionList .session_brief { background-color:#e9e9e9; display:flex; align-items:center; }
	.EventSessionList .session_item:nth-child(even) .session_brief { background-color:#ede8e6; }
.EventSessionList .session_brief > div { flex:0 0 auto; box-sizing:content-box; }

.EventSessionList .session_brief .status { position:relative; }
.EventSessionList .session_brief .status .select { display:flex; align-items:center; background-color:#fff; padding:0.75rem 0.75rem; cursor:pointer; }
.EventSessionList .session_brief .status .select .origin { position:absolute; z-index:-1; opacity:0; width:0; height:0; }
.EventSessionList .session_brief .status .select .indicator { 
	display:block; position:relative; width:34px; height:34px; border:4px solid #2a2a2a; margin-right:12px;
	}
	.EventSessionList .session_brief .status .select .origin[type="radio"] + .indicator { border-radius:50%; }
.EventSessionList .session_brief .status .select .indicator::before { 
	display:none; content:''; position:absolute; left:0; bottom:0; width:36px; height:36px; 
	background:url(../images/icon_event_session_select.png) no-repeat; background-size:contain; 
	}
	.EventSessionList .session_brief .status .select .origin:checked + .indicator::before { display:block; }
.EventSessionList .session_brief .status .select .text { display:block; line-height:1.5em; font-size:1.125rem; font-weight:500; }
	.EventSessionList .session_brief .status .select .origin:focus ~ .text, 
	.EventSessionList .session_brief .status .select .origin:checked ~ .text { color:#c70019; }
.EventSessionList .session_brief .status .deactive span { 
	display:block; padding-left:25px; position:relative; text-align:right; line-height:1.5em; color:#666; font-size:1.125rem; font-weight:500; 
	}
.EventSessionList .session_brief .status .deactive span::after { 
	content:''; display:block; position:absolute; top:0.75em; left:0; width:20px; height:20px; margin-top:-10px;
	background:url(../images/icon_event_cont.png) no-repeat right 10%; background-size:200%; 
	}
.EventSessionList .session_brief .sn { display:flex; align-items:center; justify-content:center; position:relative; font-weight:500; }
.EventSessionList .session_brief .sn .no { margin-left:0.4em; margin-top:0.2em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; }
.EventSessionList .session_brief .title { flex:1 1 auto; position:relative; font-size:1.5rem; font-weight:600; }
.EventSessionList .session_brief .info { position:relative; }
.EventSessionList .session_brief .info li { display:flex; align-items:flex-start; padding:5px 0; line-height:1.5em; }
.EventSessionList .session_brief .info .label { display:flex; align-items:center; width:6em; position:relative; font-weight:700; }
.EventSessionList .session_brief .info .label::before { 
	content:''; display:block; width:16px; height:16px; margin-right:5px;
	background:url(../images/icon_event_cont.png) no-repeat; background-size:200%; 
	}
	.EventSessionList .session_brief .info .date .label::before { background-position:0 10%; }
	.EventSessionList .session_brief .info .location .label::before { background-position:0 100%; }
.EventSessionList .session_brief .info .date .cont { 
	margin-top:0.2em; letter-spacing:0; font-family:'Josefin Sans', 'Noto Sans TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	}
.EventSessionList .session_brief .info .cont { width:calc(100% - 6em); padding-left:10px; }
.EventSessionList .session_brief .btn button { background-color:#8f3543; color:#fff; font-size:1.125rem; font-weight:500; overflow:hidden; position:relative; }
.EventSessionList .session_brief .btn button:hover, .EventSessionList .session_brief .btn button:focus { background-color:#c70019; }
.EventSessionList .session_brief .btn button::after {
	content:''; display:block; width:11px; height:11px; border-top:3px solid #fff; border-right:3px solid #fff;
	transition:all 0.3s ease; transform-origin:center center; transform:rotate(45deg);
	}
	.EventSessionList .session_brief.slideDown .btn button::after { transform:rotate(135deg); }

	/* RWD */
	@media screen and (max-width: 959px) {
	.EventSessionList .session_item { margin-top:40px; }
	.EventSessionList .session_brief { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:20px 20px; }
	.EventSessionList .session_brief .status {  }
	.EventSessionList .session_brief .sn {  }
	.EventSessionList .session_brief .title { width:100%; margin-top:15px; padding:0.5em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	.EventSessionList .session_brief .info { width:100%; margin-top:10px; }
	.EventSessionList .session_brief .btn { width:100%; margin-top:10px; }
	.EventSessionList .session_brief .btn button { display:flex; align-items:center; justify-content:center; width:100%; line-height:40px; }
	.EventSessionList .session_brief .btn button::after { margin-left:10px; }
	.EventSessionList .session_brief.slideDown .btn button::after { margin-bottom:4px; }
	}
		@media screen and (max-width: 639px) {
		.EventSessionList .session_brief .title { font-size:1.25rem; }
		.EventSessionList .session_brief .info { font-size:0.875rem; }
		}
	@media screen and (min-width: 960px) {
	.EventSessionList .session_item { margin-top:15px; }
	.EventSessionList .session_brief .status { width:9.375rem; }
	.EventSessionList .session_brief .status .deactive { padding:0 0.75rem; }
	.EventSessionList .session_brief .sn::before, .EventSessionList .session_brief .sn::after { 
		content:''; display:block; position:absolute; top:50%; height:28px; margin-top:-14px; border-left:1px solid #2a2a2a; opacity:0.5; 
		}
		.EventSessionList .session_brief .sn::before { left:0; display:none; }
		.EventSessionList .session_brief .status + .sn::before { display:block; }
		.EventSessionList .session_brief .sn::after { right:0; }
	.EventSessionList .session_brief .info { width:25em; }
	.EventSessionList .session_brief .btn button { width:48px; height:48px; text-indent:-999px; }
	.EventSessionList .session_brief .btn button::after { position:absolute; top:50%; left:50%; margin:-6px 0 0 -10px; }
	.EventSessionList .session_brief.slideDown .btn button::after { margin:-8px 0 0 -7px; }
	}
		@media screen and (min-width: 960px) and (max-width: 1439px) {
		.EventSessionList .session_brief { padding:15px 20px; }
		.EventSessionList .session_brief .status { padding-right:15px; }
		.EventSessionList .session_brief .sn {  width:6em; }
		.EventSessionList .session_brief .title { padding-left:15px; padding-right:10px; }
		.EventSessionList .session_brief .info { padding-left:10px; padding-right:15px; }
		}
			@media screen and (min-width: 960px) and (max-width: 1279px) {
			.EventSessionList .session_brief .sn { font-size:0.875rem; }
			.EventSessionList .session_brief .sn .no { font-size:1.5rem; }
			.EventSessionList .session_brief .title { font-size:1.25rem; }
			.EventSessionList .session_brief .info { width:22em; font-size:0.875rem; }
			}
		@media screen and (min-width: 1440px) {
		.EventSessionList .session_brief { padding:28px 50px; }
		.EventSessionList .session_brief .status { padding-right:30px; }
		.EventSessionList .session_brief .sn {  width:7.5em; }
		.EventSessionList .session_brief .title { padding-left:30px; padding-right:10px; }
		.EventSessionList .session_brief .info { padding-left:10px; padding-right:30px; }
		}

.EventSessionList .session_detail { background-color:#e9e9e9; margin-top:5px; display:none; }
	.EventSessionList .session_item:nth-child(even) .session_detail { background-color:#ede8e6; }
.EventSessionList .session_detail .add_to_calendar { display:flex; justify-content:flex-end; }
.EventSessionList .session_detail .add_to_calendar dl { display:flex; background-color:#fff; border:1px solid #e0e0e0; border-radius:1.5rem; overflow:hidden; }
.EventSessionList .session_detail .add_to_calendar dt { 
	display:flex; align-items:center; position:relative; background-color:#736359; padding:0.75em 1.25em; color:#fff; line-height:1.5em; 
	}
.EventSessionList .session_detail .add_to_calendar dt::before {
	content:''; display:block; width:18px; height:18px; margin-right:0.75em; background:url(../images/icon_event_cont.png) no-repeat right 0; background-size:200%; 
	}
.EventSessionList .session_detail .add_to_calendar dd { position:relative; }
.EventSessionList .session_detail .add_to_calendar dd::after { 
	content:''; display:block; position:absolute; top:50%; right:0; height:16px; margin-top:-8px; border-left:1px solid #736359; opacity:0.5; 
	}
	.EventSessionList .session_detail .add_to_calendar dd:last-child::after { display:none; }
.EventSessionList .session_detail .add_to_calendar dd a { display:block; padding:0.75em 1.25em; line-height:1.5em; color:#736359; font-weight:600; text-decoration:none; }
	.EventSessionList .session_detail .add_to_calendar dd a:hover, .EventSessionList .session_detail .add_to_calendar dd a:focus { color:#c70019; }
.EventSessionList .session_spec { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px; }
.EventSessionList .session_spec > div { 
	background-color:#fff; border:1px solid #e0e0e0; padding:10px 20px; display:flex; align-items:center; justify-content:center; 
	}
.EventSessionList .session_spec ul { width:100%; max-width:540px; }
.EventSessionList .session_spec li { display:flex; align-items:flex-start; flex-wrap:wrap; border-top:1px solid #dedede; line-height:2em; }
	.EventSessionList .session_spec li:first-child { border-top:0; }
.EventSessionList .session_spec .label { display:flex; align-items:center; position:relative; font-weight:700; }
.EventSessionList .session_spec .cont { padding-left:10px; }
.EventSessionList .session_spec .sign_period .cont { 
	margin-top:0.2em; letter-spacing:0; font-family:'Josefin Sans', 'Noto Sans TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	}
.EventSessionList .session_spec .quota .cont, 
.EventSessionList .session_spec .quota .cont > div { display:flex; align-items:center; }
.EventSessionList .session_spec .quota .cont .tag { padding:0 10px; background-color:#f7dddd; line-height:2em; font-weight:500; }
.EventSessionList .session_spec .quota .cont .remain .tag { margin-right:10px; }
.EventSessionList .session_spec .quota .cont .value { 
	padding-top:0.2em; line-height:1em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; letter-spacing:0; 
	}
.EventSessionList .session_spec .quota .cont .total .value::before { content:'/'; }
.EventSessionList .session_spec .quota .cont .suffix { margin-left:8px; align-self:flex-end; }

.EventSessionList .session_spec .quota.waitlist { border-top:0; padding-top:0; margin-top:-0.75em; }
.EventSessionList .session_spec .quota.waitlist .label::before { display:none; }
.EventSessionList .session_spec .quota.waitlist .tag { background-color:#ececec; }
.EventSessionList .session_spec .quota.waitlist .value { font-size:1.5rem; }

.EventSessionList .session_spec .col_left li { padding:1.25em 10px; }
.EventSessionList .session_spec .col_left .label::before { 
	content:''; display:block; width:16px; height:16px; margin-right:10px;
	background:url(../images/icon_event_cont.png) no-repeat; background-size:200%; 
	}
	.EventSessionList .session_spec .col_left .sign_period .label::before { background-position:0 20%; }
	.EventSessionList .session_spec .col_left .quota .label::before { background-position:0 30%; }

.EventSessionList .session_spec .col_right { flex:1 1 auto; }
.EventSessionList .session_spec .col_left + .col_right { flex:0 1 auto; }
.EventSessionList .session_spec .col_right li { padding:0.375em 10px; }
.EventSessionList .session_spec .col_right .label { width:7em; color:#730314; }
.EventSessionList .session_spec .col_right .label .text { 
	width:4.4em; height:2em;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last:justify; /*Firefox*/
	-webkit-text-align-last:justify; /*Chrome*/
	}
	/* fix text-align:justify在td中的bug */
	.EventSessionList .session_spec .col_right .label .text::after { content:''; width:100%; display:inline-block; height:0; font-size:0; line-height:0; }
.EventSessionList .session_spec .col_right .cont { width:calc(100% - 7em); }
.EventSessionList .session_spec .col_right .cont .hours { display:flex; align-items:center; }
.EventSessionList .session_spec .col_right .cont .hours .vaule { 
	padding-top:0.2em; margin-right:8px; line-height:1em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; letter-spacing:0; 
	}

.EventSessionList .session_detail .XmdocMsgCont { margin:40px 0 0 0; }

	/* RWD */
	@media screen and (max-width: 539px) {
	.EventSessionList .session_detail .add_to_calendar dl { flex-wrap:wrap; }
	.EventSessionList .session_detail .add_to_calendar dt { width:100%; }
	.EventSessionList .session_detail .add_to_calendar dd { width:50%; }
	.EventSessionList .session_detail .add_to_calendar dd a { padding:0.75em 0; text-align:center; }
	}
	@media screen and (min-width: 540px) {
	.EventSessionList .session_detail .add_to_calendar dt { margin-right:5px; }
	.EventSessionList .session_detail .add_to_calendar dt::after { 
		content:''; display:block; position:absolute; top:0; right:0; width:15px; height:100%; background-color:#736359; 
		transform-origin:left bottom; transform:skewX(-15deg); 
		}
	.EventSessionList .session_detail .add_to_calendar dd a { padding:0.75em 1.25em; }
	}

	@media screen and (max-width: 639px) {
	.EventSessionList .session_spec .col_left li, .EventSessionList .session_spec .col_right li { padding-left:0; padding-right:0; }
	.EventSessionList .session_spec .col_left .label { width:100%; }
	.EventSessionList .session_spec .col_left .cont { width:100%; padding-left:26px; flex-wrap:wrap; }
	.EventSessionList .session_spec .col_right .label { width:6em; }
	.EventSessionList .session_spec .col_right .cont { width:calc(100% - 6em); }
	}
	@media screen and (min-width: 640px) {
	.EventSessionList .session_spec .col_left .label { width:8em; }
	.EventSessionList .session_spec .col_left .cont { width:calc(100% - 8em); }
	}

	@media screen and (max-width: 959px) {
	.EventSessionList .session_spec .col_left { width:100%; }
	.EventSessionList .session_spec .col_right { width:100%; margin-top:30px; }
	}
	@media screen and (min-width: 960px) and (max-width: 1278px) {
	.EventSessionList .session_spec .col_left { width:calc(100% - 400px); }
	.EventSessionList .session_spec .col_right { width:360px; }
	.EventSessionList .session_spec .col_right .label { width:5.4em; }
	.EventSessionList .session_spec .col_right .cont { width:calc(100% - 5.4em); }
	}
	@media screen and (min-width: 1280px) {
	.EventSessionList .session_spec > div { width:47.5%; }
	}

	@media screen and (max-width: 1439px) {
	.EventSessionList .session_detail { padding:30px 20px; }
	}
	@media screen and (min-width: 1440px) {
	.EventSessionList .session_detail { padding:40px 50px; }
	}

/* 已選擇場次 */
.SelSessionList { border:1px solid #847266; box-shadow:0 0 25px rgba(0, 0, 0, 0.1); margin-top:50px; margin-bottom:60px; overflow:hidden; }
.SelSessionList .event_title { position:relative; background-color:#847266; }
.SelSessionList .event_title::before { 
	content:''; display:block; position:absolute; top:0; right:0; width:120px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.SelSessionList .event_title::after { 
	content:''; display:block; position:absolute; top:0; right:0; width:100px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.SelSessionList .event_title > div { 
	display:inline-block; position:relative; padding-left:1.3333em; 
	color:#fff; line-height:1.5em; font-size:1.5rem; font-weight:500; letter-spacing:0.2em; 
	}
.SelSessionList .event_title > div::before { 
	content:''; display:block; position:absolute; top:0.75em; left:0; background-color:#fff; width:12px; height:12px; margin-top:-6px; border-radius:50%; 
	}
.SelSessionList .event_title .suffix { display:inline-block; }
.SelSessionList .event_title .suffix::before { content:'-'; padding:0 10px; }

.SelSessionList .session_item { display:flex; align-items:flex-start; border-bottom:3px solid #2a2a2a; padding:25px 0 25px; }
	.SelSessionList .session_item:last-child { border-bottom:0; }
.SelSessionList .session_item > div { flex:0 0 auto; box-sizing:content-box; }
.SelSessionList .session_item .sn { display:flex; align-items:center; position:relative; font-weight:500; }
.SelSessionList .session_item .sn .no { margin-left:0.4em; margin-top:0.2em; font-family:'Josefin Sans', sans-serif; font-size:1.875rem; }
.SelSessionList .session_item .title { flex:1 1 auto; position:relative; font-size:1.5rem; font-weight:600; }
.SelSessionList .session_item .info .session_info li { display:flex; align-items:flex-start; padding:5px 0; line-height:1.5em; }
.SelSessionList .session_item .info .session_info .label { display:flex; align-items:center; width:6em; position:relative; font-weight:700; }
.SelSessionList .session_item .info .session_info .label::before { 
	content:''; display:block; width:16px; height:16px; margin-right:5px; background:url(../images/icon_event_cont.png) no-repeat; background-size:200%; 
	}
	.SelSessionList .session_item .info .session_info .date .label::before { background-position:0 10%; }
	.SelSessionList .session_item .info .session_info .location .label::before { background-position:0 100%; }
	.SelSessionList .session_item .info .session_info .sign_type .label::before { background-position:right 50%; }
.SelSessionList .session_item .info .session_info .cont { width:calc(100% - 6em); padding-left:10px; }
.SelSessionList .session_item .info .session_info .date .cont { 
	margin-top:0.2em; letter-spacing:0; font-family:'Josefin Sans', 'Noto Sans TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; 
	}
.SelSessionList .session_item .info .session_info .sign_type .cont .tag { display:inline-block; padding:0 20px; color:#545454; line-height:1.75em; }
	.SelSessionList .session_item .info .session_info .sign_type .cont .tag.registered {  background-color:#ffecee; }
	.SelSessionList .session_item .info .session_info .sign_type .cont .tag.cancelled {  background-color:#efefef; }

.SelSessionList .session_item .info .sign_info { display:flex; align-items:center; flex-wrap:wrap; margin-left:21px; margin-top:5px; line-height:1.5em; }
.SelSessionList .session_item .info .sign_info li { 
	display:flex; align-items:flex-start; position:relative; padding:5px 0; line-height:1.5em; font-size:0.875rem; color:#847266; 
	}
.SelSessionList .session_item .info .sign_info .label { flex:0 0 auto; }
.SelSessionList .session_item .info .sign_info .label::after { content:'：'; }
.SelSessionList .session_item .info .sign_info .cont { display:flex; align-items:center; }
.SelSessionList .session_item .info .sign_info .sign_period { width:100%; }
.SelSessionList .session_item .info .sign_info .quota { padding-right:10px; margin-right:10px; }
.SelSessionList .session_item .info .sign_info .quota::after { 
	content:''; display:block; position:absolute; top:50%; right:0; height:16px; margin-top:-8px; border-right:1px solid #847266; 
	}
.SelSessionList .session_item .info .sign_info .quota .cont > div { display:flex; align-items:center; }
.SelSessionList .session_item .info .sign_info .quota .cont .total .value::before { content:'/'; padding:0 5px; }

.SelSessionList .session_item .del button { display:flex; align-items:center; background-color:#e9e9e9; color:#2a2a2a; }
.SelSessionList .session_item .del button:hover, .SelSessionList .session_item .del button:focus { background-color:#c70019; color:#fff; }
.SelSessionList .session_item .del button::before {
	content:''; display:block; width:16px; height:16px; margin-right:10px; background:url(../images/icon_event_cont.png) no-repeat right 20%; background-size:200%;
	}
.SelSessionList .session_item .del button:hover::before, .SelSessionList .session_item .del button:focus::before { background-position:right 30%; }

.SelSessionList .session_item .sec_cancell { width:160px; }
.SelSessionList .session_item .sec_cancell > * { margin-top:10px; margin-bottom:10px; }
	.SelSessionList .session_item .sec_cancell > *:first-child { margin-top:0; }
	.SelSessionList .session_item .sec_cancell > *:last-child { margin-bottom:0; }
.SelSessionList .session_item .sec_cancell .BtnCommon { text-align:left; }
.SelSessionList .session_item .sec_cancell .BtnCommon div { margin:0; }
.SelSessionList .session_item .sec_cancell .past_deadline { 
	color:#c70019; font-size:1.125rem; font-weight:500;
	}
.SelSessionList .session_item .sec_cancell .cut_off_time { 
	
	color:#c70019; font-family:'Josefin Sans', 'Noto Sans TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; font-size:0.875rem; letter-spacing:0.05em; 
	}

	/* RWD */
	@media screen and (max-width: 959px) {
	.SelSessionList .event_title { padding:15px 20px; }
	.SelSessionList .event_title > div { padding-left:0; }
	.SelSessionList .event_title > div::before { display:none; }
	.SelSessionList .session_list { padding:5px 20px; }
	.SelSessionList .session_item { align-items:center; justify-content:space-between; flex-wrap:wrap; }
	.SelSessionList .session_item .sn { order:1; }
	.SelSessionList .session_item .title { order:3; width:100%; margin-top:15px; padding:0.5em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
	.SelSessionList .session_item .info { order:4; width:100%; margin-top:10px; }
	.SelSessionList .session_item .del { order:2; }
	.SelSessionList .session_item .del button { padding:0 20px; line-height:3em; }
	.SelSessionList .session_item .sec_cancell { order:2; width:auto; }
	}
		@media screen and (max-width: 639px) {
		.SelSessionList .event_title > div { font-size:1.375rem; letter-spacing:0.1em; }
		.SelSessionList .session_item .title { font-size:1.25rem; }
		.SelSessionList .session_item .info .session_info { font-size:0.875rem; }
		.SelSessionList .session_item .info .sign_info { font-size:0.8125rem; }
		}
	@media screen and (min-width: 960px) {
	.SelSessionList .session_item { align-items:flex-start; }
	.SelSessionList .session_item .sn::after { 
		content:''; display:block; position:absolute; top:50%; right:0; height:28px; margin-top:-14px; border-left:1px solid #2a2a2a; opacity:0.5; 
		}
	.SelSessionList .session_item .info { width:32em; }
	.SelSessionList .session_item .del button { padding:0 12px; line-height:2.25em; }
	}
		@media screen and (min-width: 960px) and (max-width: 1439px) {
		.SelSessionList .event_title { padding:15px 30px; }
		.SelSessionList .session_list { padding:5px 30px; }
		.SelSessionList .session_item .sn {  width:5em; }
		.SelSessionList .session_item .title { padding-left:15px; padding-right:10px; }
		.SelSessionList .session_item .info { padding-left:10px; padding-right:15px; }
		}
			@media screen and (min-width: 960px) and (max-width: 1279px) {
			.SelSessionList .session_item .sn { font-size:0.875rem; }
			.SelSessionList .session_item .sn .no { font-size:1.5rem; }
			.SelSessionList .session_item .title { font-size:1.25rem; }
			.SelSessionList .session_item .info { width:22em; }
			.SelSessionList .session_item .info .session_info { font-size:0.875rem; }
			.SelSessionList .session_item .info .sign_info { font-size:0.8125rem; }
			}
		@media screen and (min-width: 1440px) {
		.SelSessionList .event_title { padding:22px 50px; }
		.SelSessionList .session_list { padding:10px 50px; }
		.SelSessionList .session_item .sn {  width:6em; }
		.SelSessionList .session_item .title { padding-left:30px; padding-right:10px; }
		.SelSessionList .session_item .info { padding-left:10px; padding-right:30px; }
		}

/* 報名者清單 */
.ParticipantMgt { border-bottom:2px solid #2a2a2a; padding-top:10px; overflow:hidden; }
.ParticipantMgt .row { border-top:2px solid #2a2a2a; margin-top:40px; }
.ParticipantMgt .row .header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:12px 0; margin-bottom:10px; }
.ParticipantMgt .row .header .sn { display:flex; align-items:center; font-weight:600; line-height:1.5em; }
.ParticipantMgt .row .header .sn .no { margin-top:0.25em; margin-left:0.33em; font-size:1.875rem; font-weight:500; font-family:'Josefin Sans', sans-serif; }
.ParticipantMgt .row .header .del button { display:flex; align-items:center; background-color:#e9e9e9; color:#2a2a2a; }
.ParticipantMgt .row .header .del button:hover, .ParticipantMgt .row .header .del button:focus { background-color:#c70019; color:#fff; }
.ParticipantMgt .row .header .del button::before {
	content:''; display:block; width:16px; height:16px; margin-right:10px; background:url(../images/icon_event_cont.png) no-repeat right 20%; background-size:200%;
	}
.ParticipantMgt .row .header .del button:hover::before, .ParticipantMgt .row .header .del button:focus::before { background-position:right 30%; }
.ParticipantMgt .add_crew { 
	display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; 
	padding:12px 0; margin-top:40px; margin-bottom:40px; border-top:2px solid #2a2a2a; 
	}
.ParticipantMgt .add_crew .note { display:flex; align-items:center; font-weight:600; line-height:1.5em; }
.ParticipantMgt .add_crew .note .no { margin-top:0.25em; font-size:1.875rem; font-weight:500; font-family:'Josefin Sans', sans-serif; }
.ParticipantMgt .add_crew .add button { display:flex; align-items:center; background-color:#847266; color:#fff; }
.ParticipantMgt .add_crew .add button:hover, .ParticipantMgt .add_crew .add button:focus { background-color:#c70019; color:#fff; }
.ParticipantMgt .add_crew .add button::before {
	content:''; display:block; width:16px; height:16px; margin-right:10px; background:url(../images/icon_event_cont.png) no-repeat right 40%; background-size:200%;
	}

	/* RWD */
	@media screen and (max-width: 959px) {

	.ParticipantMgt .row .header .del { order:2; }
	.ParticipantMgt .add_crew .add { order:2; }
	.ParticipantMgt .row .header .del button { padding:0 20px; line-height:3em; }
	.ParticipantMgt .add_crew .add button { padding:0 20px; line-height:3em; }
	}
		@media screen and (max-width: 639px) {
		
		}
	@media screen and (min-width: 960px) {

	.ParticipantMgt .row .header .del button { padding:0 12px; line-height:2.25em; }
	.ParticipantMgt .add_crew .add button { padding:0 12px; line-height:2.25em; }
	}


/*----------------------------------------------------------------------*/
/* 常見問答 - 讀者服務 */
.QnaList { margin:40px 0; }
.QnaList li { margin-bottom:25px; }
	.QnaList li:last-child { margin-bottom:0; }
.QnaList .ques { 
	display:flex; align-items:stretch; justify-content:flex-start; width:100%; background-color:#e9e9e9; font-weight:600; cursor:pointer; overflow:hidden; 
	}
	.QnaList li:nth-of-type(odd) .ques { background-color:#e8e3df; }	
.QnaList .ques .sn { 
	width:100px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; position:relative; overflow:visible; background-color:transparent; 
	}
.QnaList .ques .sn > span { 
	position:absolute; left:-8px; z-index:1; width:100%; margin-top:6px; text-align:center; color:#fff; font-family:'Josefin Sans', sans-serif; font-size:1.5rem; 
	}
.QnaList .ques .sn:after { 
	content:''; display:block; position:absolute; left:-20px; top:0; z-index:0; width:calc(100% + 20px); height:100%; 
	transform:skewX(-15deg) translateX(-16px); background-color:#9a494e; 
	}
.QnaList .ques .title { 
	display:flex; align-items:center; justify-content:space-between; flex-grow:1; padding:0.8em 20px 0.8em 10px;
	line-height:1.5; text-align:left; font-size:1.5rem; letter-spacing:.15rem; 
	}
	.QnaList .ques:hover .title, .QnaList .ques:focus .title { color:#9a494e; }
.QnaList .ques .title::after { 
	content:""; display:block; flex-shrink:0; margin-left:5px; width:10px; height:10px; 
	border-right:3px solid #9a494e; border-top:3px solid #9a494e; margin-top:0px; transform:rotate(45deg); transition:all 0.3s ease; 
	}
	.QnaList .slideDown .ques .title::after { transform-origin:center; transition:.25s ease; transform:rotate(135deg) translate(-3px, 3px); }

.QnaList .ans { display:none; margin-left:40px; margin-top:25px; padding:0 20px 0 30px; border-left:4px solid #9a494e; }
.QnaList .ans .XmdocMsgCont { margin:0; }

.QnaList mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

@media screen and (max-width:1023px) {
.QnaList li { margin-bottom:40px; }
.QnaList .ques .sn { width:auto; padding:2px 6px; margin:-10px 6px 10px -14px; position:static; background-color:#9a494e; }
.QnaList .ques .sn > span { position:static; }
.QnaList .ques .sn:after { display:none; }
.QnaList .ques { flex-wrap:wrap; padding-left:8px; overflow:visible; }
.QnaList .ques .title { font-size:1.25rem; padding-right:14px; padding-top:0; width:100%; }
.QnaList .ques .sn > span { font-size:1rem; }
.QnaList .ans { margin-left:10px; margin-top:20px; padding:0 10px 0 20px; }
}
	@media screen and (max-width:639px) {
	.QnaList .ques .title { font-size:1.125rem; }
	}


/*----------------------------------------------------------------------*/
/* epaper 電子報模組 */
.ePaperWrapper { width:100%; max-width:1400px; margin:0px auto; }
/* 電子報 表頭 */
.ePaperHeader { 
	width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:18px; border-radius:8px; overflow:hidden; 
	}
.ePaperHeader > div { width:100%; border:2px solid #730314; border-radius:8px; overflow:hidden; display:flex; justify-content:space-between; }
.ePaperHeader .ePaperLogo { align-self:center; display:flex; align-items:center; justify-content:flex-start; padding:15px 0; width:480px; max-width:90%; height:160px; }
.ePaperHeader .ePaperLogo img { display:block; max-width:100%; max-height:100%; }
.ePaperDateIssueNo { 
	display:flex; align-items:center; justify-content:space-between; height:52px; min-width:300px; background:#730314; border-radius:0 0px 0 24px; padding:10px 24px 14px 30px; 
	font-family:'Josefin Sans', sans-serif; font-weight:500; 
	}
.ePaperDateIssueNo .yymmdd, .ePaperDateIssueNo .issueNo .No { color:#f2efe7; }
.ePaperDateIssueNo .issueNo { display:flex; align-items:center; margin-left:16px; }
.ePaperDateIssueNo .issueNo .circle { 
	display:flex; align-items:center; justify-content:center;
	background-color:#f2efe7; border-radius:24px; width:24px; height:24px; line-height:24px; padding-left:1px; margin-right:4px; 
	color:#730314; font-family:'Noto Sans TC', sans-serif; 
	}
.ePaperDateIssueNo .issueNo .No { margin-left:10px; }	
@media screen and (min-width:1024px) { 
	.ePaperHeader .ePaperLogo { margin-left:50px; }
	.ePaperDateIssueNo .yymmdd { font-size:1.125rem; }
	.ePaperDateIssueNo .issueNo .circle { font-size:16px; }
	.ePaperDateIssueNo .issueNo .No { font-size:1.875rem; }
}
@media screen and (max-width:1023px) { 
	.ePaperHeader { height:auto; }
	.ePaperHeader > div { flex-direction:column-reverse; }
	.ePaperDateIssueNo { padding:2px 20px 6px 20px; width:100%; margin-left:auto; border-radius:0; }
	.ePaperHeader .ePaperLogo { justify-content:center; }
	.ePaperDateIssueNo .yymmdd { font-size:1.125rem; }
	.ePaperDateIssueNo .issueNo .circle { font-size:16px; }
	.ePaperDateIssueNo .issueNo .No { font-size:1.875rem; }	
}
@media screen and (max-width:600px) { 
	.ePaperHeader { padding:5px; }
	.ePaperHeader .ePaperLogo { height:26.6666vw; padding:10px 0; }
	.ePaperDateIssueNo { padding:2px 0px 6px 0px; margin-left:0; min-width:auto; justify-content:center; border-radius:0; }	
	.ePaperDateIssueNo .yymmdd { font-size:1rem; }
	.ePaperDateIssueNo .issueNo .No { font-size:1.5rem; margin-left:4px; }
}
@media screen and (max-width:340px) { 
	.ePaperDateIssueNo .yymmdd { font-size:1rem; }
	.ePaperDateIssueNo .issueNo { margin-left:8px; }
	.ePaperDateIssueNo .issueNo .No { font-size:1.125rem; }
}

/* 電子報內容 - 共通項目，請在這邊定義。如：標題、文字、按鈕樣式，圖片比例等共通樣式， */
.ePaperSection { margin-top:30px; border:1px solid #a58e80; overflow:hidden; box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); }
.ePaperSectionHeader { position:relative; background-color:#847266; display:flex; justify-content:flex-start; padding:0 20px 0 50px; }
.ePaperSectionHeader:before, .ePaperSectionHeader:after { 
	display:block; content:''; background-color:rgba(255, 255, 255, 0.1); position:absolute; top:0; width:200px; height:100%;
	transform:skewX(-15deg) translateX(50px); z-index:1; 
	}
	.ePaperSectionHeader:before { right:0; }
	.ePaperSectionHeader:after { right:30px; }
.ePaperSectionHeader h3 { display:flex; align-items:center; justify-content:flex-start; z-index:2; }
.ePaperSectionHeader h3:before, .ePaperSectionHeader h3:after { 
	display:inline-block; content:''; background:#fff; 
	}
	.ePaperSectionHeader h3:before { margin-right:20px; width:12px; height:12px; border-radius:12px; }
	.ePaperSectionHeader h3:after { margin-left:20px; width:60px; height:4px; border-radius:4px; }
.ePaperSectionHeader h3 span { font-weight:500; color:#fff; }

.ePaperSectionContent .item .img { box-sizing:border-box; }
.ePaperSectionContent .item .img > div { padding-bottom:75%; background:no-repeat center center; background-size:cover; }
	.ePaperSectionContent .ratio_2by1 .item .img > div { padding-bottom:50%; }
	.ePaperSectionContent .ratio_16by9 .item .img > div { padding-bottom:56.25%; }
	.ePaperSectionContent .ratio_3by2 .item .img > div { padding-bottom:66.6666%; }
	.ePaperSectionContent .ratio_4by3 .item .img > div { padding-bottom:75%; }
	.ePaperSectionContent .ratio_1by1 .item .img > div { padding-bottom:100%; }
	.ePaperSectionContent .ratio_3by4 .item .img > div { padding-bottom:133.3333%; }
	.ePaperSectionContent .ratio_2by3 .item .img > div { padding-bottom:150%; }
	.ePaperSectionContent .ratio_9by16 .item .img > div { padding-bottom:177.7777%; }
	.ePaperSectionContent .cover .item .img > div { background-size:cover; }
	.ePaperSectionContent .contain .item .img > div { background-size:contain; }

.ePaperSectionContent .item .title { font-weight:600; color:#730314; display:flex; align-items:flex-start; }
.ePaperSectionContent .item .title a { color:#730314; text-decoration:none; }
.ePaperSectionContent .item .title:before { 
	flex-shrink:0; display:inline-block; content:''; margin-top:7px; margin-right:16px; width:4px; height:1.5rem; background:#730314; 
	}
.ePaperSectionContent .item .desc { 
	text-align:justify; font-size:1rem; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
.ePaperSectionContent .btnwrap a { 
	display:flex; align-items:center; justify-content:space-between; margin:0 10px 10px 10px; padding:10px 10px 10px 16px; 
	font-weight:500; text-decoration:none; position:relative; overflow:hidden; 
	}
.ePaperSectionContent .btnwrap a:after { 
	display:inline-block; margin-left:10px; z-index:2; margin-right:-3px; content:''; width:1.25rem; height:1.25rem; 
	background:url("../images/icon_epaper_button_icon.svg") no-repeat 0 0; background-size:200% auto; 
	}

.ePaperSectionContent .btnwrap a:before { 
	display:block; content:''; width:50px; transform:skewX(-15deg) translateX(15px); height:100%; position:absolute; right:0; top:0; z-index:1; }
	
.ePaperSectionContent .btnwrap a, .ePaperSectionContent .btnwrap a:hover, 
.ePaperSectionContent .btnwrap a:before, .ePaperSectionContent .btnwrap a:hover:before { transition:.25s; }
/* btn colors */
.ePaperSectionContent .btnwrap a.btnApply { color:#fff; background:#9a494e; }
.ePaperSectionContent .btnwrap a.btnApply:after { background-position:left 0; }
.ePaperSectionContent .btnwrap a.btnApply:before { background:rgba(0,0,0,0.2); }
.ePaperSectionContent .btnwrap a.btnMore { color:#2a2a2a; background:#c9bbb3; }
.ePaperSectionContent .btnwrap a.btnMore:after { background-position:right 0; }
.ePaperSectionContent .btnwrap a.btnMore:before { background:rgba(0,0,0,0.1); }
.ePaperSectionContent .btnwrap a:hover { color:#fff; background:#c70019; }
.ePaperSectionContent .btnwrap a:hover:after { background-position:left 0; }

@media screen and (min-width:1024px) { 
	.ePaperSectionHeader h3 span { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionHeader { padding:20px 20px 20px 50px; }
	.ePaperSectionHeader:before, .ePaperSectionHeader:after { width:200px; }
	.ePaperSectionContent { padding:60px 50px; }
	
	.ePaperSectionContent .item > div .cont { flex-grow:1; display:flex; flex-direction:column; }
	.ePaperSectionContent .item .title { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionContent .item .desc { -webkit-line-clamp:4; margin-top:30px; }
	.ePaperSectionContent .btnwrap a:after { margin-left:2rem; }
	.ePaperSectionContent .btnwrap a { font-size:1.125rem; letter-spacing:.2rem; }
}
@media screen and (min-width:920px) and (max-width:1023px) { 
	.ePaperSectionHeader h3 span { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionHeader { padding:20px 20px 20px 50px; }
	.ePaperSectionHeader:before, .ePaperSectionHeader:after { width:200px; }
	.ePaperSectionContent { padding:60px 40px; }
	
	.ePaperSectionContent .item > div .cont { flex-grow:1; display:flex; flex-direction:column; }
	.ePaperSectionContent .item .title { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionContent .item .desc { -webkit-line-clamp:4; margin-top:30px; }
	.ePaperSectionContent .btnwrap a:after { margin-left:2rem; }
	.ePaperSectionContent .btnwrap a { font-size:1.125rem; letter-spacing:.2rem; }
}
@media screen and (min-width:600px) and (max-width:919px) { 
	.ePaperSectionHeader h3 span { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionHeader { padding:20px 20px 20px 20px; }
	.ePaperSectionHeader:before, .ePaperSectionHeader:after { width:200px; }
	.ePaperSectionContent { padding:40px 40px; }
	
	.ePaperSectionContent .item > div .cont { flex-grow:1; display:flex; flex-direction:column; }
	.ePaperSectionContent .item .title { font-size:1.5rem; letter-spacing:.2rem; }
	.ePaperSectionContent .item .desc { -webkit-line-clamp:4; margin-top:16px; }
	.ePaperSectionContent .btnwrap a:after { margin-left:2rem; }
	.ePaperSectionContent .btnwrap a { font-size:1.125rem; letter-spacing:.2rem; }
}
@media screen  and (max-width:599px) { 
	.ePaperSectionHeader h3 span { font-size:1.25rem; letter-spacing:.2rem; }
	.ePaperSectionHeader h3:before { margin-right:10px; }
	.ePaperSectionHeader h3:after { margin-left:10px; }
	.ePaperSectionHeader { padding:14px 20px 14px 20px; }
	.ePaperSectionHeader:before, .ePaperSectionHeader:after { width:80px; }
	.ePaperSectionHeader:after { right:20px; }
	.ePaperSectionContent { padding:40px 20px; }
	
	.ePaperSectionContent .item > div .cont { flex-grow:1; display:flex; flex-direction:column; }
	.ePaperSectionContent .item .title { font-size:1.25rem; letter-spacing:.2rem; }
	.ePaperSectionContent .item .desc { -webkit-line-clamp:4; margin-top:16px; }
	.ePaperSectionContent .btnwrap a:after { margin-left:1.5rem; }
	.ePaperSectionContent .btnwrap a { font-size:1rem; margin-left:10px; }
	.ePaperSectionContent .btnwrap { margin-left:-10px; }
}
	/* 小手機 */
	@media screen and (max-width:374px) { 
		.ePaperSectionContent .btnwrap a:not(:first-child) { margin-top:12px; }
	}

/* 電子報內容 - 不同版型樣式，請在這邊定義 (主要是調整排版) */
/* 電子報 圖片+標題+簡介 版型 */
.ePaperListImgTitleDesc .item:not(:first-child) { margin-top:50px; }
.ePaperListImgTitleDesc .btnwrap { flex-wrap:wrap; display:flex; align-items:center; justify-content:flex-end; margin-top:auto; }	
@media screen and (min-width:1024px) { 
	.ePaperListImgTitleDesc .item > div { display:flex; align-items:stretch; justify-content:space-between; }
	.ePaperListImgTitleDesc .item > div .img { flex-shrink:0; width:380px; margin-right:40px; }
	.ePaperListImgTitleDesc .btnwrap { justify-self:flex-end; margin-top:20px; }
}
@media screen and (min-width:920px) and (max-width:1023px) { 
	.ePaperListImgTitleDesc .item > div { display:flex; align-items:stretch; justify-content:space-between; }
	.ePaperListImgTitleDesc .item > div .img { flex-shrink:0; width:300px; margin-right:24px; }
	.ePaperListImgTitleDesc .btnwrap { justify-self:flex-end; margin-top:20px; }
}
@media screen and (min-width:600px) and (max-width:919px) { 
	.ePaperListImgTitleDesc .item:not(:first-child) { margin-top:30px; padding-top:40px; border-top:1px dashed #a58e80; }
	.ePaperListImgTitleDesc .item > div { flex-direction:column; display:flex; align-items:stretch; justify-content:space-between; }
	.ePaperListImgTitleDesc .item > div .img { flex-shrink:0; width:80%; max-width:300px; margin:0 auto 20px auto; }
	.ePaperListImgTitleDesc .btnwrap { justify-content:center; margin-top:20px; }
}
@media screen  and (max-width:599px) { 
	.ePaperListImgTitleDesc .item:not(:first-child) { margin-top:30px; padding-top:40px; border-top:1px dashed #a58e80; }
	.ePaperListImgTitleDesc .item > div { flex-direction:column; display:flex; align-items:stretch; justify-content:space-between; }
	.ePaperListImgTitleDesc .item > div .img { flex-shrink:0; width:100%; max-width:300px; margin:0 auto 20px auto; }
	.ePaperListImgTitleDesc .btnwrap { justify-content:center; margin-top:20px; }
}
/* 電子報 圖片+標題 版型 */
.ePaperListImgTitle .item { display:flex; justify-content:center; }
.ePaperListImgTitle .item > div { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; }
.ePaperListImgTitle .item > div .cont { flex-grow:1; display:flex; flex-direction:column; justify-content:space-between; }

@media screen and (min-width:1024px) { 
	.ePaperListImgTitle { display:flex; align-items:stretch; justify-content:space-around; flex-wrap:wrap; }
	.ePaperListImgTitle .item { width:33.3333%; margin-top:50px; }
	.ePaperListImgTitle .item:nth-child(-n+3) { margin-top:0; }
	.ePaperListImgTitle .item > div .title { margin-top:20px; }
	.ePaperListImgTitle .item > div .img { width:100%; }
	.ePaperListImgTitle .btnwrap { flex-wrap:wrap; display:flex; align-items:center; justify-content:center; margin-top:30px; }
}
	@media screen and (min-width:1280px) { 
		.ePaperListImgTitle { margin-left:-20px; margin-right:-20px; }
		.ePaperListImgTitle .item > div { padding-left:20px; padding-right:20px; }
	}
	@media screen and (min-width:1024px) and (max-width:1279px) { 
		.ePaperListImgTitle { margin-left:-10px; margin-right:-10px; }
		.ePaperListImgTitle .item > div { padding-left:10px; padding-right:10px; }
	}
@media screen and (min-width:920px) and (max-width:1023px) { 
	.ePaperListImgTitle { flex-wrap:wrap; display:flex; align-items:stretch; justify-content:center; margin-left:-20px; margin-right:-20px; }
	.ePaperListImgTitle .item { width:50%; margin-top:50px; }
	.ePaperListImgTitle .item:nth-child(-n+2) { margin-top:0; }
	.ePaperListImgTitle .item > div { padding-left:20px; padding-right:20px; }
	.ePaperListImgTitle .item > div .title { margin-top:20px; }
	.ePaperListImgTitle .item > div .img { width:100%; }
	.ePaperListImgTitle .btnwrap { flex-wrap:wrap; display:flex; align-items:center; justify-content:center; margin-top:20px; }
}
@media screen and (min-width:640px) and (max-width:919px) { 
	.ePaperListImgTitle { flex-wrap:wrap; display:flex; align-items:stretch; justify-content:center; margin-left:-10px; margin-right:-10px; }
	.ePaperListImgTitle .item { width:50%; margin-top:50px; }
	.ePaperListImgTitle .item:nth-child(-n+2) { margin-top:0; }
	.ePaperListImgTitle .item > div { padding-left:10px; padding-right:10px; }
	.ePaperListImgTitle .item > div .title { margin-top:20px; }
	.ePaperListImgTitle .item > div .img { width:100%; }
	.ePaperListImgTitle .btnwrap { flex-wrap:wrap; display:flex; align-items:center; justify-content:center; margin-top:20px; }
}
@media screen  and (max-width:639px) { 
	.ePaperListImgTitle { flex-wrap:wrap; display:flex; align-items:stretch; justify-content:center; padding:0 0px; }
	.ePaperListImgTitle .item { width:100%; margin-top:30px; }
	.ePaperListImgTitle .item:first-child { margin-top:0; }
	.ePaperListImgTitle .item:not(:first-child) { padding-top:40px; border-top:1px dashed #a58e80; }
	.ePaperListImgTitle .item > div .title { margin-top:20px; }
	.ePaperListImgTitle .item > div .img { width:100%; max-width:300px; }
	.ePaperListImgTitle .btnwrap { flex-wrap:wrap; display:flex; align-items:center; justify-content:center; margin-top:24px; }	
}
/* 電子報 標題+簡介 版型 */
.ePaperListTitleDesc { margin-top:-20px; }
.ePaperListTitleDesc .item:not(:first-child) { margin-top:40px; }
.ePaperListTitleDesc .item > div { display:flex; align-items:flex-end; justify-content:space-between; }
.ePaperListTitleDesc .item > div .cont { flex-grow:1; display:flex; flex-direction:column; justify-content:flex-start; }

@media screen and (min-width:1024px) { 
	.ePaperListTitleDesc .item > div .desc { margin-top:20px; }
	.ePaperListTitleDesc .btnwrap { width:360px; flex-shrink:0; display:flex; align-items:center; justify-content:flex-end; }
}
	@media screen and (min-width:1280px) { 
		.ePaperListTitleDesc .item > div .desc { -webkit-line-clamp:2; }
	}
	@media screen and (min-width:1024px) and (max-width:1279px) { 
		.ePaperListTitleDesc .item > div .desc { -webkit-line-clamp:3; }
	}
@media screen and (min-width:920px) and (max-width:1023px) { 
	.ePaperListTitleDesc .item:not(:first-child) { margin-top:25px; padding-top:30px; border-top:1px dashed #a58e80; }
	.ePaperListTitleDesc .item > div { flex-wrap:wrap; }
	.ePaperListTitleDesc .item > div .desc { -webkit-line-clamp:2; margin-top:20px; }
	.ePaperListTitleDesc .btnwrap { margin-top:10px; width:100%; display:flex; align-items:center; }
}
@media screen and (min-width:600px) and (max-width:919px) { 
	.ePaperListTitleDesc .item:not(:first-child) { margin-top:25px; padding-top:30px; border-top:1px dashed #a58e80; }
	.ePaperListTitleDesc .item > div { flex-wrap:wrap; }
	.ePaperListTitleDesc .item > div .desc { -webkit-line-clamp:3; margin-top:20px; }
	.ePaperListTitleDesc .btnwrap { margin-top:10px; width:100%; display:flex; align-items:center; }
}
@media screen  and (max-width:599px) { 
	.ePaperListTitleDesc .item:not(:first-child) { margin-top:20px; padding-top:25px; border-top:1px dashed #a58e80; }
	.ePaperListTitleDesc .item > div { flex-wrap:wrap; }
	.ePaperListTitleDesc .item > div .desc { -webkit-line-clamp:4; margin-top:20px; }
	.ePaperListTitleDesc .btnwrap { flex-wrap:wrap; margin-top:10px; width:calc(100% + 10px); display:flex; align-items:center; }
}

/* 電子報 標題 版型 */
.ePaperListTitle { margin-top:-20px; }

.ePaperListTitle .item:not(:first-child) { padding-top:30px; border-top:1px dashed #a58e80; }
.ePaperListTitle .item > div { display:flex; align-items:center; justify-content:space-between; }
.ePaperListTitle .item > div .cont { flex-grow:1; display:flex; flex-direction:column; justify-content:flex-start; }

@media screen and (min-width:1024px) { 
	.ePaperListTitle .item > div .desc { -webkit-line-clamp:2; margin-top:20px; }
	.ePaperListTitle .item:not(:first-child) { margin-top:30px; }
	.ePaperListTitle .btnwrap { width:360px; flex-shrink:0; display:flex; align-items:center; justify-content:flex-end; }
}
@media screen and (min-width:920px) and (max-width:1023px) { 
	.ePaperListTitle .item:not(:first-child) { margin-top:30px; }
	.ePaperListTitle .item > div { flex-wrap:wrap; }
	.ePaperListTitle .item > div .desc { -webkit-line-clamp:2; margin-top:20px; }
	.ePaperListTitle .btnwrap { margin-top:10px; width:100%; display:flex; align-items:center; }
}
@media screen and (min-width:600px) and (max-width:919px) { 
	.ePaperListTitle .item:not(:first-child) { margin-top:30px; }
	.ePaperListTitle .item > div { flex-wrap:wrap; }
	.ePaperListTitle .item > div .desc { -webkit-line-clamp:4; margin-top:20px; }
	.ePaperListTitle .btnwrap { margin-top:10px; width:100%; display:flex; align-items:center; }
}
@media screen  and (max-width:599px) { 
	.ePaperListTitle .item:not(:first-child) { margin-top:20px; padding-top:20px; }
	.ePaperListTitle .item > div { flex-wrap:wrap; }
	.ePaperListTitle .item > div .desc { -webkit-line-clamp:4; margin-top:20px; }
	.ePaperListTitle .btnwrap { flex-wrap:wrap; margin-top:10px; width:calc(100% + 10px); display:flex; align-items:center; }
	
}

/* 電子報 Footer */
.ePaperFooterWrapper { background:#e9e9e9; display:flex; align-items:center; justify-content:center; }
.ePaperFooterWrapper > div { width:90%; max-width:700px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ePaperFooterWrapper .notice { width:100%; display:flex; align-items:center; justify-content:center; }
.ePaperFooterWrapper .notice span { font-family:"Noto Serif TC", serif; font-weight:700; color:#730314; }

@media screen and (min-width:600px) { 
	.ePaperFooterWrapper { margin-top:50px; padding:50px 0 60px 0; }
	.ePaperFooterWrapper .notice:before, .ePaperFooterWrapper .notice:after { content:''; display:inline-block; flex-grow:1; height:1px; background-color:#730314; }
	.ePaperFooterWrapper .notice span { font-size:1.5rem; letter-spacing:.25rem; line-height:2; margin:0 10px; flex-shrink:0; }
	.ePaperFooterWrapper .desc, .ePaperFooterWrapper .info { margin-bottom:0; margin-top:10px; display:inline-flex; align-items:center; justify-content:center; }
	.ePaperFooterWrapper .info .addr { display:flex; align-items:center; }
	.ePaperFooterWrapper .info .addr:after { 
		margin-top:2px; display:inline-block; content:""; width:1px; height:1rem; background:var(--color_gray); margin-left:10px; margin-right:10px; 
		}
}
@media screen and (max-width:599px) { 
	.ePaperFooterWrapper { margin-top:50px; padding:20px 10px 30px 10px; }	
	.ePaperFooterWrapper .notice:before, .ePaperFooterWrapper .notice:after { display:none; }
	.ePaperFooterWrapper .notice span { font-size:1.125rem; letter-spacing:2px; line-height:1.5; margin:0; flex-shrink:unset; text-align:center; }
	.ePaperFooterWrapper .desc, .ePaperFooterWrapper .info { font-size:.875rem; }
	.ePaperFooterWrapper .desc { margin-bottom:0; margin-top:10px; display:inline; line-height:1.5; text-align:center; }
	.ePaperFooterWrapper .info { margin-bottom:0; margin-top:10px; display:block; width:100%; }
	.ePaperFooterWrapper .info .addr, .ePaperFooterWrapper .info .tel { width:100%; display:block; text-align:center; }
}


/*----------------------------------------------------------------------*/
/* 資料聚合模組 */
.DataINTImgWall { margin-bottom:60px; }
.DataINTImgWall .item a { display:block; text-decoration:none; overflow:hidden; position:relative; }
.DataINTImgWall .img > div { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.DataINTImgWall .cont {  display:flex; align-items:center; flex-wrap:wrap; }
.DataINTImgWall .cat { padding:0 8px; margin:0 10px 5px 0; background-color:#c70019; line-height:2em; color:#fff; font-size:0.875rem; font-weight:600; }
	.DataINTImgWall .item:first-child .cat { font-size:1rem; }
.DataINTImgWall .date { display:flex; align-items:center; margin:0 10px 5px 0; font-size:0.875rem; font-family:'Josefin Sans', sans-serif; }
	.DataINTImgWall .item:first-child .date { font-size:1rem; }
.DataINTImgWall .date:before { 
	content:""; display:block; width:14px; height:14px; margin-right:6px; margin-bottom:4px;
	background-image:url(../images/icon_date.png); background-repeat:no-repeat; background-position:0 0; background-size:100%;
	}
.DataINTImgWall .title { 
	width:100%; font-weight:600; line-height:1.5em;
	display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; 
	}
.DataINTImgWall .desc { 
	width:100%; line-height:1.75em;
	display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:3; 
	}

.DataINTImgWall .img > div, .DataINTImgWall .cont, .DataINTImgWall .desc { transition:all 0.3s ease; }

/* 1024以上圖像牆顯示 */
@media screen and (min-width: 1024px) {
.DataINTImgWall { margin-left:-5px; margin-right:-5px; }
.DataINTImgWall::after { content:''; display:block; clear:both; }
.DataINTImgWall .item { float:left; width:25%; padding:5px; }
	.DataINTImgWall .item:first-child { width:50%; }
.DataINTImgWall .item a { padding-bottom:75%; }
.DataINTImgWall .img { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; }
.DataINTImgWall .cont { 
	position:absolute; left:0; width:100%; padding:15px; 
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 20%, rgba(0,0,0,0.65) 100%); 
	}
	.DataINTImgWall .item:first-child .cont { padding:20px; }
.DataINTImgWall .date { color:#fff; }
.DataINTImgWall .date:before { background-position:0 100%; }
.DataINTImgWall .title { color:#fff; }
.DataINTImgWall .desc { margin-top:15px; height:5.25em; color:#fff; }
	.DataINTImgWall .item:first-child .desc { margin-top:20px; }

/* hover效果 */
.DataINTImgWall .item a:hover .img > div, .DataINTImgWall .item a:focus .img > div { transform:scale(1.03); opacity:0.8; }
.DataINTImgWall .item a:hover .cont, .DataINTImgWall .item a:focus .cont { bottom:0; }
.DataINTImgWall .item a:hover .desc, .DataINTImgWall .item a:focus .desc { margin-top:10px; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.DataINTImgWall .item a { padding-bottom:100%; }
	}

	@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.DataINTImgWall .cont { bottom:calc(0px - (4.265625rem + 15px)); }/*desc:(0-((字級x行高x行數)+margin-top)*/
		.DataINTImgWall .item:first-child .cont { bottom:calc(0px - (5.25rem + 20px)); }
	.DataINTImgWall .title { font-size:1rem; }
		.DataINTImgWall .item:first-child .title { font-size:1.5rem; }
	.DataINTImgWall .desc { font-size:0.8125rem; }
		.DataINTImgWall .item:first-child .desc { font-size:1rem; }
	}
	@media screen and (min-width: 1440px) {
	.DataINTImgWall .cont { bottom:calc(0px - (4.921875rem + 15px)); }/*desc:(0-((字級x行高x行數)+margin-top)*/
		.DataINTImgWall .item:first-child .cont { bottom:calc(0px - (5.90625rem + 20px)); }
	.DataINTImgWall .title { font-size:1.25rem; }
		.DataINTImgWall .item:first-child .title { font-size:2rem; }
	.DataINTImgWall .desc { font-size:0.9375rem; }
		.DataINTImgWall .item:first-child .desc { font-size:1.125rem; }
	}

/* 1023以下網格顯示 */
@media screen and (max-width: 1023px) {
.DataINTImgWall { 
	display:flex; justify-content:space-between; flex-wrap:wrap; 
	border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:4px solid #730314; box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); 
	}
.DataINTImgWall .item {  }
	.DataINTImgWall .item:first-child { width:100%; margin-bottom:20px; background-color:#ede8e6; }
.DataINTImgWall .img { overflow:hidden; }
.DataINTImgWall .img > div { padding-bottom:75%; }
.DataINTImgWall .date { color:#666; }
.DataINTImgWall .title { color:#2a2a2a; font-size:1.25rem; }
	.DataINTImgWall .item:first-child .title { font-size:1.625rem; }
.DataINTImgWall .desc { margin-top:10px; color:#666; font-size:0.875rem; }
	.DataINTImgWall .item:first-child .desc { font-size:1rem; }

.DataINTImgWall .item a:hover .img > div, .DataINTImgWall .item a:focus .img > div { transform:scale(1.03); opacity:0.8; }
.DataINTImgWall .item a:hover .title, .DataINTImgWall .item a:focus .title { color:#c70019; }
.DataINTImgWall .item a:hover .desc, .DataINTImgWall .item a:focus .desc { color:#2a2a2a; }
}
	@media screen and (max-width: 599px) {
	.DataINTImgWall .item { padding:16px; }
	.DataINTImgWall .cont { margin-top:15px; }
	.DataINTImgWall .item:first-child .cont { margin-top:20px; }
	}
		@media screen and (max-width: 479px) {
		.DataINTImgWall .title { -webkit-line-clamp:3; }
		.DataINTImgWall .desc { -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 480px) and (max-width: 599px) {
		.DataINTImgWall .item { width:50%; }
		.DataINTImgWall .item:not(:first-child) .desc { -webkit-line-clamp:4; }
		}
	@media screen and (min-width: 600px) and (max-width: 1023px) {
	.DataINTImgWall .item { padding:20px; }
	.DataINTImgWall .item a { display:flex; align-items:flex-start; }
	.DataINTImgWall .img { width:30%; flex:0 0 auto; margin-right:15px; }
	.DataINTImgWall .item:first-child .img { width:40%; margin-right:20px; }
	}
		@media screen and (min-width: 600px) and (max-width: 767px) {
		.DataINTImgWall .title { -webkit-line-clamp:3; }
		.DataINTImgWall .desc { -webkit-line-clamp:4; }
		}
		@media screen and (min-width: 768px) and (max-width: 1023px) {
		.DataINTImgWall .item { width:50%; }
		}


/*----------------------------------------------------------------------*/
/* 意見受理查詢 */
.ContactQueryResultWrap { background-color:#f6f6f6; margin-top:50px; display:flex; justify-content:space-between; flex-wrap:wrap; }
	@media screen and (max-width: 767px) {
	.ContactQueryResultWrap { padding:24px 32px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1439px) {
	.ContactQueryResultWrap { padding:2.7777vw 4.1666vw; }
	}
	@media screen and (min-width: 1440px) {
	.ContactQueryResultWrap { padding:40px 60px }
	}

.ContactQueryResultWrap .case_feedback { border:1px solid #730314; background-color:#fff; display:flex; flex-direction:column; justify-content:space-between; }
	@media screen and (max-width: 767px) {
	.ContactQueryResultWrap .case_feedback { padding:16px 28px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1439px) {
	.ContactQueryResultWrap .case_feedback { padding:2.0833vw 3.4722vw; }
	}
	@media screen and (min-width: 1440px) {
	.ContactQueryResultWrap .case_feedback { padding:30px 50px }
	}
.ContactQueryResultWrap .list { display:flex; flex-wrap:wrap; }
.ContactQueryResultWrap .list dt { width:4.4em; margin:0.75rem 2.2em 0.75rem 0; line-height:1.6666em; text-align:right; font-size:1.125rem; font-weight:500; }
.ContactQueryResultWrap .list dd { width:calc(100% - 7.425em); margin:0.75rem 0; line-height:1.875em; }
.ContactQueryResultWrap .list .focus { color:#730314; }
.ContactQueryResultWrap .case_feedback .XmdocMsgCont { margin:0; }
.ContactQueryResultWrap .case_feedback .csat { margin:0; }
.ContactQueryResultWrap .case_feedback .csat .csat_title { margin-bottom:15px; font-size:1.125rem; font-weight:600; }
.ContactQueryResultWrap .case_feedback .csat .form-check-group { background-color:#ebebeb; padding:10px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.ContactQueryResultWrap .case_feedback .csat .form-check-group ul { margin:5px 0; }
.ContactQueryResultWrap .case_feedback .csat .note-txt { margin-top:10px; padding-top:5px; }

@media screen and (max-width: 767px) {
.ContactQueryResultWrap .case_info { width:100%; }
.ContactQueryResultWrap .case_feedback { width:100%; margin-top:40px; }
}
	@media screen and (max-width: 539px) {
	.ContactQueryResultWrap .list dt { width:100%; margin:0.75rem 0 0.15rem; text-align:left; }
	.ContactQueryResultWrap .list dd { width:100%; margin:0.15rem 0 0.75em; }
	}
@media screen and (min-width: 768px) {
.ContactQueryResultWrap .case_info { width:44%; }
.ContactQueryResultWrap .case_feedback { width:50%; }
}
	@media screen and (min-width: 768px) and (max-width: 1279px) {
	.ContactQueryResultWrap .list dt { width:100%; margin:0.75rem 0 0.15rem; text-align:left; }
	.ContactQueryResultWrap .list dd { width:100%; margin:0.15rem 0 0.75em; }
	}

.ContactQueryRemark { background-color:#f6f6f6; margin-top:20px; line-height:2em; }
	@media screen and (max-width: 767px) {
	.ContactQueryRemark { padding:20px 32px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1439px) {
	.ContactQueryRemark { padding:20px 4.1666vw; }
	}
	@media screen and (min-width: 1440px) {
	.ContactQueryRemark { padding:25px 60px }
	}


/*----------------------------------------------------------------------*/
/* 諮詢服務 */
.ForumContWrap { background-color:#fff; box-shadow:0 10px 40px rgba(0, 0, 0, 0.1); }
.ForumContWrap .ForumTopic { background-color:#847266; overflow:hidden; position:relative; }
.ForumContWrap .ForumTopic::before { 
	content:''; display:block; position:absolute; top:0; right:0; width:120px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.ForumContWrap .ForumTopic::after { 
	content:''; display:block; position:absolute; top:0; right:0; width:100px; height:100%; background-color:#fff; opacity:0.1; 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
.ForumContWrap .ForumTopic h3 { color:#fff; font-weight:500; line-height:1.5em; word-break:break-all; }
.ForumContWrap .forum_post { position:relative; }
.ForumContWrap .forum_post.reply { padding:2vw; margin-top:40px; border:1px solid #d7d7d7; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); }
.ForumContWrap .forum_post.reply::before { 
	content:''; display:block; position:absolute; top:-10px; left:2vw; width:18px ;height:18px; 
	border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; background-color:#fff; transform:rotate(45deg); 
	}

.ForumContWrap .forum_post .header { display:flex; align-items:center; flex-wrap:wrap; padding:5px 10px; background-color:#efefef; color:#666; font-size:0.9375rem; }
.ForumContWrap .forum_post .header > div { display:flex; align-items:center; margin:5px 20px 5px 0; }
.ForumContWrap .forum_post .header > div::before { 
	content:''; display:inline-block; flex:0 0 auto; width:20px; height:20px; margin-right:5px; 
	background:url(../images/icon_forum.png) no-repeat; background-size:100%; 
	}
	.ForumContWrap .forum_post .header .poster::before { background-position:0 0; }
	.ForumContWrap .forum_post .header .poster.admin::before { background-position:0 20%; }
	.ForumContWrap .forum_post .header .date::before { background-position:0 40%; }
.ForumContWrap .forum_post .header .cat::before { display:none; }
.ForumContWrap .forum_post .header .poster .label, .ForumContWrap .forum_post .header .cat a .label { 
	position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; white-space:nowrap; 
	}
.ForumContWrap .forum_post .header .poster { font-weight:600; color:#2a2a2a; }
.ForumContWrap .forum_post .header .cat a { 
	display:block; padding:0 8px; background-color:#c70019; position:relative; line-height:2em; color:#fff; font-weight:600; text-decoration:none; 
	}
	.ForumContWrap .forum_post .header .cat a:hover, .ForumContWrap .forum_post .header .cat a:focus { background-color:#2a2a2a; }
.ForumContWrap .forum_post .cont { margin-top:20px; line-height:2em; }
.ForumContWrap .forum_post .XmdocMsgCont { margin:0; }

	@media screen and (max-width: 639px) {
	.ForumContWrap .ForumTopic { padding:10px 20px; }
	.ForumContWrap .ForumTopic h3 { font-size:1.625rem; }
	.ForumContWrap .ForumContainer { padding:30px 20px; }
	.ForumContWrap .forum_post.reply { padding:20px; }
	}
	@media screen and (min-width: 640px) {
	.ForumContWrap .ForumTopic { padding:1.25vw 4vw; }
	.ForumContWrap .ForumTopic h3 { font-size:2rem; }
	.ForumContWrap .ForumContainer { padding:2.5vw 4vw; }
	.ForumContWrap .forum_post.reply { padding:2vw; }
	}

.ForumPreviewWrap { margin-bottom:60px; border:1px solid #ccc; }
.ForumPreviewWrap .sec_title { position:relative; margin:60px 0 20px; font-weight:500; line-height:1.25em; }
.ForumPreviewWrap .sec_title::after { content:''; display:block; position:absolute; left:0; bottom:100%; width:40px; height:4px; margin-bottom:5px; background-color:#730314; }
.ForumPreviewWrap .ListTable { margin:0; }

	@media screen and (max-width:639px) {
	.ForumPreviewWrap { padding:30px 20px; }
	.ForumPreviewWrap .sec_title { font-size:1.375rem; }
	.ForumPreviewWrap > *:first-child { margin-top:10px; }
	}
	@media screen and (min-width: 640px) {
	.ForumPreviewWrap { padding:4vw 4vw; }
	.ForumPreviewWrap .sec_title { font-size:1.5rem; }
	.ForumPreviewWrap > *:first-child { margin-top:0; }
	}


/*----------------------------------------------------------------------*/
/* 單元頁(節點頁) */
.SubMenuList { position:relative; }
.SubMenuList dl { display:flex; flex-wrap:wrap; margin:0 -10px; }
.SubMenuList dd { flex:0 1 auto; padding:10px; }
.SubMenuList a { 
	display:flex; align-items:center; height:100%; border:2px solid #dfdfdf; padding:1.25em 15px; position:relative;
	line-height:1.25em; color:#2a2a2a; font-size:1.125rem; font-weight:600; text-decoration:none; 
	}
.SubMenuList span { display:block; }
.SubMenuList span::before { 
	content:''; display:block; position:absolute; bottom:1px; right:1px;
    border-color:transparent transparent #730314 transparent; border-style:solid solid solid solid; border-width:0 0 16px 16px;
	}
.SubMenuList a:hover, .SubMenuList a:focus { border-color:#730314; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); transform:translateY(-5px); color:#730314; }
@media screen and (max-width: 479px) {
.SubMenuList dd { width:100%; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.SubMenuList dd { width:50%; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.SubMenuList dd { width:33.33%; }
}
@media screen and (min-width: 1280px) {
.SubMenuList dd { width:25%; }
}


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.SitemapInstr .intro { line-height:2em; }
.SitemapInstr dl { margin-top:25px; }
.SitemapInstr dt { 
	margin-bottom:15px; padding-left:10px; border-left:4px solid #730314; font-size:1.125rem; font-weight:600; line-height:1.5em; 
	}
.SitemapInstr dd { margin-left:1.25em; padding:0 0 10px 0; line-height:1.5em; position:relative; }
.SitemapInstr dd::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#730314;
	border-radius:50%;
	}
.SitemapInstr ul { margin-left:1.1em; padding:5px 0 5px 0; }
.SitemapInstr ul li { position:relative; }
.SitemapInstr ul li::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#730314;
	border-radius:50%;
	}
.SitemapInstr .label { display:inline-block; color:#730314; font-weight:500; }

.SitemapTree .title { 
	padding-left:10px; border-left:4px solid #730314; margin-top:25px; margin-bottom:20px; color:#2a2a2a; font-size:1.25rem; font-weight:700; line-height:1.5em; 
	}
.SitemapTree .list { display:flex; justify-content:space-between; flex-wrap:wrap; background-color:#fff; border:1px solid #730314; box-shadow:0 0 25px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 767px) {
.SitemapTree .list > li { width:100%; }
}
@media screen and (min-width: 768px) {
.SitemapTree .list > li { width:50%; }
}
.SitemapTree .list li { line-height:1.8em; }
.SitemapTree .list a { display:block; color:#2a2a2a; text-decoration:none; }
.SitemapTree .list a:hover, .SitemapTree .list a:focus { color:#c70019; text-decoration:underline; }

/* 第1層 */
.SitemapTree .home { width:100% !important; }
.SitemapTree .home a { 
	background-color:#847266; padding-left:10px; padding-right:10px; line-height:2.75em; 
	font-size:1.25rem; font-weight:600; text-align:center; color:#fff; 
	}
.SitemapTree .home a:hover, .SitemapTree .home a:focus { background-color:#c70019; color:#fff; }
.SitemapTree .list > li:not(.home) { padding:0 20px; margin:30px 0; font-size:1.125rem; }
.SitemapTree .list > li:not(.home) > a { padding:0.75em 1em; background-color:#e9e9e9; font-weight:600; }
/* 第2層 */
.SitemapTree .list > li > ol { margin-left:1.1em; margin-top:10px; }
.SitemapTree .list > li > ol > li { font-size:1rem; }
.SitemapTree .list > li > ol > li a { padding:5px 0; }
/* 第3層 */
.SitemapTree .list > li > ol > li > ol { margin-left:2.2em; }
.SitemapTree .list > li > ol > li > ol > li { font-size:0.9375rem; }
.SitemapTree .list > li > ol > li > ol > li a { padding:5px 0; }
/* 第4層 */
.SitemapTree .list > li > ol > li > ol > li > ol { margin-left:3.3em; }
.SitemapTree .list > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; }
.SitemapTree .list > li > ol > li > ol > li > ol > li a { padding:5px 0; }
/* 第5層 */
.SitemapTree .list > li > ol > li > ol > li > ol > li > ol { margin-left:4.4em; }
.SitemapTree .list > li > ol > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; color:#666; }
.SitemapTree .list > li > ol > li > ol > li > ol > li > ol > li a { padding:5px 0; color:#666; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResultStat { margin-bottom:40px; }
	@media screen and (min-width: 640px) {
	.SearchResultStat { font-size:1.125rem; }
	}
.SearchResultStat > div { display:flex; align-items:center; flex-wrap:wrap; }
.SearchResultStat .title { line-height:2em; position:relative; }
.SearchResultStat .title::after { content:'：'; }
.SearchResultStat .tags {  line-height:2em; }
.SearchResultStat .tags span { display:inline-block; background-color:#f9e7e8; padding:0 3px; margin:5px; color:#c70019; }
.SearchResultStat .total { line-height:2em; }
.SearchResultStat .total span { margin:0 5px; color:#c70019; font-weight:700; }

.SearchResultList .item { margin-top:50px; border:1px solid #e5e5e5; padding:15px 20px; }
.SearchResultList .title { margin-bottom:10px; line-height:1.5em; color:#2a2a2a; font-weight:600; position:relative; }
.SearchResultList .title a { display:inline-block; color:#2a2a2a; text-decoration:none; }
.SearchResultList .title a:hover, .SearchResultList .title a:focus { color:#c70019; }
.SearchResultList .date { display:inline-block; align-items:center; color:#847266; font-family:'Josefin Sans', sans-serif; line-height:1.25em; }
.SearchResultList .cat { 
	display:inline-block; margin-left:15px; padding:0 1em; border-left:1px solid #c70019; border-right:1px solid #c70019; position:relative; line-height:1.25em; color:#c70019; 
	}
.SearchResultList .cat a { display:block; color:#c70019; font-weight:600; text-decoration:none; }
.SearchResultList .cat a:hover, .SearchResultList .cat a:focus { text-decoration:underline; }
.SearchResultList .desc { margin-top:15px; padding-top:10px; border-top:1px solid #e5e5e5; position:relative; }
.SearchResultList .desc > div { color:#666; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.SearchResultList mark.match { 
	display:inline-block; padding:0 0.1em; background-color:#f9e7e8; color:#c70019; 
	}

/* RWD */
@media screen and (max-width: 479px) {
.SearchResultList .title { font-size:1.25rem; }
.SearchResultList .date, .SearchResultList .cat { font-size:0.875rem; }
.SearchResultList .cat { margin-left:8px; padding:0 0.5em; }
}
@media screen and (min-width: 480px) {
.SearchResultList .title { font-size:1.5rem; }
}

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


/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
/* 注意 ------
fieldset內，表單元件max-width:100%會失效(但IE沒事),加上如下兩個fix(尚未經測試),但須確保fieldset沒有左右margin
又或者,不要用fieldset,改用div
*/
/*IOS webkit fix*/
fieldset.FormGroup { 
	width:auto;
	min-width:0;
	max-width:none;
	}
/*Mozilla fix*/
@-moz-document url-prefix() { fieldset.FormGroup { display:table-cell; }}

.FormGroup { 
	max-width:100%; overflow:hidden; position:relative; 
	margin-left:0; margin-right:0; /*消除fieldset的左右margin*/
	}
.FormGroup::after { content:''; display:block; clear:both; }
legend.FormGroupTitle { padding-left:0; padding-right:0; }/*消除legend的左右padding*/

.FormGroupWarp { background-color:#f6f6f6; margin-top:50px; margin-bottom:60px; }
.FormGroupWarp > div { max-width:960px; margin-left:auto; margin-right:auto; }
	.FormGroupWarp > div > *:first-child { margin-top:0; }
	.FormGroupWarp > div > *:last-child { margin-bottom:0; }
.FormGroup { border:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; position:relative; }
	.FormGroup > *:first-child { margin-top:0; }
	.FormGroup > *:last-child { margin-bottom:0; }
.FormGroupTitle { float:left; margin-bottom:20px; }
	.FormGroupTitle + * { clear:left; }
.FormGroupTitle span { display:block; padding:0.5em 1.5em; background-color:#545454; color:#fff; font-size:1.25rem; font-weight:600; line-height:1.5em; }
.FormGroupTitle.icon span::before { 
	content:''; display:inline-block; width:22px; height:22px; vertical-align:middle; margin:0 10px 0.15em 0; 
	background:url("../images/icon_legend.png") no-repeat; background-size:100%; 
	}
	.FormGroupTitle.search span::before { background-position:0 0; }
	.FormGroupTitle.setting span::before { background-position:0 10%; }
@media screen and (max-width: 639px) {
.FormGroupWarp { padding:30px 20px 30px; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.FormGroupWarp { padding:30px 30px 30px; }
}
@media screen and (min-width: 1024px) {
.FormGroupWarp { padding:30px 40px 30px; }
}

/* 表單表格 */
.FormTableWrap { margin:10px 0 30px; }
.FormTableWrap > *:first-child { margin-top:0; }
.FormTableWrap > *:last-child { margin-bottom:0; }
table.FormTable { width:100%; margin:10px 0 20px; table-layout:fixed; }
table.FormTable.small { max-width:700px; margin-left:auto; margin-right:auto; }
table.FormTable > tbody > tr > th { line-height:1.5em; font-size:1.125rem; font-weight:500; position:relative; }
table.FormTable > tbody > tr > th span.required { color:#c70019; font-size:0.875rem; }
	table.FormTable > tbody > tr > th span.required::before { content:'('; }
	table.FormTable > tbody > tr > th span.required::after { content:')'; }
table.FormTable > tbody > tr > td { line-height:1.5em; }
@media screen and (max-width: 1023px) {
.FormTable { width:auto; }
table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { display:block; }
table.FormTable > tbody > tr { padding:20px 0 15px 0; position:relative; border-bottom: 1px solid #999; }
    table.FormTable > tbody > tr:last-child { padding-bottom:0; border-bottom: none; }
table.FormTable > tbody > tr > th { margin-bottom:10px; text-align:left; font-weight:bold; font-size:1.125rem; }
}
@media screen and (min-width: 1024px) {
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { vertical-align:top; }
table.FormTable > tbody > tr > th { height:1px; width:225px; padding:12px 25px 12px 0; text-align:right; }
table.FormTable > tbody > tr > th > div { 
	max-height:48px; height:100%; 
	display:flex; justify-content:flex-end; align-items:center; align-content:center; flex-wrap:wrap; 
	}
table.FormTable > tbody > tr > td { padding:7px 0 7px 0; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	table.FormTable > tbody > tr > th { font-size:1rem; }
	}

/* 表單元件 */
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	line-height:48px; height:48px; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	max-width:100%; margin-top:5px; margin-bottom:5px; margin-right:5px; vertical-align:middle; font-size:1rem; color:#2a2a2a;
	}
	.FormElmt input::placeholder { color:#666; }
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"], 
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea {
	background-color:#fff; border:1px solid #ccc; box-sizing:border-box; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	padding:0 15px; 
	}
.FormElmt textarea { padding:15px; }
.FormElmt select { padding-left:15px; padding-right:15px; height:48px; max-width:100%; }
.FormElmt input[type="radio"], .FormElmt input[type="checkbox"] { width:24px; height:24px; accent-color:#c70019; }

.FormElmt input[type="text"]:focus, .FormElmt input[type="password"]:focus, .FormElmt input[type="file"]:focus, 
.FormElmt input[type="number"]:focus, .FormElmt input[type="date"]:focus, .FormElmt input[type="month"]:focus,
.FormElmt input[type="week"]:focus, .FormElmt input[type="time"]:focus, .FormElmt input[type="datetime-local"]:focus,
.FormElmt input[type="email"]:focus, .FormElmt input[type="search"]:focus, .FormElmt input[type="tel"]:focus, .FormElmt input[type="url"]:focus,
.FormElmt input[type="color"]:focus, .FormElmt input[type="hidden"]:focus, .FormElmt input[type="range"]:focus,
.FormElmt textarea:focus, .FormElmt select:focus {
	border-color:#c70019; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); transition:all ease-in-out .15s;
	}
.FormElmt input[disabled], .FormElmt textarea[disabled], .FormElmt select[disabled] { 
	background-color:#fff; color:#666; opacity:1; padding:0; height:auto; line-height:inherit;
	box-shadow:none;
	}
	.FormElmt select[disabled] { cursor:default; }
	.FormElmt input[type="file"][disabled] { border:0; background:none; }
	.FormElmt input[type="radio"][disabled] + label, .FormElmt input[type="checkbox"][disabled] + label { color:#999; }

@media screen and (max-width: 639px) {
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	font-size:0.9375rem;
	}
.FormElmt input[type="file"] { width:100%; }
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] {
	padding:0 10px;
	}
.FormElmt textarea { padding:10px; }
.FormElmt select { padding-left:10px; padding-right:10px; }
}
	
.FormElmt hr { margin:15px 0 5px; }
.FormElmt .w40 { width:40px; }
.FormElmt .w60 { width:60px; }
.FormElmt .w80 { width:80px; }
.FormElmt .w100 { width:100px; }
.FormElmt .w150 { width:150px; }
.FormElmt .w200 { width:200px; }
.FormElmt .w250 { width:250px; }
.FormElmt .w300 { width:300px; }
.FormElmt .w350 { width:350px; }
.FormElmt .w400 { width:400px; }
.FormElmt .w500 { width:500px; }
.FormElmt .fullwidth { width:100%; }
.FormElmt .date, .FormElmt .datepicker { width:130px; }

/* 表單內按鈕 */
.FormElmt .inline-btn { display:flex; align-items:center; flex-wrap:wrap;  margin:0.25em 0; vertical-align:middle; font-size:0.9375rem; }
	.FormElmt .inline-btn.inline { width:auto; display:inline-flex; margin:0 0 0 10px; }
	.FormElmt .inline-btn.inline.gapless { margin-left:0; }
.FormElmt .inline-btn .btn { margin:5px 5px 5px 0; }
.FormElmt .inline-btn .btn > * { 
	display:flex; align-items:center; padding-left:15px; padding-right:15px; background-color:#666666; color:#fff; line-height:48px; text-decoration:none; 
	}
.FormElmt .inline-btn .btn > *[class]::before { 
	content:''; display:block; width:18px; height:18px; margin-right:5px; background:url("../images/icon_inline_btn.png") no-repeat; background-size:200%; 
	}
	.FormElmt .inline-btn .btn .mail::before { background-position:0 0; }
	.FormElmt .inline-btn .btn .msg_alert::before { background-position:0 20%; }
.FormElmt .inline-btn .btn > *:hover, .FormElmt .inline-btn .btn > *:focus { background-color:#c70019; }


/* 表單警告/提示 */
.FormElmt .note-txt { margin:0.25em 0; vertical-align:middle; color:#847266; font-size:0.9375rem; }
	.FormElmt .note-txt.inline { width:auto; display:inline-flex; margin-left:10px; }
	.FormElmt .note-txt.inline.gapless { margin-left:0; }

.FormElmt .alert-txt { display:flex; align-items:center; flex-wrap:wrap; margin:0.25em 0; vertical-align:middle; color:#c70019; font-size:0.9375rem; }
	.FormElmt .alert-txt.inline { width:auto; display:inline-flex; margin-left:10px; }
	.FormElmt .alert-txt.inline.gapless { margin-left:0; }
.FormElmt .alert-txt::before { 
	content:'!'; display:inline-block; margin-right:5px; background-color:#c70019; border-radius:50%; width:16px; line-height:16px; 
	text-align:center; font-family:'Montserrat', sans-serif; color:#fff; font-weight:700; font-size:0.75rem; letter-spacing:0; 
	}

.FormElmt .alert-tag { margin:0.5em 0; vertical-align:middle; }
.FormElmt .alert-tag.inline { width:auto; display:inline-flex; margin-left:10px; }
.FormElmt .alert-tag span { 
	display:block; padding-left:15px; padding-right:15px; background-color:#c70019; 
	color:#fff; line-height:36px; font-size:0.875rem; position:relative; 
	}
.FormElmt .alert-tag span::after { 
	display:block; content:''; position:absolute; top:50%; right:100%; margin-top:-5px;
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #c9161d; 
	}

/* checkbox/radio群組 */
.FormElmt .form-check-group { max-width:100%; vertical-align:middle; }
.FormElmt .form-check-group.inline { width:auto; display:inline-flex; margin-left:10px; }
.FormElmt .form-check-group.inline.gapless { margin-left:0; }
.FormElmt .form-check-group ul, .FormElmt .form-check-group dl { display:flex; align-items:center; flex-wrap:wrap; }
.FormElmt .form-check-group li, .FormElmt .form-check-group dd { 
	display:flex; align-items:center; margin-right:20px; max-width:100%; vertical-align:middle; 
	}
.FormElmt .form-check-group.item_block ul, 
.FormElmt .form-check-group.item_block dl { display:block; }
.FormElmt .form-check-group.item_block li, 
.FormElmt .form-check-group.item_block dd, 
.FormElmt .form-check-group .fullwidth { margin-right:0; }
.FormElmt .form-check-group label { display:flex; align-items:center; }
.FormElmt .form-check-group label + * { margin-left:15px; }
.FormElmt .form-check-group li.divider, .FormElmt .form-check-group dd.divider { height:40px; position:relative; }
.FormElmt .form-check-group li.divider::before, .FormElmt .form-check-group dd.divider::before { 
	content:''; display:block; position:absolute; top:50%; left:0; margin-top:-15px; height:30px; border-left:1px solid #ccc; 
	}

/* 市內電話(含分機) */
.FormElmt .local_call { display:flex; align-items:center; flex-wrap:wrap; }
.FormElmt .local_call > div { flex:0 1 auto; }
.FormElmt .local_call .area_code { position:relative; width:95px; display:flex; justify-content:space-between; align-items:center; }
.FormElmt .local_call .area_code::after { content:''; display:block; position:absolute; top:50%; right:0; width:5px; border-top:1px solid #696f82; }
.FormElmt .local_call .area_code input { width:80px; }
.FormElmt .local_call .tel_num { margin-left:10px; }
.FormElmt .local_call .ext { margin-left:10px; }
.FormElmt .local_call .ext::before { content:'分機'; display:inline-block; margin-right:5px; }

/* 地址 */
.FormElmt .address { display:flex; align-items:center; flex-wrap:wrap; }
.FormElmt .address > div { flex:0 1 auto; }
.FormElmt .address .zip_code { position:relative; width:135px; display:flex; justify-content:space-between; align-items:center; }
.FormElmt .address .zip_code::after { content:''; display:block; position:absolute; top:50%; right:0; width:5px; border-top:1px solid #696f82; }
.FormElmt .address .zip_code input { width:120px; }
.FormElmt .address .city select { width:100%; }
.FormElmt .address .district select { width:100%; }
.FormElmt .address .text { width:100%; }
@media screen and (max-width: 799px) {
.FormElmt .address .city { padding-left:10px; }
.FormElmt .address .district { padding-left:10px; }
}
@media screen and (min-width: 800px) {
.FormElmt .address .city { padding-left:10px; width:calc((100% - 135px) / 2); }
.FormElmt .address .district { padding-left:20px; width:calc((100% - 135px) / 2); }
}

/* 驗證碼 */
.FormElmt .randomcode { 
	display:flex; align-items:center; align-content:center; flex-wrap:wrap;
	}
.FormElmt .randomcode > div { flex:0 1 auto; margin-right:10px; line-height:normal; }
.FormElmt .randomcode .input input[type="text"] { width:150px; }
.FormElmt .randomcode .img img { display:block; }
.FormElmt .randomcode .btns { margin-left:10px; }
.FormElmt .randomcode .btns > * { 
	border:0; padding:0; margin-right:10px; height:36px; position:relative; 
	display:inline-flex; align-items:center; flex-wrap:wrap;
	font-size:0.9375rem; line-height:40px; color:#333; text-decoration:none;
	}
.FormElmt .randomcode .btns > *:last-child { margin-right:0; }
.FormElmt .randomcode .btns > *:hover, .FormElmt .randomcode .btns > *:focus { color:#c70019; }
.FormElmt .randomcode .btns > *::before { 
    display:inline-block; content:''; width:15px; height:15px; vertical-align:middle; margin-right:5px; 
	background:url("../images/icon_random_code.png") no-repeat; background-size:200%; 
	}
	.FormElmt .randomcode .refresh::before { background-position:0 0; }
	.FormElmt .randomcode .play::before { background-position:0 20%; }
	.FormElmt .randomcode .refresh:hover::before, .FormElmt .randomcode .refresh:focus::before { background-position:right 0; }
	.FormElmt .randomcode .play:hover::before, .FormElmt .randomcode .play:focus::before { background-position:right 20%; }
.FormElmt .randomcode .btns > *::after { display:block; content:'';position:absolute; bottom:3px; left:0; width:100%; height:1px; background-color:#999; }
.FormElmt .randomcode .btns > *:hover::after, .FormElmt .randomcode .btns > *:focus::after { background-color:#c70019; }

/* 按鈕 */
.BtnCommon { margin-top:60px; margin-bottom:60px; clear:both; text-align:center; }
	.BtnCommon.tl { text-align:left; }
	.BtnCommon.tr { text-align:right; }
.BtnCommon div { display:inline-block; margin-top:5px; margin-bottom:5px; }
	@media screen and (max-width: 639px) {
	.BtnCommon div, .BtnCommon.tc div { margin-right:10px; margin-left:10px; }
	.BtnCommon.tl div { margin-right:20px; margin-left:0; }
	.BtnCommon.tr div { margin-right:0; margin-left:20px; }
	}
	@media screen and (min-width: 640px) {
	.BtnCommon div, .BtnCommon.tc div { margin-right:15px; margin-left:15px; }
	.BtnCommon.tl div { margin-right:30px; margin-left:0; }
	.BtnCommon.tr div { margin-right:0; margin-left:30px; }
	.BtnCommon.small div, .BtnCommon.tc.small div { margin-right:5px; margin-left:5px; }
	.BtnCommon.tl.small div { margin-right:10px; margin-left:0; }
	.BtnCommon.tr.small div { margin-right:0; margin-left:10px; }
	}
.BtnCommon .btn, .BtnCommon span { display:block; }
.BtnCommon span { display:flex; align-items:center; }
	@media screen and (min-width: 640px) {
	.BtnCommon span {  min-width:4.4em; }
	}
.BtnCommon .btn { background-color:#d2c7c0; position:relative; overflow:hidden; color:#2a2a2a; font-weight:500; }
	.BtnCommon .reset .btn { background-color:#efefef; }
	.BtnCommon .del .btn { background-color:#efefef; }
	.BtnCommon .focus .btn { background-color:#9a494e; color:#fff; }
	.BtnCommon.large .btn { height:64px; line-height:64px; letter-spacing:0.2em; }
    .BtnCommon.mid .btn { height:54px; line-height:54px; }
	.BtnCommon.small .btn { height:40px; line-height:40px; }
	
	@media screen and (max-width: 639px) {
	.BtnCommon.large .btn { padding-left:1em; padding-right:90px; font-size:1.125rem; }
	.BtnCommon.mid .btn { padding-left:0.75em; padding-right:75px; font-size:0.9375rem; }
	.BtnCommon.small .btn { padding-left:0.5em; padding-right:56px; font-size:0.875rem; }
	}
	@media screen and (min-width: 640px) {
	.BtnCommon.large .btn { padding-left:1.5em; padding-right:90px; font-size:1.25rem; }
	.BtnCommon.mid .btn { padding-left:1em; padding-right:75px; font-size:1.125rem; }
	.BtnCommon.small .btn { padding-left:0.75em; padding-right:56px; font-size:1rem; }
	}
.BtnCommon a { text-decoration:none; }

/* 按鈕加icon */
.BtnCommon div[class] .btn::before { 
	content:''; display:block; position:absolute; top:0; right:0; height:100%; background-color:rgba(0,0,0,0.1); 
	transform-origin:left bottom; transform:skewX(-20deg); 
	}
	.BtnCommon.large div[class] .btn::before { width:72px; }
	.BtnCommon.mid div[class] .btn::before { width:60px; }
	.BtnCommon.small div[class] .btn::before { width:45px; }
	.BtnCommon div.submit.focus .btn::before { background-color:rgba(0,0,0,0.2); }
.BtnCommon div[class] .btn::after { 
	content:''; position:absolute; top:50%; display:block; flex:0 1 auto; 
	background:url("../images/icon_btn_common.png") no-repeat; background-size:200%;
	}
	.BtnCommon.large div[class] .btn::after { right:18px; width:22px; height:22px; margin-top:-11px; }
	.BtnCommon.mid div[class] .btn::after { right:14px; width:20px; height:20px; margin-top:-10px; }
	.BtnCommon.small div[class] .btn::after { right:10px; width:16px; height:16px; margin-top:-8px; }
	.BtnCommon div.submit .btn::after { background-position:0 0; }
	.BtnCommon div.submit.focus .btn::after { background-position:right 0; }
    .BtnCommon div.reset .btn::after { background-position:0 10%; }
    .BtnCommon div.return .btn::after { background-position:0 20%; }
    .BtnCommon div.del .btn::after { background-position:0 30%; }
    .BtnCommon div.save .btn::after { background-position:0 40%; }
    .BtnCommon div.preview .btn::after { background-position:0 50%; }
.BtnCommon .no_icon .btn::before, .BtnCommon .no_icon .btn::after { display:none; }

/* 按鈕加漸層效果(可以不要) */
/*.BtnCommon div[class] > *::after { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	}*/

.BtnCommon .btn:hover, .BtnCommon .btn:focus { background-color:#c70019; color:#fff; }
.BtnCommon div.reset .btn:hover, .BtnCommon div.reset .btn:focus { background-color:#d4d4d4; color:#2a2a2a; }
.BtnCommon div.del .btn:hover, .BtnCommon div.del .btn:focus { background-color:#d4d4d4; color:#2a2a2a; }
.BtnCommon div.submit .btn:hover::after, .BtnCommon div.submit  .btn:focus::after { background-position:right 0; }
.BtnCommon div.return .btn:hover::after, .BtnCommon div.return .btn:focus::after { background-position:right 20%; }
.BtnCommon div.save .btn:hover::after, .BtnCommon div.save .btn:focus::after { background-position:right 40%; }
.BtnCommon div.preview .btn:hover::after, .BtnCommon div.preview .btn:focus::after { background-position:right 50%; }

/* 表單送出畫面 */
.FormFeedbackBox { 
	max-width:940px; margin:80px auto 60px; 
	background:linear-gradient(to top, #f3f0e9 0%, #ffffff 30%, #ffffff 100%); border:1px solid #a58e80; box-shadow:0 0 25px rgba(0,0,0,0.10);
	}
.FormFeedbackBox .icon { width:96px; height:96px; margin:0 auto 35px; background:url("../images/icon_form_feedbac.png") no-repeat; background-size:100%; }
	.FormFeedbackBox .icon.success { background-position:0 0; }
	.FormFeedbackBox .icon.failure { background-position:0 20%; }
.FormFeedbackBox .text { line-height:2em; font-weight:500; }
	@media screen and (max-width: 639px) {
	.FormFeedbackBox { padding:20px 20px 30px; }
	}
	@media screen and (min-width: 640px) {
	.FormFeedbackBox { padding:3.125vw 4.166vw 4.166vw; }
	.FormFeedbackBox .text { font-size:1.125rem; }
	}

/* 條款 */
.TermsandConditions { margin-top:40px; margin-bottom:60px; }
	.EventSignProBar + .TermsandConditions { margin-top:60px; }
.TermsandConditions .terms_cont { border:1px solid #e9e9e9; background-color:#fff; overflow-y:scroll; }
	@media screen and (max-width: 1023px) {
	.TermsandConditions .terms_cont { padding:15px 20px; }
	}
	@media screen and (min-width: 1024px) {
	.TermsandConditions .terms_cont { padding:25px 50px; }
	}

	@media screen and (max-width: 639px) {
	.TermsandConditions .terms_cont { height:50vh; }
	}
	@media screen and (min-width: 640px) and (max-width: 1023px) and (orientation: landscape) {
	.TermsandConditions .terms_cont { height:50vh; }
	}
	@media screen and (min-width: 640px) and (max-width: 1023px) and (orientation: portrait) {
	.TermsandConditions .terms_cont { height:200px; }
	}
	@media screen and (min-width: 1024px) {
	.TermsandConditions .terms_cont { height:320px; }
	}
.TermsandConditions .terms_cont > *:first-child { padding-top:0; margin-top:0; }
.TermsandConditions .terms_cont > *:last-child { padding-bottom:0; margin-bottom:0; }

.TermsandConditions .terms_agree { margin-top:20px; display:flex; justify-content:center; }
.TermsandConditions .terms_agree label { display:flex; align-items:center; line-height:2em; font-size:1.125rem; }
.TermsandConditions .terms_agree input[type="checkbox"] { width:24px; height:24px; margin-right:10px; accent-color:#c70019; vertical-align:middle; }


/*----------------------------------------------------------------------*/
/* colorbox通用設定 */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:10001; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative;font-size:14px; text-align:center; }
#cboxLoadedContent { overflow:auto;padding:30px 5px 60px 5px; }

#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#000; }
#colorbox {}
    #cboxContent { margin-top:20px; }
        .cboxIframe { background:#fff; }
        #cboxError { padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent { border:5px solid #000; background:#000; }
        #cboxTitle { position:absolute; bottom:10px; *bottom:20px; left:0; width:100%; padding:0 10px; box-sizing:border-box; color:#fff; line-height:18px; }
        #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
        #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }
        #cboxPrevious { 
			position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top left; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxPrevious:hover { background-position:bottom left; }
        #cboxNext { 
			position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top right; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxNext:hover { background-position:bottom right; }
        #cboxLoadingOverlay { background:#000; }
        #cboxLoadingGraphic { background:url("../images/colorbox_loading.gif") no-repeat center center; }
        #cboxClose { 
			position:absolute; top:5px; right:5px; display:block; background:url("../images/colorbox_controls.png") no-repeat top center; 
			width:38px; height:19px; text-indent:-9999px;
			}
        #cboxClose:hover {background-position:bottom center; }