@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Header */
#Header { padding:0 10px; height:60px; }

/* logo */
#Header .logo { height:60px; margin:auto;}
#Header .logo a{ max-width:200px; height:auto; }

/*共用區塊*/
#Header .tool, #Header a.Menubar, #Menu, #Header .logo a.logo2, .down_arrow{ display:none; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { opacity:1; width:30px; height:80px; margin-top:-50px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:20px; height:20px; margin-top:-10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:10px; }


/*----------------------------------------------------------------------*/
/* 首頁區塊 */

/*新聞發佈*/
.IndexNews { padding: 3rem 0rem; margin-bottom:3rem; }
.IndexNews .indexTitle{ text-align:center; margin-bottom:2rem; }
.IndexNews .indexTitle > div{ padding: 1rem 5.5rem 1rem 2rem;}
.IndexNews .news_line{ display:none; }
.IndexNews .shape1{ top:-10px; }
.IndexNews .indexTitle h3::after{ height:70px; top: -50px; right: -50px;}

.IndexNews .news_mid > div{ width:60%; display:inline-block;}
.IndexNews .news_mid .news_hotbox .img{ padding-bottom:70%; }
.IndexNews .news_mid{ margin-bottom:5rem; text-align:center;}
.IndexNews .news_mid .news_hotbox .title{font-size:125%; text-align:left; }

.IndexNews .block_half{ margin: 0 20px; }
.IndexNews .block_half > div{ width:100%; }
.IndexNews .block_half .item{ width:50%; float:left; border-bottom: none; padding: 2rem 2.5rem; }
.IndexNews .block_half .item .title a{ font-size:1.125em; }
.IndexNews .news_left{ background-position:top left;}
.IndexNews .news_right{background-position:bottom right;}

