@charset "utf-8";
/* CSS Document */
@import url(font_NotoSerifCJKtc.css);/*font-weight有600.700.900*/

/*----------------------------------------------------------------------*/
/* Header */
#Header { padding:5px 15px; position:absolute; top:0; left:0; right:0; z-index:100; }

#Header a.logo1 { display:none; }
#Header a.logo2 { display:block; }
#Header.index_header { padding:50px 0; }
#Header.index_header .logo { margin:auto; width:15.625%; height:auto; max-width:250px; }
#Header.index_header a.logo1 { display:block; }
#Header.index_header a.logo2 { display:none; }
#Header .logo { height:45px; max-width:330px; }

#Header .tool { position:absolute; top:0; right:0; }
#Header .tool > div { float:left; height:55px; line-height:55px; }
.nav_lang > a, .menu_switch > a { text-decoration:none; font-family:'Raleway', sans-serif; font-weight:700; font-size:0.8125em; display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav_lang { border-left:1px solid #8c816f; }
.nav_lang > a { color:#8c816f; padding:0 35px; }
.nav_lang > a:hover { color:#c9161d; }
.menu_switch > a { display:block; background-color:#8c816f; color:#fff; padding:0 45px; }
.menu_switch > a:hover { background-color:#c9161d; }

.MenuFix #Header { position:fixed; animation:menu 0.5s ease 1; border-bottom:none; background-color:#f2f0f1; }
@-webkit-keyframes menu{
	0% { top:-60px;	}
	100%{ top:0; }
}

.MenuFix #Header.index_header { padding:5px 15px; }
.MenuFix #Header.index_header .logo { margin:0; width:auto; height:45px; max-width:330px; }
.MenuFix #Header.index_header a.logo1 { display:none; }
.MenuFix #Header.index_header a.logo2 { display:block; }

/*----------------------------------------------------------------------*/
/* Menu */
.header_popup_box {
	opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s, visibility 0.3s; transition:opacity 0.3s, visibility 0.3s; position:fixed; top:0; left:0; width:100%; z-index:101;
	background-color:#333; color:#fff;
}
.header_popup_box.show { opacity:1; visibility:visible; }
.header_popup_box > div { max-width:1260px; padding:50px; margin:0 auto; position:relative; }
.header_popup_box .pop_close a { display:block; text-decoration:none; color:rgba(255,255,255,.8); font-size:2em; text-align:center; font-family:Arial; margin-top:.5em; }
.header_popup_box .pop_close a:hover { color:#ceb484; }

.header_menu > li { display:inline-block; vertical-align:top; width:13.9%; box-sizing:border-box; padding:0 10px 20px; }
.header_menu a { color:#e8e6e1; text-decoration:none; }
.header_menu a:hover { color:#ceb484; }
.header_menu > li > a { font-size:1.125em; }
.header_menu > li > a:after { content:""; background-color:#8b816e; width:60px; height:1px; display:block; margin-top:0.8em; }
.header_menu li ul { margin:0.6em 0; }
.header_menu li ul li { padding:0.4em 0; }

.search_switch > a { font-size:0; padding:0 20px; display:block; height:55px; line-height:55px; }
.search_switch > a:after { content:""; display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/icon_search.png) no-repeat left top; }
.search_switch > a:hover:after { background-position:left bottom; }
.search_box label { display:none; }
.search_box input[type="text"] { border:none; padding:.525em; margin:0; width:90%; box-sizing:border-box; font-size:1.25em; vertical-align:top; }
.search_box .btn { background:#8c816f; color:#fff; font-size:1em; position:absolute; right:50px; box-sizing:border-box; height:3em; line-height:3em; width:8%; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer { padding-bottom:15px; }
.footer_menu { padding-top:4em; padding-bottom:2em; border-bottom:1px solid #ccc; }
.footer_menu:after { content:""; clear:both; display:block; }
.footer_menu a { display:block; text-decoration:none; }
.footer_menu > ul > li { float:left; width:16.6666%; padding-right:20px; padding-left:15px; box-sizing:border-box; border-left:1px solid rgba(0,0,0,.1); }
.footer_menu > ul > li > a:before { content:""; background-color:#cf3a40; width:33px; height:2px; display:block; margin-bottom:0.8em; }
.footer_menu > ul > li > a { color:#333; line-height:120%; font-size:1em; }
.footer_menu > ul > li > a:hover { color:#c9161d; }
.footer_menu ul ul { padding-top:0.8em; }
.footer_menu ul ul li { padding:3px 0; }
.footer_menu ul ul li a { color:#777; font-size:0.875em; line-height:150%; }
.footer_menu ul ul li a:hover { color:#c9161d; }

#Copyright > div:after { content:""; clear:both; display:block; }
#Copyright .col_left { float:left; }
#Copyright .col_right { float:right; }
.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 { font-family:'Noto Serif CJK TC', sans-serif; font-weight:900; }
.indexTitle h2 { font-size:2.5em; font-weight:900; }
.IndexFocus .indexTitle { margin-top:7%; position:absolute; left:720px; top:0; z-index:10; }
.IndexLecture .indexTitle { margin-left:75px; }

/* KeyVisual 主視覺新聞輪播 */
#KeyVisual:after { content:""; clear:both; display:block; }
#KeyVisual > div { display:table; width:100%; position:relative; }
#KeyVisual > div > div { box-sizing:border-box; float:left; }
.IndexAbout { width:30%; }
.IndexSlider { width:70%; position:relative; border-right:30px solid #555; border-bottom:30px solid #555; }
.IndexSlider > div { margin-left:-40px; position:relative; overflow:hidden; z-index:100; }
.IndexSlider .textBox { padding-top:40px; }
.IndexSlider .date { margin-left:-55px; position:relative; }
.IndexSlider .title { margin-left:-55px; position:relative; }
.IndexSlider .title a { font-size:2.5em; font-family:'Noto Serif CJK TC', sans-serif; font-weight:900; }
.IndexSlider .desc { max-height:10em; overflow:hidden; margin-left:35px; }
.IndexSlider .index_moreBtn { margin-left:35px; }
#KeyVisual .bx-wrapper { margin-bottom:30px; }
#KeyVisual .bx-pager { padding-left:40px; }
#KeyVisual .bx-wrapper .bx-prev { left:70px; }
#KeyVisual .bx-wrapper .bx-next { right:30px; }
@media screen and (min-width: 1550px) {
	.IndexAbout { padding:200px 100px 50px 9.459%; }
	.IndexSlider { padding:200px 9% 0 0;  }
}
@media screen and (max-width: 1549px) {
	.IndexAbout { padding:200px 80px 50px 4%; }
	.IndexSlider { padding:200px 4% 0 0;  }
}

/* 焦點主題 */
.IndexFocus { padding:120px 0; }
.IndexFocus > div { padding:0 30px; }
.article_top .imgBox { width:660px; }
.IndexFocus .article_title { max-width:485px; position:absolute; left:690px; bottom:0; }

/* 實驗室 */
.LaboratoryList .item { float:left; width:50%; }

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

/*----------------------------------------------------------------------*/
/* 表單 */
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 { margin-left:10px; margin-right:6px; }
.FormElmt .form_alert span::after { 
	display:block; content:''; top:15px; left:-8px; position:absolute; 
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #c9161d; 
}

.FormGroupWrap:before, .FormGroupWrap:after { content:""; width:100%; height:1px; display:block; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-top:65px; padding-bottom:75px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 標題 */
.PageTitle h2 { font-family:'Noto Serif CJK TC'; font-weight:600; }
h3.title { font-family:'Noto Serif CJK TC'; font-weight:900; font-size:2.5em; }
h3.title + .postdate { margin-top:-1.75em; margin-left:95px; }

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

/* 工具列 */
.ToolBar { padding-bottom:10px; padding-left:20px; padding-right:20px; }
.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 .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 #ddd; }

/* 分類下拉 */
.CatTitle h2 { float:left; }
.CatTitle .cat_select { float:right; }

/* 頁碼 */
#Pagination { padding-top:20px; padding-bottom:20px; }
#Pagination a { margin:0; }
#Pagination .current { display:none; }
#Pagination a.prev { margin-right:10px; }
#Pagination a.next { margin-left:10px; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { padding:0 5px; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { color:#c6171e; }

/* 內頁顯示欄位 */
.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; }

/* 延伸閱讀 */
.related_articles .title { font-family:'Noto Serif CJK TC'; font-weight:700; }

/* 編輯器 */
.editable_content blockquote { padding:35px 60px; margin-left:100px; margin-right:100px; }
.editable_content h4, .editable_content h5, .editable_content h6 { font-family:'Noto Serif CJK TC'; font-weight:700; }

/* colorbox */
#colorbox_thum a { width:180px; height:135px; margin:10px; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup > .form_group_title span { font-family:'Noto Serif CJK TC'; font-weight:700; }
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:150px; padding:15px 15px 15px 0; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:12px 0 4px; }
.FormTable.lectureForm > tbody > tr > th { padding:18px 15px 18px 0; }
.FormTable.lectureForm > tbody > tr > td { padding:14px 15px 7px 0; }

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; white-space:nowrap; margin-right:12px; }
.FormElmt input + input, .FormElmt input + select, .FormElmt select + input, .FormElmt select + select { margin-left:4px; }

/* item */
.input_table li { width:25%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable caption { font-size:2em; line-height:1.5em; }
.ListTable th { padding:8px 12px; line-height:1.75rem; white-space:nowrap; background:#424a5d; color:#e8e6e1; }
.ListTable td { padding:12px 12px; border-bottom:1px solid #ddd; vertical-align:top; }

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; white-space:nowrap; text-align:right; }
.ListTable td.no::after { content:'.'; }
.ListTable th.date { width:6em; }
.ListTable td.date { width:6em; white-space:nowrap; text-align:center; }
	.ListTable th.date.range, .ListTable td.date.range { width:10em; }
.ListTable .tc { text-align:center; }
.ListTable th.ques_limit { width:80px; }
.ListTable td.ques_limit { width:80px; text-align:center; color:#b6b6b6; }
.ListTable th.ques_fill { width:80px; }
.ListTable td.ques_fill { width:80px; text-align:center; }
.ListTable th.vote_type { width:80px; }
.ListTable td.vote_type { width:80px; text-align:center; }
.ListTable th.vote_limit { width:80px; }
.ListTable td.vote_limit { width:80px; text-align:center; }
.ListTable td.vote_limit strong { color:#be9645; }
.ListTable th.vote_result { width:80px; }
.ListTable td.vote_result { width:80px; text-align:center; }

.ToolBar + .ListTable { padding-top:40px; }

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

/* list-view */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; }

/* hover效果 */
.ListPicText .item > div, .ListPicText.grid-view .img > div { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	} 
.ListPicText .item > div:hover {
	-moz-box-shadow: 1px 2px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 8px rgba(0,0,0,0.2);
	}
.ListPicText.grid-view .img:hover > div { transform:scale(1.05); }

/* 單欄 */
.ListPicText.list-view.single .img { padding-right:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }
.ListPicText.single .cont { padding:20px; }
.ListPicText.single .title { font-size:1.25rem; }
.ListPicText.single .date { font-size:0.8125rem; }
.ListPicText.single .desc { font-size:1rem; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .cont { padding:20px; }
.ListPicText.bisection .title { font-size:1.25em; }
.ListPicText.bisection .date { font-size:0.8125em; }
.ListPicText.bisection .desc { font-size:0.9375em; }
.ListPicText.list-view.bisection .img { padding:20px; }
.ListPicText.list-view.bisection .cont { padding:20px; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:33.3333%; }
.ListPicText.trisection .cont { padding:25px 1em; }
.ListPicText.trisection .title { font-size:1.25rem; }
.ListPicText.trisection .date { font-size:0.8125rem; }
.ListPicText.trisection .desc { font-size:0.9375rem; }
.ListPicText.list-view.trisection .img { padding:15px; }
.ListPicText.list-view.trisection .cont { padding:15px; }

/* 四欄 */
.ListPicText.quarters .item { float:left; width:25%; }
.ListPicText.quarters .cont { padding:15px; }
.ListPicText.quarters .title { font-size:1.125rem; }
.ListPicText.quarters .date { font-size:0.8125rem; }
.ListPicText.quarters .desc { font-size:0.875rem; }
.ListPicText.list-view.quarters .img { padding:15px; }
.ListPicText.list-view.quarters .cont { padding:15px; }

/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { padding-top:30px; }
.PublicationList:before { content:''; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d5d0c5; }
.PublicationList .item { float:left; width:48%; margin-right:4%; margin-bottom:30px; padding-bottom:30px; }
	.PublicationList .item:nth-child(2n+2) { margin-right:0; }
	
.PublicationList .img { width:35%; margin-right:20px; }
.PublicationList .img:hover {
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.PublicationList .title a { font-size:1.5rem; font-family:'Noto Serif CJK TC'; font-weight:700; }

/* 精彩回顧 */
.PublicationPast .item { float:left; width:20%; padding:0 25px; margin-bottom:30px; }
	
.PublicationPast .img { height:360px; }
.PublicationPast .img a:hover img {
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	box-shadow:0px 0px 12px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.PublicationPast .title a { font-size:1.25rem; font-family:'Noto Serif CJK TC'; font-weight:700; }

/* 內頁 */
.PublicationCont h3 { font-size:2.25em; font-family:'Noto Serif CJK TC'; font-weight:900; }
.PublicationCont .img { float:left; width:360px; margin-right:36px; }
.PublicationCont .img h3 { display:none; }

/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.MediaList { padding-top:40px; }
.MediaList .item { width:23.5%; margin-right:2%; margin-bottom:60px; }
	.MediaList .item:nth-child(4n+4) { margin-right:0; }
	
.MediaList .img > div {
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	}
	.MediaList .img:hover > div { transform:scale(1.02); }
.MediaList .date { line-height:1.5rem; }
.MediaList .cat { width:5em; height:1.5em; }
	.fs3 .MediaList .cat { width:4.5em; }
.MediaList .title { margin-bottom:20px; }
.MediaList .title a { font-size:1.375rem; }
.MediaList .date { font-size:0.875rem; }
.MediaList .cont > div { padding:15px 5px; }

/* 內頁 */
.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:200px; height:150px; }


/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont { padding-top:25px; }
.HistoryCont .history_detail { padding-left:64px; }
.HistoryCont .history_detail .year { margin-left:-64px; }
.HistoryCont .history_detail .year > div { font-size:48px; }
.HistoryCont .history_detail .title { font-size:1.5rem; }
.HistoryCont .history_detail .title::after { top:12px; }
.HistoryCont .history_detail .desc { font-size:1.125rem; line-height:220%; }


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard h3 span { font-size:1.5rem; font-family:'Noto Serif CJK TC'; font-weight:900; }

.Ecard .card_select { float:left; width:32%; }
.Ecard .card_select li { width:46%; margin-right:8%; font-size:0.875rem; }
.Ecard .card_select li:nth-child(2n+2) { margin-right:0; }

.Ecard .form { float:right; width:68%; padding-left:80px; }
.ecard_multisend_box .title { font-family:'Noto Serif CJK TC'; font-weight:900; }

/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList { padding-bottom:20px; }
.EventList .item { width:23.5%; margin-right:2%; margin-bottom:60px; }
	.EventList .item:nth-child(4n+4) { margin-right:0; }
	
.EventList .img > div {
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	}
	.EventList .img:hover > div { transform:scale(1.02); }
.EventList .cont > div { padding: 15px 10px; }
.EventList .title { margin-bottom:10px; }
.EventList .title a { font-size:1.375rem; }
.EventList .date { font-size:0.875rem; }
.EventList .desc { font-size:0.9375rem; }

.EventList.active .img { float:left; width:860px; margin-right:20px; }
.EventList.active .cont > div { padding:20px 20px 0 20px; }
.EventList.active .title a { font-size:1.625rem; }
.EventList.active .desc { line-height:1.875em; max-height:8em; }

.member_terms_wrap .title span { font-family:'Noto Serif CJK TC'; font-weight:700; }

/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont .vote1, .VoteCont .vote2 { padding-top:25px; }
.VoteCont .vote1 { float:left; width:50%; padding-right:40px; }
.VoteCont .vote2 { float:left; width:50%; padding-left:40px; border-left:1px solid #d5d0c5; }

.VoteCont .vote1 ul li { font-size:1.25rem; }


/*----------------------------------------------------------------------*/
/* 科普 */
.popsci_cat{ padding-top:2.5rem; margin-bottom:2.5rem; text-align:center; }
.popsci_cat > div{ margin-left:12px; margin-right:12px; }
.popsci_cat > div a { font-size:1.125em; font-family:'Noto Serif CJK TC'; font-weight:900; }
.popsci_cat > div.select a { font-size:2em; }
.PopsciList { margin-top:20px; }
.PopsciList .item{
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.PopsciList .img > div, .PopsciList .img::before{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.PopsciList .date, .PopsciList .cat { display:inline-block; }
.PopsciList .date{ margin-right:5px; float:left; }
.PopsciList .img{ width:40%; float:left; margin-right:15px; margin-bottom:15px; }
.PopsciList .img:hover > div { box-shadow:1px 1px 8px rgba(0,0,0,.3); }

.PopsciList .item { float:left; width:48%; margin-right:4%; margin-bottom:4rem; }
.PopsciList .item:nth-child(2n+2) { margin-right:0; }
.PopsciList .desc { font-size:0.9375em; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .title a { font-family:'Noto Serif CJK TC'; font-weight:700; }