/* .navbar {
  

}*/
p{text-align: justify;}
html, body {
  width: 100%;
}
body {
  min-width: 100vw;
}
.navbar-nav .nav-link{
  margin: 0vw 1vw;
      font-weight: 500;
}
.navbar{
  box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.05);
}
.max-width {
  margin-left: auto;
   margin-right: auto;
  width: 100%;
  /*max-width: 1200px;*/

}
.toplogo{
  height:100px;
}
.toplogoalign{
text-align-last: center;
}
.MathJax {
  margin:  0; 
  padding: 0;
}
mjx-container[display="true"] {
  /*display: math !important;*/
  display: contents ;
  
  text-align: center !important;
  
}
.tablestyle01 tr td {
  border: 0px solid rgb(255, 255, 255);
}
.threeline {
    border-right: 0px none #fff;
    border-left: 0px none #fff;
}
.threeline thead>tr>th {
            border-top: 2px solid #000;
            border-bottom: 1px solid #000;
            border-right: 0px none #fff;
    border-left: 0px none #fff;
        }

.threeline tbody>tr:last-child>td {
            border-bottom: 2px solid #000;
                

        }
.threeline tbody>tr>td {
border-right: 0px none #fff;
    border-left: 0px none #fff;
        }
.threeline tbody>tr>td>p {
text-align: left;
        }
.hero{
    height: 450px;
    background-image: url('/images/640.gif');
    /*background-image: url('/images/home_mobile.jpg');*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.message-box{
    
    background-color: #eeeeee;
    
    
}

.foot-box{
    
    background-color: #eeeeee;
    color: #00568e;
    
}
.issue-top-color{
  background: #a0b2db;
background: linear-gradient(90deg,rgba(160, 178, 219, 1) 0%, rgba(62, 87, 140, 1) 100%);
background-size: cover;
 background-repeat: no-repeat;
 background-position: 50% 50%;
}
.generic-top-color{
  background: #a0b2db;
background: linear-gradient(90deg,rgba(160, 178, 219, 1) 0%, rgba(62, 87, 140, 1) 100%);
background-size: cover;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 min-height: 20px;
}
.issue-cover{
  height: 450px;
  background-image: url('/uploads/issue0cover.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  
}

.affiliations{
  color: #a4a4a5;
}

.post-grey{
  color: #a4a4a5;
}
.table-hidden,.table-hidden tr,.table-hidden td  {
  border-style: hidden;
  border: 0px hidden #ddd;
  vertical-align: top;
}
.nav-link {
  color: #004b85;
}
.nav-tabs .nav-link {
  font-weight: 700;
}
.issue-cover-in-post{
  height: 200px;

  
}
.issue-info{
  font-size: 1.2rem;
      align-self: center;
      color: white;
      
}
.issue-info-name{
  font-size: 1.8rem;

      font-weight: 700;
}
.issue-info-issuedate{
  font-size: 1.9rem;

      font-weight: 700;
}
.issue-info-description{
  font-size: 1.2rem;

      
}
    table {
      border-collapse: collapse;
      width: 100%;
/*      font-family: Arial, Helvetica, sans-serif;*/
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      margin: 20px 0;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 10px;
      text-align: left;
      vertical-align: top;
    }
    th {
/*      background-color: #f2f2f2;*/
      font-weight: bold;
    }
    caption {
      font-size: 1.1em;
      font-weight: bold;
      margin-bottom: 10px;
      text-align: left;
    }
    .category {
      font-weight: bold;
      background-color: #f9f9f9;
    }

.reference > p{
    padding-left: 1.5em;   /* 設置左側縮進距離 */
  text-indent: -1.5em;  /* 將第一行向左拉回相同距離 */
  margin-bottom: 10px; /* 每一條文獻之間的間距 */
  line-height: 1.5;    /* 設置行高 */
}
.ref-item {
  padding-left: 1.5em;   /* 設置左側縮進距離 */
  text-indent: -1.5em;  /* 將第一行向左拉回相同距離 */
  margin-bottom: 10px; /* 每一條文獻之間的間距 */
  line-height: 1.5;    /* 設置行高 */
}
.reference {
  /* 1. 隱藏預設數字 */
  list-style: none;
  /* 2. 重置計數器名稱為 'item' */
  counter-reset: item;
  padding-left: 0;
}

