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

/*----------------------------------------------------------------------*/
/* Header */
#Header { 
	position:absolute; top:0; left:0; height:95px;
	-webkit-transition: top 0.3s ease;
	-moz-transition: top 0.3s ease;
	transition: top 0.3s ease;
}
#Header > div { width:100%; margin:0 auto; padding:0 10px;}

/* 浮動效果 */
.MenuFix #Header{ position:fixed; 
	animation:menu 0.5s ease 1;
	-webkit-transition: top 0.3s ease;
	-moz-transition: top 0.3s ease;
	transition: top 0.3s ease;
}
@-webkit-keyframes menu{
	0%{
		top:-60px;
	}
	100%{
		 top:0;
	}
}

#Header .logo { display:table; float:left; height:95px;}
#Header .logo  h1{display:table-cell; vertical-align:middle;}
#Header .logo a{ max-width:345px; height:auto; }
#Header .logo a.logo2{ display:none; }

/*tool*/
#Header .lan_box > ul > li > ul{
	width:80px;
	position:absolute; 
	z-index:999;
	top:70px;
	right:0;
	opacity:0;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#Header .lan_box > ul > li > ul::before{
	content: '';
    display: block;
    border-color: transparent transparent #cbab68 transparent;
    border-style: solid solid solid solid;
    border-width: 6px;
    height: 0px;
    width: 0px;
	position:absolute;
	top:-12px;
	left:50%;
	margin-left:-6px;
}
#Header .lan_box > ul > li:hover > ul{ opacity:1; } 
#Header .lan_box > ul > li:hover a i{ color:#cbab68; }
#Header .lan_box > ul > li > ul li a{ display:block; padding:10px; color:#000; font-size:93.8%; 
    background-color:#cbab68;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#Header .lan_box > ul > li > ul li a:hover{ background-color:rgba(231,231,231,1.00);}

@media screen and (max-width: 1359px) {
    #Header .logo a{ max-width: 280px; }
    #Header .tool > div{ padding-right: 10px; padding-left: 10px; }
    #Header .lan_box > ul > li > ul::before{ left: inherit; right: 20px; }
    #Header .search_box .btn_icon{ width: 20px; }
    #Header .search_box .btn_icon i, #Header .lan_box i{ font-size: 1.188em; }
}

/*----------------------------------------------------------------------*/
/* Menu */	
#Menu{ float: left; display: table; height: 95px; }
#Menu > div{ box-sizing: border-box; display:table-cell; vertical-align:middle;  }
#Menu .menu_list { padding-left: 30px; }
#Menu .menu_list > li{ display: inline-block; padding-right: 30px; position: relative; }
#Menu .menu_list > li > a{ display: block; color: #333; font-size: 1.125em;
    line-height: 60px; position: relative; font-weight: 900; letter-spacing: 0.03em;
}
/*#Menu .menu_list > li > a::before{ content: ""; display: block; background-color: #333; 
    width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; right:50%;
    transition: all 0.25s ease-in-out;
}*/
#Menu .menu_list > li > ul{ border-top: 2px solid #333; 
    position: absolute; top: 60px; left: 0; z-index: 100;
}
#Menu .menu_list > li:last-child > ul{ left:inherit; right: 0; }
#Menu .menu_list > li ul{ width: 150px; box-shadow: 0 4px 10px rgba(0,0,0,0.25); 
    background-color: #fff;
}
#Menu .menu_list > li > ul > li{ position: relative; }
#Menu .menu_list > li > ul > li:last-child{ border-bottom: 0; }
#Menu .menu_list > li > ul > li a{ display: block; padding: 10px 15px; 
    color: #232222; box-sizing: border-box; letter-spacing: 0.03em;
}
#Menu .menu_list > li > ul > li a.ul-open::before{
    content:''; display:block; position:absolute; top:50%; right:15px; margin-top:-3px;
    border-left:1px solid #222;
    border-top:1px solid #222;
    width:6px; height:6px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    transform:rotate(135deg);
}
#Menu .menu_list > li > ul > li > ul {  position: absolute; top: 0; left: 150px; }
#Menu .menu_list > li:last-child > ul > li > ul{ left: -150px; }

