.elementor-787 .elementor-element.elementor-element-5d3cd1f3{--display:flex;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-6762506d */#jc-bonus-post{
  background:
    radial-gradient(circle at top right,rgba(123,97,255,.05),transparent 24%),
    radial-gradient(circle at bottom left,rgba(0,61,121,.06),transparent 28%),
    linear-gradient(180deg,#ffffff,#f7fbff);

  padding:60px 16px;

  color:#1B2340;

  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}

#jc-bonus-post *{
  box-sizing:border-box;
}

#jc-bonus-post a{
  text-decoration:none;
}

.jc-bonus-wrap{
  max-width:1120px;
  margin:0 auto;
}

/* HERO */
.jc-bonus-hero{
  position:relative;

  padding:52px 44px;

  background:
    radial-gradient(circle at top right,rgba(123,97,255,.13),transparent 26%),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f7fbff 52%,
      #f8f5ff 100%
    );

  border:1px solid #DCE6F5;

  box-shadow:
    0 20px 45px rgba(0,61,121,.08);

  overflow:hidden;
}

.jc-bonus-hero:before{
  content:"";

  position:absolute;

  width:360px;
  height:360px;

  right:-120px;
  top:-130px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(0,61,121,.10),
      transparent 70%
    );
}

.jc-bonus-hero span{
  position:relative;

  display:inline-block;

  padding:8px 16px;

  background:
    linear-gradient(
      135deg,
      #EAF3FC,
      #F2ECFF
    );

  color:#003D79;

  font-size:14px;
  font-weight:900;
  letter-spacing:1px;

  margin-bottom:18px;
}

.jc-bonus-hero h1{
  position:relative;

  margin:0 0 18px;

  font-size:42px;
  line-height:1.25;

  color:#1B2340;

  font-weight:900;
}

.jc-bonus-hero p{
  position:relative;

  max-width:780px;

  margin:0;

  font-size:18px;
  line-height:1.9;

  color:#5D6880;

  font-weight:600;
}

.jc-bonus-btns{
  position:relative;

  display:flex;
  flex-wrap:wrap;
  gap:14px;

  margin-top:30px;
}

.jc-bonus-btns a,
.jc-bonus-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:14px 26px;

  background:
    linear-gradient(
      135deg,
      #003D79,
      #0A66C2,
      #7B61FF
    );

  color:#fff !important;

  font-weight:900;

  box-shadow:
    0 10px 24px rgba(0,61,121,.20);

  transition:.25s ease;
}

.jc-bonus-btns a:hover,
.jc-bonus-cta a:hover{
  transform:translateY(-4px);

  box-shadow:
    0 16px 30px rgba(0,61,121,.26);
}

/* SECTION */
.jc-bonus-section{
  margin-top:24px;

  padding:38px;

  background:#fff;

  border:1px solid #DCE6F5;

  box-shadow:
    0 12px 30px rgba(0,61,121,.06);
}

.jc-bonus-section h2,
.jc-inner-links h2,
.jc-bonus-cta h2{
  margin:0 0 18px;

  font-size:30px;
  line-height:1.35;

  color:#003D79;

  font-weight:900;
}

.jc-bonus-section p{
  margin:0 0 16px;

  color:#5D6880;

  font-size:17px;
  line-height:1.95;
}

.jc-bonus-section p:last-child{
  margin-bottom:0;
}

.jc-bonus-section a{
  color:#0A66C2;

  font-weight:900;

  border-bottom:1px solid currentColor;
}

/* GRID */
.jc-bonus-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;

  margin-top:24px;
}

.jc-bonus-grid div{
  padding:24px;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f8fbff
    );

  border-top:5px solid #0A66C2;

  box-shadow:
    0 12px 28px rgba(0,61,121,.07);

  transition:.25s ease;
}

.jc-bonus-grid div:hover{
  transform:translateY(-5px);

  background:#F4F8FF;
}

.jc-bonus-grid h3{
  margin:0 0 10px;

  color:#21457A;

  font-size:21px;
  font-weight:900;
}

.jc-bonus-grid p{
  margin:0;

  color:#5D6880;

  line-height:1.8;
  font-size:15px;
}

