:root{--bs-body-bg:#faecd1;--green-soft:#9bc5b1;--shadow:0 14px 30px rgba(125,91,43,.12);--panel:rgba(255,255,255,.74);--gold:#c89126;--base-hight:290px;--green:#6bab84;--ink:#5f3d23;}html{font-size:.875rem;position:relative;min-height:100%;cursor:default;}@media(min-width:768px){html{font-size:1rem;}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:0;}@media(max-width:480px){h1{padding-left:20px;padding-right:6px;max-width:min(100%,280px);}}@media(max-width:575px){h1{justify-self:center;grid-column:1/-1;grid-row:1;}}h2{font-size:1.5rem;font-weight:bold;margin-bottom:2px;}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb;}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color);text-align:end;}.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start;}a{color:inherit;text-decoration:none;}header{position:fixed;z-index:1;box-shadow:rgba(76,110,82,.1) 0 6px 16px;top:0;width:100%;background:url(../img/top.jpg) center bottom/cover no-repeat;border-bottom:2px solid var(--gold);}@media(max-width:575px){header .navbar>.container-fluid{position:relative;display:grid;align-items:center;}}header nav{height:86px;}header nav .accesskey{text-indent:unset;color:#333;}header nav .navbar-toggler{font-size:1.5625rem;border:0;}@media(max-width:575px){header nav .navbar-toggler{display:inline-flex;justify-self:flex-end;align-self:start;margin-top:8px;grid-column:2;grid-row:1;}}header nav .cos-ul-default li:not(:first-child):before{content:"|";position:absolute;margin-left:-6px;margin-top:4px;}header nav .cos-ul-default .nav-link{color:#774b19;font-weight:bold;text-align:center;padding:5px 0 0 0;}@media(min-width:576px) and (max-width:991px){header nav .cos-ul-default{font-size:.8rem;}}@media(max-width:767px){header nav .cos-ul-default{padding-top:10px;}header nav .cos-ul-default li:not(:first-child):before{content:"";}}header nav .navbar-collapse{flex-direction:column;align-items:flex-end;}@media(max-width:767px){header nav .navbar-collapse{background:#fdf7f1;padding:15px 20px;position:absolute;top:65px;right:10px;border-radius:15px;opacity:.9;}header nav .navbar-collapse ul{width:160px;}}header nav ul{gap:10px;}header nav .cos-nav-1,header nav .cos-nav-2,header nav .cos-nav-3,header nav .cos-nav-4{text-align:center;--bs-navbar-nav-link-padding-x:25px;border-radius:50px;color:#fff;text-shadow:-2px -2px #000,-2px -1px #000,-2px 0 #000,-2px 1px #000,-2px 2px #000,-1px -2px #000,-1px -1px #000,-1px 0 #000,-1px 1px #000,-1px 2px #000,0 -2px #000,0 -1px #000,0 0 #000,0 1px #000,0 2px #000,1px -2px #000,1px -1px #000,1px 0 #000,1px 1px #000,1px 2px #000,2px -2px #000,2px -1px #000,2px 0 #000,2px 1px #000,2px 2px #000;font-size:1.0625rem;font-weight:bold;padding:8px;}@media(max-width:767px){header nav .cos-nav-1,header nav .cos-nav-2,header nav .cos-nav-3,header nav .cos-nav-4{width:100%;}}@media(min-width:576px) and (max-width:991px){header nav .cos-nav-1,header nav .cos-nav-2,header nav .cos-nav-3,header nav .cos-nav-4{--bs-navbar-nav-link-padding-x:10px;padding:7px;font-size:.8rem;}}header nav .cos-nav-1:hover,header nav .cos-nav-1:active,header nav .cos-nav-1:focus,header nav .cos-nav-2:hover,header nav .cos-nav-2:active,header nav .cos-nav-2:focus,header nav .cos-nav-3:hover,header nav .cos-nav-3:active,header nav .cos-nav-3:focus,header nav .cos-nav-4:hover,header nav .cos-nav-4:active,header nav .cos-nav-4:focus{color:#fff;}header nav .cos-nav-1{background:#f5866c;}header nav .cos-nav-2{background:#faaa6c;}header nav .cos-nav-3{background:#f9d37a;}header nav .cos-nav-4{background:#9abcab;}body>.container{margin-top:100px;}.chatBox{height:calc(100vh - var(--base-hight));overflow:auto;margin-top:8px;box-shadow:var(--shadow);backdrop-filter:blur(7px);padding:16px 22px 18px;border-radius:18px;background:var(--panel);}@media(max-width:991px){.chatBox{height:calc(100vh - var(--base-hight) + 5px);}}@media(max-width:767px){.chatBox{height:calc(100vh - var(--base-hight) - 10px);}}.chatBox::-webkit-scrollbar{width:12px;height:12px;}.chatBox::-webkit-scrollbar-thumb{background-color:#8a4b1f;border:solid 3px transparent;border-top:solid 15px transparent;border-bottom:solid 15px transparent;background-clip:content-box;}.chatBox::-webkit-scrollbar-track{background:transparent;}.chatBox a{color:#157484;}.chatBox span{white-space:break-spaces;}.chatBox .warnning,.chatBox .info{padding:10px 22px;border-radius:20px;font-weight:bold;word-break:break-word;box-shadow:rgba(74,121,92,.12) 0 3px 5px;display:flex;align-items:center;}.chatBox .warnning .fa-circle-exclamation,.chatBox .warnning .fa-circle-info,.chatBox .info .fa-circle-exclamation,.chatBox .info .fa-circle-info{font-size:1.875rem;margin-right:5px;color:#de7515;}.chatBox .warnning p,.chatBox .info p{margin:0;}.chatBox .warnning{border:solid 1px #c18f27;background:#fdeeb6;color:#774b19;}.chatBox .info{background:#ffeac7;color:#774b19;}.form-control{--bs-body-bg:#fff;border-radius:20px;border:3px solid #eb8068;font-weight:bold;color:#70420f;}.cos-input-style{background:#fff6e9;padding:15px;border-radius:18px;box-shadow:var(--shadow);}.cos-input-style>.input-group>.form-control{border-radius:50px!important;}.cos-input-style>.input-group>button{color:#b2432a;background-color:#ffe3b5;border-radius:100%!important;aspect-ratio:1;}.cos-input-style>.input-group>button:hover,.cos-input-style>.input-group>button:active,.cos-input-style>.input-group>button:focus{color:#fbebd1!important;background-color:#b9462d!important;}.cos-input-style .service-note:first-child{margin:0 0 6px;text-align:center;color:#707070;font-weight:700;}.chat-animate{animation:chatSlideUp .25s ease-out;}@keyframes chatSlideUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.feedback-show{animation:feedbackSlide .2s ease-out;}@keyframes feedbackSlide{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}.user{margin-top:14px;justify-content:flex-end;}.message-time{font-size:.75rem;color:#70420f;padding:0 8px;font-weight:bold;height:28px;align-content:center;text-align:right;}.bot-bubble,.user-bubble{color:#70420f;border:2px solid var(--green-soft);box-shadow:rgba(74,121,92,.12) 0 3px 5px;width:fit-content;word-break:break-all;overflow-wrap:anywhere;padding:10px 22px;border-radius:20px;overflow:hidden;font-weight:bold;background:#fff;}.bot{justify-content:flex-start;}.bot .tool-group .btn,.bot .feedback-group .btn{border-radius:50px;aspect-ratio:1;font-size:1rem;padding:0 4px;border:0;}.bot .cos-success{background:#1e7e34;color:#fff;}.bot .cos-outline-success{color:#1e7e34;}.bot .cos-outline-success:hover,.bot .cos-outline-success:focus,.bot .cos-outline-success:active{background:#1e7e34;color:#fff;}.bot .cos-danger{background:#bd2130;color:#fff;}.bot .cos-outline-danger{color:#bd2130;}.bot .cos-outline-danger:hover,.bot .cos-outline-danger:focus,.bot .cos-outline-danger:active{background:#bd2130;color:#fff;}.bot .cos-secondary:hover,.bot .cos-secondary:focus,.bot .cos-secondary:active{color:#fff;background-color:#545b62;border-color:#4e555b;}.bot-bubble{max-width:calc(100% - 54px);}@media(min-width:992px){.bot-bubble{max-width:720px;}}.bot-bubble pre{background:#1e1e1e;color:#d4d4d4;padding:12px;border-radius:8px;overflow-x:auto;margin-top:10px;}.bot-bubble code{font-family:Consolas,monospace;font-size:.875rem;}.bot-bubble table{width:100%;border-collapse:collapse;margin-top:10px;}.bot-bubble th,.bot-bubble td{border:1px solid #ddd;padding:8px;}.bot-bubble th{background:#f5f5f5;}.bot-bubble blockquote{border-left:4px solid #ccc;padding-left:12px;color:#666;margin:10px 0;}.bot-bubble ul,.bot-bubble ol{padding-left:20px;}.bot-bubble li{margin-bottom:4px;}.bot-bubble p:last-child{margin-bottom:0!important;}.user-bubble{min-width:min(360px,100%);max-width:100%;}.service-note{align-items:center;width:100%;color:#3d2510;font-size:clamp(.8125rem,1vw,1rem);gap:16px;margin:6px auto 0;padding:0 4px;}@media(max-width:991px){.service-note{flex-direction:column-reverse;margin-top:10px;align-items:flex-start;gap:1px;}}.service-note p{margin:0;}.fa-phone{color:#3e9269;}.loading-dots{display:inline-flex;align-items:center;gap:4px;margin-left:4px;}.loading-dots span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:dotBounce 1s infinite ease-in-out;}.loading-dots span:nth-child(1){animation-delay:0s;}.loading-dots span:nth-child(2){animation-delay:.15s;}.loading-dots span:nth-child(3){animation-delay:.3s;}@keyframes dotBounce{0%,80%,100%{transform:translateY(0);opacity:.5;}40%{transform:translateY(-5px);opacity:1;}}.feedback-group{margin-right:5px;}.brand{display:flex;align-items:center;min-width:230px;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",Arial,sans-serif;}.brand-mascot{height:84px;object-fit:contain;object-position:center center;}@media(max-width:575px){.brand-mascot{height:clamp(52px,13vw,76px);}}.brand-copy{display:grid;line-height:1.1;}.brand-copy strong{display:block;font-size:clamp(22px,2.5vw,34px);font-weight:800;color:var(--green);}.brand-copy span:last-child{margin-top:4px;font-size:clamp(13px,1.15vw,18px);font-weight:700;color:#7a6250;}.agency-name{font-size:clamp(12px,.85vw,14px);font-weight:700;color:#4b3b31;}@media(max-width:575px){.agency-name{font-size:clamp(11px,2.2vw,13px);}}.agency-name img{width:205px;}@media(max-width:575px){.agency-name img{max-width:min(100%,160px);max-height:16px;}}.fa-circle-info{color:#ea801f;}.modal-content{--bs-border-color:#e5caac;--bs-modal-bg:#fefaf3;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-footer-border-color:var(--bs-border-color);}.modal-content h2{color:#531f05;}.modal-content h3{font-size:1.4375rem;font-weight:bold;color:#712c09;margin:10px 0 5px;}.modal-content p{margin-bottom:5px;line-height:1.7;}.message-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 12px;}.message-row>.input-group{margin-left:54px;width:calc(100% - 54px);display:flex;align-items:center;}.message-row>.feedback-text-area{margin-left:54px;width:calc(100% - 108px);}.message-row>.text-muted{margin-left:54px;}.message-content-wrapper{max-width:calc(100% - 54px);}@media(min-width:992px){.message-content-wrapper{max-width:720px;}}.message-content-wrapper .bot-bubble{max-width:100%;}.chat-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;filter:drop-shadow(0 4px 6px rgba(86,113,87,.14));}