/* 顯示效果 */
#Menu .menu_list > li > ul > li a, #Menu .menu_list > li > ul, #Menu .menu_list > li > ul > li > ul,
#Menu .menu_list > li > a{
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;  
}
#Menu .menu_list > li:hover > a{ color:#cbab68; }
#Menu .menu_list > li > ul > li a:hover{ background-color: #f0f0f0; }
#Menu .menu_list > li > ul{ opacity: 0; visibility: hidden; }
#Menu .menu_list > li:hover > ul{ opacity: 1; visibility: visible; }
#Menu .menu_list > li > ul > li > ul { opacity: 0; visibility: hidden; }
#Menu .menu_list > li > ul > li:hover > ul { opacity: 1; visibility: visible; }

@media screen and (max-width: 1359px) {
    #Menu .menu_list{ padding-left: 15px; }
    #Menu .menu_list > li{ padding-right: 15px; }
    #Menu .menu_list > li > a{ font-size: 1em; }
}

/*----------------------------------------------------------------------*/
/* 共用區塊 */
.PageTopBar{ padding-top:7.5rem; padding-bottom:1.5rem; }

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:60px; height:70px; margin-top:-35px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:35px; height:35px; margin-top:-20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }

/*----------------------------------------------------------------------*/
/* 首頁區塊 */
/*----------------------------------------------------------------------*/
/*新聞發佈*/
.IndexNews { padding:6rem 3.5rem 4rem 3.5rem; margin-bottom:2rem;}
.IndexNews .indexTitle{ margin-bottom:-30px; text-align:center; }
.IndexNews .indexTitle > div{ margin-left:290px; }
.IndexNews .block_half{ width:48%; box-sizing:border-box;}
.IndexNews .news_left{ float:left; padding:3rem 0 4rem 5rem;}
.IndexNews .news_left > div{ width:60%;}
.IndexNews .news_right{ float:right; padding:3rem 0 4rem 18rem; margin-top:8rem;}
.IndexNews .news_right > div{ width:85%;}
.IndexNews .news_mid{ width:30%; position:absolute; top:0; left:50%; margin-left:-15%;  margin-top:12rem; }
.IndexNews .news_mid .news_hotbox:hover .img{transform: scale(1.01); }
.IndexNews .block_half .item .title a{ font-size: 1.375em; }
.IndexNews .btn a{ font-size: 1.25em; }

@media screen and (max-width: 1440px) {
	.IndexNews .news_left{padding: 4rem 12rem 4rem 3rem;}
	.IndexNews .news_left > div{ width:100%; }
	.IndexNews .news_right{ padding: 4rem 3rem 3rem 12rem; margin-top: 5rem; }
	.IndexNews .news_right > div{ width:100%; }
	.IndexNews .news_mid .news_hotbox .title{ font-size:131.3%; }
    .IndexNews .block_half .item .title a{ font-size: 1.188em; }
}

@media screen and (max-width: 1279px){
	.IndexNews{padding: 5rem 1.5rem 4rem 1.5rem;}
	.IndexNews .news_left{padding: 1.5rem 10rem 2rem 2rem;}
	.IndexNews .news_left > div{ width:100%; }
	.IndexNews .news_left .item{ padding:3rem 4rem 3rem 0;  }
	.IndexNews .news_right{ padding: 2rem 2rem 2rem 10rem; }
	.IndexNews .news_right > div{ width:100%; }
	.IndexNews .news_right .item{padding:3rem 0 3rem 4rem;}
	.IndexNews .news_mid{ width:35%; margin-left:-18%; }
	.IndexNews .news_mid .news_hotbox .title{ font-size:112.5%; padding: 30px 20px 20px 20px; }

}

