body {
    font-family: "Microsoft JhengHei", sans-serif;
    background-color: #f9f9f9;
}

h1, h2, h3, h4 {
    color: #333;
}

.dimension-block {
    background-color: #fff;
}

.combo-list .form-check {
    margin-bottom: 5px;
}

table thead tr {
    background-color: #e2e2e2;
}

.edit-mode {
    width: 100%;
}

/* 讓整張表格寬度可彈性，並啟用自動寬度計算 */
#sku-table-container{
    max-height:400px;
    overflow:auto;
}
#sku-table-container table {
  /*table-layout: auto;*/
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;

}

th, td {
  /*border: 1px solid #ccc;*/
  /*padding: 8px;*/
  white-space: normal;     /* 容許文字自動換行 */
  word-break: break-word;  /* 當有長字串時可斷行 */
  /* 或者使用 word-break: break-all; 視需求 */
}

/*!* 針對第 2 欄 (規格_basic) 設定固定寬度並允許換行 *!*/
/*#sku-table-container table th:nth-child(2),*/
/*#sku-table-container table td:nth-child(2) {*/
/*  max-width: 300px;              !* 這裡可自行調整 *!*/
/*  white-space: normal;           !* 允許換行 *!*/
/*  word-wrap: break-word;         !* 換行策略 *!*/
/*  overflow-wrap: break-word;     !* 新版換行屬性 *!*/
/*}*/

/*!* 針對第 11 欄 (規格_basic) 設定固定寬度並允許換行 *!*/
/*#sku-table-container table th:nth-child(11),*/
/*#sku-table-container table td:nth-child(11) {*/
/*  max-width: 500px;              !* 這裡可自行調整 *!*/
/*  white-space: normal;           !* 允許換行 *!*/
/*  word-wrap: break-word;         !* 換行策略 *!*/
/*  overflow-wrap: break-word;     !* 新版換行屬性 *!*/
/*}*/


/*三層Scrolling lists */

body {
    font-family: "Microsoft JhengHei", sans-serif;
    background-color: #f9f9f9;
}

h1, h2, h3, h4, h5 {
    color: #333;
}


/* === Highlight: 三層Scrolling lists區塊寬度/高度設定 === */
#catSelect, #specNameSelect, #specValueSelect {
  min-height: 120px; /* 視需求自行調 */
}