.elementor-30930 .elementor-element.elementor-element-013c1fe{--divider-border-style:solid;--divider-color:#E9E9E9;--divider-border-width:1px;--divider-element-spacing:35px;}.elementor-30930 .elementor-element.elementor-element-013c1fe > .elementor-widget-container{margin:10px 0px 12px 30px;}.elementor-30930 .elementor-element.elementor-element-013c1fe .elementor-divider-separator{width:100%;}.elementor-30930 .elementor-element.elementor-element-013c1fe .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-30930 .elementor-element.elementor-element-013c1fe .elementor-divider__text{color:var( --e-global-color-d8cc8ff );font-family:"Noto Sans TC", Sans-serif;font-size:1em;font-weight:400;line-height:1.4em;letter-spacing:1.2px;}.elementor-30930 .elementor-element.elementor-element-e308e53{--spacer-size:50px;}@media(max-width:1024px){.elementor-30930 .elementor-element.elementor-element-013c1fe .elementor-divider__text{font-size:1.1em;line-height:1.6em;letter-spacing:0.3px;}.elementor-30930 .elementor-element.elementor-element-013c1fe{--divider-element-spacing:39px;}}@media(max-width:767px){.elementor-30930 .elementor-element.elementor-element-013c1fe .elementor-divider__text{font-size:1em;line-height:1.7em;letter-spacing:1px;}}/* Start custom CSS for html, class: .elementor-element-a795135 *//* 外層容器（手機滑動關鍵*/
.sp{
    width: 100%;
}

/* ===== 外層容器（關鍵：手機滑動 + 限制高度） ===== */
.sp_swtab {
  width: 100%;
  max-height: 70vh; /* 比固定px更適合各裝置 */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /*border: 1px solid #ddd;*/
}
.sp_swtab .sp15>img{
    width: 250px!important;
}

/* 表格 */
.sp_swtab table {
  border-collapse: separate;
border-spacing: 0;
  table-layout: fixed;
  /*width: max-content;*/
  width: auto;
  min-width: 100%;
}

/* 儲存格 */
.sp_swtab td,
.sp_swtab th {
  border: 1px solid #ccc;
  padding: 6px;
  text-align: center;
  min-width: 50px;
  background-color: #fff;
}

.sphead{
    font-size: 40px;
    color: #00b4e3;
}

.sp25{
    width: 25%;
}
.sp_swtab .sp20{
    width: 200px;
}
.sp15{
    width: 15%;
}
.sp10{
    width: 10%;
}
.sp_swtab .sp5{
    width: 5%;
}
.sp_swtab .sp8{
    width: 8%;
}

/* 表頭 */
.sp_swtab th {
  background-color: #f7f8f8;
}

/* ✅ 表頭固定 */
/* ===== 表頭固定 ===== */

/* 第一列 */
.sp_swtab thead tr:first-child th{
    position: sticky;
    top: 0;
    z-index: 30;
}

/* 第二列 */
.sp_swtab thead tr:nth-child(2) th{
    position: sticky;
    /* 第一列高度 */
    top: 42px;
    z-index: 29;
}

/* ✅ 首欄固定 */
.sp_swtab td:first-child,
.sp_swtab th:first-child {
  position: sticky;
  left: 0;
  z-index: 40;
  background-color: #f7f8f8;
}

/* ✅ 左上角最高層 */
.sp_swtab thead th:first-child {
  z-index: 50;
  padding: 10px 0;
}
.sp_swtab thead tr:first-child th:first-child{
    z-index: 50;
}
/* 第二列表頭首欄 */
.sp_swtab thead tr:nth-child(2) th:first-child{
    z-index: 49;
}

/* ⭐ Hover 整列高亮 */
.sp_swtab tbody tr:hover td {
  background-color: #ECF5FF;
  font-weight: bold;
}

/* ⭐ 固定欄同步高亮（重點） */
.sp_swtab tbody tr:hover td:first-child {
  background-color: #ECF5FF;
}

.sp_swtab a{
    color: #0000C6	;
    font-size: 22px;
    font-weight: 700;
}
.sp_swtab a:hover{
    color: #EA0000;
}

/* 📱 手機優化 */
@media (max-width: 768px) {
  .sp_swtab td,
  .sp_swtab th {
    min-width: 70px;
    font-size: 14px;
  }
}

/* ===== 小手機 ===== */
@media (max-width: 480px) {
  .sp_swtab {
    max-height: 50vh; /* 不要寫死300px */
  }

  .sp_swtab td,
  .sp_swtab th {
    min-width: 50px;
  }
  .sp10{
    width: 5%;
}
.sp_swtab a{
    font-size: 16px;
    font-weight: 700;
}
}/* End custom CSS */