/*動畫設定*/
.IndexNews .indexTitle, .IndexNews .news-btn{ opacity: 0; transform: translateY(-50px);}
.IndexNews .news_mid{ 
    opacity: 0; 
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
}
.IndexNews .news_left{ opacity: 0; transform: translateX(-100px);}
.IndexNews .news_right{ opacity: 0; transform: translateX(100px);}

.IndexNews.active .indexTitle, .IndexNews.active .news-btn{ transform: translateY(0);}
.IndexNews.active .news_mid{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.IndexNews.active .block_half{ transform: translateX(0); }
.IndexNews.active .indexTitle, .IndexNews.active .news_mid, .IndexNews.active .block_half, .IndexNews.active .news-btn{
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition:  all 1s ease;
    transition:  all 1s ease;
}

.IndexNews.active .indexTitle{ transition-delay: 0.2s; }
.IndexNews.active .news_mid{ transition-delay: 1.2s; }
.IndexNews.active .news_left{ transition-delay: 0.6s; }
.IndexNews.active .news_right{ transition-delay: 0.9s; }
.IndexNews.active .news-btn{ transition-delay: 1.8s; }

/* media popup */
.mediaPopupBox.popupBox > div{ width: 1000px; height: 563px; overflow-y: hidden; }
.mediaPopupBox .media_box .video{ width: 100%; height: auto; }

/*----------------------------------------------------------------------*/
/*產業服務*/
.IndexConsultingServices{ margin-bottom: 2.8125rem; }

@media screen and (max-width: 1279px) {
    .IndexConsultingServices .cont { width:80%; padding-right:80px; }
    }
    @media screen and (min-width: 1280px) {
    .IndexConsultingServices .cont { width:60%; padding-right:100px; }
}
.IndexConsultingServices .title { font-size:3.75rem; letter-spacing:10px; }
.IndexConsultingServices .desc { font-size:1.75rem; letter-spacing:2px; }

/*----------------------------------------------------------------------*/
/*關於我們*/
.IndexAbout{ margin-bottom: 0; }
.IndexAbout .about_box1, .IndexAbout .about_box2{ width:50vw; }
.IndexAbout .about_box1{ float:right; margin-top:7rem; margin-bottom:5.5rem;}
.IndexAbout .about_box2{ float:left; }
.IndexAbout .intro-box > div{ width:85%; }
.IndexAbout .tt_cn{ font-size: 1.375em; }
.IndexAbout .tt_en{ font-size: 0.938em; }
.IndexAbout .intro-box .desc{ font-size: 1.25em; }
.IndexAbout .item:hover > div{ transform:scale(1.03); }

/* 一排4個排列 */
.IndexAbout .aboutBox .item{ width: 25%; }
.IndexAbout .aboutBox .item > div{ height: 400px; }

@media screen and (max-width: 1440px) {
	.IndexAbout .intro-box > div{ width:100%; padding: 1.5rem 2.5rem;}
    .IndexAbout .item > div{ padding:2rem; }
    .IndexAbout .tt_cn{ font-size:112.5%;}
    .IndexAbout .tt_en{ font-size:93.8%; }
    .IndexAbout .col_half .NCHC-box, .IndexAbout .col_half .TSRI-box{ width:50%; }
    .intro-box .about-point{ padding:1rem; }
    
    /* 一排4個排列 */
    .IndexAbout .aboutBox .item > div{ height:300px; }
}

@media screen and (max-width: 1280px) {
	.intro-box .about-point .and{ display:block; }
    .IndexAbout .intro-box .desc{ font-size: 1.125em; }
}

/*動畫設定*/
.IndexAbout .about_box1 .item, .IndexAbout .about_box1 .intro-box{ 
    opacity: 0;
    transform: translateX(100px);
}
.IndexAbout .about_box2 .item{ 
    opacity: 0;
    transform: translateX(-100px);
}
.IndexAbout .active .item, .IndexAbout .active .intro-box{
    opacity: 1;
    transform: translateX(0);
    -webkit-transition: all 1s ease;
    -moz-transition:  all 1s ease;
    transition:  all 1s ease;
}

/* 新增 */
.IndexAbout .aboutBox .item, .IndexAbout .intro-box{ 
    opacity: 0;
    transform: translateX(-100px);
}
.IndexAbout .active.aboutBox .item, .IndexAbout .active.intro-box{
    opacity: 1;
    transform: translateX(0);
    -webkit-transition: all 1s ease;
    -moz-transition:  all 1s ease;
    transition:  all 1s ease;
}

/*.IndexAbout .active .STPI-box{ transition-delay: 0.2s; }
.IndexAbout .active .NSPO-box{ transition-delay: 0.4s; }
.IndexAbout .active .intro-box{ transition-delay: 0.8s; }
.IndexAbout .active .TSRI-box{ transition-delay: 1.0s; }
.IndexAbout .active .NCHC-box{ transition-delay: 1.4s; }
.IndexAbout .active .NLAC-box{ transition-delay: 1.6s; }
.IndexAbout .active .NCREE-box{ transition-delay: 1.8s; }
.IndexAbout .active .TIRI-box{ transition-delay: 2.0s; }
.IndexAbout .active .TORI-box{ transition-delay: 2.2s; }*/

/*----------------------------------------------------------------------*/
/*研究發展*/
@media screen and (max-width: 1440px) {
	.researchBlock{ margin-top:1.5rem; margin-bottom:1.5rem; }
	.researchBlock .item{ height:300px; }
	.researchBlock .cont{ padding: 2.5rem 1.5rem; }
}

@media screen and (max-width: 1279px) {
	.researchBlock .item{ height:250px; }
	.researchBlock .cont{ padding: 2.5rem 1rem; }
	.researchBlock .desc{ font-size:93.8%; 
	    line-height: 30px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    max-height:120px;
	}
}

/*動畫設定*/
.IndexResearch .shape1, .IndexResearch > div::after, .IndexResearch .indexTitle, .IndexResearch .researchBlock > div{ 
    opacity: 0;
}

.IndexResearch.active .shape1, .IndexResearch.active > div::after, .IndexResearch.active .indexTitle, .IndexResearch.active .researchBlock > div{
    opacity: 1;
    -webkit-transition: all 1s ease;
    -moz-transition:  all 1s ease;
    transition:  all 1s ease;
}

.IndexResearch.active .shape1, .IndexResearch.active > div::after{ transition-delay: 0.2s; }
.IndexResearch.active .indexTitle{ transition-delay: 0.4s; }
.IndexResearch.active .researchBlock > div{ transition-delay: 0.6s; }

/*----------------------------------------------------------------------*/
/* Footer */

/*----------------------------------------------------------------------*/
/* Copyright */
#Copyright .col_left{ float:left; }
#Copyright .col_right{ float:right; }

/*----------------------------------------------------------------------*/
/* popup 彈出視窗 */
.popupBox > div{ width:70%; max-height: 90%; margin:auto; }
.popupBox > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.popupBox .close { position:absolute; top:8px; right:8px; }

/*----------------------------------------------------------------------*/
/* popup box */
.popup_box .close { width:40px; height:40px; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content{ padding:0 30px 5rem 30px;}

/*----------------------------------------------------------------------*/
/* 內頁元素 */

/* 頁碼 */
#Pagination{ margin-top:3rem; margin-bottom:2rem; }
#Pagination a, #Pagination .setting input[type="button"]{transition:all 0.25s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}

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

/*----------------------------------------------------------------------*/
/* 編輯器 */

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:160px; padding:15px 20px 15px 0; text-align:right; }
.FormTable > tbody > tr > th::after { content:'：'; position:absolute; top:14px; right:6px; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td {  }

/* item */
.FormTable .item_wrap { margin-top:-5px; }
.FormTable .item_wrap > div.half { float:left; width:48%; padding-right:4%; }
.FormTable .item_wrap > div.half + div.half { padding-right:0; }
.FormTable .item_wrap > div.fullwidth { float:none; clear:both; width:100%; padding-right:0; }

.FormTable .item_wrap.inline { padding:0 40px 0 50px; }
.FormTable .item_wrap.inline span { top:10px; }
.FormTable .item_wrap.inline > div { padding-top:0; display:inline-block; margin-right:10px; }
.FormTable .item_wrap.inline > div label { display:inline-block; }

.input_table li { width:25%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table th { 
	padding:12px; white-space:nowrap; background-color:#f5f5f5; background-image:url("../images/bg_line_15.png");
    border-bottom:1px solid #777; 
	/*background:#f0f0f0 url("../images/table_th_divide.png") no-repeat 0 center;*/
}
	.ListTable table tr th:first-child { background-image:none; background-color:#e2e2e2; }
.ListTable table td { padding:20px 12px; border-bottom:1px solid #e2e2e2; line-height:32px; vertical-align:top; }
.ListTable table tr:nth-child(2n+3) { background-color:#fdfdfd; }

.ListTable table th.no { width:30px; }
.ListTable table td.no { width:30px; color:#7e7e7e; font-size:0.9375rem; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; text-align:right; }
.ListTable table th.date { width:80px; }
.ListTable table td.date { width:80px; color:#777; font-size:0.9375rem; white-space:nowrap; }
.ListTable table th.date.range, .ListTable table td.date.range { width:140px; }
.ListTable table th.news_type { width:70px; }
.ListTable table td.news_type { width:70px; text-align:center; }
.ListTable table th.unit { width:70px; }
.ListTable table td.unit { width:70px; text-align:center; }
.ListTable table th.download { width:145px; }
.ListTable table th.download.desc { width:auto; }
.ListTable table td.download { width:145px; }
.ListTable table td.download li a { line-height:20px; }
.ListTable table .tc { text-align:center; }
.ListTable table th.ques_limit { width:80px; }
.ListTable table td.ques_limit { width:80px; color:#999; text-align:center; font-size:1.25rem; font-family:'Century Gothic', 'Arial', sans-serif;}
.ListTable table td.ques_limit strong { color:#b79a5d; }
.ListTable table th.ques_fill { width:80px; }
.ListTable table td.ques_fill { width:80px; text-align:center; }
.ListTable table th.vote_type { width:80px; }
.ListTable table td.vote_type { width:80px; text-align:center; }
.ListTable table th.vote_limit { width:80px; }
.ListTable table td.vote_limit { width:80px; text-align:center; }
.ListTable table td.vote_limit strong { color:#be9645; }
.ListTable table th.vote_result { width:80px; }
.ListTable table td.vote_result { width:80px; text-align:center; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-top:20px; }
.ListPicText .item:hover{ border: 1px solid #b79a5d; transform:scale(1.01);}
.ListPicText .item{
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.ListPicText .img > div {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ListPicText .date, .ListPicText .cat { display:inline-block; }
.ListPicText .date{ margin-right:5px; }
.ListPicText .title a { font-family:'Noto Sans TC', sans-serif; }

/* list-view */
.ListPicText.list-view .item { border:1px solid #949ca2; position:relative;}
.ListPicText.list-view .img { float:left; width:240px; max-width:33.3333%; margin-right:20px; margin-bottom:5px; padding:0; }
.ListPicText.list-view .img:hover > div { transform:scale(1.03); }

/* grid-view */
.ListPicText.grid-view .img:hover > div { transform:scale(1.02); }
.ListPicText.grid-view .cont { padding:0 10px; position:relative; z-index:2; }
.ListPicText.grid-view .title { margin-top:10px; margin-bottom:10px; }

/* 單欄 */
.ListPicText.single .item { margin-bottom:20px; }
.ListPicText.single .title { font-size:1.25em; }
.ListPicText.single .date { font-size:0.875em; }
.ListPicText.single .cat { font-size:0.9375em; }
.ListPicText.single .desc { font-size:1.125em; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }
.ListPicText.list-view.single .item { padding:15px; }
.ListPicText.list-view.single .item > div{ box-shadow:none; }
.ListPicText.grid-view.single .cont > div { padding:30px; }
.ListPicText.list-view.single .img{ padding:0; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:49%; margin-right:2%; margin-bottom:30px; }
.ListPicText.list-view.bisection .item { width:48%; margin-right:4%; margin-bottom:30px; }
.ListPicText.bisection .item:nth-child(2n+2) { margin-right:0; }
.ListPicText.bisection .title { font-size:1.625em; }
.ListPicText.bisection .date { font-size:0.875em; }
.ListPicText.bisection .cat { font-size:0.9375em; }
.ListPicText.bisection .desc { font-size:1.125em; }
.ListPicText.list-view.bisection .title { font-size:1.5em; }
.ListPicText.list-view.bisection .desc { font-size:1em; }
.ListPicText.list-view.bisection .item { padding:20px; }
.ListPicText.grid-view.bisection .cont > div { padding:10px 30px 30px; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:31.3%; margin-right:3%; margin-bottom:35px; }
.ListPicText.list-view.trisection .item { width:32%; margin-right:2%; margin-bottom:20px; }
.ListPicText.trisection .item:nth-child(3n+3) { margin-right:0; }
.ListPicText.trisection .title { font-size:1.5em; }
.ListPicText.trisection .date { font-size:0.875em; }
.ListPicText.trisection .cat { font-size:0.9375em; }
.ListPicText.trisection .desc { font-size:1em; }
.ListPicText.list-view.trisection .title { font-size:1.375em; margin-top:5px; margin-bottom:5px; }
.ListPicText.list-view.trisection .desc { font-size:1em; }
.ListPicText.list-view.trisection .item { padding:15px; }
.ListPicText.list-view.trisection .cat{ display:block; background-color:#fff; }
.ListPicText.grid-view.trisection .cont > div { padding: 10px 15px 20px 15px;}

/* 四欄 */
.ListPicText.quarters .item { float:left; width:23.5%; margin-right:2%; margin-bottom:25px; }
.ListPicText.quarters .item:nth-child(4n+4) { margin-right:0; }
.ListPicText.quarters .title { font-size:1.25em; }
.ListPicText.quarters .date { font-size:0.8125em; }
.ListPicText.quarters .cat { font-size:0.875em; }
.ListPicText.quarters .desc { font-size:1em; }
.ListPicText.list-view.quarters .item { padding:15px; }
.ListPicText.list-view.quarters .img { float:none; max-width:100%; width:100%; padding-right:0; margin-bottom:20px; }
.ListPicText.grid-view.quarters .cont > div { padding: 0 10px 10px;}

/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { margin-top:2.5rem; }
.PublicationList .item { float:left; width:50%; padding-right:1.5rem; margin-bottom:3rem; }
.PublicationList .item:nth-child(2n+2){ padding-left:1.5rem; padding-right:0;}
      
.PublicationList .img { 
    float:left; width:40%; padding:10px; margin-right:20px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.PublicationList .img:hover{ transform:scale(1.02); }
.PublicationList .img img {   
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.PublicationList .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.5em; }


/* 精彩回顧 */
.PublicationPast .item { float:left; width:20%; padding:20px; margin-bottom:30px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}    
.PublicationPast .item:hover{
    background: #f2f2f2 url('../images/bg_line_15.png') center center;
    -webkit-transform:scale(1.02); 
    -moz-transform:scale(1.02); 
    transform:scale(1.02); 
}
.PublicationPast .img { height:300px; }
.PublicationPast .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.125em; }

/* 內頁 */
.PublicationCont{ margin-top:2rem; }
.PublicationCont h3 { font-weight:bold; font-size:1.675em; }
.PublicationCont .img { float:left; width:360px; margin-right:36px; }
.PublicationCont .img h3 { display:none; }

/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.media_cat{ margin-top:2.5rem; margin-bottom:1.5rem;}
.MediaList { margin-top:40px; }
.MediaList .item { width:23.5%; margin-right:2%; margin-bottom:30px; }
.MediaList .item:nth-child(4n+4) { margin-right:0; }
.MediaList .item > div{ overflow:hidden; }
.MediaList .img > div {
    -webkit-transition: opacity 0.3s ease, filter 0.3s ease;
    -moz-transition: opacity 0.3s ease, filter 0.3s ease;
    transition: opacity 0.3s ease, filter 0.3s ease;
}
.MediaList .img:hover > div { 
    opacity:0.8; 
    -webkit-filter: grayscale(70%); /* Chrome, Safari, Opera */
    filter: grayscale(70%);
}
.MediaList .date { font-family:'Oswald', sans-serif; line-height:30px; }
.MediaList .cat {  width:40px; height:40px; }
.MediaList .cat::after { top:8px; left:8px; }
.MediaList .title { margin-bottom:20px; }
.MediaList .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.25em; }
.MediaList .date { font-size:0.875em; }
.MediaList .desc { font-size:1em; }
.MediaList .cont > div { padding:15px 15px; }

/* 內頁 */
.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; margin: 10px; }

/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard h3 span { font-size:1.25em; font-family:'Noto Sans TC', sans-serif; font-weight:500; }

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

.ecard_multisend_box .title, .ecard_preview_box .title{ font-size:1.25em; }

/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont{ margin-top:3.5rem; }
.HistoryCont .tab_container { padding-left:30px; padding-right:30px; }
.HistoryCont .history_detail .year::before { margin-left:9rem; left:0; bottom:35px; }
.HistoryCont .history_detail .year > div { font-size:48px; }
.HistoryCont .history_detail .title { font-size:1.25em; font-family:'Noto Sans TC', sans-serif; }
.HistoryCont .history_detail .title::before{ top:13px; left:5px; width:6px; height:6px; }
.HistoryCont .history_detail .title::after { width:12px; height:12px;  top:8px; left:0; }
.HistoryCont .history_detail .desc { font-size:1em; line-height:220%; }

/*----------------------------------------------------------------------*/
/* 科普講堂 */
.popsci_cat{ margin-top:2.5rem; margin-bottom:2.5rem; }
.popsci_cat > div{ margin-bottom:30px; }
.PopsciList { margin-top:20px; }
.PopsciList .item{
    padding-right:15px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.PopsciList .item:nth-child(2n+2){ padding-left:15px; padding-right:0;}

.PopsciList .img > div, .popsci_cat > div a, .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 .title a { font-family:'Noto Sans TC', sans-serif; }
.PopsciList .img{ width:40%; float:left; }
.PopsciList .img:hover::before{ background-color:#ded2ba; }
.PopsciList .img:hover > div { 
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    transform:rotate(5deg); 
    border-color:#ded2ba;
}
.PopsciList .cont { width:100%; position:relative; z-index:2; }
.PopsciList .title { margin-top:10px; margin-bottom:10px; }

.PopsciList .item { float:left; width:49%; margin-right:2%; margin-bottom: 4rem; }
.PopsciList .item:nth-child(2n+2) { margin-right:0; }
.PopsciList .title { font-size:1.25em; }
.PopsciList .date { font-size:0.875em; }
.PopsciList .cat { font-size:0.9375em; }
.PopsciList .desc { font-size:1em; }

@media screen and (max-width: 1180px) {
   .PopsciList .img::before{ width:90px; height:90px; } 
}

/*----------------------------------------------------------------------*/
/* 活動報名 */
.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 15px 0 15px; }
.EventList .title { margin-bottom:10px; }
.EventList .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.375em; }
.EventList .date { font-size:0.875em; }
.EventList .desc { font-size:1em; }

.EventList.active .item { width:48%; margin-right:18px; padding-bottom:20px;}
.EventList.active .item:nth-child(2n+2) { margin-right:0; margin-left:18px; }
.EventList.active .img { width:100%; margin-right:20px; }
.EventList.active .cont > div { padding:15px; }
.EventList.active .title a { font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.375em; }
.EventList.active .desc { font-size:1em; }
.EventList.active .btn{ position:absolute; bottom:-40px; left:50%; margin-left:-62px; z-index:999;}
.EventList.active .img{ overflow:hidden; }
.EventList.active .img > div{
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;   
}
.EventList.active .img:hover > div{ transform:scale(1); opacity:0.8; }


/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont .vote1 { float:left; width:45%; padding-right:40px; }
.VoteCont .vote2 { float:left; width:55%; padding-left:80px; border-left:1px solid #ddd; }
.VoteCont .vote1 ul li { font-size:1.25em; font-family:'Noto Sans TC', sans-serif; }

/*----------------------------------------------------------------------*/
/* 客製單篇共用 */
.editable_content .cuzmsg_box .title span { letter-spacing:0.2em; font-size:1.7em; }
.editable_content .cuzmsg_box .cont_wrap { padding:50px; }

/*----------------------------------------------------------------------*/
/* 國研榮耀 */
.CuzMsgHonor .item:nth-child(even) dt { text-align:right; }
.CuzMsgHonor .item:nth-child(even) dd { margin-left:auto; margin-right:30px; padding-left:0; padding-right:35px; text-align:right; }
.CuzMsgHonor .item:nth-child(even) dd::after { left:auto; right:0; }
.CuzMsgHonor dt span { padding-left:10px; letter-spacing:0.1em; font-size:2.5em;}
.CuzMsgHonor dd::after{ width: 8px; height: 8px; top: 20px; left: 0; }

/*----------------------------------------------------------------------*/
/* 組織架構 */
.CuzMsgOrg .staff_box.coa, .CuzMsgOrg .staff_box.laboratory { float:left; padding-left:5%; padding-right:5%; }
.CuzMsgOrg .staff_box.coa { width:50%; }
.CuzMsgOrg .staff_box.laboratory { width:50%; }
.CuzMsgOrg .staff_box.director dl { padding-left:100px; }
.CuzMsgOrg .staff_box.director dt { width:100px; }
.CuzMsgOrg .staff_box.dean dl { padding-left:100px; }
.CuzMsgOrg .staff_box.dean dt { width:100px; }
.CuzMsgOrg .staff_box.coa dl { padding-left:120px; }
.CuzMsgOrg .staff_box.coa dt { width:120px; }
.CuzMsgOrg .staff_box.laboratory dl { padding-left:220px; }
.CuzMsgOrg .staff_box.laboratory dt { width:220px; }
    
/*----------------------------------------------------------------------*/
/* 研究發展 */
.cuzmsg_research_list .img { width:40%; padding:10px; margin-right:30px; }
.cuzmsg_research_list .item:nth-child(even) .img { margin-left:30px; }
.cuzmsg_research_list .title { font-size:1.5em; }
.editable_content .img_research_env { margin-bottom:-10px; }

/*合作聯繫*/
div.district div.UnIt div.cont_wrap div.cuzmsg_contact_list{
	text-align: left;
	padding-left: 90px;
}

/*----------------------------------------------------------------------*/
/* 金牛獎 */
.GoldenBull .eqHeight .item {width: 48.8%; margin-right: 2%;}
.GoldenBull .eqHeight .item:nth-of-type(2n+2) {margin-right: 0;}