/* media popup */
.mediaPopupBox.popupBox .close{ background-color: #fff; color: #232222; border-color: #232222; }
.mediaPopupBox .media_box .video{ width: 100%; height: 400px; }

/*----------------------------------------------------------------------*/
/*產業服務*/
@media screen and (max-width: 799px) {
.IndexConsultingServices .cont { width:100%; padding-right:60px; }
}
@media screen and (min-width: 800px) {
.IndexConsultingServices .cont { width:80%; padding-right:80px; }
}
.IndexConsultingServices .title { font-size:1.75rem; }
.IndexConsultingServices .desc { font-size:1.125rem;  }

/*----------------------------------------------------------------------*/
/*關於我們*/
.IndexAbout{ width:100%; margin-bottom: 0; }
.IndexAbout .indexTitle{ margin-top:3rem; margin-bottom:1rem; }
.IndexAbout .intro-box{ height:inherit; }
.IndexAbout .intro-box > div{ padding: 1.5rem 3rem;}
.IndexAbout .intro-box > div::after{ height: 80px; top: -40px; }
.IndexAbout .intro-box .desc{margin-bottom:1.5rem;}
.IndexAbout .item > div{ height:250px; padding:2rem; }
.IndexAbout .col_half .NCHC-box, .IndexAbout .col_half .TSRI-box{ width:50%; }
.IndexAbout .STPI-box{ width:50%; float:left; }
.IndexAbout .TORI-box{ width: 100%; }
.IndexAbout h4.title{ font-size: 1.375em; }
.IndexAbout .tt_cn{ font-size:106.3%;}
.IndexAbout .tt_en{ font-size:1em; }
.intro-box .about-point{padding: 2rem 0;}
.IndexAbout .NCHC-box{ float:right; }

.IndexAbout .NLAC-box > div::before, .IndexAbout .STPI-box > div::before,
.IndexAbout .TSRI-box > div::before{
    content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:1;
}
.IndexAbout .NCREE-box:hover > div::before, .IndexAbout .NCHC-box:hover > div::before, 
.IndexAbout .TIRI-box:hover > div::before, .IndexAbout .TORI-box:hover > div::before,
.IndexAbout .NSPO-box:hover > div::before, .IndexAbout .NLAC-box:hover > div::before,
.IndexAbout .TSRI-box:hover > div::before, .IndexAbout .STPI-box:hover > div::before{
    opacity:1;
}
.IndexAbout .NLAC-box > div::before{ background-color: #f0efe9; }
.IndexAbout .STPI-box > div::before{ background-color: #e5e5e5; }
.IndexAbout .NCHC-box > div::before{ background-color: #cbe9e9; }
.IndexAbout .NSPO-box > div::before{ background-color: #b7d8f2; }
/*.IndexAbout .TORI-box > div::before{ background-color: #6089ac; }*/
/*.IndexAbout .TSRI-box > div::before{ background-color: #65a0a9; }*/

.IndexAbout .STPI-box a > *, .IndexAbout .NLAC-box a > *, .IndexAbout .NCHC-box a > *, .IndexAbout .NSPO-box a > *{ 
  color: #444; 
}
.IndexAbout .TORI-box a > *{ color: #fff; }

/* 一排4個排列 */
.IndexAbout .aboutBox{ padding-bottom: 20px; }
.IndexAbout .aboutBox .item{ width: 50%; }

@media screen and (max-width: 768px) {
  .IndexAbout .item > div{ height:200px; }
  .IndexAbout .tt_en{ font-size: 0.875em; }
  .IndexAbout .item a > *{ line-height: 130%; }

  /* 一排4個排列 */
  .IndexAbout .aboutBox .item{ width: 50%; }
}


/*----------------------------------------------------------------------*/
/*研究發展*/
.IndexResearch{ padding-bottom:1rem; }
.IndexResearch > div::after{ height: 80px;}
.IndexResearch .indexTitle{margin-top: 2rem; margin-bottom: 2rem; padding: 1.5rem 2rem;}
.researchBlock{ margin-top:1rem; margin-bottom:1rem; }
.researchBlock .cont{ padding:1.5rem 1rem; }
.researchBlock .title{ font-size:1em; font-weight: 600;  }
.researchBlock .desc{ font-size:0.875em; 
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    max-height:78px;
}
.researchBlock .title .icon img { max-width: 30px; max-height: 30px; }

.researchBlock .item{ width:100%; height:220px; float:inherit;}
.researchBlock .item.commu-box > .img{ float:right; }
.researchBlock .item.treatment-box > .img{ float:left; }
.researchBlock .item.commu-box .img::after{ 
  left:-1px; 
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #f0f0f0 ;
}
.researchBlock .item.treatment-box .img::after{
  right:-1px;
  left:inherit; 
  border-width: 15px 20px 15px 0;
  border-color: transparent #f0f0f0 transparent transparent ;
}

/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-bottom:1.5rem; }
#Footer .ft_top_bg, #Footer .footer_menu{ display:none; }
.ft_bottom_info{ margin-top: 2.5rem; }
.ft_bottom_info .logo{ float:inherit; text-align:center; width: 100%; }
.ft_bottom_info .info_box{ margin-top: 2rem;}


/*----------------------------------------------------------------------*/
/* Copyright */
#Copyright .col_left a{ margin-bottom:5px; }

/*----------------------------------------------------------------------*/
/* popup彈出視窗 */
.popupBox > div { max-height:90%; margin:20px; }
.popupBox .close { position:absolute; top:5px; right:5px; }

/*----------------------------------------------------------------------*/
/* popup box */
.popup_box .close { width:40px; height:40px; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content{ padding:0 20px 20px 20px;}
.PageTopBar{ padding:1.5rem 20px; }
.PageTitle h2{ font-size:170%; line-height:170%;}


/*----------------------------------------------------------------------*/
/* 內頁元素 */

/*工具列*/
.ToolBar .colm_left{ display:none; }
.ToolBar .colm_right{ float:left; }

/* 頁碼 */
#Pagination { margin-top:3rem; margin-bottom:2rem;}
#Pagination a { margin:0 5px; display:none; background-color:#e5e5e5; border:0;}
#Pagination a:hover{ border:0; }
#Pagination a.prev:hover, #Pagination a.next:hover{ background-color:#b79a5d;}
#Pagination a.first:hover, #Pagination a.last:hover{ background-color:#e5e5e5;}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last, #Pagination .current { display:inline-block; padding:5px 10px; }
#Pagination a.prev,  #Pagination a.next{ background-color:#b79a5d; color:#fff;}
#Pagination .setting { display:none; }

/* colorbox */
#colorbox_thum a { width:150px; margin:10px; }


/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content blockquote{ padding: 2rem; font-size:1em; }


/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:120px; 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 {  }

.input_table li { width:33.33%; }



/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable table { border-top:1px solid #cecece; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:10px; }
.ListTable table tr:nth-child(2n+2) { background-color:#f2f2f2; }

.ListTable table td { margin:5px 0; text-align:left;}
.ListTable table td.no { display:none; }
.ListTable table td::before { font-weight:bold; content: attr(data-th)"："; }
.ListTable table td.no::before, .ListTable table td:first-child.date::before, .ListTable table td.title::before, .ListTable table td.news_type:before { 
	content:""; 
}
.ListTable table td.cat, .ListTable table td.unit { color:#7e7e7e; }
.ListTable table td.date { display:inline-block; background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px; color:#7e7e7e; font-size:0.9375rem; }
.ListTable table td.date br { display:none; }
.ListTable table td.title { line-height:150%; }
.ListTable table td.news_type { display:inline-block; }
.ListTable table td.news_type img { vertical-align:middle; }

.ListTable table td.download li a { line-height:30px; }
.ListTable table td.ques_limit strong { color:#b21d21; }
.ListTable table td.vote_limit strong { color:#b21d21; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText .title { margin-bottom:10px; }

/* list-view */
.ListPicText.list-view .item { margin-bottom:20px; }
.ListPicText.list-view .item > div { padding:10px; position:relative;}
.ListPicText.list-view .date, .ListPicText.list-view .cat { display:inline-block; }

/* grid-view */
.ListPicText.grid-view .item { margin-bottom:30px; }
.ListPicText.grid-view .cont > div { padding: 0 15px 15px; }

@media screen and (max-width: 767px) {
  .ListPicText .title { font-size:1.375em; }
  .ListPicText .date { font-size:0.8125em; }
  .ListPicText .cat { font-size:0.875em; }
  .ListPicText .desc { font-size:0.9375em; line-height:180%;}

  /* list-view 一律以單欄顯示 */
  .ListPicText.list-view .img { float:left; width:240px; max-width:33.3333%; padding-right:15px; }

  /* grid-view 一律以兩欄顯示 */
  .ListPicText.grid-view .item { float:left; width:50%; }
}

@media screen and (min-width: 768px) {
  .ListPicText .title { font-size:1.375em; }
  .ListPicText .date { font-size:0.8125em; }
  .ListPicText .cat { font-size:0.875em; }
  .ListPicText .desc { font-size:1em; }
}
/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { float:left; width:240px; max-width:33.3333%; padding-right:15px; }

/* grid-view 一律以三欄顯示 */
.ListPicText.grid-view .item { float:left; width:32%; margin-right: 2%; }
.ListPicText.grid-view .item:nth-child(3n+3){ margin-right:0; }



/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { margin-top:2.5rem; }
.PublicationList .item { margin-bottom:3rem; }
.PublicationList .title a { font-weight:bold; }
.PublicationList .desc { font-size:0.9375rem; }
.PublicationList .img{ padding:10px; float:left; }
@media screen and (max-width: 767px) {
  .PublicationList .img{ width:35%; margin-right:20px; }
  .PublicationList .title a { font-size:1.5em; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .PublicationList .item{ float:left;  width:50%; padding-right:1.5rem;}
  .PublicationList .item:nth-child(2n+2){ padding-left:1.5rem; padding-right:0;}
  .PublicationList .img { width:40%; margin-right:20px; }
  .PublicationList .title a { font-size:1.375em; }
}


/* 精彩回顧 */
.PublicationPast .item { float:left; margin-bottom:30px; }
.PublicationPast .img { height:250px; }
.PublicationPast .title a { font-weight:500; font-size:1.063em; }
@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 10px; }
}


/* 內頁 */
.PublicationCont h3 { font-weight:bold; }
.PublicationCont .img h3 { display:none; }
.PublicationCont .desc .editable_content { font-size:1em; }
@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; }
}


/*----------------------------------------------------------------------*/
/* 影音多媒體 */
.media_cat{ margin-top:2.5rem; margin-bottom:1.5rem;}
.MediaList { margin-top:40px; }
.MediaList .item:nth-child(3n+3) { margin-right:0; }
.MediaList .title { margin-bottom:10px; }
.MediaList .title a { font-weight:bold; font-size:1.25em; }
.MediaList .date { font-size:0.8125em; }
.MediaList .desc { font-size:0.9375em; }
.MediaList .cat {  width:40px; height:40px; }
.MediaList .cat::after { top:8px; left:8px; }
@media screen and (max-width: 767px) {
  .MediaList .item { width:32%; margin-right:2%; margin-bottom:20px; }
  .MediaList .cont > div { padding:10px 10px; }
  .MediaList .date { line-height:24px; }
}
@media screen and (min-width: 768px) {
  .MediaList .item { width:30%; margin-right:5%; margin-bottom:30px; }
  .MediaList .cont > div { padding:15px 15px; }
  .MediaList .date { line-height:30px; }
}

/* 內頁 */
@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; margin: 10px; }


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard h3 span { font-size:1.188em; font-weight:bold; }
@media screen and (max-width: 767px) {
  .Ecard .card_select li { width:23.5%; margin-right:2%; font-size:0.8125em; }
  .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.875em; }
  .Ecard .card_select li:nth-child(4n+4) { margin-right:0; }
}
@media screen and (min-width: 960px) {
  .Ecard .card_select { float:right; width:36%; }
  .Ecard .card_select li { width:48%; margin-right:4%; font-size:0.875em; }
  .Ecard .card_select li:nth-child(2n+2) { margin-right:0; }
  .Ecard .form { float:left; width:64%; padding-right:50px; }
}

.ecard_multisend_box .title, .ecard_preview_box .title{ font-size:1.188em; }



/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont{ margin-top:2rem; }
.HistoryCont .history_detail .year { margin-bottom:25px; }
.HistoryCont .history_detail .year > div { font-size:40px; }
.HistoryCont .history_detail .year::before { margin-left:7.5rem; left:0; bottom:30px; }
.HistoryCont .history_detail .title { font-size:1.188em; font-weight:500; }
.HistoryCont .history_detail .title::before{ top:12px; left:5px; width:6px; height:6px; }
.HistoryCont .history_detail .title::after { width:12px; height:12px; top:7px; left:0;}
.HistoryCont .history_detail .desc { font-size:1em; line-height:180%; }
  

/*----------------------------------------------------------------------*/
/* 科普講堂 */
.popsci_cat{ margin-top:2rem; margin-bottom:1rem; }
.popsci_cat > div{ margin-bottom:30px; }
.PopsciList .title { margin-bottom:10px; }
.PopsciList .item { float:left; margin-bottom:30px; line-height:180%; }
.PopsciList .img > div{ padding-bottom:65%; }
.PopsciList .cont{ padding: 0 15px 15px; }

.PopsciList .title { font-size:1.188em; }
.PopsciList .date { font-size:0.8125em; }
.PopsciList .cat { font-size:0.875em; }
.PopsciList .desc { font-size:0.938em; }


@media screen and (max-width: 767px) {
  .PopsciList .item{ width:50%; }
  .PopsciList .img{ margin-bottom:0; }
}

@media screen and (min-width: 768px) {
  .PopsciList .item{ width:100%; }
  .PopsciList .img{ width:30%; float:left; }
  .PopsciList .img::before{ width:120px; height:120px; }
}



/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList .title { margin-bottom:10px; }
@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.313em; }
  .EventList .date { font-size:0.875em; }
  .EventList .desc { font-size:0.9375em; }
}
@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.375em; }
  .EventList .date { font-size:0.875em; }
  .EventList .desc { font-size:0.938em; }
}
.EventList.active .cont > div { padding:15px; }
.EventList.active .title a { font-size:1.375em; }
.EventList.active .desc { font-size:0.938em; }
.EventList.active .item { width:100%; float:none;}


/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont .vote2 { padding-top:40px; border-top:1px solid #ddd; }
.VoteCont .vote1 ul li { font-size:1.125em; font-weight:bold; }


/*----------------------------------------------------------------------*/
/* 客製單篇共用 */
.editable_content .cuzmsg_box .title span { font-size:1.75em; }
.editable_content .cuzmsg_box .cont_wrap { padding:30px 30px; }
.editable_content .cuzmsg_box .cont_wrap::before, .editable_content .cuzmsg_box .cont_wrap::after { width:20px; height:8px; }
.editable_content .cuzmsg_box .cont_wrap::before { top:8px; right:2px; }
.editable_content .cuzmsg_box .cont_wrap::after { bottom:8px; left:2px; }


/*----------------------------------------------------------------------*/
/* 國研榮耀 */
.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 dd{ padding-left: 25px; font-size:1.063em; letter-spacing:0.05em;}
.CuzMsgHonor dd::after{ width: 6px; height: 6px; top: 20px; left: 0; }
.CuzMsgHonor dt span { padding:0 5px; font-size:2em;}
.CuzMsgHonor dt span::before { width:120px; height:120px; }


/*----------------------------------------------------------------------*/
/* 組織架構 */
.CuzMsgOrg .staff_box.coa, .CuzMsgOrg .staff_box.laboratory { float:left; padding-right:2%; padding-left:2%; }
.CuzMsgOrg .staff_box.coa { width:55%;}
.CuzMsgOrg .staff_box.laboratory { width:45%; }
.CuzMsgOrg .staff_box.director dl { padding-left:250px; }
.CuzMsgOrg .staff_box.director dt { width:250px; }
.CuzMsgOrg .staff_box.dean dl { padding-left:150px; }
.CuzMsgOrg .staff_box.dean dt { width:150px; }
.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; }

.CuzMsgOrg .staff_box.coa .staff_list dl:first-child, .CuzMsgOrg .staff_box.laboratory .staff_list dl:first-child{ display:none; }
.CuzMsgOrg .staff_box.coa dl, .CuzMsgOrg .staff_box.laboratory dl { padding-left:0; text-align:left; }
.CuzMsgOrg .staff_box.coa dt, .CuzMsgOrg .staff_box.laboratory dt { position:static; width:auto; }


/*----------------------------------------------------------------------*/
/* 交通聯絡 */
.cuz_labs_location dt { font-size:1.375em; }


/*----------------------------------------------------------------------*/
/* 研究發展 */
.cuzmsg_research_list .img { width:40%; padding:14px; margin-right:20px; }
.cuzmsg_research_list .item:nth-child(even) .img { margin-left:20px; }
.cuzmsg_research_list .title { font-size:1.625em; }
.editable_content .img_research_env { margin-bottom:-10px; }

/* 彈跳搜尋 */
@media screen and (max-width: 768px) {
    div#inline div.content div.Keywords ul {
        flex-direction: column;
    }
    div#inline div.content div.Keywords ul li:first-of-type {
        width: 100%;
    }
}

/*----------------------------------------------------------------------*/

#Header .tool {
    height: initial;
    display: block;
}

#Header .tool>div.search_box {
    padding-right: 0;
    position: absolute;
    right: 15px;
    top: 9px;
}

#Header .tool>div.lan_box {
    display: none
}

/* 彈跳隱私權 */
#inline2 div.content div.privacy {
    width: 60vw;
}

