/* styles.css */

body {
  font-family: "標楷體", DFKai-sb;
  font-size: 12pt;
}

/* 設定整個頁面的字型和大小 */

* {
    font-family: "標楷體", DFKai-sb !important;
    font-size: 14pt !important;
}

/* p, h1, h2, h3, h4, h5, h6 { */

  h1, h2, h3, h4, h5, h6 {
  font-family: "標楷體", DFKai-sb;
  font-size: 16pt;
}

/* 設定整個產品內容的字型和大小 */
/* 這裡的 .product-content 已經是相對具體的選擇器了 */
.product-content p,
.product-content span,
.product-content a,
.product-content strong,
.product-content h1, 
.product-content h2, 
.product-content h3, 
.product-content h4, 
.product-content h5, 
.product-content h6 {
    font-family: "標楷體", DFKai-sb;
    font-size: 12pt !important; /* 強制所有文字大小為12pt */
}




/* 這裡標題 .product-title  */
.product-title {
    font-size: 24px !important; 
}



/* 編號.名稱.價格 - 設定強調文字的字型和大小 */
.highlight-text {

/* font-size: 16pt !important; /* 使用 !important 強制設定大小 */
font-size: 16pt !important;
color: #A244A2; /* 字體顏色 */
font-weight: bold; /* 字體加粗 */
line-height: 1.6; /* 增加行距 */
}

.highlight-text span,
.highlight-text b {
 font-family: "標楷體", DFKai-sb; /* 字型 */
 font-size: 16pt !important;
 
}


.price-text,
.price-text b,
.price-text font {
font-size: 16pt !important;
}



.product-img {
    display: block; /* 確保圖片是區塊元素 */
    margin-bottom: 30px; /* 控制圖片下方的間距 */
}

.product-img span {
    font-size: 12pt; /* 設定 .product-img 內部的 span 文字大小為 12 pt */
}



.img-spacer {
    display: block;
    height: 30px; /* 控制兩張圖片之間的間距 */
}