.elementor-45 .elementor-element.elementor-element-e5099b0{--display:flex;}.elementor-45 .elementor-element.elementor-element-7a25836{--display:flex;}.elementor-45 .elementor-element.elementor-element-6d97025{text-align:center;}.elementor-45 .elementor-element.elementor-element-c88995c{text-align:center;}.elementor-45 .elementor-element.elementor-element-91e449f{--display:flex;--margin-top:-1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}@media(max-width:1024px){.elementor-45 .elementor-element.elementor-element-91e449f{--margin-top:-2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-91e449f{--margin-top:-3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}/* Start custom CSS for container, class: .elementor-element-e5099b0 */@import url('https://fonts.googleapis.com/css2?family=Belleza&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@300;400;500;700&display=swap');

:root{
  --c-orange:#f84a01;
  --c-pink:#ec7c82;
  --c-yellow:#ffe06f;
  --ink-1:#2a1810;
  --ink-2:#6b5847;
  --ink-3:#a89580;
  --paper:#fdf8ef;
  --paper-warm:#f9efde;
  --f-zh:"Noto Serif TC",serif;
  --f-en:"Belleza","Cormorant Garamond",serif;
  --f-body:"Noto Sans TC",sans-serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
}

/* =========================================================
   Miaomiao Domestic Courses Hero
   Elementor Container Version
   區塊：國內課程／活動 Hero
   ========================================================= */

.page-hero-light,
.page-hero-light *{
  box-sizing:border-box;
}

.page-hero-light{
  position:relative;
  overflow:hidden;
  padding:6rem 2rem 4.5rem;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,224,111,.22),transparent 28%),
    linear-gradient(180deg,var(--paper-warm) 0%,var(--paper) 100%);
  color:var(--ink-1);
  text-align:center;
  font-family:var(--f-body);
}

.page-hero-light::before{
  content:"";
  position:absolute;
  left:-120px;
  bottom:-160px;
  width:380px;
  height:380px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(236,124,130,.16),transparent 70%);
  pointer-events:none;
}

.page-hero-light::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-130px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(248,74,1,.10),transparent 68%);
  pointer-events:none;
}

.page-hero-light .elementor-widget,
.page-hero-light .elementor-widget:not(:last-child){
  margin-block-end:0 !important;
  margin-bottom:0 !important;
}

.page-hero-light p,
.page-hero-light h1{
  margin:0;
}

.page-hero-light .inner,
.page-hero-light .inner > .e-con-inner{
  position:relative;
  z-index:1;
  display:block !important;
  max-width:880px;
  width:100%;
  margin:0 auto;
  padding:0 !important;
  text-align:center;
}

.page-hero-light .crumb,
.page-hero-light .crumb .elementor-widget-container{
  font-family:var(--f-en);
  font-size:.74rem;
  line-height:1.6;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--ink-3);
  margin-bottom:1.2rem;
}

.page-hero-light .crumb a{
  color:var(--ink-3);
  text-decoration:none;
  transition:color .25s var(--ease);
}

.page-hero-light .crumb a:hover{
  color:var(--c-orange);
}

.page-hero-light .crumb span{
  display:inline-block;
  margin:0 .55rem;
  color:rgba(42,24,16,.28);
}

.page-hero-light .eyebrow .elementor-heading-title{
  font-family:var(--f-en) !important;
  font-size:.78rem !important;
  line-height:1.5 !important;
  letter-spacing:.4em !important;
  text-transform:uppercase !important;
  color:var(--c-orange) !important;
  font-weight:400 !important;
  margin-bottom:1.2rem !important;
}

.mm-courses-domestic-hero__title .elementor-heading-title{
  font-family:var(--f-zh) !important;
  font-size:clamp(2.2rem,5vw,3.6rem) !important;
  line-height:1.35 !important;
  letter-spacing:.14em !important;
  font-weight:400 !important;
  color:var(--ink-1) !important;
  margin-bottom:1.3rem !important;
}

.mm-courses-domestic-hero__title em{
  color:var(--c-orange) !important;
  font-style:normal !important;
  font-weight:500 !important;
}

.page-hero-light .lead .elementor-widget-container{
  max-width:760px;
  margin:0 auto;
  font-size:1rem;
  color:var(--ink-2);
  line-height:2;
  letter-spacing:.06em;
  font-weight:300;
}

.page-hero-light .reveal{
  opacity:1 !important;
  transform:none !important;
}

@media(max-width:640px){
  .page-hero-light{
    padding:4.8rem 1.25rem 3.8rem;
  }

  .mm-courses-domestic-hero__title .elementor-heading-title{
    letter-spacing:.08em !important;
  }

  .page-hero-light .eyebrow .elementor-heading-title{
    letter-spacing:.28em !important;
  }

  .page-hero-light .lead .elementor-widget-container{
    font-size:.95rem;
  }
}/* End custom CSS */