@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------*/
/* 內頁 */
#Header { background-color:#f2f0f1; border-bottom:10px solid #8c816f; }
#Center { position:relative; }
#Content { max-width:1470px; margin:0 auto; background:url(../images/bg_cont_line.png) repeat-y center top; overflow:hidden; }
#Content:after { content:""; clear:both; display:block; }

.CatTitle, .ListSearch, #Pagination, .content_info, 
.ListTable, .ListPicText, .PublicationList, .PublicationCont, .PublicationPast, .MediaList, .media_cat, .MediaCont, .Ecard, .EventList, .VoteCont, 
.Popsci .video > div, .Popsci .list > div, .SearchResult,
#Content > .FormTableWrap, #Content > .FormTableWrap, #Content > .FormGroup, #Content > .event_apply, #Content > .FormGroupWrap {
	max-width:1240px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box; background-color:#fff;
	}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
.PageTitle { position:relative; text-align:center; padding:1.5em 1.5em 0; }
.PageTitle h2 { color:#424a5d; letter-spacing:.225em; padding-left:.225em; padding-bottom:.225em; font-size:1.5em; }
.PageTitle:after { content:""; display:inline-block; background:#d5d0c5; width:1px; height:24px; }

/* 導覽列(麵包屑) */
#Breadcrumbs { max-width:1280px; margin:0 auto; background-color:#fff; box-sizing:border-box; padding:0 15px; }
#Breadcrumbs ul { display:inline-block; overflow:hidden; padding:3px 0; }
#Breadcrumbs ul li { float:left; padding:2px 18px 2px 0; font-size:0.875em; color:#989faf; position:relative; }
#Breadcrumbs ul li:last-child { padding-right:0; }
#Breadcrumbs ul li a { display:block; color:#989faf; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'/'; position:absolute; top:-1px; right:4px; color:#989faf; font-size:1.125rem; font-family:Georgia; }
	#Breadcrumbs ul li a:hover { text-decoration:underline; }
#Breadcrumbs ul li:last-child, #Breadcrumbs ul li:last-child a { color:#424a5d; }
	#Breadcrumbs ul li:last-child:after { content:''; }

/*----------------------------------------------------------------------*/
/* 工具列 */
.ToolBar { font-size:0.8125rem; color:#8c816f; max-width:1280px; margin:0 auto; background-color:#fff; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; width:100%; clear:both; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { 
	box-sizing:border-box;
	}
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after {
	content:''; display:block; position:absolute; top:0; left:0; width:30px; height:30px;
	background:url("../images/icon_toolbar.png") no-repeat;
	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left { float:left; }
.ToolBar .colm_left a { float:left; margin-left:15px; color:#8c816f; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:relative; display:inline-block; margin-right:5px; vertical-align:bottom; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 -30px; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#8c816f; }
.ToolBar .colm_left a:hover span, .ToolBar .colm_left a:focus span { }
	.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:right 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:right -30px; }

.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dd { margin-right:6px; }
.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { cursor:pointer; text-indent:-10000px; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 -60px; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 -90px; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 -120px; }
.ToolBar dl.font_size a:hover, .ToolBar dl.font_size a:focus { }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right -60px; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right -90px; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right -120px; }

.ToolBar dl.share > * { float:left; }
.ToolBar dl.share { position:relative; }
.ToolBar dl.share dd { margin-left:8px; }
.ToolBar dl.share dd a { position:relative; text-indent:-10000px; cursor:pointer; }
.ToolBar dl.share a::after { background:url("../images/icon_toolbar.png") no-repeat; content:''; display:block; position:absolute; top:0; left:0; width:30px; height:30px; }
	.ToolBar dl.share dd.facebook a::after { background-position:0 -150px; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 -180px; }
	.ToolBar dl.share dd.google_plus a::after { background-position:0 -210px; }
	.ToolBar dl.share dd.facebook a:hover::after { background-position:right -150px; }
	.ToolBar dl.share dd.twitter a:hover::after { background-position:right -180px; }
	.ToolBar dl.share dd.google_plus a:hover::after { background-position:right -210px; }

.ToolBar dl.share .noscript { float:none; display:block; }
.ToolBar dl.share .noscript a { display:inline; }

/*----------------------------------------------------------------------*/
/* 標題 */
h3.title { line-height:150%; color:#424a5d; background:#fff; padding:.325em 0; }
h3.title:before { content:""; background-color:#8b816e; width:80px; height:1px; display:block; margin-bottom:0.25em; }
h3.title:after { content:""; background-color:#8b816e; width:80px; height:1px; display:block; margin-top:0.25em; }
.postdate { font-family:Georgia; font-size:0.875em; color:#9fa2a9; background:#fff; }
h3.title, .postdate { padding-left:15px; padding-right:15px; }
	
/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin:15px 0; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; font-weight:normal; line-height:2.5rem; font-size:1.375em; }
.CatTitle .cat_select { line-height:40px; font-size:0.9375em; }
.CatTitle .cat_select .btn { color:#fff; background-color:#333; margin:0 0 0 5px; padding:0 12px; height:40px; line-height:40px; letter-spacing:0.125em; }
.CatTitle .cat_select .btn:hover { background-color:#009b93; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; font-size:1em; font-weight:400; }

/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch .title { display:none; }
.ListSearch > div > div { margin-bottom:10px; padding:0; }
.ListSearch .item{ display:inline-block; max-width:100%; line-height:40px; position:relative; margin-right:10px; }
.ListSearch .label{ font-size:0.875em; font-weight:bold; letter-spacing:.03em; line-height:32px; }
.ListSearch .label::after{ content:'：';  }
.ListSearch.FormElmt input[type="text"], .ListSearch.FormElmt select{ vertical-align:middle; margin-bottom:0;}

.ListSearch.FormElmt:before { content:""; position:absolute; left:-20px; top:0; width:1280px; height:1px; background-color:#d5d0c5; }
.ListSearch.FormElmt { padding-top:15px; position:relative; }
.ListSearch.FormElmt select{ padding:0 8px;}
.ListSearch.FormElmt .BtnCommon{ position:inherit; display:inline-block; vertical-align:bottom;}
.ListSearch.FormElmt .BtnCommon input[type="submit"]{ padding:0; line-height:40px; width:80px; font-size:100%;}

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; font-size:1em; }
#Pagination a { font-family:'Raleway', "微軟正黑體"; font-weight:600; display:inline-block; width:35px; text-decoration:none; line-height:35px; color:#555; box-sizing:border-box; }
#Pagination a:hover { color:#c6171e; }
#Pagination a.focuz { border:1px solid #8b816e; color:#8b816e; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; font-size:0.875em; }

#Pagination .current { width:auto; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#333; background-color:transparent; }
	
#Pagination .setting { display:block; clear:both; line-height:32px; color:#555; font-size:.875em; padding-top:12px; }
#Pagination .setting select { padding:6px 0 5px 4px; height:32px; vertical-align:top; }
#Pagination .setting input { vertical-align:top; }
#Pagination .setting input[type="text"] { width:20px; height:30px; padding:0 5px; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	border:1px solid #f2f0f1; background-color:#f2f0f1;
}
#Pagination .setting input[type="button"] { height:32px; padding:0 7px; margin-left:3px; background-color:#8c816f; color:#fff; font-size:1em; }
#Pagination .setting input[type="button"]:hover { background-color:#c9161d; }


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

/* 延伸閱讀 */
.related_articles { 
	max-width:1280px; margin-left:auto; margin-right:auto; margin-top:60px; padding:10px 20px;
	box-sizing:border-box; border-top:1px solid #d5d0c5; border-bottom:1px solid #d5d0c5; background:#fff; 
	}
.related_articles .title { padding:10px 0 10px 36px; font-size:1.375em; line-height:150%; color:#ac8d5e; position:relative; }
.related_articles .title::before { 
	content:''; display:block; position:absolute; top:15px; left:0; width:24px; height:24px; 
	background:url("../images/icon_related_articles.png") no-repeat 0 0; background-size:cover; 
	}
.related_articles .list { list-style-type:decimal; margin-left:30px; }
.related_articles .list li { padding:12px 0; color:#595959; font-size:1.125rem; line-height:150%; }
.related_articles .list a { display:block; color:#595959; text-decoration:none; }
.related_articles .list a:hover { color:#ac8d5e; text-decoration:underline; }

/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox * { box-sizing:border-box; }
.searchBox > div { float:left; position:relative; border:1px solid #ccc; margin-left:10px; width:270px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.searchBox > div:first-child { margin-left:0; }
.searchBox input { border:none; background-color:transparent; vertical-align:top; height:38px; line-height:38px; padding:0; font-size:100%; }
.searchBox input[type="text"] { padding:0 10px; width:100%; -moz-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
.searchBox input[type="text"]:focus { background:#fff; box-shadow:none; outline:none; }
.searchBox input[type="submit"] { background:url(../images/icon_search3.png) no-repeat center center; padding:0 19px; text-indent:-9999px; position:absolute; right:0; top:0;  -moz-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
.searchBox .search { padding-right:38px; }

.searchBox .select { display:block; height:40px; line-height:40px; color:#282828; font-size:100%; position:relative; _filter:alpha(opacity=0); background:#ffffff url(../images/sub_arrow.png) right center no-repeat; }
.searchBox .select label { padding:0 35px 0 10px; font-size:100%; z-index:2; color:#282828; line-height:38px; height:38px; display:block; border:none; }
.searchBox .select select { width:100%; height:38px; line-height:38px; z-index:4; position:absolute; top:0; left:0; margin:0; padding:0; opacity:0; *margin-top:12px; filter:alpha(opacity=0); cursor:pointer; font-size:100%; border:none; border-radius:0; background:none; }

.searchBox.mid { padding:30px 0; overflow:hidden; }

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

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { padding-top:10px; padding-bottom:30px; position:relative; }
.ListTable table { width:100%; font-size:1em; }
.ListTable caption { padding:10px; letter-spacing:.05em; }
.ListTable td { position:relative; line-height:1.75rem; }
.ListTable td a { color:#424a5d; }

.ListTable td.no { font-family:'Raleway', sans-serif; font-weight:600; font-size:0.875em; color:#6f6559; }
.ListTable td.date { font-family:'Raleway', '微軟正黑體'; font-weight:600; font-size:0.875em; color:#6f6559; }
.ListTable td.title { color:#424a5d; }
.ListTable td.title a { display:block; color:#424a5d; font-weight:bold; text-decoration:none; }
.ListTable td.title a:hover, .ListTable td.title a:focus { color:#de1e19; }
.ListTable td.title span { display:block; font-size:0.8125rem; color:#7e7e7e; }

.ListTable td.ques_limit, .ListTable td.vote_limit { font-family:'Raleway', '微軟正黑體'; }
.ListTable td.ques_limit strong { color:#be9645; }
.ListTable td.ques_fill a { 
	display:inline-block; background-color:#8c816f; padding:0 10px; color:#fff; font-size:0.875rem; line-height:32px; white-space:nowrap; text-decoration:none; 
	}
.ListTable td.ques_fill a:hover { background-color:#c9161d; }
.ListTable td.vote_result a { 
	display:inline-block; background-color:#8c816f; padding:0 10px; color:#fff; font-size:0.875rem; line-height:32px; white-space:nowrap; text-decoration:none; 
	}
.ListTable td.vote_result a:hover { background-color:#c9161d; }

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

.ListPicText { padding-top:10px; padding-bottom:10px; overflow:hidden; }
.ListPicText .item > div { 
	background-color:#fff; height:100%; position:relative;
	}
.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:66.7%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ListPicText .cat { display:inline-block; background-color:#8c816f; color:#fff; line-height:1.25em; font-size:0.8125em; padding:0.465em .625em; margin-bottom:5px; }
.ListPicText .date { color:#777; line-height:180%; font-family:'Raleway'; }
.ListPicText .title { margin-bottom:10px; }
.ListPicText .title a { display:block; color:#333; line-height:150%; text-decoration:none; }
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#c6171e; }
.ListPicText .desc { color:#555; line-height:180%; }
.ListPicText .btn { display:none; }

.ListPicText.grid-view .cont { position:relative; }
.ListPicText.grid-view .cat { position:absolute; top:-1.0714em; left:0; margin-left:1em; }

/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList::after, .PublicationList > div::after, .PublicationList .item > div::after { content:''; display:block; width:100%; clear:both; }
.PublicationList .item, .PublicationList .item > div, .PublicationList .img, .PublicationList .img > div, .PublicationList .cont, .PublicationList .btn { box-sizing:border-box; }

.PublicationList { position:relative; }
.PublicationList .item { border-bottom:1px solid #d5d0c5; }
.PublicationList .img {
	float:left; margin-bottom:10px; position:relative;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
.PublicationList .img a { display:block; overflow:hidden; position:relative; }
.PublicationList .img img { display:block; width:100%; }
.PublicationList .img:hover img, .PublicationList .img a:focus img { }
.PublicationList .title { margin-bottom:10px; }
.PublicationList .title a { position:relative; color:#424a5d; text-decoration:none; letter-spacing:.05em; }
.PublicationList .title a:hover, .PublicationList .title a:focus { color:#c6171e; text-decoration:none; }
.PublicationList .desc { color:#555; line-height:180%; }

/* 精彩回顧 */
.PublicationPast::after, .PublicationPast > div::after, .PublicationPast .item > div::after { content:''; display:block; width:100%; clear:both; }
.PublicationPast .item, .PublicationPast .item > div, .PublicationPast .img, .PublicationPast .img > div, .PublicationPast .cont, .PublicationPast .btn { box-sizing:border-box; }

.PublicationPast { padding-top:30px; }
.PublicationPast .img { margin-bottom:10px; position:relative; }
.PublicationPast .img a { display:block; width:100%; height:100%; text-align:center; vertical-align:middle; }
.PublicationPast .img a > * { display:inline-block; vertical-align:middle; }
.PublicationPast .img a::before { content:''; display:inline-block; vertical-align:middle; height:100%; }
.PublicationPast .img img { 
	display:inline-block; max-width:100%; max-height:100%; box-sizing:border-box; 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
.PublicationPast .img:hover img, .PublicationPast .img a:focus img { opacity:0.8; }
.PublicationPast .title { text-align:center; }
.PublicationPast .title a { color:#424a5d; text-decoration:none; letter-spacing:.05em; }
.PublicationPast .title a:hover, .PublicationPast .title a:focus { color:#c6171e; text-decoration:none; }
.PublicationPast .desc { color:#555; line-height:180%; }

/* 內頁 */
.PublicationCont { overflow:hidden; padding-top:25px; }
.PublicationCont > div { box-sizing:border-box; }

.PublicationCont h3 { display:block; letter-spacing:.08em; padding-top:10px; padding-bottom:5px; position:relative; line-height:150%; color:#424a5d; overflow:hidden; }
.PublicationCont h3::before { content:""; background-color:#8b816e; width:80px; height:1px; display:block; margin-bottom:0.35em; }
.PublicationCont .img { margin-bottom:20px; position:relative; z-index:5; }
.PublicationCont .img .cover { 
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
.PublicationCont .img .cover img { display:block; width:100%; }

.PublicationCont .desc .date:before { content:""; background-color:#8b816e; width:80px; height:1px; display:inline-block; vertical-align:top; margin-right:15px; margin-top:0.55em; }
.PublicationCont .desc .date { font-family:Georgia; font-size:0.875em; color:#9fa2a9; background:#fff; padding-bottom:.9286em; }
.PublicationCont .desc .btns { margin-top:20px; overflow:hidden; }
.PublicationCont .desc .btns div { 
	float:left; height:40px; margin-right:10px; margin-bottom:12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.PublicationCont .desc .btns div.download { background-color:#c82a2f; }
	.PublicationCont .desc .btns div.online { background-color:#8c816f; }
	.PublicationCont .desc .btns div.past { background-color:#424a5d; }
	.PublicationCont .desc .btns div.download_reader { background-color:#ea4c3a; }
	.PublicationCont .desc .btns div.download:hover { background-color:#d2565a; }
	.PublicationCont .desc .btns div.online:hover { background-color:#b1a084; }
	.PublicationCont .desc .btns div.past:hover { background-color:#5b667f; }
.PublicationCont .desc .btns div a { display:block; padding:0 20px 0 45px; color:#fff; line-height:40px; font-size:0.875rem; text-decoration:none; position:relative; }
.PublicationCont .desc .btns div a::after { 
	content:''; position:absolute; top:10px; left:18px; width:20px; height:20px; 
	background:url("../images/icon_publication.png") no-repeat; background-size:cover; 
	}
	.PublicationCont .desc .btns div.download a::after { background-position:0 0; }
	.PublicationCont .desc .btns div.online a::after { background-position:0 33.3333%; }
	.PublicationCont .desc .btns div.past a::after { background-position:0 66.6666%; }
	.PublicationCont .desc .btns div.download_reader a::after { background-position:0 100%; }
.PublicationCont .editable_content { margin:20px 0 0; padding:0; width:100%; }
.PublicationCont .editable_content .district, .PublicationCont .editable_content h4 { overflow:visible; }

/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.media_cat { text-align:center; padding-top:25px; border-top:1px solid #d5d0c5; max-width:1280px; }
.media_cat div { display:inline-block; margin:0 10px 30px 10px; }
.media_cat a { 
	display:block; padding:0 20px 0 50px; background-color:#8c816f; position:relative;
	line-height:48px; color:#fff; text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.media_cat a::before { content:''; position:absolute; top:12px; left:20px; width:24px; height:24px; background:url("../images/icon_media_list.png") no-repeat; background-size:200%; }
	.media_cat div.video a::before { background-position:right 0; }
	.media_cat div.audio a::before { background-position:right 33.3333%; }
	.media_cat div.photo a::before { background-position:right 66.6666%; }
	.media_cat div.all a::before { background-position:right 100%; }
	.media_cat a:hover, .media_cat div.select a { background-color:#424a5d; }
	.media_cat div.select a::after { 
		content:''; position:absolute; bottom:-8px; left:50%; margin-left:-8px; 
		border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #424a5d; 
		}

.editable_content + .MediaList { padding-top:20px; }
.MediaList::after, .MediaList .item > div::after { content:''; display:block; width:100%; clear:both; }
.MediaList .item, .MediaList .item > div, .MediaList .img, .MediaList .img > div, .MediaList .cont { box-sizing:border-box; }

.MediaList { padding-top:10px; padding-bottom:10px; overflow:hidden; }
.MediaList .item { float:left; }
.MediaList .item > div { height:100%; position:relative; }
.MediaList .img { position:relative; }
.MediaList .img > div {	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.MediaList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.MediaList .date { display:inline-block; vertical-align:top; font-family:'Raleway', sans-serif; font-weight:600; font-size:0.875em; color:#90836f; }
.MediaList .cat { display:inline-block; vertical-align:top; position:relative; }
.MediaList .cat:before { content:""; position:absolute; top:.75em; left:.25em; width:2.5em; height:1px; background:#d5d0c5; }
.MediaList .cat::after { 
	content:''; position:absolute; top:0; right:0; width:24px; height:24px; background:url("../images/icon_media_list.png") no-repeat; background-size:200%; 
	}
	.MediaList .cat.video::after { background-position:0 0; }
	.MediaList .cat.audio::after { background-position:0 33.3333%; }
	.MediaList .cat.photo::after { background-position:0 66.6666%; }
	.fs3 .MediaList .cat::after { top:.125em; }
.MediaList .title { padding-top:6px; }
.MediaList .title a { display:block; color:#555; line-height:150%; letter-spacing:.05em; text-decoration:none; }
.MediaList .title a:hover, .MediaList .title a:focus { color:#de1e19; text-decoration:none; }
.MediaList .desc { display:none; }

/* 內頁 */
.editable_content + .MediaCont { padding-top:60px; }
.MediaCont > div { margin-bottom:50px; max-width:1200px; margin-left:auto; margin-right:auto; }

.MediaCont .video { max-width:100%; margin-left:auto; margin-right:auto; }
.MediaCont .video video  { display:block; width:100%; }

.MediaCont .audio { overflow:hidden; }
.MediaCont .audio .item { float:left; margin-top:30px; }
.MediaCont .audio .item audio { width:100%; }

.MediaCont .youtube { margin-left:auto; margin-right:auto; width:560px; max-width:100%; }
	.MediaCont .youtube.landscape { width:560px; }
	.MediaCont .youtube.portrait { width:315px; }
/*	.MediaCont .youtube.left { margin-left:0; }
	.MediaCont .youtube.right { margin-right:0; }*/
.MediaCont .youtube .media_wrap { padding-bottom:56.25%; text-align:left; position:relative; overflow:hidden; }
	.MediaCont .youtube.landscape.ratio_16by9 .media_wrap { padding-bottom:56.25%; }
	.MediaCont .youtube.portrait.ratio_16by9 .media_wrap { padding-bottom:177.77%; }
	.MediaCont .youtube.landscape.ratio_4by3 .media_wrap { padding-bottom:75%; }
	.MediaCont .youtube.portrait.ratio_4by3 .media_wrap { padding-bottom:133.33%; }
.MediaCont .youtube .media_wrap iframe,
.MediaCont .youtube .media_wrap object,
.MediaCont .youtube .media_wrap embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }

.MediaCont .describe { text-align:left; margin:0; }
.MediaCont .describe span { display:block; margin:0; padding:10px 0; line-height:150%; }
.MediaCont .describe .title { font-weight:bold; }
.MediaCont .describe .desc { font-size:0.875rem; }
.MediaCont .describe .title + .desc { padding-top:0; }

.MediaCont .thum { margin-bottom:0; }
.MediaCont .thum::after { content:''; display:block; clear:both; }
.MediaCont .thum a { 
	float:left; margin:0 10px 20px 10px; vertical-align:middle; 
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	}
.MediaCont .thum a:hover { 
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
	}
.MediaCont .thum a > * { display:inline-block; vertical-align:middle; }
.MediaCont .thum a span { height:100%; }
.MediaCont .thum a img { max-width:100%; max-height:100%; }


/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont { max-width:1280px; background:#fff; margin-left:auto; margin-right:auto; padding:10px; box-sizing:border-box; }
.HistoryCont .tabs { padding:10px 0; }
.HistoryCont .tabs .owl-carousel { padding-left:45px; padding-right:45px; box-sizing:border-box; }
.HistoryCont .tabs .owl-stage { position:relative; }
.HistoryCont .tabs .owl-stage::before { content:''; display:block; position:absolute; bottom:5px; left:0; width:100%; height:2px; background-color:#cbc4b9; }
.HistoryCont .tabs .owl-stage::after { content:''; display:block; clear:both; }
.HistoryCont .tabs .tab a { 
	display:block; padding-bottom:20px; position:relative; 
	color:#6f6559; font-size:24px; font-family:'Raleway', Georgia; line-height:1.25em; text-align:center; text-decoration:none; 
	}
.HistoryCont .tabs .tab a::after { 
	content:''; display:block; position:absolute; bottom:0; left:50%; width:12px; height:12px; margin-left:-6px; background-color:#b1aca5;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
	}
.HistoryCont .tabs .tab a:hover, .HistoryCont .tabs .select a { color:#c9161d; }
.HistoryCont .tabs .select a::after { background-color:#c9161d; }

.HistoryCont .tabs .owl-nav > div { position:absolute; bottom:-10px; width:35px; height:35px; background:#8c816f; font-size:0; }
	.HistoryCont .tabs .owl-nav > div:hover { background:#c9161d; }
	.HistoryCont .tabs .owl-nav .owl-prev { left:3px; }
	.HistoryCont .tabs .owl-nav .owl-next { right:3px; }
.HistoryCont .tabs .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:13px; width:8px; height:8px; border-left:2px solid #fff; border-top:2px solid #fff; 
	}
	.HistoryCont .tabs .owl-nav .owl-prev::after { 
	    -webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg); left:40%;
		}
	.HistoryCont .tabs .owl-nav .owl-next::after {
	    -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg); right:40%;
		}

.HistoryCont .tab_container { padding-top:30px; }
.HistoryCont .history_detail { position:relative; max-width:900px; margin-left:auto; margin-right:auto; }
.HistoryCont .history_detail:before { content:''; position:absolute; left:40px; top:0; height:100%; width:1px; background:#d5d0c5; }
.HistoryCont .history_detail .year { box-sizing:border-box; font-family:Georgia, sans-serif; font-weight:bold; }
.HistoryCont .history_detail .year > div { padding:10px 0; margin-bottom:.45em; background:#fff; color:#424a5d; letter-spacing:.05em; position:relative; }
.HistoryCont .history_detail .year > div::before, .HistoryCont .history_detail .year > div::after { content:""; background-color:#8b816e; width:80px; height:1px; display:block; }
.HistoryCont .history_detail .year > div::before { margin-bottom:0.45em; }
.HistoryCont .history_detail .year > div::after { margin-top:0.45em; }
.HistoryCont .history_detail .cont { margin-bottom:50px; position:relative; background:#fff; }
.HistoryCont .history_detail .cont:last-child { margin-bottom:0; }
.HistoryCont .history_detail .title { padding-bottom:10px; color:#555; position:relative; }
.HistoryCont .history_detail .title a { color:#555; text-decoration:none; }
.HistoryCont .history_detail .title a:hover, .HistoryCont .history_detail .title a:focus { color:#c6171e; }
.HistoryCont .history_detail .title::after { 
	content:''; display:block; position:absolute; left:-30px; width:12px; height:12px; background-color:#d5d0c5;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
	}
.HistoryCont .history_detail .video video { max-width:100%; }
.HistoryCont .history_detail .desc { color:#6a6a6a; overflow:hidden; }
.HistoryCont .history_detail .desc img { max-width:100%; }
.HistoryCont .history_detail .desc img.left { float:left; margin-right:10px; margin-top:10px; margin-bottom:10px; max-width:50%; }
.HistoryCont .history_detail .desc img.right { float:right; margin-left:10px; margin-top:10px; margin-bottom:10px; max-width:50%; }


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard { overflow:hidden; }
.Ecard h3 { border-bottom:1px solid #d5d0c5; margin-bottom:15px; }
.Ecard h3 span { display:inline-block; line-height:200%; color:#424a5d; }

.Ecard .card_select { margin-bottom:30px; }
.Ecard .card_select .list::after { content:''; display:block; clear:both; }
.Ecard .card_select li { float:left; margin-bottom:20px; }
.Ecard .card_select .img { display:block; padding-top:10px; }
.Ecard .card_select .img img {
	width:100%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; 
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	}
.Ecard .card_select .img img:hover { 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	}

	#lightwrap { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; cursor:-webkit-zoom-out; cursor:-moz-zoom-out; z-index:100003; }
	#lightbg { position:fixed; display:none; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.75); z-index:100002; }
	#lightwrap img { position:absolute; display:none; }
	#lightzoomed { opacity:0; }
	#off-screen { position:fixed; right:100%; opacity:0; }
	
.Ecard .form { box-sizing:border-box; }
.Ecard .form h3 { margin-top:30px; }
.Ecard .form h3:first-child { margin-top:0; }
.Ecard .form .recipients { margin-top:10px; margin-bottom:15px; }
.Ecard .form .recipients .item { margin-bottom:15px; padding-left:30px; position:relative; }
.Ecard .form .recipients .item::before { 
	display:block; position:absolute; top:0; left:0; 
	font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; color:#ac8d5e; font-style:italic; 
	}
	.Ecard .form .recipients .item:nth-child(1)::before { content:"1."; }
	.Ecard .form .recipients .item:nth-child(2)::before { content:"2."; }
	.Ecard .form .recipients .item:nth-child(3)::before { content:"3."; }
	.Ecard .form .recipients .item:nth-child(4)::before { content:"4."; }
	.Ecard .form .recipients .item:nth-child(5)::before { content:"5."; }
.Ecard .form .randomcode { margin-bottom:40px; padding-top:20px; border-top:1px solid #c0b7b0; }
.Ecard .BtnCommon { text-align:left; }

.ecard_preview_box { background-color:rgba(255,255,255,0.85); padding:20px 10px; }
.ecard_preview_box .box_wrap { 
	background-color:#fff; max-width:640px; margin-left:auto; margin-right:auto; padding:20px; height:auto; border:1px solid #b6b6b6; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	}
.ecard_preview_box .close::before, .ecard_preview_box .close::after { background-color:#726254; }

.ecard_preview_box .title { margin-bottom:10px; border-left:3px solid #8a7a6e; padding-left:5px; line-height:150%; }
.ecard_preview_box .subject { margin-bottom:10px; color:#c9161d; font-weight:bold; }
.ecard_preview_box .img { text-align:center; margin-bottom:20px; }
.ecard_preview_box .img img { max-width:100%; }
.ecard_preview_box .recipient { margin-bottom:10px; font-size:14px; line-height:150%; }
.ecard_preview_box .msg { margin-bottom:10px; padding:0 25px; font-size:14px; line-height:150%; position:relative; }
	.ecard_preview_box .msg::before, .ecard_preview_box .msg::after { 
		display:block; position:absolute; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; line-height:100%; color:#767676; 
		}
	.ecard_preview_box .msg::before { content:'“'; left:5px; top:0; }
	.ecard_preview_box .msg::after { content:'”'; right:5px; bottom:-22px; }
.ecard_preview_box .sender { font-size:14px; line-height:150%; text-align:right; }

.ecard_multisend_box { background-color:rgba(0,0,0,0.85); padding:20px 10px; }
.ecard_multisend_box .box_wrap { 
	background-color:#fff; max-width:640px; margin-left:auto; margin-right:auto; padding:20px; height:auto;
	}
.ecard_multisend_box .close::before, .ecard_multisend_box .close::after { background-color:#726254; }

.ecard_multisend_box .title { margin-bottom:10px; font-size:1.5em; color:#424a5d; border-bottom:1px solid #d5d0c5; padding-bottom:.125em; line-height:150%; }
.ecard_multisend_box .desc { margin-bottom:10px; font-size:.875em; line-height:150%; }
.ecard_multisend_box .recipients textarea { width:100%; box-sizing:border-box; background:#f2f0f1; border:1px solid #f2f0f1; font-size:1em; padding:5px 8px; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList::after, .EventList .item > div::after { content:''; display:block; width:100%; clear:both; }
.EventList .item, .EventList .item > div, .EventList .img, .EventList .img > div, .EventList .cont { box-sizing:border-box; }

.EventList { padding-top:15px; }
.EventList .item { float:left; position:relative; }
.EventList .item > div { height:100%; position:relative; }
.EventList .img { position:relative; }
.EventList .img > div {
	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.EventList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.EventList .date { padding:10px 0 5px; margin-bottom:5px; color:#7e7362; line-height:150%; position:relative; overflow:hidden; border-top:1px solid #8b816e; }
.EventList .date strong { margin-right:5px; font-size:150%; color:#be9645; }
.EventList .title a { display:block; color:#424a5d; line-height:125%; font-weight:bold; text-decoration:none; }
.EventList .title a:hover, .EventList .title a:focus { color:#c6171e; text-decoration:none; }
.EventList .desc { margin-bottom:15px; color:#75684f; line-height:2em; position:relative; }
.EventList .btn { text-align:center; }
.EventList .btn a { 
	display:inline-block; border:1px solid #8b816e; padding:0 30px; color:#8b816e; text-decoration:none; line-height:40px; font-size:0.875em; font-weight:bold;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	}
	.EventList .btn a:hover, .EventList .btn a:focus { background-color:#8b816e; color:#fff; }

.EventList.active .item { 
	float:none; width:100%; max-width:100%; margin-right:0; border:1px solid #d5d0c5;
	}
.EventList.active .img > div { padding-bottom:40%; }
	
.EventList.active .desc { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
	.fs3 .EventList.active .desc { -webkit-line-clamp:2; }
	
.event_apply { padding-top:10px; }
.member_terms_wrap { margin-top:20px; padding-bottom:20px; font-size:0.875rem; }
.member_terms_wrap .title span { display:inline-block; font-size:1.5rem; color:#424a5d; letter-spacing:.05em; line-height:200%; }
.member_terms { 
	padding:15px; margin-bottom:15px; border:1px solid #d5d0c5; background-color:#fff;
	}
	.member_terms > *:first-child { padding-top:0; margin-top:0; }
	.member_terms > *:last-child { padding-bottom:0; margin-bottom:0; }
.member_terms > div { height:210px; overflow-y:scroll; }
.member_terms h4 { padding-top:10px; font-size:0.9375rem; }
.member_terms p, .member_terms ol { padding:5px 0 10px; line-height:180%; }
.member_terms p + ol { margin-top:-10px; }
.member_terms .level1 {  }
.member_terms .level2 { margin-left:59px; }
.member_terms .li_level1 { margin-left:28px; text-indent:-28px; }
.member_terms .li_level2 { margin-left:46px; list-style-type:decimal; }

.member_terms_wrap .terms_agree { font-size:1rem; }


/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont { overflow:hidden; }
.VoteCont .vote1, .VoteCont .vote2 { margin-bottom:30px; box-sizing:border-box; position:relative; }
.VoteCont .vote1 ul li { padding:10px 0; }
.VoteCont .vote1 ul li input[type="radio"] { vertical-align:middle; }
.VoteCont .vote2 label { display:block; padding-bottom:10px; line-height:150%; }
.VoteCont .vote2 textarea {
	width:100%; padding:0 4px;
	border:1px solid #c6c6c6; font-size:16px; box-sizing:border-box; margin:0;
	-moz-box-shadow: inset 1px 1px 8px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 8px #e5e5e5;
	box-shadow: inset 1px 1px 8px #e5e5e5;
	}
.VoteCont .vote2 > div { margin-bottom:20px; }
.VoteCont .BtnCommon { text-align:left; }

.VoteCont .vote_info { 
	clear:both; padding:15px 0; margin:15px 0; overflow:hidden; 
    border-top:1px solid #d5d0c5; line-height:32px;
	}
.VoteCont .vote_info .vote_total { float:left; }
.VoteCont .vote_info strong { color:#de0006; }
.VoteCont .vote_info a { 
	float:right; display:block; background-color:#8c816f; padding:0 10px; color:#fff; font-size:0.875rem; line-height:32px; white-space:nowrap; text-decoration:none;
	}
.VoteCont .vote_info a:hover { background-color:#c9161d; }

#vote_chartdiv { width:100%; height:350px; }


/*----------------------------------------------------------------------*/
/* 科普 */
.popsci_cat { position:relative; }
.PopsciList::after, .PopsciList .item:after { content:''; display:block; width:100%; clear:both; }
.popsci_cat > div{ display:inline-block; margin-bottom:10px; }
.popsci_cat > div a { display:block; padding:0.25em 0; color:#666; text-decoration:none; line-height:150%; }
.popsci_cat > div a:hover { color:#c6171e; }
.popsci_cat > div.select a { color:#424a5d; letter-spacing:.08em; padding-left:.08em; }
.popsci_cat > div.select { border-top:1px solid #8b816e; border-bottom:1px solid #8b816e; }

.PopsciList { padding-top:10px; padding-bottom:10px; }
.PopsciList .item > div { height:100%; position:relative;}
.PopsciList .img {
	position:relative;
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
.PopsciList .img > div { position:relative; z-index:99; padding-bottom:66.7%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.PopsciList .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; z-index:2; }

.PopsciList .title { margin-bottom:10px; font-size:1.25em; }
.PopsciList .title a { color:#333; text-decoration:none; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.PopsciList .title a:hover, .PopsciList .title a:focus { color:#c6171e; }
.PopsciList .desc { color:#555; line-height:180%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.PopsciList .tag{ overflow: hidden; }
.PopsciList .tag > div{ display:inline-block; color:#be9645; margin-right:10px; padding:5px 0; }
.PopsciList .tag > div span{ font-size:0.938em; line-height:150%; font-weight:700;}
.PopsciList .tag > div span::before{ content:'-'; color:#888; margin-right:3px;}


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { padding:20px 15px 30px; }
.SearchResult .results_count { margin-bottom:20px; color:#333; line-height:180%; }
.SearchResult .results_count span { color:#c6171e; }
.SearchResult .item { border-top:1px solid #d5d0c5; padding:20px 0; overflow:hidden; }
.SearchResult .item:last-child { border-bottom:1px solid #d5d0c5; }
.SearchResult .title { line-height:130%; font-size:1.5rem; margin-bottom:5px; }
.SearchResult .title a { display:block; color:#424a5d; text-decoration:none; letter-spacing:.05em; }
.SearchResult .title span { color:#c6171e; }
.SearchResult .title a:hover, .SearchResult .title a:focus { color:#c6171e; text-decoration:none; }
.SearchResult .date { margin-right:20px; color:#6f6559; font-size:0.875rem; line-height:180%; font-family:'Raleway', Georgia; font-weight:600; }
.SearchResult .cat { margin-right:20px; color:#6f6559; font-size:0.875rem; line-height:180%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover, .SearchResult .cat a:focus { color:#c6171e; text-decoration:none; }
.SearchResult .desc { color:#555; line-height:180%; }
.SearchResult .desc span { color:#c6171e; }