/* ===== 基本設定 ===== */
body {
  margin: 0;
  padding: 1em;
  font-family: "標楷體", DFKai-SB, "Microsoft JhengHei", serif;
  color: #000;
  background: #fff;
  line-height: 1.6;
}

.container {
  max-width: 900px;
  margin: auto;
}

/* 理事長簽名 */
.signature {
  text-align: center;
  font-size: 24pt;
  color: blue;
  margin: 4em 0;
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* 頁尾資訊 */
footer {
  text-align: center;  
  font-size: 8pt;
  border-top: 1px solid #ccc;
  padding-top: 0.5em;
  margin: 2em 0;
  font-family: "Microsoft JhengHei", sans-serif;
}

/* ===== LOGO樣式 ===== */

/* Logo 置中容器 */
.logo-container {
  text-align: center;  /* 水平置中 */
  margin: 2em 0;  /* 上下各留 2em */
}

/* Logo 圖片 */
.logo-container img {
  max-width: 130px;  /* 限制最大寬度 */
  height: auto;  /* 保持比例 */
  transition: transform 0.3s ease;  /* 懸停動畫 */
}

/* 懸停效果 */
.logo-container img:hover {
  transform: scale(1.05);  /* 微微放大，提示可點擊 */
}

/* 滑鼠懸停時微微放大 */
.logo-container img:hover {
  transform: scale(1.05);
}

/* ===== 標題樣式 ===== */

/* 頁面最上方灰底紅線活動標題 */
.section-title {
  text-align: center;  
  font-size: 12pt;
  background-color: #AAAAAA; /* 淺灰色背景 */
  border-bottom: 2px solid red; /* 紅色底線 */
  padding: 0.5em 1em;
  margin: 1em 0;
  font-weight: bold;
  margin-bottom: 2em;  
}

/* section-title 內的超連結:黑色+底線 */
.section-title a {
  color: black;
  text-decoration: underline;
}

/* section-title 內的超連結 hover:放大+藍色 */
.section-title a:hover {
  color: #0066CC;
  font-size: 1.1em; /* 放大 10% */
  transition: all 0.3s ease; /* 平滑過渡效果 */
}


/* ===== 公文內容樣式 ===== */

/* 內文最大標題(機關全銜、公告)*/
header {
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  margin: 2em 0 2em 0;
}

/* 右上角政府機關資訊、活動場地 */
.agency-info {
  font-size: 0.7em;
  text-align: right;
  margin: 2em 0 4em 0;
  line-height: 1.4; /* 調高行距 */
  vertical-align: top; /* 可選，避免底線壓低文字 */

  /*line-height: 1.2;*/
}

/* 發發速密附公文資訊*/
.doc-info p {
  font-size: 12pt;
  margin: 0.2em 0;
  line-height: 1.2; /* 原本是1.5，數值越小行距越窄 */
}

/* 主要資訊 */
.section p strong {
  font-size: 16pt;
  font-weight: bold;
}

/* 公文主旨與說明 */
.section p {
  margin: 1em 0;
}

/* 銀行資訊 */
.bank {
  text-align: left;
  font-size: 10pt;
  font-family: "Microsoft JhengHei", sans-serif;
  color: #8B0000;
  font-weight: bold;
  padding-left: 0.5em;
}


/* ===== 超連結樣式 ===== */
a {
  color: #0066CC;
  text-decoration: none;
}/* 超連結的正常狀態 */

a:hover {
  color: black;
  text-decoration: underline;
}/* 滑鼠移過去（hover）時的狀態 */



/* ===== 賽程場地圖 ===== */
/* 賽程場地圖之場次表，桌機文字大小 */
.court-text {
  font-size: 14px;
}

/* ===== 比賽成績表 ===== */
/* 賽事類型標題 - 藍色漸層底線 */
.event-title {
  text-align: center;
  color: #007ACC;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, #007ACC, #00CED1) 1;
}

/* 組別標題 - 淺藍背景圓角 */
.category-title {
  text-align: center;
  background-color: #F0F8FF;
  padding: 8px 16px;
  border-radius: 8px;
  display: block;
  width: fit-content;
  margin: 2em auto 1em;  /* 上 2em、左右 auto（置中）、下 1em */
}

/* ===== 其他內容樣式 ===== */
/* 條列清單 */
.section ul {
  margin-left: 2em;
  font-size: 12pt;
}

hr {
  border: none;
  height: 2px;
  background: #333;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* 注解小字，靠左對齊 */
.note1 {
  text-align: left;
  font-size: 10pt;
  margin-top: 2em;
}





/* ===== 響應式設計 ===== */
@media (max-width: 768px) {
  body { 
    padding: 0.5em; 
  }
  
  header { 
    font-size: 18pt; 
  }
  
  .doc-info p, .section p strong { 
    font-size: 14pt; 
  }
  
  .doc-info p, .section ul { 
    font-size: 10pt; 
  }

  ul {
    padding-left: 0.2em;
    list-style-position: inside;
    margin-left: 0;
  }

  .signature { 
    font-size: 18pt; 
  }
  
  .agency-info { 
    font-size: 9pt; 
  }

  .court-text {
    font-size: 10px;
  }
}