/*top */
body{background-color:#fff;}
.theme{}
.theme-bg{background-image:unset}
.logo{}
.logo img{width: 776px;max-width:unset;}/* CSS Document */

.navbar{background-color:#00377F;border-radius:20px;padding: 10px;margin:15px auto}
.navbar ul{padding:0}
.navbar li a{font-size: 1.15rem;font-weight: 600;height: unset;}
#main_top{
    width: 100%;
    margin: 0;
}
header{
    padding-right: unset;
    background-color:#00377F;
    color:#fff;
    border-radius:0 0 0 25px;
    top: 0;
    padding: 5px 10px 10px 10px;
}
header>a ,header .dropbtn, header>a, header>div{ color:#fff;border-right:1px solid #fff}
header .fontsize button{color:#fff;border:1px solid #fff}
header>div{border-right:1px}
header .dropdown svg { fill: #ffffff;}
/* banner  */
.ct5ac1f40e3cfa7d3da556b86a img{aspect-ratio:1920/649;borderL:0;}

/*moudle  */
/* 模組標題樣式 */
.module-title {
  color: #00377F;
  font-size: 1.7rem;
  font-weight: 800;
  text-align: left;
  padding-left: 6px;
  margin: 0 0 15px;
}
.ct5aa1039cb33e9e6bc6c92a7e {border-radius:10px;border:1px solid #d7d7d7;padding:30px 5px;}
.ct-table td {
  padding: 0.65rem;
  vertical-align: middle;
  border-top: 1px dashed #ccc;
}

.module-title-bg::before {
  background: none;
}
.ct-table .thead-light th { color: #ffffff; background-color: #00377F; border-color: #ffffff; border-bottom: 1px solid #ffffff;}

/* Service Box 外層 Grid 容器 */
#service-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 強制平分三欄 */
  gap: 20px; /* 調整合理的欄位間距 */
  justify-items: center;
  align-items: center;
  width: 100%;
  max-width: 1200px; /* 限制整體最大寬度 */
  margin: 0 auto; /* 整體區塊置中 */
}

/* Grid 的直接子元素 <a> 標籤 */
#service-box > a {
  width: 100%;
  max-width: 275px; /* 限制單一卡片最大寬度 */
  text-decoration: none;
  display: block;
}

/* 卡片主體區塊 */
#service-box > a > div,
#service-box > div {
  width: 100%;
  background-color: #F4FAFD;
  padding: 10px;
  border-radius: 30px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; /* 修正：將原本的 align-content 改為 align-items */
}

/* 圖示與圖片設定 */
#service-box img {
  height: 100px;
  object-fit: contain;
}
main{max-width: 1580px;margin:0 auto;}

.service-icon {
  margin-bottom: 10px;
  text-align: center;
}

/* 文字區域設定 */
.service-text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bolder;
  color: #00377F;
}

.service-text a {
  color: #00377F !important;
}
.download{}
.download img{width: 80%;height:auto;margin: 0 auto;}
.download-btn{
    display: inline-block;
    flex-direction: row;
}
.download-btn a {
  display: flex; /* 開啟 Flexbox 佈局 */
  align-items: center; /* 讓兩張圖片垂直對齊 */
  gap: 12px; /* 設定兩張圖片之間的水平間距（可依需求調整） */
  text-decoration: none; /* 移除連結下劃線 */
}
.download p{margin:22px 0}
.download-btn img {
 width:45%;

}
header a:hover,
header>div:hover,.navbar li:hover a 
{ color:#93b1d8; }

header .fontsize button:hover {background-color:#93b1d8;color: #00377F}
.ct5aa109a0b33e9e6bc6c92a84 .item_Page{background-color:#253b82!important}
#left{border-radius:30px;background-color: #f3f3f387 !important;padding:30px 0 90px;margin-bottom: 60px;}
.gd-xs12.text.m-t-md{display:none;visibility:hidden}
.gd-xs12.text.viewsbg{text-align:right}

/*footer  */
.footerbg{background: #253B82;box-shadow: 0px 0px 0px;color: #fff9f6;background-repeat: no-repeat;min-height: 200px;padding-top: 0px;}
@media screen and (max-width: 767px){
.logo img, .logo strong {max-height: unset;max-width: 100%;padding: 5px 10px;}
  .navbar{background-color:#00377F;border-radius:0px;padding: 10px;margin:0px auto}
#topic{gap:10px!important;}
#topic img{width:100%;height:auto;}
}