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

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

/*----------------------------------------------------------------------*/
/* Footer */
.footer_menu, #Copyright .col_right { display:none; }
#Copyright { text-align:center; }
.ft_logo { font-size:0; display:inline-block; vertical-align:middle; background:url(../images/ft_logo.png) no-repeat; width:266px; height:30px; margin-right:20px; }
#Copyright .col_left { line-height:30px; }

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

/* KeyVisual 主視覺新聞輪播 */
.IndexAbout { border-right:30px solid #555; border-left:30px solid #555; padding:30px; }
.IndexSlider { border-right:30px solid #555; border-bottom:30px solid #555; border-left:30px solid #555; }
.IndexSlider > div { padding:30px; }
.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-wrapper .bx-prev { left:0; }
#KeyVisual .bx-wrapper .bx-next { right:0; }
@media screen and (min-width: 760px) {
	.IndexSlider .date { padding-left:30px; }
	.IndexSlider .title { padding-left:30px; }
	.IndexSlider .desc { padding-left:30px; }
	.IndexSlider .index_moreBtn { padding-left:30px; }
}
@media screen and (max-width: 759px) {
	.IndexSlider .imgBox, .IndexSlider .textBox { float:none; width:100%; box-sizing:border-box; }
}

/* 焦點主題 */
.IndexFocus { padding:80px 0; }
.IndexFocus > div { padding:0 30px; }
.article_top .imgBox { width:45%; float:left; }
.IndexFocus .article_title {  width:50%; margin:0 2.5%; float:left; }

/* 實驗室 */
@media screen and (min-width: 950px) {
	.LaboratoryList .item { float:left; width:50%; }
}
@media screen and (max-width: 949px) {
	.LaboratoryList .item { border-bottom:1px solid #d5d0c5; }
	.LaboratoryList .cont { padding:5px 0 15px 68px; }
}

/* 首頁空白區域 */
.indexBlockList { padding: 30px 0; }
.indexBlockList .item { padding: 20px 0; display: table; width: 100%; }
.indexBlockList .item > div { padding: 0 15px; display: table-cell; vertical-align: middle; }
.indexBlockList .item .imgBox { width: 40%; vertical-align: top; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup > .form_group_title span { font-weight:bold; }
@media screen and (max-width: 767px) {
.FormGroup, .FromSubGroup { padding:20px 15px 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; font-size:1rem; margin-bottom:.15em; }

.FormElmt input[type="file"] { width:100%; }
}
@media screen and (min-width: 768px) {
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { vertical-align:top; }
table.FormTable > tbody > tr > th { width:150px; padding:15px 15px 15px 6px; text-align:right; }
table.FormTable > tbody > tr > th::after { position:absolute; top:14px; right:0; }
table.FormTable > tbody > tr > th:empty::after { display:none; }
table.FormTable > tbody > tr > td { padding:10px 6px 4px 6px; }
}

/* 表單警告/提示 */
.FormElmt .form_alert { display:block; margin-top:10px; }
.FormElmt .form_alert span::after { 
	display:block; content:''; top:-13px; left:20px; position:absolute; 
	border-top:5px solid transparent; border-bottom:8px solid #c9161d; border-left:5px solid transparent; border-right:5px solid transparent; 
}

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

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

/* 麵包列 */
#Breadcrumbs { text-align:center; padding-bottom:.5em; }

/* 工具列 */
.ToolBar { padding-bottom:5px; padding-left:15px; padding-right:15px; }
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:30px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { width:30px; height:30px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a span, .ToolBar dl.share a span { width:30px; height:30px; }
.ToolBar dl.share a:after { width:30px; height:30px; }
@media screen and (max-width: 1023px) {
.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; }
}
@media screen and (min-width: 1024px) {
.ToolBar .colm_right { float:right; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:left; margin-left:15px; }
.ToolBar dl.share dt { padding-left:10px; border-left:1px solid #dedede; }
}

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

/* 內頁顯示欄位 */
.content_info ul { display:table; }
.content_info li { display:table-row; }
.content_info li span { display:table-cell; vertical-align:top; padding:5px 0; }
.content_info li span.title { text-align:right; }

/* 編輯器 */
.editable_content blockquote { padding:30px 60px; margin-left:20px; margin-right:20px; }

/* colorbox */
#colorbox_thum a { width:160px; height:120px; margin:10px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable caption { display:block; font-size:1.5em; line-height:1.375em; 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 15px; 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.5rem; font-weight:bold; }
.ListTable td.ques_fill:before, .ListTable td.vote_result:before { content:""; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:15px; padding-right:15px; margin-bottom:20px; }

@media screen and (max-width: 767px) {
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; padding-right:15px; }

/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view .item { float:left; width:50%; }
}

@media screen and (min-width: 768px) {
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; padding-right:15px; }

/* grid-view 一律以三欄顯示 */
.ListPicText.grid-view .item { float:left; width:33.3333%; }
}

/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { padding-top:30px; }
.PublicationList .item { margin-bottom:30px; padding-bottom:30px; }
.PublicationList .title a { font-weight:bold; }
.PublicationList .desc { font-size:0.9375rem; }
@media screen and (max-width: 767px) {
.PublicationList .img { width:30%; margin-right:20px; }
.PublicationList .title a { font-size:1.5rem; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.PublicationList:before { content:''; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d5d0c5; }
.PublicationList .item { float:left; width:47%; margin-right:6%; }
	.PublicationList .item:nth-child(2n+2) { margin-right:0; }
.PublicationList .img { width:35%; margin-right:20px; }
.PublicationList .title a { font-size:1.375rem; }
}
@media screen and (min-width: 1024px) {
.PublicationList:before { content:''; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d5d0c5; }
.PublicationList .item { float:left; width:48%; margin-right:4%; }
	.PublicationList .item:nth-child(2n+2) { margin-right:0; }
.PublicationList .img { width:35%; margin-right:20px; }
.PublicationList .title a { font-size:1.375rem; }
}

/* 精彩回顧 */
.PublicationPast .item { float:left; margin-bottom:30px; }
.PublicationPast .img { height:250px; }
.PublicationPast .title a { font-size:1.25rem; font-weight:bold; }
@media screen and (max-width: 959px) {
.PublicationPast .item { width:33.3333%; padding:0 10px; }
}
@media screen and (min-width: 960px) {
.PublicationPast .item { width:25%; padding:0 20px; }
}

/* 內頁 */
.PublicationCont h3 { font-weight:bold; }
.PublicationCont .img h3 { display:none; }
.PublicationCont .desc .editable_content { font-size:1rem; }
@media screen and (max-width: 767px) {
.PublicationCont h3 { font-size:1.625em; }
.PublicationCont .img { float:left; width:280px; margin-right:30px; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.PublicationCont h3 { font-size:1.625em; }
.PublicationCont .img { float:left; width:300px; margin-right:40px; }
}
@media screen and (min-width: 960px) {
.PublicationCont h3 { font-size:1.75em; }
.PublicationCont .img { float:left; width:320px; margin-right:50px; }
}

/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.MediaList { padding-top:40px; }
	.MediaList .item:nth-child(3n+3) { margin-right:0; }
.MediaList .title { margin-bottom:10px; }
@media screen and (max-width: 767px) {
.MediaList .item { width:32%; margin-right:2%; margin-bottom:40px; }
.MediaList .cont > div { padding:10px 5px; }
.MediaList .date { line-height:24px; }
.MediaList .cat { width:4.875em; height:24px; }
.MediaList .title a { font-size:1.125rem; }
}
@media screen and (min-width: 768px) {
.MediaList .item { width:30%; margin-right:5%; margin-bottom:50px; }
.MediaList .cont > div { padding:15px 5px; }
.MediaList .date { line-height:1.5rem; }
.MediaList .cat { width:5em; height:1.5em; }
.MediaList .title a { font-size:1.25rem; }
}

/* 內頁 */
@media screen and (max-width: 959px) {
.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; }
}
@media screen and (min-width: 960px) {
.MediaCont .audio .item { width:30%; margin-right:5%; }
	.MediaCont .audio .item:nth-child(3n+3) { margin-right:0; }
.MediaCont .audio .item:first-child, .MediaCont .audio .item:nth-child(2), .MediaCont .audio .item:nth-child(3) { margin-top:0; }
}

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


/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont .tab_container { padding-left:40px; padding-right:40px; }
.HistoryCont .history_detail .year > div { font-size:40px; }
.HistoryCont .history_detail .title { font-size:1.375rem; }
.HistoryCont .history_detail .title::after { top:10px; }
.HistoryCont .history_detail .desc { font-size:1rem; line-height:180%; }
.HistoryCont .history_detail { padding-left:64px; }
.HistoryCont .history_detail .year { margin-left:-64px; }


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard h3 span { font-size:1.375rem; }
@media screen and (max-width: 767px) {
.Ecard .card_select li { width:23.5%; margin-right:2%; font-size:0.8125rem; }
.Ecard .card_select li:nth-child(4n+4) { margin-right:0; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.Ecard .card_select li { width:22%; margin-right:4%; font-size:0.875rem; }
.Ecard .card_select li:nth-child(4n+4) { margin-right:0; }
}
@media screen and (min-width: 960px) {
.Ecard .card_select { float:left; width:36%; }
.Ecard .card_select li { width:48%; margin-right:4%; font-size:0.875rem; }
.Ecard .card_select li:nth-child(2n+2) { margin-right:0; }
.Ecard .form { float:right; width:64%; padding-left:50px; }
}
.ecard_multisend_box .title { font-weight:bold; }

/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList .title { margin-bottom:10px; }
.EventList .title a { font-weight:bold; }
@media screen and (max-width: 767px) {
.EventList .item { width:32%; margin-right:2%; margin-bottom:40px; }
	.EventList .item:nth-child(3n+3) { margin-right:0; }
.EventList .cont > div { padding:10px 10px 0 10px; }
.EventList .title a { font-size:1.25rem; }
.EventList .date { font-size:0.875rem; }
.EventList .desc { font-size:0.9375rem; }
}
@media screen and (min-width: 768px) {
.EventList .item { width:30%; margin-right:5%; margin-bottom:50px; }
	.EventList .item:nth-child(3n+3) { margin-right:0; }
.EventList .cont > div { padding:15px 15px 0 15px; }
.EventList .title a { font-size:1.375rem; }
.EventList .date { font-size:0.875rem; }
.EventList .desc { font-size:1rem; }
}

.EventList.active .cont > div { padding:20px; }
.EventList.active .title a { font-size:1.625rem; }
.EventList.active .desc { font-size:1.125rem; }

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

/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont .vote1 ul li { font-size:1.125rem; }


/*----------------------------------------------------------------------*/
/* 科普 */
.popsci_cat{ padding-top:2rem; margin-bottom:1rem; text-align:center; }
.popsci_cat > div { margin-left:10px; margin-right:10px; }
.popsci_cat > div a { font-size:1.25em; font-weight:bold; }
.PopsciList .item { margin-bottom:30px; line-height:180%; }
.PopsciList .img { float:left; margin-right:20px; margin-bottom:10px; }
.PopsciList .desc { font-size:0.875em; }

@media screen and (max-width: 767px) {
  .PopsciList .img{ width:45%; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .PopsciList .img{ width:40%; }
}
@media screen and (min-width: 960px) {
.PopsciList .item { float:left; width:48%; margin-right:4%; margin-bottom:4rem; }
.PopsciList .item:nth-child(2n+2) { margin-right:0; }
.PopsciList .img { width:40%; }
}

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