.login-spinner[data-v-01bc8708]{margin:auto;height:34px;width:34px;stroke:#fff}.login-spinner .login-spinner-g[data-v-01bc8708]{transform-origin:center;animation:rotation-data-v-01bc8708 1.35s linear infinite}.login-spinner .login-spinner-circle[data-v-01bc8708]{fill:none;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:0;transform-origin:center;animation:turn-data-v-01bc8708 1.35s ease-in-out infinite}@keyframes rotation-data-v-01bc8708{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes turn-data-v-01bc8708{0%{stroke-dashoffset:170}50%{stroke-dashoffset:45;transform:rotate(135deg)}100%{stroke-dashoffset:170;transform:rotate(450deg)}}

.bomber[data-v-69e94c30]{width:72px;height:72px;border-radius:50%;background-color:#057FEB;transition:all 0.5s;transform:scale(0)}

.hostname[data-v-67ab679f]{cursor:default}.tab-wrapper[data-v-67ab679f]{position:relative;width:100%;height:100%;min-height:inherit}

.username[data-v-2ac20b65]{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:700}.username-wrapper[data-v-2ac20b65]{position:relative;height:24px;margin-top:16px;margin-bottom:36px;padding:4px 0 4px 0}.back-btn-wrapper[data-v-2ac20b65]{display:flex;margin-left:-28px;cursor:pointer}.back-btn-wrapper:hover .back-btn[data-v-2ac20b65],.back-btn-wrapper:focus .back-btn[data-v-2ac20b65]{transform:translateX(-4px);background-position:0 -24px}.back-btn-wrapper:active .back-btn[data-v-2ac20b65]{background-position:0 -48px}.back-btn-wrapper .back-btn[data-v-2ac20b65]{flex-shrink:0;vertical-align:top;width:24px;height:24px;background-image:url(../assets/944a992fb1e17b455579f66f923313fb.png);transition:transform .25s ease-in-out;background-size:cover;display:inline-block;background-position:0 0}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .back-btn-wrapper .back-btn[data-v-2ac20b65]{background-image:url(../assets/20839ea8a3aad9fb3f308aacbf7271ab.png);background-size:image-width("../../images/1x/bt_prev.png") image-height("../../images/1x/bt_prev.png")}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .back-btn-wrapper .back-btn[data-v-2ac20b65]{background-image:url(../assets/20839ea8a3aad9fb3f308aacbf7271ab.png);background-size:image-width("../../images/1x/bt_prev.png") image-height("../../images/1x/bt_prev.png");outline:1px green dashed}}.back-btn-wrapper .back-btn[data-v-2ac20b65]:hover{background-position:0 -24px}.back-btn-wrapper .back-btn[data-v-2ac20b65]:active{background-position:0 -48px}.back-btn-wrapper--hide-back[data-v-2ac20b65]{cursor:initial}.back-btn-wrapper--hide-back .back-btn[data-v-2ac20b65]{opacity:0}.avatar[data-v-2ac20b65]{flex-shrink:0;margin-left:4px;display:inline-block;position:relative;width:24px;height:24px;background-size:24px;vertical-align:middle}.avatar.avatar-none[data-v-2ac20b65]{background-image:url(../assets/1bc43875501e55e5e741e427ca50dbdf.png)}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .avatar.avatar-none[data-v-2ac20b65]{background-image:url(../assets/1119db90544274a328d02d53bc45fc49.png);background-size:image-width("../../images/1x/icn_login_avatar_s.png") image-height("../../images/1x/icn_login_avatar_s.png")}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .avatar.avatar-none[data-v-2ac20b65]{background-image:url(../assets/1119db90544274a328d02d53bc45fc49.png);background-size:image-width("../../images/1x/icn_login_avatar_s.png") image-height("../../images/1x/icn_login_avatar_s.png");outline:1px green dashed}}.avatar.avatar-round[data-v-2ac20b65]{border-radius:99em}.username[data-v-2ac20b65]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-left:10px;line-height:24px;letter-spacing:0.16px;color:rgba(65,75,85,0.8);font-size:14px}

