@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400&display=swap');
    :root{--cream:#f2f0e3;--green:#3c605e;--dark:#333333;--light:#efebdf;--gold:#a99443;}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:var(--dark);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.page{width:100%;max-width:none;margin:0;background:var(--cream);overflow:hidden}
    .site-header{position:sticky;top:0;z-index:50;height:82px;background:var(--cream) url('https://yi-tian.tw/assets/header-bg.png') center/cover no-repeat;box-shadow:0 2px 12px rgba(0,0,0,.06)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw}.logo img{width:214px;height:auto}.main-nav{display:flex;align-items:center;gap:0px;font-size:18px;letter-spacing:.08em}.nav-item{position:relative;padding:24px 20px;color:#333;transition:.25s}.nav-item:hover{color:var(--green)}.nav-item.has-drop:after{content:url('https://yi-tian.tw/assets/kuo-menu-d-icon-3.png');font-size:25px;margin-left:8px;position: relative;top: 2px;}.nav-item.has-drop:hover:after{content:url('https://yi-tian.tw/assets/kuo-menu-d-icon-5.png');}.dropdown{position:absolute;top:88px;left:50%;transform:translateX(-50%) translateY(8px);width:200px;padding:0px;background:rgba(242,240,227,.8);box-shadow:0 8px 24px rgba(0,0,0,.13);border-radius:2px;opacity:0;pointer-events:none;transition:.25s;border-radius:0px 0px 15px 15px;}.nav-item:hover .dropdown{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.dropdown a{display:block;text-align:center;font-size:16px;letter-spacing:.35em;padding:6px 10px;color:#333}.dropdown a:hover{background:rgba(60,96,94,.7);color:#F2F0E3}
    .hero{position:relative;width:100%;aspect-ratio:5501/2430;height:auto;min-height:0;background:#ddd;overflow:hidden}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slider-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;gap:10px;justify-content:center;z-index:2}.dot{width:15px;height:15px;border-radius:99px;border:1px solid #fff;background:transparent;cursor:pointer}.dot.active{background:#fff}
    .floating{position:fixed;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;z-index:55}.float-btn{width:80px;height:80px;border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18));transition:.25s}.float-btn:hover{transform:translateX(4px)}
    .phone-pop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:.25s;transform:none;width:auto}.phone-pop.show{opacity:1;pointer-events:auto}.phone-pop>img{width:min(360px,82vw);height:auto;box-shadow:0 14px 35px rgba(0,0,0,.25);cursor:pointer}
    .section-title{display:flex;align-items:flex-end;gap:32px}.section-title h2{margin:0;font-size:45px;letter-spacing:.2em;line-height:1;font-weight:700}.section-title span{font-family:Afacad,Arial,sans-serif;font-size:36px;letter-spacing:.28em;line-height:1}
    .about{width:100%;aspect-ratio:5501/3699;min-height:0;background:url('https://yi-tian.tw/assets/about-bg.png') center center/100% 100% no-repeat;position:relative;color:var(--green);padding:0;display:block;overflow:hidden}.about:before{display:none}.about-inner{position:absolute;inset:0;width:100%;max-width:none;margin:0}.about .section-title{display:block;position:absolute;left:69.8%;top:45.5%;right:auto;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.22);text-align:center;transform:translate(-50%,-50%)}.about .section-title h2{font-size:clamp(31px,2.9vw,54px);letter-spacing:.28em;line-height:1.08;margin:0 0 12px;white-space:nowrap}.about .section-title span{display:block;font-size:clamp(22px,2.05vw,38px);letter-spacing:.15em;line-height:1;margin:0;white-space:nowrap}.about-quote{position:absolute;left:17.8%;top:18.6%;color:var(--green);font-size:clamp(15px,1.55vw,30px);font-weight:500;line-height:2.05;letter-spacing:.42em;text-align:left;white-space:nowrap}.about-copy{position:absolute;left:28%;bottom:6.7%;width:40.5%;max-width:none;margin:0;color:#263b39;text-align:left}.about-copy p{font-size:clamp(12px,.96vw,18px);line-height:2.25;letter-spacing:.12em;margin:0 0 22px;color:#263b39;font-weight:700}.about-copy .quote{display:none}
    .why{background:#111 url('https://yi-tian.tw/assets/why-bg.png') center/cover no-repeat;min-height:705px;position:relative;padding:76px 8vw 88px;color:var(--light)}.why:before{content:"";position:absolute;inset:0;}.why-inner{position:relative;max-width:1320px;margin:0 auto}.why .section-title{display:flex;justify-content:space-between;align-items:center;margin:0 auto 26px;width:82%;color:#EFEBDF;}.why .section-title h2{font-size:46px;letter-spacing:.3em;line-height:1;margin:0}.why .section-title span{font-size:34px;letter-spacing:.15em;line-height:1;margin:0;text-align:right}.why-intro{width:82%;font-size:18px;letter-spacing:.12em;line-height:2.2;color:#CECECE;margin:0 auto;font-weight:400}.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:104px}.why-card{position:relative;min-height:248px;background:rgba(245,242,226,.96);border-radius:30px;padding:108px 28px 30px;text-align:center;color:var(--green);box-shadow:0 12px 22px rgba(0,0,0,.25);opacity:0;transform:translateY(28px);transition:.7s ease}.why-card:before{content:"";position:absolute;top:-68px;left:50%;transform:translateX(-50%);width:148px;height:148px;border-radius:50%;background:#f2f0e3;box-shadow:0 8px 12px rgba(0,0,0,.22)}.why-card.show{opacity:1;transform:translateY(0)}.why-card img{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:180px;height:180px;object-fit:contain;z-index:2}.why-card h3{font-size:30px;letter-spacing:.18em;margin:0 0 16px;font-weight:800}.why-card p{margin:0;font-size:15px;letter-spacing:.08em;line-height:1.85;text-align:left;color:#333333;font-weight:600}
    .consult{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:40px;padding:78px 8vw 84px;background:var(--cream);align-items:start}.consult .section-title{color:var(--green);margin-bottom:38px}.consult .section-title h2{font-size:45px}.consult .section-title span{color:var(--green);font-size:31px;letter-spacing:.1em;padding-left: 30px;font-weight: 400;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 24px}.field{display:flex;flex-direction:column;gap:4px}.field.full{grid-column:1/-1}.field label{font-size:16px;color:var(--green);letter-spacing:.06em;font-weight:600}.field input,.field select,.field textarea{width:100%;border:0;background:#d5d9cd;border-radius:12px;padding:10px 12px;color:#314b49;min-height:36px;font-size:15px;outline:0;box-shadow:2px 2px 2px rgba(0,0,0,0.3)}.field textarea{height:147px;resize:vertical}.verify-row{display:grid;grid-template-columns:160px 100px 1fr;gap:12px;align-items:center}.captcha{height:36px;background:#eef3fb;border-radius:3px;display:flex;align-items:center;justify-content:center;letter-spacing:.18em;color:#38577b;font-family:monospace;font-size: 18px;}.form-actions{display:none}.submit,.reset{height:38px;border:0;border-radius:18px;padding:0 42px;cursor:pointer;letter-spacing:.18em}.submit{background:var(--green);color:#fff}.submit:hover{background:#a99443}.reset{background:#d5d9cd;color:var(--green)}.verify-wrap{display:grid;grid-template-columns:55px 360px auto;gap:12px;align-items:center}.verify-wrap .verify-row{min-width:0}
    .verify-wrap .reset{height:auto;background:transparent;border-radius:0;padding:0;color:var(--green);font-size:16px;font-weight:600;white-space:nowrap}
    .reset-hover:hover{
      color: #987235!important;
    }
    .contact-card{background:transparent;border-radius:0;padding:0;color:#fff;align-self:start;box-shadow:none}.contact-card-inner{width:100%;max-width:500px;margin-left:auto}.contact-card-img{width:99%;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}

      .contact-submit{display:flex;align-items:center;justify-content:space-between;width:89.5%;height:50px;margin:0px 0px 0px 9%;padding:0 14px 0 24px;border:0;border-radius:20px;background:var(--green);color:#f2f0e3;box-shadow:0 8px 12px rgba(0,0,0,.18);font-size:18px;letter-spacing:.16em;cursor:pointer}
      .contact-submit:after{content:url("https://yi-tian.tw/assets/form-submit-btn-2.png");display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--green);font-weight:800;margin-top: 5px;}

    .map-section{position:relative;height:326px;overflow:hidden;cursor:pointer}.map-section img.map{width:100%;height:100%;object-fit:cover}.map-card{position:absolute;left:125px;top:28px;width:360px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
    
    .footer{height:183px;background:var(--green) url('https://yi-tian.tw/assets/footer-bg.png') center/cover no-repeat;color:#f2f0e3;display:flex;align-items: flex-end;justify-content:space-between;padding:45px 7vw 45px}
    .footer-logo{width:300px}
    .footer-nav{display:flex;gap:22px;align-items:center;font-size:14px;letter-spacing:.18em}
    .footer-nav a:hover{color:#d6c678}
    .footer-nav a:not(:last-child):after {
    content: '|';
    margin-left: 12px;
    color: rgba(255, 255, 255, .45);
    }
    .copyright{font-size:14px;letter-spacing:.08em;margin-top:5px;text-align:right}

    .reveal{opacity:0;transform:translateY(20px);transition:.75s ease}.reveal.show{opacity:1;transform:none}
    @media(max-width:900px){.page{max-width:none}.site-header{height:auto}.header-inner{height:auto;padding:14px 20px;align-items:flex-start}.main-nav{flex-wrap:wrap;gap:8px 18px;font-size:13px}.logo img{width:160px}.dropdown{display:none}.hero{height:42vw;min-height:250px}.floating{left:12px}.float-btn{width:60px;height:60px}.phone-pop{left:68px;width:280px}.about{padding:70px 24px;min-height:auto;background-position:center}.about .section-title{position:relative;right:auto;top:auto;margin:0 0 42px;color:#fff}.section-title{display:block}.section-title h2{font-size:32px;letter-spacing:.35em}.section-title span{display:block;margin-top:12px;font-size:22px}.about-copy{margin:0;text-align:left;width:100%;max-width:none}.about-copy .quote{font-size:19px;letter-spacing:.2em;margin-bottom:34px}.why{padding:58px 22px}.why .section-title{padding-left:0}.why-intro{margin-left:0}.why-cards{grid-template-columns:1fr 1fr;gap:48px 16px}.consult{grid-template-columns:1fr;padding:52px 22px}.form-grid{grid-template-columns:1fr}.verify-row{grid-template-columns:1fr}.contact-card{width:100%}.map-card{left:18px;width:270px;}.footer{height:auto;display:block;padding:34px 24px}.footer-logo{width:220px;margin-bottom:26px}.footer-nav{flex-wrap:wrap;gap:14px}.copyright{text-align:left}.map-section{height:260px}}
    @media(max-width:520px){.why-cards{grid-template-columns:1fr}.header-inner{display:block}.main-nav{margin-top:10px}.hero{height:320px}.slide img{object-position:center}.consult .section-title h2{letter-spacing:.18em}.form-actions{flex-direction:column}.submit,.reset{width:100%}}
  

/* === Mobile home RWD only: max-width 520px === */
.mobile-menu-btn{display:none;}
.mobile-contact-list{display:none;}
.mobile-form-actions{display:none;}
@media(max-width:520px){
  :root{--mobile-cream:#f2f0e3;--mobile-green:#3c605e;}
  body{background:var(--mobile-cream);}
  .page{background:var(--mobile-cream);overflow:hidden;}

  /* Header */
  .site-header{height:68px;background:var(--mobile-cream);box-shadow:none;position:sticky;top:0;}
  .header-inner{height:68px !important;min-height:68px;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 20px !important;position:relative;}
  .mobile-menu-btn{display:flex;position:absolute;left:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:0;background:transparent;padding:0;align-items:center;justify-content:center;z-index:80;cursor:pointer;}
  .mobile-menu-btn img{width:15px;height:auto;display:block;}
  .logo{display:block;}
  .logo img{width:166px !important;height:auto;content:url('https://yi-tian.tw/assets/mobile/mobile-logo.svg');filter:none;}
  .main-nav{display:block !important;position:fixed;left:0;top:0px;width:78vw;max-width:310px;height:calc(100vh - 68px);margin:0 !important;padding:18px 20px 28px;background:rgba(242,240,227,.98);box-shadow:12px 0 26px rgba(0,0,0,.16);z-index:79;overflow-y:auto;transform:translateX(-105%);transition:transform .32s ease;}
  .site-header.menu-open .main-nav{transform:translateX(0);}
  .site-header.menu-open:after{content:"";position:fixed;left:0;right:0;top:68px;height:calc(100vh - 68px);background:rgba(0,0,0,.28);z-index:78;}
  .main-nav .nav-item{display:block;width:100%;padding:13px 2px;color:#3c605e;font-size:15px;letter-spacing:.12em;font-weight:700;border-bottom:1px solid rgba(60,96,94,.18);line-height:1.35;}
  .main-nav .nav-item:hover{color:#3c605e;}
  .main-nav .nav-item.has-drop{cursor:pointer;}
  .main-nav .nav-item.has-drop:after{content:"＋";display:block;position:absolute;right:2px;top:13px;margin:0;font-size:15px;color:#3c605e;}
  .main-nav .nav-item.has-drop.submenu-open:after{content:"－";}
  .main-nav .dropdown{display:none;position:static;transform:none;opacity:1;pointer-events:auto;box-shadow:none;background:transparent;width:100%;padding:10px 0 2px 12px;}
  .main-nav .nav-item.submenu-open .dropdown{display:block;}
  .main-nav .dropdown a{font-size:13px;text-align:left;padding:7px 0;color:#3c605e;letter-spacing:.1em;font-weight:500;}
  .main-nav .dropdown a:hover{background:transparent;color:#91743F;}

  /* Floating icons hidden on mobile design */
  .floating{display:none !important;}
  .phone-pop{left:50%;top:50%;width:84vw;transform:translate(-50%,-50%);}

  /* Banner */
  .hero{height:206px !important;min-height:206px !important;background:var(--mobile-cream);}
  .slides,.slide,.slide picture{height:100%;display:block;}
  .slide img{width:100%;height:100%;object-fit:cover;object-position:center;}
  .slider-dots{bottom:9px;gap:6px;}
  .dot{width:7px;height:7px;display: none;}

  /* About */
  .about{display:block;min-height:0;padding:0 0 56px;background:var(--mobile-cream) url('https://yi-tian.tw/assets/mobile/about-bg-mobile.png') top center/100% auto no-repeat;color:#333;}
  .about:before{display:none;}
  .about-inner{max-width:none;margin:0;min-height:0;padding:0;}
  .about .section-title{position:absolute;right:auto;left:0;top:116px;width:100%;margin:0;text-align:center;color:#efebdf;text-shadow:none;}
  .about .section-title h2{font-size:30px;letter-spacing:.26em;line-height:1;margin:0 0 12px;font-weight:700;}
  .about .section-title span{font-size:18px;letter-spacing:.17em;line-height:1;margin:0;color:#efebdf;}
  .about-quote{display:none;}
  .about-copy{width:auto;max-width:none;margin:0;padding:550px 48px 0;color:#333;text-align:center;}
  .about-copy:before{content:"「宜」 是剛剛好的分寸\A「田」 是土地的歸屬";white-space:pre;display:block;font-size:15px;letter-spacing:.28em;line-height:2.2;color:#3c605e;font-weight:800;text-align:center;margin:0 0 34px;}
  .about-copy p{display:none;}
  .about-copy:after{content:"宜田，象徵深植土地的根與延續發展未來的枝葉，\A以專業顧問陪伴您的每份資產傳承。\A\A從遺囑、信託到家族資產規劃，守護家庭世代的安心、信任與長遠價值，延續每份重要託付。讓每筆不動產的託付 都有安穩的歸屬。";white-space:pre-line;display:block;text-align:left;color:#333;font-size:14px;line-height:2.08;letter-spacing:.08em;font-weight:500;}

  /* Why choose us */
  .why{min-height:0;padding:38px 20px 45px;background:#333 url('https://yi-tian.tw/assets/mobile/why-bg-mobile.svg') center/cover no-repeat;color:#efebdf;}
  .why:before{background:rgba(0,0,0,.42);}
  .why-inner{max-width:none;}
  .why .section-title{display:flex !important;width:100%;justify-content:space-between;gap:12px;align-items:center;margin:0 0 14px;color:#efebdf;padding:0;}
  .why .section-title h2{font-size:30px;letter-spacing:.22em;white-space:nowrap;}
  .why .section-title span{display:block;margin:0;font-size:13px;letter-spacing:.12em;text-align:left;white-space:nowrap;}
  .why-intro{font-size:12px;line-height:2;letter-spacing:.08em;margin:0;color:#efebdf;font-weight:500;}
  .why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 8px;margin-top:62px;}
  .why-card{min-height:184px;border-radius:13px;padding:58px 14px 16px;background:#f5f2e6;color:#3c605e;box-shadow:0 8px 15px rgba(0,0,0,.24);}
  .why-card:before{top:-38px;width:78px;height:78px;background:#f2f0e3;box-shadow:0 5px 9px rgba(0,0,0,.2);}
  .why-card img{top:-23px;width:50px;height:50px;}
  .why-card h3{font-size:18px;letter-spacing:.16em;margin:0 0 7px;}
  .why-card p{font-size:10px;letter-spacing:.05em;line-height:1.72;color:#333;font-weight:400;text-align:left;}

  /* Consultation */
  .consult{display:block;padding:43px 45px 42px;background:var(--mobile-cream);}
  .consult .section-title{display:block;text-align:center;color:#3c605e;margin:0 0 27px;}
  .consult .section-title h2{font-size:0;letter-spacing:0;line-height:1;margin:0 0 10px;}
  .consult .section-title h2:before{content:"線上諮詢";font-size:30px;letter-spacing:.26em;font-weight:700;}
  .consult .section-title span{font-size:18px;display:block;margin:0;color:#3c605e;}
  .form-grid{display:block;}
  .field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;margin:0 0 10px;}
  .field.full{display:grid;grid-column:auto;}
  .field label{font-size:12px;letter-spacing:0;color:#3c605e;font-weight:700;}
  .field input,.field select,.field textarea{min-height:15px;height:16px;border-radius:12px;background:#cbd1c7;padding:2px 8px;font-size:11px;box-shadow:none;}
  .field textarea{height:116px;border-radius:5px;resize:none;align-self:start;}
  .field:has(textarea){align-items:start;}
  .field:has(textarea) label{padding-top:2px;}
  .verify-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:8px;align-items:center;}
  .verify-row input{height:16px;min-height:16px;}
  .captcha{height:16px;border-radius:9px;font-size:9px;letter-spacing:.15em;}
  .verify-row a{display:block;grid-column:1/2;font-size:10px;color:#3c605e;line-height:1.2;text-align:center;margin-top:12px;}
  .form-actions{grid-column:2/3;display:flex;gap:8px;margin-top:8px;align-items:center;justify-content:flex-end;}
  .submit,.reset{width:auto;height:20px;border-radius:12px;padding:0 22px;font-size:10px;letter-spacing:.08em;}
  .reset{display:none;}
  .contact-card{display:none;}
  .mobile-contact-list{display:block;margin:40px 0 0;}
  .mobile-info-card{display:flex;align-items:center;border-radius:7px;margin:0 0 14px;min-height:52px;overflow:hidden;}
  .mobile-info-icon{width:52px;height:52px;object-fit:cover;flex:0 0 52px;}
  .mobile-info-text{padding:8px 12px;color:#333;min-width:0;}
  .mobile-info-text strong{display:block;color:#3c605e;font-size:16px;letter-spacing:.16em;line-height:1.1;margin-bottom:4px;}
  .mobile-info-text span{display:block;font-size:12px;line-height:1.45;letter-spacing:.08em;word-break:break-word;}

  /* Map */
  .map-section{height:142px;background:url('https://yi-tian.tw/assets/mobile/map.svg') center/cover no-repeat;display:block;}
 

  /* Footer */
  .footer{height:202px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 18px 18px;background:#3c605e;color:#f2f0e3;}
  .footer-logo{content:url('https://yi-tian.tw/assets/mobile/footer-logo.svg');width:155px;margin:0 auto 18px;}
  .footer-nav{display:flex;justify-content:center;gap:0;flex-wrap:wrap;font-size:12px;letter-spacing:.2em;line-height:1.2;color:#f2f0e3;margin:0 auto 8px;}
  .footer-nav a{padding:0 5px;}
  .copyright{font-size:12px;letter-spacing:0;text-align:center;margin:0;color:#f2f0e3;opacity:1;letter-spacing: .1em !important;}
  .footer-nav a:not(:last-child):after{
    margin-left: 5px;
  }
}


/* === 2026-06-22 mobile homepage correction: only max-width 520px, desktop/tablet unchanged === */
@media(max-width:520px){
  .site-header{height:68px!important;background:#f2f0e3!important;box-shadow:none!important;}
  .header-inner{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;}
  .mobile-menu-btn{display:flex!important;left:18px!important;width:22px!important;height:22px!important;}
  .logo img{width:166px!important;content:url('https://yi-tian.tw/assets/mobile/mobile-logo.svg')!important;}

  .hero{height:206px!important;min-height:206px!important;aspect-ratio:auto!important;}
  .slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}

  .about{position:relative!important;display:block!important;min-height:0!important;height:auto!important;padding:0!important;background:#f2f0e3!important;overflow:hidden!important;}
  .about-inner{position:relative!important;inset:auto!important;display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;}
  .about-inner:before{content:"";display:block;width:100%;height:0;padding-top:141.7%;background:url('https://yi-tian.tw/assets/mobile/about-bg-mobile.png') top center/100% auto no-repeat;}
  .about .section-title{position:absolute!important;left:50%!important;top:19.5vw!important;right:auto!important;transform:translateX(-50%)!important;width:100%!important;margin:0!important;text-align:center!important;color:#f2f0e3!important;text-shadow:none!important;z-index:2!important;}
  .about .section-title h2{font-size:30px!important;letter-spacing:.26em!important;line-height:1!important;margin:0 0 12px!important;font-weight:700!important;text-indent:.26em!important;color:#f2f0e3!important;white-space:nowrap!important;}
  .about .section-title span{display:block!important;font-size:18px!important;letter-spacing:.17em!important;line-height:1!important;margin:0!important;color:#f2f0e3!important;white-space:nowrap!important;}
  .about-quote{display:none!important;}
  .about-copy{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:22px 48px 44px!important;color:#333!important;text-align:left!important;}
  .about-copy:before{content:"「宜」 是剛剛好的分寸\A「田」 是土地的歸屬";white-space:pre;display:block;font-size:15px;letter-spacing:.28em;line-height:2.15;color:#3c605e;font-weight:800;text-align:center;margin:0 0 28px;text-indent:.28em;}
  .about-copy p{display:none!important;}
  .about-copy:after{content:"宜田，象徵深植土地的根與延續發展未來的枝葉，\A以專業顧問陪伴您的每份資產傳承。\A\A從遺囑、信託到家族資產規劃，守護家庭世代的安心、信任與長遠價值，延續每份重要託付。讓每筆不動產的託付 都有安穩的歸屬。";white-space:pre-line;display:block;text-align:left;color:#333;font-size:13px;line-height:2.05;letter-spacing:.055em;font-weight:600;}

  .why{padding:40px 20px 44px!important;background:#343434 url('https://yi-tian.tw/assets/mobile/why-bg-mobile.svg') center/cover no-repeat!important;}
  .why:before{background:rgba(0,0,0,.30)!important;}
  .why .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0px!important;margin:0 0 15px!important;width:100%!important;color:#EFEBDF!important;padding:0!important;}
  .why .section-title h2{font-size:30px!important;letter-spacing:.22em!important;line-height:1!important;margin:0!important;white-space:nowrap!important;}
  .why .section-title span{display:block!important;margin:0!important;font-size:18px!important;letter-spacing:.12em!important;line-height:1!important;white-space:nowrap!important;text-align: justify;text-align-last: right;}
  .why-intro{font-size:15px!important;line-height:2!important;letter-spacing:.07em!important;margin:0!important;color:#f2f0e3!important;font-weight:500!important;width: 400px;}
  .why-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:43px 9px!important;margin-top:61px!important;}
  .why-card{min-height:184px!important;border-radius:13px!important;padding:58px 13px 15px!important;background:#f5f2e6!important;color:#3c605e!important;}
  .why-card:before{top:-38px!important;width:78px!important;height:78px!important;}
  .why .section-title{
    width: 100%;
  }
  .why-card img{top:-53px!important;width:110px!important;height:110px!important;}
  .why-card h3{font-size:18px!important;letter-spacing:.16em!important;margin:0 0 7px!important;}
  .why-card p{font-size:10px!important;line-height:1.7!important;letter-spacing:.04em!important;color:#333!important;font-weight:400!important;}

  .consult{display:block!important;padding:42px 35px 0!important;background:#f2f0e3!important;}
  .consult .section-title{display:block!important;text-align:center!important;margin:0 0 28px!important;color:#3c605e!important;}
  .consult .section-title h2{font-size:0!important;line-height:1!important;margin:0 0 10px!important;letter-spacing:0!important;}
  .consult .section-title h2:before{content:"線上諮詢";font-size:30px!important;letter-spacing:.26em!important;font-weight:700!important;text-indent:.26em!important;display:block;}
  .consult .section-title span{display:block!important;font-size:18px!important;letter-spacing:.18em!important;line-height:1!important;margin:0!important;color:#3c605e!important;}
  .form-grid{display:block!important;}
  .field{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:0 0 15px!important;}
  .field.full{grid-column:auto!important;}
  .field label{font-size:12px!important;letter-spacing:0!important;color:#3c605e!important;font-weight:700!important;}
  .field input,.field select{height:30px!important;min-height:16px!important;border-radius:10px!important;background:#cbd1c7!important;padding:1px 8px!important;font-size:10px!important;box-shadow:none!important;}
  .field textarea{height:116px!important;min-height:116px!important;border-radius:5px!important;background:#cbd1c7!important;padding:5px 8px!important;font-size:10px!important;resize:none!important;box-shadow:none!important;}
  .field:has(textarea){align-items:start!important;}
  .verify-wrap{display:block!important;}
  .verify-row{display:grid!important;grid-template-columns:1fr 74px 58px!important;gap:8px!important;align-items:center!important;}
  .verify-row input{height:16px!important;min-height:16px!important;border-radius:10px!important;}
  .captcha{height:16px!important;border-radius:2px!important;font-size:9px!important;letter-spacing:.16em!important;}
  .verify-row a{grid-column:3/4!important;margin:0!important;text-align:right!important;font-size:10px!important;line-height:1.1!important;color:#3c605e!important;white-space:nowrap!important;}
  .form-actions{display:flex!important;justify-content:flex-end!important;margin:8px 0 0!important;}
  .submit{height:20px!important;border-radius:11px!important;padding:0 20px!important;font-size:10px!important;letter-spacing:.08em!important;}
  .reset{display:none!important;}
  .contact-card{display:none!important;}

  .mobile-contact-list{display:block!important;width:317px;max-width:100%;margin:38px auto 0!important;padding-bottom:28px;}
  .mobile-info-card{position:relative!important;display:block!important;width:100%!important;max-width:420px!important;min-height:70px!important;margin:0 0 16px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;border-radius:0!important;overflow:visible!important;}
  .mobile-info-card:nth-child(1){background-image:url('https://yi-tian.tw/assets/mobile/contact-phone.svg')!important;}
  .mobile-info-card:nth-child(2){background-image:url('https://yi-tian.tw/assets/mobile/contact-fax.svg')!important;}
  .mobile-info-card:nth-child(3){background-image:url('https://yi-tian.tw/assets/mobile/contact-email.svg')!important;}
  .mobile-info-card:nth-child(4){background-image:url('https://yi-tian.tw/assets/mobile/contact-time.svg')!important;}
  .mobile-info-card:nth-child(5){background-image:url('https://yi-tian.tw/assets/mobile/contact-address.svg')!important;min-height:85px!important;margin-bottom:0!important;}
  .mobile-info-icon{display:none!important;}
  .mobile-info-text{position:absolute!important;left:112px;right:12px!important;top:15px!important;padding:0!important;color:#333!important;}
  .mobile-info-text strong{display:block!important;color:#3c605e!important;font-size:16px!important;line-height:1.1!important;letter-spacing:.16em!important;margin:0 0 7px!important;font-weight:800!important;}
  .mobile-info-text span{display:block!important;color:#333!important;font-size:12px!important;line-height:1.45!important;letter-spacing:.08em!important;word-break:break-word!important;}
  .mobile-info-card:nth-child(5) .mobile-info-text{top:11px!important;}

  .map-section{height:142px!important;background:url('https://yi-tian.tw/assets/mobile/map.svg') center/cover no-repeat!important;display:block!important;}
  .footer{height:202px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:22px 18px 18px!important;background:#3c605e!important;}
  .footer-logo{content:url('https://yi-tian.tw/assets/mobile/footer-logo.svg')!important;width:200px!important;margin: 20px auto 12px!important;}
}

/* === FINAL FIX 2026-06-22: mobile About block only, desktop/tablet unchanged === */
@media (max-width:520px){
  /* 關於宜田：完整顯示原始手機版設計圖，不裁切、不覆蓋、不跑版 */
  .about{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:#f2f0e3!important;
    overflow:visible!important;
    aspect-ratio:auto!important;
    color:#333!important;
    clear:both!important;
  }
  .about:before,
  .about:after{
    display:none!important;
    content:none!important;
  }
  .about-inner,
  .about-inner.reveal{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
    background:none!important;
    overflow:visible!important;
  }
  .about-inner:before{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1678 / 2321!important;
    padding:0!important;
    margin:0!important;
    background:url('https://yi-tian.tw/assets/mobile/about-bg-mobile.png') center center / contain no-repeat!important;
  }
  /* 原設計圖已含「關於宜田 ABOUT US」與圖形，手機版不要再疊文字 */
  .about .section-title,
  .about-quote{
    display:none!important;
  }
  .about-copy{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:72px 48px 56px!important;
    background:#f2f0e3!important;
    color:#333!important;
    text-align:left!important;
    z-index:1!important;
  }
  .about-copy p{
    display:none!important;
  }
  .about-copy:before{
    content:"「宜」 是剛剛好的分寸\A「田」 是土地的歸屬"!important;
    white-space:pre!important;
    display:block!important;
    margin:0 0 34px!important;
    color:#3c605e!important;
    font-size:15px!important;
    line-height:2.2!important;
    letter-spacing:.28em!important;
    font-weight:800!important;
    text-align:center!important;
    text-indent:.28em!important;
  }
  .about-copy:after{
    content:"宜田，象徵深植土地的根與延續發展未來的枝葉，\A以專業顧問陪伴您的每份資產傳承。\A\A從遺囑、信託到家族資產規劃，守護家庭世代的安心、信任與長遠價值，延續每份重要託付。讓每筆不動產的託付 都有安穩的歸屬。"!important;
    white-space:pre-line!important;
    display:block!important;
    color:#333!important;
    font-size:13px!important;
    line-height:2.08!important;
    letter-spacing:.055em!important;
    font-weight:600!important;
    text-align:left!important;
  }
  .why{
    position:relative!important;
    margin-top:0!important;
    clear:both!important;
    z-index:1!important;
  }
}



/* === FINAL MOBILE HOME FIX v3 2026-06-22: only max-width 520px === */
@media (max-width:520px){
  /* 關於宜田：底圖完整 + 補回標題 + 文字在圖片後方，不被核心理念壓住 */
  .about{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:#f2f0e3!important;
    overflow:visible!important;
    clear:both!important;
  }
  .about-inner,
  .about-inner.reveal{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
    overflow:visible!important;
    background:#f2f0e3!important;
  }
  .about-inner:before{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1680/2321!important;
    background:url('https://yi-tian.tw/assets/mobile/about-bg-mobile.png') center center/100% auto no-repeat!important;
  }
  .about .section-title{
    display:block!important;
    position:absolute!important;
    left:63.2%!important;
    top:164px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    color:#f2f0e3!important;
    text-shadow:0 2px 7px rgba(0,0,0,.26)!important;
    transform:translateX(-50%)!important;
    z-index:4!important;
    pointer-events:none!important;
  }
  .about .section-title h2{
    display:block!important;
    margin:0 0 9px!important;
    padding:0!important;
    color:#EFEBDF!important;
    font-size:30px!important;
    line-height:1!important;
    letter-spacing:.22em!important;
    text-indent:.22em!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .about .section-title span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#EFEBDF!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }
  .about-quote{display:none!important;}
  .about-copy{
    display:block!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:60px 20px 60px!important;
    background:#f2f0e3!important;
    color:#333!important;
    text-align:left!important;
    z-index:2!important;
    clear:both!important;
  }
  .about-copy p{display:none!important;}
  .about-copy:before{
    content:"「宜」 是剛剛好的分寸\A「田」 是土地的歸屬"!important;
    white-space:pre!important;
    display:block!important;
    margin:0 0 55px!important;
    color:#3c605e!important;
    font-size:20px!important;
    line-height:2!important;
    letter-spacing:.28em!important;
    text-indent:.28em!important;
    font-weight:800!important;
    text-align:center!important;
  }
  .about-copy:after{
    content:"宜田，象徵深植土地的根與延續發展未來的枝葉，\A以專業顧問陪伴您的每份資產傳承。\A\A從遺囑、信託到家族資產規劃，守護家庭世代的安心、信任與長遠價值，延續每份重要託付。讓每筆不動產的託付 都有安穩的歸屬。"!important;
    white-space:pre-line!important;
    display:block!important;
    color:#333!important;
    font-size:15px!important;
    line-height:2.08!important;
    letter-spacing:.055em!important;
    font-weight:600!important;
    text-align:left!important;
  }
  .why{position:relative!important;clear:both!important;margin-top:0!important;z-index:1!important;}

  /* 線上表單：補回手機版「重新填寫 / 送出」列 */
  .consult{padding-bottom:0!important;}
  .verify-wrap .reset{display:none!important;}
  .mobile-form-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    width:100%!important;
    margin:22px 0 0!important;
    padding:0!important;
    grid-column:auto!important;
  }
  .mobile-reset,
  .mobile-submit{
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    cursor:pointer!important;
    font-family:inherit!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  .mobile-reset{
    flex:0 0 45%!important;
    height:34px!important;
    background:transparent!important;
    color:#3c605e!important;
    text-align:left!important;
    padding:0!important;
    font-size:13px!important;
  }
  .mobile-submit{
    flex:1!important;
    min-width:0!important;
    height:32px!important;
    border-radius:18px!important;
    background:#3c605e!important;
    color:#f2f0e3!important;
    padding:0 7px 0 19px!important;
    font-size:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-shadow:none!important;
  }
  .mobile-submit span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    border-radius:50%!important;
    background:#f2f0e3!important;
    color:#3c605e!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  /* 手機版頁尾：原始設計已在 footer-bg.svg 內，隱藏 HTML 文字避免重疊與多一個 logo */
  .footer{
    height:202px!important;
    min-height:202px!important;
    display:block!important;
    padding:0!important;
    background:#3c605e;
    overflow:hidden!important;
  }
}

@media (max-width:414px){
  .why-intro{width: 380px;}
  .about .section-title{top:158px!important;}
}

@media (max-width:390px){
  .about .section-title{top:148px!important;}
  .about .section-title h2{font-size:26px!important;}
  .about .section-title span{font-size:15px!important;}
  .why-intro{width: 353px;}
}

.consult-section-title-span{
  text-align:right;width: 45%;
}
.mobile-top{
    display: none;
}
/* === FINAL FIX 2026-06-22: homepage mobile submenu dropdown === */
@media (max-width:520px){
  .consult-section-title-span{
    text-align:center;width: 100%;
  }
  .site-header.menu-open .main-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    height:calc(100vh - 0px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-top: 68px;
  }
  .main-nav .nav-item{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .main-nav .nav-item.has-drop{
    padding-right:32px!important;
  }
  .main-nav .nav-item.has-drop:after{
    position:absolute!important;
    right:8px!important;
    top:16px!important;
    margin:0!important;
    line-height:1!important;
    z-index:2!important;
  }
  .main-nav .nav-item.has-drop.submenu-open:after{
    content:"－"!important;
  }
  .main-nav .dropdown{
    display:block!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    transition:max-height .26s ease!important;
  }
  .main-nav .nav-item.submenu-open > .dropdown{
    max-height:520px!important;
    padding:12px 0 6px 18px!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .main-nav .dropdown a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:7px 0!important;
    line-height:1.35!important;
    text-align:left!important;
    color:#3c605e!important;
    font-size:14px!important;
    letter-spacing:.1em!important;
    font-weight:700!important;
    background:transparent!important;
    white-space:nowrap!important;
  }
  .main-nav .dropdown a:hover{
    background:transparent!important;
    color:#91743F!important;
  }
  .mobile-top{
    display: block;
    position: fixed;
    left: 4px;
    bottom: 42px;
    z-index: 60;
    width: 38px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .18));
  }
}

.auto-height {
  width: 100%;
  min-height: 40px;      /* 設定一開始的最小高度 */
  resize: none;          /* 禁用手動拉伸外框 */
  overflow-y: hidden;    /* 關鍵：隱藏捲軸 */
  box-sizing: border-box;/* 確保 padding 不會影響高度計算 */
  
  /* 以下為您原本可能有的基本樣式 */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* ===== 宜田首頁開啟動畫 Desktop Only ===== */
.yt-opening-screen{
  position:fixed;
  inset:0;
  z-index:99999;
  background:#f2f0e3;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:1;
  visibility:visible;
  transition:opacity .75s ease, visibility .75s ease;
}

.yt-opening-screen.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.yt-opening-inner{
  width:100vw;
  height:100vh;
  background:#f2f0e3;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.yt-opening-inner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 如果 GIF 原始比例不想被裁切，改用 contain */
/*
.yt-opening-inner img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
*/

/* 手機版不顯示開啟動畫 */
@media(max-width:520px){
  .yt-opening-screen{
    display:none!important;
  }
}
.d-menu-top{top:-2.2px}
.d-menu-drop-l:hover{
  border-radius:0 0 15px 15px;
}

/* 自訂性別下拉選單 */
.custom-select{
  position:relative;
  width:100%;
  z-index:20;
}

.custom-select-btn{
  width:100%;
  height:38px;
  border:0;
  border-radius:12px;
  background:#d5d9cd;
  color:#3c605e;
  font-size:15px;
  letter-spacing:.08em;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
}

.custom-select-arrow{
  position:absolute;
  right:12px;
  top:54%;
  transform:translateY(-54%);
  width: 28px;
  font-size:28px;
  line-height:1;
  color:#3c605e;
  pointer-events:none;
}

.custom-select-options{
  position:absolute;
  left:0;
  top:42px;
  width:100%;
  background:#cdd5ca;
  border-radius:16px;
  padding:8px;
  box-shadow:0 6px 10px rgba(0,0,0,.22);
  display:none;
  z-index:99;
}

.custom-select.open .custom-select-options{
  display:block;
}

.custom-select-options button{
  width:100%;
  border:0;
  background:transparent;
  color:#3c605e;
  font-size:16px;
  letter-spacing:.08em;
  text-align:left;
  padding:5px 12px;
  border-radius:8px;
  cursor:pointer;
  font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
}

.custom-select-options button:hover,
.custom-select-options button.active{
  background:#aebeb3;
}

/* =====================================================
   FINAL MOBILE CONSULT FORM FIX
   依照客戶設計圖調整首頁手機版線上諮詢表單
   只影響 max-width:520px
===================================================== */
@media(max-width:520px){

  /* 線上諮詢整體區塊 */
  .consult{
    display:block !important;
    padding:64px 25px 0 !important;
    background:#f2f0e3 !important;
  }

  .consult > div{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
  }

  /* 標題：線上諮詢 / CONSULTATION */
  .consult .section-title{
    display:block !important;
    width:100% !important;
    margin:0 auto 60px !important;
    text-align:center !important;
    color:#3c605e !important;
  }

  .consult .section-title h2{
    display:block !important;
    margin:0 0 14px !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    color:#3c605e !important;
  }

  .consult .section-title h2:before{
    content:"線 上 諮 詢" !important;
    display:block !important;
    font-size:34px !important;
    line-height:1 !important;
    letter-spacing:.1em !important;
    text-indent:.18em !important;
    font-weight:800 !important;
    color:#3c605e !important;
  }

  .consult .section-title h2 span{
    display:block !important;
    width:100% !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    font-family:Afacad, Arial, sans-serif !important;
    font-size:20px !important;
    line-height:1 !important;
    letter-spacing:.15em !important;
    text-indent:.28em !important;
    font-weight:400 !important;
    text-align:center !important;
    color:#3c605e !important;
  }

  /* 表單整體寬度與格線 */
  .form-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:22px !important;
    row-gap:18px !important;
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    padding-bottom: 50px;
  }

  /* 一般欄位 */
  .field{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
  }

  /* 姓名、性別同一列 */
  .form-grid > .field:nth-child(1),
  .form-grid > .field:nth-child(2){
    grid-column:auto !important;
  }

  .form-grid > .field:nth-child(1){
    grid-template-columns:42px minmax(0,1fr) !important;
  }

  .form-grid > .field:nth-child(2){
    grid-template-columns:42px minmax(0,1fr) !important;
  }

  /* 其餘欄位滿版 */
  .field.full{
    grid-column:1 / -1 !important;
    grid-template-columns:64px minmax(0,1fr) !important;
  }

  .field label,
  .form-label{
    font-size:16px !important;
    line-height:1 !important;
    letter-spacing:.04em !important;
    color:#3c605e !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    text-align:left !important;
  }

  /* 輸入框比例 */
  .field input,
  .field select,
  .field textarea{
    width:100%;
    border:0 !important;
    background:#cdd5ca !important;
    color:#3c605e !important;
    outline:none !important;
    box-shadow:none !important;
    font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif !important;
  }

  .field input,
  .field select{
    height:30px !important;
    min-height:30px !important;
    border-radius:999px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }

  /* 讓姓名、性別欄位不要太粗 */
  .form-grid > .field:nth-child(1) input{
    height:30px !important;
  }

  /* 性別自訂下拉 */
  .custom-select{
    width:100% !important;
    position:relative !important;
    z-index:30 !important;
  }

  .custom-select-btn{
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#cdd5ca !important;
    color:#3c605e !important;
    padding:0 38px 0 16px !important;
    font-size:16px !important;
    letter-spacing:.04em !important;
    font-weight:700 !important;
    box-shadow:0 4px 6px rgba(0,0,0,.22) !important;
  }

  .custom-select-text{
    line-height:1 !important;
  }

  .custom-select-arrow{
    right:12px !important;
    top:50% !important;
    width:22px !important;
    height:22px !important;
    transform:translateY(-50%) !important;
  }

  .custom-select-arrow img{
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
  }

  .custom-select-options{
    top:36px !important;
    left:0 !important;
    width:100% !important;
    background:#cdd5ca !important;
    border-radius:0 0 14px 14px !important;
    padding:8px 8px 10px !important;
    box-shadow:0 5px 8px rgba(0,0,0,.22) !important;
  }

  .custom-select-options button{
    height:28px !important;
    padding:0 12px !important;
    border-radius:7px !important;
    font-size:15px !important;
    color:#3c605e !important;
  }

  .custom-select-options button:hover,
  .custom-select-options button.active{
    background:#aebeb3 !important;
  }

  /* 諮詢內容：往下拉開距離，符合設計圖 */
  .field.full:has(textarea){
    align-items:start !important;
    margin-top:0px !important;
  }

  .field.full:has(textarea) label{
    padding-top:14px !important;
  }

  .field textarea{
    height:168px !important;
    min-height:168px !important;
    border-radius:15px !important;
    padding:10px 12px !important;
    resize:none !important;
    font-size:14px !important;
    overflow:hidden !important;
  }

  /* 驗證碼區塊 */
  .field.full .verify-wrap{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin:10px 0 0 !important;
  }

  .verify-wrap > label{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:16px !important;
    color:#3c605e !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .verify-row{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:95px 92px !important;
    gap:14px !important;
    align-items:center !important;
    width:auto !important;
  }

  .verify-row input{
    width:95px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:999px !important;
    background:#fff !important;
    box-shadow:0 3px 5px rgba(0,0,0,.20) !important;
  }

  .captcha{
    width:92px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:0 !important;
    background:#eef3fb !important;
    color:#333 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:19px !important;
    font-weight:800 !important;
    letter-spacing:.16em !important;
    font-family:monospace !important;
  }

  /* 手機版設計圖沒有顯示重新取得 */
  .verify-row a{
    display:none !important;
  }

  /* 隱藏桌機版 reset，使用手機版按鈕 */
  .verify-wrap .reset{
    display:none !important;
  }

  /* 重新填寫 / 送出 */
  .mobile-form-actions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:64px 1fr 155px !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin:25px 0 0 !important;
  }

  .mobile-reset{
    grid-column:2 !important;
    width:auto !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#3c605e !important;
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    text-align:left !important;
  }

  .mobile-submit{
    grid-column:3 !important;
    width:155px !important;
    height:34px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#3c605e !important;
    color:#f2f0e3 !important;
    padding:0 7px 0 28px !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .mobile-submit span{
    width:25px !important;
    height:25px !important;
    border-radius:50% !important;
    background:#f2f0e3 !important;
    color:#3c605e !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  /* 聯絡資訊不要貼太近表單 */
  .mobile-contact-list{
    margin-top:52px !important;
  }
}

/* 小螢幕再縮一點，避免 375px 以下爆版 */
@media(max-width:390px){
  .consult{
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .consult .section-title h2:before{
    font-size:31px !important;
  }

  .consult .section-title h2 span{
    font-size:18px !important;
  }

  .form-grid{
    column-gap:14px !important;
  }

  .form-grid > .field:nth-child(1),
  .form-grid > .field:nth-child(2){
    grid-template-columns:38px minmax(0,1fr) !important;
  }

  .field label,
  .form-label,
  .verify-wrap > label{
    font-size:15px !important;
  }

  .mobile-form-actions{
    grid-template-columns:64px 1fr 142px !important;
  }

  .mobile-submit{
    width:142px !important;
  }
}

.d-hide{
  display: none;
}
.m-hide{
    display:flex;
}
.home-textarea-msg{
  padding-top: 75px;
}
@media(max-width:520px){
  .d-hide{
    display:block;
  }
  .m-hide{
    display:none!important;
  }
  .custom-select-btn{
    height: 30px;
  }
  .home-textarea-msg{
    padding-top: 15px;
  }
  .custom-select-arrow{
    top: 30%;
  }
  .input-name-label{
    width: 88% !important;
    margin-left: 21px;
  }
  .label-name-name{
    padding-left: 32px;
  }
  .map-card{
    display: none;
  }
}
@media(max-width:390px){
.mobile-info-text{
  left: 93px !important;
}
}