body{margin:0}#app{margin:0;height:100vh;width:100vw}div[data-v-31aa6712]{font-family:Ubuntu,SF Pro,Helvetica Neue,Segoe UI,Roboto,Arial,WenQuanYi Zen Hei,文泉驛正黑,PingFang SC,Droid Sans,Microsoft JhengHei,微軟正黑體,"sans-serif";color:#fff}body[data-v-31aa6712],html[data-v-31aa6712]{height:100%;font-size:rem(1);padding:0;margin:0;min-width:rem(1024)}@media only screen and (max-width: 1366px){body[data-v-31aa6712],html[data-v-31aa6712]{font-size:rem(14)}}body[data-v-31aa6712]{background-color:#000;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}h5[data-v-31aa6712],h6[data-v-31aa6712],.block .block-line>label[data-v-31aa6712]{margin:0}h6[data-v-31aa6712],.block .block-line>label[data-v-31aa6712]{font-size:rem(14);font-weight:400;line-height:1.3}.v-select[data-v-31aa6712]{width:100%}p[data-v-31aa6712]{font-size:rem(14)}span[data-v-31aa6712]{font-size:rem(12);line-height:1.3}.block[data-v-31aa6712]{width:100%;box-sizing:border-box}.block>.v-select[data-v-31aa6712]{padding:rem(5) 0}.block .block-line[data-v-31aa6712]{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:rem(40)}.block .block-line.title[data-v-31aa6712]{min-height:rem(60)}.block .block-line.wrap[data-v-31aa6712]{flex-wrap:wrap}.block .block-line>.v-select[data-v-31aa6712]{padding:rem(5) 0}.block>.block[data-v-31aa6712]{padding-left:rem(30)}[data-v-31aa6712]::-webkit-scrollbar-track{background-color:transparent}.button[data-v-31aa6712],button[data-v-31aa6712]{height:rem(32);cursor:pointer;width:100%;outline:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-line.buttons-line[data-v-31aa6712]{display:flex}.block-line.buttons-line button[data-v-31aa6712]:not(:first-child){margin-left:rem(10)}.settings-menu .menu-item[data-v-31aa6712]{height:rem(50);display:flex;align-items:center;padding:rem(20);box-sizing:border-box;cursor:pointer}.settings-menu .menu-item[data-v-31aa6712]:hover:not(.router-link-active){background-color:#2e2e2e}.settings-menu .menu-item[data-v-31aa6712]:active,.settings-menu .menu-item.router-link-active[data-v-31aa6712]{background-color:#2986ff}.settings-menu .folder[data-v-31aa6712]{width:100%;display:flex;justify-content:space-between}.settings-menu .submenu .subitem[data-v-31aa6712]{height:rem(40);display:flex;align-items:center;box-sizing:border-box;padding:rem(20);cursor:pointer}.settings-menu .submenu .subitem.router-link-exact-active[data-v-31aa6712]{color:#2986ff}svg[data-v-31aa6712]{fill:currentColor}.disabled svg[data-v-31aa6712]{color:#4f4f4f}[data-state=disabled] svg[data-v-31aa6712]{color:#4f4f4f}input[type=text][data-v-31aa6712],input[type=password][data-v-31aa6712],input[type=search][data-v-31aa6712]{background-color:#121212;border:1px solid #adadad;color:#c2c2c2;padding:rem(6) rem(12)}input[type=text][data-v-31aa6712]:hover,input[type=password][data-v-31aa6712]:hover,input[type=search][data-v-31aa6712]:hover{border-color:#fff;color:#fff}input[type=text][data-v-31aa6712]:active,input[type=password][data-v-31aa6712]:active,input[type=search][data-v-31aa6712]:active{border-color:#2986ff}input[type=text][data-v-31aa6712]:disabled,input[type=password][data-v-31aa6712]:disabled,input[type=search][data-v-31aa6712]:disabled{border-color:#4f4f4f}input[type=text][data-v-31aa6712]:focus,input[type=password][data-v-31aa6712]:focus,input[type=search][data-v-31aa6712]:focus{border-color:#2986ff}input[data-v-31aa6712]:focus,textarea[data-v-31aa6712]:focus{outline:none}button[data-v-31aa6712]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.with-icon[data-v-31aa6712]{display:flex;justify-content:space-between;align-items:center;position:absolute;padding:0}button.with-icon[data-v-31aa6712]:before{content:"";flex-grow:0;flex-shrink:0}button.with-icon>span[data-v-31aa6712]{flex:1;line-height:100%}button.with-icon[data-v-31aa6712]>:last-child{flex:0}button.medium[data-v-31aa6712]{width:rem(220);height:rem(32)}button.small[data-v-31aa6712]{width:rem(148)}button.large[data-v-31aa6712]{width:100%}button[data-v-31aa6712]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button[data-v-31aa6712]:active{background-color:#06f;border:rem(1) solid #0066ff}button[data-v-31aa6712]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.ptz-button[data-v-31aa6712]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.ptz-button span[data-v-31aa6712]{color:inherit}button.ptz-button[data-v-31aa6712]:hover{border:rem(1) solid #bababa;background-color:#fff}button.ptz-button[data-v-31aa6712]:active{border:rem(1) solid #fff;background-color:#bababa}button.ptz-button[data-v-31aa6712]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.secondary[data-v-31aa6712]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.secondary span[data-v-31aa6712]{color:inherit}button.secondary[data-v-31aa6712]:hover{border:rem(1) solid #bababa;background-color:#fff}button.secondary[data-v-31aa6712]:active{border:rem(1) solid #fff;background-color:#bababa}button.secondary[data-v-31aa6712]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.ghost[data-v-31aa6712]{border:1px solid #e0e0e0;background-color:transparent;color:#e0e0e0}button.ghost span[data-v-31aa6712]{color:inherit}button.ghost[data-v-31aa6712]:hover{background-color:#404040;border:1px solid #ffffff}button.ghost[data-v-31aa6712]:active{border:1px solid #ffffff;background-color:transparent}button.ghost[data-v-31aa6712]:disabled{border:1px solid #4f4f4f;cursor:initial}button.primary[data-v-31aa6712]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.primary[data-v-31aa6712]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button.primary[data-v-31aa6712]:active{background-color:#06f;border:rem(1) solid #0066ff}button.primary[data-v-31aa6712]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.warning[data-v-31aa6712]{background-color:#ffb029;border:rem(1) solid #ffb029;color:#121212}button.warning[data-v-31aa6712]:hover:not(:disabled){background-color:#ffb943;border:rem(1) solid #ffb943}button.ghost[data-v-31aa6712]{font-size:rem(12);text-align:center;line-height:rem(12)}button.ghost.small-primary[data-v-31aa6712]{height:rem(24);color:#2986ff;background-color:transparent;border:1px solid #2986ff}button.ghost.small-primary[data-v-31aa6712]:hover{color:#7abdff;background-color:#1e2f40;border:1px solid #7abdff}button.ghost.small-primary[data-v-31aa6712]:active{color:#7abdff;background-color:#121c26;border:1px solid #7abdff}button.ghost.small-primary[data-v-31aa6712]:disabled{color:#4f4f4f;background-color:transparent;border:1px solid #4f4f4f;cursor:initial}button.ghost.small-secondary[data-v-31aa6712]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0}button.ghost.small-secondary[data-v-31aa6712]:not(:disabled):hover,button.ghost.small-secondary[data-v-31aa6712]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.small-secondary[data-v-31aa6712]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-31aa6712]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0;height:rem(32);font-size:rem(14)}button.ghost.medium-secondary[data-v-31aa6712]:not(:disabled):hover,button.ghost.medium-secondary[data-v-31aa6712]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.medium-secondary[data-v-31aa6712]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-31aa6712]:not(:disabled):active{background-color:transparent;border:rem(1) solid #ffffff}[data-v-31aa6712]::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}[data-v-31aa6712]::-webkit-scrollbar-thumb{background-color:#3e3e3e;border:solid 1px #202020}[data-v-31aa6712]::-webkit-scrollbar-thumb:hover{background-color:#adadad}h1[data-v-31aa6712],h2[data-v-31aa6712],h3[data-v-31aa6712],h4[data-v-31aa6712],h5[data-v-31aa6712],h6[data-v-31aa6712],.block .block-line>label[data-v-31aa6712]{margin:0;font-weight:400}h1[data-v-31aa6712]{font-size:rem(44)}h2[data-v-31aa6712]{font-size:rem(32)}h3[data-v-31aa6712]{font-size:rem(28)}h4[data-v-31aa6712]{font-size:rem(18)}h5[data-v-31aa6712]{font-size:rem(16)}h6[data-v-31aa6712],p[data-v-31aa6712],.block .block-line>label[data-v-31aa6712]{font-size:rem(14)}span.p[data-v-31aa6712],.paragraph[data-v-31aa6712]{font-size:rem(12)}.tooltip-p[data-v-31aa6712]{color:#8f8f8f}.tooltip-title[data-v-31aa6712]{padding-bottom:rem(10);color:#e0e0e0}.copyright-p[data-v-31aa6712]{font-size:rem(12)}.bold[data-v-31aa6712]{font-weight:700}.semi-bold[data-v-31aa6712]{font-weight:600}.option-separator[data-v-31aa6712]{background:#000;height:1px}.svg-icon.general_check[data-v-31aa6712]{color:#0f0!important}.svg-icon.general_buzzer_stop[data-v-31aa6712],.svg-icon.general_buzzer[data-v-31aa6712]{color:#ffb029}.v--modal-background-click[data-v-31aa6712]{background-color:#202020b3}.v--modal-overlay .v--modal-box[data-v-31aa6712]{background-color:#000;color:#fff;padding-top:rem(10);padding-left:rem(40);padding-right:rem(40)}.v--modal[data-v-31aa6712]{border-radius:0}.vue-slider-dot[data-v-31aa6712]{border-radius:6px;width:rem(12)!important;height:rem(12)!important;background-color:#fff}.default-dialog-content[data-v-31aa6712]{margin-top:rem(10);height:rem(40)}.default-dialog-content>h6[data-v-31aa6712]{color:#e0e0e0}.pagination-content[data-v-31aa6712]{display:flex;justify-content:center;align-items:center;line-height:100%;height:100%}.pagination-content .page-label[data-v-31aa6712]{display:flex;font-size:rem(14)}.pagination-content .page-label>div[data-v-31aa6712]{color:#e0e0e0;margin:0 rem(8)}@-moz-keyframes spin-31aa6712{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin-31aa6712{to{-webkit-transform:rotate(360deg)}}@keyframes spin-31aa6712{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-icon[data-v-31aa6712]{position:absolute;right:0;top:0;padding:rem(5)}.spinning[data-v-31aa6712]{animation-name:spin-31aa6712;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin-31aa6712{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled-option[data-v-31aa6712]{cursor:not-allowed;pointer-events:none}.empty-block[data-v-31aa6712]{display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-block .icon[data-v-31aa6712]{height:rem(100);width:rem(100);background-position:center;background-repeat:no-repeat}.empty-block .icon.no-search-icon[data-v-31aa6712]{background-image:url(../assets/illustration_no_search.svg)}.empty-block .icon.search-failed-icon[data-v-31aa6712]{background-image:url(../assets/illustration_search_failed.svg)}.empty-block>h6[data-v-31aa6712]{color:#adadad;height:rem(40);line-height:rem(18);margin-bottom:rem(10)}.empty-block>span[data-v-31aa6712]{color:#adadad}.empty-block>button[data-v-31aa6712]{margin-top:rem(15);position:relative}.grid[data-v-31aa6712]{display:flex;flex-direction:column;align-items:center;width:rem(228);padding:rem(12) rem(8);box-sizing:border-box;background-color:#202020}.grid[data-v-31aa6712]>*{overflow:hidden;width:100%}.grid>* h6[data-v-31aa6712]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grid.active[data-v-31aa6712]{border:solid 1px #2986ff;background-color:#3e3e3e}.grid[data-v-31aa6712]:hover{background-color:#2e2e2e}.grid .snapshot[data-v-31aa6712]{width:rem(212);height:rem(120)}.grid .alarm[data-v-31aa6712]{font-weight:800;align-items:center;flex-direction:row;justify-content:space-between;display:flex;height:rem(40);margin-top:rem(4);color:#fff}.grid .info[data-v-31aa6712]>*{height:rem(21);color:#8f8f8f}.login-page[data-v-31aa6712]{background-image:url(/assets/bg_login-Be6pRTpm.jpg);background-size:cover;background-position:center;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}div[data-v-ef1f176b]{font-family:Ubuntu,SF Pro,Helvetica Neue,Segoe UI,Roboto,Arial,WenQuanYi Zen Hei,文泉驛正黑,PingFang SC,Droid Sans,Microsoft JhengHei,微軟正黑體,"sans-serif";color:#fff}body[data-v-ef1f176b],html[data-v-ef1f176b]{height:100%;font-size:rem(1);padding:0;margin:0;min-width:rem(1024)}@media only screen and (max-width: 1366px){body[data-v-ef1f176b],html[data-v-ef1f176b]{font-size:rem(14)}}body[data-v-ef1f176b]{background-color:#000;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}h5[data-v-ef1f176b],h6[data-v-ef1f176b],.block .block-line>label[data-v-ef1f176b]{margin:0}h6[data-v-ef1f176b],.block .block-line>label[data-v-ef1f176b]{font-size:rem(14);font-weight:400;line-height:1.3}.v-select[data-v-ef1f176b]{width:100%}p[data-v-ef1f176b]{font-size:rem(14)}span[data-v-ef1f176b]{font-size:rem(12);line-height:1.3}.block[data-v-ef1f176b]{width:100%;box-sizing:border-box}.block>.v-select[data-v-ef1f176b]{padding:rem(5) 0}.block .block-line[data-v-ef1f176b]{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:rem(40)}.block .block-line.title[data-v-ef1f176b]{min-height:rem(60)}.block .block-line.wrap[data-v-ef1f176b]{flex-wrap:wrap}.block .block-line>.v-select[data-v-ef1f176b]{padding:rem(5) 0}.block>.block[data-v-ef1f176b]{padding-left:rem(30)}[data-v-ef1f176b]::-webkit-scrollbar-track{background-color:transparent}.button[data-v-ef1f176b],button[data-v-ef1f176b]{height:rem(32);cursor:pointer;width:100%;outline:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-line.buttons-line[data-v-ef1f176b]{display:flex}.block-line.buttons-line button[data-v-ef1f176b]:not(:first-child){margin-left:rem(10)}.settings-menu .menu-item[data-v-ef1f176b]{height:rem(50);display:flex;align-items:center;padding:rem(20);box-sizing:border-box;cursor:pointer}.settings-menu .menu-item[data-v-ef1f176b]:hover:not(.router-link-active){background-color:#2e2e2e}.settings-menu .menu-item[data-v-ef1f176b]:active,.settings-menu .menu-item.router-link-active[data-v-ef1f176b]{background-color:#2986ff}.settings-menu .folder[data-v-ef1f176b]{width:100%;display:flex;justify-content:space-between}.settings-menu .submenu .subitem[data-v-ef1f176b]{height:rem(40);display:flex;align-items:center;box-sizing:border-box;padding:rem(20);cursor:pointer}.settings-menu .submenu .subitem.router-link-exact-active[data-v-ef1f176b]{color:#2986ff}svg[data-v-ef1f176b]{fill:currentColor}.disabled svg[data-v-ef1f176b]{color:#4f4f4f}[data-state=disabled] svg[data-v-ef1f176b]{color:#4f4f4f}input[type=text][data-v-ef1f176b],input[type=password][data-v-ef1f176b],input[type=search][data-v-ef1f176b]{background-color:#121212;border:1px solid #adadad;color:#c2c2c2;padding:rem(6) rem(12)}input[type=text][data-v-ef1f176b]:hover,input[type=password][data-v-ef1f176b]:hover,input[type=search][data-v-ef1f176b]:hover{border-color:#fff;color:#fff}input[type=text][data-v-ef1f176b]:active,input[type=password][data-v-ef1f176b]:active,input[type=search][data-v-ef1f176b]:active{border-color:#2986ff}input[type=text][data-v-ef1f176b]:disabled,input[type=password][data-v-ef1f176b]:disabled,input[type=search][data-v-ef1f176b]:disabled{border-color:#4f4f4f}input[type=text][data-v-ef1f176b]:focus,input[type=password][data-v-ef1f176b]:focus,input[type=search][data-v-ef1f176b]:focus{border-color:#2986ff}input[data-v-ef1f176b]:focus,textarea[data-v-ef1f176b]:focus{outline:none}button[data-v-ef1f176b]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.with-icon[data-v-ef1f176b]{display:flex;justify-content:space-between;align-items:center;position:absolute;padding:0}button.with-icon[data-v-ef1f176b]:before{content:"";flex-grow:0;flex-shrink:0}button.with-icon>span[data-v-ef1f176b]{flex:1;line-height:100%}button.with-icon[data-v-ef1f176b]>:last-child{flex:0}button.medium[data-v-ef1f176b]{width:rem(220);height:rem(32)}button.small[data-v-ef1f176b]{width:rem(148)}button.large[data-v-ef1f176b]{width:100%}button[data-v-ef1f176b]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button[data-v-ef1f176b]:active{background-color:#06f;border:rem(1) solid #0066ff}button[data-v-ef1f176b]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.ptz-button[data-v-ef1f176b]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.ptz-button span[data-v-ef1f176b]{color:inherit}button.ptz-button[data-v-ef1f176b]:hover{border:rem(1) solid #bababa;background-color:#fff}button.ptz-button[data-v-ef1f176b]:active{border:rem(1) solid #fff;background-color:#bababa}button.ptz-button[data-v-ef1f176b]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.secondary[data-v-ef1f176b]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.secondary span[data-v-ef1f176b]{color:inherit}button.secondary[data-v-ef1f176b]:hover{border:rem(1) solid #bababa;background-color:#fff}button.secondary[data-v-ef1f176b]:active{border:rem(1) solid #fff;background-color:#bababa}button.secondary[data-v-ef1f176b]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.ghost[data-v-ef1f176b]{border:1px solid #e0e0e0;background-color:transparent;color:#e0e0e0}button.ghost span[data-v-ef1f176b]{color:inherit}button.ghost[data-v-ef1f176b]:hover{background-color:#404040;border:1px solid #ffffff}button.ghost[data-v-ef1f176b]:active{border:1px solid #ffffff;background-color:transparent}button.ghost[data-v-ef1f176b]:disabled{border:1px solid #4f4f4f;cursor:initial}button.primary[data-v-ef1f176b]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.primary[data-v-ef1f176b]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button.primary[data-v-ef1f176b]:active{background-color:#06f;border:rem(1) solid #0066ff}button.primary[data-v-ef1f176b]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.warning[data-v-ef1f176b]{background-color:#ffb029;border:rem(1) solid #ffb029;color:#121212}button.warning[data-v-ef1f176b]:hover:not(:disabled){background-color:#ffb943;border:rem(1) solid #ffb943}button.ghost[data-v-ef1f176b]{font-size:rem(12);text-align:center;line-height:rem(12)}button.ghost.small-primary[data-v-ef1f176b]{height:rem(24);color:#2986ff;background-color:transparent;border:1px solid #2986ff}button.ghost.small-primary[data-v-ef1f176b]:hover{color:#7abdff;background-color:#1e2f40;border:1px solid #7abdff}button.ghost.small-primary[data-v-ef1f176b]:active{color:#7abdff;background-color:#121c26;border:1px solid #7abdff}button.ghost.small-primary[data-v-ef1f176b]:disabled{color:#4f4f4f;background-color:transparent;border:1px solid #4f4f4f;cursor:initial}button.ghost.small-secondary[data-v-ef1f176b]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0}button.ghost.small-secondary[data-v-ef1f176b]:not(:disabled):hover,button.ghost.small-secondary[data-v-ef1f176b]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.small-secondary[data-v-ef1f176b]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-ef1f176b]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0;height:rem(32);font-size:rem(14)}button.ghost.medium-secondary[data-v-ef1f176b]:not(:disabled):hover,button.ghost.medium-secondary[data-v-ef1f176b]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.medium-secondary[data-v-ef1f176b]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-ef1f176b]:not(:disabled):active{background-color:transparent;border:rem(1) solid #ffffff}[data-v-ef1f176b]::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}[data-v-ef1f176b]::-webkit-scrollbar-thumb{background-color:#3e3e3e;border:solid 1px #202020}[data-v-ef1f176b]::-webkit-scrollbar-thumb:hover{background-color:#adadad}h1[data-v-ef1f176b],h2[data-v-ef1f176b],h3[data-v-ef1f176b],h4[data-v-ef1f176b],h5[data-v-ef1f176b],h6[data-v-ef1f176b],.block .block-line>label[data-v-ef1f176b]{margin:0;font-weight:400}h1[data-v-ef1f176b]{font-size:rem(44)}h2[data-v-ef1f176b]{font-size:rem(32)}h3[data-v-ef1f176b]{font-size:rem(28)}h4[data-v-ef1f176b]{font-size:rem(18)}h5[data-v-ef1f176b]{font-size:rem(16)}h6[data-v-ef1f176b],p[data-v-ef1f176b],.block .block-line>label[data-v-ef1f176b]{font-size:rem(14)}span.p[data-v-ef1f176b],.paragraph[data-v-ef1f176b]{font-size:rem(12)}.tooltip-p[data-v-ef1f176b]{color:#8f8f8f}.tooltip-title[data-v-ef1f176b]{padding-bottom:rem(10);color:#e0e0e0}.copyright-p[data-v-ef1f176b]{font-size:rem(12)}.bold[data-v-ef1f176b]{font-weight:700}.semi-bold[data-v-ef1f176b]{font-weight:600}.option-separator[data-v-ef1f176b]{background:#000;height:1px}.svg-icon.general_check[data-v-ef1f176b]{color:#0f0!important}.svg-icon.general_buzzer_stop[data-v-ef1f176b],.svg-icon.general_buzzer[data-v-ef1f176b]{color:#ffb029}.v--modal-background-click[data-v-ef1f176b]{background-color:#202020b3}.v--modal-overlay .v--modal-box[data-v-ef1f176b]{background-color:#000;color:#fff;padding-top:rem(10);padding-left:rem(40);padding-right:rem(40)}.v--modal[data-v-ef1f176b]{border-radius:0}.vue-slider-dot[data-v-ef1f176b]{border-radius:6px;width:rem(12)!important;height:rem(12)!important;background-color:#fff}.default-dialog-content[data-v-ef1f176b]{margin-top:rem(10);height:rem(40)}.default-dialog-content>h6[data-v-ef1f176b]{color:#e0e0e0}.pagination-content[data-v-ef1f176b]{display:flex;justify-content:center;align-items:center;line-height:100%;height:100%}.pagination-content .page-label[data-v-ef1f176b]{display:flex;font-size:rem(14)}.pagination-content .page-label>div[data-v-ef1f176b]{color:#e0e0e0;margin:0 rem(8)}@-moz-keyframes spin-ef1f176b{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin-ef1f176b{to{-webkit-transform:rotate(360deg)}}@keyframes spin-ef1f176b{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-icon[data-v-ef1f176b]{position:absolute;right:0;top:0;padding:rem(5)}.spinning[data-v-ef1f176b]{animation-name:spin-ef1f176b;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin-ef1f176b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled-option[data-v-ef1f176b]{cursor:not-allowed;pointer-events:none}.empty-block[data-v-ef1f176b]{display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-block .icon[data-v-ef1f176b]{height:rem(100);width:rem(100);background-position:center;background-repeat:no-repeat}.empty-block .icon.no-search-icon[data-v-ef1f176b]{background-image:url(../assets/illustration_no_search.svg)}.empty-block .icon.search-failed-icon[data-v-ef1f176b]{background-image:url(../assets/illustration_search_failed.svg)}.empty-block>h6[data-v-ef1f176b]{color:#adadad;height:rem(40);line-height:rem(18);margin-bottom:rem(10)}.empty-block>span[data-v-ef1f176b]{color:#adadad}.empty-block>button[data-v-ef1f176b]{margin-top:rem(15);position:relative}.grid[data-v-ef1f176b]{display:flex;flex-direction:column;align-items:center;width:rem(228);padding:rem(12) rem(8);box-sizing:border-box;background-color:#202020}.grid[data-v-ef1f176b]>*{overflow:hidden;width:100%}.grid>* h6[data-v-ef1f176b]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grid.active[data-v-ef1f176b]{border:solid 1px #2986ff;background-color:#3e3e3e}.grid[data-v-ef1f176b]:hover{background-color:#2e2e2e}.grid .snapshot[data-v-ef1f176b]{width:rem(212);height:rem(120)}.grid .alarm[data-v-ef1f176b]{font-weight:800;align-items:center;flex-direction:row;justify-content:space-between;display:flex;height:rem(40);margin-top:rem(4);color:#fff}.grid .info[data-v-ef1f176b]>*{height:rem(21);color:#8f8f8f}.panel[data-v-ef1f176b]{height:727px;width:540px;background-color:#fff;border-radius:4px;padding:40px;box-sizing:border-box}div.title h1[data-v-ef1f176b]{color:#121212;font-family:Segoe UI;font-size:44px;font-weight:600;line-height:58.52px;text-align:left;margin-bottom:40px}.panel-field[data-v-ef1f176b]{margin-top:28px}.panel-field h5[data-v-ef1f176b]{margin:15px 0}.bold[data-v-ef1f176b]{color:#000;font-family:Segoe UI;font-size:18px;font-weight:600;line-height:23.94px;text-align:left;margin-bottom:13px}.button-list[data-v-ef1f176b]{display:flex;flex-direction:row-reverse;margin-top:2.5rem}.login-button[data-v-ef1f176b]{width:144px;height:32px;border-color:transparent;border-radius:3px;justify-content:center;align-items:center;font-family:Segoe UI;font-size:14px;font-weight:400;line-height:18.62px;text-align:center;background-color:#06f;color:#fff}.login-button[data-v-ef1f176b]:disabled{background-color:#bbb;color:#fff}.checkbox-list[data-v-ef1f176b]{display:flex;flex-direction:column;margin-top:30px}.checkbox-list .checkbox[data-v-ef1f176b]{display:flex;flex-direction:row;margin-bottom:10px}.checkbox-list input[type=checkbox][data-v-ef1f176b]{width:14px;height:14px;border-radius:2px;border:2px solid #4f4f4f;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox-list input[type=checkbox][data-v-ef1f176b]:hover{border-color:#000}.checkbox-list input[type=checkbox][data-v-ef1f176b]:checked{border-color:transparent;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}label[data-v-ef1f176b]{color:#000;padding-left:10px;font-family:Segoe UI;font-size:14px;font-weight:400;line-height:18.62px;text-align:left}input[data-v-ef1f176b]:not([type=checkbox]){color:#121212!important;background-color:transparent!important;border:1px solid #4f4f4f;border-top:none!important;border-left:none!important;border-right:none!important;width:100%;font-family:Segoe UI;font-size:14px;font-weight:400;line-height:18.62px;text-align:left;padding-left:12px;padding-bottom:5px;padding-right:32px;box-sizing:border-box}input[data-v-ef1f176b]:not([type=checkbox]):hover{border-color:#202020}input[data-v-ef1f176b]:not([type=checkbox]):focus{border-color:transparent!important;box-shadow:inset 0 -2px #06f!important}.hint-message[data-v-ef1f176b]{color:#f90;margin-top:5px}.password-visible-mark[data-v-ef1f176b]{width:26px;height:26px;color:#000}.password-wrapper[data-v-ef1f176b]{position:relative}.password-wrapper input[data-v-ef1f176b]{color:#121212;border:1px solid #4f4f4f}.password-wrapper input[data-v-ef1f176b]:hover{border-color:#202020}.password-wrapper input.error[data-v-ef1f176b]{border-color:transparent;box-shadow:inset 0 -2px #f90!important}.password-visible-button[data-v-ef1f176b]{position:absolute;background-color:transparent!important;border:none;width:26px;height:26px;right:0;top:-2px;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:.8}.password-visible-button[data-v-ef1f176b]:hover{opacity:1}.suggest-block[data-v-ef1f176b]{border:1px solid #0066ff;border-radius:3px;padding:10px;margin-top:20px}.suggest-block h5[data-v-ef1f176b]{font-family:Segoe UI;font-size:12px;font-weight:400;line-height:15.96px;text-align:left;color:#06f}.suggest-block .suggest-title-block[data-v-ef1f176b]{display:flex;align-items:center;margin:0 0 10px}.suggest-block .suggest-title-block img[data-v-ef1f176b]{width:14px;height:14px}.suggest-block .suggest-title-block .suggest-title[data-v-ef1f176b]{padding-left:5px;font-weight:700}.suggest-block .suggest-text[data-v-ef1f176b]{margin:5px}input[type=password][data-v-ef1f176b]::-ms-reveal,input[type=password][data-v-ef1f176b]::-ms-clear{display:none}div[data-v-553f4062]{font-family:Ubuntu,SF Pro,Helvetica Neue,Segoe UI,Roboto,Arial,WenQuanYi Zen Hei,文泉驛正黑,PingFang SC,Droid Sans,Microsoft JhengHei,微軟正黑體,"sans-serif";color:#fff}body[data-v-553f4062],html[data-v-553f4062]{height:100%;font-size:rem(1);padding:0;margin:0;min-width:rem(1024)}@media only screen and (max-width: 1366px){body[data-v-553f4062],html[data-v-553f4062]{font-size:rem(14)}}body[data-v-553f4062]{background-color:#000;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}h5[data-v-553f4062],h6[data-v-553f4062],.block .block-line>label[data-v-553f4062]{margin:0}h6[data-v-553f4062],.block .block-line>label[data-v-553f4062]{font-size:rem(14);font-weight:400;line-height:1.3}.v-select[data-v-553f4062]{width:100%}p[data-v-553f4062]{font-size:rem(14)}span[data-v-553f4062]{font-size:rem(12);line-height:1.3}.block[data-v-553f4062]{width:100%;box-sizing:border-box}.block>.v-select[data-v-553f4062]{padding:rem(5) 0}.block .block-line[data-v-553f4062]{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:rem(40)}.block .block-line.title[data-v-553f4062]{min-height:rem(60)}.block .block-line.wrap[data-v-553f4062]{flex-wrap:wrap}.block .block-line>.v-select[data-v-553f4062]{padding:rem(5) 0}.block>.block[data-v-553f4062]{padding-left:rem(30)}[data-v-553f4062]::-webkit-scrollbar-track{background-color:transparent}.button[data-v-553f4062],button[data-v-553f4062]{height:rem(32);cursor:pointer;width:100%;outline:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block-line.buttons-line[data-v-553f4062]{display:flex}.block-line.buttons-line button[data-v-553f4062]:not(:first-child){margin-left:rem(10)}.settings-menu .menu-item[data-v-553f4062]{height:rem(50);display:flex;align-items:center;padding:rem(20);box-sizing:border-box;cursor:pointer}.settings-menu .menu-item[data-v-553f4062]:hover:not(.router-link-active){background-color:#2e2e2e}.settings-menu .menu-item[data-v-553f4062]:active,.settings-menu .menu-item.router-link-active[data-v-553f4062]{background-color:#2986ff}.settings-menu .folder[data-v-553f4062]{width:100%;display:flex;justify-content:space-between}.settings-menu .submenu .subitem[data-v-553f4062]{height:rem(40);display:flex;align-items:center;box-sizing:border-box;padding:rem(20);cursor:pointer}.settings-menu .submenu .subitem.router-link-exact-active[data-v-553f4062]{color:#2986ff}svg[data-v-553f4062]{fill:currentColor}.disabled svg[data-v-553f4062]{color:#4f4f4f}[data-state=disabled] svg[data-v-553f4062]{color:#4f4f4f}input[type=text][data-v-553f4062],input[type=password][data-v-553f4062],input[type=search][data-v-553f4062]{background-color:#121212;border:1px solid #adadad;color:#c2c2c2;padding:rem(6) rem(12)}input[type=text][data-v-553f4062]:hover,input[type=password][data-v-553f4062]:hover,input[type=search][data-v-553f4062]:hover{border-color:#fff;color:#fff}input[type=text][data-v-553f4062]:active,input[type=password][data-v-553f4062]:active,input[type=search][data-v-553f4062]:active{border-color:#2986ff}input[type=text][data-v-553f4062]:disabled,input[type=password][data-v-553f4062]:disabled,input[type=search][data-v-553f4062]:disabled{border-color:#4f4f4f}input[type=text][data-v-553f4062]:focus,input[type=password][data-v-553f4062]:focus,input[type=search][data-v-553f4062]:focus{border-color:#2986ff}input[data-v-553f4062]:focus,textarea[data-v-553f4062]:focus{outline:none}button[data-v-553f4062]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.with-icon[data-v-553f4062]{display:flex;justify-content:space-between;align-items:center;position:absolute;padding:0}button.with-icon[data-v-553f4062]:before{content:"";flex-grow:0;flex-shrink:0}button.with-icon>span[data-v-553f4062]{flex:1;line-height:100%}button.with-icon[data-v-553f4062]>:last-child{flex:0}button.medium[data-v-553f4062]{width:rem(220);height:rem(32)}button.small[data-v-553f4062]{width:rem(148)}button.large[data-v-553f4062]{width:100%}button[data-v-553f4062]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button[data-v-553f4062]:active{background-color:#06f;border:rem(1) solid #0066ff}button[data-v-553f4062]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.ptz-button[data-v-553f4062]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.ptz-button span[data-v-553f4062]{color:inherit}button.ptz-button[data-v-553f4062]:hover{border:rem(1) solid #bababa;background-color:#fff}button.ptz-button[data-v-553f4062]:active{border:rem(1) solid #fff;background-color:#bababa}button.ptz-button[data-v-553f4062]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.secondary[data-v-553f4062]{border:rem(1) solid #e0e0e0;background-color:#e0e0e0;color:#121212!important}button.secondary span[data-v-553f4062]{color:inherit}button.secondary[data-v-553f4062]:hover{border:rem(1) solid #bababa;background-color:#fff}button.secondary[data-v-553f4062]:active{border:rem(1) solid #fff;background-color:#bababa}button.secondary[data-v-553f4062]:disabled{color:#4f4f4f;border:rem(1) solid #4f4f4f;background:#4f4f4f;cursor:initial}button.ghost[data-v-553f4062]{border:1px solid #e0e0e0;background-color:transparent;color:#e0e0e0}button.ghost span[data-v-553f4062]{color:inherit}button.ghost[data-v-553f4062]:hover{background-color:#404040;border:1px solid #ffffff}button.ghost[data-v-553f4062]:active{border:1px solid #ffffff;background-color:transparent}button.ghost[data-v-553f4062]:disabled{border:1px solid #4f4f4f;cursor:initial}button.primary[data-v-553f4062]{background-color:#2986ff;border:rem(1) solid #2986ff;color:#fff}button.primary[data-v-553f4062]:hover:not(:disabled){background-color:#52a3ff;border:rem(1) solid #52a3ff}button.primary[data-v-553f4062]:active{background-color:#06f;border:rem(1) solid #0066ff}button.primary[data-v-553f4062]:disabled{background-color:#4f4f4f;border:rem(1) solid #4f4f4f;color:#202020;cursor:initial}button.warning[data-v-553f4062]{background-color:#ffb029;border:rem(1) solid #ffb029;color:#121212}button.warning[data-v-553f4062]:hover:not(:disabled){background-color:#ffb943;border:rem(1) solid #ffb943}button.ghost[data-v-553f4062]{font-size:rem(12);text-align:center;line-height:rem(12)}button.ghost.small-primary[data-v-553f4062]{height:rem(24);color:#2986ff;background-color:transparent;border:1px solid #2986ff}button.ghost.small-primary[data-v-553f4062]:hover{color:#7abdff;background-color:#1e2f40;border:1px solid #7abdff}button.ghost.small-primary[data-v-553f4062]:active{color:#7abdff;background-color:#121c26;border:1px solid #7abdff}button.ghost.small-primary[data-v-553f4062]:disabled{color:#4f4f4f;background-color:transparent;border:1px solid #4f4f4f;cursor:initial}button.ghost.small-secondary[data-v-553f4062]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0}button.ghost.small-secondary[data-v-553f4062]:not(:disabled):hover,button.ghost.small-secondary[data-v-553f4062]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.small-secondary[data-v-553f4062]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-553f4062]{background-color:transparent;border:rem(1) solid #e0e0e0;color:#e0e0e0;height:rem(32);font-size:rem(14)}button.ghost.medium-secondary[data-v-553f4062]:not(:disabled):hover,button.ghost.medium-secondary[data-v-553f4062]:not(:disabled):active{border:rem(1) solid #fff;background-color:#404040;color:#fff}button.ghost.medium-secondary[data-v-553f4062]:disabled{border:rem(1) solid #4f4f4f;color:#4f4f4f;cursor:initial}button.ghost.medium-secondary[data-v-553f4062]:not(:disabled):active{background-color:transparent;border:rem(1) solid #ffffff}[data-v-553f4062]::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}[data-v-553f4062]::-webkit-scrollbar-thumb{background-color:#3e3e3e;border:solid 1px #202020}[data-v-553f4062]::-webkit-scrollbar-thumb:hover{background-color:#adadad}h1[data-v-553f4062],h2[data-v-553f4062],h3[data-v-553f4062],h4[data-v-553f4062],h5[data-v-553f4062],h6[data-v-553f4062],.block .block-line>label[data-v-553f4062]{margin:0;font-weight:400}h1[data-v-553f4062]{font-size:rem(44)}h2[data-v-553f4062]{font-size:rem(32)}h3[data-v-553f4062]{font-size:rem(28)}h4[data-v-553f4062]{font-size:rem(18)}h5[data-v-553f4062]{font-size:rem(16)}h6[data-v-553f4062],p[data-v-553f4062],.block .block-line>label[data-v-553f4062]{font-size:rem(14)}span.p[data-v-553f4062],.paragraph[data-v-553f4062]{font-size:rem(12)}.tooltip-p[data-v-553f4062]{color:#8f8f8f}.tooltip-title[data-v-553f4062]{padding-bottom:rem(10);color:#e0e0e0}.copyright-p[data-v-553f4062]{font-size:rem(12)}.bold[data-v-553f4062]{font-weight:700}.semi-bold[data-v-553f4062]{font-weight:600}.option-separator[data-v-553f4062]{background:#000;height:1px}.svg-icon.general_check[data-v-553f4062]{color:#0f0!important}.svg-icon.general_buzzer_stop[data-v-553f4062],.svg-icon.general_buzzer[data-v-553f4062]{color:#ffb029}.v--modal-background-click[data-v-553f4062]{background-color:#202020b3}.v--modal-overlay .v--modal-box[data-v-553f4062]{background-color:#000;color:#fff;padding-top:rem(10);padding-left:rem(40);padding-right:rem(40)}.v--modal[data-v-553f4062]{border-radius:0}.vue-slider-dot[data-v-553f4062]{border-radius:6px;width:rem(12)!important;height:rem(12)!important;background-color:#fff}.default-dialog-content[data-v-553f4062]{margin-top:rem(10);height:rem(40)}.default-dialog-content>h6[data-v-553f4062]{color:#e0e0e0}.pagination-content[data-v-553f4062]{display:flex;justify-content:center;align-items:center;line-height:100%;height:100%}.pagination-content .page-label[data-v-553f4062]{display:flex;font-size:rem(14)}.pagination-content .page-label>div[data-v-553f4062]{color:#e0e0e0;margin:0 rem(8)}@-moz-keyframes spin-553f4062{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin-553f4062{to{-webkit-transform:rotate(360deg)}}@keyframes spin-553f4062{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-icon[data-v-553f4062]{position:absolute;right:0;top:0;padding:rem(5)}.spinning[data-v-553f4062]{animation-name:spin-553f4062;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin-553f4062{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled-option[data-v-553f4062]{cursor:not-allowed;pointer-events:none}.empty-block[data-v-553f4062]{display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-block .icon[data-v-553f4062]{height:rem(100);width:rem(100);background-position:center;background-repeat:no-repeat}.empty-block .icon.no-search-icon[data-v-553f4062]{background-image:url(../assets/illustration_no_search.svg)}.empty-block .icon.search-failed-icon[data-v-553f4062]{background-image:url(../assets/illustration_search_failed.svg)}.empty-block>h6[data-v-553f4062]{color:#adadad;height:rem(40);line-height:rem(18);margin-bottom:rem(10)}.empty-block>span[data-v-553f4062]{color:#adadad}.empty-block>button[data-v-553f4062]{margin-top:rem(15);position:relative}.grid[data-v-553f4062]{display:flex;flex-direction:column;align-items:center;width:rem(228);padding:rem(12) rem(8);box-sizing:border-box;background-color:#202020}.grid[data-v-553f4062]>*{overflow:hidden;width:100%}.grid>* h6[data-v-553f4062]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grid.active[data-v-553f4062]{border:solid 1px #2986ff;background-color:#3e3e3e}.grid[data-v-553f4062]:hover{background-color:#2e2e2e}.grid .snapshot[data-v-553f4062]{width:rem(212);height:rem(120)}.grid .alarm[data-v-553f4062]{font-weight:800;align-items:center;flex-direction:row;justify-content:space-between;display:flex;height:rem(40);margin-top:rem(4);color:#fff}.grid .info[data-v-553f4062]>*{height:rem(21);color:#8f8f8f}.logo-layout[data-v-553f4062]{display:flex;justify-content:center;align-items:center;flex-direction:column}.logo-text[data-v-553f4062]{position:relative;top:-10px;font-family:Segoe UI;font-size:32px;font-weight:700;line-height:42.56px;text-align:left}.logo[data-v-553f4062]{width:380px}.company-mark[data-v-553f4062]{width:100px;position:absolute;left:40px;bottom:28px}.loginPanel[data-v-553f4062]{margin-left:200px}