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

/*----------------------------------------------------------------------*/
/* Header */
#Header {padding:0 10px; height:60px; }

/* logo */
#Header .logo { height:60px; margin:auto;}
#Header .logo a{ max-width:160px; height:auto; }
#Header .logo a img{ padding-top:5px; }
/*#Header .logo a.logo1 img{ }*/

/*共用區塊*/
#Header .tool, #Header a.Menubar, #Menu, .down_arrow{ display:none; }
.indexTitle h3{ font-size:1.375em; line-height: 130%; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { opacity:1; width:30px; height:80px; margin-top:-40px; }
#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: 2rem 0; margin-bottom:3rem;}
.IndexNews .indexTitle{ text-align:center; margin-bottom:1.5rem; }
.IndexNews .indexTitle > div{ padding: 1rem 5.5rem 1rem 2rem;}
.IndexNews .shape1{ top:-10px; }
.IndexNews .indexTitle h3{ font-size: 1.375em; }
.IndexNews .indexTitle h3::after{ height:45px; top: -28px; right: -52px;}

.IndexNews .indexTitle .shape1::before{ top: 9px; right: 9px; }
.IndexNews .indexTitle .shape1::after{ top: -4px; right: -4px; }

.IndexNews .news_line{ display:none; }
.IndexNews .news_mid .news_hotbox .title a, .IndexNews .block_half .item .title a,.IndexNews .block_half .item a.btn{ font-style:normal; }
.IndexNews .news_mid .news_hotbox .date{ font-size:93.8%; }
.IndexNews .news_mid .news_hotbox .title{ font-size:125%; text-align:left; }
.IndexNews .block_half .item .title{margin-bottom:10px;}
.IndexNews .block_half .item .title a{font-size:100%;}
.IndexNews .block_half .item a.btn{font-size:87.5%;}

@media screen and (min-width: 480px) and (max-width: 639px) {
	.IndexNews .news_mid .news_hotbox .title{  width:100%; left:-20px;}
	.IndexNews .news_mid > div{ width:80%; display:inline-block;}
	.IndexNews .news_mid .news_hotbox .img{ padding-bottom:75%; }
	.IndexNews .news_mid{ margin-bottom:5rem; text-align:center;}
	.IndexNews .block_half{background-size:50%;}
	.IndexNews .block_half > div{ width:100%; }
	.IndexNews .block_half .item{ width:50%; float:left; border-bottom: none; padding: 1.5rem;}
	.IndexNews .news_left{ background-position:top left;}
	.IndexNews .news_right{ background-position:bottom right; }
}

@media screen  and (max-width: 479px) {
	.IndexNews .news_mid .news_hotbox .title{ width:100%; left:0px; font-size:106.3%; padding: 30px 15px 15px 15px;}
	.IndexNews .news_mid .news_hotbox .date{ right:0px; }
	.IndexNews .block_half{ background-image:none; }
	.IndexNews .block_half > div{ width:100%; }
	.IndexNews .block_half .item{ padding: 1rem 1.5rem;}
	.IndexNews .block_half .item:last-child{ border-bottom: 1px solid #ddd; }
	.IndexNews .news_left{padding-top: 3.5rem;}
}

/* media popup */
.mediaPopupBox.popupBox > div{ margin: 0; }
.mediaPopupBox.popupBox .close{ background-color: #fff; color: #232222; border-color: #232222; }
.mediaPopupBox .media_box .video{ width: 100%; height: 400px; }

/*----------------------------------------------------------------------*/
/*產業服務*/
.IndexConsultingServices > div { padding-right:40px; }
.IndexConsultingServices .cont { width:100%; }
.IndexConsultingServices .title { font-size:1.375rem; }
.IndexConsultingServices .desc { font-size:1rem;}
.IndexConsultingServices .btns a{ font-size: 1rem; padding: 0 40px 0 20px; }
@media screen and (max-width: 399px) {
	.IndexConsultingServices .btns a { margin-right:0; }
}
@media screen and (min-width: 400px) {
	.IndexConsultingServices .btns a { margin-right:60px; }
}

/*----------------------------------------------------------------------*/
/*關於我們*/
.IndexAbout{ width:100%; margin-bottom: 0; }
.IndexAbout .indexTitle{ margin-top:1rem; margin-bottom:1rem; }
.IndexAbout .intro-box{ height:inherit; }
.IndexAbout .intro-box .desc{ font-size:100%;}
.IndexAbout .intro-box > div{ padding: 1.5rem 2rem;}
.IndexAbout .intro-box > div::after{ height: 60px; top: -30px; }
.IndexAbout .intro-box .desc{margin-bottom:1rem; line-height:190%;}
.IndexAbout .item > div{ height:150px; padding:10px 15px; }
.IndexAbout .item a > *{ line-height:1.3; }
.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.25em; }
.IndexAbout .tt_cn{ font-size:93.8%;}
.IndexAbout .tt_en{ font-size:0.875em; }
.intro-box .about-point{ padding:1rem 0; }
.intro-box .about-point span{font-size:1.375em;}
.intro-box .about-point .strong{ font-size:240%; }
.IndexAbout h4.title{ font-size:1.125em; }
.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: 479px) {
	.intro-box .about-point .and{ display:block; }
	.IndexAbout .item > div{ height:140px; }
	.IndexAbout .intro-box > div{ padding: 1.5rem 10px; }
	.IndexAbout .tt_en{ font-size: 0.75em; }
	/* 一排4個排列 */
	.IndexAbout .aboutBox .item{ width: 50%; }
}


/*----------------------------------------------------------------------*/
/*研究發展*/
.IndexResearch{ padding-bottom:0; }
.IndexResearch > div{padding: 1rem;}
.IndexResearch > div::after{ height:70px; }
.IndexResearch .indexTitle{margin-top: 2rem; margin-bottom: 0; padding: 1.5rem 2rem;}
.IndexResearch .shape1{top:-30px;}
.IndexResearch .shape1::after{ width:40px; height:40px; }
.IndexResearch .shape1::before{ width:8px; height:8px; top:17px; right:17px;}

.researchBlock{ margin-top:1rem; margin-bottom:1rem; }
.researchBlock .item{ height:200px; margin-bottom:5px;}
.researchBlock .cont{ padding:10px; }
.researchBlock .title{ font-size: 1.125em; line-height: 26px; font-weight: 600; }
.researchBlock .title .icon img{ max-width: 30px; max-height: 30px; }
.researchBlock .desc{ font-size:93.8%; 
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height:52px;
}
.researchBlock .item{ width:100%; 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;
}

@media screen and (max-width: 479px) {
	.researchBlock .item{ height:auto; }
	.researchBlock .item:nth-child(1) > div, .researchBlock .item:nth-child(2) > div{ float:inherit; }
	.researchBlock .item > div{ width:100%; }
	.researchBlock .img{ display:none; }
}

/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-bottom:0; }
#Footer .ft_top_bg, #Footer .footer_menu{ display:none; }
.ft_bottom_info{margin-top: 1.5rem;}
.ft_bottom_info .item{ margin-right:0; }
.ft_bottom_info > div{ padding: 0rem 1rem 1rem 1rem;}
.ft_bottom_info .logo{ float:inherit; text-align:center; width: 100%; }
.ft_bottom_info .info_box{ margin-top: 2rem;}
.ft_bottom_info .info_box > .item{ margin-bottom:1.5rem; }
.ft_bottom_info .item ul li{margin-bottom: 5px; font-size:93.8%;}
.ft_bottom_info .logo img{ max-width:130px; }
.ft_bottom_info .item .tt{ margin-bottom:0.8rem; }


