.workshop-intro .career_table th{ min-width:90px; }

.table-workshop .workshop-day {
  width: 8% !important;
  text-align: left;
  white-space: nowrap;
}

.table-workshop .workshop-main-topic {
  width: 15% !important;
  color: #fff;
  font-weight: 500;
  line-height: 1.6;
  padding-right: 10px;
}

.table-workshop td {
  line-height: 1.8;
}

.table-workshop ul {
  padding-left: 1.2rem;
  font-size: 14px;
}

.table-workshop li {
  margin-bottom: 6px;
}

.table-workshop li:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .table-workshop .workshop-day,
  .table-workshop .workshop-main-topic {
    width: auto;
    white-space: normal;
  }

  .table-workshop th,
  .table-workshop td {
    font-size: 14px;
  }
}

.small_title{ margin-left:0px; border-bottom:0px dotted #ccc; padding:0px 0px 0px 12px; border-left: 1.5px solid #ad030c;
  line-height: 20px;
  display:inline-block !important; }


/* 課程總表 */
.workshop-schedule {
  width: 100%;
  min-width: 00px;
  margin-bottom: 0;
  table-layout: fixed;
  border-collapse: collapse;
}

.workshop-schedule th,
.workshop-schedule td {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  vertical-align: top;
  line-height: 1.65;
}

/* DAY 標題 */
.workshop-schedule .workshop-day-title {
  padding: 12px 15px;
  background: #111;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* 表頭 */
.workshop-schedule-head th {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

.workshop-schedule .schedule-time {
  width: 100px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  display: none;
}

.workshop-schedule .schedule-type {
  width: 190px;
  text-align: center;
}

.workshop-schedule .schedule-track {
  width: calc((100% - 320px) / 3);
}

/* 各軌表頭顏色 */
.workshop-schedule .schedule-time,
.workshop-schedule .schedule-type {
  background: #3c3c3c;
  text-align: center !important;


}

.workshop-schedule .track-pm {
  background: #1976a8;
}

.workshop-schedule .track-pf {
  background: #b67700;
}

.workshop-schedule .track-post {
  background: #16804d;
}

/* 分組內容 */
.workshop-schedule .track-content {
  background: rgba(255, 255, 255, 0.035);
}

/* 午餐、休息 */
.workshop-schedule .schedule-break td:nth-child(1) {
  background: #3c3c3c;
  text-align: center;
}

.workshop-schedule .schedule-break td:nth-child(2) {
opacity: 1;
background-size: 10px 10px;
background-image: repeating-linear-gradient(-45deg, #212529 0, #212529 1px, #1f1f1f 0, #1f1f1f 50%);
text-align: center;
font-weight: 400 !important;
font-style: italic;
color: #888;

}




.workshop-schedule ol,
.workshop-schedule ul {
  margin-top: 8px;
}

.workshop-schedule li {
  margin-bottom: 4px;
}

.workshop-schedule li:last-child {
  margin-bottom: 0;
}

/* 手機保留橫向滑動，避免表格被壓壞 */
@media (max-width: 991px) {
  .workshop-schedule {
    min-width: 950px;
  }

  .workshop-schedule th,
  .workshop-schedule td {
    padding: 10px 12px;
    font-size: 14px;
  }

  .workshop-schedule .workshop-day-title {
    font-size: 18px;
  }
}


/* DAY 1、DAY 2 課表專用橫向捲動 */
.workshop-schedule-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  
  /* 同時允許左右滑課表、上下滑整頁 */
  touch-action: pan-x pan-y;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
}

/* 課表必須大於手機容器，才會產生橫向捲動 */
.workshop-schedule-scroll .workshop-schedule {
  width: 1000px !important;
  min-width: 1000px !important;
  max-width: none !important;
  margin-bottom: 0;
  table-layout: fixed;
}

/* 時間欄 */
.workshop-schedule-scroll .schedule-time {
  width: 130px !important;
  min-width: 130px !important;
  white-space: nowrap;
}

/* 三個 Track 欄位 */
.workshop-schedule-scroll .schedule-track,
.workshop-schedule-scroll .track-content {
  width: 290px !important;
  min-width: 290px !important;
}

/* 防止外層 table cell 影響捲動寬度 */
.career_table > table > tbody > tr > td {
  min-width: 0;
}

@media (max-width: 767px) {
  .workshop-schedule-scroll {
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
  }

  .workshop-schedule-scroll .workshop-schedule {
    width: 1000px !important;
    min-width: 1000px !important;
  }
}


/* ==================================================
   工作坊課程介紹外層表格
================================================== */

.workshop-info-table {
  width: 100%;
  max-width: 100%;
}

.workshop-info-table > table {
  width: 100%;
  table-layout: auto;
}

.workshop-info-table > table > tbody > tr > th {
  width: 120px;
  min-width: 120px;
}

.workshop-info-table > table > tbody > tr > td {
  width: auto;
  min-width: 0;
}


/* ==================================================
   課表左右滑動區域
================================================== */

.workshop-content-cell {
  min-width: 0;
  overflow: hidden;
}

.workshop-schedule-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.workshop-schedule-scroll .workshop-schedule {
  width: 1000px;
  min-width: 1000px;
  max-width: none;
  margin-bottom: 0;
  table-layout: fixed;
}


/* ==================================================
   手機版
================================================== */

@media (max-width: 767px) {
  .workshop-info-table > table {
    width: 100%;
    table-layout: fixed;
  }

  .workshop-info-table > table > tbody > tr > th {
    width: 90px;
    min-width: 90px;
  }

  .workshop-info-table > table > tbody > tr > td {
    width: calc(100% - 90px);
    min-width: 0;
    padding-right: 5px;
    overflow: hidden;
  }

  .workshop-schedule-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .workshop-schedule-scroll .workshop-schedule {
    width: 920px;
    min-width: 920px;
    max-width: none;
  }
}