.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;text-decoration:none}.ssr-btn-social:hover{color:#000}#RegisterCon .form-container-warp{box-shadow:0 10px 30px rgba(0,0,0,.08);padding:6rem 2rem}@media(max-width: 991px){#RegisterCon .form-container-warp{padding:3rem 2rem}}#RegisterCon .head-section.headline-3{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif}#RegisterCon .form-sub-title{text-align:center;font-size:2rem}@media(max-width: 991px){#RegisterCon .form-sub-title{font-size:1.6rem}}@media(max-width: 575px){#RegisterCon .form-sub-title{font-size:1.3rem}}#RegisterCon .register-connect>div{display:flex;flex-direction:column;align-items:center;gap:12px}@media(min-width: 768px){#RegisterCon .register-connect>div{flex-direction:row;justify-content:center;gap:16px}}#RegisterCon .register-connect .btn-line-chat{color:#fff !important;background-color:#00b900 !important;border:1px solid #00b900 !important}#RegisterCon .register-connect .btn-line-chat:hover{background-color:#090 !important;border-color:#090 !important;color:#fff !important}#RegisterCon .register-connect .btn-line-chat .ic-line-chat{color:#fff !important}#RegisterCon .form-notice{text-align:center}#RegisterCon .form-notice a{color:#0053b5;text-decoration:underline;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif}#RegisterCon #btnregister.btn-submit-form{height:50px;padding:0 30px;font-size:2rem;border:none}@media(max-width: 767px){#RegisterCon #btnregister.btn-submit-form{height:40px;font-size:1.6rem}}#formSubscribe .row.pt-4{max-width:800px;margin-left:auto;margin-right:auto}#formSubscribe .row.pt-4>[class*=col-]{padding-left:0;padding-right:0}@media(min-width: 768px){#formSubscribe .row.pt-4>[class*=col-]:not(.end-item){padding-right:12px}#formSubscribe .row.pt-4>[class*=col-].end-item{padding-left:12px}}#formSubscribe .form-group{margin-bottom:24px;position:relative;padding:0}#formSubscribe .form-group .warning-text{top:100%;left:0;width:100%;margin-top:4px;text-align:left;text-transform:none;line-height:1.3}#formSubscribe .form-group .form-control{border:1px solid #ccc !important;border-radius:10px !important;border-bottom:1px solid #ccc !important;background:#fff !important;padding:25px 16px 6px !important;height:auto !important;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif !important;font-size:1.6rem !important;line-height:1 !important;color:#000 !important;outline:0;transition:border-color .2s ease;box-sizing:border-box;width:100%}@media(max-width: 767px){#formSubscribe .form-group .form-control{font-size:1.3rem !important;padding:20px 16px 6px !important}}#formSubscribe .form-group .form-control:focus{border-color:#0053b5 !important;box-shadow:none !important}#formSubscribe .form-group .form-control[type=number]{-moz-appearance:textfield}#formSubscribe .form-group .form-control[type=number]::-webkit-outer-spin-button,#formSubscribe .form-group .form-control[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#formSubscribe .form-group .form-control~.label{position:absolute;top:14px !important;left:16px;margin-top:0 !important;transform:translateY(0) !important;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.6rem !important;color:#999 !important;pointer-events:none;transition:all .2s ease;z-index:1}@media(max-width: 767px){#formSubscribe .form-group .form-control~.label{font-size:1.3rem !important}}#formSubscribe .form-group .form-control:focus~.label,#formSubscribe .form-group .form-control:not(:placeholder-shown)~.label,#formSubscribe .form-group .form-control.has-value~.label{top:6px !important;margin-top:0 !important;transform:translateY(0) !important;font-size:1rem !important;color:#0053b5 !important}@media(max-width: 767px){#formSubscribe .form-group .form-control:focus~.label,#formSubscribe .form-group .form-control:not(:placeholder-shown)~.label,#formSubscribe .form-group .form-control.has-value~.label{font-size:1rem !important}}#formSubscribe .form-group select.form-control.arrow-right,#formSubscribe .form-group select.form-control{border:1px solid #ccc !important;border-radius:10px !important;border-bottom:1px solid #ccc !important;background:#fff !important;padding:14px 40px 14px 16px !important;height:auto !important;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif !important;font-size:1.6rem !important;color:#6e6e6e !important;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:12px 8px !important;transition:border-color .2s ease;margin:0 !important}@media(max-width: 767px){#formSubscribe .form-group select.form-control.arrow-right,#formSubscribe .form-group select.form-control{font-size:1.3rem !important}}#formSubscribe .form-group select.form-control.arrow-right:focus,#formSubscribe .form-group select.form-control:focus{border-color:#0053b5 !important;outline:0;box-shadow:none !important}#formSubscribe .form-projects-heading{margin-top:1rem}#formSubscribe .form-projects-title{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:2rem;color:#000;text-align:center;margin-bottom:8px}@media(max-width: 767px){#formSubscribe .form-projects-title{font-size:1.6rem}}#formSubscribe .form-projects-subtitle{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#797c80;text-align:center;margin-bottom:0}@media(max-width: 767px){#formSubscribe .form-projects-subtitle{font-size:1rem}}#formSubscribe .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}@media(max-width: 767px){#formSubscribe .register-contact-form__projects-group{max-height:280px}}#formSubscribe .register-contact-form__projects-group:last-of-type{margin-bottom:0}#formSubscribe .register-contact-form__projects-group.is-hidden{display:none}#formSubscribe .register-contact-form__projects-group.is-filtering{opacity:0;pointer-events:none}#formSubscribe .register-contact-form__projects-group::-webkit-scrollbar{width:6px}#formSubscribe .register-contact-form__projects-group::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}#formSubscribe .register-contact-form__projects-group::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#formSubscribe .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){#formSubscribe .register-contact-form__projects-group-title{font-size:1.3rem}}#formSubscribe .register-contact-form__projects-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px 16px}@media(max-width: 991px){#formSubscribe .register-contact-form__projects-list{gap:5px}}@media(max-width: 767px){#formSubscribe .register-contact-form__projects-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 575px){#formSubscribe .register-contact-form__projects-list{grid-template-columns:1fr}}#formSubscribe .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}#formSubscribe .register-contact-form__project-item.is-hidden{display:none}#formSubscribe .register-contact-form__project-item.is-appear{animation:regProjectItemIn .22s ease-out both}#formSubscribe .register-contact-form__project-item:hover{background-color:rgba(0,0,0,.03)}#formSubscribe .register-contact-form__project-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}#formSubscribe .register-contact-form__project-item input[type=checkbox]:checked+.register-contact-form__project-checkbox{background-color:#0053b5;border-color:#0053b5}#formSubscribe .register-contact-form__project-item input[type=checkbox]:checked+.register-contact-form__project-checkbox::after{opacity:1}#formSubscribe .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}#formSubscribe .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}#formSubscribe .register-contact-form__project-info{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}#formSubscribe .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){#formSubscribe .register-contact-form__project-name{font-size:1.3rem}}#formSubscribe .register-contact-form__project-price{font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem}@media(max-width: 767px){#formSubscribe .register-contact-form__project-price{font-size:1rem}}#formSubscribe #is-comming-tag{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#f94700}#formSubscribe .register-contact-form__projects-selected{display:none;margin-top:12px;padding:8px 12px;background-color:rgba(0,0,0,.03);border-radius:8px;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;color:#000;line-height:1.5}#formSubscribe .register-contact-form__projects-selected.is-visible{display:block}#formSubscribe .register-contact-form__projects-selected .total{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#0053b5}@media(max-width: 767px){#formSubscribe .register-contact-form__projects-selected{font-size:1rem}}#formSubscribe .register-contact-form__projects-selected-names{font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;word-break:break-word}#formSubscribe .connect-fb::before,#formSubscribe .connect-google::before{content:none}@keyframes regProjectItemIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