/*----------------------------------------------------------------------*/
/* Copyright */
#Copyright .col_left a{ margin-bottom:10px; }

/*----------------------------------------------------------------------*/
/* popup彈出視窗 */
.popupBox > div { max-height:90%; margin:20px; padding:20px; }
.popupBox .close { position:absolute; top:5px; right:5px; }

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


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content{ padding:0 10px 15px 10px;}
.PageTopBar{ padding:0.8rem 10px 1rem 10px; }
.PageTitle h2{ font-size:150%; line-height:150%;}
h3.title{ margin:1rem 0;  }
h3.title span{ font-size:1.25em; }
h3.title::before{ left:8px; width:25px; height:25px; }
h3.title::after{ left:10px; width:25px; height:25px;  }



/*----------------------------------------------------------------------*/
/* 內頁元素 */
#Breadcrumbs ul li{ font-size:0.813em; line-height:20px; }

/*工具列*/
.ToolBar .colm_left{ display:none; }
.ToolBar .colm_right{ float:left; }

/* 頁碼 */
#Pagination { margin-top:2rem;  margin-bottom:1.5rem;}
#Pagination a { margin:0 5px; display:none; background-color:#e5e5e5; border:0;}
#Pagination a:hover{ border:0; }
#Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; }
#Pagination .setting { display:none; }
#Pagination a.prev, #Pagination a.next{ display:inline-block; padding:5px 10px; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { border:0; background-color:#e5e5e5; }
#Pagination a.prev,  #Pagination a.next{ background-color:#e5e5e5; }

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


