.elementor-3476 .elementor-element.elementor-element-9a076c2{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-3476 .elementor-element.elementor-element-9a076c2::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://twgram579.admin.metabiz.tw/storage/twgram579/2025/07/2025格蘭英語檢定_FB-Banner圖.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3476 .elementor-element.elementor-element-9a076c2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3476 .elementor-element.elementor-element-e922fb4{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3476 .elementor-element.elementor-element-e922fb4::before, .elementor-3476 .elementor-element.elementor-element-e922fb4 > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-e922fb4 > .e-con-inner > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-e922fb4 > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-e922fb4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-e922fb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://twgram579.admin.metabiz.tw/storage/twgram579/2025/07/123_P2-複本.png");--background-overlay:'';background-size:cover;}.elementor-3476 .elementor-element.elementor-element-5e4ca50 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 68px 0px 68px;padding:20px 20px 20px 20px;border-style:none;border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3476 .elementor-element.elementor-element-c33306c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3476 .elementor-element.elementor-element-c33306c::before, .elementor-3476 .elementor-element.elementor-element-c33306c > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-c33306c > .e-con-inner > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-c33306c > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-c33306c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-c33306c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://twgram579.admin.metabiz.tw/storage/twgram579/2025/07/123_P2-複本.png");--background-overlay:'';background-size:cover;}.elementor-3476 .elementor-element.elementor-element-82ead81 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor5 );margin:0px 68px 0px 68px;padding:20px 20px 20px 20px;border-radius:30px 30px 30px 30px;}@media(max-width:1024px){.elementor-3476 .elementor-element.elementor-element-9a076c2{--min-height:275px;}.elementor-3476 .elementor-element.elementor-element-5e4ca50 > .elementor-widget-container{margin:0px 25px 0px 25px;}.elementor-3476 .elementor-element.elementor-element-82ead81 > .elementor-widget-container{margin:0px 25px 0px 25px;}}@media(max-width:767px){.elementor-3476 .elementor-element.elementor-element-9a076c2::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3476 .elementor-element.elementor-element-9a076c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://twgram579.admin.metabiz.tw/storage/twgram579/2025/07/2025格蘭英語檢定_FB-Banner手機尺寸_工作區域-1-scaled.jpg");background-position:center right;}.elementor-3476 .elementor-element.elementor-element-9a076c2{--width:500px;--min-height:663px;}.elementor-3476 .elementor-element.elementor-element-5e4ca50 > .elementor-widget-container{margin:0px 15px 0px 15px;}.elementor-3476 .elementor-element.elementor-element-82ead81 > .elementor-widget-container{margin:0px 15px 0px 15px;}}@media(min-width:768px){.elementor-3476 .elementor-element.elementor-element-9a076c2{--width:100.134%;}.elementor-3476 .elementor-element.elementor-element-e922fb4{--width:100%;}.elementor-3476 .elementor-element.elementor-element-c33306c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5e4ca50 *//* ========== Base (手機優先) ========== */
#activity-method {
  background-color: #fff;
  padding: 20px 10px;            /* 手機縮小版內距 */
  border-radius: 12px;
  overflow: hidden;
  font-family: "Noto Sans", Arial, sans-serif;
  color: #333;
  line-height: 1.5;
}

/* 主標題 */
#activity-method h2 {
  font-size: 22px;
  color: #cc1f2b;
  margin-bottom: 20px;
}
#activity-method h2::before {
  content: "一、";
  font-weight: bold;
  margin-right: 4px;
}

/* 小標題 */
#activity-method .item h3 {
  font-size: 18px;
  color: #004a8f;
  margin-bottom: 8px;
}
#activity-method .item h3::before {
  content: "▼ ";
}

/* 內容段落 & 列表 */
#activity-method .item p,
#activity-method .item ul {
  font-size: 18px;
  margin-bottom: 10px;
}
#activity-method .item ul {
  padding-left: 16px;
}
#activity-method .item ul li {
  margin-bottom: 6px;
}

/* 注意事項 */
#activity-method .item .note {
  font-size: 18px;
  color: #cc0000;
  margin-top: 6px;
}

