@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;800;900&display=swap);.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}*{margin:0;padding:0;box-sizing:border-box;font-family:arial,Noto Sans TC,Microsoft JhengHei,sans-serif}body{color:#333;font-size:15px;line-height:1.6}body:has(.consultFormContainer){background:url(https://www.payeasy.com.tw/PWelfareWeb/COMMON/invitation/consultform/img/background-image.fa613e1a.png) no-repeat;background-size:cover;background-position:50%}@media (max-width:1024px){body:has(.consultFormContainer){background-position:100%}}.formWrapper{width:100%;max-width:740px;padding:0 15px}.tabWrapper{width:100%;margin:20px auto}.tabWrapper label{padding:5px 10px 5px 30px;border-radius:20px;letter-spacing:1px;position:relative;background-color:#eee;font-weight:500;font-size:18px;margin-right:20px}.tabWrapper label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.tabWrapper label.checked{color:#fff;background-color:#ec7946}.tabWrapper label.checked input:checked~.checkmark{background-color:#fff}.tabWrapper label.checked input:checked~.checkmark:after{display:block}.tabWrapper label .checkmark{border-radius:2px;border:2px solid gray}.tabWrapper label .checkmark,.tabWrapper label.checked .checkmark{position:absolute;top:50%;left:10px;transform:translateY(-50%);height:15px;width:15px}.tabWrapper label.checked .checkmark{background-color:#eee;border-radius:2px;border:none}.tabWrapper label.checked .checkmark:after{content:"";position:absolute;display:none;top:2px;left:4px;width:4px;height:7px;border:solid #ec7946;border-width:0 2px 2px 0;transform:rotate(45deg)}.input-wrap{margin-bottom:15px}.checkbox-container{display:flex;flex-wrap:wrap}.checkbox-container .checkbox-wrap{padding:5px 10px 5px 20px;display:flex;align-items:center;position:relative}.checkbox-container .checkbox-wrap.offerType{width:calc(100% - 125px)}.checkbox-container .checkbox-wrap.offerType .offerType-input{width:100%;height:35px;margin-left:5px}.checkbox-container .checkbox-wrap label{font-weight:500;padding-left:5px;margin:0}.checkbox-item{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-item input:checked~.checkmark{background-color:#ec7946}.checkbox-item input:checked~.checkmark:after{display:block}.checkbox-item:hover input:not(:checked)~.checkmark{background-color:#ccc}.checkbox-item .checkmark:after{left:4px;top:1px;width:3px;height:6px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkmark{position:absolute;top:4px;left:-15px;height:15px;width:15px;border-radius:3px;background-color:#eee;border:1px solid #ccc}.checkmark:after{content:"";position:absolute;display:none}.error-msg{color:red}.form-control{width:100%;padding:6px;font-size:15px;height:42px;border-radius:4px;background-color:#fff;background-image:none;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.form-control:focus-visible{box-shadow:none;outline:none;border-color:rgba(236,121,70,.75)!important}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}select.form-control{color:#999}textarea.form-control{height:auto}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}a{cursor:pointer;text-decoration:none}a,a:active,a:hover,a:visited{color:#ec7946}.checkbox label,.radio label{min-height:20px;margin-bottom:0;font-weight:400;cursor:pointer}.btn-consult{font-size:30px;background-color:#ec7946;color:#fff;border-radius:1em;display:flex;align-items:center;justify-content:center;padding:.2em .8em;cursor:pointer;border:none;box-shadow:none;transition:box-shadow .8s;position:relative;margin:1em auto 0;min-width:150px}.btn-consult:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background-color:#bb6038;opacity:0;transition:all .5s ease-in-out;border-radius:10rem;z-index:1}.btn-consult:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);background-color:#ec7946;color:#fff}.btn-consult:hover:before{width:100%;z-index:1;opacity:1}.btn-consult span{z-index:1;font-size:20px}#app{width:98vw;height:-moz-max-content;height:max-content;min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop{content:"";display:block;width:100vw;height:100%;background-color:rgba(0,0,0,.7);z-index:1}.modal-backdrop,.modal-contianer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-contianer{width:90%;max-width:350px;border-radius:8px;background:#fff;z-index:2;padding:30px}.modal-close-btn{font-size:18px;background-color:#ec7946;color:#fff;border-radius:1em;display:flex;align-items:center;justify-content:center;padding:.2em .8em;cursor:pointer;border:none;box-shadow:none;transition:box-shadow .8s;position:relative;margin:1em auto 0;min-width:100px}.message{text-align:center;font-size:18px}.navigation{justify-content:flex-end!important}@media (max-width:992px){.navigation{justify-content:flex-start!important}}.consultFormContainer{margin:100px 0 20px}.consultFormTitle{padding:0 15px}.footer{width:100%}