@media(max-width:575px){#registerContactSection .container{padding-right:2rem;padding-left:2rem;}}.ssr-btn-social{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;height:40px;border-radius:50px;padding:0 25px;border:1px solid #ccc;color:#000;align-items:center;gap:8px;justify-content:center;display:flex;}.register-contact-form{background-color:rgba(217,229,244,.5);background-image:url("../../../img/brand/sansiri-community-pattern-register.png");background-repeat:repeat-x;background-position:bottom;background-size:auto 130px;}.register-contact-form .a-underline{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;text-decoration:underline;}.register-contact-form .btn-submit-form{height:50px;padding:0 30px;font-size:2rem;}@media(max-width:767px){.register-contact-form .btn-submit-form{height:40px;font-size:1.6rem;}}.register-contact-form .bg-card-form{display:flex;background-color:#fff;border-radius:20px;align-items:center;justify-content:center;padding:6rem 2rem;flex-direction:column;}@media(max-width:991px){.register-contact-form .bg-card-form{padding:3rem 2rem;}}.register-contact-form .group-btn-social{display:flex;flex-direction:column;align-items:center;}.register-contact-form .group-btn-social .btn-submit{background-color:transparent;border:#d2d3d4 1px solid;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;color:#000;gap:8px;padding:0 25px;}.register-contact-form .group-btn-social .btn-line-chat{color:#fff!important;background-color:#00b900!important;border:#00b900 1px solid;}.register-contact-form .group-btn-social .btn-line-chat .ic-line-chat{color:#fff!important;}.register-contact-form .titlecard{text-align:center;font-size:2rem;}@media(max-width:991px){.register-contact-form .titlecard{font-size:1.6rem;}}@media(max-width:575px){.register-contact-form .titlecard{font-size:1.3rem;}}.register-contact-form__form{width:1000px;max-width:100%;margin:auto;}.register-contact-form__input{width:800px;max-width:100%;margin:auto;}.register-contact-form__row{display:flex;gap:16px;margin-bottom:16px;}@media(max-width:767px){.register-contact-form__row{flex-direction:column;gap:16px;margin-bottom:16px;}}.register-contact-form__row--full .register-contact-form__field{flex:1;}.register-contact-form__field{flex:1;position:relative;}.register-contact-form__field input,.register-contact-form__field textarea{width:100%;padding:25px 16px 6px;border:1px solid #ccc;border-radius:10px;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;background:#fff;outline:0;transition:border-color .2s ease;box-sizing:border-box;}@media(max-width:767px){.register-contact-form__field input,.register-contact-form__field textarea{font-size:1.3rem;padding:20px 16px 6px;}}.register-contact-form__field input:focus,.register-contact-form__field textarea:focus{border-color:#0053b5;}.register-contact-form__field input:focus+label,.register-contact-form__field input:not(:placeholder-shown)+label,.register-contact-form__field textarea:focus+label,.register-contact-form__field textarea:not(:placeholder-shown)+label{top:6px;font-size:1.3rem;color:#0053b5;}@media(max-width:767px){.register-contact-form__field input:focus+label,.register-contact-form__field input:not(:placeholder-shown)+label,.register-contact-form__field textarea:focus+label,.register-contact-form__field textarea:not(:placeholder-shown)+label{font-size:1rem;}}.register-contact-form__field textarea{resize:vertical;min-height:80px;padding-top:24px;}.register-contact-form__field input[type=number]{-moz-appearance:textfield;}.register-contact-form__field input[type=number]::-webkit-outer-spin-button,.register-contact-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.register-contact-form__field>label[for]{position:absolute;top:14px;left:16px;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#999;pointer-events:none;transition:all .2s ease;}@media(max-width:767px){.register-contact-form__field>label[for]{font-size:1.3rem;}}.register-contact-form__field span.error{display:block;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#ea5236;margin-top:4px;}@media(max-width:767px){.register-contact-form__field span.error{font-size:1rem;}}.register-contact-form__recaptcha{display:flex;flex-direction:column;align-items:center;margin:24px 0;position:relative;}.register-contact-form__recaptcha .recaptcha-wrap.error{border:1px solid #ea5236;}.register-contact-form__error{display:none;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#ea5236;margin-top:4px;}.register-contact-form__error.show{display:block;}.register-contact-form__privacy{text-align:center;margin:16px 0;}.register-contact-form__privacy p{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1rem!important;margin:0;line-height:1.6;}.register-contact-form__privacy a{color:#0053b5;text-decoration:underline;}.register-contact-form__submit{text-align:center;margin-top:24px;}.register-contact-form__profile{position:relative;display:flex;justify-content:center;width:fit-content;margin:0 auto;}.register-contact-form__profile-avatar{width:80px;height:80px;border-radius:50%;background-color:#0053b5;color:#fff;display:flex;align-items:center;justify-content:center;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:3.6rem;overflow:hidden;border:2px solid #e0e0e0;}.register-contact-form__profile-avatar img{width:100%;height:100%;object-fit:cover;}.register-contact-form__profile-logout{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background-color:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color .2s;}.register-contact-form__profile-logout .ic-close{font-size:12px;color:#000;}.register-contact-form__profile-logout:hover{background-color:#f0f0f0;}.register-contact-form__field--projects{flex:1;}.register-contact-form__projects-filter{display:flex;flex-wrap:nowrap;gap:0;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:auto;scrollbar-width:none;background:linear-gradient(0deg,#fff 0%,#d9e5f4 100%);box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:60px;border:1px solid #fff;padding:8px;}.register-contact-form__projects-filter::-webkit-scrollbar{display:none;}.register-contact-form__projects-filter-btn{border:0;background:transparent;border-radius:60px;padding:0 18px;height:24px;line-height:24px;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#000;cursor:pointer;transition:all .2s ease;white-space:nowrap;}.register-contact-form__projects-filter-btn.is-active{background-color:#bfd4ec;color:#0053b5;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}@media(max-width:767px){.register-contact-form__projects-filter-btn{font-size:1rem;padding:0 14px;}}.register-contact-form__projects-group{background-color:rgba(240,240,240,.5);border-radius:10px;max-height:400px;overflow-y:auto;margin-bottom:20px;transition:opacity .15s ease;}.register-contact-form__projects-group:last-of-type{margin-bottom:0;}.register-contact-form__projects-group.is-hidden{display:none;}.register-contact-form__projects-group.is-filtering{opacity:0;pointer-events:none;}@media(max-width:767px){.register-contact-form__projects-group{max-height:280px;}}.register-contact-form__projects-group::-webkit-scrollbar{width:6px;}.register-contact-form__projects-group::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px;}.register-contact-form__projects-group::-webkit-scrollbar-track{background:transparent;}.register-contact-form__projects-group-title{position:sticky;top:0;z-index:1;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#000;background-color:#f7f7f7;padding-left:8px;padding-right:8px;margin:0;}@media(max-width:767px){.register-contact-form__projects-group-title{font-size:1.3rem;}}.register-contact-form__projects-group-subtitle{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#666;margin:-6px 0 12px;}@media(max-width:767px){.register-contact-form__projects-group-subtitle{font-size:1rem;}}.register-contact-form__projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px;}@media(max-width:991px){.register-contact-form__projects-list{gap:5px;}}@media(max-width:767px){.register-contact-form__projects-list{grid-template-columns:repeat(2,1fr);}}@media(max-width:575px){.register-contact-form__projects-list{grid-template-columns:1fr;}}.register-contact-form__project-item{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;margin:0;}.register-contact-form__project-item.is-hidden{display:none;}.register-contact-form__project-item.is-appear{animation:regProjectItemIn .22s ease-out both;}.register-contact-form__project-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}.register-contact-form__project-item input[type=checkbox]:checked+.register-contact-form__project-checkbox{background-color:#0053b5;border-color:#0053b5;}.register-contact-form__project-item input[type=checkbox]:checked+.register-contact-form__project-checkbox::after{opacity:1;}.register-contact-form__project-item:hover{background-color:rgba(0,0,0,.03);}.register-contact-form__project-checkbox{width:20px;height:20px;border:1px solid #ccc;border-radius:4px;background-color:#fff;flex-shrink:0;position:relative;transition:all .2s ease;margin-top:2px;}.register-contact-form__project-checkbox::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease;}.register-contact-form__project-info{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3;}.register-contact-form__project-name{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem;color:#000;}@media(max-width:767px){.register-contact-form__project-name{font-size:1.3rem;}}.register-contact-form__project-price{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;}@media(max-width:767px){.register-contact-form__project-price{font-size:1rem;}}.register-contact-form__projects-selected{display:none;margin-top:12px;padding:8px 12px;background-color:rgba(0,0,0,.03);border-radius:8px;font-size:1.3rem;color:#000;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;line-height:1.5;}.register-contact-form__projects-selected.is-visible{display:block;}.register-contact-form__projects-selected .total{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#0053b5;}@media(max-width:767px){.register-contact-form__projects-selected{font-size:1rem;}}.register-contact-form__projects-selected-names{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;word-break:break-word;}.register-contact-form__projects-error{display:none;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#ea5236;margin-top:8px;text-align:center;}.register-contact-form__projects-error.show{display:block;}@keyframes regProjectItemIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}