@charset "utf-8";
@font-face {
  font-family: 'SansPro';
  src: url('../fonts/SourceSansPro-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: 'SansPro-Black';
  src: url('../fonts/SourceSansPro-Black.ttf') format("truetype");
}
@font-face {
  font-family: 'SansPro-Bold';
  src: url('../fonts/SourceSansPro-Bold.ttf') format("truetype");
}
@font-face {
  font-family: 'SansPro-Regular';
  src: url('../fonts/SourceSansPro-Regular.ttf') format("truetype");
}
@font-face {
  font-family: 'SansPro-Italic';
  src: url('../fonts/SourceSansPro-Italic.ttf') format("truetype");
}
@font-face {
  font-family: 'SerifPro-Black';
  src: url('../fonts/SourceSerifPro-Black.ttf') format("truetype");
}
@font-face {
  font-family: 'SerifPro-Bold';
  src: url('../fonts/SourceSerifPro-Bold.ttf') format("truetype");
}

html, body {
 /* min-height: 2000px;*/
  color:#221814;
  font-family:'SansPro','微軟正黑體';
  font-size:24px;
  line-height:30px;
  /*padding: 25px 0 0 0;*/
  padding:0;
  margin:0;
  /*background:url(../images/index_banner.jpg) bottom no-repeat fixed ;*/
  /*background-position-y: 140px;*/
  background-size: cover;
  
   -webkit-font-smoothing: antialiased;

}


:focus {outline: 0;}
a, a:focus, a:hover, a:visited {
    blr:expression(this.onFocus=this.blur());
    -moz-outline-style: none; 
	text-decoration:none;
	outline: 0;
	color:#000;
}
.extlightblue { color:#e0ecef; }
.lightblue { color:#2f8b9f; }
.blue { color:#07556e }
.darkblue { color:#0f344c }
.textBold { font-family:'SansPro-bold';  }

.container { width:98vw; max-width:1440px; padding-left:0px; padding-right:0px;  }

.breadcrumb { margin:25px auto 25px auto;}
.breadcrumb-item { font-family:'SansPro-Regular'; font-size:16px; }
.breadcrumb-item, 
.breadcrumb-item.active, 
.breadcrumb-item a { color:#aeaeae; font-family:'SansPro-Regular': }
.breadcrumb-item a { text-decoration:underline }
.breadcrumb-item a:focus, .breadcrumb-item a:hover { color:#2f8b9f; /*lightblue*/ }

.header_div {
  background: -webkit-linear-gradient(rgba(0, 0, 0, .99),rgba(0, 0, 0, 0));
  background: -o-linear-gradient(rgba(0, 0, 0, .99),rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(rgba(0, 0, 0, .99),rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, .99),rgba(0, 0, 0, 0));
  
  padding-bottom:100px;
}

#header_section1 { background:#07556e; /*height:150px;*/  }
#header_section1 img { width:auto; height:75px; }
#header_section1 .col { height:100%; white-space:nowrap; margin-bottom:-20px; padding-top:50px; padding-bottom:0; }
#header_section1 a, 
#header_section1 a:visited { font-size:25px; color:#fff; /*font-size:16px; */}
#header_section1 a:hover { color:#fff; /*color:#2f8b9f*/ }
#header_section1 a.search_icon { /*font-family:'SansPro-bold'; font-weight:bold;*/ }
#header_section1 .langCh { font-size:20px;  }
#header_section1 .langEN { font-family:"SansPro-Regular"; font-size:22px;  }

.header_nav_m { display:none; background:#07556e; }
.navbar-toggler { border:none; transition:none; color:#fff }
.navbar-toggler:focus { box-shadow:none; border:none;  }
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

#header_nav {  position:relative; z-index:999;  background:#fff; box-shadow: 0 .3em 0.4em rgba(0, 0, 0, .3); }
#header_nav a.nav-link { font-size:25px; padding-left:20px; padding-right:25px; /*margin-right:30px;*/ }
#header_nav a.nav-link:hover, #header_nav a.nav-link:active { background:#e0ecef; /*extlightblue*/ }
#header_nav_btm { height:0px; width:100%;  box-shadow:inset rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }

.dropdown-menu {  background:#fff; /*background:#e0ecef;*/ /*extlightblue*/ }
.dropdown-item-text, .dropdown-item-text:hover { background:none; font-size:25px; }
.bgnone { background:none }
.pl { padding-left:40px }
.dropdown-item { font-size:23px; font-weight:normal; color:#212529; }
.dropdown-item.active,
.dropdown-item:active
.dropdown-item:focus,
.dropdown-item:hover { color:#1e2125; background:#e0ecef; /*extlightblue*/ } 
#header_nav ul.dropdown-menu li a:hover {  /*background-color:#2f8b9f;*/ /*color:#fff;*/ background:#e0ecef; /*extlightblue*/  }

#header_btmicon { position:absolute; z-index:1; bottom:0; width:100%; height:40px; line-height:40px; background:#2f8b9f; text-align:center; }
#header_btmicon a { color:#ffffff; font-size:20px; font-weight:bold;  }

.b-divider {
  height: 2.5rem;
  /*height: 3rem;*/
  /*background-color: rgba(0, 0, 0, .1);*/
  background-color: #e0ecef;
  /*border: solid rgba(0, 0, 0, .15);*/
  /*border-width: 1px 0;*/
  /*box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);*/
}

.row { margin-bottom:25px }
.row div { margin-bottom:20px }
.row p { margin-bottom:25px }
.row img { max-width:100%; height:auto }

h1 { font-family:'SansPro-Bold',"微軟正黑體"; color:#07556e; /*blue*/ font-weight:bold; font-size:44px;  text-align:center; }
h2, h3 { font-family:'SansPro-Bold',"微軟正黑體"; text-align:center; }
h2 { /*color:#221814;*/ /*黑*/ color:#07556e; /*blue*/ }
h3 { /*color:#221814;*/ /*黑*/ color:#07556e; /*blue*/ margin-top:15px; }
.center { text-align:center }

h2 .fa-tint { font-size:23px; color:#FF9933; /*橘*/ /*color:#e50011;*/ /*logo 紅*/  padding-left:15px;; padding-right:15px; }

.table { border:1px solid #ccc; max-width:90%; margin:20px auto; }
.table thead { font-weight:bold; background-color:#ebebeb; }

.devicem { display:none }
.devices { display:inline }

#page main  { margin-top:200px }

.gotop { display:none; position:fixed; bottom:20%; /*right:10px;*/ right:0px; z-index:1000; /*padding:11px 16px 11px 16px; margin:0; border-radius:50%; background:#E50012;*/ /*logo紅*/ /*background:#fff; opacity: 0.8; box-shadow: 1px 1px 1px 1px #221814;*/}
.gotop .fa-angle-double-up  { font-size:1.9em; color:#c61044; /*深桃紅pink*/  }
.gotop a img:last-child {
  display: none;  
}
.gotop a:hover img:last-child {
  display:inline-block;  
}
.gotop a:hover img:first-child {
  display: none;  
}

/*=== navbar ======*/


/*=== footer ======*/

#footer_pagelink { background:#ffffff; font-family:'SansPro-Regular'; font-size:24px;}
#footer_pagelink ul { list-style:none; }

.footer_link ul { }
.footer_link li { margin-left:-40px; margin-bottom:12px;}
.footer_link h5 { font-family:'SansPro-Black'; font-weight:bold; color: #2f8b9f; margin-bottom:12px; font-size:28px; }
.footer_link a { font-family:'SansPro-Regular'; color:#000000; }
.footer_link a:hover { color:#07556e; text-decoration:underline; }

.footer_btn li { border:1px solid #2f8b9f; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; width:100%; text-align:center; }
.footer_btn li:hover { border:1px solid #07556e; }
.footer_btn a { font-family:'SansPro'; font-weight:bold; font-size:22px; color:#2f8b9f; }
.footer_btn li:hover a { color:#07556e;  }

.footerSocial { padding-left:30px }
.footerSocial a img:last-child {
  display: none;  
}
.footerSocial a:hover img:last-child {
  display: block;  
}
.footerSocial a:hover img:first-child {
  display: none;  
}

#footer_info { background:#07556e; color:#ffffff; font-size:18px; font-family:'SansPro-Regular';  }
#footer_info img { width:80%; height:auto; margin-bottom:10px; }
#footer_info .tcell {display: table-cell; }
#footer_info .col-md-4 td { padding-left:20px }
#footer_info .col-md-5 td { padding-left:55px; }
#footer_info .col-md-3 { padding-left:50px; }


#footer_copyright { padding:20px auto 20px auto; width:100%; line-height:22px; background:#0f344c; color:#ffffff; font-size:18px; text-align:center; }


/*=== home_main index_main======*/
#indexPage main section {  padding-top:30px; padding-bottom:70px; }
#indexPage main section  h2 { margin-top:10px; margin-bottom:30px; color:#000; font-family:'SansPro-Bold'; font-size:57px; font-weight:bold; font-weight:600; }
#indexPage main section .row { margin-bottom:0 }

#indexPage .card { border-radius:0 }
#indexPage .card-img-top { border-radius:0 }

.btn-homeMore { background:#2f8b9f; width:400px; padding:20px; margin:20px auto; text-align:center; color:#fff; font-family: 'SansPro-Bold'; font-size:40px;}
.btn-homeMore:hover { background:#07556e; } 

.imgscale {/*width:500px; height:350px;*/overflow:hidden;}
.imgscale img{transform:scale(1,1);transition: all 1s ease-out;}
.imgscale img:hover{transform:scale(1.2,1.2);}


#homeBanner { 
	width: 100vw; height:100vh;
	/*width:100%; height:100%;*/ 
	position:relative; z-index:10;
	background:url('../files/index/banner_1X.jpg') #07556e center bottom no-repeat fixed;

}
.btmicon { width:100vw; position:fixed; z-index:90; bottom:0; background:#2f8b9f; height:35px; text-align:center; font-size:20px; line-height:35px; word-spacing:3px; }

#homeNews {background:#ffffff; }
#homeNews .card { height:100%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;  }
#homeNews .col-6 {}
#homeNews .col-6 img { width:100%; height:auto; overflow:hidden; }
#homeNews {}
#homeNews .custom-card-body {
position:absolute; z-index:1000; bottom:0; margin:0; /*margin-top:-150px;*/ /*bottom:0;*/ padding:0 25px 20px 25px; /*width:100%; height:100%;*/ 

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 30%, rgba(0,0,0,0.65) 36%, rgba(0,0,0,0.65) 44%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 44%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 30%,rgba(0,0,0,0.65) 36%,rgba(0,0,0,0.65) 44%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

#homeHighlights { background:#e0ecef; font-family:'SansPro-bold'; font-weight:bold; }

#homeInterview { background:#ffffff; width:100%; height:auto; }
#homeInterview .mainimg { width:100vw; height:auto; }
.mainimg_filter { filter: blur(12px) brightness(75%) opacity(90%); }
#homeInterview .blockquote { color:#fff; line-height:36px; font-size:28px; text-shadow:2px 2px 7px black }
#homeInterview .blockquote-footer1 { font-family:'SansPro-Italic'; color:#fff; font-size:22px; font-style:italic; }
.interviewee { font-family:"SansPro-Black"; font-size:22px }
#homeInterview a { color:#fff }
#homeInterview_content { position:relative; z-index:100; margin-top:-480px; display:none }
#homeInterview_content img {border-radius: 50%; box-shadow: 0px 0px 18px #111; max-width:251px; width:251px; height:auto; }

#homeSeminars { background:#ffffff; font-family:'SansPro-bold'; margin-top:20px;  }
#homeSeminars .card {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.seminars_date { position:relative; margin-top:-58px; margin-left:25px; color:#fff; background:#2f8b9f; width:60px; height:70px; text-align:center; padding:6px;  }
.seminars_month { font-size:22px; }
.seminars_day { font-size:26px; font-family:'SansPro-Black'; }
#homeSeminars .card-body { margin-top: -32px; padding-left:25px }
#homeSeminars .card-title { height:120px; }
.seminars_tag { font-size:22px; color:#2f8b9f; }
.seminars_time { font-family:'SansPro-Regular'; color:#666; font-size:20px; }
#homeSeminars a:hover .seminars_date { background:#07556e }
#homeSeminars a:hover .card-title { color:#07556e }

#homeEvents { background:#e0ecef; font-family:'SansPro-bold'; font-weight:bold; }
.homeEventDate { color:#2f8b9f; margin-top:8px; margin-bottom:0px; }
.homeEventTItle { color:#000; margin-top:-15px; padding-top:0;}
#homeEvents a:hover .homeEventDate { color:#07556e; }
#homeEvents a:hover .homeEventTItle { color:#07556e; }

#homeJournals { background:#0f344c; }

/*=== carousel ======*/


/*=== about ======*/
#wellcomeMessage { margin-top:140px; }
#wellcomeMessage h1 { text-align:left; margin-bottom:20px; }
#wellcomeMessage article {
	font-size:24px;font-family:'SansPro-Regular','微軟正黑體'; line-height:40.5px; color:#000; text-align:justify; margin-bottom:50px;
}  /*=== about ======*/

/*=== Research - Scientific cores and supports ======*/
#page .rsItem div { font-family: 'SansPro-Bold'; font-size:32px; line-height:38px; text-align:center; }
#page .rsBannerContent { border:1px solid #333; text-align:center; padding:15px 30px 15px 30px; box-shadow: rgba(0, 0, 0, 0.1) 8px 10px 10px, rgba(0, 0, 0, 0.1) 0px 6px 6px;}
#page .rsBannerTitle { font-family: 'SansPro-Bold'; font-size:50px; margin:25px; }
#page .rsBannerDesc { font-family: 'SansPro-Regular'; font-size:22px; margin:10px auto; width:90%; }
/*=== news ======*/

/*=== seminars ======*/
#SeminarsList { background:#ffffff; font-family:'SansPro-bold'; margin-top:20px;  }
#SeminarsList .card {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; height:650px;}
/*.seminars_date { position:relative; margin-top:-58px; margin-left:25px; color:#fff; background:#2f8b9f; width:60px; height:70px; text-align:center; padding:6px;  }*/
#SeminarsList .seminars_date {margin-top:-38px;}
/*.seminars_month { font-size:22px; }*/
/*.seminars_day { font-size:26px; font-family:'SansPro-Black'; }*/
#SeminarsList .card-body { margin-top: -32px; padding-left:25px }
/*#SeminarsList .card-title { height:120px; }*/
/*.seminars_tag { font-size:22px; color:#2f8b9f; }*/
/*.seminars_time { font-family:'SansPro-Regular'; color:#666; font-size:20px; }*/
#SeminarsList a:hover .seminars_date { background:#07556e }
#SeminarsList a:hover .card-title { color:#07556e }

.seminars_list_tag { font-size:22px; color:#2f8b9f; }
.seminars_list_time { background:url(../images/seminars/date-gray.jpg) no-repeat; padding-left:30px; color:#808080; }
.seminars_list_place { background:url(../images/seminars/place-gray.jpg) no-repeat; padding-left:30px; color:#808080; }

/*=== people ======*/
.people_nav div { /*width:200px;*/ height:80px; line-height:80px; text-align:center; font-family:'SansPro'; font-weight:normal; color: #fff; margin-bottom:12px; font-size:24px; float:left; padding-left:40px; padding-right:40px;}
.people_nav div:hover { color:#e0ecef; /*extlightblue*/ cursor:pointer }
.people_nav div.people_nav_active { font-family:'SansPro-Black'; background:#fff; font-weight:bold; color: #2f8b9f; }
.people_nav div.people_nav_active:hover { color: #2f8b9f; cursor:none; }

.people_info { 
position:absolute; z-index:910; background:#07556e; /*blue*/ opacity: 0.8; width:100%; height:120px; margin-top:-140px; border:1px solid green;
padding:18px; color:#fff; font-family:'SansPro-Bold'; font-size:22px; line-height:26px; text-shadow: black 0.1em 0.1em 0.1em;
}
.people_info_sub { color:#fff; font-family:'SansPro-Regular'; font-size:18px;line-height:23px;  }

@media (max-width:1440px){

  html, body {
	font-size:20px;
	line-height:26px;
  }
  
  #header_section1 img { width:auto; height:70px; }
  .container { padding-left:25px; padding-right:20px; }
   
  #homeInterview .blockquote { font-size:24px; }
  #homeInterview .blockquote-footer1 { ffont-size:16px; }
  .interviewee { font-size:16px }
  #homeInterview_content { margin-top:-485px; }
  #homeInterview_content img {  width:165px; height:auto; }
  
  /*=== 非 index ======*/
  #page main  { margin-top:180px }

}


@media (max-width:990px){
  
  .devicem { display:block }
  .devices { display:none }
  .gotop { right:10px }
  .btn-homeMore { width:80vw }
  
  #page main { margin-top:90px }
  
  #indexPage main section  h2 { font-size:40px; }
  .container { width:95vw; max-width:auto; padding:0px 20px 0px 20px;  }
  
  #header_section1 { display:none }
/*  #header_section1 { margin-top:-15px; display:none }
  #header_section1 img { width:70vw; height:auto; margin-left:-30px; }
  #header_section1 .row {display:none}*/
 
  
  .header_nav_m { display:block }
  .header_nav_m img { width:70vw; height:auto; }
  a.link { width:100% }
  .dropdown-menu a {
	padding-left:40px;
  }
  .submenu { border:none }
  .submenu a {
	padding-left:50px;
  }

  #header_section1 a, 
  #header_section1 a:visited { font-size:20px; }
  #header_section1 .chToCh { font-size:20px;  }
  #header_nav a.nav-link { font-size:25px; }
  .dropdown-item { font-size:20px; }  
  
  #homeBanner { 
	
	background:url('../files/index/banner_1X.jpg') center bottom no-repeat fixed;
  	/*background-size: 100% 100%;*/
  }
  
  .btmicon { bottom:15px }
  
   
  #homeInterview .blockquote { font-size:18px; line-height: 24px; }
  #homeInterview .blockquote-footer1 { font-size:14px; }
  .interviewee { font-size:16px }
  #homeInterview_content { margin-top:-420px; }
  #homeInterview_content img {width:150px; height:auto; }

  .owl-carousel { width:78vw; margin-bottom:-50px;}
  
  
  #footer_info .col-md-4 td { padding-left:0px }
  #footer_info .col-md-5 td { padding-left:20px }
  #footer_info .col-md-3 { padding-left:32px; }
  .footer_btn { margin-top:-70px; margin-left:-25px; padding-top:0 }
  .footer_btn li { /*width:40%; float:left;*/ }
  .footer_btn li.mt-5 {  }
  
  .footerSocial { padding-left:auto;  }
  .footerSocial div { padding:20px; }
  
  #footer_copyright { font-size:14px }

  /*=== about ======*/
  #wellcomeMessage article { font-size: 16px;font-family:'SansPro-Regular'; line-height:26px; color:#222;  text-align:left; }
  #wellcomeMessage h1 { font-size:38px }
}

@media (min-width: 768px) {

}
@media (min-width:992px){
  .container {
  }
  
  html, body { /*margin-top:80px*/ }
  
  /*=== index ======*/
  
  /*=== about ======*/
  #wellcomeMessage article { margin-left:8%; margin-right:8%; }
  
  /*=== location ======*/
  
  
  /*=== news ======*/

}


@media (min-width:1100px){
	/*#homeInterview_content { background:green }*/

}

@media (min-width:1360px){
  html, body { font-size:18px; }
	/*#homeInterview_content { background:blue }*/
}

@media (min-width:1450px){
  	html, body { font-size:20px; }
	/*#homeInterview_content { background:purple }*/
	
	#homeInterview_content { margin-top:-580px; }
	#homeInterview_content img { width:240px; height:auto;  }
	#homeInterview .blockquote { line-height:38px; font-size:30px; }
	.interviewee { font-size:24px }
	#homeInterview .blockquote-footer1 { font-size:24px; }
	#homeSeminars { margin-top:100px; }
}

@media (min-width:1600px){
  	html, body { font-size:20px; }
	/*#homeInterview_content { background:pink }*/
	
	#homeInterview_content { margin-top:-700px; }
	#homeInterview_content img { width:300px; height:auto;  }
	#homeInterview .blockquote { line-height:38px; font-size:30px; }
	.interviewee { font-size:24px }
	#homeInterview .blockquote-footer1 { font-size:24px; }
	#homeSeminars { margin-top:100px; }
	
}

/*#########################
Multilevel Dropdown
#########################*/
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover,
	.dropdown-menu > li:focus  { /*background-color: #f1f1f1;*/ background:#e0ecef; /*extlightblue*/  }
	.dropdown-menu > li:hover > .submenu,
	.dropdown-menu > li:focus > .submenu { display: block; }
	
	
	
/*#########################
第一層ｉｃｏｎ滑鼠hover就要打下拉選單
#########################*/
    li.dropdown .dropdown-menu {
		display: none;
    } 
	li.dropdown:hover > .dropdown-menu{
		display: block;
	} 	
	
	
	
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

/*	.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}*/

}	
/* ============ small devices .end// ============ */