#login{display:table;position:relative;width:100%;height:100vh;text-align:center;overflow:hidden}#login .bg{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:url("/assets/img/bg_con3.jpg") no-repeat 50%;background-size:cover;-webkit-animation:img-active-animation 5s cubic-bezier(0.4, 0, 0.2, 1) both;animation:img-active-animation 5s cubic-bezier(0.4, 0, 0.2, 1) both}#login .loginWrap{display:table-cell;vertical-align:middle}#login .loginWrap h1 img{width:auto;height:45px}#login .loginWrap h1 b{display:block;margin-top:20px;font-size:36px;color:#fff}#login .mbWrap{width:600px;margin:0 auto;padding:90px;border-radius:60px;background:linear-gradient(to bottom, rgba(49, 82, 64, 0.9), rgba(34, 109, 122, 0.9));box-shadow:0px 30px 60px 18px rgba(0,0,0,.4)}#login .mbWrap h1{margin-bottom:50px}#login .mbWrap h1 b p:nth-child(1){margin-bottom:5px;padding-right:5px;font-size:20px;letter-spacing:5px}#login .mbWrap h1 b p:nth-child(2){font-size:40px;letter-spacing:15px}#login .mbWrap .form-list li{overflow:hidden;margin-top:10px}#login .mbWrap .form-list li:first-child{margin-top:0}#login .mbWrap .form-list li label{line-height:30px;color:#222;font-size:13px;letter-spacing:-0.5px}#login .mbWrap .form-input{position:relative;width:100%;height:50px;box-sizing:border-box;background:none;border:0px;background:hsla(0,0%,100%,.1);font-size:14px;letter-spacing:-0.3px;font-weight:400;color:#aaa;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}#login .mbWrap input:focus{z-index:1;border:1px solid hsla(0,0%,100%,.4)}#login .cm-inputbox{display:inline-block;width:100%;height:50px;border:0;border-radius:9px;text-indent:14px;font-size:15px;font-weight:400;letter-spacing:-0.75px;color:#fff;background:hsla(0,0%,100%,.15)}#login .cm-inputbox::placeholder{color:hsla(0,0%,100%,.6)}#login .cm-inputbox:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}#login .auto-login-btn{margin:10px 0 20px;text-align:left}#login .auto-login-btn p input{display:none}#login .auto-login-btn label{font-weight:400;font-size:16px;letter-spacing:-0.75px;color:#fff;cursor:pointer}#login .auto-login-btn label .check-icon{display:inline-block;position:relative;top:1px;margin-right:10px;padding-right:8px;vertical-align:middle}#login .auto-login-btn label .check-icon::after{position:relative;content:"";font-family:xeicon;top:0;left:0;font-size:22px;color:#dedede;cursor:pointer}#login .auto-login-btn input:checked+label .check-icon:after{color:#6fb26d;content:""}#login .cm-button-style{width:100%;height:65px;border-radius:9px;font-size:18px;text-align:center;line-height:65px;background:linear-gradient(to right, #6fb26d, #03a2b8);color:#fff;transition:all .3s}#login .bottom_logo{margin-top:60px}#login .bottom_logo img{height:25px}#login .language-btn{position:absolute;top:30px;right:80px;height:50px;width:220px;font-size:17px;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.6);border-radius:10px}#login .language-btn:active{background:hsla(0,0%,100%,.6)}#login .language-btn .language-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center}#login .language-btn .language-wrap>i{margin-right:10px;color:#fff}#login .language-btn .language-wrap .text .language-select{font-weight:700;color:#fff}#login .language-btn .language-wrap .text>span:nth-child(2){margin:0 10px}#login .language-select-wrap{display:flex;justify-content:center;align-items:center;gap:0 15px;position:absolute;top:25px;right:30px}#login .language-select-wrap i{font-size:23px;color:#fff}#login .language-select-wrap .language-select{height:30px;width:105px;font-size:15px;color:#000;text-align:center;border:1px solid hsla(0,0%,100%,.6);border-radius:10px}@keyframes img-active-animation{from{-webkit-transform:scale(1.08, 1.08);transform:scale(1.08, 1.08)}to{-webkit-transform:scale(1, 1) rotate(0.002deg);transform:scale(1, 1) rotate(0.002deg)}}#wrap{position:relative;width:100%;height:100%;overflow:hidden}#wrap .bg_fixed{z-index:-1;position:fixed;width:100%;height:100vh;background:url("/assets/img/bg_con4.jpg") no-repeat 50%;background-size:cover}header{display:table;z-index:1000;position:fixed;width:100%;height:80px;padding:0 50px;background:linear-gradient(to bottom, rgba(7, 44, 54, 0.9), rgba(5, 13, 15, 0.9))}header .wrap{display:table-cell;vertical-align:middle}header .wrap h1{position:absolute;max-width:200px;top:15px;left:50px}header .wrap h1 img{width:auto;height:30px}header .wrap h1 p{display:inline-block;margin-left:0px;padding-top:5px;font-size:15px;font-weight:700;color:rgba(0,0,0,0);background:linear-gradient(to right, #78d082, #0ec2d0);-webkit-background-clip:text;vertical-align:middle}header .wrap nav{text-align:center}header .wrap nav ul li{display:inline-block}header .wrap nav ul li a{display:inline-block;min-width:150px;height:50px;margin:0 2px;padding:0 25px;font-size:18px;line-height:48px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4)}header .wrap nav ul li a i{margin-right:10px}header .wrap nav ul li.active a{color:#16dccd;border:1px solid rgba(22,220,205,.8)}header .wrap nav ul li.active a img{filter:opacity(0.5) drop-shadow(0 0 0 #16dccd)}header .wrap .moba-menu-btn{display:none;position:absolute;top:50%;right:30px;transform:translate(0, -50%)}header .wrap .moba-menu-wrap{display:none;position:absolute;color:#fff;top:0;right:-250px;width:250px;height:100vh;background:#242d35;transition:all .5s}header .wrap .moba-menu-wrap.show-moba-menu{right:0px}header .wrap .moba-menu-wrap .moba-menu-close{position:relative;width:100%;height:80px}header .wrap .moba-menu-wrap .moba-menu-close i{position:absolute;top:50%;right:25px;transform:translate(0, -50%)}header .wrap .moba-menu-wrap ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:7px 0;margin-top:15px}header .wrap .moba-menu-wrap ul li{width:100%;height:50px}header .wrap .moba-menu-wrap ul li a{width:100%;height:100%;line-height:50px;border:1px solid hsla(0,0%,100%,.1)}header .wrap .side{position:absolute;top:28px;right:15px}header .wrap .side ul li{display:inline-block;padding:0 30px;vertical-align:middle;font-size:16px;color:#fff}header .wrap .side ul li:first-child i{display:inline-block;width:20px;height:20px;margin-right:10px;border:2px solid #fff;border-radius:50%;vertical-align:middle}header .wrap .side ul li:nth-child(2){padding-left:32px;background:url("/assets/img/icon_location.png") no-repeat 0 50%}header .wrap .side ul li a{font-size:16px;color:#fff}header .wrap .language-select{width:100px;color:#fff}header .wrap .language-select ul{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0 20px}header .wrap .language-select ul li{width:35px}header .wrap .language-select img{width:100%}header .wrap .language-btn{position:absolute;top:15px;right:20px;height:50px;width:220px;font-size:17px;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.6);border-radius:10px}header .wrap .language-btn:active{background:hsla(0,0%,100%,.6)}header .wrap .language-btn .language-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center}header .wrap .language-btn .language-wrap>i{margin-right:10px;color:#fff}header .wrap .language-btn .language-wrap .text .language-select{font-weight:700;color:#fff}header .wrap .language-btn .language-wrap .text>span:nth-child(2){margin:0 10px}header .wrap .language-select-wrap{display:flex;justify-content:center;align-items:center;gap:0 15px;position:absolute;top:25px;right:30px}header .wrap .language-select-wrap i{font-size:23px;color:#fff}header .wrap .language-select-wrap .language-select{height:30px;width:105px;font-size:15px;color:#000;text-align:center;border:1px solid hsla(0,0%,100%,.6);border-radius:10px}.tmenus{margin:0 auto}.tmenus .tmenu:hover a{color:#16dccd;border:1px solid rgba(22,220,205,.8)}.tmenus .tmenu:hover a img{filter:opacity(0.5) drop-shadow(0 0 0 #16dccd)}.header{padding:30px;text-align:center;background:#fff}.header h1{display:inline;font-weight:300}@media screen and (max-width: 1720px){header .wrap h1{max-width:100px;top:18px}header .wrap nav ul li a{padding:0px 15px;line-height:50px}.tmenus{margin-left:4%}}@media screen and (max-width: 1380px){header .wrap .side{right:30px;max-width:175px}}@media screen and (max-width: 1200px){header .wrap h1{top:18px;max-width:100px}header .wrap h1 img{height:25px}header .wrap h1 p{font-size:13px}header .wrap nav ul li a{padding:0px 15px;height:40px;font-size:15px;line-height:40px}.tmenus{margin-left:4%}}@media screen and (max-width: 1024px){header .wrap h1{max-width:150px}header .wrap .moba-menu-btn{display:block}header .wrap .moba-menu-wrap{display:block}header .tmenus{display:none}}.colorChange{-webkit-animation:colorChange .8s linear infinite}@-webkit-keyframes colorChange{from{background:#19b019}to{background:#fff}}.warning{-webkit-animation:warning .8s linear infinite}@-webkit-keyframes warning{from{background:red}to{background:#fff}}*{box-sizing:border-box}html{width:100%}body{margin:0;padding:0 !important;background:#222;font-family:"Lato",sans-serif;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}h2{text-align:center;font-weight:300;color:#89867e}h3.tit{margin-bottom:25px;font-size:20px;color:#fff}h4.stit{float:left;margin:5px 10px 0 0;font-size:16px;color:#fff}div.stit2{width:70%;height:20px;margin:5px 50px 0 0;margin-left:20%;font-size:16px;color:#fff}div.stit2 .mTitle{float:left;width:50%;text-align:center}#app{height:calc(100% - 80px)}.color{width:350px;margin:0 auto}.color li{display:inline-block;width:30px;height:30px;margin:0 15px 0 0;border-radius:100%}.color .red{background:#fa5a5a}.color .yellow{background:#f0d264}.color .green{background:#82c8a0}.color .cyan{background:#7fccde}.color .blue{background:#6698cb}.color .purple{background:#cb99c5}.content,.content-gradient,.content-3d{margin:40px auto}.content{width:80%;max-width:700px}.content-3d{width:50%;max-width:300px}pre{width:100%;margin-top:20px;padding:30px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;color:#f8f8f2;background-color:rgba(0,0,0,.72);border-radius:0 0 4px 4px}pre .bt{color:#f8f8f2}pre .anc{color:#f92672}pre .att{color:#a6a926}pre .val{color:#e6db74}.btn-container,.container{margin-bottom:40px;background-color:#fff;border-radius:4px;text-align:center}.container h2{padding-top:30px;font-weight:300}.btn,.btn-two{margin:9px}.btn-gradient{margin:5px}a[class*=btn]{text-decoration:none}input[class*=btn],button[class*=btn]{border:0}.btn.large,.btn-two.large,.btn-effect.large{padding:20px 40px;font-size:22px}.btn.small,.btn-two.small,.btn-gradient.small,.btn-effect.small{padding:8px 18px;font-size:14px}.btn.mini,.btn-two.mini,.btn-gradient.mini,.btn-effect.mini{padding:4px 12px;font-size:12px}.btn.block,.btn-two.block,.btn-gradient.block,.btn-effect.block{display:block;width:60%;margin-left:auto;margin-right:auto;text-align:center}.btn-gradient.large{padding:15px 45px;font-size:22px}.btn.red,.btn-two.red{background-color:#fa5a5a}.btn.yellow,.btn-two.yellow{background-color:#f0d264}.btn.green,.btn-two.green{background-color:#9abf7f}.btn.cyan,.btn-two.cyan{background-color:#7fccde}.btn.blue,.btn-two.blue{background-color:#7fb1bf}.btn.purple,.btn-two.purple{background-color:#cb99c5}.rounded{border-radius:10px}.btn{position:relative;border:0;padding:15px 25px;display:inline-block;text-align:center;color:#fff}.btn.red{box-shadow:0px 4px 0px #e04342}.btn.red:active{box-shadow:0 0 #e04342;background-color:#e04342}.btn.yellow{box-shadow:0px 4px 0px #d1b757}.btn.yellow:active{box-shadow:0 0 #d1b757;background-color:#d1b757}.btn.green{box-shadow:0px 4px 0px #87a86f}.btn.green:active{box-shadow:0 0 #87a86f;background-color:#87a86f}.btn.cyan{box-shadow:0px 4px 0px #73b9c9}.btn.cyan:active{box-shadow:0 0 #73b9c9;background-color:#73b9c9}.btn.blue{box-shadow:0px 4px 0px #74a3b0}.btn.blue:active{box-shadow:0 0 #74a3b0;background-color:#709ca8}.btn.purple{box-shadow:0px 4px 0px #ad83a8}.btn.purple:active{box-shadow:0 0 #ad83a8;background-color:#ad83a8}.btn-two{display:inline-block;padding:15px 25px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.21);border-bottom-color:rgba(0,0,0,.34);box-shadow:0 1px 0 hsla(0,0%,100%,.34) inset,0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21)}.btn-two:active{position:relative;top:1px;border-color:rgba(0,0,0,.34) rgba(0,0,0,.21) rgba(0,0,0,.21);box-shadow:0 1px 0 hsla(0,0%,100%,.89),0 1px rgba(0,0,0,.05) inset}.btn-3d{display:inline-block;position:relative;margin:20px 10px 10px;padding:20px 60px;font-size:22px;text-align:center;transition:top .01s linear;text-shadow:0 1px 0 rgba(0,0,0,.15);color:#fff;border-radius:6px}.btn-3d.red{background-color:#e74c3c;box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.red:hover{background-color:#e74c3c}.btn-3d.red:active{box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.yellow{background-color:#f0d264;box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.yellow:hover{background-color:#f0d264}.btn-3d.yellow:active{box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.green{background-color:#82c8a0;box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.green:hover{background-color:#80c49d}.btn-3d.green:active{box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.cyan{background-color:#7fccde;box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.cyan:hover{background-color:#82d1e3}.btn-3d.cyan:active{box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.blue{background-color:#6da2d9;box-shadow:0 0 0 1px #6698cb inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.blue:hover{background-color:#699dd1}.btn-3d.blue:active{box-shadow:0 0 0 1px #6191c2 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.purple{background-color:#cb99c5;box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.purple:hover{background-color:#d19ecb}.btn-3d.purple:active{box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px hsla(0,0%,100%,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.active{top:9px}.btn-gradient{display:inline-block;position:relative;padding:10px 30px;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.15);color:#fff;border:1px solid rgba(0,0,0,.21);border-bottom:4px solid rgba(0,0,0,.21);border-radius:4px}.btn-gradient .red{background:#fa5a5a;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(250, 90, 90)), to(rgb(232, 81, 81)));background:-webkit-linear-gradient(rgb(250, 90, 90) 0%, rgb(232, 81, 81) 100%);background:-moz-linear-gradient(rgb(250, 90, 90) 0%, rgb(232, 81, 81) 100%);background:-o-linear-gradient(rgb(250, 90, 90) 0%, rgb(232, 81, 81) 100%);background:linear-gradient(rgb(250, 90, 90) 0%, rgb(232, 81, 81) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#fa5a5a", endColorstr="#e85151", GradientType=0 )}.btn-gradient .red:active{background:#e35252}.btn-gradient .orange{background:#ff691e;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(255, 105, 30)), to(rgb(230, 95, 28)));background:-webkit-linear-gradient(rgb(255, 105, 30) 0%, rgb(230, 95, 28) 100%);background:-moz-linear-gradient(rgb(255, 105, 30) 0%, rgb(230, 95, 28) 100%);background:-o-linear-gradient(rgb(255, 105, 30) 0%, rgb(230, 95, 28) 100%);background:linear-gradient(rgb(255, 105, 30) 0%, rgb(230, 95, 28) 100%)}.btn-gradient .orange:active{background:#e8601b}.btn-gradient .yellow{background:#f0d264;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(240, 210, 100)), to(rgb(229, 201, 96)));background:-webkit-linear-gradient(rgb(240, 210, 100) 0%, rgb(229, 201, 96) 100%);background:-moz-linear-gradient(rgb(240, 210, 100) 0%, rgb(229, 201, 96) 100%);background:-o-linear-gradient(rgb(240, 210, 100) 0%, rgb(229, 201, 96) 100%);background:linear-gradient(rgb(240, 210, 100) 0%, rgb(229, 201, 96) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f0d264", endColorstr="#e5c960", GradientType=0 )}.btn-gradient .yellow:active{background:#dbc05b}.btn-gradient .green{background:#82c8a0;background:-moz-linear-gradient(top, rgb(130, 200, 160) 0%, rgb(130, 199, 158) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(130, 200, 160)), color-stop(100%, rgb(130, 199, 158)));background:-webkit-linear-gradient(top, rgb(130, 200, 160) 0%, rgb(130, 199, 158) 100%);background:-o-linear-gradient(top, rgb(130, 200, 160) 0%, rgb(130, 199, 158) 100%);background:-ms-linear-gradient(top, rgb(130, 200, 160) 0%, rgb(130, 199, 158) 100%);background:linear-gradient(to bottom, rgb(130, 200, 160) 0%, rgb(124, 185, 149) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#82c8a0", endColorstr="#82c79e", GradientType=0 )}.btn-gradient .green:active{background:#72b08e}.btn-gradient .cyan{background:#1bbcc2;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(27, 188, 194)), to(rgb(24, 163, 168)));background:-webkit-linear-gradient(rgb(27, 188, 194) 0%, rgb(24, 163, 168) 100%);background:-moz-linear-gradient(rgb(27, 188, 194) 0%, rgb(24, 163, 168) 100%);background:-o-linear-gradient(rgb(27, 188, 194) 0%, rgb(24, 163, 168) 100%);background:linear-gradient(rgb(27, 188, 194) 0%, rgb(24, 163, 168) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbcc2", endColorstr="#18a3a8", GradientType=0)}.btn-gradient .cyan:active{background:#169499}.btn-gradient .blue{background:#6698cb;background:-moz-linear-gradient(top, rgb(102, 152, 203) 0%, rgb(92, 138, 184) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(102, 152, 203)), color-stop(100%, rgb(92, 138, 184)));background:-webkit-linear-gradient(top, rgb(102, 152, 203) 0%, rgb(92, 138, 184) 100%);background:-o-linear-gradient(top, rgb(102, 152, 203) 0%, rgb(92, 138, 184) 100%);background:-ms-linear-gradient(top, rgb(102, 152, 203) 0%, rgb(92, 138, 184) 100%);background:linear-gradient(to bottom, rgb(102, 152, 203) 0%, rgb(92, 138, 184) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#6698cb", endColorstr="#5c8ab8", GradientType=0 )}.btn-gradient .blue:active{background:#608fbf}.btn-gradient .purple{background:#cb99c5;background:-moz-linear-gradient(top, rgb(203, 153, 197) 0%, rgb(181, 134, 176) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgb(203, 153, 197)), color-stop(100%, rgb(181, 134, 176)));background:-webkit-linear-gradient(top, rgb(203, 153, 197) 0%, rgb(181, 134, 176) 100%);background:-o-linear-gradient(top, rgb(203, 153, 197) 0%, rgb(181, 134, 176) 100%);background:-ms-linear-gradient(top, rgb(203, 153, 197) 0%, rgb(181, 134, 176) 100%);background:linear-gradient(to bottom, rgb(203, 153, 197) 0%, rgb(181, 134, 176) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#cb99c5", endColorstr="#b586b0", GradientType=0 )}.btn-gradient .purple:active{background:#bd8eb7}.textS{color:#fff}.textW{color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.textb{font-size:30px;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.pointers{cursor:pointer}.dropmStart{display:none;width:120%;margin-top:50%;background-color:#fff;border:1px solid #000}.dropmStart>li:hover{background:rgba(0,0,0,.1)}.bigpic img{width:100%;height:100%}.delchecked{position:absolute;margin:4px !important}.micmains{width:100%;height:700px;margin-top:3%;border-radius:20px;border:1px solid #000}.micNonuse{overflow:auto;float:left;width:35%;height:90%;border:1px solid #000}.micNonuse li{font-size:20px;cursor:pointer}.micuse{overflow:auto;float:left;width:35%;height:90%;margin-left:2%;border:1px solid #000}.micuse li{font-size:20px;cursor:pointer}.btnarea{float:left;width:10%;height:70%;margin-left:2%;margin-top:30%}.savearea{float:left;margin-top:20%;margin-left:10%}.savebtnarea{float:left;width:20%;margin-top:-32%;margin-left:90%}.micsavebtn{width:100%;height:40px;font-size:18px;text-align:center;line-height:44px;color:#fff;border-radius:10px;background-color:#4ec0e9;box-shadow:1px 1px 3px 1px #dadce0}.btn_single{margin-top:30%}.fileBox .fileName{display:inline-block;vertical-align:middle;width:190px;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff}.fileBox .btn_file{display:inline-block;vertical-align:middle;width:100px;height:30px;font-size:.8em;line-height:30px;text-align:center;color:#fff;box-shadow:1px 1px 3px 1px #dadce0;background-color:#4ec0e9;border-radius:5px;cursor:pointer}.fileBox input[type=file]{overflow:hidden;position:absolute;width:1px;clip:rect(0, 0, 0, 0);height:1px;padding:0;margin:-1px;border:0}.onFocus{color:#fff;background-color:#60c6eb}.mainMonitorPicDiv{position:relative;float:left;width:400px;height:450px;padding:10px 15px;background:#3c4a55;border-radius:5px;box-shadow:7px 11px 20px 6px rgba(0,0,0,.3);-webkit-box-shadow:7px 11px 20px 6px rgba(0,0,0,.3)}.micp_ids{float:right;width:80%;height:80%;margin:9%}#dateStartSelect{width:100px;text-align:center;line-height:34px}#dateEndSelect{width:100px;text-align:center;line-height:34px}.modal-backdrop.in{opacity:.5}#bigMnt{justify-content:center;align-items:center}#bigMnt .modal-dialog{position:absolute;top:50%;left:50%;width:100%;max-width:1000px;height:100%;margin:0 auto;margin-top:4%;border-radius:0;transform:translate(-50%, -50%)}#bigMnt .topInfo ul li i{width:20px;height:20px;border:2px solid #fff}#bigMnt .topInfo ul li b{font-size:20px}#bigMnt table thead th{font-size:16px}#bigMnt table tbody td{padding:10px}#bigMnt table tbody td .sTt p b{font-size:14px}#bigMnt table tbody td .sTt p span{font-size:20px}#bigMnt .graBox ul.fLeft{margin-top:0}#bigMnt .graBox ul.fLeft li i{margin-top:3px}#bigMnt .graBox ul.fLeft li b{font-size:32px}#bigMnt .graBox ul.fRight li a{font-size:18px}#bigMnt .graBox ul.fRight li:last-child a{font-size:16px}.modal.in .modal-dialog{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.modal .close img{width:auto;height:20px}.modal .mCon{width:100%;min-height:300px;padding:15px 20px;background:linear-gradient(to right, rgba(26, 34, 37, 0.9), rgba(33, 67, 77, 0.9))}.modal .mCon.pad0{overflow:hidden;padding:0}.modal .mCon.ledCon{padding:30px 40px;text-align:center}.modal dl{overflow:hidden;margin:8px 0}.modal dl dt{float:left;width:20%;font-size:15px;line-height:36px;color:#fff;font-weight:normal}.modal dl dd{float:left;width:80%}.modal dl dd input{width:100%;height:40px;padding:0 10px;border:1px solid hsla(0,0%,100%,.5);background:none;color:hsla(0,0%,100%,.7)}.modal dl dd button{padding:5px 15px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);color:#fff}.modal dl dd button i{margin-right:5px;vertical-align:middle}.modal dl dd em{display:block;margin-top:8px;color:#fe477d;font-size:14px}.modal dl dd em i{vertical-align:middle}.modal dl dd .mapBox{width:100%;height:350px;margin-top:5px;border:1px solid hsla(0,0%,100%,.5)}.modal .modal-body p.info{padding:20px 30px;font-size:20px;color:#fff}.modal .modal-body .bigpic img{object-fit:cover;aspect-ratio:4/3}.modal .modal-body .bigpic img.location-big-img1{animation-name:bigImageChange1}.modal .modal-body .bigpic img.location-big-img2{animation-name:bigImageChange2}.modal .modal-body .bigpic img.location-big-img3{animation-name:bigImageChange3}.modal .modal-body .bigpic img.location-big-img1,.modal .modal-body .bigpic img.location-big-img2,.modal .modal-body .bigpic img.location-big-img3{animation-timing-function:steps(1);animation-iteration-count:infinite;animation-duration:3s}@keyframes bigImageChange1{0%{display:block}33%{display:none}66%{display:none}100%{display:none}}@keyframes bigImageChange2{0%{display:none}33%{display:block}66%{display:none}100%{display:none}}@keyframes bigImageChange3{0%{display:none}33%{display:none}66%{display:block}100%{display:none}}.modal .btn_wrap{margin-top:10px;text-align:right}.modal button.save{height:40px;margin-right:10px;padding:0 30px;color:#fff;background:linear-gradient(to right, #80c890, #31bec8)}.modal button.save i{display:inline-block;margin-right:8px}.modal button.disabled{opacity:.6;cursor:not-allowed}.modal button.cancel{height:40px;padding:0 30px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4)}.modal.in .modal-dialog{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#location .modal-dialog{width:1400px}#location #map{float:right;width:900px;height:500px;background:url("/assets/img/bg_map.jpg") no-repeat 50%}#location .mapList{float:left;width:450px;height:600px}#location .root_daum_roughmap{float:left;width:900px;height:500px}#location .mCon ul{overflow:hidden;height:100%}#location .mCon>ul>li.map-list{display:inline-block;float:left;width:calc(100% - 900px);height:100%;background:linear-gradient(to right, rgb(7, 80, 95), rgb(6, 54, 68))}#location .mCon>ul>li.map-list .map-lbox{height:500px}#location .mCon>ul>li.map-list .map-lbox>ul>li{transition:all .4s}#location .mCon>ul>li.map-list .map-lbox>ul>li.active{box-shadow:1px 4px 15px 3px rgba(0,0,0,.45);transition:all .4s}#location .mCon>ul>li.map-list .map-lbox>ul>li.active>a:hover{background-color:rgba(0,0,0,0)}#location .mCon>ul>li.map-list .map-lbox>ul>li>a{display:block;padding:15px 20px;color:#fff;transition:all .4s}.device-modal .modal-dialog{position:absolute;top:50%;left:50%;margin:0 auto;transform:translate(-50%, -50%)}.device-modal .modal-dialog dl dd{float:right;width:70%}.device-modal .modal-dialog dl dd input.v-sn{width:80%}.device-modal .modal-dialog dl dd .verify-check-btn{vertical-align:middle;height:40px;margin-left:14px}.device-modal .modal-dialog dl dd .verify-check-btn:hover{background-color:hsla(0,0%,100%,.5)}.device-modal .modal-dialog select{width:100%;height:40px;padding:0 10px;color:#fff;background-color:hsla(0,0%,100%,0)}.device-modal .modal-dialog select option{color:#000}.device-modal .modal-dialog input{width:100%}.device-modal .modal-dialog input:focus{border:2px solid #fff}.device-modal #sound-device-modal .modal-dialog{width:1000px}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon{overflow-y:auto;height:500px}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon dl dt{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;gap:0 5px;width:100%}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon dl dt input{width:5%;margin:0;-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon dl dt input:checked+label{background-color:hsla(0,0%,100%,.3)}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon dl dt label{overflow:hidden;width:95%;padding:0 10px;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.device-modal #sound-device-modal .modal-dialog .modal-body .mCon dl dt label:hover{background-color:hsla(0,0%,100%,.3)}.device-modal #sound-set-modal .modal-dialog{width:1000px}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon{overflow-y:auto;height:500px}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon dl dt:nth-child(1){width:7%;margin-right:3%}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon dl dt:nth-child(2){width:90%}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon dl dt p{text-align:center}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon dl dt input{padding:0 10px;background:none;border:1px solid hsla(0,0%,100%,.5)}.device-modal #sound-set-modal .modal-dialog .modal-body .mCon dl dt input:focus{border:1px solid #fff}.device-modal #device-sensor-set .modal-dialog{width:500px}.device-modal #device-sensor-set .modal-dialog .modal-body .mCon{overflow-y:auto}.device-modal #device-sensor-set .modal-dialog .modal-body .mCon dl{display:flex;align-items:center;margin:30px 0}.device-modal #device-sensor-set .modal-dialog .modal-body .mCon dl input{width:50px;height:20px;margin:0;padding:0 10px;background:none;border:1px solid hsla(0,0%,100%,.5)}.device-modal #device-sensor-set .modal-dialog .modal-body .mCon dl input:focus{border:1px solid #fff}.device-modal #device-sensor-set .modal-dialog .modal-body .mCon dl label{font-size:17px;color:#fff}.user-modal .modal-dialog{position:absolute;top:50%;left:50%;margin:0 auto;transform:translate(-50%, -50%)}.user-modal .modal-dialog .mCon{overflow-y:auto;height:500px}.user-modal .modal-dialog .mCon dl dt{width:100%}.user-modal .modal-dialog select{width:100%;height:40px;padding:0 10px;color:#fff;background-color:hsla(0,0%,100%,0)}.user-modal .modal-dialog select option{color:#000}.user-modal .modal-dialog input[type=checkbox]{width:17px;height:17px;margin:0;margin-right:10px}.user-modal .modal-dialog input[type=checkbox]:focus{border:2px solid #fff}.user-modal #group-add .mCon dd:nth-child(4){display:flex}.user-modal #group-add .mCon dd:nth-child(4) select{width:77%}.user-modal #group-add .mCon dd:nth-child(4) button{height:40px;margin-left:10px}.user-modal #sound-group-add .modal-dialog{width:1000px}.user-modal #sound-group-add .modal-dialog .mCon{height:540px}.user-modal #sound-group-add .modal-dialog .mCon dl dt:nth-child(1){width:7%}.user-modal #sound-group-add .modal-dialog .mCon dl dt:nth-child(2){width:90%}.user-modal #sound-group-add .modal-dialog .mCon dl dt input{width:100%;padding:0 5px;color:#000}.sound-preview-modal .modal-dialog{width:1000px}.sound-preview-modal .modal-dialog dl.sound-modify-dl dt:nth-child(1){width:7%}.sound-preview-modal .modal-dialog dl.sound-modify-dl dt:nth-child(2){width:90%}.sound-preview-modal .modal-dialog dl.sound-modify-dl dt input{width:100%;color:#000}.sound-preview-modal .modal-dialog dl dt{width:100%}.sound-preview-modal .modal-dialog dl dt label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-preview-modal .modal-dialog .sound-change-select{width:50px;height:30px;margin-left:10px;border-radius:3px;text-align:center;font-size:15px;color:#000}#password .modal-dialog{width:100%;max-width:600px}#alim-time .modal-dialog{width:100%;max-width:400px}#alim-time .modal-dialog .mCon{min-height:135px}#alim-time .modal-dialog .mCon input{color:#fff;font-size:15px}#alim-time .modal-dialog .mCon dl dt{width:25%;font-size:17px}#alim-time .modal-dialog .mCon dl dd{float:right;width:70%}#alim .modal-dialog{width:100%;max-width:600px;height:100%;margin-top:11%;transform:translate(-50%, -50%);color:#fff}#alim .mCon{display:flex;flex-wrap:wrap;justify-content:start;gap:0 3%}#alim .mCon input{margin-right:10px}#alim .mCon input:hover+label{color:#16dccd}#alim .mCon .select-box{display:flex;width:110px;height:20px}.modal-dialog{position:absolute;left:50%;top:50%;width:600px;margin:0 auto;border-radius:0;transform:translate(-50%, -50%)}.modal-content{padding:20px;background:linear-gradient(to right bottom, rgba(11, 15, 16, 0.9), rgba(16, 54, 65, 0.9));border-radius:0;box-shadow:7px 11px 20px 6px rgba(0,0,0,.3);-webkit-box-shadow:7px 11px 20px 6px rgba(0,0,0,.3)}.modal-header{margin-bottom:15px;padding:0;border-bottom:0}.modal-title{font-size:20px;color:#fff}.modal-title span{font-size:16px;color:hsla(0,0%,100%,.6)}.modal-body{padding:0}.close{opacity:1}.close:focus,.close:hover{opacity:1}@media screen and (max-width: 1380px){#location .modal-dialog{width:1000px}#location #map{float:right;width:450px;height:500px;background:url("/assets/img/bg_map.jpg") no-repeat 50%}#location .mapList{float:left;width:450px;height:600px}#location .root_daum_roughmap{float:left;width:450px;height:500px}#location .mCon ul{overflow:hidden;height:100%}#location .mCon>ul>li.map-list{display:inline-block;float:left;width:calc(100% - 450px);height:100%;background:linear-gradient(to right, rgb(7, 80, 95), rgb(6, 54, 68))}#location .mCon>ul>li.map-list .map-lbox{height:500px}#location .mCon>ul>li.map-list .map-lbox>ul>li{transition:all .4s}#location .mCon>ul>li.map-list .map-lbox>ul>li.active{box-shadow:1px 4px 15px 3px rgba(0,0,0,.45);transition:all .4s}#location .mCon>ul>li.map-list .map-lbox>ul>li.active>a:hover{background-color:rgba(0,0,0,0)}#location .mCon>ul>li.map-list .map-lbox>ul>li>a{display:block;padding:15px 20px;color:#fff;transition:all .4s}}.monitor{position:relative;width:95%;margin:80px auto 0;padding:20px 3px 15px}.monitor .bgBox{position:relative;float:left;width:100%;height:270px;margin-top:10px;background-size:cover;object-fit:cover}.monitor .bgBox .textS{position:absolute;bottom:0;height:20px;padding:0 10px;color:#fff;background-color:#000}.monitor .bgBox .textS:nth-child(1){right:0}.monitor .bgBox .textS:nth-child(2){right:0}.monitor .bgBox .textS.state{top:5px;right:5px;height:30px;line-height:30px;background-color:red;border-radius:5px}.monitor .bgBox img{width:100%;height:100%;object-fit:fill;aspect-ratio:4/3}.monitor .bgBox img.showImg1{animation-name:imageChange1}.monitor .bgBox img.showImg2{animation-name:imageChange2}.monitor .bgBox img.showImg3{animation-name:imageChange3}.monitor .bgBox img.showImg1,.monitor .bgBox img.showImg2,.monitor .bgBox img.showImg3{animation-timing-function:steps(1);animation-iteration-count:infinite;animation-duration:3s}@keyframes imageChange1{0%{display:block}33%{display:none}66%{display:none}100%{display:none}}@keyframes imageChange2{0%{display:none}33%{display:block}66%{display:none}100%{display:none}}@keyframes imageChange3{0%{display:none}33%{display:none}66%{display:block}100%{display:none}}.monitor .bgBox i{position:absolute;top:43%;left:44%;color:#fff}.monitor .bgBox.notImage{display:flex;justify-content:center;align-items:center;position:relative;float:left;width:100%;height:200px;margin-top:10px;font-size:18px;color:#969696;background:#464646 !important}.monitor .bgBox .smallBox{z-index:999;position:absolute;top:-55%;left:-56%;transform:scale(0.44)}.monitor .simpleStat{display:flex;float:left;width:100%;margin-top:15px;padding:10px 0;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}.monitor .simpleStat span{width:120px}.monitor .simpleStat span span{margin-left:30px}.monitor .downBtnLine{display:flex;justify-content:space-between;float:left;width:100%;margin-top:15px}.monitor .downBtnLine .dmenus1{float:left;width:100px;height:37px;font-size:16px;text-align:center;line-height:37px;color:#fff;background-color:#348cd0}.monitor .downBtnLine .dmenus1 i{margin-right:5px}.monitor .downBtnLine .dmenus1:hover{color:#16dccd}.monitor .downBtnLine .dmenus2{float:left;width:100px;height:37px;font-size:16px;text-align:center;line-height:37px;color:#fff;background-color:#348cd0}.monitor .downBtnLine .dmenus2 i{margin-right:5px}.monitor .downBtnLine .dmenus2:hover{color:#16dccd}.monitor .downBtnLine .dmenus3{float:left;width:100px;height:37px;font-size:16px;text-align:center;line-height:37px;color:#fff;background-color:#348cd0}.monitor .downBtnLine .dmenus3 i{margin-right:5px}.monitor .downBtnLine .dmenus3:hover{color:#16dccd}.monitor .topInfo{margin-bottom:15px}.monitor .topInfo ul::after{display:block;clear:both;content:""}.monitor .topInfo ul li{position:relative;float:left;width:50%;padding:0 50px}.monitor .topInfo ul li::after{display:block;clear:both;content:""}.monitor .topInfo ul li:last-child::before{display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:hsla(0,0%,100%,.25);content:""}.monitor .topInfo ul li i{display:inline-block;width:36px;height:36px;margin-top:5px;border:4px solid #fff;border-radius:50%}.monitor .topInfo ul li em{float:right}.monitor .topInfo ul li em.red i{background:#f6233c}.monitor .topInfo ul li b{float:left;font-size:40px;font-weight:normal;color:#fff}.monitor table thead th{font-size:26px}.monitor table tbody td{min-height:120px;padding:10px 25px}.monitor table tbody td.sTt{text-align:center}.monitor table tbody td.sTt p b{writing-mode:vertical-lr;font-size:26px}.monitor table tbody td.lineChart canvas{width:600px !important}.monitor table tbody td.dataNum{min-width:400px}.monitor table tbody td.dataNum span{font-size:34px;color:hsla(0,0%,100%,.7)}.monitor table tbody td.dataNum i{display:inline-block;vertical-align:top;margin-top:10px;font-size:30px}.monitor table tbody td.dataNum p span{font-size:36px;color:#fff}.monitor .graBox{overflow:hidden;position:relative;width:100%;height:90px;margin-top:20px;padding:20px 50px;border:1px solid hsla(0,0%,100%,.5)}.monitor .graBox ul.fLeft{margin-top:-5px}.monitor .graBox ul.fLeft li{display:inline-block;margin:0 30px}.monitor .graBox ul.fLeft li i{display:inline-block;opacity:.8;vertical-align:top;margin-top:7px}.monitor .graBox ul.fLeft li b{display:inline-block;padding-left:20px;font-size:42px;color:#fff}.monitor .graBox ul.fLeft li b span{font-size:20px;display:inline-block;padding-left:7px}.monitor .graBox ul.fRight{position:absolute;top:10px;right:10px}.monitor .graBox ul.fRight li{display:inline-block;vertical-align:middle;margin:0 1px}.monitor .graBox ul.fRight li a{display:inline-block;width:120px;height:68px;font-size:28px;text-align:center;line-height:66px;color:#fff;background:#4fb460;transition:all .3s}.monitor .graBox ul.fRight li a:hover{font-weight:600;transition:all .3s}.monitor .graBox ul.fRight li.ok a{background:#f6b332;font-size:26px;line-height:68px}.monitor .graBox ul.fRight li.cctv a{background:#4fb460;font-size:26px;line-height:68px}.monitor .graBox ul.fRight li.led a{background:#28b8dd;font-size:26px;line-height:68px}.monitor .graBox ul.fRight li.view_big a{background:#348cd0;font-size:26px;line-height:68px}.monitor .graBox .pointers{float:left;width:100%;height:70px;text-align:center}.monitor .counter{vertical-align:middle;width:45px;height:30px;text-align:center;border:1px solid #fff;border-radius:0px !important}.monitor .number i{margin:0 !important}.monitor .number>span{display:inline-block;margin-left:10px;color:#fff}.monitor .up_count{margin-left:-3px;border-top-left-radius:0px;border-bottom-left-radius:0px}.monitor .down_count{margin-right:-4px;border-top-right-radius:0px;border-bottom-right-radius:0px}.monitor .btn-info{display:inline-block;vertical-align:middle;padding:4px 5px;font-size:14px;text-align:center;line-height:20px;color:#fff;background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);cursor:pointer}.monitor .btn-info:hover,.monitor .btn-info:focus{background:#16dccd;border:1px solid #16dccd}.monitor .btn-info span{display:inline-block;width:1px;height:1px;text-indent:-9999px;color:#fff}.monitor .inputWrap{display:inline-block;margin-top:7px}.monitor .inputWrap.okPop{padding:0 0 10px 20%}.monitor .inputWrap input[type=radio]{display:none}.monitor .inputWrap input[type=radio]:checked+label::before{border-color:#16dccd;animation:ripple .2s linear forwards}.monitor .inputWrap input[type=radio]:checked+label::after{transform:scale(1)}.monitor .inputWrap label{display:inline-block;vertical-align:bottom;position:relative;min-height:5px;margin:0 !important;padding:0 30px;color:#fff;cursor:pointer}.monitor .inputWrap label::before{top:0;left:0;width:20px;height:20px;background:#fff;border:2px solid rgba(181,166,166,.54)}.monitor .inputWrap label::after{top:5px;left:5px;width:10px;height:10px;transform:scale(0);background:#16dccd}.monitor .inputWrap label::before,.monitor .inputWrap label::after{position:absolute;border-radius:50%;content:"";transition:all .3s ease;transition-property:transform,border-color}.monitor .ledCon .inputWrap label{font-size:22px;font-weight:400}.monitor .ledCon .inputWrap label::before{top:5px}.monitor .ledCon .inputWrap label::after{top:10px}.parkSelect{z-index:10;height:60px;width:94%;margin:0 auto;margin-top:100px}.parkSelect .selBox{width:100%;height:100%;padding:0 20px;border-radius:5px;background-color:#3c4a55}.parkSelect .selBox select{width:200px;height:40px;margin-top:10px;padding-left:5px}.parkSelect .selBox .refresh-btn{display:flex;align-items:center;justify-content:center;float:right;width:100px;height:40px;margin-top:10px;color:#fff;background-color:#348cd0}.parkSelect .selBox .refresh-btn i{margin-right:5px}.dashboard{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));grid-auto-rows:450px;justify-items:center;gap:30px 30px;overflow-y:auto;margin-top:0}.dashboard .monitor_inPages{position:relative;float:left;width:325px}.dashboard .monitor_inPages b:nth-child(2){position:absolute;right:0}.dashboard .monitor_inPages p{min-height:20px;white-space:nowrap}.dashboard .btl_tb{display:flex;flex-direction:column;align-items:center;position:relative;float:right;width:10%}.dashboard .btl_tb img{position:absolute;top:-5px;float:right;width:45%;rotate:270deg}.dashboard .btl_tb .btlper{display:none;position:absolute;top:18px;margin-top:2%;text-align:center;white-space:nowrap;color:#fff}.smallBox h3{font-size:16px;color:#fff}#preview{position:relative;width:300px;height:145px;margin:0 auto;color:#fff}#preview canvas{z-index:2;position:relative;top:0;left:0px;width:300px;transform:scale(0.85)}#preview-textfield{z-index:9;position:absolute;right:0;bottom:13px;left:calc(50% - 60px);width:120px;height:60px;text-align:center;color:#333;transform:scale(0.85)}#preview-textfield span{display:block;padding-top:20px;font-size:32px;font-weight:600;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}#chartbackground{z-index:1;position:absolute;right:0;bottom:13px;left:calc(50% - 60px);width:120px;height:60px;text-align:center;color:#333;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAACFCAYAAACjWrZwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MzU5N0Q3NjI3NzExRTlCNDBDRkE0NUU2Nzk4MEZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1MzU5N0Q4NjI3NzExRTlCNDBDRkE0NUU2Nzk4MEZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzUzNTk3RDU2Mjc3MTFFOUI0MENGQTQ1RTY3OTgwRkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzUzNTk3RDY2Mjc3MTFFOUI0MENGQTQ1RTY3OTgwRkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zyoyjAAAIv0lEQVR42uzd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") top center no-repeat;background-size:120px 60px;transform:scale(0.85)}*,*:before,*:after{box-sizing:border-box}@keyframes ripple{0%{box-shadow:0px 0px 0px 1px rgba(0,0,0,0)}50%{box-shadow:0px 0px 0px 7px rgba(22,220,205,.25)}100%{box-shadow:0px 0px 0px 5px rgba(0,0,0,0)}}.marquee2{overflow:hidden;position:relative;width:100%;height:40px;background:url("/assets/img/bg_led.jpg") repeat-x 0}span.marquee-message{display:inline-block;margin:10px 0 0 0;white-space:nowrap;font-size:16px;color:#efe803}div.fade-left{position:absolute;left:0;width:10%;height:40px;background:-moz-linear-gradient(left, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(12%, rgb(0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(left, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(left, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-ms-linear-gradient(left, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to right, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%)}div.fade-right{position:absolute;right:0;width:10%;height:40px;background:-moz-linear-gradient(right, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, right top, right top, color-stop(12%, rgb(0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(right, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-o-linear-gradient(right, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:-ms-linear-gradient(right, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to left, rgb(0, 0, 0) 12%, rgba(0, 0, 0, 0) 100%)}.event-log-wrap{position:fixed;bottom:0;left:50%;width:94%;height:300px;margin:0 auto;transform:translate(-50%, 5%);transition:transform .5s}.event-log-wrap .event-log-title{display:flex;flex-direction:row;flex-wrap:nowrap;float:left;width:100%;height:18%;margin-bottom:10px}.event-log-wrap .event-log-title p{font-size:17px;color:#fff}.event-log-wrap .event-log-title>div:nth-child(1){width:360px;height:55px;background:#348cd0;font-size:20px;text-align:center;line-height:55px;color:#fff;border-radius:5px 0}.event-log-wrap .event-log-title>div:nth-child(2){overflow:hidden;height:55px;padding:0 20px;font-size:20px;font-weight:500;line-height:55px;color:#fff}.event-log-wrap .event-log-title>div:nth-child(2) div{transition:all .2s}.event-log-wrap .event-log-title>div:nth-child(2) div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-log-wrap .event-log-content{width:100%;height:100%;background:#3c4a55;border-radius:5px;box-shadow:inset 1px 1px 3px 1px rgba(70,70,70,.5)}.event-log-wrap .event-log-content .slide-icon{position:absolute;top:11px;right:20px;color:#fff}.event-log-wrap .event-log-content p{margin-bottom:5px;font-size:17px;color:#fff}.event-log-wrap .event-log-content .event-log{overflow:auto;width:100%;height:70%;padding:0 15px}.event-log-wrap.event-hide{transform:translate(-50%, 245px)}.bottomMonitor{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;position:fixed;bottom:0;left:50%;width:1800px;height:200px;margin:15px auto 20px;transform:translate(-50%, 0)}.bottomMonitor .event{position:relative;width:39%;height:100%}.bottomMonitor .event .event-title{position:absolute;top:0;left:0;width:100%;height:18%}.bottomMonitor .event .event-title div{width:40%;height:100%;font-size:20px;text-align:center;line-height:40px;color:#fff;background:#348cd0;border-radius:5px 0}.bottomMonitor .event .event-content{width:100%;height:100%;padding:45px 5px 5px 10px;background:#3c4a55;box-shadow:inset 1px 1px 3px 1px rgba(70,70,70,.5);border-radius:5px}.bottomMonitor .event .event-content .event-log-wrap .event-log{overflow-y:auto;width:100%;height:100%}.bottomMonitor .event .event-content .event-log-wrap .event-log p{margin-bottom:5px;font-size:17px;color:#fff}.bottomMonitor .graph-simple{position:relative;width:60%;height:100%}.bottomMonitor .graph-simple .graph-simple-title{position:absolute;top:0;left:0;width:250px;height:18%;margin-bottom:10px}.bottomMonitor .graph-simple .graph-simple-title div{width:100%;height:100%;font-size:20px;text-align:center;line-height:40px;color:#fff;background:#348cd0;border-radius:5px 0}.bottomMonitor .graph-simple .graph-simple-content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;width:100%;height:100%;padding:45px 10px 5px;background:#3c4a55;box-shadow:inset 1px 1px 3px 1px rgba(70,70,70,.5);border-radius:5px}.bottomMonitor .graph-simple .graph-simple-content .graph-box{display:flex;min-width:200px;color:#fff}.bottomMonitor .graph-simple .graph-simple-content .graph-box .title{width:20px;writing-mode:vertical-lr}.bottomMonitor .graph-simple .graph-simple-content .graph-box .chart-box .chart-container{width:100%;height:100%}.bottomMonitor .graph-simple .graph-simple-content .graph-box:nth-child(1) .chart-box{width:200px;height:100%}.bottomMonitor .graph-simple .graph-simple-content .graph-box:nth-child(2) .chart-box{width:300px;height:100%}.bottomMonitor .graph-simple .graph-simple-content .graph-box:nth-child(3) .chart-box{width:300px;height:100%}.p-warning{-webkit-animation:p-warning 1.3s linear infinite}@-webkit-keyframes p-warning{0%{outline:3px solid #ff0}50%{outline:3px solid red}100%{outline:3px solid #ff0}}.p-warning-text{-webkit-animation:p-warning-text 1.3s linear infinite}@-webkit-keyframes p-warning-text{0%{color:#fff}50%{color:red}100%{color:#fff}}.refresh-start{-webkit-animation:refresh-start .5s ease}@-webkit-keyframes refresh-start{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width: 1380px){#monitorModal #preview{position:relative;width:150px;height:73px;margin:0 auto;color:#fff}#monitorModal #preview canvas{position:relative;top:0;left:0px;width:150px;transform:scale(0.85)}#monitorModal #preview-textfield{z-index:9;position:absolute;right:0;bottom:6.5px;left:calc(50% - 30px);width:60px;height:30px;text-align:center;color:#333;background-size:60px 30px;transform:scale(0.85)}#monitorModal #preview-textfield span{display:block;padding-top:10px;font-size:20px;font-weight:600}#monitorModal .moniterChart{width:400px;height:110px}.bigmonitor #chartbackground{z-index:1;position:absolute;right:0;bottom:-20px;left:calc(50% - 60px);width:120px;text-align:center;color:#333;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAACFCAYAAACjWrZwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1MzU5N0Q3NjI3NzExRTlCNDBDRkE0NUU2Nzk4MEZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1MzU5N0Q4NjI3NzExRTlCNDBDRkE0NUU2Nzk4MEZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzUzNTk3RDU2Mjc3MTFFOUI0MENGQTQ1RTY3OTgwRkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzUzNTk3RDY2Mjc3MTFFOUI0MENGQTQ1RTY3OTgwRkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zyoyjAAAIv0lEQVR42uzd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") top center no-repeat;background-size:60px 30px;transform:scale(0.85)}}.pic{position:relative;height:100%;margin-top:100px}.pic .pic-path{float:left;width:100%;margin-bottom:40px;color:#fff}.pic .pic-path b{font-size:25px}.pic .pic-path .pic-btn-wrap{position:absolute;top:20px;right:0px}.pic .pic-path .pic-btn-wrap .saveImg{min-width:100px;margin-right:20px;padding:0 15px;font-size:17px;background-color:#348cd0;border-radius:5px}.pic .pic-path .pic-btn-wrap .removeBtn{min-width:100px;padding:0 15px;font-size:17px;background-color:red;border-radius:5px}.pic .pic-path .pic-btn-wrap .cancelBtn{min-width:100px;margin-right:15px;padding:0 15px;font-size:17px;background-color:#646464;border-radius:5px}.pic .pic-wrap{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, auto));grid-template-rows:repeat(auto-fill, 105px);align-items:center;justify-items:center;gap:30px 10px;width:100%;height:calc(100% - 100px)}.pic .pic-wrap.pic-view{grid-template-rows:repeat(auto-fill, 250px)}.pic .pic-wrap .picBox .pointers{float:left}.pic .pic-wrap .picBox .pointers img{width:70px}.pic .pic-wrap .picBox .pointers p{font-size:25px}.pic .pic-wrap .picBox.selPic div{position:relative}.pic .pic-wrap .picBox.selPic div img{width:100%;height:225px;background-color:rgba(20,20,20,.7)}.pic .pic-wrap .picBox.selPic div input{position:absolute;top:5px;right:5px;width:25px;height:25px;margin:0}.pic .pic-wrap .picBox.selPic p{font-size:20px;text-align:center;color:#fff}.pic .pic-wrap .picBox{position:relative;float:left;width:350px;margin:1% 1.5%}.pic .pic-wrap .picBox .pointers{float:left;width:100%;height:105px;text-align:center}.pic .pic-wrap .picBox .pointers p{color:#fff}.pic .pic-wrap .picBox:hover .pointers p{color:#16dccd}@media screen and (max-width: 1024px){.pic .pic-path{display:none}}.data{overflow:hidden;margin:120px auto 0;padding:0}.data.monitor{width:75%}.data .topWrap{overflow:hidden;width:100%;padding:20px 30px;background-color:#fff;border-radius:7px}.data .topWrap>div{float:left;margin:0 15px}.data .topWrap dl{overflow:hidden}.data .topWrap dl dt{float:left;font-size:20px;font-weight:normal;line-height:36px;color:#000}.data .topWrap dl dd{float:left;margin-left:20px}.data .topWrap dl dd select{height:40px;width:180px;padding:0 40px 0 15px;color:#000;background:url("/assets/img/select_arrow2.png") no-repeat 100% 50%;border:1px solid #d6d6d6;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.data .topWrap dl dd select option{line-height:40px;background:#fff;color:#000;cursor:pointer}.data .topWrap dl dd .selectBox span{margin:0 5px}.data .topWrap .btns{float:right;width:100%;max-width:335px}.data .topWrap .btns ul{overflow:hidden}.data .topWrap .btns ul li{float:left;margin:0 1px}.data .topWrap .btns ul li a,.data .topWrap .btns ul li button{display:inline-block;height:40px;padding:0 25px;font-size:14px;line-height:38px;background:#4fb460;color:#fff}.data .topWrap .btns ul li button.pdf{background:#348cd0}.data .topWrap .btns ul li button.pdf b{display:inline-block;font-size:15px}.data .topWrap .btns ul li button span{font-size:16px;font-weight:600}.data .topWrap .btns ul li a i{display:inline-block;vertical-align:middle;margin-right:6px}.data .topWrap #dateStartPicker{width:100px;text-align:center;line-height:34px}.data .topWrap #dateEndPicker{width:100px;text-align:center;line-height:34px}.data .stats{position:relative;width:100%;margin-bottom:50px}.data .stats .stats_info{overflow:hidden}.data .stats .stats_info span{float:left;margin-left:30px;font-size:18px;color:#000}.data .stats h4.stit{color:#000}.data .stats .stats_con{overflow:hidden;padding:20px 0}.data .stats .stats_con .sBox{float:left;width:48%}.data .stats .stats_con .sBox.graph{margin-left:4%}.data .stats .stats_con .bars{width:100%;height:100px;border-bottom:1px solid rgba(0,0,0,.4);border-left:1px solid rgba(0,0,0,.4)}.data .stats .stats_con .bar-group{width:100%;height:100%;padding:0 60px}.data .stats .stats_con .bar-group ul{position:relative;height:100%}.data .stats .stats_con .bar-group ul li{position:relative;float:left;width:10%;height:100%;margin:0 7.5%}.data .stats .stats_con .bar-group ul li span{position:absolute;top:-20px;left:50%;font-size:13px;font-weight:normal;color:#000;transform:translateX(-50%)}.data .stats .stats_con .bar-group ul li .bar-1{background:#28b8dd}.data .stats .stats_con .bar-group ul li .bar-2{background:#88d47c}.data .stats .stats_con .bar-group ul li .bar-3{background:#feda49}.data .stats .stats_con .bar-group ul li .bar-4{background:#fe497e}.data .stats .stats_con .bar-group .bar{position:absolute;bottom:0;width:100%;border-radius:0;background:#fff}.data .stats .stats_con .bar-group .bar .txt{position:relative;width:100%;height:100%;text-align:center}.data .stats .stats_con .bar-group .bar .txt b{position:absolute;bottom:-25px;left:50%;font-size:13px;font-weight:normal !important;color:#000;transform:translateX(-50%)}.data .lineTable thead th{color:#fff;background:#000;border:0}.data .lineTable tbody td{color:#000;border-bottom:1px solid rgba(0,0,0,.4)}.data .line_graph{margin-top:30px}.data .line_graph .line_box{position:relative;width:100%;height:210px;margin:20px 0;padding:15px 30px 0 70px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:7px}.data .line_graph .line_box.wind_direction_wrap p{margin-bottom:10px;color:rgba(0,0,0,.7);text-align:right}.data .line_graph .line_box.wind_direction_wrap .chart-box table{height:140px;border:1px solid #000}.data .line_graph .line_box.wind_direction_wrap .chart-box table tr:nth-child(1){height:45px}.data .line_graph .line_box.wind_direction_wrap .chart-box table td{padding:0 10px;border:1px solid #000;text-align:center}.data .line_graph .line_box.wind_direction_wrap .chart-box table td img{width:25px;height:25px}.data .line_graph .line_box .title{position:absolute;top:0;left:0;width:50px;height:100%;text-align:center;background:#f5f5f5;border-radius:7px}.data .line_graph .line_box .title p{position:absolute;top:50%;left:50%;color:#000;transform:translate(-50%, -50%);letter-spacing:1px;writing-mode:vertical-lr}.data .line_graph .line_box .title p span{display:inline-block;margin-top:7px;font-size:18px}.data .line_graph .line_box .chart-box .chart-container{position:relative;width:100%;height:180px}.data .line_graph .line_box .chart-box .chart-container canvas{width:100%;height:150px}.data .line_graph .line_box2{position:relative;width:100%;height:410px;margin:20px 0;padding:15px 30px 0 70px;background:#fff;border:1px solid rgba(0,0,0,.15)}.data .line_graph .line_box2 .title{position:absolute;top:0;left:0;width:50px;height:100%;text-align:center;background:#f5f5f5}.data .line_graph .line_box2 .title p{position:absolute;top:50%;left:50%;letter-spacing:1px;color:#000;transform:translate(-50%, -50%)}.data .line_graph .line_box2 .title p b{writing-mode:vertical-lr}.data .line_graph .line_box2 .title p span{display:inline-block;margin-top:7px;font-size:18px}.data .line_graph .line_box2 img{float:right;width:65px;margin-right:10px}.lineTable thead th{height:48px;font-size:16px;font-weight:normal;text-align:center;background:hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.4);border-bottom:1px solid hsla(0,0%,100%,.4);color:#fff}.lineTable tbody td{height:50px;padding:10px 0;font-size:16px;text-align:center;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.4)}.checkBtn{display:inline-block;height:40px;padding:0 25px;font-size:14px;line-height:38px;background:#4f98b4;color:#fff}.ui-datepicker .ui-datepicker-prev{background:url("/assets/img/direction_triangleL.png") no-repeat 50%;background-size:10px;cursor:pointer}.ui-datepicker .ui-datepicker-next{background:url("/assets/img/direction_triangle.png") no-repeat 50%;background-size:10px;cursor:pointer}@media screen and (max-width: 1380px){.data .topWrap>div{float:left;margin:0 5px}.data .stats .stats_con .bar-group ul li{position:relative;float:left;width:15%;height:100%;margin:0 5%}}#container{width:100%;height:310px;margin:0 auto}#loading{margin-top:100px;text-align:center}@media screen and (max-width: 1024px){.data .topWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 0;justify-content:space-between}.data .topWrap .btns{width:235px}.data .topWrap ul li:nth-child(1){display:none}}.smslog.main{overflow:visible}.smslog .stats .btns{max-width:265px}.smslog .stats .btns ul li button{padding:0px 13px}.smslog .stats .line_graph .line_box{position:relative;width:100%;height:auto;margin:20px 0;padding:15px 30px 15px 70px;border:1px solid rgba(0,0,0,.15);background-color:#fff}.smslog .stats .line_graph .line_box .chart-box .chart-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 10px;height:35px}.smslog .stats .line_graph .line_box .chart-box .chart-selector input[type=radio]{display:none}.smslog .stats .line_graph .line_box .chart-box .chart-selector input[type=radio]:checked+label{color:#fff;background-color:#3b82f6}.smslog .stats .line_graph .line_box .chart-box .chart-selector label{padding:5px 10px;border-radius:5px;font-size:15px;font-weight:500;transition:all .3s ease;border-radius:9999px}.smslog .stats .line_graph .line_box .chart-box .chart-selector label:hover{cursor:pointer;color:#fff;background-color:#3b82f6}.smslog .stats .line_graph .line_box .chart-box .chart-selector .chart-data-selector{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0 10px}.smslog .stats .line_graph .line_box .chart-box .chart-selector .chart-data-selector input{margin:0 3px 0 0}.smslog .stats .line_graph .line_box .chart-box .chart-selector .chart-type-selector{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0 10px}.smslog .stats .line_graph .line_box .chart-box .chart-selector .chart-type-selector input{margin:0 3px 0 0}.smslog .stats .line_graph .line_box .chart-box .chart-container{height:250px}.smslog .stats .date-selector{width:90px}.smslog .selectBox .yearSelector{width:100px;height:40px}.smslog .selectBox input{width:100px;height:40px;text-align:center}.smslog .statistics-box{overflow-x:auto;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;min-height:150px;margin-top:10px;background-color:#fff}.smslog .statistics-box:last-child{margin-top:30px}.smslog .statistics-box table:first-child{position:sticky;left:0;width:auto;background-color:#fff}.smslog .statistics-box table tbody tr{white-space:nowrap;border:1px solid #000}.smslog .statistics-box table tbody tr .table-title{min-width:35px;max-width:35px;width:35px}.smslog .statistics-box table tbody tr:last-child{font-weight:700;background-color:#ddd}.smslog .statistics-box table tbody tr td{width:150px;min-height:20px;padding:5px 5px;font-size:16px;text-align:center;border:1px solid #000}.smslog .statistics-box table tbody tr td:nth-child(1){width:35px}.smslog .statistics-box table tbody tr td:nth-child(2){min-width:60px;width:60px}.smslog .statistics-box table tbody tr td.table-value{width:auto}.smslog .sms-grid-wrap{margin-top:30px}.smslog .sms-grid-wrap .mygrid-table thead tr th{font-weight:500}.smslog .sms-grid-wrap .mygrid-table thead tr:nth-child(1) th:nth-child(2),.smslog .sms-grid-wrap .mygrid-table thead tr:nth-child(1) th:nth-child(3){border-right:2px solid #bec0c2}.smslog .sms-grid-wrap .mygrid-table thead tr:nth-child(2) th:nth-child(4),.smslog .sms-grid-wrap .mygrid-table thead tr:nth-child(2) th:nth-child(7){border-right:2px solid #bec0c2}.smslog .sms-grid-wrap .mygrid-table td:nth-child(5),.smslog .sms-grid-wrap .mygrid-table td:nth-child(8){border-right:2px solid #bec0c2}.smslog .sms-grid-wrap .mygrid-table td:nth-child(5),.smslog .sms-grid-wrap .mygrid-table td:nth-child(8){background-color:#ddd;font-weight:700}.smsDataWrap{overflow-x:auto;width:100%;margin-top:30px;padding:20px;background-color:#fff;border-radius:7px 7px 0 0}.smsDataWrap table thead th{padding:10px 0;font-size:20px;text-align:center;white-space:nowrap;background-color:#5c6a74;color:#fff}.smsDataWrap table thead th:nth-child(1){width:15%}.smsDataWrap table thead th:nth-child(2){width:8%}.smsDataWrap table thead th:nth-child(3){width:17%}.smsDataWrap table thead th:nth-child(4){width:25%}.smsDataWrap table thead th:nth-child(5){width:15%}.smsDataWrap table thead th:nth-child(6){width:20%}.smsDataWrap table thead th span{padding:10px 0 10px 20px;font-size:13px;font-weight:300;text-align:center;color:#ccc}.smsDataWrap table thead .sms-created{position:relative}.smsDataWrap table thead .sms-created i{position:absolute;top:50%;right:-9px;transform:translate(-50%, -50%);margin:0;padding:0;position:absolute;top:50%;right:-9px;transform:translate(-50%, -50%);margin:0;padding:0}.smsDataWrap table thead .sms-created:hover{color:rgba(200,200,200,.5);cursor:pointer}.smsDataWrap table tbody tr:nth-child(2n){background-color:#dfdfdf}.smsDataWrap table tbody tr td{min-height:100px;max-height:100px;padding:10px 10px;font-size:16px;text-align:center;word-break:keep-all}.smsDataWrap table tbody tr td .sendS{color:#19b019}.smsDataWrap table tbody tr td .sendF{color:#c63702}.smsDataWrap table tbody tr td img{width:100px}.smsDataWrap table tbody tr td:nth-child(4) img:nth-child(2){margin:0 10px}.smsDataWrap table tbody tr td input{width:25px;height:25px}.smsDataWrap table tbody tr td .checkBtn{margin-left:30px}.smsDataWrap .error-check-save{position:absolute;top:510px;right:-135px;width:120px;height:40px;color:#fff;background:linear-gradient(to right, #80c890, #31bec8)}.smsDataWrap .noData{height:100px;font-size:20px;font-weight:700;color:#999}.smsDataWrap .pagenation{display:flex;justify-content:center;gap:0 10px;margin-top:30px}.smsDataWrap .pagenation button{width:60px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.smsDataWrap .pagenation button:active{background-color:#999}.smsDataWrap .pagenation input{display:none}.smsDataWrap .pagenation input:checked+label{font-weight:700;background-color:#999}.smsDataWrap .pagenation label{width:30px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.smsDataWrap .pagenation label:hover{cursor:pointer}@media print{body{width:210mm;height:288mm;margin:auto auto}.smslog{margin:0 auto !important;width:95% !important}.smslog .stats{margin-bottom:0px !important}.smslog .stats #pdfDiv{display:block !important}.smslog .stats #pdfDiv .topWrap{display:block !important;padding:10px !important;width:100% !important;font-size:12px !important}.smslog .stats #pdfDiv .topWrap>div{margin:0 10px !important}.smslog .stats #pdfDiv .topWrap dl dt{font-size:12px !important;line-height:30px !important}.smslog .stats #pdfDiv .topWrap dl dd{margin-left:10px !important}.smslog .stats #pdfDiv .topWrap dl dd select{padding:0 5px !important;width:140px !important;height:30px !important}.smslog .stats #pdfDiv .topWrap dl dd .date-selector{width:40px !important}.smslog .stats #pdfDiv .topWrap dl dd .yearSelector{width:50px !important;height:30px !important}.smslog .stats #pdfDiv .topWrap .dataCheckBtn{display:none !important}.smslog .stats #pdfDiv .topWrap .btns{display:none !important}.smslog .stats #pdfDiv .topWrap .selectBox input{width:80px !important;height:30px !important;text-align:left !important;border:1px solid #d6d6d6 !important}.smslog .stats #pdfDiv .line_graph{display:block !important;margin-top:20px !important;width:100%}.smslog .stats #pdfDiv .line_graph label{font-size:10px}.smslog .stats #pdfDiv .line_graph .line_box .chart-box .chart-selector input[type=radio]:checked+label{color:#fff !important;background-color:#3b82f6 !important}.smslog .stats #pdfDiv .line_graph .line_box .chart-box .chart-container{width:650px !important;height:120px !important}.smslog .stats #pdfDiv .line_graph .line_box .chart-box .chart-container #myChart01{width:650px !important;height:120px !important}.smslog .stats #pdfDiv .line_graph .sms-grid-wrap .gridjs-wrapper{border-radius:8px !important;border-top-width:1px !important;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26)}.smslog .stats #pdfDiv .line_graph .sms-grid-wrap .gridjs-wrapper .mygrid-table thead th{background-color:#f1f5f9 !important;font-size:12px !important}.smslog .stats #pdfDiv .line_graph .sms-grid-wrap .gridjs-wrapper .mygrid-table tbody tr td{height:15px !important;font-size:11px !important}.smslog .stats #pdfDiv .line_graph .sms-grid-wrap .gridjs-wrapper .mygrid-table tbody tr td:nth-child(5){background-color:#ddd !important;font-weight:700 !important}.smslog .stats #pdfDiv .line_graph .sms-grid-wrap .gridjs-wrapper .mygrid-table tbody tr td:nth-child(12){background-color:#ddd !important;font-weight:700 !important}.smslog .stats .smsDataWrap{display:none}.smslog .stats .pagenation{display:none}canvas{display:block !important}}.facility{width:75%;margin:120px auto 0;padding:0 3px}.facility table{width:100%;margin-top:30px}.facility table caption{display:none}.facility table thead tr th{vertical-align:middle;height:60px;font-size:16px;font-weight:normal;text-align:center;color:#000;background-color:hsla(0,0%,100%,.2)}.facility table tbody tr td{vertical-align:middle;height:60px;font-size:16px;text-align:center;color:#000;background-color:hsla(0,0%,100%,.1)}.facility table tbody tr td .alignL{padding:0 10px}.facility table tbody tr td a{display:inline-block;width:100px;height:36px;font-size:14px;line-height:32px;color:#fff;background:#60c6eb;border:1px solid hsla(0,0%,100%,.4);box-shadow:1px 1px 3px 1px #b3adad}.facility table tbody tr:nth-child(even) td{background-color:hsla(0,0%,100%,.2)}.facility .topWrap{display:flex;justify-content:space-between;overflow:hidden;height:80px;padding:20px 30px;background:#fff;border-radius:7px 7px 0 0;transition:all .3s}.facility .topWrap>div>div{float:left;margin:0 15px}.facility .topWrap dl{overflow:hidden}.facility .topWrap dl dt{float:left;font-size:20px;font-weight:normal;line-height:36px;color:#000}.facility .topWrap dl dd{float:left;margin-left:20px}.facility .topWrap dl dd select{width:180px;height:40px;padding:0 50px 0 15px;color:#000;background:url("/assets/img/select_arrow2.png") no-repeat 100% 50%;border:1px solid #d6d6d6;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.facility .topWrap dl dd select option{line-height:40px;color:#000;background:#fff;cursor:pointer}.facility .topWrap .prdWrap label.labelName{display:none}.facility .topWrap .prdWrap input .prd{margin:0 !important}.facility .topWrap .prdWrap ul.prdCon{overflow:hidden}.facility .topWrap .prdWrap ul.prdCon li{display:inline-block;float:left;width:43%}.facility .topWrap .prdWrap ul.prdCon .shtT{float:left;width:auto;margin:0 10px;line-height:40px;color:#fff}.facility .topWrap .prdWrap ul.prdCon .include-button{width:100%}.facility .topWrap input[type=text]{display:block;width:100%;height:40px;margin-top:10px;padding:0 25px;font-size:16px;line-height:40px;color:#fff;background:none;border:1px solid hsla(0,0%,100%,.5);box-shadow:none}.facility .topWrap .inputWrap{position:relative}.facility .topWrap .include-button{position:relative}.facility .topWrap .include-button input{padding-right:62px !important}.facility .topWrap .include-button button{position:absolute;top:1px;right:1px;width:38px;height:38px;background:none;background:hsla(0,0%,100%,.1)}.facility .topWrap .include-button button img{vertical-align:top;width:auto;height:17px;margin-top:1px}.facility .topWrap .btns{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;float:right;max-width:450px;margin:0}.facility .topWrap .btns p{font-size:20px}.facility .topWrap .btns ul{overflow:hidden;margin-left:20px}.facility .topWrap .btns ul li{float:left;margin:0 1px}.facility .topWrap .btns ul li a,.facility .topWrap .btns ul li button{display:inline-block;height:40px;padding:0 25px;font-size:14px;line-height:38px;color:#fff;background:#4fb460}.facility .topWrap .btns ul li button.pdf{background:#348cd0}.facility .topWrap .btns ul li button.pdf b{display:inline-block;font-size:15px}.facility .topWrap .btns ul li button span{font-size:16px;font-weight:600}.facility .topWrap .btns ul li a i{display:inline-block;vertical-align:middle;margin-right:6px}.facility .topWrap .btns ul li:nth-child(2) button{background:#348cd0}.facility .coordinate{position:relative;padding:0}.facility .coordinate input[type=text]{display:block;margin:0;font-size:16px;text-align:center;color:#000;border:1px solid #d6d6d6}.facility .coordinate dl dd{float:left;width:180px;margin-left:20px}.facility .coordinate .checkBtn.modifyBtn{background:#4f98b4}.facility .coordinate .checkBtn.saveBtn{background:#4fb460}.facility .coordinate .checkBtn.cancelBtn{margin-left:15px;background:#646464}.facility .coordinate .modify-info{display:flex;align-items:center;position:absolute;top:45px;right:0;height:40px}.facility .coordinate .modify-info p{font-size:16px}.cntr{width:85%}.locimSubD{position:absolute;width:10%;height:30px;margin-left:89%;margin-top:1%;font-size:14px;text-align:center;line-height:32px;color:#fff;background:#60c6eb;border:1px solid hsla(0,0%,100%,.4);box-shadow:1px 1px 3px 1px #b3adad}.facilitySbtn{display:inline-block;height:40px;padding:0 25px;font-size:14px;line-height:38px;color:#fff;background:#4f98b4}.ui-datepicker .ui-datepicker-prev{background:url("/assets/img/direction_triangleL.png") no-repeat 50%;background-size:10px;cursor:pointer}.ui-datepicker .ui-datepicker-next{background:url("/assets/img/direction_triangle.png") no-repeat 50%;background-size:10px;cursor:pointer}.loc-map-area{width:75%;height:70vh;margin:0 auto;padding:0 3px}.loc-map-area #vmap{width:100%;height:600px}.loc-map-area #map{width:100%;height:70vh;top:0px;left:0px}.loc-map-area #map canvas{border-radius:0 0 7px 7px}@media screen and (max-width: 1380px){.facility .topWrap>div{float:left;margin:0 5px}}.device-set{width:80% !important}.device-set .topWrap>div{float:left;width:100%;margin:0;padding:0 15px}.device-set .topWrap dl dd:last-child{float:right}.device-set .btn_wrap button.save{height:40px;color:#fff;background:linear-gradient(to right, #80c890, #31bec8)}.device-set .btn_wrap button.save i{display:inline-block;margin-right:8px}.device-set .btn_wrap button.register-device{margin-right:20px;padding:0 15px 0 13px;background:#348cd0}.device-set .btn_wrap button.add-device{margin-right:20px;padding:0 15px 0 13px;background:#348cd0}.device-set .btn_wrap button.set-sound-content{margin-right:20px;padding:0 15px 0 13px;background:#348cd0}.device-set .btn_wrap button.change-sound-all{margin-right:20px;padding:0 15px 0 13px;background:#348cd0}.device-set .btn_wrap button.save-device{padding:0 15px 0 13px}.device-set-wrap{overflow-x:auto;width:100%;min-height:250px;margin-top:30px;padding:20px;background-color:#fff;border-radius:7px 7px 0 0}.device-set-wrap table thead th{padding:10px 0;font-size:20px;text-align:center;color:#fff;background-color:#5c6a74}.device-set-wrap table thead th span{padding:10px 0 10px 20px;font-size:13px;font-weight:300;text-align:center;color:#ccc}.device-set-wrap table thead tr th:nth-child(1){width:9%;min-width:70px}.device-set-wrap table thead tr th:nth-child(2){width:8%}.device-set-wrap table thead tr th:nth-child(3),.device-set-wrap table thead tr th:nth-child(4){width:12%}.device-set-wrap table thead tr th:nth-child(5),.device-set-wrap table thead tr th:nth-child(6){width:8%}.device-set-wrap table thead tr th:nth-child(7),.device-set-wrap table thead tr th:nth-child(8){width:10%}.device-set-wrap table thead tr th:nth-child(9){width:10%}.device-set-wrap table thead tr th:nth-child(10){width:8%}.device-set-wrap table thead tr th:nth-child(11){width:5%}.device-set-wrap table tbody tr:nth-child(2n){background-color:#dfdfdf}.device-set-wrap table tbody tr td{min-height:100px;padding:10px 10px;font-size:16px;text-align:center}.device-set-wrap table tbody tr td:nth-child(1):not(.noData){display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.device-set-wrap table tbody tr td input{width:150px;width:100%;height:40px;text-align:center}.device-set-wrap table tbody tr td input:focus{border:2px solid #000;border-radius:3px}.device-set-wrap table tbody tr td select{width:150px;width:100%;height:40px;text-align:center}.device-set-wrap table tbody tr td textarea{margin-top:10px;padding:2px 5px}.device-set-wrap table tbody tr td select{height:40px}.device-set-wrap table tbody tr td .btn-toggle{background:#bdc1c8}.device-set-wrap table tbody tr td .btn-toggle.focus,.device-set-wrap table tbody tr td .btn-toggle.focus.active,.device-set-wrap table tbody tr td .btn-toggle:focus,.device-set-wrap table tbody tr td .btn-toggle:focus.active{outline:none}.device-set-wrap table tbody tr td .btn-toggle.active{background-color:#16dccd;transition:background-color .25s}.device-set-wrap table tbody tr td .btn-toggle.btn-sm{position:relative;float:right;width:48px;height:24px;margin:0;padding:0;border:none;border-radius:24px}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.focus,.device-set-wrap table tbody tr td .btn-toggle.btn-sm.focus.active,.device-set-wrap table tbody tr td .btn-toggle.btn-sm:focus,.device-set-wrap table tbody tr td .btn-toggle.btn-sm:focus.active{outline:none}.device-set-wrap table tbody tr td .btn-toggle.btn-sm::before,.device-set-wrap table tbody tr td .btn-toggle.btn-sm::after{position:absolute;bottom:4px;width:.5rem;font-size:10px;font-weight:600;text-align:center;line-height:1.5rem;text-transform:uppercase;letter-spacing:2px;transition:opacity .25s}.device-set-wrap table tbody tr td .btn-toggle.btn-sm::before{content:"Off"}.device-set-wrap table tbody tr td .btn-toggle.btn-sm::after{opacity:.5;content:"On"}.device-set-wrap table tbody tr td .btn-toggle.btn-sm>.handle{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.active>.handle{left:28px;transition:left .25s}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before,.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after{left:22px;width:2.325rem;line-height:-0.5rem;letter-spacing:.75px;color:#fff}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before{text-align:right}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after{text-align:left;opacity:0}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::before{opacity:0}.device-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::after{opacity:1;right:18px;left:auto}.device-set-wrap table tbody tr td .change-sensor-device{height:35px;color:#fff;background-color:#348cd0}.device-set-wrap table tbody tr td .change-sensor-device i{margin-right:5px}.device-set-wrap table tbody tr td .change-sound-device{height:35px;color:#fff;background-color:#348cd0}.device-set-wrap table tbody tr td .del-device{width:35px;height:35px;border-radius:5px;background-color:red}.device-set-wrap .noData{height:130px;font-size:20px;font-weight:700;color:#999}.pagenation{display:flex;justify-content:center;align-items:center;gap:0 10px;height:75px;background-color:#fff;border-radius:0 0 7px 7px}.pagenation button{width:60px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.pagenation button:active{background-color:#999}.pagenation input{display:none}.pagenation input:checked+label{font-weight:700;background-color:#999}.pagenation label{width:30px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.pagenation label:hover{cursor:pointer}@media screen and (max-width: 1024px){.data .topWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 0;justify-content:space-between}.data .topWrap .btns{width:235px}.data .topWrap ul li:nth-child(1){display:none}}.system .wrap{display:flex;flex-direction:column;align-items:center;overflow:hidden;max-width:1600px;margin:120px auto 0;margin-bottom:80px;white-space:nowrap}.system .sBox{position:relative;width:760px;min-width:592px;min-height:240px;margin-top:20px;padding:40px 50px;background:hsla(0,0%,100%,.08)}.system .sBox dl{overflow:hidden;margin:8px 0}.system .sBox dl dt{float:left;width:28%;font-size:15px;font-weight:normal;line-height:36px;color:#fff}.system .sBox dl dd{float:left;width:72%}.system .sBox dl dd>button,.system .sBox dl dd .changeManager{display:flex;align-items:center;justify-content:center;width:65px;height:40px;padding:5px 5px 5px 3px;color:#fff;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4)}.system .sBox dl dd>button:hover,.system .sBox dl dd .changeManager:hover{background:hsla(0,0%,100%,.5)}.system .sBox dl dd>button i,.system .sBox dl dd .changeManager i{vertical-align:middle;margin-right:5px;font-size:15px}.system .sBox dl dd .mapBox{width:100%;height:150px;margin-top:5px;border:1px solid hsla(0,0%,100%,.5)}.system .sBox dl dd.inputS input{display:inline-block;width:40%}.system .sBox dl dd.inputS span{display:inline-block;margin:0 10px;font-size:16px;color:#fff}.system .sBox dl input{width:100%;height:40px;padding:0 10px;color:hsla(0,0%,100%,.7);background:none;border:1px solid hsla(0,0%,100%,.5)}.system .sBox dl input:focus{box-shadow:inset 0 0 0 1px #fff}.system .sBox dl input::placeholder{font-size:13px;color:hsla(0,0%,100%,.5)}.system .sBox.setting dl dt{width:20%}.system .sBox.setting dl dd{width:80%}.system .sBox .btn-toggle{background:#bdc1c8}.system .sBox .btn-toggle.focus,.system .sBox .btn-togglefocus.active,.system .sBox .btn-toggle:focus,.system .sBox .btn-toggle:focus.active{outline:none}.system .sBox .btn-toggle.active{background-color:#16dccd;transition:background-color .25s}.system .sBox .btn-toggle.btn-sm{position:relative;float:right;width:48px;height:24px;margin:0;padding:0;border:none;border-radius:24px}.system .sBox .btn-toggle.btn-sm.focus,.system .sBox .btn-toggle.btn-sm.focus.active,.system .sBox .btn-toggle.btn-sm:focus,.system .sBox .btn-toggle.btn-sm:focus.active{outline:none}.system .sBox .btn-toggle.btn-sm::before,.system .sBox .btn-toggle.btn-sm::after{position:absolute;bottom:4px;width:.5rem;font-size:10px;font-weight:600;line-height:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:2px;transition:opacity .25s}.system .sBox .btn-toggle.btn-sm::before{content:"Off"}.system .sBox .btn-toggle.btn-sm::after{content:"On";opacity:.5}.system .sBox .btn-toggle.btn-sm>.handle{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s}.system .sBox .btn-toggle.btn-sm.active>.handle{left:28px;transition:left .25s}.system .sBox .btn-toggle.btn-sm.btn-sm::before,.system .sBox .btn-toggle.btn-sm.btn-sm::after{left:22px;width:2.325rem;line-height:-0.5rem;letter-spacing:.75px;color:#fff}.system .sBox .btn-toggle.btn-sm.btn-sm::before{text-align:right}.system .sBox .btn-toggle.btn-sm.btn-sm::after{opacity:0;text-align:left}.system .sBox .btn-toggle.btn-sm.btn-sm.active::before{opacity:0}.system .sBox .btn-toggle.btn-sm.btn-sm.active::after{opacity:1;right:18px;left:auto}.system .sBox .activeBox{display:flex;flex-direction:column;gap:5px 0;width:100%;margin-top:10px;padding:15px 20px;border-radius:5px;background:hsla(0,0%,100%,.15);transition:all .3s}.system .sBox .activeBox .manager-group-name{color:#fff;font-size:15px;font-weight:700}.system .sBox .activeBox input{width:85%;margin:0 1%;margin-bottom:5px}.system .sBox .activeBox .add-manager-btn{height:30px;color:#fff;background:#348cd0}.system .sBox .activeBox .add-manager-btn i{margin-right:10px}.system .sBox .activeBox .sms-device-wrap{display:flex;max-height:460px;color:#fff}.system .sBox .activeBox .sms-device-wrap .sms-device-names{float:left;overflow-x:hidden;overflow-y:auto;width:100px;margin-top:40px;padding-bottom:15px}.system .sBox .activeBox .sms-device-wrap .sms-device-names .sms-device-list{display:flex;align-items:center;justify-content:center;height:40px;color:#fff}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap{overflow:scroll;width:100%}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list{display:flex;align-items:center;justify-content:space-between;height:45px;color:#fff}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list span{position:sticky;top:0;left:0;min-width:100px;height:100%;background-color:#646464}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list>div{flex-basis:60px;flex-grow:1}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list:first-child{position:sticky;top:0;z-index:10}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list:first-child .sms-device-box{height:100%;background-color:#646464}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list .sms-device-name{display:flex;justify-content:center;align-items:center;overflow:hidden;position:sticky;left:0;min-width:100px;height:100%;padding:0 5px;white-space:normal;text-overflow:ellipsis;background-color:#646464}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list .sms-device-box{display:flex;align-items:center;justify-content:center;min-width:100px;height:100%;border:.5px solid rgba(100,100,100,.7)}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list .sms-device-box label{margin-left:10px}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list .sms-device-box input{width:20px;height:20px;margin:0}.system .sBox .activeBox .sms-device-wrap .sms-device-list-wrap .sms-device-list .sms-device-box input:focus{box-shadow:none}.system .sBox .number>span{display:inline-block;padding-left:7px;font-size:16px;color:#fff}.system .sBox .save-user,.system .sBox .save-manager,.system .sBox .save-noti{position:absolute;top:30px;right:50px}.system .setPhone dl dd{float:left;width:100%}.system .setPhone .title-wrap{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px;background-color:rgba(200,200,200,.6);border-radius:10px}.system .setPhone .title-wrap .alim-talk-wrap{display:flex;align-items:center;color:#fff}.system .setPhone .title-wrap .alim-talk-wrap span{font-size:15px;margin-right:10px}.system .setPhone .setAlimTime{display:flex;flex-wrap:wrap;justify-content:right;align-items:center;margin-bottom:10px;color:#fff;font-size:15px}.system .setPhone .setAlimTime input{margin:0;width:130px;height:30px;color:#000;background-color:#fff;border-radius:5px}.system .setPhone .setAlimTime input:hover{background-color:hsla(0,0%,100%,.7)}.system .setPhone .setAlimTime input.alim-start{margin:0 10px}.system .setPhone .setAlimTime input.alim-end{margin-left:10px}.system .manager .manager-set dt:nth-child(1){width:13%}.system .manager .manager-set dt:nth-child(2){width:8%}.system .manager .manager-set dt:nth-child(4){width:11%}.system .manager .manager-set dd:nth-child(3){float:left;width:21%;margin-right:8%}.system .manager .manager-set dd:nth-child(5){float:left;width:29%}.system .manager .manager-set dd:nth-child(6){float:left;width:40px;margin-left:20px}.system .manager .manager-set dd:nth-child(6) button{width:100%;background:rgba(200,0,0,.6)}.system .manager .manager-set dd:nth-child(6) button i{margin:0}.system .manager .manager-set input{width:100%;margin-bottom:5px}.system .allsave{clear:none;width:37%;min-width:517.33px;margin-top:.5%;padding-top:5px;text-align:right}.system .btn_wrap{position:relative}.system .btn_wrap button.save{height:40px;padding:0 30px;color:#fff;background:linear-gradient(to right, #80c890, #31bec8)}.system .btn_wrap button.save i{display:inline-block;margin-right:8px}.system .btn_wrap button.save-user-btn,.system .btn_wrap button.save-manager-btn,.system .btn_wrap button.save-noti-btn{padding:0 15px 0 13px}.system .btn_wrap button.change-alim-time-btn{height:40px;margin-right:10px;padding:0 15px 0 13px;color:#fff;background:#348cd0}.system .btn_wrap button.change-alim-time-btn i{display:inline-block;margin-right:8px}.system .btn_wrap .menu_wrap{position:absolute;top:53px;left:-170px;background-color:#fff}.modal .sms-device-list{flex-direction:column;align-items:flex-start;gap:20px}@media screen and (max-width: 1024px){.system .wrap{overflow:scroll;max-width:1600px;margin:120px auto 0}.system .wrap .sBox{width:70%;min-width:0;min-height:240px}.system .allsave{position:absolute;clear:both;min-width:517.33px;margin-left:32.3333%;margin-top:.5%;padding-top:10px}}@media screen and (max-width: 768px){.system .wrap .sBox{width:70%;min-width:0;min-height:240px}.system .manager .manager-set dt:not(:first-child){clear:both}.system .manager .manager-set dt:nth-child(2){width:15%}.system .manager .manager-set dt:nth-child(4){width:15%}.system .manager .manager-set dd:nth-child(3){width:84%;margin-right:0}.system .manager .manager-set dd:nth-child(5){width:84%;margin-right:0}}.dashboard::-webkit-scrollbar,.pic-wrap::-webkit-scrollbar,.data::-webkit-scrollbar,.event-log::-webkit-scrollbar{width:5px}.dashboard::-webkit-scrollbar-thumb,.pic-wrap::-webkit-scrollbar-thumb,.data::-webkit-scrollbar-thumb,.event-log::-webkit-scrollbar-thumb{height:20%;background:#348cd0;background:rgba(150,150,150,.7);border-radius:10px}.dashboard::-webkit-scrollbar-track,.pic-wrap::-webkit-scrollbar-track,.data::-webkit-scrollbar-track,.event-log::-webkit-scrollbar-track{background:rgba(33,122,244,.1)}.selbtn_scroll::-webkit-scrollbar{width:8px}.selbtn_scroll::-webkit-scrollbar-thumb{height:20%;background:#60c6eb;border-radius:10px}.selbtn_scroll::-webkit-scrollbar-track{background:rgba(33,122,244,.1)}.sms-device-list-wrap::-webkit-scrollbar{height:13px}.sms-device-list-wrap::-webkit-scrollbar-thumb{background:#348cd0;background:#787878}.sms-device-list-wrap::-webkit-scrollbar-track{background:rgba(250,250,250,.7)}.sms-device-names::-webkit-scrollbar{display:none;width:0;height:0}.chart-box::-webkit-scrollbar{height:10px}.chart-box::-webkit-scrollbar-thumb{height:20%;width:20%;background:#60c6eb;border-radius:5px}.chart-box::-webkit-scrollbar-track{background:rgba(33,122,244,.2)}.swal2-validation-message{justify-content:center !important;font-size:2em !important}.swal2-select{font-size:1.5em !important}.swal2-styled.swal2-cancel{font-size:15px !important}.account-manage .topWrap>div{float:left;width:100%;margin:0;padding:0 15px}.account-manage .topWrap dl dd:last-child{float:right}.account-manage .tap_wrap button{color:#fff;background-color:#348cd0;font-size:14px}.account-manage .tap_wrap button.move-account{margin-right:10px}.account-manage .tap_wrap button.move-group{margin-right:10px}.account-manage .btn_wrap button.save{height:40px;color:#fff;background:linear-gradient(to right, #80c890, #31bec8)}.account-manage .btn_wrap button.save i{display:inline-block;margin-right:8px}.account-manage .btn_wrap button.add-user,.account-manage .btn_wrap button.add-group{margin-right:20px;padding:0 15px 0 13px;background:#348cd0}.account-manage .btn_wrap button.save-user,.account-manage .btn_wrap button.save-group{padding:0 15px 0 13px}.user-set-wrap,.group-set-wrap{overflow-x:auto;width:100%;min-height:250px;margin-top:30px;padding:20px;background-color:#fff}.user-set-wrap table thead th,.group-set-wrap table thead th{padding:10px 0;font-size:20px;text-align:center;color:#fff;background-color:#5c6a74}.user-set-wrap table thead th span,.group-set-wrap table thead th span{padding:10px 0 10px 20px;font-size:13px;font-weight:300;text-align:center;color:#ccc}.user-set-wrap table thead tr th:nth-child(1),.group-set-wrap table thead tr th:nth-child(1){width:10%;min-width:83px}.user-set-wrap table thead tr th:nth-child(2),.group-set-wrap table thead tr th:nth-child(2){width:10%}.user-set-wrap table thead tr th:nth-child(2).sound-group-set,.group-set-wrap table thead tr th:nth-child(2).sound-group-set{width:30%}.user-set-wrap table thead tr th:nth-child(3),.group-set-wrap table thead tr th:nth-child(3){width:30%}.user-set-wrap table thead tr th:nth-child(3).delete-btn,.group-set-wrap table thead tr th:nth-child(3).delete-btn{width:10%}.user-set-wrap table thead tr th:nth-child(4),.group-set-wrap table thead tr th:nth-child(4){width:10%}.user-set-wrap table thead tr th:nth-child(5),.group-set-wrap table thead tr th:nth-child(5){width:20%}.user-set-wrap table thead tr th:nth-child(6),.group-set-wrap table thead tr th:nth-child(6){width:15%}.user-set-wrap table thead tr th:nth-child(7),.group-set-wrap table thead tr th:nth-child(7){width:10%}.user-set-wrap table tbody tr:nth-child(2n),.group-set-wrap table tbody tr:nth-child(2n){background-color:#dfdfdf}.user-set-wrap table tbody tr td,.group-set-wrap table tbody tr td{min-height:100px;padding:10px 10px;font-size:16px;text-align:center}.user-set-wrap table tbody tr td:nth-child(1):not(.noData),.group-set-wrap table tbody tr td:nth-child(1):not(.noData){display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.user-set-wrap table tbody tr td input,.group-set-wrap table tbody tr td input{width:300px;height:40px;text-align:center}.user-set-wrap table tbody tr td input:focus,.group-set-wrap table tbody tr td input:focus{border:2px solid #000;border-radius:3px}.user-set-wrap table tbody tr td textarea,.group-set-wrap table tbody tr td textarea{margin-top:10px;padding:2px 5px}.user-set-wrap table tbody tr td select,.group-set-wrap table tbody tr td select{height:40px}.user-set-wrap table tbody tr td .btn-toggle,.group-set-wrap table tbody tr td .btn-toggle{background:#bdc1c8}.user-set-wrap table tbody tr td .btn-toggle.focus,.user-set-wrap table tbody tr td .btn-toggle.focus.active,.user-set-wrap table tbody tr td .btn-toggle:focus,.user-set-wrap table tbody tr td .btn-toggle:focus.active,.group-set-wrap table tbody tr td .btn-toggle.focus,.group-set-wrap table tbody tr td .btn-toggle.focus.active,.group-set-wrap table tbody tr td .btn-toggle:focus,.group-set-wrap table tbody tr td .btn-toggle:focus.active{outline:none}.user-set-wrap table tbody tr td .btn-toggle.active,.group-set-wrap table tbody tr td .btn-toggle.active{background-color:#16dccd;transition:background-color .25s}.user-set-wrap table tbody tr td .btn-toggle.btn-sm,.group-set-wrap table tbody tr td .btn-toggle.btn-sm{position:relative;float:right;width:48px;height:24px;margin:0;padding:0;border:none;border-radius:24px}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.focus,.user-set-wrap table tbody tr td .btn-toggle.btn-sm.focus.active,.user-set-wrap table tbody tr td .btn-toggle.btn-sm:focus,.user-set-wrap table tbody tr td .btn-toggle.btn-sm:focus.active,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.focus,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.focus.active,.group-set-wrap table tbody tr td .btn-toggle.btn-sm:focus,.group-set-wrap table tbody tr td .btn-toggle.btn-sm:focus.active{outline:none}.user-set-wrap table tbody tr td .btn-toggle.btn-sm::before,.user-set-wrap table tbody tr td .btn-toggle.btn-sm::after,.group-set-wrap table tbody tr td .btn-toggle.btn-sm::before,.group-set-wrap table tbody tr td .btn-toggle.btn-sm::after{position:absolute;bottom:4px;width:.5rem;font-size:10px;font-weight:600;text-align:center;line-height:1.5rem;text-transform:uppercase;letter-spacing:2px;transition:opacity .25s}.user-set-wrap table tbody tr td .btn-toggle.btn-sm::before,.group-set-wrap table tbody tr td .btn-toggle.btn-sm::before{content:"Off"}.user-set-wrap table tbody tr td .btn-toggle.btn-sm::after,.group-set-wrap table tbody tr td .btn-toggle.btn-sm::after{opacity:.5;content:"On"}.user-set-wrap table tbody tr td .btn-toggle.btn-sm>.handle,.group-set-wrap table tbody tr td .btn-toggle.btn-sm>.handle{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.active>.handle,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.active>.handle{left:28px;transition:left .25s}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before,.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after{left:22px;width:2.325rem;line-height:-0.5rem;letter-spacing:.75px;color:#fff}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::before{text-align:right}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm::after{text-align:left;opacity:0}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::before,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::before{opacity:0}.user-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::after,.group-set-wrap table tbody tr td .btn-toggle.btn-sm.btn-sm.active::after{opacity:1;right:18px;left:auto}.user-set-wrap table tbody tr td .set-group,.group-set-wrap table tbody tr td .set-group{height:35px;color:#fff;background-color:#348cd0}.user-set-wrap table tbody tr td .del-device,.group-set-wrap table tbody tr td .del-device{width:35px;height:35px;border-radius:5px;background-color:red}.user-set-wrap table tbody tr td .sound-preview-btn,.group-set-wrap table tbody tr td .sound-preview-btn{width:75px;height:35px;margin-right:10px;color:#fff;background-color:#999}.user-set-wrap table tbody tr td .sound-preview-btn.sound-set-btn,.group-set-wrap table tbody tr td .sound-preview-btn.sound-set-btn{margin-right:0;background-color:#348cd0}.user-set-wrap table tbody tr td .sound-preview-btn i,.group-set-wrap table tbody tr td .sound-preview-btn i{margin-right:5px}.user-set-wrap .noData,.group-set-wrap .noData{height:130px;font-size:20px;font-weight:700;color:#999}.pagenation{display:flex;justify-content:center;align-items:center;gap:0 10px;height:75px;background-color:#fff}.pagenation button{width:60px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.pagenation button:active{background-color:#999}.pagenation input{display:none}.pagenation input:checked+label{font-weight:700;background-color:#999}.pagenation label{width:30px;height:30px;font-weight:500;font-size:16px;text-align:center;line-height:30px;background-color:#ccc}.pagenation label:hover{cursor:pointer}@media screen and (max-width: 1024px){.data .topWrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 0;justify-content:space-between}.data .topWrap .btns{width:235px}.data .topWrap ul li:nth-child(1){display:none}}