html {
  position: relative;
  min-height: 100%;
}

a{
color:#5a83d6;  
}

a:hover{
 color:#4e5bd3; 
 position:relative;
 top:1px;
 left:1px;	
}

h1 {
  font-size: 25px;
  line-height: 1.6em;
  background-color: #FFF;
  color: #333;
  font-weight: bold;
}

h2 {
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
  font-size:20px;
  font-weight: bold;
  color: #565cc0;
  line-height: 1.3;
}

h3 {
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
  font-size:20px;
  font-weight: bold;
  color: #e33939;
  line-height: 1.3;
}

h4 {
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
  font-size: 18px;
  color: #096;
}

h5 {
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
  font-size: 16px;
  color:#636363;
}

body {
  background:#6f6f6f url(../images/dot.png) repeat top left;
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 0px;
  text-align: justify;
}

.container-lg {
  padding: 0px;
}

.pic {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

header {
	 /* 表頭 */
  background-image: url(../images/headerBg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 !important;
  /* width: 100%; */
  /* display: block; */
  position: relative;
}

header .links {
  background:transparent url(../images/headerLinks.png) scroll no-repeat top left / 60% 60%;
  text-align: right;
  font-family: "微軟正黑體",Arial;
  font-size:1em;  
  line-height: 40px;
  height: 0;
  padding: 0 15px 9.73% 0;
  color: #FFF;
  
}

header .links>a {
  color: #000000;
}

header .links>a:hover {
  position:relative;
  top:1px;
  left:1px;
}

header .links>a:after {
  content: "|";
  margin-left: 6px;
  margin-right: 6px;
 
}

header .links>a:last-child:after {
  display: none;
}

.header>div {
  background-image: url(../images/headerBg.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0;
}

.header>div .links {
  background-image: url(../images/headerLinks.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 0;
  padding-bottom: 9.73%;
  text-align: right;
  color: #FFF;
  line-height: 70px;
  padding-right: 15px;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25), -4px -4px 10px rgba(0, 0, 0, 0.25), -4px 4px 10px rgba(0, 0, 0, 0.25), 4px -4px 10px rgba(0, 0, 0, 0.25);
}

.header>div .links>a {
  color: #FFF;
}

.header>div .links>a:after {
  content: "|";
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1), -2px -2px 5px rgba(0, 0, 0, 0.1), -2px 2px 5px rgba(0, 0, 0, 0.1), 2px -2px 5px rgba(0, 0, 0, 0.1);
}

.header>div .links>a:last-child:after {
  display: none;
}

ul.menu {
	/* 主選單 */
  justify-content: center;
  align-items: stretch;
  /* margin: 20px 0px 65px -15px; */
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei";
}

ul.menu>li {
  list-style-type: none;
  width: 100%;
  text-align: center;
}

ul.menu>li>a {
  display: block;
  color: #000000;
  /* padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px; */
  padding: 5px;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.05em;
  border-left:#dcdcdc solid 1px;
  text-transform: capitalize;
}

ul.menu>li>a:hover,
ul.menu>li>a:focus,
ul.menu>li>a:active {
  background-color: #1d0f6e;
  color: #ffffff;
}

ul.menu>li>ul {
  text-align: left;
  overflow: hidden;
}

ul.menu>li>ul>li {
  list-style-type: none;
  position: relative;
  top: 0px;
  left:-15px;
}

ul.menu>li>ul>li>a {
  display: block;
  color: #2e2e2e;
  padding:6px 5px 6px 15px;
  font-size: 1em;
  line-height: 1.2em;  
  text-decoration: none;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}

ul.menu>li>ul>li>a:hover,
ul.menu>li>ul>li>a:focus,
ul.menu>li>ul>li>a:active {
  color: #feffff;
  background-color: #6bc288;  
}

ul.menu>li>ul>li:hover,
ul.menu>li>ul>li:focus,
ul.menu>li>ul>li:active {
  color: #6f7075;
}

.content {
  background-color: #ffffff;
  /* margin-top: 40px; */
  padding:25px 30px 15px 30px;
  min-height: 450px;
}

.footer{
  background-color: #f8f9fa;
  color:#616161;	
  /* margin-top: 40px; */
  padding: 10px;
  min-height: 10px;
  line-height:20px; 
  text-align: center;
  font-size: 0.75em;
}
/* 最新消息 */
.news {
  border-bottom: #e1e1e1 solid 1px;
  padding-top:15px;     
  padding-bottom:15px;   
}

.news>div.news_content:after {
  content: "";
  display: block;
  clear: both;
}

.news>div.news_content>h3 {
  cursor: pointer;
}

.news>div.news_content>p.news_content_detail img {
  max-width: 100%;
}

.news img {
  float: left;
  max-width: 17%;
  margin: 5px 15px 0px 0px;
}

.news iframe {
  float: left;
  max-width:28%;    
  margin: 5px 15px 0px 0px;
}

@media screen and (max-width: 992px) {
        /* 平板觀看 */
    .content {
   padding:15px 25px 15px 25px;
  }  
  ul.menu {
    /* margin: 0px -15px 0px -15px; */
  }

  ul.menu>li>a {
    /* padding-bottom: 5px; */
  }
 .news img{
    display:block;    
    margin-bottom:10px; 
    margin-right:15px; 
  }
  
 .newsen_img{
   max-width:95%;   
  }
  
  .newsen_img img{
   max-width:95%;  
   margin-bottom:0px;   
  }  
  
}

@media screen and (max-width: 560px) {
         /* 平板觀看 */ 
  .content {
   padding:15px 15px 15px 15px;
  }    
    .footer>.container>br {
    display: none;
  }

 .news img{
    min-width:100%;
    margin-bottom: 25px; 
  }  

 .newsen_img{
   max-width:95%;   
  }
  
  .newsen_img img{
   max-width:95%;  
   margin-bottom:0px;   
  }  
	
}

@media screen and (max-width: 450px) {
	  /* 手機觀看 */ 
   .content {
   padding: 15px 15px 15px 15px;
  } 
  
  .footer {
    font-size: 0.7em;
  }
  
  .newsen_img{
   max-width:95%;   
  }
  
  .newsen_img img{
   max-width:95%;  
   margin-bottom:0px;   
  }
  
  .news iframe {
  min-width:100%; 
  height:27%;  
  padding-bottom:13px;
   }  
  
}

/* 英文最新消息內容 */

.newsen{
clear:both;      
}

.newsen_img{
width:500px; 
margin:10px auto 10px auto;
text-align:center;  
}

.newsen_img img{
width:500px; 
}


/* 條列式內容 */
.txcent {
  float: left;
  margin: 15px 0px 0px -30px;
  padding-bottom: 30px;
  width: 100%;
}

.txcent ul{
 margin-left:-10px; 
}

.txcent li {
  list-style-type:disc;
  margin-left:00px;
}

.txcent_pi ul{
 margin-left:-10px;  
}

.txcent_pi li {
  list-style-type:circle;
  margin-left:0px;
}

/* 期刊論文 */
.pub_table {
  width: 100%;
  text-align: left;
  font: 15px arial;
  margin: 10px auto;
  border-top: #ccc solid 1px;
  border-left: #ccc solid 1px;
}

.pub_table tr {
  background-color:#fff;
}

.pub_table td {
  border-bottom: #ccc solid 1px;
  border-right: #ccc solid 1px;
  padding: 5px 10px;
  line-height: 20px;  
}

/* 成員名單 */
.list_table {
  width: 100%;
  text-align: justify;
  color: #06F;
  font: bold 18px arial;
  margin: 30px auto;
}

.list_table tr {
background-color:#fff;
}



/* 計畫推動策略 */
.strategies {
  width: 100%;
  font-size: 18px;
  line-height: 1.8;
}

.strategies ul{
 margin-left:-30px;
}

.strategies li {
  list-style-type:none;
  margin-left:0px;
}

#backToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  /* 回到頂端按鈕 */
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}

#backToTop:hover {
  background-color: rgba(0, 0, 0, 0.7);
  /* 回到頂端按鈕 */
}