/* home */

.app-process-bar { height: 3px; position: fixed; top: 0; left: 0; width: 100%; z-index: 8000; }
.app-process-bar div { height: 3px; background-color: #bfc2c4; width: 0; }
.app-process-step-progress .app-content { padding: 30px 10px 37px 10px; }
.app-step-invalid .app-btn-1 { background-color: #ebebeb; cursor: auto; }

.app-process-redirect { display: flex; margin: 34px 0 50px 0; justify-content: center; text-align: center;}
.app-process-step-1 > .app-content { padding: 15px 10px 39px 10px; margin-bottom: 0; }
.app-ps-1-1 { font-size: 12px; line-height: 14.4px; color: #959595; text-align: right; padding: 33px 44px 0 0; }
.app-ps-1-2 { padding: 17px 80px 0 72px; }
.app-ps-1-2 h4 { font-size: 27px; margin: 0; }
.app-ps-1-2 p { line-height: 1.63em; margin: 40px 0 0 0; }
.app-ps-1-3 { display: table; margin: 60px auto 0 auto; }
.app-ps-1-4 { display: flex; align-items: flex-start; margin: 45px 80px 0 72px; }
.app-ps-1-4 i { color: var(--color2); font-size: 30px; }
.app-ps-1-4 p { line-height: 22px; margin: 0 0 0 16px; }

.app-ps-1-4-xs { margin: 0 26px 0 26px; }
.app-ps-1-4-xs .app-ps-1-4 { margin: 35px 0 35px 0; }
.app-ps-1-4-xs .app-ps-1-4 i { font-size: 27px; margin-top: 5px; }
.app-ps-1-4-xs .app-ps-1-4 p { font-size: 13px; line-height: 21px; margin: 0 0 0 10px; }
.app-ps-1-4-xs .app-ps-1-4 p b { font-size: 13px; }

.app-ps-1-5 { display: flex; align-items: flex-start; margin: 25px 0 0 1px; }
.app-ps-1-5 div { width: 58px; min-width: 60px; padding: 5px 0 0 16px; }
.app-ps-1-5 i { color: var(--color2); font-size: 26px; }
.app-ps-1-5 p { font-size: 15px; line-height: 24px; margin: 0; }
.app-ps-1-5 p b { font-size: 15px; }
.app-ps-1-6 { font-size: 25px; line-height: 34px; margin: 10px 10px 0 11px; }
.app-ps-1-7 { border-radius: 5px; border: solid 1px #cfcfd8; background-color: #ffffff; margin: 28px 0 33px; padding: 16.5px 13px 23.5px 11px; font-size: 14px; line-height: 1.57; text-align: center; font-style: italic; }
.app-ps-1-8 { display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; }
.app-ps-1-8 div { font-size: 15px; line-height: 24px; font-weight: 600; color: var(--color2); }
.app-ps-1-8 i { font-size: 25px; color: var(--color2); margin-left: 10px; }
.app-ps-1-9 { margin-top: 34px; }
.app-ps-1-10 { margin: 26px 10px 0 10px; font-size: 25px; line-height: 34px; }
.app-ps-1-11 { display: flex; align-items: flex-start; margin: 33px 10px 0 10px; }
.app-ps-1-11 div { width: 35px; min-width: 35px; height: 35px; border: solid 2px #4ba7f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color2); font-size: 18px; font-weight: 600; margin-top: 5px; }
.app-ps-1-11 p { font-size: 14px; line-height: 24px; margin: 0 0 0 13px; }
.app-ps-1-11 p b { font-size: 16px; line-height: 22px; display: block; margin-bottom: 14px; }
.app-ps-1-12 { margin: 43px 10px 36px 10px; font-size: 13px; line-height: 21px; text-align: center; }
.app-ps-1-12 > div { padding: 24px 14.4px 24.5px 14.6px; border-radius: 5px; border: solid 1px #cfcfd8; margin-bottom: 34px; font-size: 14px; line-height: 21px; }
.app-ps-1-12 > div i { color: var(--color2); font-size: 47px; }
.app-ps-1-12 > div b { font-size: 17px; line-height: 24px; display: block; color: var(--color2); margin: 23px 0 16px 0; }
.app-process-step-1 .app-ps-2-5 { margin-top: 25px; }

.app-ps-2-5 { display: flex; align-items: center; margin-top: 34px; justify-content: center; }
.app-ps-2-5 i { font-size: 19px; color: #7f7f84; margin-right: 10px; }
.app-ps-2-5 p { font-size: 13px; line-height: 26px; color: #7f7f84; margin: 0; }
.app-ps-2-5 p b { font-size: 13px; color: #7f7f84; }

.app-process-step-3 .app-content { padding: 43px 40px 43px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.app-ps-3-1 div { font-size: 27px; line-height: 38px; }
.app-ps-3-1 p { line-height: 26px; margin: 19px 0 0 0; }
.app-ps-3-2 { margin-top: 43px; }

.app-process-step-4 .app-content { padding: 60px 77px 44px 72px; }
.app-ps-4-1 { display: flex; align-items: center; }
.app-ps-4-1 i { font-size: 45px; color: var(--color2); }
.app-ps-4-1 p { font-size: 27px; line-height: 37px; margin: 0 0 0 25px; }
.app-ps-4-2 { line-height: 26px; margin-top: 51px; border-bottom: 2px dotted var(--dotted); padding-bottom: 41px; }
.app-ps-4-3 { display: flex; align-items: flex-start; padding-top: 38px; }
.app-ps-4-4 { line-height: 26px; }
.app-ps-4-4 div { line-height: 26px; margin-bottom: 25px; }
.app-ps-4-4 p { line-height: 26px; margin: 8px 0 0 64px; display: flex; align-items: center; font-weight: 600; }
.app-ps-4-4 p b { padding-right: 5px; white-space: nowrap; font-weight: normal; }
.app-ps-4-4 p span { font-weight: 600; }
.app-ps-4-4 p i:nth-of-type(1) { font-size: 8px; margin-right: 12px; color: var(--color2); }
.app-ps-4-4 p i:nth-of-type(2) { margin: 0 5px 0 0; }
.app-ps-4-5 { margin-left: auto; }
.app-ps-4-5 img { width: 70px; height: auto; margin-left: 15px; }
.app-ps-4-6 { display: table; margin: 45px 0 0 auto; }

.app-ps-5-1 { font-size: 27px; line-height: 37px; padding-left: 37px; }
.app-ps-5-2 { margin-top: 31px; }
.app-ps-5-3 { padding: 33px 50px 0 67px; }
.app-ps-5-4 { font-size: 14px; line-height: 26px; color: #7e7f81; }
.app-ps-5-5 { margin-top: 25px; line-height: 26px; }
.app-ps-5-5 em { line-height: 26px; font-weight: normal; }
.app-ps-5-5 div { display: flex; align-items: flex-start; line-height: 26px; font-weight: 600; }
.app-ps-5-5 div i { font-size: 30px; color: var(--color2); margin-right: 15px; }
.app-ps-5-6 { display: flex; align-items: center; margin-top: 64px; justify-content: space-between; }
.app-ps-5-7 { padding: 27px 28px 2px 29px; font-size: 20px; line-height: 27px; }
.app-ps-5-8 { margin: -2px 0 0 9px; }

.app-ps-6-1 { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 31px; }

.app-ps-inq { padding: 45px 0 0 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.app-ps-inq-opt { display: flex; margin-bottom: 16px; border-radius: 5px; border: 1px solid #cfcfd8; min-height: 48px; width: 212px; align-items: center; padding: 0 15px 0 15px; }
.app-ps-inq-3 .app-ps-inq-opt { width: 232px; }
.app-ps-inq-opt:hover, .app-ps-inq-opt.checked { border-color: var(--color2); cursor: pointer; }
.app-ps-inq-opt p { line-height: 26px; margin: 0 0 0 17px; }
.app-ps-inq-opt i { color: var(--color2); font-size: 21px; }
.app-ps-inq-opt .fa-check-square, .app-ps-inq-opt .fa-dot-circle { display: none; }
.app-ps-inq-opt.checked .fa-check-square, .app-ps-inq-opt.checked .fa-dot-circle { display: inline-block; }
.app-ps-inq-opt.checked .fa-square, .app-ps-inq-opt.checked .fa-circle { display: none; }
.app-process-step-noimg .app-ps-5-3 { padding-top: 23px; }
.app-process-step-noimg .app-ps-5-5 { margin-top: 20px; }
.app-process-step-noimg .app-ps-inq { padding-top: 36px; padding-left: 40px; justify-content: flex-start; }
.app-process-step-noimg .app-ps-inq .app-ps-inq-opt { margin-right: 22px; }

.app-process-step-13 .app-content { padding: 63px 77px 47px 72px; }
.app-ps-13-1 { margin-top: 45px; }
.app-ps-13-3 { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.app-ps-13-4 { display: table; margin: 67px auto 0 auto; }

.app-process-step-14 .app-content { padding: 42px; text-align: center; }

.app-ps-email { display: flex; align-items: center; justify-content: center; gap: 21px; margin: 54px 0 -8px 0; }
.app-ps-email-1 { display: flex; flex-direction: column; gap: 8px; }
.app-ps-email-1 > div { display: flex; align-items: center; gap: 4px; }
.app-ps-email-1 > div span:first-letter { text-transform: uppercase; }
.app-ps-email-1 > div p { display: inline; font-weight: 600; color: #08A789; margin: 0; }

/* dialog */

.app-exp-body { overflow: hidden; }
.app-exp-body form { overflow: hidden; filter: blur(5px); opacity: 0.4; background-color: #ffffff; }
.app-exp-dlg { display: none; }
.app-exp-body .app-exp-dlg { display: flex; }
.app-exp-dlg { align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; }
.app-exp-dlg-1 { width: 559px; border: solid 1px #a7a4a4; background-color: #ffffff; padding: 33px 57px 46px 33px; border-radius: 4px; }
.app-exp-dlg-2 { display: flex; align-items: flex-start; }
.app-exp-dlg-2 i { font-size: 45px; color: #e85629; }
.app-exp-dlg-2 div { width: 81px; min-width: 81px; padding-top: 8px; }
.app-exp-dlg-2 p { font-size: 27px; line-height: 38px; margin: 0; }
.app-exp-dlg-3 { margin-top: 37px; line-height: 26px; padding-left: 81px; }
.app-exp-dlg-4 { display: table; margin: 47px auto 0 auto; }

/* share */

.app-share-body { background-color: #f9f9f9; }
.app-share-1 { display: flex; align-items: center; height: 70px; padding: 17px; background-color: #ffffff; border-bottom: solid 1px #dfdede; }
.app-share-1 h1 { font-size: 22px; font-weight: 800; letter-spacing: -0.88px; margin: 0; line-height: 30px; border-right: 3px solid #dcdbdb; padding-right: 12px; }
.app-share-1 div { padding-left: 12px; font-size: 12px; line-height: 1.2em; color: #868789; max-width: 170px; }
.app-share-2 { margin: 20px 8px 0 8px; padding: 29px 19px 32px 28px; border-radius: 3px; background-color: #ffffff; font-size: 23px; line-height: 1.39em; }
.app-share-3 { background-color: #f1f1f1; margin: 0 8px 0 8px; padding: 27px 15px 38px 9px; }
.app-share-4 { font-size: 15px; font-weight: 600; line-height: 1.33em; text-align: center; padding: 0 30px 0 30px; }
.app-share-4d { display: none; }
.app-share-5 { display: flex; align-items: center; padding: 21.5px 21.7px 19.5px 17px; border-radius: 7px; border: solid 1px #dadada; background-color: #ffffff; margin-top: 20px; }
.app-share-5 i { font-size: 30px; color: #0fb31f; }
.app-share-5 span { padding-left: 14px; font-size: 13px; line-height: 1.38em; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; }
.app-share-6 { margin: 40px auto 0 auto; display: table; }
.app-share-6 div { display: flex; align-items: center; cursor: pointer; padding: 10px 20px 10px 20px; border-radius: 4px; background-color: #4ba7f0; height: 50px; }
.app-share-6 div i { font-size: 20px; color: #ffffff; }
.app-share-6 div span { font-size: 15px; font-weight: 600; color: #ffffff; line-height: 0.79em; padding-left: 12px; }
.app-share-6 div.app-share-6d { display: none; }
.app-share-7 { margin: 0 8px 0 8px; padding: 28px 17px 37px 17px; background-color: #ffffff; text-align: center; }
.app-share-7d { display: none; }
.app-share-7 p { font-size: 15px; font-weight: 600; line-height: 1.6em; margin: 0; }
.app-share-8 { margin: 30px 15px 40px 30px; display: flex; align-items: center; justify-content: center; }

/* contact */ 

.app-contact { padding: 0; border: 1px solid #dcd4d4; border-radius: 0; }
.app-contact-1 { padding: 65px 130px 42px 55px; }
.app-contact-2 { display: flex; align-items: center; margin-bottom: 55px; }
.app-contact-2 i { color: var(--color2); font-size: 30px; }
.app-contact-2 p { font-size: 19px; font-weight: 600; margin: 0 0 0 15px; }
.app-contact-3 { display: table; margin: 40px 0 0 auto; }
.app-contact-4 { background-color: #f7f7f7; padding: 50px 60px 50px 60px; display: flex; align-items: flex-start; }
.app-contact-5 { width: 50%; display: flex; align-items: flex-start; }
.app-contact-5 i { color: var(--color2); font-size: 30px; margin-right: 25px; }
.app-contact-5 > div { font-size: 15px; color: #7c7979; line-height: 18px; }
.app-contact-5 > div b { display: block; font-size: 19px; font-weight: 600; line-height: 22px; margin-bottom: 18px; }