/* QR code */
#activity-method .qr-code {
  text-align: center;
  margin: 10px 0;
}
#activity-method .qr-code img {
  max-width: 120px;
}
#activity-method .qr-code .caption {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
}

/* 表格：手機橫捲動 */
#activity-method .item table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  overflow-x: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
  margin: 10px 0;
}
#activity-method .item table th,
#activity-method .item table td {
  padding: 6px;
  text-align: center;
  border: 1px solid #ccc;
}
#activity-method .item table thead th {
  background-color: #004a8f;
  color: #fff;
}

/* 錨點導航或按鈕 */
#activity-method .item a.button {
  display: inline-block;
  font-size: 14px;
  background-color: #cc1f2b;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  margin-top: 8px;
}

/* ========== 平板 ≥768px ========== */
@media (min-width: 768px) {
  #activity-method {
    padding: 30px 20px;
  }
  #activity-method h2 {
    font-size: 26px;
    margin-bottom: 25px;
  }
  #activity-method .item h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  #activity-method .item p,
  #activity-method .item ul {
    font-size: 15px;
  }
  #activity-method .item ul li {
    margin-bottom: 8px;
  }
  #activity-method .qr-code img {
    max-width: 140px;
  }
  #activity-method .item table {
    font-size: 22px;
    display: table;            /* 恢復表格模式 */
    overflow: visible;
  }
  #activity-method .item table th,
  #activity-method .item table td {
    padding: 8px;
  }
}

/* ========== 桌機 ≥1024px ========== */
@media (min-width: 1024px) {
  #activity-method {
    padding: 40px 20px;
  }
  #activity-method h2 {
    font-size: 38px;
  }
  #activity-method .item h3 {
    font-size: 28px;
  }
  #activity-method .item p,
  #activity-method .item ul {
    font-size: 22px;
  }
  /* 如果想改為兩欄排版，可用 Flex 或 Grid */
  /* 
  #activity-method .item {
    display: flex;
    flex-wrap: wrap;
  }
  #activity-method .item > * {
    flex: 1 1 45%;
    margin-right: 5%;
  }
  */
}
/* 超連結樣式（在 activity-method 區塊內） */
#activity-method a {
  color: #0073aa;
  text-decoration: underline;
  transition: color 0.2s ease;
}
#activity-method a:hover {
  color: #cc1f2b;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82ead81 *//* ========== Base：手機優先設計 ========== */
#exam-process,
#exam-rules,
#exam-notice,
#refund-policy {
  background: #fff;
  padding: 20px 14px; /* 手機版適合的內距 */
  border-radius: 12px;
  font-family: "Noto Sans", Arial, sans-serif;
  color: #333;
  line-height: 1.7; /* 行距稍微放寬，手機好讀 */
  margin-bottom: 24px;
}

/* 主標題（紅色標題區） */
#exam-process h2,
#exam-rules h2,
#exam-notice h2,
#refund-policy h2 {
  font-size: 20px; /* 手機版適中 */
  color: #cc1f2b;
  margin: 0 0 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/* 主標題自動加前綴編號 */
#exam-process h2::before { content: "二、"; font-weight: bold; margin-right: 4px; }
#exam-rules h2::before { content: "三、"; font-weight: bold; margin-right: 4px; }
#exam-notice h2::before { content: "四、"; font-weight: bold; margin-right: 4px; }
#refund-policy h2::before { content: "五、"; font-weight: bold; margin-right: 4px; }

/* 小標題（藍色） */
#exam-process .item h3,
#exam-rules .item h3,
#exam-notice .item h3 {
  font-size: 17px; /* 手機稍微小一點，但仍易讀 */
  color: #004a8f;
  margin: 12px 0 6px;
  line-height: 1.4;
}
#exam-process .item h3::before { content: "▶ "; }

/* 內文段落 */
#exam-process .item p,
#exam-rules .item p,
#exam-notice .item p,
#refund-policy .item p {
  font-size: 16px;
  margin-bottom: 10px;
}

/* 條列清單（手機縮排不要太多） */
#exam-process .item ul,
#exam-process .item ol,
#exam-rules .item ol,
#exam-notice .item ol,
#refund-policy .item ol {
  padding-left: 18px;
  margin: 8px 0 12px;
}
#exam-process .item li,
#exam-rules .item li,
#exam-notice .item li,
#refund-policy .item li {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.6;
}

