html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:'QTS Font';vertical-align:baseline;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;outline:none;}button,input{font-family:'QTS Font';outline:none;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{height:100vh;width:100vw;overflow:hidden;}input::-ms-reveal,input::-ms-clear{display:none;}.slice-img,.qpkg-list-ct .nav-dot:after,#loginForm .checkbox-field label:before{background:url(/cgi-bin/loginTheme/theme10/images/login_slice.png?1499031744);}.slice-img-2{background:url(/cgi-bin/apps/personalSettings/images/2_step_slice.png?1499031744);}.slice-img-close{background:url(/cgi-bin/loginTheme/theme10/images/close.png?1499031744);}.slice-img-close-2{background:url(/cgi-bin/loginTheme/theme10/images/close_slice.png?1499031744);}.slice-img-3{background-image:url(/cgi-bin/images/desktop/headbar/slice_items.png?1499031744);background-repeat:no-repeat;}#photo-wall{margin:3px 3px 0;height:calc(100% - 20px);}#gallery{margin-top:-3px;}.logo{width:55px;display:inline-block;vertical-align:middle;}.pw-photo+.pw-photo{margin-left:4px;}.pw-photo a{display:block;}.photo-wall__fw-ver{margin-left:24px;font-size:18px;margin-top:-4px;}.photo-wall__fw-ver:before{content:'';height:100%;display:inline-block;vertical-align:middle;}.photo-wall__fw-ver .logo{background-position:0 -660px;}.photo-wall__fw-ver .fw-ver:before{content:"QTS ";}.qts-scrollbar.scrollbar-track{margin-right:4px;}#info{position:absolute;top:0;left:0;bottom:0;width:184px;padding-left:24px;background:rgba(11,1,11,0.9);-webkit-transition:-webkit-transform .2s;-o-transition:-o-transform .2s;transition:transform .2s;color:#fff;}#info.hide{-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}#info .logo-fw{margin:24px 0 14px;}#info .logo-fw:before{content:'';height:100%;display:inline-block;vertical-align:middle;}#info .logo{background:none;}#info .logo:before{content:"QNAP ";font-size:20px;color:#fff;}#info .fw-ver{margin-left:6px;font-size:20px;vertical-align:middle;}#info .fw-ver:before{content:"QTS ";}#info .host-name{font-size:12px;margin-bottom:72px;}#info .cums-logo{width:84px;height:84px;border-radius:50%;background-position:0 -540px;margin-bottom:26px;margin-left:6px;background-image:none;}#info .msg-title{font-size:20px;margin-bottom:14px;margin-left:6px;margin-right:30px;overflow:hidden;text-overflow:ellipsis;}#info .msg-content{font-size:14px;margin-left:6px;margin-right:30px;overflow:hidden;text-overflow:ellipsis;}#info .bottom-itmes{position:absolute;bottom:20px;height:257px;}#info-tab{position:absolute;cursor:pointer;width:26px;height:66px;right:0;bottom:6px;background-position:0 -690px;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate(100%,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}#info-tab:active{background-position:-60px -690px;}.photo-info{display:none;}.qnap-link{position:absolute;visibility:hidden;bottom:0;text-align:center;width:100%;}.qnap-link.show{visibility:visible;}.qnap-link .myqnapcloud,.qnap-link .qnap-tools,.qnap-link .qnap-service{width:26px;height:26px;background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);}.qnap-link .myqnapcloud{background-position:-26px -60px;}.qnap-link .myqnapcloud:active,.qnap-link .myqnapcloud:hover{background-position:0 -60px;}.qnap-link .qnap-tools{background-position:-60px -26px;}.qnap-link .qnap-tools:active,.qnap-link .qnap-tools:hover{background-position:-60px 0;}.qnap-link .qnap-service{background-position:-52px -60px;}.qnap-link .qnap-service:active,.qnap-link .qnap-service:hover{background-position:-30px -30px;}.qnap-link .mobile-tool{background-position:24px -835px;}.qnap-link .utility-tool{background-position:22px -862px;}.qnap-link .wiki{background-position:22px -744px;}.qnap-link .forum{background-position:24px -775px;}.qnap-link .cums-service{background-position:24px -803px;}.qnap-link a{text-decoration:none;display:block;width:20px;height:100%;color:#2f2f2f;}.qnap-link .menu{position:absolute;bottom:0;margin-bottom:20px;display:none;background:#fff;padding-bottom:28px;padding-top:16px;width:188px;color:#2f2f2f;font-size:12px;}.qnap-link .menu.show{display:block;border:1px solid #b0b0b0;}.qnap-link .menu a{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;}.qnap-link .menu li{padding-left:52px;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}.qnap-link .menu li:hover{background-color:#dedede;}.qnap-link .menu li:before{content:'';height:100%;display:inline-block;vertical-align:middle;}.qnap-link li:hover .menu a{width:100%;display:inline-block;}.qnap-link li:hover .menu li{padding-left:52px;height:28px;line-height:28px;}.qnap-link li:hover .menu li:hover{background-color:#dedede;}.qnap-link li:hover .menu li:before{content:'';height:100%;display:inline-block;vertical-align:middle;}.qnap-link li{list-style-type:none;}.list>li{display:inline-block;cursor:pointer;}.list>li+li{margin-left:11px;}.qpkg-list-ct{position:relative;}.qpkg-list-ct .title{font-size:14px;color:#787878;margin-bottom:14px;visibility:hidden;}.qpkg-list-ct .list{height:92px;width:128px;margin-left:16px;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-direction:column;-ms-flex-wrap:wrap;flex-direction:column;flex-wrap:wrap;-webkit-transition:-webkit-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s;}.qpkg-list-ct .nav-page{display:none;text-align:center;width:128px;margin-left:16px;font-size:12px;height:24px;}.qpkg-list-ct .nav-page .first-word{font-size:18px;}.qpkg-list-ct .nav-dots{text-align:center;width:128px;margin-left:16px;height:8px;margin-bottom:30px;display:none;}.qpkg-list-ct .nav-dot{position:relative;display:inline-block;width:8px;height:8px;background-position:0 -60px;}.qpkg-list-ct .nav-dot+.nav-dot{margin-left:11px;}.qpkg-list-ct .nav-dot:after{-webkit-transition:-webkit-transform .3s,opacity .3s;-o-transition:-o-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8);opacity:0;content:'';background-position:-30px -60px;position:absolute;left:0;width:8px;height:8px;cursor:pointer;}.qpkg-list-ct .nav-dot.active:after{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}.qpkg-list-ct .show-nav-arrow .nav-arrow,.qpkg-list-ct .show-nav-arrow .nav-page{display:block;}.qpkg-list-ct .nav-arrow{position:absolute;cursor:pointer;display:none;width:14px;height:22px;}.qpkg-list-ct .nav-arrow.disabled{cursor:default;}.qpkg-list-ct .nav-next{top:64px;left:154px;background-position:0 -180px;}.qpkg-list-ct .nav-next:active{background-position:-60px -180px;}.qpkg-list-ct .nav-prev{top:64px;left:-8px;background-position:0 -210px;}.qpkg-list-ct .nav-prev:active{background-position:-60px -210px;}.qpkg-list-ct .first-page .nav-prev{background-position:-90px -210px;cursor:default;}.qpkg-list-ct .last-page .nav-next{background-position:-90px -180px;cursor:default;}.qpkg-item{width:36px;height:36px;margin-right:10px;margin-bottom:10px;}.qpkg-item img{width:100%;height:100%;}.qpkg-item span{cursor:default;}.login-btn-ct{margin-bottom:30px;margin-left:6px;max-height:44px;}.login-btn-ct:before{position:fixed;top:0;left:0;z-index:800;width:100%;height:100%;background:rgba(0,0,0,0.75);content:'';opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;pointer-events:none;display:none;}.login-btn-ct.open:before{opacity:1;pointer-events:auto;display:block;}.login-btn-ct.active:before{z-index:1800;}.login-btn-ct form{opacity:0;-webkit-transition:none;transition:none;visibility:hidden;}.login-btn-ct .anim-scale{opacity:0;}.login-btn-ct .anim-scale.delay-1{-webkit-transition-delay:.05s;}.login-btn-ct .anim-scale.delay-2{-webkit-transition-delay:.1s;}.login-btn-ct .anim-scale.delay-3{-webkit-transition-delay:.15s;}.login-btn-ct .anim-scale.delay-4{-webkit-transition-delay:.2s;}.login-btn-ct.active form{visibility:visible;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;}.login-btn-ct.active .anim-scale{opacity:1;transform:scale(1);-webkit-transform:scale(1);}.login-btn-ct.open #loginForm{width:442px;height:490px;margin-left:-221px;margin-top:46px;top:18%!important;top:18vh!important;left:50%!important;opacity:1;z-index:1900;display:block;pointer-events:auto;}.login-btn-ct.open .login-btn{opacity:.5;}#loginForm{width:148px;height:44px;z-index:900;opacity:0;display:none\0;pointer-events:none;margin:0;position:fixed;overflow:hidden;}#loginForm ::-webkit-input-placeholder{color:#a4a4a4;}#loginForm :-moz-placeholder{color:#a4a4a4;}#loginForm ::-moz-placeholder{color:#a4a4a4;}#loginForm :-ms-input-placeholder{color:#a4a4a4;}#loginForm .close-btn{top:10px;right:10px;width:13px;height:13px;position:absolute;cursor:pointer;}#loginForm .host-name{font-size:36px;color:#fff;margin-bottom:15px;text-align:center;}#loginForm input{width:164px;font-size:18px;background:transparent;border:none;vertical-align:middle;color:#fff;}#loginForm .msg{max-height:66px;height:66px;overflow:hidden;text-overflow:ellipsis;font-size:14px;text-align:center;color:#00c6ff;padding-top:20px;}#loginForm .msg .warning{color:#ff5a00;}#loginForm .field{margin-left:95px;}#loginForm .input-field{height:50px;margin:20px auto auto;width:234px;border-bottom:1px solid #fff;text-align:left;}#loginForm .input-field:before{content:'';display:inline-block;height:100%;vertical-align:middle;}#loginForm .input-field+.input-field{margin-bottom:28px;}#loginForm .checkbox-field{width:234px;margin:auto auto 16px;}#loginForm .checkbox-field input{width:auto;height:auto;}#loginForm .checkbox-field input[type=checkbox]{display:none;}#loginForm .checkbox-field input[type=checkbox]:checked+label:before{background-position:-36px 0;}#loginForm .checkbox-field label{font-size:14px;color:#fff;cursor:pointer;}#loginForm .checkbox-field label:before{background:url(/cgi-bin/images/cmp/checkbox_radio/sprite.png?1499031744);display:inline-block;background-position:-12px -36px;content:' ';width:12px;height:12px;margin-right:10px;}#loginForm .checkbox-field+.checkbox-field{margin-bottom:0;}#loginForm .center{text-align:center;}#loginForm .login-btn{opacity:1;width:234px;font-size:21px;color:#fff;height:47px;}#loginForm .login-btn:hover{box-shadow:0 0 0 1px #d3d3d3;color:#d3d3d3;}#loginForm .login-btn:active{box-shadow:0 0 0 1px #959595;color:#959595;}#loginForm .unmask-eye{display:inline-block;background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:-44px -86px;width:22px;height:22px;position:relative;cursor:pointer;vertical-align:middle;}#loginForm .unmask-eye.show-text{background-position:-86px -22px;}#loginForm .unmask-eye.show-text:hover{background-position:-86px -22px;}#loginForm .unmask-eye:hover{background-position:-86px 0;}#loginForm .reset-icon{display:none;cursor:pointer;background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:-22px -86px;width:22px;height:22px;vertical-align:middle;}#loginForm .reset-icon.show{display:inline-block;}#loginForm .step{display:none;}#loginForm .step-active{display:block;}#loginForm .lock-icon{background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:0 -30px;height:30px;width:30px;margin-right:6px;vertical-align:middle;display:inline-block;}#loginForm .step_2,#loginForm .step_3{text-align:center;}#loginForm .step_2 .title,#loginForm .step_3 .title{margin-bottom:28px;font-size:36px;}#loginForm .step_2 .lock-icon--label,#loginForm .step_3 .lock-icon--label{vertical-align:middle;}#loginForm .step_2 .title:before,#loginForm .step_3 .title:before{content:'';height:100%;display:inline-block;vertical-align:middle;}#loginForm .step_2 .msg,#loginForm .step_3 .msg{margin:0;display:inline-block;text-align:left;color:#fff;width:234px;height:auto;}#loginForm .step_2 .msgCt,#loginForm .step_3 .msgCt{font-size:14px;color:#2f2f2f;height:auto;min-height:23px;}#loginForm .step_2 .result-msg{color:#c1272d;margin-bottom:6px;font-size:12px;}#loginForm .step_2 .pwd-icon,#loginForm .step_3 .pwd-icon{background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:-30px 0;width:30px;height:30px;}#loginForm .step_3 .msgCt{display:block;}#loginForm .step_3 .msg{margin-bottom:36px;}#loginForm .question_label{margin-bottom:16px;width:234px;color:#fff;display:block;margin:auto;text-align:left;}#loginForm .user-icon{background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);display:inline-block;background-position:0 0;width:30px;height:30px;margin:auto 8px auto 3px;vertical-align:middle;}#loginForm .pwd-icon{background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);display:inline-block;background-position:0 -30px;width:30px;height:30px;margin:auto 8px auto 3px;vertical-align:middle;}#loginForm.warning .step_1 .msg,#loginForm.warning .step_3 .result-msg{color:#ff3038;}#lostPhone,#back_2sv,.cancel_login{color:#FFF;cursor:pointer;font-size:14px;text-align:right;width:234px;display:block;margin:12px auto;}#lostPhone:after{content:'';background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:-108px -14px;width:10px;height:14px;display:inline-block;vertical-align:middle;margin-left:6px;}#back_2sv:before{content:'';background:url(/cgi-bin/loginTheme/theme1/images/sprite.png?1499031744);background-position:-96px -66px;width:10px;height:14px;display:inline-block;vertical-align:middle;margin-right:6px;}#qestion_msg{height:74px;font-size:14px;padding:24px 0 0;box-sizing:border-box;text-align:center;width:234px;margin:auto;width:auto;color:#00c6ff;}.logining #loginForm .step_2 .msg,.logining #loginForm .step_3 .result-msg{color:#00c6ff;text-align:center;}#loginForm #scy_msg{white-space:nowrap;overflow:visible;}#scy_msg2{height:74px;}.login-btn{width:148px;height:44px;font-size:21px;color:#fff;background:transparent;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s;box-shadow:0 0 0 1px #FFF;}.login-btn:hover{box-shadow:0 0 0 1px #d3d3d3;color:#d3d3d3;}.login-btn:active{box-shadow:0 0 0 1px #959595;color:#959595;}.msg-box-mask{z-index:2000;width:100vw;height:100vh;background-color:rgba(92,92,92,0.27);position:absolute;display:none;}.msg-box-ct{display:none;}.msg-box-ct.show{display:block;top:0;left:0;}.msg-box{position:relative;top:0;bottom:0;margin:auto;left:0;right:0;width:400px;margin-top:190px;overflow:hidden;box-shadow:0 1px 4px #5A5151;padding:24px;}.msg-content-ct{display:inline-block;}.msg-icon{width:33px;height:33px;display:inline-block;}.msg-icon--question{background-position:0 -60px;}.msg-icon--info{background-position:0 0;}.msg-icon-ct{float:left;width:40px;margin-right:16px;position:absolute;width:40px;text-align:center;}.msg-text-ct{margin-left:56px;}.msg-box{background-color:#FFF;}.msg-box .close-btn{position:absolute;top:10px;right:10px;display:block;width:10px;height:10px;cursor:pointer;background-position:0 0;}.msg-box .close-btn:hover{background-position:-30px 0;}.msg-box .close-btn:active{background-position:-60px 0;}.btn-ct{cursor:pointer;float:right;margin-left:22px;padding:0 22px;height:30px;min-width:36px;border:1px solid #707070;font-size:14px;color:#2f2f2f;line-height:30px;}.btn-ct:hover{color:#707070;border-color:#2f2f2f;}.btn-ct:active{color:#2f2f2f;border-color:#2f2f2f;}.btn-ct.disable{color:#aeaeae;border-color:#aeaeae;}.btn-ct.default{color:#2f2f2f;border-color:#2f2f2f;}.box-footer__btn-ct{margin:10px;text-align:center;}.close-btn{width:17px;height:15px;background-position:-90px -30px;cursor:pointer;}.display-none{display:none;}.box-shadow{box-shadow:0 3px 6px rgba(0,0,0,0.5);}.qts-tooltip{position:absolute;display:none;background:#eef;background:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e5e4f2));background:-moz-linear-gradient(#fefefe,#e5e4f2);background:-o-linear-gradient(#fefefe,#e5e4f2);background:linear-gradient(#fefefe,#e5e4f2);content:attr(data-tooltip);color:#5c5c5c;font-size:12px;border:1px solid #767676;min-height:21px;line-height:21px;padding:0 20px;white-space:nowrap;z-index:2100;border-radius:2px;}.qts-tooltip.show{display:inline-block;}#scy_msg img{margin-left:10px;vertical-align:text-bottom;}