@font-face {
  font-display: swap;
}
body{
	font-family:'微軟正黑體', '蘋方', 'Noto Sans TC', sans-serif;
	font-size:16px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	}
p {font-size:16px;}
.WapNo{	
	white-space:nowrap;
	}
.wrap {
overflow: hidden;
}

/* 小標籤 / 標示條 */
.SubInfoTL{
  background-color:#283a70;
  padding:6px 12px;
  color:#fff;
  border-radius:0 0 10px 0;
  margin-right:10px;
  display:inline-block;
}

/* 卡片連結外框與 hover 視覺 */
.CardBox{ margin-bottom:20px; text-decoration:none; color:#353535; }
.CardBox>a{ color:#353535; text-decoration:none; }
.CardBox>a:hover{ color:#353535; text-decoration:none; }
.CardBox>a:hover>.card{ transform:scale(1.03); transition:.5s; }

/* 卡片標題樣式（課程卡） */
.CsBox01TL{ font-size:1em; font-weight:800; color:#283a70; text-decoration:none; }

/* 卡片文字色系 */
.card-text{ color:#353535; text-decoration:none; }

/* ===== Main head 區塊（需保留各斷點 padding 差異） ===== */
.MainHeadZone{
  width:100%;
  margin:0;
  height:auto;
  padding:0; /* 基礎值 */
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:center center;
  background-size:contain;
  line-height:1.5em;
  background-color:#000;
  color:#fff;
}

/* 480–767：附件維持 scroll（無 padding 調整） */
@media (min-width: 480px) and (max-width: 767px){
  .MainHeadZone{ background-attachment: scroll; }
}

/* 768–979：固定背景 + 加入左右 padding */
@media (min-width: 768px) and (max-width: 979px){
  .MainHeadZone{ background-attachment: fixed; padding: 5% 8% 5% 8%; }
}

/* 980–1199：同上 */
@media (min-width: 980px) and (max-width: 1199px){
  .MainHeadZone{ background-attachment: fixed; padding: 5% 8% 5% 8%; }
}

/* ≥1200：同上 */
@media (min-width: 1200px){
  .MainHeadZone{ background-attachment: fixed; padding: 5% 8% 5% 8%; }
}

/* ===== footer（需保留斷點差異） ===== */
footer{ padding:35px 5% 135px 5%; }              /* 基礎值 */

/* 480–767：縮小上/下 padding */
@media (min-width: 480px) and (max-width: 767px){
  footer{ padding:3% 5% 11% 5%; }
}

/* 980–1199：桌機小螢幕 variant */
@media (min-width: 980px) and (max-width: 1199px){
  footer{ padding:3% 5% 10% 5%; }
}