/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content { font-size:1rem; }
.editable_content h4 { font-size:1.3rem; }
.editable_content h5 { font-size:1.2rem; }
.editable_content h6 { font-size:1.2rem; }
.editable_content blockquote { padding: 1.5rem; font-size:1em; }
@media screen and (max-width: 479px) {
	.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
}
ul.ext_list { padding-left:25px; }


/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch .label{ font-size:87.5%; line-height:24px;}


/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles{ padding:10px; }
.related_articles .list li{ font-size:1em; }


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup { padding:10px; }
.FormTable { border-top:1px solid #e7e7e7; }
.FormTable, .FormTable > tbody, .FormTable > tbody > tr, .FormTable > tbody > tr > th, .FormTable > tbody > tr > td { display:block; }
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr > td { }
.FormTable > tbody > tr { padding:10px; border-bottom:1px solid #e7e7e7; }
.FormTable > tbody > tr:nth-child(even) { background-color:#fbfbfb; }

.input_table li { width:50%; }

@media screen and (max-width: 479px) {
	/* 表單警告/提示 */
	.FormElmt .form_alert span{ line-height:180%; padding:5px 10px;}
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.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 { font-size:1rem; 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; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText .item { margin-bottom:15px; }
.ListPicText .img { float:none; }
.ListPicText .cont > div { padding:0 15px 15px; }
.ListPicText .title { margin-bottom:10px; font-size:1.25em; }
.ListPicText .date { font-size:0.8125em; }
.ListPicText .cat { font-size:0.875em; display:inline-block; margin-bottom:5px;}
.ListPicText .desc { font-size:0.9375em; line-height:180%;}

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

@media screen and (min-width: 480px) {
	.ListPicText .item { float:left; width:49%; margin-right:2%;}
	.ListPicText .item:nth-child(2n+2){ margin-right:0; }
}


/*----------------------------------------------------------------------*/
/* 出版品 */
.PublicationList { margin-top:2rem; }
.PublicationList .item { margin-bottom:2rem; }
.PublicationList .title a { font-weight:bold; }
.PublicationList .desc { font-size:0.875em; }
.PublicationList .img{ float:left; padding:5px;}
@media screen and (max-width: 479px) {
	.PublicationList .img { width:42%; margin-right:15px; }
	.PublicationList .title a { font-size:1.25em; }
}
@media screen and (min-width: 480px) {
	.PublicationList .img { 
		width:36%; margin-right:20px;
		-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
		-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
		box-shadow:0 0 8px rgba(0,0,0,0.2);
	}
	.PublicationList .title a { font-size:1.375em; }
}


/* 精彩回顧 */
.PublicationPast .item { float:left; margin-bottom:20px; }
.PublicationPast .img { height:200px; }
.PublicationPast .cont{ text-align:left; }
.PublicationPast .title a { font-weight:500; font-size:1em; display:inline-block; }
@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.625em; }
.PublicationCont .desc .editable_content { font-size:1em; }

@media screen and (max-width: 479px) {
	.PublicationCont .img h3 { margin-bottom:20px; }
	.PublicationCont .img .cover { width:80%; max-width:240px; margin:0 auto 20px 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; }
}


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

/* 內頁 */
@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.9375em; }
.MediaCont .describe .desc { font-size:0.8125em; }

.MediaCont .thum a { width: 160px; margin: 10px; }


/*----------------------------------------------------------------------*/
/* 電子賀卡 */
.Ecard .form h3{margin-top: 10px;}
.Ecard h3 span { font-size:1.063em; font-weight:bold; }
.Ecard .card_select li { font-size:0.8125em; }
.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, .ecard_preview_box .title{ font-size:1.125em; }


/*----------------------------------------------------------------------*/
/* 大事記 */
.HistoryCont{ margin-top:1.5rem; }
.HistoryCont .tabs{ width: 90%; }
.HistoryCont .history_detail .cont { margin-bottom:20px; padding-bottom:10px;}
.HistoryCont .history_detail .year { margin-bottom:20px; }
.HistoryCont .history_detail .year > div { font-size:36px; }
.HistoryCont .history_detail .year::before { margin-left:6.5rem; left:0; bottom:30px; }
.HistoryCont .history_detail .title { font-size:1.063em; line-height:170%; padding-left:20px; }
.HistoryCont .history_detail .title::before{ top:13px; left:5px; width:4px; height:4px; }
.HistoryCont .history_detail .title::after{ top:8px; left:0; width:10px; height:10px; }

.HistoryCont .history_detail .desc { font-size:0.9375em; line-height:180%; }
@media screen and (max-width: 479px) {
	.HistoryCont .tabs{ width: 85%; }
	.HistoryCont .tabs .tab a{ font-size:22px; }
	.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%; 
	}
}


/*----------------------------------------------------------------------*/
/* 科普講堂 */
.popsci_cat{ margin-top:1.5rem; margin-bottom:1rem; }
.popsci_cat > div{ margin-bottom:10px; }
.PopsciList .item { margin-bottom:25px; }
.PopsciList .img > div{ padding-bottom:65%; }
.PopsciList .cont{ padding:0 15px 15px; }
.PopsciList .title { margin-bottom:10px; font-size:1.25em; }
.PopsciList .date { font-size:0.8125em; }
.PopsciList .cat { font-size:0.875em; display:inline-block; margin-bottom:5px;}
.PopsciList .desc { font-size:0.938em; }
.PopsciList .item{ width:90%; margin: 0 auto 25px;}
.PopsciList .img { float:none; margin:0; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
.EventList .item{ margin-left:auto; margin-right:auto; }
.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.25em; }
	.EventList .date { font-size:0.875em; }
	.EventList .desc { font-size:0.938em; }
}
@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.313em; }
	.EventList .date { font-size:0.875em; }
	.EventList .desc { font-size:0.938em; }
}
.EventList.active .item { max-width:100%; width:100%; float:none; margin-right:auto; padding:0; }
.EventList.active .cont > div { padding:10px; }
.EventList.active .title a { font-size:1.313em; }
.EventList.active .desc { font-size:0.938em; }