.reference li {
  /* 3. 讓每個 li 增加計數器數值 */
  counter-increment: item;
  margin-bottom: 10px;
  display: flex; /* 使用 flex 讓編號與文字對齊更漂亮 */
}

.reference li::before {
  /* 4. 在內容前顯示自定義格式 */
  content: "[" counter(item) "] ";
  
  /* 樣式調整：固定寬度可確保多行文字縮排對齊 */
  flex-shrink: 0;
  width: 35px;
  font-weight: normal;
  /*color: #333;*/
}



.foottitle{
  font-weight: 1000;
}
.message-box-container{
    padding: 30px 0;
}
.content-box{
    padding: 30px 0;
}
.htitle{
color: #00568e;
font-weight: 700;
font-size: 1.4rem;
}
.hcontent{
    margin-left: auto;
   margin-right: auto;
width: 100%;
max-width: 800px;
margin-bottom: 30px;
}
.footer{
  padding: 20px;

    border-top-width: 1px;
    border-top-color: gray;
    border-top-style: solid;
}
.copyright {
  font-size:10px;
}
.desktopshow{
  display: block;

}
.mobileshow{
  display: none;
}
@media (min-width:576px) and (max-width:767px){
  .copyright {
    font-size:12px;
  }
}




.post_content p, span{
  font-family: sans-serif;
}
.section-bar{
  position:relative;
  /*display:flex;*/
  justify-content:flex-end;
  align-items:center;
  height:50px;
  margin:20px 0;
}
.section-bar::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:2px solid #b49346;
}
.section-label{
  position:relative;
  background:#b49346;
  color:#fff;
  padding:6px 14px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.85rem;
}
.issue-content a{
  font-size: 1.3rem;
        line-height: 1.5;
        color: #0e5286;
}
.issue-content .issue-authors{
  line-height: 1.4;
        font-size: .875rem;
}
.issue-thumbnail{
  height: 120px;
    background-image: url('/images/blank.png');
    background-size: cover;
    border: 1px solid #ddd;
}
.list-group-item h5 a{
  color: #0e5286;
}
.list-group-item .fw-bold{
  color: #0e5286;
}
.allissue-name{
  color: #0e5286;
}
.allissue-issuedate{
  color: #7a7a7a;
}

@media (max-width:575px){
  .desktopshow{
  display: none;
}
.mobileshow{
  display: block;
}
.hero{
    height: 500px;
    background-image: url('/images/home_mobile.jpg');
    background-size: cover;
}
.issue-thumbnail {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #eee;
}
.container-fluid{
  padding: 0;
}
.hcontent{
    margin-left: 10px;
   margin-right: 10px;
   max-width: 95%;

margin-bottom: 60px;
}
.toplogo{
  height:80px;
}
}



/* ----------------------------------
   外層容器排版 (關鍵)
----------------------------------- */
.site-footer {
  /* 1. 啟用 Flexbox 彈性排版 */
  display: flex;
  
  /* 2. 讓所有子區塊之間的間距完全等距 (包含左右兩側) */
  justify-content: space-evenly;
  
  /* 3. 確保子區塊從頂部對齊 */
  align-items: flex-start;
  
  /* 外觀微調 (可依需求修改) */
  padding: 40px 20px;
  background-color: #ffffff;
  border-top: 1px solid #eaeaea; /* 上方的分隔線 */
}

/* ----------------------------------
   個別欄位內部樣式微調 gemini 幫手改的 footer
----------------------------------- */
.footer-column {
  /* 限制每個欄位的最大寬度，避免文字過長時太擁擠 */
  max-width: 250px; 
}

/* 移除預設的清單圓點與調整間距 */
.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  margin-bottom: 8px;
}

/* 連結樣式設定 */
.footer-column a {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
}

.footer-column a:hover {
  text-decoration: underline;
  color: #0056b3;
}

.footer-column h4 {
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
}


@media (max-width: 768px) {
  .site-footer {
    /* 在小螢幕時，改為由上往下垂直排列 */
    flex-direction: column;
    /* 改為靠左對齊 */
    align-items: flex-start;
    padding: 20px;
  }
  
  .footer-column {
    /* 每個區塊之間增加上下間距 */
    margin-bottom: 30px;
    max-width: 100%;
  }
}