.toast-bar[data-v-0ae57dd6] .toast-content{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:400}.toast-container[data-v-0ae57dd6]{position:absolute;width:100%;display:flex;top:16px;z-index:1}.toast-bar[data-v-0ae57dd6]{margin:auto;background:rgba(50,60,70,0.96);box-shadow:0 2px 8px 0 rgba(50,60,70,0.4);border-radius:8px;box-sizing:border-box;padding:12px 24px}.toast-bar[data-v-0ae57dd6] .toast-content{font-size:13px;color:#fff;line-height:28px;margin-right:20px}

.msg[data-v-79fcd608]{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:400}@media screen and (max-width: 520px){.login-mobile .footer[data-v-79fcd608]{position:relative;bottom:initial;min-height:56px;flex:0 0 100%}.login-mobile .msg[data-v-79fcd608]{max-width:100%}}.footer[data-v-79fcd608]{position:absolute;display:flex;bottom:0;min-height:24px;width:100%;justify-content:center}.msg[data-v-79fcd608]{position:absolute;bottom:14px;max-width:480px;margin:auto;font-size:13px;color:rgba(255,255,255,0.7);line-height:20px;text-align:center;padding:0 24px;box-sizing:border-box;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.loading-icon[data-v-67d9e744]{display:inline-block;position:relative;width:24px;height:24px;top:0;left:0;overflow:hidden}.loading-icon>i[data-v-67d9e744]{position:absolute;height:16px;width:16px;top:4px;left:4px;animation:keyframe-loading-icon-1-data-v-67d9e744 2s linear infinite}@keyframes keyframe-loading-icon-1-data-v-67d9e744{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-icon>i>i[data-v-67d9e744]{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:16px;width:16px;clip:rect(0, 16px, 16px, 8px);animation:keyframe-loading-icon-2-data-v-67d9e744 1.4s linear infinite}@keyframes keyframe-loading-icon-2-data-v-67d9e744{0%{transform:rotate(0deg)}100%{transform:rotate(200deg)}}.loading-icon>i>i[data-v-67d9e744]::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:16px;width:16px;clip:rect(0, 16px, 16px, 8px);border-width:2px;border-style:solid;border-color:#1574E8;border-radius:50%;animation:keyframe-loading-icon-3-data-v-67d9e744 1.4s ease-in infinite;box-sizing:border-box}@keyframes keyframe-loading-icon-3-data-v-67d9e744{0%{transform:rotate(-160deg)}40%{transform:rotate(-90deg)}100%{transform:rotate(160deg)}}

.footer-link-ct[data-v-92af6852]{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:400}.plugin-table[data-v-92af6852]{border-collapse:collapse;border-spacing:0;width:100%}.tab-panel-title[data-v-92af6852]{margin-bottom:12px}.plugin-cell[data-v-92af6852]{border-bottom:1px solid rgba(50,60,70,0.1);border-top:1px solid rgba(50,60,70,0.1)}.plugin-cell[data-v-92af6852]:first-child{border-top:0}.plugin-cell[data-v-92af6852]:last-child{border-bottom:0}.plugin-wrapper[data-v-92af6852]{min-height:56px;max-height:84px;box-sizing:border-box;padding:12px 6px;cursor:pointer;display:flex;align-items:center}.plugin-wrapper[data-v-92af6852]:hover{background-color:rgba(5,127,235,0.1)}.plugin-icon[data-v-92af6852]{display:inline-block;position:relative;height:32px;width:32px;margin-right:10px;margin-left:6px}.plugin-desc[data-v-92af6852]{display:inline-block;position:relative;max-width:266px;font-size:13px;color:#323c46;line-height:20px;word-break:break-word}.plugin-selector .action-links[data-v-92af6852]{margin-top:12px}.footer[data-v-92af6852]{width:100%;position:absolute;bottom:0px}.footer div+div[data-v-92af6852]{margin-top:10px}.footer-link-ct[data-v-92af6852]{display:block;width:100%;text-align:center;font-size:13px;color:rgba(50,60,70,0.5);line-height:20px}.footer-link-ct .footer-link[data-v-92af6852]{text-decoration:underline;cursor:pointer}

.otp-link[data-v-50744a4f]{flex-shrink:0;font-size:12px;color:#057FEB;line-height:48px;text-decoration:none}

.tab-panel-title,.login-msg-title,.login-page-common-layout .title,.login-page-otp-wizard .syno-otp-authenticator .syno-otp-authenticator-text span,.login-page-upgrade-mask .panel .panel-title,.login-page-upgrade-mask .panel .panel-signin .attention-text,.login-modal .modal-header .title,.login-title span,.login-title.login-title-icon{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:700}.tab-footer-link-ct .tab-footer-link,.login-button,.login-msg-desc,.login-textfield .input-container input,.login-page-otp-wizard .form .step-desc-wrapper,.login-page-otp-wizard .step-save-mail .mail-send-desc,.login-page-upgrade-mask .panel .panel-desc,.login-page-upgrade-mask .panel .panel-signin .signin-text,.login-page-upgrade-indicator,.login-modal .modal-footer .modal-status .msg,.login-formfield .label,.login-formfield .text,.login-formfield .input-text,.login-tooltip,.login-preview-bar span,.login-btn-mobile .btn-text{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:400}.tab-label{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif}.login-checkbox.disabled .label{color:rgba(65,75,85,0.4)}.login-page-otp-wizard .syno-ux-note{color:#00A6A6}@media screen and (max-width: 1250px){.tab-panel{margin-right:100px}}@media screen and (max-width: 800px){.tab-panel{margin:auto}}@media screen and (max-width: 520px){.login-mobile .login-tab-panel{display:flex;flex:1 1 auto;overflow:hidden}.login-mobile .login-tab-panel::before,.login-mobile .login-tab-panel::after{width:20px;content:" ";flex-shrink:0}.login-mobile .login-tab-panel .tab-panel{width:auto;flex:1 1 auto;overflow:hidden}.login-mobile .login-tab-panel .login-content-section .login-remain-section{flex:0}.login-mobile .login-tab-panel .login-content-section .login-remain-section .login-msg-box{margin-bottom:8px}.login-mobile .login-tab-panel .tab-footer div:first-child{margin-top:22px}}@media screen and (max-height: 596px){.login-wrapper:not(.login-mobile) .login-tab-panel{position:relative;flex:2 0 500px;align-self:flex-end;bottom:48px}}.login-tab-panel{position:relative;flex:2 0 500px}.login-tab-panel .login-content-section{display:flex;flex-direction:column;min-height:343px}.login-tab-panel .login-content-section .login-remain-section{display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-end}.tab-footer{width:100%;margin-top:auto}.tab-footer div{margin-top:10px}.tab-footer-link-ct{display:block;width:100%;text-align:center}.tab-footer-link-ct .tab-footer-link{font-size:13px;color:rgba(65,75,85,0.6);line-height:20px;text-decoration:underline;cursor:pointer}.tab-footer-link-ct .tab-footer-link.try-other-ways{color:#057FEB;font-weight:normal}.tab-footer-link-ct button.tab-footer-link{border:none;padding:0;background:none}.tab-panel-title{font-size:18px;color:#414b55;line-height:28px;margin-bottom:22px}.tab-label-ct{overflow:hidden;white-space:nowrap}.tab-label{padding:0px 8px;font-size:13px;line-height:48px;height:48px;display:inline-block;color:rgba(65,75,85,0.6);cursor:pointer}.tab-label:hover{color:#057FEB}.tab-label.active{border-top:3px solid #057FEB;color:#057FEB}.tab-label+.tab-label{margin-left:8px}.only-one-tab .tab-label{width:54px;color:transparent;cursor:default}.tab-panel{position:relative;width:400px;min-height:478px;padding:0px 40px 22px 40px;background:#ffffff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);box-sizing:border-box;border-radius:6px}.tab-mask-wrapper{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.tab-mask-wrapper.spinner{transition:all 0.2s}.tab-mask-wrapper.spinner{pointer-events:all;background:rgba(255,255,255,0.8);opacity:1}.tab-mask-wrapper.spinner.disabled{pointer-events:none;background:transparent;opacity:0}.tab-mask-wrapper.spinner .tab-mask-spinner{stroke:#057FEB}.tab-mask-wrapper .tab-mask-center{margin:auto}.login-wallpaper{position:absolute;width:100%;height:100%;min-width:520px;min-height:580px;overflow:hidden}.login-mobile .login-wallpaper{min-width:auto}.login-wallpaper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34,38,42,0.3)}@media screen and (max-width: 520px){body .login-button{position:relative;height:40px;width:100%;font-size:15px}body .login-button .text{padding:8px 0;opacity:1;transition:opacity .5s}body .login-button .spinner{display:flex;height:100%;width:100%;position:absolute;left:0;top:0;opacity:0;transition:opacity .5s;pointer-events:none}body .login-button.spin .text{opacity:0}body .login-button.spin .spinner{opacity:1}body .login-button-blue:active{background:#005AC8}}.login-button{height:36px;padding:0px 50px;min-width:140px;font-size:13px;box-sizing:border-box;border-radius:24px;outline:0;cursor:pointer}.login-button.disable,.login-button.spin{cursor:default}.login-button .spinner{display:none}.login-button-blue{color:#fff;background:#057FEB;border:1px solid #057FEB;box-shadow:0 4px 8px 0 rgba(21,116,232,0.15)}.login-button-blue:hover{background:#0467E0;border-color:#0D53A8}.login-button-blue:active{background:#005AC8;border-color:#0C4C99;box-shadow:0 4px 8px 0 rgba(21,116,232,0.15)}.login-button-blue.disable,.login-button-blue.spin{background:#057FEB;border-color:#057FEB;box-shadow:0 4px 8px 0 rgba(21,116,232,0.15);color:rgba(255,255,255,0.4)}.login-button-grey{color:#414b55;border:1px solid rgba(198,212,224,0);background:rgba(198,212,224,0.4)}.login-button-grey:hover{background:rgba(198,212,224,0.4);border:1px solid rgba(124,138,152,0.4)}.login-button-grey:active{background:rgba(198,212,224,0.6);border:1px solid rgba(124,138,152,0.5)}.login-button-grey.disable,.login-button-grey.spin{background:rgba(198,212,224,0.4);border-radius:24px;color:rgba(50,60,70,0.4)}.login-button-small{min-width:80px}.login-button{height:28px;padding:0px 14px;min-width:120px;font-size:12px;line-height:20px;box-sizing:border-box;border-radius:100px;outline:0;cursor:pointer}.login-button.disable,.login-button.spin{cursor:default}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-height: 700px){.login-logo{display:none}}.login-logo{position:absolute;top:30px;left:60px;width:304px;height:62px}@media screen and (max-width: 800px){.login-msg{display:none}}.login-msg{position:relative;height:auto;max-height:500px;overflow:hidden;flex:3 1 750px}.login-msg-title{position:relative;margin-left:10%;padding-right:10%;margin-bottom:21px;font-size:32px;color:#fff;line-height:42px;word-break:break-word}.login-msg-desc{position:relative;margin-left:10%;padding-right:10%;font-size:15px;color:#fff;line-height:21px;word-break:break-word}.login-msg-box{position:relative;width:auto;padding:8px 8px 8px 14px;background:rgba(60,118,255,0.1);border-radius:2px;font-size:13px;color:#057FEB;line-height:20px}.login-msg-box.error{background:rgba(230,64,64,0.1);color:#E64040}.login-textfield{position:relative}.login-textfield .input-container{display:flex}.login-textfield .input-container input{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:24px;font-size:15px;outline:0;border:0;padding:12px 0px 14px 0px;margin-right:12px}.login-textfield .input-container input::placeholder{color:rgba(65,75,85,0.4);text-overflow:ellipsis}.login-textfield .input-container input:disabled{background:none}.login-textfield .input-container input.has-after-input{margin-right:4px}.login-textfield .border{position:absolute;bottom:0;height:3px;width:100%;transition:opacity .5s}.login-textfield .bottom-border{width:100%;height:1px;background:rgba(48,56,78,0.1)}.login-textfield .active-border{background:#057FEB;opacity:0;z-index:1}.login-textfield .error-border{background:#E64040;opacity:0;z-index:2}.login-textfield input:focus+.active-border{opacity:1}.login-textfield.error .error-border{opacity:1}.login-textfield.error .icon{background-position-y:-32px}.login-checkbox{position:relative;margin-bottom:12px}.login-checkbox input{position:absolute;width:0;height:0;margin:0;opacity:0}.login-checkbox label{cursor:pointer;vertical-align:middle;outline:0}.login-checkbox .box{position:absolute;width:20px;height:20px;top:2px;background-image:url(../assets/37727926274c0048982bf8cdf53824c8.svg);background-size:20px}.login-checkbox .label{display:block;padding-left:28px;line-height:24px;font-size:13px;color:rgba(65,75,85,0.8)}.login-checkbox.checked .box{background-position:0 -60px}.login-checkbox:hover .box,.login-checkbox.focused .box{background-position:0 -20px}.login-checkbox:hover.checked .box,.login-checkbox.focused.checked .box{background-position:0 -80px}.login-checkbox.disabled label{cursor:default}.login-checkbox.disabled .box{background-position:0 -40px}.login-checkbox.disabled.checked .box{background-position:0 -100px}.login-upgrade-loader{width:320px;height:60px;margin-left:auto;margin-right:auto;position:relative}.login-upgrade-spinner1{width:60px;height:60px;margin-left:240px;margin-right:auto;border-radius:2px;-webkit-animation:login-upgrade-rotate1 2.4s infinite ease-in-out, loader-background 2.4s infinite alternate;animation:login-upgrade-rotate1 2.4s infinite ease-in-out, loader-background 2.4s infinite alternate;position:relative;-webkit-transform-origin:-100px center;transform-origin:-100px center}@-webkit-keyframes login-upgrade-rotate1{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-200deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-200deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}@keyframes login-upgrade-rotate1{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-200deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-200deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}.login-upgrade-spinner2{width:60px;height:60px;margin-left:240px;margin-right:auto;border-radius:2px;-webkit-animation:login-upgrade-rotate2 2.4s infinite linear, loader-background 2.4s infinite alternate;animation:login-upgrade-rotate2 2.4s infinite linear, loader-background 2.4s infinite alternate;-webkit-animation-delay:0.1s;animation-delay:0.1s;position:relative;-webkit-transform-origin:-100px center;transform-origin:-100px center;top:-60px;z-index:-1px;opacity:0.5}@-webkit-keyframes login-upgrade-rotate2{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-190deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-190deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}@keyframes login-upgrade-rotate2{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-190deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-190deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}.login-upgrade-spinner3{width:60px;height:60px;margin-left:240px;margin-right:auto;border-radius:2px;-webkit-animation:login-upgrade-rotate3 2.4s infinite linear, loader-background 2.4s infinite alternate;animation:login-upgrade-rotate3 2.4s infinite linear, loader-background 2.4s infinite alternate;-webkit-animation-delay:0.2s;animation-delay:0.2s;position:relative;-webkit-transform-origin:-100px center;transform-origin:-100px center;top:-120px;z-index:-2px;opacity:0.3}@-webkit-keyframes login-upgrade-rotate3{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-180deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-180deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}@keyframes login-upgrade-rotate3{0%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(0deg) scale(0.6, 0.6)}50%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-180deg) scale(0.4, 0.4);transform:perspective(300px) rotateX(0deg) rotateY(-180deg) scale(0.4, 0.4)}100%{-webkit-transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6);transform:perspective(300px) rotateX(0deg) rotateY(-360deg) scale(0.6, 0.6)}}@-webkit-keyframes loader-background{0%{background-color:#057FEB}50%{background-color:#00d7b4}100%{background-color:#ffaa00}}@keyframes loader-background{0%{background-color:#057FEB}50%{background-color:#00d7b4}100%{background-color:#ffaa00}}.tab-panel-title,.login-msg-title,.login-page-common-layout .title,.login-page-otp-wizard .syno-otp-authenticator .syno-otp-authenticator-text span,.login-page-upgrade-mask .panel .panel-title,.login-page-upgrade-mask .panel .panel-signin .attention-text,.login-modal .modal-header .title,.login-title span,.login-title.login-title-icon{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:700}.tab-footer-link-ct .tab-footer-link,.login-button,.login-msg-desc,.login-textfield .input-container input,.login-page-otp-wizard .form .step-desc-wrapper,.login-page-otp-wizard .step-save-mail .mail-send-desc,.login-page-upgrade-mask .panel .panel-desc,.login-page-upgrade-mask .panel .panel-signin .signin-text,.login-page-upgrade-indicator,.login-modal .modal-footer .modal-status .msg,.login-formfield .label,.login-formfield .text,.login-formfield .input-text,.login-tooltip,.login-preview-bar span,.login-btn-mobile .btn-text{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif;font-weight:400}.tab-label{font-family:Verdana,Arial,Microsoft JhengHei,sans-serif}.login-checkbox.disabled .label{color:rgba(65,75,85,0.4)}.login-page-otp-wizard .syno-ux-note{color:#00A6A6}@media screen and (max-width: 520px){body .login-page-common-layout{box-sizing:border-box;padding:0 20px;min-width:initial;min-height:100%}body .login-page-common-layout .area-top{margin-top:15vh;height:initial}body .login-page-common-layout .area-top .header .desc{height:initial;min-height:44px}body .login-page-common-layout .area-center-left{display:none}body .login-page-common-layout .area-center-right{flex:1}body .login-page-common-layout .area-center-right .common-simple-form .msg{min-height:initial}body .login-page-common-layout .area-center-right .common-simple-form .msg.loading{display:none}body .login-page-common-layout .area-center-right .common-simple-form .msg .text{max-width:initial}body .login-page-common-layout .area-center-right .common-simple-form .login-textfield{width:100%}}.login-page-common-layout-container{height:100%;width:100%}.login-page-common-layout-container .v-ps{padding-right:0}.login-page-common-layout{display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box;min-width:1000px;min-height:680px}.login-page-common-layout .area-top{height:30vh;width:100%;display:flex;align-items:flex-end;justify-content:center}.login-page-common-layout .area-center{min-height:70vh;width:100%}.login-page-common-layout .area-center-left{min-height:70vh;width:50%}.login-page-common-layout .area-center-right{min-height:70vh;width:50%;box-sizing:border-box;padding-left:calc((50% - 340px) * 0.2);padding-right:calc((50% - 340px) * 0.4);padding-top:48px;padding-bottom:12px}.login-page-common-layout .title,.login-page-common-layout .desc{max-width:880px;text-align:center;margin-left:auto;margin-right:auto}.login-page-common-layout .title{margin-bottom:8px;font-size:18px;line-height:26px}.login-page-common-layout .desc{height:66px;font-size:16px;line-height:22px;overflow:hidden}.login-page-common-layout .area-center-right .common-simple-form .login-textfield{width:340px;margin:0;border-top:solid 10px transparent;border-bottom:solid 10px transparent}.login-page-common-layout .area-center-right .common-simple-form .login-textfield input::-webkit-input-placeholder{color:rgba(0,0,0,0.4);font-size:15px;line-height:24px}.login-page-common-layout .area-center-right .common-simple-form button{margin-top:30px}.login-page-common-layout .area-center-right .common-simple-form .msg{min-height:24px;margin:12px 0 18px 0}.login-page-common-layout .area-center-right .common-simple-form .msg .text{max-width:340px;float:left;font-size:13px;color:#057FEB;line-height:24px}.login-page-common-layout .area-center-right .common-simple-form .msg .text ul{list-style:inside}.login-page-common-layout .area-center-right .common-simple-form .msg .loading-icon{margin-right:6px;float:left;display:none}.login-page-common-layout .area-center-right .common-simple-form .msg.error .text{color:#E64040}.login-page-common-layout .area-center-right .common-simple-form .msg.loading .loading-icon{display:initial}.login-page-common-layout .login-password-strength{display:flex;align-items:center;line-height:18px}.login-page-common-layout .login-password-strength .strength-block{display:inline-block;background-color:rgba(198,212,224,0.4);width:26px;height:4px;margin-right:2px}.login-page-common-layout .login-password-strength .strength-block:last-of-type{margin-right:6px}.login-page-common-layout .login-password-strength.weak{color:#E64040}.login-page-common-layout .login-password-strength.weak .strength-block.block-1{background-color:#E64040}.login-page-common-layout .login-password-strength.medium{color:#F58414}.login-page-common-layout .login-password-strength.medium .strength-block.block-1,.login-page-common-layout .login-password-strength.medium .strength-block.block-2{background-color:#F58414}.login-page-common-layout .login-password-strength.strong{color:#009E05}.login-page-common-layout .login-password-strength.strong .strength-block.block-1,.login-page-common-layout .login-password-strength.strong .strength-block.block-2,.login-page-common-layout .login-password-strength.strong .strength-block.block-3{background-color:#009E05}@media screen and (max-width: 520px){body .login-page-forgot-pwd .admin-hint{margin-top:60px;width:100%}}.login-page-forgot-pwd .admin-hint{margin:6px 0;height:60px;width:340px}.login-page-forgot-pwd .admin-hint .text{float:left;color:rgba(65,75,85,0.6);font-size:12px;line-height:20px}@media screen and (max-width: 520px){.login-mobile .login-container{flex-wrap:wrap;align-items:flex-end}}.login-wrapper{width:100%;height:100%;min-width:520px;min-height:580px}.login-wrapper.login-mobile{min-height:582px;min-width:auto}.login-wrapper.disable{pointer-events:none}.login-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.login-fieldset .field{margin-bottom:24px}.login-fieldset-icon{margin-top:29px}.login-fieldset-icon .field.login-title{margin-bottom:20px}@media screen and (max-width: 520px){body .login-page-forgot-pwd .mail-send-img{margin-top:30px;width:306px;height:256px;background-image:url(../assets/fdef187042a57706e9c37c36818ebe6f.png);background-size:306px 256px}}@media screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), screen and (max-width: 520px) and (min-resolution: 144dpi){.synohdpack body .login-page-forgot-pwd .mail-send-img{background-image:url(../assets/bd885de29d5ae08ab991ad2cfb2fc4df.png);background-size:306px 256px}}@media screen and (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 520px) and (-o-min-device-pixel-ratio: 3 / 2), screen and (max-width: 520px) and (min-resolution: 144dpi){.synohdpackdebug body .login-page-forgot-pwd .mail-send-img{background-image:url(../assets/bd885de29d5ae08ab991ad2cfb2fc4df.png);background-size:306px 256px;outline:1px green dashed}}.login-page-forgot-pwd .forgot-pwd-img{float:right;width:420px;height:340px;background-image:url(../assets/73f6573cccb9b7e5fa100f9865cdc138.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-forgot-pwd .forgot-pwd-img{background-image:url(../assets/876de7121844facccc6b5ec385ed6acd.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-forgot-pwd .forgot-pwd-img{background-image:url(../assets/876de7121844facccc6b5ec385ed6acd.png);background-size:420px 340px;outline:1px green dashed}}.login-page-forgot-pwd .mail-send-img{width:420px;height:340px;margin-left:auto;margin-right:auto;background-image:url(../assets/dc2c1222cada7bb2be8fbc55c09025f9.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-forgot-pwd .mail-send-img{background-image:url(../assets/8e0bc4a9ea7d840ca194618636e9de28.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-forgot-pwd .mail-send-img{background-image:url(../assets/8e0bc4a9ea7d840ca194618636e9de28.png);background-size:420px 340px;outline:1px green dashed}}@media screen and (max-width: 520px){body .login-page-changepwd .img-new-password-success{margin-top:30px}body .login-page-changepwd .username-field{margin-right:0;width:100%}}.login-page-changepwd .img-reset-pwd{float:right;width:420px;height:340px;background-image:url(../assets/0068e88eca96e5a04115e84927d617e2.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-changepwd .img-reset-pwd{background-image:url(../assets/08c7ea01fedb64584e8b7c8912e9d758.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-changepwd .img-reset-pwd{background-image:url(../assets/08c7ea01fedb64584e8b7c8912e9d758.png);background-size:420px 340px;outline:1px green dashed}}.login-page-changepwd .img-new-password-success{width:306px;height:256px;margin-left:auto;margin-right:auto;background-image:url(../assets/699f4b2410b273112357b7f45ddfccff.png);background-size:306px 256px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-changepwd .img-new-password-success{background-image:url(../assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-changepwd .img-new-password-success{background-image:url(../assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px;outline:1px green dashed}}.login-page-changepwd .btn-login-now{display:block;margin:30px auto 0px auto}.login-page-changepwd .username-field{width:340px;height:50px;box-sizing:border-box;line-height:24px;font-size:15px;color:#000000;border-bottom:1px solid rgba(48,56,78,0.1);padding:12px 12px 13px 0px;margin:10px 0px}.login-page-changepwd .confirm-pass-error{font-size:13px;color:#E64040;line-height:20px}.login-page-otp-wizard .otp-title{line-height:22px;font-size:16px;font-weight:normal}.login-page-otp-wizard .otp-desc{line-height:26px;font-size:18px;font-weight:bold}.login-page-otp-wizard .otp-action{width:700px;height:auto;line-height:20px;font-size:13px;padding-top:8px;padding-bottom:8px}.login-page-otp-wizard .otp-center{margin-top:20px}.login-page-otp-wizard .otp-left{padding-top:20px;padding-left:calc((50% - 340px) * 0.8);padding-right:calc((50% - 340px) * 0.2)}.login-page-otp-wizard .otp-right{padding-top:20px;padding-left:calc((50% - 340px) * 0.2);padding-right:calc((50% - 340px) * 0.8)}.login-page-otp-wizard .otp-wizard-welcome-img{width:420px;height:340px;position:absolute;top:0;right:0;background-image:url(../assets/d8da6b9ec29a3b6815a87d0b2dbfc11b.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-otp-wizard .otp-wizard-welcome-img{background-image:url(../assets/831bfd113867ddf63caf37c3fb389cab.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-otp-wizard .otp-wizard-welcome-img{background-image:url(../assets/831bfd113867ddf63caf37c3fb389cab.png);background-size:420px 340px;outline:1px green dashed}}.login-page-otp-wizard .otp-wizard-verify-code-wrapper{height:150px}.login-page-otp-wizard .otp-wizard-verify-code-wrapper .otp-wizard-verify-code-img{width:120px;height:120px;padding:20px 0px 10px 12px}.login-page-otp-wizard .otp-wizard-install-app-wrapper{width:420px;height:340px;float:right}.login-page-otp-wizard .otp-wizard-install-app-wrapper .otp-wizard-install-app-img{width:220px;height:220px;padding:60px 100px}.login-page-otp-wizard .otp-wizard-finish-img{width:320px;height:130px;margin-top:20px;margin-bottom:20px;background-repeat:no-repeat;background-image:url(../assets/a89ea3a51ffdcfffe71592faec665b27.png);background-size:320px 130px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-otp-wizard .otp-wizard-finish-img{background-image:url(../assets/c9b1c48ca905a6ba04f6bec65e238271.png);background-size:320px 130px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-otp-wizard .otp-wizard-finish-img{background-image:url(../assets/c9b1c48ca905a6ba04f6bec65e238271.png);background-size:320px 130px;outline:1px green dashed}}.login-page-otp-wizard .header.desc{max-width:800px;max-height:52px}.login-page-otp-wizard .form .button-set button:not(:last-child){margin-right:12px}.login-page-otp-wizard .form .content-wrapper .step-desc{padding-bottom:18px}.login-page-otp-wizard .form .step-desc-wrapper{width:340px;font-size:13px;color:#414b55;line-height:20px;padding:8px 0px}.login-page-otp-wizard .form .step-desc-wrapper .link{cursor:pointer}.login-page-otp-wizard .textfield-set{position:relative}.login-page-otp-wizard .msg.err{line-height:20px;font-size:13px;color:#E64040;width:340px;min-height:20px}.login-page-otp-wizard .editor{top:calc(50% - 123px);margin:0 auto}.login-page-otp-wizard .editor-button-set{float:right}.login-page-otp-wizard .editor-button-set button:not(:last-child){margin-right:8px}.login-page-otp-wizard .step-save-mail .mail-send-content-wrapper{padding-top:20px}.login-page-otp-wizard .step-save-mail .mail-send-desc{width:700px;margin:auto;font-size:13px;color:#414b55;line-height:20px;padding:8px 0px 8px 0px}.login-page-otp-wizard .step-save-mail .login-textfield{width:340px;height:50px;margin:10px auto}.login-page-otp-wizard .step-save-mail .msg.err{margin:0 auto}.login-page-otp-wizard .step-save-mail .button-set{display:flex;padding-top:30px}.login-page-otp-wizard .step-save-mail .button-set .button-set-left{flex:1}.login-page-otp-wizard .step-save-mail .button-set .button-set-left button{position:relative;float:right;right:6px}.login-page-otp-wizard .step-save-mail .button-set .button-set-right{flex:1}.login-page-otp-wizard .step-save-mail .button-set .button-set-right button{position:relative;left:6px}.login-page-otp-wizard .step-save-mail .otp-btn-left{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px;min-width:112px;margin-right:12px}.login-page-otp-wizard .step-save-mail .otp-btn-right{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px}.login-page-otp-wizard .step-welcome .otp-btn-right{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px}.login-page-otp-wizard .step-install-app .desc{height:auto}.login-page-otp-wizard .step-install-app .otp-btn-left{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px;min-width:112px;margin-left:28px;margin-right:12px;margin-top:48px}.login-page-otp-wizard .step-install-app .otp-btn-right{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px;margin-top:48px}.login-page-otp-wizard .step-verify-app .otp-btn-left{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px;min-width:112px;margin-right:12px}.login-page-otp-wizard .step-verify-app .otp-btn-right{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px}.login-page-otp-wizard .step-finish .otp-btn-right{min-width:140px;height:36px;line-height:24px;font-size:13px;margin-top:30px}.login-page-otp-wizard .syno-otp-authenticator-div{margin-bottom:6px;padding:0px;height:100px}.login-page-otp-wizard .syno-otp-authenticator-icon{width:82px;height:82px;margin:8px}.login-page-otp-wizard .syno-otp-authenticator{display:inline-block;background:#FFFFFF;border:1px solid rgba(198,212,224,0.7);border-radius:4px;width:240px;height:98px;margin-left:8px;margin-right:8px;text-align:left}.login-page-otp-wizard .syno-otp-authenticator img{margin:8px}.login-page-otp-wizard .syno-otp-authenticator .syno-otp-authenticator-text{display:inline-block;width:118px;text-align:center;line-height:28px;height:28px;margin:0px 8px 0 0px;padding-top:36px;position:absolute}.login-page-otp-wizard .syno-otp-authenticator .syno-otp-authenticator-text span{color:rgba(65,75,85,0.6);font-size:13px}.login-page-otp-wizard .syno-otp-authenticator-download-icon-ios{background-image:url(../assets/86a68ce39b7e900d7ea78c6f96f1115c.png);background-repeat:no-repeat;display:inline-block}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-otp-wizard .syno-otp-authenticator-download-icon-ios{background-image:url(../assets/d1e3cda46670232da2bb83cb51fb14c3.png);background-size:image-width("../images/1x/authenticator_download_icon_ios.png") image-height("../images/1x/authenticator_download_icon_ios.png")}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-otp-wizard .syno-otp-authenticator-download-icon-ios{background-image:url(../assets/d1e3cda46670232da2bb83cb51fb14c3.png);background-size:image-width("../images/1x/authenticator_download_icon_ios.png") image-height("../images/1x/authenticator_download_icon_ios.png");outline:1px green dashed}}.login-page-otp-wizard .syno-otp-authenticator-download-icon-android{background-image:url(../assets/ccd5dca1bfa2f5dbecdf55b172df9ccf.png);background-repeat:no-repeat;display:inline-block}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-page-otp-wizard .syno-otp-authenticator-download-icon-android{background-image:url(../assets/4d763b7f38d06f0589b09d308d8191f6.png);background-size:image-width("../images/1x/authenticator_download_icon_android.png") image-height("../images/1x/authenticator_download_icon_android.png")}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-page-otp-wizard .syno-otp-authenticator-download-icon-android{background-image:url(../assets/4d763b7f38d06f0589b09d308d8191f6.png);background-size:image-width("../images/1x/authenticator_download_icon_android.png") image-height("../images/1x/authenticator_download_icon_android.png");outline:1px green dashed}}.login-page-upgrade-mask{position:relative;display:flex;justify-content:center;align-items:center;height:100%;background-color:#2B67D6}.login-page-upgrade-mask .panel{position:relative;display:flex;height:580px;width:1024px;justify-content:center;background:#FFFFFF;box-shadow:0 4px 20px 0 rgba(0,0,0,0.5);border-radius:4px}.login-page-upgrade-mask .panel .panel-content{position:relative;margin-top:192px;width:600px}.login-page-upgrade-mask .panel .panel-title{font-size:22px;color:#414b55;text-align:center;line-height:36px;margin-top:40px}.login-page-upgrade-mask .panel .panel-desc{font-size:13px;color:#414b55;text-align:center;line-height:20px;min-height:40px;margin-top:6px;padding:4px 0}.login-page-upgrade-mask .panel .panel-signin{margin-top:6px;padding:4px 0;text-align:center}.login-page-upgrade-mask .panel .panel-signin .signin-text{display:inline;font-size:13px;color:#057FEB;text-decoration:underline;line-height:20px;cursor:pointer}.login-page-upgrade-mask .panel .panel-signin .signin-text:hover{color:#006DCC}.login-page-upgrade-mask .panel .panel-signin .signin-text:active{color:#005CAD}.login-page-upgrade-mask .panel .panel-signin .attention-text{line-height:20px}.login-page-upgrade-indicator{display:block;position:absolute;width:100%;bottom:24px;font-size:13px;color:rgba(65,75,85,0.6);line-height:20px;text-align:center}.login-modal{position:absolute;width:100%;height:100%}.login-modal .modal-container{position:relative;box-shadow:0 4px 16px 0 rgba(0,0,0,0.6);border-radius:3px;overflow:hidden;z-index:3}.login-modal .modal-header{position:relative;height:46px;background:#FFFFFF;border-radius:3px 3px 0 0;border-bottom:1px solid rgba(198,212,224,0.5)}.login-modal .modal-header .title{position:absolute;font-size:14px;color:#32373C;line-height:20px;text-align:left;padding-bottom:13px;margin-top:13px;padding-left:18px}.login-modal .modal-main{position:relative;background-color:#fff;padding:18px 18px 18px 18px;box-sizing:border-box}.login-modal .modal-footer{position:relative;display:block;height:48px;background:#FFFFFF;box-shadow:0 -1px 0 0 rgba(198,212,224,0.5);padding:10px 18px 10px 18px;box-sizing:border-box}.login-modal .modal-footer .modal-status{position:relative;display:inline-block;height:24px}.login-modal .modal-footer .modal-status .icon{position:absolute;display:inline-block;width:24px;height:24px;margin-left:12px}.login-modal .modal-footer .modal-status .msg{position:absolute;display:inline-block;padding-left:40px;font-size:12px;letter-spacing:0;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login-modal .modal-footer .err .icon{background-position:0 -24px;background-repeat:no-repeat;background-image:url(../assets/a1003eafd4cf25fa77aa6df7472ec5ec.png);background-size:24px 48px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-modal .modal-footer .err .icon{background-image:url(../assets/3225b1ce841ac05067304f8c4efc5d91.png);background-size:24px 48px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-modal .modal-footer .err .icon{background-image:url(../assets/3225b1ce841ac05067304f8c4efc5d91.png);background-size:24px 48px;outline:1px green dashed}}.login-modal .modal-footer .err .msg{color:#E64040}.login-modal .modal-footer .loading .icon svg path,.login-modal .modal-footer .loading .icon svg rect{fill:#3C76FF}.login-modal .modal-footer .loading .msg{color:#057FEB}.login-modal .modal-mask{position:absolute;width:100%;height:100%;z-index:2}.login-formfield{display:block;position:relative;margin-bottom:6px}.login-formfield .label{display:inline-block;width:238px;padding:4px 0;margin-right:8px;line-height:20px;font-size:12px;color:#414b55}.login-formfield .text{display:inline-block;padding:4px 0;line-height:20px;font-size:12px;color:#414b55}.login-formfield .input-text{display:inline-block;height:28px;background:#FFFFFF;border:1px solid rgba(198,212,224,0.7);border-radius:4px;box-sizing:border-box;padding:4px 12px;font-size:12px;color:#414b55;line-height:20px}.login-formfield .input-text:hover{border:1px solid rgba(124,138,152,0.5)}.login-formfield .input-text:focus{border:1px solid #3C76FF}.login-formfield .input-text:disabled{background:rgba(198,212,224,0.2);border:1px solid rgba(198,212,224,0.7);color:rgba(65,75,85,0.4)}.login-formfield .input-text:invalid{background:rgba(230,64,64,0.08);border:1px solid #E64040;color:#414b55}.login-reset-forgot-password .img-new-password{float:right;width:420px;height:340px;background-image:url(../assets/92f71346b3e6327913a90ef12569dcfa.png);background-size:420px 340px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-reset-forgot-password .img-new-password{background-image:url(../assets/4983040773701385258db3d5efc75862.png);background-size:420px 340px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-reset-forgot-password .img-new-password{background-image:url(../assets/4983040773701385258db3d5efc75862.png);background-size:420px 340px;outline:1px green dashed}}.login-reset-forgot-password .img-new-password-success{width:306px;height:256px;margin-left:auto;margin-right:auto;background-image:url(../assets/699f4b2410b273112357b7f45ddfccff.png);background-size:306px 256px}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-reset-forgot-password .img-new-password-success{background-image:url(../assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-reset-forgot-password .img-new-password-success{background-image:url(../assets/6028ff269584a18ce2ac5b5bbeba9073.png);background-size:306px 256px;outline:1px green dashed}}.login-reset-forgot-password .btn-login-now{display:block;margin:30px auto 0px auto}.login-reset-forgot-password .confirm-pass-error{font-size:13px;color:#E64040;line-height:20px}.login-title{position:relative;margin-top:16px;margin-bottom:36px;height:32px}.login-title span{display:block;line-height:32px;font-size:22px;color:#057FEB;width:100%;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login-title span::after{content:'';display:block}.login-title.login-title-icon{display:flex;margin-top:0;margin-bottom:22px;align-items:center;height:62px;line-height:62px;font-size:24px}.login-title.login-title-icon .app-icon{height:40px;width:40px;padding:11px 10px 11px 0px}.login-title.login-title-icon span{color:#000;width:256px}.login-title.login-title-img{margin-top:0;margin-bottom:22px;height:62px}.login-title.login-title-img img{width:340px}.login-tooltip{position:absolute;word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;max-width:400px;opacity:0.8;background:#1E2022;padding:3px 12px;font-size:12px;line-height:20px;color:#fff;box-sizing:border-box;border:1px solid #969696;border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,0.3);z-index:10500}.login-preview-container{position:absolute;width:100%;display:flex;justify-content:center;top:16px;z-index:1}.login-preview-bar{position:absolute;background:rgba(50,60,70,0.96);box-shadow:0 2px 8px 0 rgba(50,60,70,0.4);border-radius:8px;box-sizing:border-box;padding:12px 24px}.login-preview-bar span{font-size:13px;color:#fff;line-height:28px;margin-right:20px}.login-preview-bar .preview-btnset{float:right}.login-preview-bar .preview-btnset button:not(:last-child){margin-right:8px}.login-preview-bar .preview-btnset .login-button-grey{color:#fff}.login-preview-bar .preview-btnset .login-button-grey.disable{color:rgba(50,60,70,0.4)}.login-btn-mobile{position:relative;width:auto;height:40px;background-color:#057FEB;border-radius:24px}.login-btn-mobile .btn-text{font-size:15px;color:#fff;text-align:center;line-height:24px;padding-top:8px}.login-btn-mobile .login-btn-spinner{width:16px;height:16px}.login-btn-mobile:active{background:#005ac8}.login-btn-mobile.disable{background-color:#057FEB;box-shadow:none}.login-btn-mobile.disable .btn-text{color:rgba(255,255,255,0.4)}.login-btn{position:absolute;width:72px;height:72px;top:310px;right:-76px;border-radius:50%;background-color:#057FEB;box-shadow:0 5px 14px 0 rgba(5,127,235,0.34);cursor:pointer;z-index:10}.login-btn .login-btn-background{position:absolute;width:100%;height:100%;background-color:#057FEB;z-index:2;border-radius:50%}.login-btn .login-btn-animation{position:absolute;top:0;width:72px;height:72px;border-radius:36px;background-color:#057FEB}.login-btn .login-btn-animation.animation-active{-webkit-animation-name:btnPulse;-moz-animation-name:btnPulse;-ms-animation-name:btnPulse;animation-name:btnPulse;-webkit-animation-duration:2.0s;-moz-animation-duration:2.0s;-ms-animation-duration:2.0s;animation-duration:2.0s;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}.login-btn .grow-bg{position:absolute;width:72px;height:72px;border-radius:50%;background-color:#057FEB}.login-btn .arrow{width:38px;height:22px;position:absolute;top:25px;left:17px;background-image:url(../assets/8d1c89b16774eaa1ed64129f6e5a33da.png);background-size:38px 22px;opacity:1;transition:opacity .5s}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpack .login-btn .arrow{background-image:url(../assets/216e96cb286153c939c2950f680907ef.png);background-size:38px 22px}}@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 144dpi){.synohdpackdebug .login-btn .arrow{background-image:url(../assets/216e96cb286153c939c2950f680907ef.png);background-size:38px 22px;outline:1px green dashed}}.login-btn.disable{cursor:default}.login-btn.disable .arrow{opacity:0.4}.login-btn.disable:not(.clicked){box-shadow:none}.fade-out .login-btn .arrow,.fade-out .login-btn .login-btn-spinner-wrapper{opacity:0}@keyframes btnPulse{0%{transform:scale(1)}80%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}.login-btn-mobile .login-btn-spinner-wrapper,.login-btn .login-btn-spinner-wrapper{display:flex;position:absolute;height:100%;width:100%;z-index:1;opacity:0;transition:opacity .5s}.login-btn-mobile.spin .btn-text,.login-btn.spin .btn-text{opacity:0}.login-btn-mobile.spin .arrow,.login-btn.spin .arrow{opacity:0}.login-btn-mobile.spin .login-btn-spinner-wrapper,.login-btn.spin .login-btn-spinner-wrapper{opacity:1}.login-btn-mobile.spin .login-btn-spinner-wrapper.fade-out,.login-btn.spin .login-btn-spinner-wrapper.fade-out{opacity:0}.action-links .action{display:block}.action-links .action:not(:last-child){margin-bottom:8px}.action-links .action a{cursor:pointer}#sds-login-vue-inst{position:relative;width:100%;height:100%;z-index:10101;overflow:auto}#sds-login-vue-inst.fade-out{overflow:hidden;transition:opacity;transition-duration:0.5s;transition-delay:0.5s;opacity:0}#sds-login-vue-inst .fade-enter-active,#sds-login-vue-inst .fade-leave-active{transition:all 0.5s ease}#sds-login-vue-inst .fade-enter,#sds-login-vue-inst .fade-leave-to{opacity:0}#sds-login-vue-inst .quick-fade-enter-active,#sds-login-vue-inst .quick-fade-leave-active{transition:all 0.3s ease}#sds-login-vue-inst .quick-fade-enter,#sds-login-vue-inst .quick-fade-leave-to{opacity:0}