/*----------------------------------------------------------------------*/
/* 線上投票 */
.VoteCont .vote2 { padding-top:40px; border-top:1px solid #ddd; }
.VoteCont .vote1 ul li { font-weight:bold; }


/*----------------------------------------------------------------------*/
/* 客製單篇共用 */
.editable_content .blockquote_title { font-size:1.375em; }
.editable_content .cuzmsg_box .title span { font-size:1.5em; }
.editable_content .cuzmsg_box .cont_wrap { padding:20px 20px; }	
.editable_content .cuzmsg_box .cont_wrap::before, .editable_content .cuzmsg_box .cont_wrap::after { width:16px; height:8px; }
.editable_content .cuzmsg_box .cont_wrap::before { top:4px; right:1px; }
.editable_content .cuzmsg_box .cont_wrap::after { bottom:4px; left:1px; }

.editable_content .cuzmsg_contact_list { text-align:center;}
.editable_content .cuzmsg_contact_list span { display:block; padding:0; border:0 !important; }
.editable_content .cuzmsg_contact_list span[class]{ display:inline-block;  }
.editable_content .cuzmsg_biotech_service_list{ margin-left:0; margin-top:15px; }


/*----------------------------------------------------------------------*/
/* 國研榮耀 */
.CuzMsgHonor dd { margin-left:0; font-size:1.063em; padding-left: 20px; color:#333;
	font-family:"Microsoft JhengHei", "微軟正黑體", 'Arial', sans-serif;
}
.CuzMsgHonor dd::after{ width: 5px; height: 5px; top: 20px; left: 0; letter-spacing:0.05em; }
.CuzMsgHonor dt span { padding:0 5px; font-size:2em; }
.CuzMsgHonor dt span::before { display:none; }


/*----------------------------------------------------------------------*/
/* 組織架構 */
.editable_content .cuzmsg_box .title{ margin-bottom:10px; }
.CuzMsgOrg .staff_box.coa .staff_list dl:first-child, .CuzMsgOrg .staff_box.laboratory .staff_list dl:first-child{ display:none; }
@media screen and (max-width: 479px) {
	.CuzMsgOrg .staff_box { padding-top:0 !important; padding-bottom:40px !important; }
	.CuzMsgOrg .staff_box::before, .CuzMsgOrg .staff_box::after { display:none; }
	.CuzMsgOrg .staff_box .staff_list{ max-width:none !important; }
	.CuzMsgOrg .staff_box dl { padding-left:0; text-align:left; }
	.CuzMsgOrg .staff_box dt { position:static; width:auto; }
}
@media screen and (min-width: 480px) {
	.CuzMsgOrg .staff_box.director dl { padding-left:190px; }
	.CuzMsgOrg .staff_box.director dt { width:180px; }
	.CuzMsgOrg .staff_box.dean dl { padding-left:120px; }
	.CuzMsgOrg .staff_box.dean dt { width:120px; }
	.CuzMsgOrg .staff_box.coa, .CuzMsgOrg .staff_box.laboratory { float:left; padding-right:2%; padding-left:2%; }
	.CuzMsgOrg .staff_box.coa { width:55%; padding-left:0; }
	.CuzMsgOrg .staff_box.laboratory { width:45%; padding-right:0; }
	.CuzMsgOrg .staff_box.coa .staff_list, .CuzMsgOrg .staff_box.laboratory .staff_list { max-width:none !important; }
	.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.25em; }
.cuz_labs_location dl { float:none; width:100%; padding:0 !important; }


/*----------------------------------------------------------------------*/
/* 研究發展 */
.CuzMsgResearch blockquote { font-size:1rem; }
.cuzmsg_research_list .title { font-size:1.5em; }
@media screen and (max-width: 479px) {
	.cuzmsg_research_list .item .img { float:none; padding:14px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
	.cuzmsg_research_list .img { width:50%; padding:9px; margin-right:15px; }
	.cuzmsg_research_list .item:nth-child(even) .img { margin-left:15px; }
}
.editable_content .img_research_env { margin-bottom:-10px; }


/*----------------------------------------------------------------------*/
/* 生醫商品化服務 */
.editable_content .cuzmsg_biotech_service_list li { padding-left:0; }
.editable_content .cuzmsg_biotech_service_list li span { position:static; text-align:left; }
.editable_content .img_biotech_comm{ margin: 50px 0; }

/*----------------------------------------------------------------------*/

#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
}


/* 彈跳搜尋 */
div#inline div.content div.searchBar {
    flex-direction: column;
}

div#inline div.content div.searchBar>input.Search {
    width: 100%;
    font-size: 20px;
    padding: 15px 20px;
}
div#inline div.content div.searchBar>input.btn {
    width: 100%;
    background-position: 38% 50%;
    background-size: 30px;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1rem;
}
div#inline div.content div.Keywords ul {
    flex-direction: column;
}
div#inline div.content div.Keywords ul li:first-of-type {
    width: 100%;
}
div.links>p {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media screen and (max-width: 540px) {
	div#inline div.content div.searchBar>input.btn {
		background-position: 35% 50%;
	}
}
@media screen and (max-width: 450px) {
	div#inline div.content div.searchBar>input.btn {
		background-position: 33% 50%;
	}
}
@media screen and (max-width: 430px) {
	div#inline div.content div.searchBar>input.btn {
		background-position: 31% 50%;
	}
}
@media screen and (max-width: 375px) {
	div#inline div.content div.searchBar>input.btn {
		background-position: 28% 50%;
	}
}
@media screen and (max-width: 320px) {
	div#inline div.content div.searchBar>input.btn {
		background-position: 25% 50%;
	}
}
/* 彈跳隱私權 */
#inline2 div.content div.privacy {
    width: 90vw;
}