/* 注意文字 */
#exam-process .item .note,
#exam-rules .item .note,
#exam-notice .item .note,
#refund-policy .item .note {
  font-size: 15px;
  color: #d30000;
  margin-top: 8px;
  font-weight: 500;
}

/* 表格（手機可橫捲動） */
#exam-process .item table,
#exam-rules .item table,
#exam-notice .item table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  overflow-x: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
  margin: 10px 0;
}
#exam-process .item table th,
#exam-process .item table td,
#exam-rules .item table th,
#exam-rules .item table td,
#exam-notice .item table th,
#exam-notice .item table td {
  padding: 6px;
  text-align: center;
  border: 1px solid #ccc;
}
#exam-process .item table thead th,
#exam-rules .item table thead th,
#exam-notice .item table thead th {
  background-color: #004a8f;
  color: #fff;
}

/* 超連結樣式 */
#exam-process a,
#exam-rules a,
#exam-notice a,
#refund-policy a {
  color: #0073aa;
  text-decoration: underline;
  transition: color 0.2s ease;
}
#exam-process a:hover,
#exam-rules a:hover,
#exam-notice a:hover,
#refund-policy a:hover {
  color: #cc1f2b;
  text-decoration: none;
}

/* ========== 平板 ≥768px ========== */
@media (min-width: 768px) {
  #exam-process,
  #exam-rules,
  #exam-notice,
  #refund-policy {
    padding: 28px 20px;
  }
  #exam-process h2,
  #exam-rules h2,
  #exam-notice h2,
  #refund-policy h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #exam-process .item h3,
  #exam-rules .item h3,
  #exam-notice .item h3 {
    font-size: 19px;
  }
  #exam-process .item p,
  #exam-process .item li,
  #exam-rules .item li,
  #exam-notice .item li,
  #refund-policy .item li {
    font-size: 17px;
  }
  #exam-process .item table,
  #exam-rules .item table,
  #exam-notice .item table {
    font-size: 15px;
    display: table;
    overflow: visible;
  }
  #exam-process .item table th,
  #exam-process .item table td {
    padding: 8px;
  }
}

/* ========== 桌機 ≥1024px ========== */
@media (min-width: 1024px) {
  #exam-process,
  #exam-rules,
  #exam-notice,
  #refund-policy {
    padding: 36px 24px;
  }
  #exam-process h2,
  #exam-rules h2,
  #exam-notice h2,
  #refund-policy h2 {
    font-size: 32px;
  }
  #exam-process .item h3,
  #exam-rules .item h3,
  #exam-notice .item h3 {
    font-size: 26px;
  }
  #exam-process .item p,
  #exam-process .item li,
  #exam-rules .item li,
  #exam-notice .item li,
  #refund-policy .item li {
    font-size: 22px;
  }
  

 
  
}

 .exam-footer-note {
  text-align: center;
  font-size: 18px;           /* 手機版大小 */
  font-weight: bold;
  color: #cc1f2b;           /* 紅色 */
  margin: 30px auto 0;      /* 與上方內容留距離 */
  line-height: 1.6;
  letter-spacing: 0.5px;
}

/* 平板放大 */
@media (min-width: 768px) {
  .exam-footer-note {
    font-size: 20px;
  }
}

/* 桌機再放大 */
@media (min-width: 1024px) {
  .exam-footer-note {
    font-size: 22px;
  }
}
.exam-footer-note {
  text-align: center;
  font-size: 20px;           /* 手機版大小 */
  font-weight: bold;
  color: #cc1f2b;           /* 紅色 */
  margin: 30px auto 0;      /* 與上方內容留距離 */
  line-height: 1.6;
  letter-spacing: 0.5px;
}

/* 平板放大 */
@media (min-width: 768px) {
  .exam-footer-note {
    font-size: 24px;
  }
}

/* 桌機再放大 */
@media (min-width: 1024px) {
  .exam-footer-note {
    font-size: 28px;
  }
}/* End custom CSS */