@charset "UTF-8";@font-face{font-family:"GraphikTH-Regular";src:url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.eot?");src:url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.eot?#iefix") format("embedded-opentype"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.woff2") format("woff2"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.woff") format("woff"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.ttf") format("truetype"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-Regular.svg#GraphikTH-Regular") format("svg");font-weight:normal;font-style:normal;font-display:swap;}@font-face{font-family:"GraphikTH-SemiBold";src:url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.eot?");src:url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.eot?#iefix") format("embedded-opentype"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.woff2") format("woff2"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.woff") format("woff"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.ttf") format("truetype"),url("../../../Html/assets/fonts/GraphikTH/GraphikTH-SemiBold.svg#GraphikTH-SemiBold") format("svg");font-weight:normal;font-style:normal;font-display:swap;}html{font-size:62.5%;}body{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem!important;line-height:1.5!important;color:#000;}a{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;line-height:1.5;}.default-fontsize{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;line-height:1.5;}.headline-1{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:6rem;line-height:1.2;}.headline-2{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:4.8rem;line-height:1.2;}.headline-3{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:3.6rem;line-height:1.3;}@media(max-width:1199px){.headline-3{font-size:2.5rem;line-height:1.4;}}.subheadline-1{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:2.5rem;line-height:1.4;}@media(max-width:1199px){.subheadline-1{font-size:2rem;line-height:1.5;}}.subheadline-2{font-size:2rem;line-height:1.5;}@media(max-width:1199px){.subheadline-2{font-size:1.6rem;}}.subheadline-3{font-size:1.6rem;line-height:1.5;}@media(max-width:1199px){.subheadline-3{font-size:1.3rem;}}.subdesc-1{font-size:1.3rem;line-height:1.5;}.subdesc-2{font-size:1rem;line-height:1.5;}.font-regular{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;}.font-semibold{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.color-white{color:#fff;}.color-black{color:#000;}.color-primary{color:#0053b5;}.color-light-blue{color:#f3f6fe;}.icon{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:middle;}.icon-arrow-top-right{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-arrow-top-right.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-arrow-top-right.svg");}.icon-compare{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-compare.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-compare.svg");}.icon-property-house{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-house.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-house.svg");}.icon-property-condo{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-condo.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-condo.svg");}.icon-property-townhome{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-townhome.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-property-townhome.svg");}.icon-facebook-messenger{color:#0a67ff;-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-facebook-messenger.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-facebook-messenger.svg");}.icon-line-chat{color:#1cb900;-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-line-chat.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-line-chat.svg");}.icon-phone{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-phone.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-phone.svg");}.icon-poi-beach{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-beach.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-beach.svg");}.icon-poi-etc{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-etc.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-etc.svg");}.icon-poi-expressway{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-expressway.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-expressway.svg");}.icon-poi-hospital{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-hospital.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-hospital.svg");}.icon-poi-office{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-office.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-office.svg");}.icon-poi-school{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-school.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-school.svg");}.icon-poi-shopping-mall{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-shopping-mall.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/poi/ic-shopping-mall.svg");}@keyframes slideUpStickyBar{0%{transform:translateX(-50%) translateY(100%);opacity:0;}60%{opacity:1;}100%{transform:translateX(-50%) translateY(0);opacity:1;}}.main-stickybar{transform:translateX(-50%);position:fixed;bottom:0;z-index:1000;margin-bottom:40px;left:50%;animation:slideUpStickyBar .6s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;gap:10px;}.main-stickybar.sticky-hidden{opacity:0!important;pointer-events:none;transform:translateX(-50%) translateY(100%)!important;}@media(max-width:575px){.main-stickybar{flex-direction:column-reverse;align-items:end;gap:5px;}}.main-stickybar a{text-decoration:none!important;}@media(max-width:1200px){.main-stickybar{margin-bottom:20px;}}.main-stickybar .icon-compare{font-size:20px;}.main-stickybar .btn-sticky-wrap{background-color:rgba(255,255,255,.4);padding:5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);border-radius:50px;display:flex;gap:5px;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:max-content;}.main-stickybar .btn-sticky-bar{width:max-content;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);max-height:40px;border-radius:50px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;gap:8px;color:#000;transition:transform .25s cubic-bezier(.16,1,.3,1);}.main-stickybar .btn-sticky-bar:hover{transform:scale(1.04);}.main-stickybar .btn-sticky-bar-social{height:40px!important;width:40px!important;padding:0;cursor:pointer;}.main-stickybar .btn-sticky-bar-social i{margin:0;font-size:28px;width:1em;height:1em;}.ai-chatbot-btn{cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);width:220px;height:50px;border-radius:30px;gap:10px;background:linear-gradient(140deg,#3adcff 0%,#5171ff 50%,#0053b5 100%);display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:5px -3px 10px rgba(75,200,251,.7098039216),0 5px 10px rgba(0,0,0,.3882352941);position:relative;}.ai-chatbot-btn::before{content:"";position:absolute;inset:0;padding:1px;border-radius:30px;background:linear-gradient(-160deg,#a0cbff 20%,#5171ff 70%,#0053b5 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}.ai-chatbot-btn .ai-chatbot-btn-label{font-size:10px;color:#fff;line-height:1;}.ai-chatbot-btn .ai-chatbot-btn-icon{transition:all .3s cubic-bezier(.16,1,.3,1);}.ai-chatbot-btn .ai-chatbot-btn-icon img{width:26px;height:26px;}.ai-chatbot-btn .ai-chatbot-icon-wrap{display:flex;flex-direction:column;text-align:center;}.ai-chatbot-btn:hover .ai-chatbot-btn-icon{transform:scale(1.15);transition:all .3s cubic-bezier(.16,1,.3,1);}@media(max-width:767px){.ai-chatbot-btn{width:60px;height:60px;border-radius:50%;flex-direction:row;gap:2px;background:linear-gradient(140deg,#3adcff 10%,#5171ff 60%,#0053b5 100%);position:relative;}.ai-chatbot-btn:before{content:"";background:linear-gradient(90deg,#fff 20%,#48dafc 70%,#4864e3 100%);}.ai-chatbot-btn .ai-chatbot-btn-label{font-size:12px;}}@media(max-width:575px){.ai-chatbot-btn{width:50px;height:50px;}.ai-chatbot-btn .ai-chatbot-btn-label{font-size:10px;}.ai-chatbot-btn .ai-chatbot-btn-icon img{width:24px;height:24px;}}.ai-chatbot-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;}.ai-chatbot-overlay.active{opacity:1;pointer-events:auto;}.ai-chatbot-popup{position:relative;width:60%;height:70vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(2,6,23,.25);transform:translateY(20px);transition:transform .3s ease,width .3s ease;}.ai-chatbot-popup::before{content:"";position:absolute;inset:0;padding:2px;border-radius:20px;background:linear-gradient(-160deg,#a0cbff 20%,#5171ff 70%,#0053b5 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none;}.ai-chatbot-overlay.active .ai-chatbot-popup{transform:translateY(0);}.ai-chatbot-popup.split-view{width:95vw;}@media(max-width:1199px){.ai-chatbot-popup{width:95%;height:95vh;}}.ai-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(90deg,#a0cbff 0%,#5171ff 0%,#0053b5 100%);flex-shrink:0;position:relative;z-index:2;height:60px;border-radius:20px 20px 0 0;}@media(max-width:768px){.ai-chatbot-header{border-radius:0;}}.ai-chatbot-brand{display:flex;align-items:center;gap:10px;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#fff;}.ai-chatbot-brand .ai-chatbot-brand-icon{color:#fff;flex-shrink:0;}.ai-chatbot-actions{display:flex;align-items:center;gap:10px;}.ai-chatbot-action-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border:1px solid #fff;border-radius:60px;background:transparent;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;}.ai-chatbot-action-btn:hover{background:rgba(255,255,255,.15);}.ai-chatbot-action-btn:active{opacity:.8;}.ai-chatbot-action-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;}.ai-chatbot-action-btn svg{color:#fff;}.ai-chatbot-close-btn{width:38px;height:38px;background:none;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;}.ai-chatbot-close-btn:hover{opacity:.9;}.ai-chatbot-close-btn:active{opacity:.8;}.ai-chatbot-close-btn:focus-visible{outline:2px solid #0053b5;outline-offset:2px;border-radius:50%;}.popup-body{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden;}.panel{display:flex;flex-direction:column;min-height:0;flex:1;transition:all .3s;min-width:0;padding:0;}.ai-chatbot-popup.split-view .panel#panelChat{flex:0 0 48%;border-right:1px solid #e5e7eb;}.ai-chatbot-popup.split-view .panel#panelReg{flex:0 0 52%;display:flex;}@media(max-width:1200px){.ai-chatbot-popup.split-view .panel#panelChat{flex-basis:45%;}.ai-chatbot-popup.split-view .panel#panelReg{flex-basis:55%;}}.ai-chatbot-body{flex:1;overflow:hidden;display:flex;flex-direction:column;}.ai-chatbot-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;}.ai-chatbot-welcome-icon{margin-bottom:24px;}.ai-chatbot-welcome-icon svg{display:block;}#chat{flex:1;overflow-y:auto;padding:14px 16px;background:#fff;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}#chat::-webkit-scrollbar{width:8px;}#chat::-webkit-scrollbar-track{background:#f6f7fb;}#chat::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px;}#chat::-webkit-scrollbar-thumb:hover{background:#64748b;}#chat section{padding-top:0;padding-bottom:0;}#chat .row{margin-left:0;margin-right:0;}.row{display:flex;margin-bottom:12px;font-size:1.6rem;line-height:1.7;color:#0f172a;animation:messageSlide .3s;}.row.user{justify-content:flex-end;}@keyframes messageSlide{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}#chat .bubble{background:#f6f7fb;border:1px solid #e5e7eb;border-radius:16px;padding:12px 14px;box-shadow:0 2px 6px rgba(0,0,0,.05);width:auto;max-width:75%;word-wrap:break-word;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;}.user #chat .bubble{background:#233264;color:#fff;border:0;}#chat .bubble p{margin:0 0 10px;line-height:1.6;}#chat .bubble p:last-child{margin-bottom:0;}#chat .bubble a{color:#64748b;border-bottom:1px solid transparent;}#chat .bubble a:hover{border-bottom-color:#64748b;}.user #chat .bubble a{color:#fff;border-bottom-color:rgba(255,255,255,.5);}#chat .bubble ul,#chat .bubble ol{margin:4px 0;padding-left:20px;}#chat .bubble table{border-collapse:collapse;width:100%;margin:8px 0;font-size:1.3rem;}#chat .bubble table th,#chat .bubble table td{border:1px solid #d1d5db;padding:6px 8px;text-align:left;}#chat .bubble table th{background:#f3f4f6;}.typing-cursor::after{content:"○";animation:blink-cursor .8s infinite;margin-left:2px;}@keyframes blink-cursor{0%,49%{opacity:1;}50%,100%{opacity:0;}}.typing .dot{width:6px;height:6px;margin:0 2px;background:#64748b;border-radius:50%;display:inline-block;animation:typingDot 1.4s infinite;}.typing .dot:nth-child(2){animation-delay:.2s;}.typing .dot:nth-child(3){animation-delay:.4s;}@keyframes typingDot{0%,60%,100%{opacity:.3;transform:translateY(0);}30%{opacity:1;transform:translateY(-5px);}}@keyframes cbBounce{0%,80%,100%{transform:scale(.6);opacity:.5;}40%{transform:scale(1);opacity:1;}}.cb-loader{display:inline-flex;align-items:center;gap:6px;padding:6px 0;min-height:20px;}.cb-loader .dot{width:6px;height:6px;border-radius:50%;background:#64748b;display:inline-block;animation:cbBounce 1.4s infinite;}.cb-loader .dot:nth-child(2){animation-delay:.2s;}.cb-loader .dot:nth-child(3){animation-delay:.4s;}.quick-row{padding:10px 12px;display:flex;gap:6px;flex-wrap:wrap;background:#fff;border-top:1px dashed #e5e7eb;}.chip{padding:7px 12px;border-radius:999px;background:#f6f7fb;border:1px solid #e5e7eb;cursor:pointer;font-size:1.3rem;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;transition:all .2s;color:#0f172a;}.chip:hover{background:#fff;border-color:#233264;transform:translateY(-1px);}.chip:active{transform:translateY(0);}.chat-input-wrap{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:5px 5px 5px 20px;height:48px;margin:10px 12px;}.chat-input-wrap::before{content:"";position:absolute;inset:0;padding:1px;border-radius:12px;background:linear-gradient(-160deg,#a0cbff 20%,#5171ff 70%,#0053b5 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}.chat-text{flex:1;border:0;outline:0;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;background:transparent;padding:0;position:relative;z-index:1;}.chat-text::placeholder{color:#4c5055;}.chat-text:focus{outline:0;}.ai-chatbot-btn-send{width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(140deg,#3adcff 25%,#5171ff 75%,#0053b5 100%);color:#fff;cursor:pointer;flex-shrink:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #a2c7fc;transition:all .3s ease;}.ai-chatbot-btn-send svg{display:block;transition:all .3s ease;}.ai-chatbot-btn-send:hover{transform:scale(1.1);}.ai-chatbot-btn-send:hover svg{transform:translateX(3px);}.ai-chatbot-btn-send:active{opacity:.8;}.ai-chatbot-btn-send:disabled{opacity:.5;cursor:not-allowed;}.ai-chatbot-btn-send:focus-visible{outline:2px solid #0053b5;outline-offset:2px;}#panelReg .btn,#registerModal .btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;cursor:pointer;transition:all .15s;font-weight:600;font-size:1.3rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;white-space:nowrap;}#panelReg .btn:hover,#registerModal .btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.05);}#panelReg .btn:active,#registerModal .btn:active{transform:translateY(0);}#panelReg .btn.primary,#registerModal .btn.primary{background:#233264;color:#fff;border:0;}#panelReg .btn.primary:hover,#registerModal .btn.primary:hover{background:#1a2550;}#panelReg .btn.icon-x,#registerModal .btn.icon-x{width:34px;height:34px;padding:0;border-radius:12px;font-size:2rem;font-weight:700;line-height:1;}.cb-wrap{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;color:#0f172a;line-height:1.7;max-width:100%;margin:0;padding:0;}.cb-wrap .cb-grid{display:grid;gap:16px;align-items:stretch;}.cb-wrap .cb-grid>*:only-child{grid-column:1/-1;}@media(min-width:1025px){.cb-wrap .cb-grid{grid-template-columns:repeat(3,minmax(300px,1fr));}}@media(max-width:1024px) and (min-width:641px){.cb-wrap .cb-grid{grid-template-columns:repeat(2,minmax(280px,1fr));}}@media(max-width:640px){.cb-wrap .cb-grid{grid-template-columns:1fr;}}.cb-card-intro{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:16px 18px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:1.6rem;}.cb-card-intro .cb-title{color:#fff;font-size:1.7rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);}.cb-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s;overflow:hidden;}.cb-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12);}.cb-head{margin-bottom:16px;padding-left:15px;padding-right:15px;}.cb-hero{padding:1.6rem 0;text-align:center;}.cb-hero img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-title{font-size:1.7rem;color:#0f172a;margin:0 0 10px;line-height:1.4;}.cb-list{list-style:none;margin:0 0 14px;padding:0;}.cb-list li{font-size:1.6rem;color:#64748b;line-height:1.8;margin:5px 0;padding-left:20px;position:relative;}.cb-list li::before{content:"●";position:absolute;left:0;font-size:7px;bottom:8px;}.cb-list li strong{font-weight:700;color:#0f172a;}.cb-list a{color:#233264;text-decoration:none;}.cb-list a:hover{text-decoration:underline;}.cb-sec{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;padding-left:15px;padding-right:15px;}.cb-sec-ttl{font-size:1.6rem;font-weight:600;color:#0f172a;margin-bottom:10px;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.cb-progress-hero{margin-bottom:1rem;}.cb-progress-hero img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px 18px 14px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-top:16px;}.cb-progress-card .cb-head{margin:0 0 12px;}.cb-progress-card .cb-head-ttl{font:600 1.8rem/1.2 "GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif,system-ui,sans-serif;color:#0f172a;}.cb-progress-card .cb-hero{margin-bottom:14px;border-radius:12px;overflow:hidden;background:#f6f7fb;border:1px solid #e5e7eb;padding:0;}.cb-progress-card .cb-hero img{width:100%;height:auto;display:block;box-shadow:none;}.cb-top{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start;}.cb-top-left{display:flex;align-items:flex-start;justify-content:flex-start;}.cb-top-pct{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:5rem;line-height:1;font-weight:normal;color:#0b4aa7;letter-spacing:-1px;margin-top:2px;}.cb-top-right{min-width:0;}.cb-top-title{margin-top:8px;font:600 1.6rem/1.35 "GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif,system-ui,sans-serif;color:#0f172a;}.cb-checks{margin:10px 0 0;padding:0;list-style:none;}.cb-checks li{position:relative;padding-left:22px;margin:6px 0;color:#2a3e57;font-size:1.6rem;line-height:1.45;}.cb-checks li::before{content:"✓";position:absolute;left:0;top:0;color:#16a34a;font-weight:800;}.cb-rows{margin-top:16px;display:grid;gap:14px;}.cb-row{display:grid;grid-template-columns:240px 1fr;gap:12px;align-items:start;}.cb-row-left{display:flex;align-items:baseline;gap:10px;white-space:nowrap;}.cb-row-label{font:600 1.8rem/1.2 "GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif,system-ui,sans-serif;color:#0f172a;}.cb-row-pct{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:4rem;line-height:1;font-weight:normal;color:#0b4aa7;letter-spacing:-.5px;}.cb-row-right{min-width:0;}.cb-bar{width:100%;height:10px;border-radius:999px;background:#e8f0fb;overflow:hidden;position:relative;}.cb-bar.cb-bar-lg{height:12px;}.cb-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0b4aa7 0%,#1a79c9 35%,#17b2a0 70%,#69c232 100%);box-shadow:0 6px 14px rgba(13,76,170,.12);transition:width .35s ease;}.cb-row-desc{margin-top:8px;color:#2a3e57;font-size:1.6rem;line-height:1.55;}.cb-desc-line{margin:3px 0;}.cb-link{margin-top:14px;}.cb-link a{display:inline-block;font-size:1.6rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#233264;text-decoration:none;border-bottom:1px solid transparent;}.cb-link a:hover{border-bottom-color:#233264;}.cb-only-checks{padding-top:6px;}@media(max-width:900px){.cb-top{grid-template-columns:100px 1fr;}.cb-top-pct{font-size:5rem;}.cb-row{grid-template-columns:1fr;}.cb-row-left{justify-content:flex-start;}}.promo-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(2,8,23,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:.2s transform,.2s box-shadow;}.promo-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(2,8,23,.12);}.promo-media{flex:0 0 auto;aspect-ratio:4/3;background:#e2e8f0;overflow:hidden;border-radius:16px 16px 0 0;}.promo-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s transform;}.promo-card:hover .promo-media img{transform:scale(1.02);}.promo-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 18px 20px;}.promo-title{margin:0;font:600 18px/1.35 "GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif,system-ui,sans-serif;color:#0f172a;}.promo-detail{margin:0;color:#6b7280;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.promo-date{font-size:14px;color:#000;}.promo-btn{margin-top:auto;align-self:flex-start;color:#0f172a;text-decoration:none;border:1.5px solid #0f172a!important;border-radius:12px;padding:10px 14px;font-size:14px;display:inline-flex;gap:8px;align-items:center;transition:.2s box-shadow,.2s transform;}.promo-btn:hover{box-shadow:0 6px 12px rgba(2,8,23,.1);transform:translateY(-1px);}.promo-btn::after{content:"›";font-size:16px;line-height:1;}.reg-table-outer{width:100%;display:flex;justify-content:center;padding:8px 0 0;}.reg-table-wrap{width:100%;max-width:900px;margin:0 auto;overflow-x:auto;padding-bottom:12px;}.reg-table{min-width:720px;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#f5f7fb;}.reg-header,.reg-row{display:flex;align-items:stretch;}.reg-header{background:#edf1f7;border-bottom:1px solid #e5e7eb;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#4b5563;}.reg-row-even{background:#f9fafb;}.reg-row-odd{background:#fff;}.reg-row+.reg-row{border-top:1px solid #e5e7eb;}.reg-cell{padding:16px 18px;display:flex;align-items:center;box-sizing:border-box;}.reg-cell-check{flex:0 0 100px;justify-content:center;background:#f4f6fb;}.reg-cell-img{flex:0 0 260px;}.reg-cell-info{flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;}.reg-check-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;}.reg-check{appearance:none;-webkit-appearance:none;min-width:18px;min-height:18px;border-radius:4px;border:2px solid #0b2f63;background:#fff;cursor:pointer;box-sizing:border-box;position:relative;transition:background .15s ease,border-color .15s ease,transform .1s ease;}.reg-check:focus-visible{outline:2px solid #0b2f63;outline-offset:2px;}.reg-check:checked{background:#0b2f63;border-color:#0b2f63;transform:translateY(-.5px);}.reg-check:checked::after{content:"";position:absolute;width:15px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);left:3px;top:4px;}@media(max-width:640px){.reg-check-box{width:22px;height:22px;}.reg-check{width:16px;height:16px;}}.reg-img-wrap{width:100%;max-width:260px;height:160px;border-radius:12px;overflow:hidden;background:#e5e7eb;}.reg-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}.reg-project-name{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#111827;}.reg-project-price{font-size:1.3rem;color:#6b7280;}.reg-footer{border-top:1px solid #e5e7eb;padding:16px 18px 18px;background:#f9fafb;display:flex;justify-content:center;}.reg-btn-multi{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;border:2px solid #0b2f63;background:#fff;color:#0b2f63;font-size:1.6rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif,system-ui,sans-serif;cursor:pointer;border-radius:0;letter-spacing:.02em;transition:background .2s,color .2s,border-color .2s,transform .1s;white-space:nowrap;}.reg-btn-multi::after{content:" >";font-size:1.6rem;margin-left:4px;}.reg-btn-multi:hover{background:#0b2f63;color:#fff;border-color:#0b2f63;transform:translateY(-1px);}@media(max-width:900px){.reg-table{min-width:640px;}.reg-cell-img{flex:0 0 230px;}.reg-img-wrap{max-width:230px;height:150px;}}@media(max-width:640px){.reg-table{min-width:0;border-radius:12px;}.reg-header{display:none;}.reg-row{flex-direction:column;}.reg-cell-check,.reg-cell-img,.reg-cell-info{flex:1 1 auto;width:100%;padding:10px 14px;}.reg-cell-check{justify-content:flex-start;background:#f3f4f6;}.reg-img-wrap{max-width:100%;height:190px;}.reg-footer{justify-content:stretch;padding:12px 14px 16px;}.reg-btn-multi{width:100%;justify-content:center;}}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none;}.chat-text:disabled{color:#6b7280;cursor:not-allowed;}.btn.danger,#btnStop{background:#ef4444;color:#fff;border:0;}.btn.danger:hover,#btnStop:hover{background:#dc2626;}.cb-search-header{background:linear-gradient(135deg,#233264 0%,#1a2342 100%);padding:20px 16px;margin:-16px -16px 16px -16px;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-search-title{color:#fff;font-size:2rem;font-weight:600;text-align:center;margin:0;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.cb-project-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(2,6,23,.18);transition:all .3s;margin:2rem 0;animation:fadeInUp .5s ease forwards;padding:0;opacity:0;}.cb-project-card:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(2,6,23,.25);}.cb-project-card:nth-child(1){animation-delay:.1s;}.cb-project-card:nth-child(2){animation-delay:.2s;}.cb-project-card:nth-child(3){animation-delay:.3s;}.cb-project-card:nth-child(4){animation-delay:.4s;}.cb-project-card:nth-child(5){animation-delay:.5s;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.cb-project-header{background:#fff;padding:16px 20px;position:relative;}.cb-project-title{color:#1a2445;font-size:2.5rem;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.cb-project-number{background:rgba(255,255,255,.25);padding:2px 10px;border-radius:999px;font-size:1.6rem;min-width:32px;text-align:center;}.cb-project-category{display:inline-block;background:rgba(27,37,71,.95);color:#fff;padding:4px 14px;border-radius:999px;font-size:1.3rem;font-weight:600;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.cb-project-cta{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;padding:16px;border-top:1px solid #e5e7eb;background:#f6f7fb;}.cb-project-cta .cb-qr-item{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-size:1.3rem;font-weight:700;white-space:nowrap;}.cb-project-cta .cb-qr-item.detail{background:linear-gradient(135deg,#233264 0%,#1a2342 100%);color:#fff;border:0;box-shadow:0 6px 16px rgba(35,50,100,.25);}.cb-project-cta .cb-qr-item.register{background:linear-gradient(135deg,#fff 0%,#a00d24 100%);color:#fff;border:0;box-shadow:0 6px 16px rgba(200,16,46,.25);}.cb-project-cta .cb-qr-item.brochure{background:#fff;color:#233264;border:1px solid #d1d5db;}.cb-project-cta .cb-qr-item:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,.05);}@media(max-width:640px){.cb-project-cta{grid-template-columns:1fr;}}.cb-unit-card{background:#f6f7fb;border-radius:12px;overflow:hidden;transition:all .3s;border:2px solid transparent;display:flex;flex-direction:column;}.cb-unit-card:hover{border-color:#233264;box-shadow:0 4px 12px rgba(35,50,100,.15);transform:translateY(-2px);}.cb-unit-card.home{background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 8px 30px rgba(2,6,23,.18);}.cb-unit-card.home:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(2,6,23,.25);border-color:#233264;}.cb-unit-image{position:relative;width:100%;height:180px;overflow:hidden;background:#e5e7eb;cursor:pointer;}.cb-unit-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}.cb-unit-image::after{content:"คลิกเพื่อดูภาพขนาดใหญ่";position:absolute;inset:auto 8px 8px 8px;background:rgba(15,23,42,.72);color:#fff;border-radius:8px;padding:6px 10px;font-size:1.3rem;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;}.cb-unit-image.is-empty{background:linear-gradient(180deg,#f1f5f9,#e5e7eb);display:grid;place-items:center;color:#94a3b8;font-size:1.3rem;font-weight:600;}.cb-unit-image.is-empty::after{display:none;}.cb-unit-image.is-empty .cb-unit-label{display:none;}.cb-unit-card:hover .cb-unit-image img{transform:scale(1.08);}.cb-unit-card:hover .cb-unit-image::after{opacity:1;transform:translateY(0);}.cb-unit-image-home{position:relative;width:100%;height:260px;overflow:hidden;cursor:pointer;background:#f1f5f9;border-bottom:1px solid #e5e7eb;}.cb-unit-image-home img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}.cb-unit-image-home::after{content:"คลิกเพื่อดูภาพขนาดใหญ่";position:absolute;inset:auto 8px 8px 8px;background:rgba(15,23,42,.72);color:#fff;border-radius:8px;padding:6px 10px;font-size:1.3rem;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;}.cb-unit-image-home.is-empty{background:linear-gradient(180deg,#f1f5f9,#e5e7eb);display:grid;place-items:center;color:#94a3b8;font-size:1.3rem;font-weight:600;}.cb-unit-image-home.is-empty::after{display:none;}.cb-unit-image-home.is-empty .cb-unit-label{display:none;}.cb-unit-card.home:hover .cb-unit-image-home img{transform:scale(1.05);}.cb-unit-card:hover .cb-unit-image-home::after{opacity:1;transform:translateY(0);}.cb-unit-badge{position:absolute;top:12px;right:12px;background:#233264;color:#fff;font-size:1.3rem;font-weight:600;border-radius:999px;padding:4px 12px;box-shadow:0 2px 6px rgba(0,0,0,.15);}.cb-unit-label{color:#fff;padding:6px 14px;font-size:1.3rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;border-radius:10px;font-weight:700;letter-spacing:.2px;}.cb-unit-info{background:#fff;padding:14px;flex:1;display:flex;flex-direction:column;gap:8px;}.cb-unit-info>div{font-size:1.6rem;color:#000;line-height:1.5;}.cb-unit-info strong{color:#0f172a;font-weight:600;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.cb-unit-title{font-size:2rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#0f172a;margin-bottom:4px;}.cb-unit-meta{font-size:1.3rem!important;color:#64748b;font-style:italic;margin-bottom:8px;}.cb-room-info{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid #e5e7eb;}.cb-room-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#64748b;padding:5px 10px;border-radius:999px;font-size:1.3rem;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap;}.cb-icon{font-size:1.6rem;line-height:1;}.cb-pdf-link{margin-top:8px;padding-top:10px;border-top:1px solid #e5e7eb;}.cb-pdf-link a{display:inline-flex;align-items:center;gap:6px;color:#233264;text-decoration:none;font-weight:600;font-size:1.3rem;transition:color .2s;}.cb-pdf-link a:hover{text-decoration:underline;}.cb-floor-plans{padding:14px;background:#fff;border-top:1px solid #e5e7eb;}.cb-floor-title{font-weight:600;color:#0f172a;margin-bottom:10px;font-size:1.6rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.cb-floor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;}.cb-floor-item{border-radius:8px;overflow:hidden;background:#f6f7fb;border:1px solid #e5e7eb;transition:all .3s;}.cb-floor-item:hover{border-color:#233264;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-floor-item img{width:100%;height:auto;display:block;transition:transform .3s;}.cb-floor-item:hover img{transform:scale(1.05);}.floor-card{background:#f6f7fb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s;}.floor-card:hover{border-color:#233264;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-floor-thumb{height:140px;}.cb-floor-thumb img{width:100%;height:100%;object-fit:cover;}.floor-label{text-align:center;font-size:1.3rem;color:#64748b;padding:8px 0;}.cb-360-table{width:100%;border-collapse:collapse;}.cb-360-table td{padding:8px;vertical-align:middle;}.cb-360-thumb{width:80px;}.cb-360-thumb img{width:100%;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);}.cb-360-cap{padding-left:10px;}.cb-360-cap a{color:#64748b;font-size:1.3rem;}.cb-360-cap a:hover{text-decoration:underline;}.cb-quick-reply{padding:16px;background:#f6f7fb;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;border-top:1px solid #e5e7eb;}.cb-qr-btn{flex:1;min-width:180px;padding:12px 20px;border:0;border-radius:12px;font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;white-space:nowrap;}.cb-qr-detail{background:linear-gradient(135deg,#233264 0%,#1a2342 100%);color:#fff;box-shadow:0 4px 12px rgba(35,50,100,.25);}.cb-qr-detail:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(35,50,100,.35);}.cb-qr-register{background:linear-gradient(135deg,#fff 0%,#a00d24 100%);color:#fff;box-shadow:0 4px 12px rgba(200,16,46,.25);}.cb-qr-register:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(200,16,46,.35);}.cb-empty{text-align:center;padding:40px 20px;color:#9ca3af;}.cb-empty-icon{font-size:4.8rem;margin-bottom:12px;opacity:.5;}.cb-empty-text{font-size:2rem;font-weight:500;}.cb-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#9ca3af;}.cb-loading::after{content:"⌛";font-size:3rem;animation:spin 2s linear infinite;}@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}.reg-table{width:100%;border-collapse:collapse;margin:8px 0;}.reg-table .reg-check{cursor:pointer;}.cb-qr-item{padding:10px 14px;border-radius:8px;background:#f6f7fb;border:1px solid #d1d5db;color:#0f172a;cursor:pointer;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;font-weight:600;text-align:center;text-decoration:none;transition:all .2s;user-select:none;}.cb-qr-item:hover{background:#233264;border-color:#233264;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.05);text-decoration:none;}.cb-qr-item:active{transform:translateY(0);}.cb-qr-item.detail{background:linear-gradient(135deg,#233264 0%,#1a2342 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(35,50,100,.25);}.cb-qr-item.register{background:linear-gradient(135deg,#fff 0%,#a00d24 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(200,16,46,.25);}.cb-qr-item.detail:hover,.cb-qr-item.register:hover{transform:translateY(-2px);}.cb-qr-item.detail:active,.cb-qr-item.register:active{transform:translateY(0);}.form-wrap{padding:20px;background:#f6f7fb;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;}.form-header{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #e5e7eb;}.form-header h3{margin:0 0 8px;font-size:2.5rem;color:#0f172a;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.form-header p{margin:0;font-size:1.3rem;color:#64748b;}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;font-size:1.6rem;max-width:none;}.form-grid .full{grid-column:1/-1;}.form-grid label{display:block;font-size:1.3rem;margin-bottom:6px;color:#0f172a;font-weight:600;}.form-grid input,.form-grid select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1.6rem;background:#fff;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;transition:all .2s;min-height:40px;}.form-grid input:focus,.form-grid select:focus{border-color:#233264;box-shadow:0 0 0 3px rgba(35,50,100,.1);outline:0;}.form-actions{margin-top:20px;display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;background:#f6f7fb;padding-top:12px;border-top:1px solid #e5e7eb;z-index:1;}.panel#panelPreview{flex-direction:column;overflow-y:auto;border-left:1px solid #e5e7eb;background:#fff;}.panel#panelReg{flex-direction:column;overflow-y:auto;border-left:1px solid #e5e7eb;background:#fff;}.register-modal{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center;z-index:100000000;opacity:0;transition:opacity .3s;}.register-modal.active{display:flex;opacity:1;}.register-modal .modal-content{background:#fff;width:100%;max-height:90vh;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 24px 60px rgba(2,6,23,.25);transform:translateY(100%);animation:slideUp .3s forwards;}.register-modal .modal-header{padding:14px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#fff;}.register-modal .modal-title{font-size:2rem;font-weight:700;color:#0f172a;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}.register-modal .modal-close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .2s;background:#f6f7fb;border:0;padding:0;}.register-modal .modal-close:active{transform:scale(.95);}.register-modal .modal-body{padding:18px 16px;overflow-y:auto;max-height:calc(90vh - 70px);-webkit-overflow-scrolling:touch;}.register-modal .modal-body>p{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#64748b;margin:0 0 16px;}.register-modal .modal-body>p strong{color:#0053b5;}@keyframes slideUp{to{transform:translateY(0);}}@media(min-width:769px){.register-modal{display:none!important;}}.cb-nav{position:relative;}.cb-slide-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:0;border-radius:999px;background:#fff;box-shadow:0 6px 16px rgba(2,6,23,.15);display:grid;place-items:center;font-size:18px;cursor:pointer;}.cb-slide-btn.prev{left:6px;}.cb-slide-btn.next{right:6px;}.cb-units-container{display:grid;gap:16px;padding:16px;grid-template-columns:repeat(3,minmax(220px,1fr));}.cb-units-container-home{display:grid;gap:16px;padding:16px;grid-template-columns:repeat(2,minmax(330px,1fr));}@media(max-width:1024px){.cb-units-container{grid-template-columns:repeat(2,minmax(220px,1fr));}.cb-units-container-home{grid-template-columns:repeat(2,minmax(330px,1fr));}}@media(max-width:640px){.cb-units-container{grid-template-columns:1fr;}.cb-units-container-home{grid-template-columns:1fr;}}.cb-units-container,.cb-units-container-home{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;gap:12px!important;padding:16px 10px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}.cb-units-container::after,.cb-units-container-home::after{content:"";flex:0 0 8px;}.cb-units-container::-webkit-scrollbar,.cb-units-container-home::-webkit-scrollbar{height:6px;}.cb-units-container::-webkit-scrollbar-track,.cb-units-container-home::-webkit-scrollbar-track{background:#f6f7fb;}.cb-units-container::-webkit-scrollbar-thumb,.cb-units-container-home::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px;}.cb-units-container.is-dragging,.cb-units-container-home.is-dragging{cursor:grabbing;scroll-behavior:auto;}.cb-units-container>.cb-unit-card{flex:0 0 31%!important;min-width:280px!important;scroll-snap-align:start;}.cb-units-container-home>.cb-unit-card{flex:0 0 45%!important;min-width:100%!important;scroll-snap-align:start;}@media(max-width:1200px){.cb-units-container>.cb-unit-card{flex-basis:38%!important;}.cb-units-container-home>.cb-unit-card{flex-basis:55%!important;}}@media(max-width:900px){.cb-units-container>.cb-unit-card{flex-basis:55%!important;}.cb-units-container-home>.cb-unit-card{flex-basis:70%!important;}}@media(max-width:700px){.cb-units-container>.cb-unit-card{flex-basis:80%!important;}.cb-units-container-home>.cb-unit-card{flex-basis:85%!important;}}.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container{display:grid!important;grid-template-columns:repeat(3,minmax(320px,1fr))!important;gap:16px!important;padding:16px!important;overflow:visible!important;}.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container-home{display:grid!important;grid-template-columns:repeat(2,minmax(320px,1fr))!important;gap:16px!important;padding:16px!important;overflow:visible!important;}@media(max-width:1599px){.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container{grid-template-columns:repeat(2,minmax(320px,1fr))!important;}}@media(max-width:1024px){.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container,.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container-home{grid-template-columns:repeat(2,minmax(280px,1fr))!important;}}@media(max-width:640px){.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container,.ai-chatbot-popup:not(.split-view) #panelChat .cb-units-container-home{grid-template-columns:1fr!important;}}.ai-chatbot-popup.split-view #panelChat .cb-units-container,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;padding:16px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab;}.ai-chatbot-popup.split-view #panelChat .cb-units-container>.cb-unit-card,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home>.cb-unit-card{flex:0 0 auto!important;scroll-snap-align:start;width:min(400px,85%)!important;min-width:280px;}@media(max-width:1200px){.ai-chatbot-popup.split-view #panelChat .cb-units-container>.cb-unit-card,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home>.cb-unit-card{width:min(420px,80%)!important;}}@media(max-width:900px){.ai-chatbot-popup.split-view #panelChat .cb-units-container>.cb-unit-card,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home>.cb-unit-card{width:90%!important;}}.ai-chatbot-popup.split-view #panelChat .cb-units-container.is-dragging,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home.is-dragging{cursor:grabbing;}.ai-chatbot-popup.split-view #panelChat .cb-units-container::-webkit-scrollbar,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home::-webkit-scrollbar{height:6px;}.ai-chatbot-popup.split-view #panelChat .cb-units-container::-webkit-scrollbar-thumb,.ai-chatbot-popup.split-view #panelChat .cb-units-container-home::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px;}@media(min-width:1600px){.cb-units-container{display:grid!important;grid-template-columns:repeat(3,minmax(260px,1fr))!important;gap:16px!important;padding:16px!important;overflow:visible!important;}.cb-units-container-home{display:grid!important;grid-template-columns:repeat(2,minmax(360px,1fr))!important;gap:16px!important;padding:16px!important;overflow:visible!important;}}.ai-chatbot-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:#1e293b;color:#fff;padding:10px 24px;border-radius:10px;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;z-index:100000001;opacity:0;pointer-events:none;transition:all .3s ease;white-space:pre-line;}.ai-chatbot-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}@media(min-width:769px){.form-grid{grid-template-columns:repeat(2,minmax(280px,1fr))!important;gap:14px!important;}}@media(max-width:768px){.form-grid{grid-template-columns:1fr!important;}}@media(max-height:820px){.form-header h3{font-size:2rem;}.form-header p{font-size:1.3rem;}.form-grid input,.form-grid select{min-height:38px;}}@media(max-width:767px){.ai-chatbot-header{padding:0 10px;}.ai-chatbot-popup .popup-body,.ai-chatbot-popup.split-view .popup-body{flex-direction:column;}.ai-chatbot-popup .panel#panelChat,.ai-chatbot-popup.split-view .panel#panelChat{flex:1;border-right:0;}.ai-chatbot-popup .panel#panelReg,.ai-chatbot-popup.split-view .panel#panelReg{display:none!important;}.chat-input-wrap{height:40px;padding:0 15px;margin:8px 10px;}.ai-chatbot-welcome-icon{margin-bottom:15px;}.ai-chatbot-welcome-icon img{width:80px;}.ai-chatbot-btn-send{display:none;}.ai-chatbot-action-btn{padding:0 10px;font-size:1.3rem;height:30px;}.ai-chatbot-action-btn img{width:16px;}.ai-chatbot-actions{gap:5px;}.ai-chatbot-close-btn{width:28px;height:28px;}.ai-chatbot-body{padding:0;}.ai-chatbot-brand-icon{width:30px;}#chat{padding:12px 14px;}.bubble{max-width:100%;padding:11px 13px;}.row.user .bubble{max-width:85%;}.quick-row{padding:8px 10px;gap:6px;}.chip{font-size:1.3rem;padding:6px 10px;}.cb-qr-item{font-size:1.3rem;padding:11px 14px;}.cb-quick-reply,.cb-qr-btn{grid-template-columns:1fr;gap:8px;}.cb-qr-btn{min-width:100%;font-size:1.3rem;padding:10px 16px;}.cb-card-intro .cb-title{font-size:1.6rem;}.cb-title{font-size:1.6rem;}.cb-list li{font-size:1.3rem;padding-left:18px;}.cb-sec-ttl{font-size:1.45rem;}.cb-360-thumb{width:80px;}.cb-360-cap{padding-left:10px;}.cb-360-cap a{font-size:1.25rem;}.cb-unit-image-home{height:200px;}.cb-unit-title{font-size:1.45rem;}.form-actions{flex-direction:column-reverse;}.form-actions .btn{width:100%;}}@media(max-width:575px){.ai-chatbot-popup{width:100%;height:100vh;max-width:100%;border-radius:0;}.ai-chatbot-popup:before{border-radius:0;}}@media print{.cb-quick-reply,.cb-qr-btn{display:none;}.cb-project-card{page-break-inside:avoid;box-shadow:none;border:1px solid #d1d5db;}.cb-unit-image::after{display:none;}}.compare-floating-btn{position:relative;width:40px;height:40px;border-radius:50%;background-color:#d6e9ff;border:2px solid #0053b5;color:#0053b5;display:flex;align-items:center;justify-content:center;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;display:none;}.compare-floating-btn.show{display:flex;}.compare-floating-btn:hover{transform:scale(1.08);color:#333;}.compare-floating-btn__badge{position:absolute;bottom:-5px;right:-5px;min-width:22px;height:22px;border-radius:50%;background-color:#0053b5;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff;}section{padding-top:4rem;padding-bottom:4rem;}@media(min-width:1200px){section{padding-top:6rem;padding-bottom:6rem;}}.btn-loadmore,.content .btn-loadmore{display:inline-flex;align-items:center;gap:3px;height:40px;padding:0 16px;border-radius:50px;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#0053b5;border:1px solid #0053b5;background-color:transparent;text-decoration:none;transition:all .3s ease;}.btn-loadmore i,.content .btn-loadmore i{font-size:2rem;}.btn-loadmore:hover,.content .btn-loadmore:hover{background-color:#bfd4ec;border-color:#bfd4ec;text-decoration:none;}.btn-loadmore.white,.content .btn-loadmore.white{color:#fff;border-color:#fff;}.btn-loadmore.white:hover,.content .btn-loadmore.white:hover{background-color:#fff;color:#0053b5;text-decoration:none;}.label-icon-link{background-color:#fff;width:30px;height:30px;border-radius:50%;border:1px solid #fff;justify-content:center;align-items:center;display:flex;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);position:absolute;z-index:1;}.label-icon-link:before{content:"";display:inline-block;width:24px;height:24px;background-color:#0053b5;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:middle;-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-arrow-top-right.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-arrow-top-right.svg");z-index:1;position:absolute;transition:all .3s ease;}@media(min-width:992px){.label-icon-link{width:50px;height:50px;}.label-icon-link:before{width:36px;height:36px;}}.label-icon-link:hover:before{transform:translate(3px,-3px);}.slide-arrow-prev,.slide-arrow-next{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;background-color:rgba(129,129,129,.5);border:1px #fff solid;border-radius:50%;transition:background-color .3s ease,transform .3s ease;}.slide-arrow-prev::before,.slide-arrow-next::before{content:"";display:block;width:30px;height:30px;background-color:#fff;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform .3s ease;}@media(min-width:992px){.slide-arrow-prev,.slide-arrow-next{width:50px;height:50px;}.slide-arrow-prev::before,.slide-arrow-next::before{width:40px;height:40px;}}.slide-arrow-prev:hover,.slide-arrow-next:hover{background-color:#fff;transform:scale(1.1);}.slide-arrow-prev:hover:before,.slide-arrow-next:hover:before{background-color:#0053b5;}.slide-arrow-prev.filled,.slide-arrow-next.filled{background-color:#fff;border-color:#0053b5;}.slide-arrow-prev.filled:before,.slide-arrow-next.filled:before{background-color:#0053b5;}.slide-arrow-prev{left:0;}.slide-arrow-prev::before{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-chevron-left.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-chevron-left.svg");}.slide-arrow-prev:hover::before{transform:translateX(-3px);}.slide-arrow-next{right:0;}.slide-arrow-next::before{-webkit-mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-chevron-right.svg");mask-image:url("https://sansiri-com-frontend.s3.dualstack.ap-southeast-1.amazonaws.com/assets/2026/icons/ic-chevron-right.svg");}.slide-arrow-next:hover::before{transform:translateX(3px);}.slide-arrow-wrap .slide-arrow-prev,.slide-arrow-wrap .slide-arrow-next{z-index:10;position:absolute;top:50%;margin-top:-15px;}@media(min-width:992px){.slide-arrow-wrap .slide-arrow-prev,.slide-arrow-wrap .slide-arrow-next{margin-top:-25px;}}