.grayText{color:#848b9a}.gap8{gap:8px}.gap12{gap:12px}.alertText{color:#ff3535}.needed{position:relative}.needed:before{position:absolute;top:0;left:-12px;content:"*";color:#ff7e33;font-size:.8rem}.atfContainer{justify-content:center;background:#fff;z-index:1}.atfContainer,.formBox{display:flex;width:100%}.formBox{position:relative;flex-direction:column;align-items:center;padding:16px 15px;box-sizing:border-box;background:top/cover no-repeat url(../img/pages/atf_form/formBg.svg)}.formBox:after{display:block;content:"";position:absolute;top:0;right:0}.indexTit{font-size:1.25rem;font-weight:700;color:#454a54;white-space:nowrap}.atfBtn{display:flex;justify-content:center;align-items:center;font-size:1.2rem;padding:0;line-height:auto;height:clamp(46px,10vh,52px);transition:background .2s ease-in-out;max-width:none}.atfBtn:before{content:"";margin-right:8px;width:1.2rem;height:1.2rem;background:50%/contain url(../img/pages/atf_form/wrench.svg)}.atfBtn:hover{background:#f5530b;border-color:#f5530b}.postForm{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;color:#454a54}.postForm.finish{height:100%;justify-content:center}.formRadio{display:flex;align-items:center;width:80px;color:#454a54;font-size:.775rem}.formRadio input[type=radio]{margin:0;width:12px;height:12px;border:1px solid #848b9a}.formRadio:first-child{width:114px}.formInput{width:100%;height:9vh;max-height:46px;max-width:300px;padding:10px;color:#454a54;border-radius:6px;border:1px solid #848b9a;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.formInput::-webkit-input-placeholder{color:#bbbfc8}.formInput::-moz-placeholder{color:#bbbfc8}.formInput:-ms-input-placeholder{color:#bbbfc8}.formInput::-ms-input-placeholder{color:#bbbfc8}.formInput::placeholder{color:#bbbfc8}.formInput:focus{border-color:#6690ff}.numberIcon{position:relative}.numberIcon input{padding-left:32px}.numberIcon:before{content:"";position:absolute;top:clamp(calc((100% - 16px)/2),10px,10px);left:10px;width:16px;height:16px;background:50%/cover no-repeat url(../img/pages/atf_form/ic_smphone_sec.svg)}.formSelect{width:100%;height:9vh;max-height:46px;padding:10px;color:#454a54;border-radius:6px;border:1px solid #848b9a;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.formSelect::-webkit-input-placeholder{color:#bbbfc8}.formSelect::-moz-placeholder{color:#bbbfc8}.formSelect:-ms-input-placeholder{color:#bbbfc8}.formSelect::-ms-input-placeholder{color:#bbbfc8}.formSelect::placeholder{color:#bbbfc8}.dropIcon{position:relative;width:100%}.dropIcon:before{content:"";position:absolute;top:14px;right:10px;width:16px;height:16px;opacity:.4;background:50%/cover no-repeat url(https://s1.945.com.tw/img/icon/expand.svg)}.atfCheck{display:flex;gap:12px}.atfCheck input[type=checkbox]{width:18px;height:18px;border-radius:4px;border-color:#cdd0d6}.atfCheck>p{width:calc(100% - 30px)}.contract{position:relative;font-size:5vw}.contract details{margin-top:4px}.contract summary{position:absolute;top:0;right:calc(100% - 194px);width:80px}.contract a{color:#848b9a;text-decoration:underline;cursor:pointer}@-webkit-keyframes rotate{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes rotate{0%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@media only screen and (min-width:320px){.formBox{padding:20px 15px 40px}.postForm{gap:16px}.contract{font-size:.875rem}.contract summary{right:calc(100% - 209px)}.formRadio{font-size:.875rem;gap:4px}.formRadio input[type=radio]{width:16px;height:16px}}@media only screen and (min-width:414px){.atfContainer{background:transparent}.formBox{width:400px;height:480px;padding:20px;border-radius:8px;-webkit-filter:drop-shadow(0 -2px 10px rgba(214,228,255,.2));filter:drop-shadow(0 -2px 10px rgba(214,228,255,.2))}.formBox:after{right:0;width:45px;height:45px;background:100% 0/cover no-repeat url(../img/pages/atf_form/clip.svg)}}