/*! GOGOFQ 全站自訂 CSS */

/*! 站台外層修正 */
section.index-editor{ padding-top:0; padding-bottom:0; background-color:transparent; }
.index-editor .row{ padding-top:0; padding-bottom:0; }
.index-editor .html-info{ margin-bottom:0; }
.html-info{ margin-bottom:0; }
.blank-page section{ padding-top:0; padding-bottom:0; }
.b_contact_detail section{ padding-top:0; padding-bottom:0; }
.b_contact_detail .row{ padding-top:0; padding-bottom:0; }
.b_contact_detail .page-title{ display:none; }
.b_contact_detail .html-info{ margin-bottom:clamp(48px,5vw,80px); }
.html-info a, .html-info a:active, .html-info a:focus,
.html-info a:hover, .html-info a:visited{ color:var(--link-color); }

/*! 頁面底色 */
html, body{ background-color:#F8F7F2; }
body.blank-page{ background-color:#F8F7F2; }
.navbar{ background-color:#F8F7F2; }

/*! 圖片 margin */
.html-info .container [class*="gf-"] img,
.html-info .container img[class*="gf-"]{ margin:0; }

/*! 聯絡表單 */
#contact_form{ max-width:640px; }
#contact_form .form-group{ margin-bottom:20px; }
#contact_form label{
  display:block; margin-bottom:8px;
  font-size:14px; font-weight:700; letter-spacing:normal; color:#17202A;
}
#contact_form .form-control{
  width:100%; padding:13px 18px;
  border:1px solid #CCD6D5; border-radius:12px;
  background:#FFFFFF; color:#17202A;
  font-size:15.5px; line-height:1.7; letter-spacing:normal;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  box-shadow:none; transition:border-color .2s ease, box-shadow .2s ease;
}
#contact_form textarea.form-control{ height:180px; min-height:180px; resize:vertical; }
#contact_form .form-control:focus{
  border-color:#1F7A72; outline:2px solid rgba(31,122,114,.28); outline-offset:1px;
}
#contact_form .form-control::placeholder{ color:#9AA6AB; }
#contact_form #contact_submit,
#contact_form .btn.btn-border{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:50px; padding:12px 34px;
  border:0; border-radius:999px;
  background:#1F7A72; color:#FFFFFF;
  font-size:15.5px; font-weight:700; letter-spacing:normal; cursor:pointer;
  transition:background .25s cubic-bezier(.16,1,.3,1), transform .25s cubic-bezier(.16,1,.3,1);
}
#contact_form #contact_submit:hover,
#contact_form .btn.btn-border:hover{ background:#17635C; color:#FFFFFF; transform:translateY(-2px); }

.page-title .title{ letter-spacing:normal; }
.page-title .title span:first-child{
  display:block; margin-bottom:6px;
  color:#1F7A72; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}

/*! 選單列 logo */
.navi-item:has(.navbar-brand){ flex:0 0 150px !important; max-width:150px !important; }
.navbar-brand{ max-width:none; width:auto; }
.navbar-brand img{ height:84px; width:auto; max-width:none; }
.navbar{ align-items:center; padding-top:22px; padding-bottom:22px; }
@media (max-width:991px){
  .mobile-logo .logo-img img{ height:46px; width:auto; max-width:none; }
}

/*! 段落斷行 */
.html-info .gf-sec .gf-lead,
.html-info .gf-sec .gf-p,
.html-info .gf-sec .gf-meta{ text-wrap:pretty; }

/*! 頁尾分界 */
footer{ border-top:1px solid #E3DFD4; }
.b_contact_detail main{ background:#FFFFFF; }

/*! 頁尾 logo */
footer .col-md-3{ text-align:left; }
footer .col-md-3 img{ height:80px; width:auto; max-width:100%; }
@media (max-width:767px){
  footer .col-md-3{ text-align:center; }
}

/*! READ MORE 按鈕 */
.btn-sideline{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:10px 28px;
  border:1px solid #CCD6D5; border-radius:999px; background:transparent;
  color:#17202A; font-size:14px; font-weight:700; letter-spacing:.08em;
  text-decoration:none;
  transition:background .25s cubic-bezier(.16,1,.3,1), border-color .25s cubic-bezier(.16,1,.3,1), color .25s cubic-bezier(.16,1,.3,1);
}
.btn-sideline::before, .btn-sideline::after{ display:none !important; content:none !important; }
.btn-sideline span{
  padding:0; border:0; background:none;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:14px; font-weight:700; letter-spacing:.08em; line-height:1;
}
.btn-sideline:hover, .btn-sideline:focus{ background:#1F7A72; border-color:#1F7A72; color:#FFFFFF; }
.btn-sideline:hover span, .btn-sideline:focus span{ color:#FFFFFF; }

/*! 同底色區塊接縫 */
.index-editor:has(.gf-sec.gf-white)  + .index-editor .gf-sec.gf-white,
.index-editor:has(.gf-sec.gf-wash)   + .index-editor .gf-sec.gf-wash,
.index-editor:has(.gf-sec.gf-dark)   + .index-editor .gf-sec.gf-dark,
.index-editor:has(.gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark))
  + .index-editor .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  padding-top:calc(var(--gf-pad) * .35);
}
.index-editor:has(.gf-sec.gf-white):has(+ .index-editor .gf-sec.gf-white) .gf-sec.gf-white,
.index-editor:has(.gf-sec.gf-wash):has(+ .index-editor .gf-sec.gf-wash) .gf-sec.gf-wash,
.index-editor:has(.gf-sec.gf-dark):has(+ .index-editor .gf-sec.gf-dark) .gf-sec.gf-dark,
.index-editor:has(.gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark)):has(+ .index-editor .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark))
  .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  padding-bottom:calc(var(--gf-pad) * .35);
}
/*! 同底色區塊接縫：模組頁 */
.html-info > .row:has(.gf-sec.gf-white)  + .row .gf-sec.gf-white,
.html-info > .row:has(.gf-sec.gf-wash)   + .row .gf-sec.gf-wash,
.html-info > .row:has(.gf-sec.gf-dark)   + .row .gf-sec.gf-dark,
.html-info > .row:has(.gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark))
  + .row .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  padding-top:calc(var(--gf-pad) * .35);
}
.html-info > .row:has(.gf-sec.gf-white):has(+ .row .gf-sec.gf-white) .gf-sec.gf-white,
.html-info > .row:has(.gf-sec.gf-wash):has(+ .row .gf-sec.gf-wash) .gf-sec.gf-wash,
.html-info > .row:has(.gf-sec.gf-dark):has(+ .row .gf-sec.gf-dark) .gf-sec.gf-dark,
.html-info > .row:has(.gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark)):has(+ .row .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark))
  .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  padding-bottom:calc(var(--gf-pad) * .35);
}

/*! 原生區塊前後接縫 */
section:not(.index-editor) + section.index-editor
  .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  border-top:1px solid #CCD6D5;
  padding-top:calc(var(--gf-pad) * .55);
}
section.index-editor:has(+ section:not(.index-editor))
  .gf-sec:not(.gf-white):not(.gf-wash):not(.gf-dark){
  padding-bottom:calc(var(--gf-pad) * .35);
}

/*! 手機斷行 */
@media (max-width:575.98px){
  .html-info .gf-sec br:not(.gf-brKeep),
  .gf-sec br:not(.gf-brKeep){ display:none; }
}


/*! 冠妤 Lai Logo 副標文字 */
html body .navbar a.navbar-brand::after,
html body .mobile-logo a.logo-img::after{
  content:'家庭保障規劃' !important;
}