/* WARNING */
.jc-bonus-warn{
  background:
    linear-gradient(
      135deg,
      #EEF5FF,
      #F7F3FF
    );
}

.jc-bonus-warn ul{
  margin:0;
  padding:0;

  list-style:none;

  display:grid;
  gap:12px;
}

.jc-bonus-warn li{
  padding:16px 18px;

  background:#ffffff;

  border-left:5px solid #7B61FF;

  color:#5D6880;

  line-height:1.8;
}

.jc-bonus-warn strong{
  color:#003D79;
}

/* BENEFIT */
.jc-benefit-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.jc-benefit-list div{
  padding:22px;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f8fbff
    );

  border:1px solid #DCE6F5;
}

.jc-benefit-list h3{
  margin:0 0 10px;

  color:#21457A;

  font-size:21px;
  font-weight:900;
}

.jc-benefit-list p{
  margin:0;

  font-size:16px;
}

/* STEPS */
.jc-steps{
  margin:0;
  padding:0;

  list-style:none;

  counter-reset:step;

  display:grid;
  gap:12px;
}

.jc-steps li{
  counter-increment:step;

  position:relative;

  padding:18px 18px 18px 64px;

  background:
    linear-gradient(
      135deg,
      #F8FBFF,
      #F7F3FF
    );

  color:#4A5568;

  font-size:17px;
  line-height:1.7;

  font-weight:700;
}

.jc-steps li:before{
  content:counter(step);

  position:absolute;

  left:18px;
  top:18px;

  width:30px;
  height:30px;

  background:
    linear-gradient(
      135deg,
      #003D79,
      #7B61FF
    );

  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  font-weight:900;
}

/* INNER LINKS */
.jc-inner-links{
  margin-top:24px;

  padding:38px;

  background:#fff;

  border:1px solid #DCE6F5;

  box-shadow:
    0 12px 30px rgba(0,61,121,.06);
}

.jc-link-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.jc-link-grid a{
  display:block;

  padding:22px;

  background:
    linear-gradient(
      135deg,
      #F8FBFF,
      #F7F3FF
    );

  border-left:5px solid #0A66C2;

  transition:.25s ease;
}

.jc-link-grid a:hover{
  transform:translateX(6px);

  background:#EEF5FF;
}

.jc-link-grid span{
  display:block;

  margin-bottom:8px;

  color:#5B4BB7;

  font-size:14px;
  font-weight:900;
}

.jc-link-grid strong{
  display:block;

  color:#1B2340;

  font-size:18px;
  line-height:1.6;
}

/* CTA */
.jc-bonus-cta{
  margin-top:24px;

  padding:44px 36px;

  text-align:center;

  background:
    radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(
      135deg,
      #003D79,
      #0A66C2,
      #7B61FF
    );

  color:#fff;

  box-shadow:
    0 16px 36px rgba(0,61,121,.22);
}

.jc-bonus-cta h2{
  color:#fff;
}

.jc-bonus-cta p{
  margin:0 auto 26px;

  max-width:720px;

  color:rgba(255,255,255,.88);

  font-size:17px;
  line-height:1.8;
}

.jc-bonus-cta a{
  background:#fff;

  color:#003D79 !important;

  box-shadow:
    0 12px 26px rgba(0,0,0,.16);
}

/* RESPONSIVE */
@media(max-width:900px){

  .jc-bonus-grid,
  .jc-benefit-list,
  .jc-link-grid{
    grid-template-columns:1fr;
  }

  .jc-bonus-hero{
    padding:38px 26px;
  }

  .jc-bonus-hero h1{
    font-size:32px;
  }

  .jc-bonus-section,
  .jc-inner-links,
  .jc-bonus-cta{
    padding:30px 24px;
  }

}

@media(max-width:520px){

  #jc-bonus-post{
    padding:36px 12px;
  }

  .jc-bonus-hero h1{
    font-size:28px;
  }

  .jc-bonus-hero p,
  .jc-bonus-section p{
    font-size:16px;
  }

  .jc-bonus-btns a,
  .jc-bonus-cta a{
    width:100%;
  }

}/* End custom CSS */