.elementor-19638 .elementor-element.elementor-element-2e33d5c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-30px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-19638 .elementor-element.elementor-element-2e33d5c3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19638 .elementor-element.elementor-element-8c73320{width:var( --container-widget-width, 102.407% );max-width:102.407%;--container-widget-width:102.407%;--container-widget-flex-grow:0;text-align:center;}.elementor-19638 .elementor-element.elementor-element-8c73320 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19638 .elementor-element.elementor-element-8c73320 img{border-radius:12px 12px 12px 12px;}.elementor-19638 .elementor-element.elementor-element-b4aac94 > .elementor-element-populated{padding:6px 0px 0px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19638 .elementor-element.elementor-element-ad1a672 .elementor-heading-title{font-weight:400;}.elementor-19638 .elementor-element.elementor-element-46de48b .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19638 .elementor-element.elementor-element-ea4edec .elementor-button{background-color:#FFFFFF00;letter-spacing:1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-19638 .elementor-element.elementor-element-ea4edec .elementor-button:hover, .elementor-19638 .elementor-element.elementor-element-ea4edec .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19638 .elementor-element.elementor-element-ea4edec > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19638 .elementor-element.elementor-element-ea4edec .elementor-button:hover svg, .elementor-19638 .elementor-element.elementor-element-ea4edec .elementor-button:focus svg{fill:#FFFFFF;}.elementor-19638 .elementor-element.elementor-element-0d94100{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 80px 0px;}.elementor-19638 .elementor-element.elementor-element-0d94100 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19638 .elementor-element.elementor-element-03019f0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19638 .elementor-element.elementor-element-03019f0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19638 .elementor-element.elementor-element-1b0dbdb > .elementor-widget-container{margin:20px 0px 10px 0px;}.elementor-19638 .elementor-element.elementor-element-1b0dbdb .elementor-heading-title{font-size:26px;font-weight:400;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-19638 .elementor-element.elementor-element-865fc8e{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-19638 .elementor-element.elementor-element-865fc8e .elementor-divider-separator{width:8%;margin:0 auto;margin-left:0;}.elementor-19638 .elementor-element.elementor-element-865fc8e .elementor-divider{text-align:left;padding-block-start:10px;padding-block-end:10px;}.elementor-19638 .elementor-element.elementor-element-6cef6a9{width:var( --container-widget-width, 102.407% );max-width:102.407%;--container-widget-width:102.407%;--container-widget-flex-grow:0;text-align:center;}.elementor-19638 .elementor-element.elementor-element-6cef6a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19638 .elementor-element.elementor-element-6cef6a9 img{border-radius:12px 12px 12px 12px;}.elementor-19638 .elementor-element.elementor-element-8d055c1 > .elementor-element-populated{padding:6px 0px 0px 30px;}.elementor-19638 .elementor-element.elementor-element-3da9d94 .elementor-heading-title{font-weight:400;}.elementor-19638 .elementor-element.elementor-element-e20b9a9 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-19638 .elementor-element.elementor-element-02d0bf3 .elementor-button{background-color:#FFFFFF00;letter-spacing:1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-19638 .elementor-element.elementor-element-02d0bf3 .elementor-button:hover, .elementor-19638 .elementor-element.elementor-element-02d0bf3 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-19638 .elementor-element.elementor-element-02d0bf3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19638 .elementor-element.elementor-element-02d0bf3 .elementor-button:hover svg, .elementor-19638 .elementor-element.elementor-element-02d0bf3 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-19638 .elementor-element.elementor-element-865fc8e .elementor-divider-separator{width:20%;}}/* Start custom CSS for image, class: .elementor-element-8c73320 *//* 圖片容器要設為相對定位 */
.status-open, .status-closed {
  position: relative;
  display: inline-block;
}

/* 報名中（綠色標籤） */
.status-open::before {
  content: "報名中";
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #4CAF50;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* 已截止（紅色標籤） */
.status-closed::before {
  content: "已截止";
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #FF5E5E;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
/* --- 手機版面專用樣式 (寬度 <= 768px) --- */
@media (max-width: 768px) {
  .status-open::before,
  .status-closed::before {
    /* 使用 transform 將標籤等比例縮小為 80% */
    transform: scale(0.8);

    /* * 因為縮小後，原本的 top: 10px 和 left: 10px 在視覺上會感覺變遠了，
     * 所以可以稍微調整 top 和 left 的值，讓它更貼近角落。
     * 您可以自行微調 5px 這個數值，改成您覺得最適合的距離。
    */
    top: 5px;
    left: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ae820c */.lecture-info-box {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  color: #54595f;
}

.lecture-info-lines p {
  margin: 0 0 10px;
  line-height: 1.6;
}

.details-toggle {
  font-weight: bold;
  color: #9dadc3;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
  background-color: transparent;
  font-size: 18px;
}

.details-toggle:hover {
  transform: scale(0.98);
  background-color:none;
  color: #607d8b;
}

.lecture-content {
  margin-top: 12px;
  padding-left: 1.5em;
  list-style-type: circle; /* 空心圓點 */
  line-height: 1.7;
  display: none;
}

/* hover 展開的效果 */
.lecture-details:hover .lecture-content {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01ebcb9 */.custom-accordion {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  color: #54595f;
  margin-top: 4px; /* 原本是 12px，調小縮短與上方欄位間距 */
}

.accordion-toggle {
  font-weight: bold;
  color: #9dadc3;
  cursor: pointer;
  display: inline-flex;
  align-items: center; /* 確保加號和文字垂直置中 */
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 18px;
  transition: color 0.3s ease;
}

.accordion-toggle:hover {
  color: #607d8b;
}

.accordion-toggle .icon::before {
  content: "＋";
  position: absolute;
  left: 0;
  top: 0.1em; /* 微調置中位置 */
  font-size: 18px;
  line-height: 1;
}

.accordion-toggle.active .icon::before {
  content: "－";
}

.accordion-content {
  display: none;
  padding-left: 1.5em;
  list-style-type: circle;
  line-height: 1.7;
  margin-top: 8px; /* 與 toggle 之間間距 */
}

.accordion-content.show {
  display: block;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6cef6a9 *//* 圖片容器要設為相對定位 */
.status-open, .status-closed {
  position: relative;
  display: inline-block;
}

/* 報名中（綠色標籤） */
.status-open::before {
  content: "報名中";
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #4CAF50;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* 已截止（紅色標籤） */
.status-closed::before {
  content: "已截止";
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #FF5E5E;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
/* --- 手機版面專用樣式 (寬度 <= 768px) --- */
@media (max-width: 768px) {
  .status-open::before,
  .status-closed::before {
    /* 使用 transform 將標籤等比例縮小為 80% */
    transform: scale(0.8);

    /* * 因為縮小後，原本的 top: 10px 和 left: 10px 在視覺上會感覺變遠了，
     * 所以可以稍微調整 top 和 left 的值，讓它更貼近角落。
     * 您可以自行微調 5px 這個數值，改成您覺得最適合的距離。
    */
    top: 5px;
    left: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66b9a8e */.lecture-info-box {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  color: #54595f;
}

.lecture-info-lines p {
  margin: 0 0 10px;
  line-height: 1.6;
}

.details-toggle {
  font-weight: bold;
  color: #9dadc3;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 6px;
  background-color: transparent;
  font-size: 18px;
}

.details-toggle:hover {
  transform: scale(0.98);
  background-color:none;
  color: #607d8b;
}

.lecture-content {
  margin-top: 12px;
  padding-left: 1.5em;
  list-style-type: circle; /* 空心圓點 */
  line-height: 1.7;
  display: none;
}

/* hover 展開的效果 */
.lecture-details:hover .lecture-content {
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6e7eb7 */.custom-accordion {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  color: #54595f;
  margin-top: 4px; /* 原本是 12px，調小縮短與上方欄位間距 */
}

.accordion-toggle {
  font-weight: bold;
  color: #9dadc3;
  cursor: pointer;
  display: inline-flex;
  align-items: center; /* 確保加號和文字垂直置中 */
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-size: 18px;
  transition: color 0.3s ease;
}

.accordion-toggle:hover {
  color: #607d8b;
}

.accordion-toggle .icon::before {
  content: "＋";
  position: absolute;
  left: 0;
  top: 0.1em; /* 微調置中位置 */
  font-size: 18px;
  line-height: 1;
}

.accordion-toggle.active .icon::before {
  content: "－";
}

.accordion-content {
  display: none;
  padding-left: 1.5em;
  list-style-type: circle;
  line-height: 1.7;
  margin-top: 8px; /* 與 toggle 之間間距 */
}

.accordion-content.show {
  display: block;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0d94100 *//* 只作用在「下場講座預告」區段（Top Section 的 ID 要叫 next-class） */
#next-class{ position: relative; }

/* 兩欄：左文右圖、頂對齊、不自動換行 */
#next-class > .elementor-container{
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px;
  flex-wrap: nowrap !important;       /* 前台避免折成兩行 */
}

/* 左欄（標題/內文） */
#next-class .elementor-column:first-child{
  flex: 1 1 640px;
  min-width: 0;                       /* 防止長字把容器撐爆 */
}

/* 右欄（海報圖） */
#next-class .elementor-column:last-child{
  flex: 0 0 440px;                    /* 依圖片實際寬調整，如 360~460px */
}

/* 圖片：穩定尺寸、不超出欄位 */
#next-class .elementor-widget-image img{
  display: block;
  width: 100%;
  height: auto;
  max-width: 440px;                   /* 要與上面的欄寬一致 */
}

/* 標題/分隔線：避免被主題全域樣式改掉 */
#next-class .elementor-widget-heading .elementor-heading-title{
  margin: 0 0 12px 0 !important;
  line-height: 1.25 !important;
}
#next-class .elementor-divider-separator{
  max-width: 88px;
  margin: 8px 0 24px 0;
}

/* 文字排版 */
#next-class .elementor-widget-text-editor,
#next-class p{
  line-height: 1.7;
  margin: 0 0 10px 0;
}

/* 萬用保險：強制橫排、避免逐字換行 */
#next-class *{
  writing-mode: horizontal-tb !important;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* RWD：平板以下改為上下堆疊 */
@media (max-width: 1024px){
  #next-class > .elementor-container{ flex-wrap: wrap !important; }
  #next-class .elementor-column:first-child{ flex: 1 1 100%; }
  #next-class .elementor-column:last-child{
    flex: 0 0 100%;
    max-width: 520px;
  }
  #next-class .elementor-widget-image img{
    max-width: 520px;
    margin-top: 12px;
  }
}/* End custom CSS */