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

/*----------------------------------------------------------------------*/
/* Header */
#Header .tool, #Menu { display:none; }
#Header { background-color:#f2f0f1; padding-left:60px; }
#Header .logo { width:200px; height:60px; margin:0 auto; padding:5px 0; text-align:center; box-sizing:border-box; }
#Header a.logo1 { display:block; }
#Header a.logo2 { display:none; }

/*----------------------------------------------------------------------*/
/* Footer */
.footer_menu, #Copyright .col_right { display:none; }
.ft_info { text-align:left; }

/*----------------------------------------------------------------------*/
/* 首頁 */
/* 標題共用樣式 */
.indexTitle h2 { font-size:1.75em; }

/* KeyVisual 主視覺新聞輪播 */
.IndexAbout { padding:15px; }
.IndexSlider > div { padding:15px; }
.IndexSlider .title a { font-size:2em; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.IndexSlider .desc { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#KeyVisual .bx-controls { font-size:2em; }
#KeyVisual .bx-wrapper .bx-controls-direction a:before { font-size:3rem; }
#KeyVisual .bx-wrapper .bx-prev { left:0; }
#KeyVisual .bx-wrapper .bx-next { right:0; }
.IndexSlider .imgBox, .IndexSlider .textBox { float:none; width:100%; box-sizing:border-box; }

/* 焦點主題 */
.IndexFocus { padding:50px 0; }
.IndexFocus > div { padding:0 15px; }
.IndexFocus .article_desc { padding:0 0 1.5em; }
.IndexFocus .article_cont { padding:0; }
.IndexFocus .tabs { display:block; margin:10px 0 0; overflow:hidden; }
.IndexFocus .tabs li { padding:0 15px 10px 0; }

/* 科普講堂 */
@media screen and (max-width: 439px) {
	.IndexLecture .slick-list { margin:0; }
	.IndexLecture .slick-prev { left:-20px; }
	.IndexLecture .slick-next { right:-20px; }
}

/* 實驗室 */
.IndexLaboratory { padding:30px 0 20px; }
.IndexLaboratory > div { padding:0 15px; }
.LaboratoryList .item { border-bottom:1px solid #ddd; }
.LaboratoryList .cont { padding:5px 0 15px; }
.LaboratoryList .cont:before, .LaboratoryList .cont:after { display:none; }
.LaboratoryList .title { font-size:1.25em; }

/* 首頁空白區域 */
.indexBlockList { padding-bottom: 20px; }
.indexBlockList .item { padding: 20px 0; }
.indexBlockList .item > div { padding: 10px 0; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup > .form_group_title span { font-weight:bold; }
.FormGroup, .FromSubGroup { padding:20px 10px 10px; }

table.FormTable { border-top:1px solid #eee; }
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:10px 0 5px 0; border-bottom:1px solid #eee; }
table.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { border-bottom:0; }
table.FormTable > tbody > tr > th { text-align:left; }

.FormElmt input[type="file"] { width:100%; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-bottom:30px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 標題 */
h3.title { font-size:1.5em; }

/* 按鈕 */
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-right:20px; }

/* 工具列 */
.ToolBar { padding-bottom:5px; padding-left:15px; padding-right:15px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { width:36px; height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a span, .ToolBar dl.share a span { width:36px; height:36px; }
.ToolBar dl.font_size a:after { margin-left:3px; margin-top:3px; }
.ToolBar dl.share a:after { width:36px; height:36px; }
.ToolBar .colm_left, .ToolBar dl.share dt, .ToolBar dl.font_size dt { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }

/* 列表搜尋 */
.ListSearch .item { float:none; }
.ListSearch.FormElmt input[type="text"] { width:100%; max-width:400px; }

/* 頁碼 */
#Pagination { margin-top:10px; }
#Pagination a { margin:0 5px; display:none; color:#8b816e; border:1px solid #8b816e; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { background:#8b816e; color:#fff; }
#Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; padding:0 2em; }
#Pagination .setting { display:none; }

/* 內頁顯示欄位 */
.content_info li { padding:5px 0; }
.content_info li span { display:block; }

/* 編輯器 */
.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { line-height:180%; }
.editable_content div, .editable_content table, .editable_content iframe { 
	margin-top:30px; margin-bottom:30px; 
	}
.editable_content p, .editable_content ul, .editable_content ol { 
	margin-top:20px; margin-bottom:20px; 
	}
.editable_content { font-size:1rem; }
.editable_content blockquote { padding:20px 30px; margin-left:0; margin-right:0; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:48px; }
	.editable_content blockquote::before { content:'“'; left:8px; top:19px; }
	.editable_content blockquote::after { content:'”'; right:8px; bottom:-7px; }
.editable_content .district .imgleft, .editable_content .district .imgright { 
	float:none; clear:both; max-width:100%; text-align:center; margin-bottom:20px; margin-left:auto; margin-right:auto; 
	}
.editable_content ul.ext_list { margin-left:0; }
.MsgModule_Download + .MsgModule_Download, .MsgModule_Download + .MsgModule_Link, .MsgModule_Link + .MsgModule_Download, .MsgModule_Link + .MsgModule_Link { 
	margin-top:-20px; 
	}

/* colorbox */
#colorbox_thum a { width:120px; height:90px; margin:5px; }

/* 延伸閱讀 */
.related_articles .list { margin-left:20px; }
.related_articles .list li { padding:8px 0; font-size:1rem; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable caption { display:block; font-size:1.125em; line-height:1.5em; background-color:#d0e9e8; }
.ListTable table, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px; border-top:1px solid #d5d0c5; }

.ListTable td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td.title:before { content:""; }
.ListTable td.date { position:relative; }
.ListTable td.date::before { display:none; }
.ListTable td.title { font-size:1.25rem; font-weight:bold; }
.ListTable td.ques_fill:before, .ListTable td.vote_result:before { content:""; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText { padding-left:10px; padding-right:10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }

.ListPicText .img { float:none; }
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }

@media screen and (max-width: 480px) {
.ListPicText .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
}

@media screen and (min-width: 479px) {
.ListPicText .item { float:left; width:50%; }
}

/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { padding-top:25px; }
.PublicationList .item { margin-bottom:25px; padding-bottom:25px; }
.PublicationList .title a { font-weight:bold; }
.PublicationList .desc { font-size:0.875rem; }
@media screen and (max-width: 479px) {
.PublicationList .img { width:42%; margin-right:15px; }
.PublicationList .title a { font-size:1.25rem; }
}
@media screen and (min-width: 480px) {
.PublicationList .img { width:36%; margin-right:20px; }
.PublicationList .title a { font-size:1.375rem; }
}

/* 精彩回顧 */
.PublicationPast { padding-left:10px; padding-right:10px; }
.PublicationPast .item { float:left; margin-bottom:20px; }
	
.PublicationPast .img { height:200px; }
.PublicationPast .title a { font-size:1.125rem; font-weight:bold; }
@media screen and (max-width: 479px) {
.PublicationPast .item { width:50%; padding:0 10px; }
}
@media screen and (min-width: 480px) {
.PublicationPast .item { width:33.3333%; padding:0 20px; }
}

/* 內頁 */
.PublicationCont h3 { font-weight:bold; font-size:1.625rem; }
.PublicationCont .desc .editable_content { font-size:1rem; }

@media screen and (max-width: 479px) {
.PublicationCont .img h3 { margin-bottom:20px; }
.PublicationCont .img .cover { width:80%; max-width:240px; margin:0 auto 40px auto; }
.PublicationCont .desc h3 { display:none; }
}
@media screen and (min-width: 480px) {
.PublicationCont .img h3 { display:none; }
.PublicationCont .img { float:left; width:40%; margin-right:20px; }
}

/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.MediaList { padding-top:20px; }
.MediaList .cont > div { padding:10px 10px; }
.MediaList .title { margin-bottom:10px; }
.MediaList .title a { font-size:1.25rem; }
.MediaList .date { line-height:24px; }
.MediaList .cat { width:4.875em; height:24px; }
@media screen and (max-width: 479px) {
.MediaList .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
}
@media screen and (min-width: 480px) {
.MediaList .item { width:48%; margin-right:4%; margin-bottom:30px; }
	.MediaList .item:nth-child(2n+2) { margin-right:0; }
}
.media_cat div { margin:0 5px 30px 5px; }
.media_cat a { padding:28px 12px 0 12px; }
.media_cat a::before { left:1em; }

/* 內頁 */
@media screen and (max-width: 479px) {
.MediaCont .audio .item { float:none; }
.MediaCont .audio .item:first-child { margin-top:0; }
}
@media screen and (min-width: 480px) {
.MediaCont .audio .item { width:48%; margin-right:4%; }
	.MediaCont .audio .item:nth-child(2n+2) { margin-right:0; }
.MediaCont .audio .item:first-child, .MediaCont .audio .item:nth-child(2) { margin-top:0; }
}

.MediaCont .describe .title { font-size:0.9375rem; }
.MediaCont .describe .desc { font-size:0.8125rem; }

.MediaCont .thum a { width:120px; height:90px; }


/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont .tabs .tab a { font-size:20px; }
.HistoryCont .history_detail .cont { padding:15px 0; margin:30px 0; border-bottom:1px solid #d5d0c5; border-top:1px solid #d5d0c5; }
.HistoryCont .history_detail .year > div { font-size:36px; }
.HistoryCont .history_detail .title { font-size:1.25rem; }
.HistoryCont .history_detail .title::after { display:none; }
.HistoryCont .history_detail .desc { font-size:0.9375rem; line-height:180%; }
@media screen and (max-width: 479px) {
.HistoryCont .history_detail .desc img.left, .HistoryCont .history_detail .desc img.right { 
	display:block; float:none; margin-left:auto; margin-right:auto; margin-top:0; max-width:100%; 
	}
}


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard h3 span { font-size:1.375rem; }
.Ecard .card_select li { font-size:0.8125rem; }
.Ecard .card_select li:nth-child(2n+2) { margin-right:0; }
@media screen and (max-width: 479px) {
.Ecard .card_select li { width:48%; margin-right:4%; }
}
@media screen and (min-width: 480px) {
.Ecard .card_select li { width:45%; margin-right:10%; }
}
.ecard_multisend_box .title { font-weight:bold; }

/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList .cont > div { padding:10px 10px 0 10px; }
.EventList .title { margin-bottom:10px; }
.EventList .title a { font-weight:bold; }
@media screen and (max-width: 479px) {
.EventList .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
.EventList .title a { font-size:1.25rem; }
.EventList .date { font-size:0.875rem; }
.EventList .desc { font-size:0.9375rem; }
}
@media screen and (min-width: 480px) {
.EventList .item { width:48%; margin-right:4%; margin-bottom:30px; }
	.EventList .item:nth-child(2n+2) { margin-right:0; }
.EventList .title a { font-size:1.25rem; }
.EventList .date { font-size:0.875rem; }
.EventList .desc { font-size:0.9375rem; }
}

.EventList.active .cont > div { padding:15px; }
.EventList.active .title a { font-size:1.5rem; }
.EventList.active .desc { font-size:1rem; }

.member_terms_wrap .title span { font-weight:bold; }

/*----------------------------------------------------------------------*/
/* 科普 */
.popsci_cat{ padding-top:3.75rem; margin:1rem auto; }
.popsci_cat > div { margin-right:10px; }
.popsci_cat > div a { font-size:1.125em; font-weight:bold; }
.popsci_cat > div.select { position:absolute; left:0; top:0; }
.popsci_cat > div.select a { font-size:1.5em; }
.PopsciList .item { margin-bottom:25px; }
.PopsciList .img > div{ padding-bottom:65%; }
.PopsciList .cont{ padding:5px 0 15px; }
.PopsciList .desc { font-size:0.875em; }

@media screen and (max-width: 479px) {
  .PopsciList .item { max-width:350px;margin-left:auto;margin-right:auto; }
}
@media screen and (min-width: 480px) {
  .PopsciList .item { float:left; width:48%; margin-right:4%; }
  .PopsciList .item:nth-child(2n+2) { margin-right:0; }
}

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .title a { font-weight:bold; }