.w-100{width:100%}button{border:none;opacity:1}body{overflow:hidden}@media(max-width:768px){body{overflow:auto}}#login-view{background-size:cover;height:100vh;width:100%}#login-view.isLogin{background-image:url(/img/login-bg.be74f325.png)}#login-view:not(.isLogin){background-image:url(/img/unlogin-bg.42969755.png)}#login-view .logo-group{display:flex;justify-content:flex-start;align-items:center;margin-left:50px}#login-view .logo-group #futsu-logo,#login-view .logo-group #lin-logo{margin-top:50px;width:300px;margin-right:80px;height:72px}#login-view .logo-group #cec-logo{margin-top:50px;width:250px;height:150px}#login-view .spot-name{position:absolute;font-size:36px;font-weight:900;line-height:36px}#login-view .spot-name#nt{left:520px;top:490px}#login-view .spot-name#g12{left:620px;top:400px}#login-view .spot-name#g11{left:750px;top:320px}#login-view .spot-name#g10{left:880px;top:260px}#login-view .spot-name#g09{left:1020px;top:230px}#login-view .spot-name#g08{left:1150px;top:200px}#login-view .spot-name#g07{left:1250px;top:70px}#login-view .btn-toggle{position:absolute;width:90px;height:90px;cursor:pointer}@media(max-width:768px){#login-view .btn-toggle{display:none}}#login-view .btn-toggle#btn-nt{left:585px;top:560px}#login-view .btn-toggle#btn-g12{left:688px;top:448px}#login-view .btn-toggle#btn-g11{left:810px;top:367px}#login-view .btn-toggle#btn-g10{left:935px;top:325px}#login-view .btn-toggle#btn-g09{left:1063px;top:285px}#login-view .btn-toggle#btn-g08{left:1198px;top:247px}#login-view .btn-toggle#btn-g07{left:1323px;top:140px}#login-view .form-block{display:flex;justify-content:center;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}#login-view .login-form{border:6px solid #00a600;border-radius:20px;text-align:center;width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:20px}#login-view .login-form h1{color:#00a600;font-size:36px;letter-spacing:20%;margin:12.5px 0}#login-view .login-form .btn-login{background:#00a600;text-align:center;border-radius:20px;width:180px;margin:12.5px 0}#login-view .login-form .btn-login span{color:#fff;font-size:24px;letter-spacing:50%}#login-view .login-form input{margin:12.5px 0;border:1px solid #607087;border-radius:10px;padding:0 20px;width:300px}#login-view .login-form input ::-moz-placeholder{color:#607087}#login-view .login-form input ::placeholder{color:#607087}#login-view .btn-more{background:#fff;border-radius:10px;border:1px solid #607087;width:500px;height:60px;display:flex;align-items:center;justify-content:center;position:absolute;right:65px;bottom:100px}#login-view .btn-more span{font-size:32px;font-weight:500;line-height:1}#login-view .station-info{background:#00a600;border-radius:20px;position:absolute;right:320px;bottom:220px;width:400px;padding:20px;cursor:pointer}#login-view .station-info .header{display:flex;justify-content:space-between}#login-view .station-info .header .station-name{color:#fff;font-weight:700;font-size:32px;line-height:1}#login-view .station-info .header .btn-close-window{width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAYAAABJ/8wUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJOSURBVHgBrVeLUcMwDFWYIBvgDcgGhAmACSgT0A2aDYAJ0g3KBmEDYIKkE6QbCKlxe6piOW7ad6dLYj89yz85zuBMIKKjR0l2R5YL68i2ZL/8nmXZL1wb1HhOtiJrMR3MffeBXxyAI6vxctRTAWWRIN7oUcEw7BI7sm+yPximY+fNeeMpKwN+zP2kKfuAVPgh1WjIyjM0nsg2AZ33VIEax3NdwkyQb4HjtVVPOa2Uw5oshyuAdD6U9soilopYwZXBmqqNMkRqBWFjCL153irSWJSDw1o7TruuXMhKNLaa6s3SCOIIQ4NzUi9oCyvKCuzertEYWhx2iUQd0ZFT1MgIJVxEgLk/gss9c956Nar5hI5ErhdpAxPwjbaqUf3tEnQa4fN0Q2WFqP+bEqDM2NHjAYZsynDewJc9eM4UtuLdcSByCHeQAN/Qc6DqOTEIhuTlNzAf94GyR5gJDqQT37cpTjjkiCpQtcRIjlG4E+/d4Sw4LrQpb+K8nC74ferW2/olQacV/PJQ2I8Kw86F4v6IOr2ti4iO3Km9rJAHUpPYi1ZuUxxyw0l9RKcWvNqK0BwV0dBJEKJe5pjW0FiotpwmrK3eqoYqjGdfk4PjZFiHBHKckSFTgeGM7CyyXowtXvB3JnRLHP+lFVNOeg73QzhndDB8C+COLlIFQv+ZjI0P1EV8c89pAv6tNRKx64SDIXtayYnPJXmbO9z4nMH/InulsyjpPAsFVGD4WpCKBq+wzmRAPN9LL9xHGu49h7dw8g0gg5nwU+dUcXfGb8AJ/gGWyU/RiaxC3wAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;background-position:50%}#login-view hr{border:2px solid #fff;opacity:1}#login-view .station-device{color:#fff;font-weight:400;font-size:24px;line-height:1;text-align:left}@media(max-width:768px){#login-view{background-size:auto;background-position:50%}#login-view.isLogin{background-image:url(/img/login-bg-mb.b71edfae.png)}#login-view:not(.isLogin){background-image:url(/img/unlogin-bg-mb.5fbbbb28.png)}#login-view .logo-group{justify-content:space-between;margin-left:0;padding:0 10px}#login-view .logo-group #cec-logo,#login-view .logo-group #futsu-logo,#login-view .logo-group #lin-logo{margin:10px auto;width:30%;height:auto}#login-view .spot-name{width:30px;height:30px}#login-view .spot-name#nt{left:auto;right:248px;top:223px}#login-view .spot-name#g12{left:auto;right:212px;top:191px}#login-view .spot-name#g11{left:auto;right:174px;top:175px}#login-view .spot-name#g10{left:auto;right:148px;top:163px}#login-view .spot-name#g09{left:auto;right:120px;top:150px}#login-view .spot-name#g08{left:auto;right:92px;top:133px}#login-view .spot-name#g07{left:auto;right:63px;top:115px}#login-view .station-info{width:200px;left:50%;right:unset;transform:translate(-50%);bottom:20%;padding:10px}#login-view .station-info .header .station-name{font-size:14px}#login-view .station-info .header .btn-close-window{width:15px;height:15px}#login-view .station-device{font-size:12px}#login-view .btn-more{display:none}#login-view .form-block{bottom:20%}#login-view .login-form{width:200px;padding:10px}#login-view .login-form h1{font-size:16px}#login-view .login-form .btn-login{width:64px}#login-view .login-form .btn-login span{font-size:12px}#login-view .login-form input{width:100%}}#home-view .map-block{display:flex}#home-view .map-block #g07-map{margin-left:300px;margin-top:-80px;width:70%}#home-view .map-block #g08-map{margin-left:300px}#home-view .map-block #g09-map{margin-left:400px;margin-top:-20px;height:calc(100vh - 120px)}#home-view .map-block #g10-map{margin-left:400px;margin-top:20px}#home-view .map-block #g11-map{width:100%;margin-left:220px;margin-top:-20px}#home-view .map-block #g12-map{width:100%;margin-left:250px;margin-top:-250px}#home-view .map-block #nt-map{width:100%;margin-left:200px;margin-top:-100px}#home-view .map-block .camera-info{position:absolute}#home-view .map-block .camera-info img{width:50px;height:50px}#home-view .map-block .camera-info>button:hover~.info-block{opacity:1}#home-view .map-block .camera-info .info-block{opacity:0;position:absolute;padding:15px 20px;border-radius:20px;background:#d9d9d9;min-width:240px;display:flex;flex-direction:column}#home-view .map-block .camera-info .info-block p{text-align:left;margin-bottom:0;font-weight:500;font-size:18px}#home-view .map-block .camera-info .info-block button{margin-top:10px;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:4px 10px}#home-view .map-block .camera-info .info-block button span{font-size:24px}#home-view .map-block .camera-info .info-block button span.small{font-size:14px}#home-view .map-block .camera-info .info-block button#facial-route{background:rgba(89,173,246,.8)}#home-view .map-block .camera-info .info-block button#cctv-route{background:#00a600}#home-view .map-block .camera-info .info-block button#cctv-route span{color:#fff}#home-view .map-block .camera-info .info-block button#air-route{background:#ff6961}#home-view .map-block .camera-info .info-block button#air-route span{color:#fff}#home-view .map-block .camera-info .info-block button#air2-route{background:#42d6a4}#home-view .map-block .camera-info .info-block button#dashboard-route{background:#ffd84d}#people-view{display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 120px);padding:20px 100px 20px 240px}#people-view:not(.loading){background:#f1f4f9}#people-view .top-row{display:flex;justify-content:space-between}#people-view .top-row .total-card{display:flex;flex-direction:column;width:100%}#people-view .top-row .total-card.second{margin:0 20px}#people-view .top-row .total-card .header{border-bottom:2px solid #fff;text-align:center;font-size:36px;line-height:36px;font-weight:700;padding:10px;background:#00a600;color:#fff}#people-view .top-row .total-card .count{background:#d9d9d9;padding:70px;font-size:64px;font-weight:700;line-height:64px;letter-spacing:.2em;text-align:center}#people-view .content-row{display:flex;flex-wrap:wrap;justify-content:space-between}#people-view .content-row .content-card{width:calc(25% - 20px);display:flex;margin:10px 0}#people-view .content-row .content-card .name{padding:35px 60px;width:70%;font-size:32px;font-weight:700;line-height:32px;text-align:center;padding:0 20px;display:flex;align-items:center;justify-content:center}#people-view .content-row .content-card .count{padding:35px 0;width:30%;background:#d9d9d9;font-size:48px;font-weight:700;line-height:48px;text-align:center}#people-view .content-row .content-card:nth-child(1n) .name{background:#c8f169}#people-view .content-row .content-card:nth-child(2n) .name,#people-view .content-row .content-card:nth-child(3n) .name{background:#78c51c}#people-view .content-row .content-card:nth-child(4n) .name,#people-view .content-row .content-card:nth-child(5n) .name{background:#c8f169}#people-view .content-row .content-card:nth-child(6n) .name,#people-view .content-row .content-card:nth-child(7n) .name{background:#78c51c}#people-view .content-row .content-card:nth-child(8n) .name{background:#c8f169}#people-view .loading-block{margin-top:20px;background:#d9d9d9;padding:60px 250px;justify-content:space-between}#people-view .loading-block,#people-view .loading-block .status-row{display:flex;align-items:center}#people-view .loading-block .status-row>span{font-size:36px;font-weight:700;line-height:36px;letter-spacing:.2em}#people-view .loading-block>div{position:relative}#people-view .loading-block .oshcard-png{width:460px}#people-view .loading-block .nick-name{position:absolute;top:120px;right:200px;color:#fff;font-size:20px}#people-view .loading-block .user-face{position:absolute;top:90px;right:37px;width:100px;height:100px}#people-view .loading-block .btn-circle{width:100px;height:100px}#people-view .logo-group{display:flex;justify-content:flex-end;align-items:center;margin-left:50px}#people-view .logo-group #futsu-logo,#people-view .logo-group #lin-logo{width:300px;margin-right:80px;height:72px}#people-view .logo-group #cec-logo{width:250px;height:150px}#people-view .page-row{margin:20px 0;display:flex;justify-content:center}#people-view .page-row button{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 10px}#people-view .page-row button span{font-size:32px;font-weight:700;line-height:32px;color:#fff}#people-view .page-row button img{width:30px;height:30px}#people-view .page-row button.page-prev{background:#00a600}#people-view .page-row button.page-prev img{margin-right:5px}#people-view .page-row button.page-next{background:#00a600}#people-view .page-row button.page-next img{transform:rotate(180deg);margin-left:5px}#people-view .page-row button.page-index.active{background:#00a600}#people-view .page-row button.page-index{background:#607087}@media(max-width:768px){#people-view{padding:20px;height:100%;justify-content:flex-start}#people-view .top-row{display:flex;justify-content:space-between;flex-wrap:wrap}#people-view .top-row .total-card .header{font-size:16px;line-height:16px}#people-view .top-row .total-card.first,#people-view .top-row .total-card.second{width:45%;margin:20px 0}#people-view .top-row .total-card.first .count,#people-view .top-row .total-card.second .count{font-size:32px;line-height:32px;padding:12px 0}#people-view .top-row .total-card.third{width:100%}#people-view .top-row .total-card.third .count{font-size:64px;line-height:64px;padding:12px 0}#people-view .content-row .content-card{width:calc(50% - 20px)}#people-view .content-row .content-card .count,#people-view .content-row .content-card .name{font-size:20px;line-height:20px;padding:10px 0}#people-view .loading-block{padding:0;flex-direction:column;background:transparent}#people-view .loading-block .user-face{top:50px;right:14px}#people-view .loading-block .status-row{justify-content:space-between;width:100%;margin-top:5px}#people-view .loading-block .status-row>span{font-size:20px;line-height:20px}#people-view .loading-block .btn-circle{width:40px;height:40px}#people-view .loading-block .oshcard-png{width:100%}#people-view .page-row button{width:20px;height:20px}#people-view .page-row button span{font-size:14px;line-height:14px;color:#fff}#people-view .page-row button img{width:12px;height:12px}#people-view .page-row button.page-prev img{margin-right:2px}#people-view .page-row button.page-next{background:#00a600}#people-view .page-row button.page-next img{margin-left:2px}#people-view .logo-group{display:none}}#env-view{background:#f1f4f9;padding:36px 90px 36px 200px;height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:space-between}#env-view .content-box{background:#fff;padding:20px 270px}#env-view .content-box .title{color:#00a600;font-family:Noto Sans TC;font-size:40px;font-weight:700;line-height:40px;letter-spacing:.2em;text-align:center;margin-bottom:120px}#env-view .content-box table thead{border-bottom:5px solid #f1f4f9;background:#00a600;color:#fff;font-size:36px;font-weight:700;line-height:36px;text-align:center}#env-view .content-box table thead th{padding:20px 0}#env-view .content-box table thead th:first-child:last-child{width:40%}#env-view .content-box table thead th:nth-child(2n){width:20%;border-left:8px solid #fff;border-right:8px solid #fff}#env-view .content-box table tbody{font-size:36px;font-weight:700;line-height:36px;text-align:center}#env-view .content-box table tbody:nth-child(2n){background:#f1f4f9}#env-view .content-box table tbody tr{border:transparent}#env-view .content-box table tbody tr:nth-child(2n) td{background:#f1f4f9}#env-view .content-box table tbody tr td{padding:20px 0}#env-view .content-box table tbody tr td .pm{position:relative}#env-view .content-box table tbody tr td .small{font-size:12px}#env-view .content-box table tbody tr td .small.top{position:absolute;top:-8px;right:8px}#env-view .content-box table tbody tr td .right-brackets{margin-left:5px}#env-view .content-box table tbody tr td:nth-child(2n){border-left:8px solid #fff;border-right:8px solid #fff}#env-view .content-box table tbody tr td:nth-child(2n).positive{color:#159600}#env-view .content-box table tbody tr td:nth-child(2n).negative{color:#f60606}#env-view .content-box table tbody tr td:nth-child(3n){position:relative}#env-view .content-box table tbody tr td:nth-child(3n).positive span.circle{position:absolute;width:20px;height:20px;background:#159600;border-radius:50%;left:38px;top:27px}#env-view .content-box table tbody tr td:nth-child(3n).negative span.circle{position:absolute;width:20px;height:20px;background:#f60606;border-radius:50%;left:38px;top:27px}#env-view .content-box .memo{display:flex;justify-content:flex-end;font-size:20px;font-weight:700;line-height:20px}#env-view .content-box .memo .positive{color:#159600;display:flex;margin-right:10px}#env-view .content-box .memo .positive .circle{width:20px;height:20px;background:#159600;border-radius:50%;margin-right:20px}#env-view .content-box .memo .negative{display:flex;color:#f60606}#env-view .content-box .memo .negative .circle{width:20px;height:20px;background:#f60606;border-radius:50%;margin-right:20px}#env-view .logo-group{display:flex;justify-content:flex-end;align-items:center;margin-top:10px;margin-left:50px}#env-view .logo-group #futsu-logo,#env-view .logo-group #lin-logo{width:300px;margin-right:80px;height:72px}#env-view .logo-group #cec-logo{width:250px;height:150px}@media(max-width:768px){#env-view{padding:20px;height:100%;justify-content:flex-start}#env-view .content-box{padding:0;background:transparent}#env-view .content-box .title{font-size:36px;line-height:36px;margin:32px auto}#env-view .content-box table thead{font-size:14px;line-height:14px}#env-view .content-box table thead th{padding:5px}#env-view .content-box table tbody{font-size:14px;line-height:14px}#env-view .content-box table tbody tr td{padding:5px 15px}#env-view .content-box table tbody tr td:nth-child(3n){text-align:left}#env-view .content-box table tbody tr td:nth-child(3n).negative span.circle,#env-view .content-box table tbody tr td:nth-child(3n).positive span.circle{width:10px;height:10px;left:1px;top:7px}#env-view .content-box .memo{font-size:14px;line-height:14px;flex-direction:column;justify-content:flex-start}#env-view .content-box .memo .positive{margin:5px 0 5px auto}#env-view .content-box .memo .positive .circle{width:10px;height:10px}#env-view .content-box .memo .negative{margin:5px 0 5px auto}#env-view .content-box .memo .negative .circle{width:10px;height:10px}#env-view .logo-group{display:none}}#env-pm-view{background:#f1f4f9;padding:36px 90px 36px 200px;height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:space-between}#env-pm-view .content-box{background:#fff;padding:20px 270px}#env-pm-view .content-box .title{color:#00a600;font-family:Noto Sans TC;font-size:40px;font-weight:700;line-height:40px;letter-spacing:.2em;text-align:center;margin-bottom:120px}#env-pm-view .content-box table thead{background:#00a600;color:#fff;font-size:36px;font-weight:700;line-height:36px;text-align:center}#env-pm-view .content-box table thead th{padding:20px 0}#env-pm-view .content-box table thead th:first-child:last-child{width:40%}#env-pm-view .content-box table thead th:nth-child(2n){width:20%;border-left:8px solid #fff;border-right:8px solid #fff}#env-pm-view .content-box table tbody{font-size:36px;font-weight:700;line-height:36px;text-align:center}#env-pm-view .content-box table tbody:nth-child(2n){background:#f1f4f9}#env-pm-view .content-box table tbody tr{border:transparent}#env-pm-view .content-box table tbody tr:nth-child(2n) td{background:#f1f4f9}#env-pm-view .content-box table tbody tr td{padding:120px 0;height:300px}#env-pm-view .content-box table tbody tr td .pm{position:relative}#env-pm-view .content-box table tbody tr td .small{font-size:16px}#env-pm-view .content-box table tbody tr td .small.top{position:absolute;top:-8px;right:12px}#env-pm-view .content-box table tbody tr td .right-brackets{margin-left:5px}#env-pm-view .content-box table tbody tr td:nth-child(1n){color:#00a600;background:#f1f4f9}#env-pm-view .content-box table tbody tr td:nth-child(2n){border-left:8px solid #fff;border-right:8px solid #fff;color:#fff}#env-pm-view .content-box table tbody tr td:nth-child(2n).positive{background:#159600}#env-pm-view .content-box table tbody tr td:nth-child(2n).negative{background:#f60606}#env-pm-view .content-box table tbody tr td:nth-child(3n){position:relative;background:#f1f4f9}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item{display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;line-height:36px}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item img{margin-right:20px;width:50px;height:50px}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item .positive{margin-left:20px;color:#159600}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item .negative{margin-left:20px;color:#f60606}#env-pm-view .content-box .level{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}#env-pm-view .content-box .level img{margin-right:10px}#env-pm-view .content-box .level .item{display:flex;align-items:center;width:360px;margin:5px 0}#env-pm-view .content-box .level .level-name{font-size:24px;font-weight:700;line-height:24px;text-align:left}#env-pm-view .content-box .level .level-name.positive{color:#159600}#env-pm-view .content-box .level .level-name.medium{color:#ffd84d}#env-pm-view .content-box .level .level-name.negative{color:#f60606}#env-pm-view .logo-group{display:flex;justify-content:flex-end;align-items:center;margin-top:10px;margin-left:50px}#env-pm-view .logo-group #futsu-logo,#env-pm-view .logo-group #lin-logo{width:300px;margin-right:80px;height:72px}#env-pm-view .logo-group #cec-logo{width:250px;height:150px}@media(max-width:768px){#env-pm-view{padding:20px;height:100%;justify-content:flex-start}#env-pm-view .content-box{padding:0;background:transparent}#env-pm-view .content-box .title{font-size:36px;line-height:36px;margin:32px auto}#env-pm-view .content-box table thead{border-bottom:5px solid #f1f4f9;font-size:14px;line-height:14px}#env-pm-view .content-box table thead th{padding:5px}#env-pm-view .content-box table tbody{font-size:14px;line-height:14px}#env-pm-view .content-box table tbody tr td{padding:15px;height:auto}#env-pm-view .content-box table tbody tr td:nth-child(3n){text-align:left}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item{font-size:14px;line-height:14px}#env-pm-view .content-box table tbody tr td:nth-child(3n) .item img{margin-right:0;width:20px;height:20px}#env-pm-view .content-box .level{flex-direction:column;justify-content:flex-start}#env-pm-view .content-box .level img{width:20px;height:20px}#env-pm-view .content-box .level .item{display:flex;align-items:center;justify-content:flex-end;width:360px;margin:5px 0}#env-pm-view .content-box .level .level-name{font-size:14px;line-height:14px}#env-pm-view .logo-group{display:none}}#dashboard-view{height:calc(100vh - 120px);background:#f1f4f9}#dashboard-view.openSideMap{padding:36px 90px 36px 220px}#dashboard-view.openSideMap #on-site{height:calc(100% - 550px)!important}#dashboard-view:not(.openSideMap){padding:36px 90px}#dashboard-view .map-list{left:-200px;top:0}#dashboard-view .content-box{background:#fff;padding:20px;position:relative}#dashboard-view .content-box .top-row{display:flex;justify-content:space-between;margin-bottom:20px}#dashboard-view .content-box .top-row .left{margin-right:20px;width:calc(60% - 20px);background:#f1f4f9;height:-moz-fit-content;height:fit-content}#dashboard-view .content-box .top-row .left #youtube{width:100%;height:100%}#dashboard-view .content-box .top-row .right{display:flex;flex-wrap:wrap;width:40%}#dashboard-view .content-box .top-row .right .card{border:transparent}#dashboard-view .content-box .top-row .right .card#on-site{height:calc(100% - 500px);margin-bottom:20px}#dashboard-view .content-box .top-row .right .card#on-site .content{flex-direction:column;justify-content:center}#dashboard-view .content-box .top-row .right .card#safe-time,#dashboard-view .content-box .top-row .right .card#work-item{margin-bottom:20px}#dashboard-view .content-box .top-row .right .card#safe-time .content,#dashboard-view .content-box .top-row .right .card#work-item .content{flex-direction:column;justify-content:center}#dashboard-view .content-box .top-row .right .card#danger-info{height:calc(100vh - 590px)}#dashboard-view .content-box .top-row .right .card#danger-info .content{font-size:16px;line-height:16px;overflow:hidden}#dashboard-view .content-box .top-row .right .card:nth-child(odd){width:50%}#dashboard-view .content-box .top-row .right .card:nth-child(2n){margin-left:20px;width:calc(50% - 20px)}#dashboard-view .content-box .top-row .right .card .header{padding:20px 0;text-align:center;font-size:36px;line-height:36px;font-weight:700;background:#00a600;color:#fff}#dashboard-view .content-box .top-row .right .card .content{background:#f1f4f9;text-align:center;font-weight:700;padding:20px 60px;height:100%;display:flex}#dashboard-view .content-box .top-row .right .card .content .huge{font-size:26px;line-height:26px}#dashboard-view .content-box .top-row .right .card .content .highlight{color:#00a600}#dashboard-view .content-box .top-row .right .card .content .normal{font-size:26px;line-height:26px}#dashboard-view .content-box .memo{font-size:20px;font-weight:700;line-height:20px;text-align:left}#dashboard-view .content-box .memo .positive{margin-bottom:5px;color:#159600}#dashboard-view .content-box .memo .medium{margin-bottom:5px;color:#ffd84d}#dashboard-view .content-box .memo .negative{color:#f60606}#dashboard-view .content-box .logo-group{display:flex;justify-content:space-between;align-items:center;margin-left:50px}#dashboard-view .content-box .logo-group #futsu-logo,#dashboard-view .content-box .logo-group #lin-logo{width:300px;margin-right:80px;height:72px}#dashboard-view .content-box .logo-group #cec-logo{width:250px;height:150px}#dashboard-view table{position:absolute;left:620px;top:407px;width:calc(45% - 20px)!important}#dashboard-view table thead{background:#00a600;color:#fff;font-size:36px;font-weight:700;line-height:36px;text-align:center}#dashboard-view table thead th{padding:20px 0}#dashboard-view table thead th:first-child{width:40%;border-right:8px solid #fff}#dashboard-view table thead th:not(:first-child){width:15%}#dashboard-view table thead th:not(:first-child):not(:last-child){border-right:8px solid #fff}#dashboard-view table tbody{font-size:20px;font-weight:700;line-height:20px;text-align:center}#dashboard-view table tbody:nth-child(2n){background:#f1f4f9}#dashboard-view table tbody tr{border:transparent}#dashboard-view table tbody tr:nth-child(2n) td{background:#f1f4f9}#dashboard-view table tbody tr td{padding:10px 0}#dashboard-view table tbody tr td .pm{position:relative}#dashboard-view table tbody tr td .small{font-size:12px}#dashboard-view table tbody tr td .small.top{position:absolute;top:-8px;right:8px}#dashboard-view table tbody tr td .right-brackets{margin-left:5px}#dashboard-view table tbody tr td.positive{color:#159600}#dashboard-view table tbody tr td.negative{color:#f60606}#dashboard-view table tbody tr td:not(:last-child){border-right:8px solid #fff}#dashboard-view table tbody tr td:nth-child(3n).positive span{position:relative}#dashboard-view table tbody tr td:nth-child(3n).positive span:before{content:" ";width:50px;height:50px;background:#159600;border-radius:50%;left:-30px}#dashboard-view table tbody tr td:nth-child(3n).negative span{position:relative}#dashboard-view table tbody tr td:nth-child(3n).negative span:before{content:" ";width:50px;height:50px;background:#f60606;border-radius:50%;left:-30px}@media(max-width:768px){#dashboard-view{padding:20px;height:100%}#dashboard-view.openSideMap,#dashboard-view:not(.openSideMap){padding:20px}#dashboard-view .content-box{padding:0;background:transparent}#dashboard-view .content-box .top-row{flex-direction:column}#dashboard-view .content-box .top-row .left{width:100%;margin:0}#dashboard-view .content-box .top-row .left iframe{width:100%}#dashboard-view .content-box .top-row .right{width:100%;justify-content:space-between}#dashboard-view .content-box .top-row .right .card{width:30%;height:100%}#dashboard-view .content-box .top-row .right .card:nth-child(odd){width:30%}#dashboard-view .content-box .top-row .right .card:nth-child(2n){margin:0;width:30%}#dashboard-view .content-box .top-row .right .card#danger-info{width:100%;height:100%}#dashboard-view .content-box .top-row .right .card#work-item .content .huge{font-size:14px;line-height:14px}#dashboard-view .content-box .top-row .right .card#on-site .content .huge{font-size:32px;line-height:32px}#dashboard-view .content-box .top-row .right .card#safe-time .content .huge{font-size:20px;line-height:20px}#dashboard-view .content-box .top-row .right .card .header{font-size:16px;line-height:16px;padding:5px}#dashboard-view .content-box .top-row .right .card .content{padding:10px}#dashboard-view .content-box .top-row .right .card .content .normal{font-size:14px;line-height:14px}#dashboard-view .content-box .logo-group{display:none}#dashboard-view table{width:100%!important;position:relative;left:auto;top:auto}#dashboard-view table thead{font-size:14px;line-height:14px}#dashboard-view table thead th{padding:5px}#dashboard-view table tbody{font-size:14px;line-height:14px}}.heat-cal.pm{position:absolute;top:407px;width:calc(35% - 20px)}@media(max-width:768px){.heat-cal.pm{position:relative;width:100%;top:auto}}.heat-cal .contain{width:610px;height:610px;margin-left:auto;margin-right:auto;position:relative;top:-315px}.heat-cal #heat{width:100%;height:auto;display:block;position:relative}.heat-cal #heat #parent_bg{margin-left:auto;margin-right:auto;width:100%}.heat-cal #heat #pin{height:auto;position:absolute}.heat-cal #clock{position:relative;left:-100px;bottom:160px;width:800px;height:50px;text-align:center;font-size:20px;color:gray}@media(max-width:768px){.heat-cal #clock{width:100%;bottom:auto;left:auto}}.heat-cal #value_area{position:relative;bottom:220px;width:320px;height:160px;text-align:center;font-size:26px;margin-left:auto;margin-right:auto;color:#000}.heat-cal #value_area div{position:absolute;width:100%;bottom:-30px}@media(max-width:768px){.heat-cal #value_area{font-size:16px;width:100%;height:auto;bottom:50px}}#cctv-list-view{background:#f1f4f9;padding:36px 90px 36px 220px;height:calc(100vh - 120px)}#cctv-list-view .popup{height:0}#cctv-list-view .content-box{height:100%;background:#fff;padding:20px;text-align:center;display:flex;flex-direction:column;border-radius:10px}#cctv-list-view .content-box .video-block{display:flex;flex-wrap:wrap;justify-content:space-between}#cctv-list-view .content-box .video-block .video-box{background:#f1f4f9;padding:10px;width:30%;margin:10px;border-radius:10px}#cctv-list-view .content-box .video-block .video-box video{width:100%;height:300px}#cctv-list-view .content-box .page-row{margin:20px 0;display:flex;justify-content:center}#cctv-list-view .content-box .page-row button{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 10px}#cctv-list-view .content-box .page-row button span{font-size:32px;font-weight:700;line-height:32px;color:#fff}#cctv-list-view .content-box .page-row button img{width:30px;height:30px}#cctv-list-view .content-box .page-row button.page-prev{background:#00a600}#cctv-list-view .content-box .page-row button.page-prev img{margin-right:5px}#cctv-list-view .content-box .page-row button.page-next{background:#00a600}#cctv-list-view .content-box .page-row button.page-next img{transform:rotate(180deg);margin-left:5px}#cctv-list-view .content-box .page-row button.page-index.active{background:#00a600}#cctv-list-view .content-box .page-row button.page-index{background:#607087}@media(max-width:768px){#cctv-list-view{padding:20px;height:100%}#cctv-list-view .mask{display:none;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.314);top:0;left:0}#cctv-list-view .mask.show{display:block}#cctv-list-view .popup{display:none;position:absolute;width:100%;top:100px;z-index:100;background:#fff;left:0;padding:40px 0}#cctv-list-view .popup .btn-close-window{width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANSSURBVHgB7VjNVdwwEP7sS+AUdxCngpAOoAM4khwgFeRRAVABLxWwHIKPSwfZDrKpIJsKQi7Z3bwXixnZXmtkSbb258LjO7A2kkafNDOfRgZe8MyRYBOMkWGOQ3rKydI70VbiF1JMsIcpTvCINbEewXsc08jPUJrckFkmRPgOHzFCJOIIMjHgBrxj62FGi7qOITqMYOXKW3o6drYrcmFKrqwIZGQ1ox070L/uWUf09xqn1H9jggXtlsI3dHeNydwRsZF3okKPOaR+l87xCY76SCbR5KrduiDDI8SgwLmDaC/JJIpcorPyZO2srGxyDB8Lkvt477OZBszZq72jlR5tIhl6pz6QBbbVIsdSx7cT7h38Su5IxKCH2vD2UJB3pEyd0BwPdjf3DiZ69xpwnFxg21gQISW8cePq1iXIuyfjbpAcRONTnWwt8lpnBboEU5wZb7PobI1BZXu2eufTqUPHxC0JqxkXvHshFBQK9zSC42lsiDI/8/+qtsugDWUkDM89luIuCe6R+ktMEDZ+tTI8r0lWp06bAE0fH1LLQ//k+S4JlqLxsTf2ErGAA01srrXTXOgkaONUn0htsvyXJ05qTZgbz1P0YaGlZypISnJTEuF+eUoNG1bZFhLqP+gDZ+KSxBvOxTC5YcKuqHb0IETwN4Ygwzbw2tcQIpijD01CoJNcQBOT4wFLSPx9bIKtq5RzUok5TW/HnB2TC90njNKwUUp32wRnxnNW13MhHMIkxzFnx2TftaDQ95nMYDSBl+DSkoRSH3t+qFrIWW6ahGgSp5Eg1SP2pbWAPZlw3WpGVhlcHr3FLnGPn2jinRd1qj2wQjdJFL4Yb3ldPOwGdmEi60QNdz1oropPlH3axU0KVRe6FbvTWz6ZMcugbFAmxkJZ11dPYeImyJWtec5yTBb+sjwahXWFTfTNcOTq6r80cen1Ct9hrjIl4krf6GZYB+PaG1J6gjc7/0nCcpHojGoHlrRqjpt1EofH/KXYjiDH2PTifq2FNXxxP6N+59jJxV2SvNKTudB8+kjot6rt8uCnD74l7pOPBijDMIIt0XPPZ4yhmIEVwnG99CGOYINCu+ws6vMbHwARxNqhm6DKygN9nqZ4I9oUfqD6rDHZusi/4DnhCSX7HZdjEDzvAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat;background-position:50%;position:absolute;right:5px;top:5px;z-index:200}#cctv-list-view .popup.show{height:100%;display:block}#cctv-list-view .content-box{padding:0;background:transparent}#cctv-list-view .content-box .video-block .video-box{margin:0;width:45%}#cctv-list-view .content-box .video-block .video-box video{height:100px}#cctv-list-view .content-box .video-block .video-box .zoom-tv{background:#00a600;width:100%;color:#fff}#cctv-list-view .content-box .page-row button{width:20px;height:20px}#cctv-list-view .content-box .page-row button span{font-size:14px;line-height:14px;color:#fff}#cctv-list-view .content-box .page-row button img{width:12px;height:12px}#cctv-list-view .content-box .page-row button.page-prev img{margin-right:2px}#cctv-list-view .content-box .page-row button.page-next{background:#00a600}#cctv-list-view .content-box .page-row button.page-next img{margin-left:2px}}#cctv-view{background:#f1f4f9;padding:36px 90px 36px 220px;height:calc(100vh - 120px)}#cctv-view .content-box{background:#fff;padding:20px;text-align:center;display:flex;flex-direction:column;border-radius:10px}#cctv-view .content-box video{height:calc(100vh - 200px)}@media(max-width:768px){#cctv-view{padding:20px;height:100%}}.popup-custom{cursor:pointer}.popup-custom .leaflet-popup-content-wrapper,.popup-custom .leaflet-popup-tip{background:#d9d9d9;box-shadow:none}.popup-custom .leaflet-popup-tip{background:transparent;box-shadow:none}.icon-div{background:#00a600;border-radius:50%;color:#fff;font-size:20px;width:30px;height:30px}.leaflet-div-icon{background:transparent!important;border:none!important}#map-view #icon-list{position:absolute;bottom:10px;left:210px;z-index:1000;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;border-radius:15px;align-items:center;box-shadow:0 4px 5px 0 rgba(0,0,0,.251)}@media(max-width:768px){#map-view #icon-list{width:100%;left:0}}#map-view #icon-list .icon-type{margin:10px;display:flex;align-items:center}@media(max-width:768px){#map-view #icon-list .icon-type{margin:2.5px 0}}#map-view #icon-list .icon-type .cn-name{font-size:14px;line-height:1}#map-view #icon-list .icon-type .cn-name.small{font-size:12px;line-height:1}#map-view #icon-list .icon-type img{height:16px}@media(min-width:768px){#map-view #map{position:absolute;left:200px;height:calc(100vh - 60px);width:calc(100vw - 200px)}#map-view .map-list{width:180px;position:absolute;left:10px;top:130px;display:flex;flex-direction:column}#map-view .map-list .preview-dot{width:100%;max-width:180px;margin:2.5px 0;cursor:pointer}#map-view .map-list .preview-dot.active{outline:4px solid #ffd84d;border-radius:5px}}@media(max-width:768px){#map-view #map{height:calc(100vh - 60px);width:100vw}#map-view .map-list{display:none}}button{background:transparent}.map-list{position:absolute;left:10px;top:130px;display:flex;flex-direction:column}.map-list .preview-dot{max-width:200px;margin:2.5px 0;cursor:pointer}.map-list .preview-dot.active{outline:4px solid #ffd84d;border-radius:5px}@media(max-width:768px){.map-list{display:none}}.spot-key{display:none}@media(max-width:768px){.spot-key{display:block}.spot-key span{font-size:36px;line-height:36px;font-weight:700;color:#00a600;text-transform:uppercase}}.btn-cctv{background:#00a600;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:4px 10px}.btn-cctv img{width:30px;margin-right:10px}.btn-cctv span{color:#fff;font-size:24px}.btn-people-list{border-radius:60px;background-color:#00a600;padding:10px;margin-top:10px}#nav,.btn-people-list>span{color:#fff}#nav{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;background:#00a600;font-weight:700;font-size:32px;line-height:1;padding:30px}#nav .btn-burger{width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB7dSxDQAgDMTAhP13Bkag4hXpbgF37n1VwKqQWBiYry0T4JVlfnMAZegMBMJ116gAAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat;background-position:50%}#nav .btn-burger.open{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgBxZbhDYQgDIXLTeIojMImp5NxmzjKO0gg8XpYKNr4En4o9kk/sJUoCUDIgy7qx6dcVL1pUjn24BO4cZYnpXIM8wh1Ih5u7mksCtOlxFTFscm+sbyoRjpd3ozrOcY0sQ492F7ISpdSo0l0I0GY3WyJ9zBXwfyPN7RcBfPIUt4lRBpjzlvPVTD3DWPfi3vREzJDYbJ5aJxXTNQTbnp6XqGoJ9zU5pOGRRGCog4M88ZEHejyhlVrgkUzhVH757Vic859SKkSs7XeePsv1hey82uSe7yjCAAAAABJRU5ErkJggg==);width:18px;background-size:contain;background-repeat:no-repeat;background-position:50%}@media(min-width:768px){#nav .btn-burger{display:none}}#nav .btn-log-out{width:60px;height:60px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHKSURBVHgB7ZqBTcMwEEV/EQN0A8IGjBA2yAiM0A3IBrAJbJAwQdkg3aDZ4DirRlTBDinx2U56T7IqVU4vLznXZ8uAoiiKoiiKkhgiKrg15Gdv+mAtWKG/aJA5m6kdjc2UfhsGGXODsHxiLUxJ5yWM4VvMIPf0dRE6pbNn1huOBQ+VLX88ceu5tZxYB0jjGrSIgJ3/u7OwnX0A4oFTCdeO0G/4J0sYw73ju4qld5Ak4Rvecjs6wh9Fp8FUwjZ2RW7kStmUwjb+q0daJrUzEDap3XmkHxCa1ML2HkqPcEehp6ochO197DzSL1OuF6206KdCCl0o9I7fNA/ig6uw97ELZ62HxxYPdJoyzL9ogXiYB3HPt9X7OkgWHhXiyhq+M8rL1a2WJFPaPO094r7lA7fHsdWUmLC9psAptUP+ad3Bn7ZGtkUIMpqWGs+0VCMkOQhzyGePbPiaOrUwjVdZBUKTUph+73qcU0KCxMKNR7aGFKmEKea4HQROJeza7ehIetM/M+ES0iQUHi4Ha8xAtNIKBYc21ZrZ1WjnVlKLEA7J1a2WZgkPxtbqjjxMQY885MYlKd1O6LOqIw8FjZ/kaVY1hhVFURRFUZQL+QKF+jWgiVNvQwAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;background-position:50%}@media(max-width:768px){#nav .btn-log-out{display:none}#nav{padding:18px}#nav .btn-log-out,#nav span{display:none}}#sidebar{background:#d9d9d9;width:230px;height:calc(100vh - 60px);justify-content:space-between;padding:32px 24px;position:absolute;left:-100vw;z-index:999;transition:all .5s ease;visibility:hidden}#sidebar,#sidebar>div{display:flex;flex-direction:column;align-items:flex-start}#sidebar.show{z-index:10000;left:0;visibility:visible}#sidebar .sidebar-link{cursor:pointer;color:#607087;font-size:32px;font-weight:700;line-height:32px;margin-top:15px;margin-bottom:0}#sidebar .sidebar-link.active{color:#00a600}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}