.table[data-v-c3bcd018]{width:100%;font-size:14px}.red[data-v-c3bcd018]{color:red}.mr10[data-v-c3bcd018]{margin-right:10px}.title[data-v-c3bcd018]{line-height:40px;border-bottom:22px;color:#333}.spaceComfortManagement{height:100%}.spaceComfortManagement .canvasBox{width:913px;height:498px;margin:50px auto;cursor:pointer}.spaceComfortManagement .buttonBox2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#666;margin-top:50px}.spaceComfortManagement .buttonBox2,.spaceComfortManagement .buttonBox2 .colorBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spaceComfortManagement .buttonBox2 .colorBox{margin-right:50px}.spaceComfortManagement .buttonBox2 .colorBox .openColor{width:20px;height:20px;border-radius:4px;background-color:#f69e20;margin-right:10px}.spaceComfortManagement .buttonBox2 .colorBox .closeColor{width:20px;height:20px;border-radius:4px;background-color:#7f8b90;margin-right:10px}.spaceComfortManagement .buttonBox2 .colorBox .idleColor{width:20px;height:20px;border-radius:4px;background-color:#8794ff;margin-right:10px}.spaceComfortManagement .buttonBox2 .colorBox .occupyColor{width:20px;height:20px;border-radius:4px;background-color:#ff75a2;margin-right:10px}.spaceComfortManagement .buttonBox2 .colorBox .someone{width:30px;height:30px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALlSURBVHgB7ZdLctpAEIa7R9hZxkcgJ4i5Ab6Bc4AE6wQhZZMswcvEdmJOILAra+MTQE5g3yAcgW0szXR6WhhEEGT0oMoLfVUCScxIP7/6MQKoqKioqCgCQkHoS1AHU7vjvUO+2jV++/AJdoCCophaICItBG06DZqwA4oLBaqvHKJ67TAJ6PPNHXWCQ3CkuFDS/cTBFCLza+twDhUJlyfNIaICagcH4EBhoXjpX0Oo3wDoBoSmgdf+bOuEP7wZxTENMyA1gr1aCxwoJNS6QZ2fh+ABJxQcwN5+fev4zu14RSABu09N2KVQeXz73gM7+QDKG8vG+9QZjjdPgokIxOjeJiBevZ/wWac4zSVUkoBYGLGTa2CTzm7aqRPRusnOm5qNS6fYhLxC40zdJHIhqCuOr2FOIIqGoGylwEn8hzkByxZKp7dNERm7MWNBow1D2TUV/HsSL1oNeCVXakHIjx89G6cDKFsoOxHAs0jQR3yT+5RRg7ms9BCwSWfMuQgmbhR6eznLJ3QB9vDCf0z9yaiJbaXxsPUQsPPwyp9I2zWmz+VsCjsTanB7rXzS5yCup4eAEEZHLHgEjpTQQteRom+0Pz9qcv8/Th2TgWxCCaf8OQXU8U0Q3q6NQV2Xr9itgYxXquvaKjeRe5knsZdeS2e2pWZ17H/kf/TG6yZEzuab5QBq6iOUTC5H48Wy93t5gnryn9F+CzNQuoFf3TLahZxZz24uoClets654/RlmRfD2e79gBLJ3kKlO8HJ4oSBnv2KM135iaHHZa72szvqUbIuDvCqNXw+iFdDOFleXXWhJLL1+s7NyUqWh1LYVwmjhKtSQ5tQAtkc5Za42OcESmt/co6wtzjheQGUgLPQVTfl3ai/cbAk1rxc8Rw6GxYOgQyO4vLdhhNoW0GX37Revt8jtot2pgxCI3tjFkePyQTaBH73B4nEKtwEnIXGyzp2KTTvXOew8zbZprIhl6uCrlZUVFS8QP4C5wA3ufOVLeoAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.spaceComfortManagement .buttonBox2 .colorBox .someoneOn{width:30px;height:30px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANISURBVHgB1ZnBbtNAEIZntilxCki5cPcjpC9A0yOnFqFKbSVQ+wQtZ5BcCzjTPkErDqUSIIUTxya8AOENfIeDJSoc2tjDjIPTOokdO9mk5pMir2tv/XtmZ3Z3jDAh6xZVDejUEHANIDCBkNtUJcCqXOe2S6AcInL5pAl+t3X25n4TJgQhJ5uWVxdxSMFOJCr7w0Q0Nq7AP/pg32vn65tLIFhAUAcNELGVFeye2RUny/1jhYqLl8g7YOvtwSxAOvSgYjdsdFNvS7vIVjSR4JybJswWhxBW06yrki5sWxc1RfQNZi9SCA2ywc9MumGkRUUkkDrPGyzTQ24Xg9VRgTYkdI7uToDTGuLy4DCICZXAqVAn0d0Pawvw7FEJloz4+/3gjPnpvAtf2z5owvHQWL4ZYLExKtENKZZ8sjosUnhQRXjKL6ARswKedfMPfaHi8nEpSAQlcdfIPXekQ7i/+eJXPTrtC+XHHEPRUKW+VUOhG9ZlTdeMoxNEqEdWDYUugj+bWUcDqBbX5NhzPdE6FBUMdiQbKVlszD+x5wGrRveiVuKxuQJz5Oh5OZY9JAfvvf2T2kfcX5IBy2JzsW11YuentgFZGUxxaSkvIuCFuUIqstt7KMSaCrcRhYeDqdiBFIFVrRN0hIy7l7t3wvbr48swYKZFhRsuzcgqS8TKT9rTQ664XrvQFi/3xIrya+lZ+jklnlDbPDOZoJGfGXJjHojQlSnUgaLDBQx2PX2GgsNbo6YywGjPIqD0Qe77V5VW6YT3JVtW54QHwn7WrnmmzEEkwAbn+jR4fDbkGOZRcT93zSx0GvIGma/8IzmG61HemjbDilvBkPpUtMfv75nYATYUDS6iXTf/0bMqHkJRIDy8WYSI7evLUBarOnD7OJ4qxzwcEyoZQKpqt5yuwsreYBlyqJoXmpsLVaPE/u4kpxIdKyR5JqL/eFT5cWTZ8VQijcXCwDB496U7UpC8wEeuPU0rUp55mlAy//8LuYJ0LHNVbabZgKNbKnfjavl5PjaYYX1K48cG/n8HMo9nuT93CU6q0UGwsMfb1/VJPt/4pE4UUCOrwOu+U7BlX62Q3633agPIS43AjH8Q4xSD1A4C5Yg4Txnfx339SOIvn85oRIie6ywAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.spaceComfortManagement .buttonBox2 .colorBox .someoneOff{width:30px;height:30px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANnSURBVHgBzZlNTttQEMdn7DgfEotwgxwhiAOQSO2ulPYGsGmXRKrSoG6ATUUUVQrLdgNHoO2ylWoOgEpv4BvgBRLBrj2dMXEaJ45jJy/gnxTixO/hf2bezBuPERaEWq3qoFSq60Q7BFADxDoQVPlUdTjERiCLv7eJyPQRLyvdrgkLgpCRu06n8SAOd8dEpcXmK164vn+61utdZ5mYWmggEOCQCBqgAEQwPYA9trKVavy8AeJi1ygdEcI+rAAW0Dec+2Ps9+0542bDVqxpBL9A1uBqsXyEZpJ1tVknbtsf6izyN6xepBAY5Lbdrs8aEGtREWmgJ5bMGizLQWS7QM24QJsS+ojujofF+hpuTC6DiFAJHKdYmulubXMT9JfbgOVy9H/f3ID34yf4V1egCKvo3G+MB1hkjUp0Q4Il9efPpkQKuL4O+vYLUEjNLZYOx78YCRWXz0tBImjmuUoFVMK7XevuXacRfh4J5WR+BjlD12Bk1UCow2lB1Y6jEvZwI7Tqg0U1bSW7jgp0nXbkPRDK1nwFOYW17Uo20qTYgMdO7FlArA70Ur2gEW0tUO0tjHHQiWQPycHuSTdxjri/gIgNNm8mnM5B5HOxewJpmUxxSSkvxJdaYFiV5xoElALpifb0LBBVJepzb1EJqAKsAFl3hbdvguO/n78EAbMsYlEbFCNVloiVlxwvDZd+KxHqcbknVgzKPxWlH4IlrpdqugYqSZEbs0CEtsap3oKcg0im5nnwFXIO756mVvbK4nrl61QZHEhGr3dZwP6x7bzvnEtFnXZuli1z6rq8fif3+mTwQv4GeVTcr+nphS5D1iBzwT+V96AerXzqmkhgQs7gYskM7/FH90yeD8eQM8iFvfB4JDSwKjesICdwb7Vf6f9vQkTu6w2nLFa14OmxDMeJeDgiVDKA70ATnjZdWaJhsg051c0Tc7ukx4qlwQBmoaJCkmvytV+Puzwktu241vt4PRQbmeB9+x4rSH6A9J4UiGzKteNOJjdyW9zZKz5SI5fdHWfJEC1ptkwsOuWNVWYDiW7p3CWJfBiXErEuGnDGDwkaoABJ5jr4R7KPpxmf+YZe2tdF0Pa5LyTdlcyPb9iC50h0kVZgyFKdB7fd3vKDvgA22NIiugZjD8SGr2t5MCbiCq77Z97Tj1n8A39tY+53RLTcAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain}.spaceComfortManagement .buttonBox2 .colorBox .someoneOn1{width:30px;height:30px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUJSURBVHgB1VlNbBtFFH4zccBOQXIlKnHD3JKeEpFK5JLYJ5JTU6BSU6koPdFbf64IuSblWtIT7SlRD0kkKA2n9JakHFqJooZLw63OqRXlYAmoTeLdx/tmvfbaXtvjv0T9pPXOeGZ2v3nzfmbeKuoQs2mOR6kwqkidJnITxErKHGdScbRLOceks8yck8oWOcXttW/f3aIOoahNnEvnkyCn2J33Sdm/DKTV+gE5t37IvLPT3ti2CFKamJLUAzCLlDVdXMvEsjb9WxLFEg9x/rpI7zL1A4oX8xTLrGdUrmm3Zo0ixYRi2pRigvqLLCtKNZOubtRwPv3PqGZ+Sv0nCRiBnJV3NuoQKlGQJNab7RpL9+BcUbmpMEOrI3qIy90A4taUGqtVg6qlh+EcLUlAGQ7gEvw3EqyUrDtRO3QlE6173MOnDt0Wj9gnJGKUT8v9qv9HWaJY8kYuaFtIBa9DAasr5776O+lXyxIVZV1qNOZOjeSmxgZC+12bG6Sbqz2Uso5AqlumiJ+z6f3RbiPO5OgAjQ8P0PTHA9QrKEVJX6qG6CA5XUWdoaiiz1Le4uCOerCtGyg9eBp3T0eZZ1sNOBFXNCVSw1WL8WFt2oFjQmymJFVIGepQi68vvlXu35qpOw8PoLHZsHHsIwlNX54ZNFctIMUfN4vlOpcmhv9PyriPhiuTA3n/WZZM49GiREl56pRN92dZlxaW9s1Vi70XLv20VaTXBaZXsgtFeVIMzpfaFzMVdfBVBBMAYSuqsvwaCmvT+S8hsCtkcdViKKbMcoLMPZGskWay4qJRhzqg/VjAJfukW8GVjblW3H08v33/gP6UiWRfMD3ccUIJTE94y7/xqOKHP3jfTk9FmqMRc4yg7iwT0r5z3/OfkN5kiMH5RrbxuDKR1wWyBMcjNoaEZbVFGEkfkOo90V/oOyZ0c3Wf7KDiVkrCTNYYH/GIwrBqfSikCgO6sWRLsIKId1psLtUby9UPDtuk+PD1Dt7h2ly9v0R9l9oF57SQzFEPAUk+2XVo7yXu9R4C7qsDZLUE1LaOra0Aqx75UBvDGR+p9pOvSi6uXTCrHHQ0a9MZ+pawcCewajj7CzP1kefuRpE6giQwxOr5Z3n9lVZ9Ec8vWYQ9LD30Ey7olIzBBJ89d421dyJNw1NyAGpeAv4+55+3Mqj3xAhOlkIeCPd5hx8A51a/GTqul+Xgz0ovt+oOp46og+swIfq5jrvxo7bLH8SJ44ouTA/SKTGYfwswomJ5EljumQlvS9isDcb16x8OPXjUePKOdm7hXraOuXR+03aXH/SjexLfh2Kef3wiL/1NXNInExFjeME2qMreS1eiU8TUg23n0+GxFPmptYVYCuVyZBLvlhHWybABl2brjQjSwGbEN5BPZbf0uRgQjiMwqLsbB/TgsScpSH7GbEq8tu9l3C8lCTcLuUii+cUqfzOXLnwn06hTAdvjMpb1RByT8Kzfti0UrBZXF6JXQ4nCA/zHhcPKNzVDNq+iY8EMX1Xo8DwApUzC9ehgMnu1aci6s4DJ+Uii6ijI4p1KOWfC0o+hh5YVZNOELFmG117AS5u7qZUGKfM3P5ELYODbotSyw1qkfkGsG4bTKpffzseGhMlP9fBjgzzv+upCbNumf9unOmSjXXfgshxfZzv5fOOwXpZkwrotwcrYLjCXOZhip5g0uQE5dis50VZ/EBMXo3jHdXUW5PI6+nurrx+N8D+AYT9yIQDGggAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.spaceComfortManagement .buttonBox2 .colorBox .someoneOff1{width:30px;height:30px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUfSURBVHgBxVk9bNtGFH7vSP0VGWRv9mS4m91BhrrZRWTA3eqmHdytbrK4YxQUqooujpeisoYqY7skTbd6cduxBqIA9lajLlBlq6slzhZrCGBFlHh57yRKlEiJJ+snH0CJ5L0jP373fo5HhGtCptPxaiSSMKS8JQEWADEBEuLUFG+ZVBBkmc5XpJRFG/FpLJcrwjWBMCSustlUkxzedpHSRYXueGjZ9oMb+fzZMB21iSqCALtSQgrGAEQoNgDukMplLfsgAx5iKxS5LxHuwgRABAqh2us9LBQqAXb9QSouCAlPgH1wsijbCOuD1BX9Gl5lvk0Qyb9h8iQZSpBXmUyin4GvokwyhA1WcthgGQ1SViyQ636B5iE6xeH2B5G1Ba70ukHX0HPgvFWSDETFgbm4T5vuA45u8CEZzn3vuZ791ynUDw5gQliwwpFd+r/nnGgrykPeLwUxKfc2DVC1S199lU05x21FKZk/lH069SoXfj/pa2d+sQ31nx/DuGAIYFWLvK8UrVFaGLXiiGQSxNISiNVVGBdohFOOqs2hF2KkqoPRKBgfbqh99U/H7rZRYBjyFv8roqTmJ0EdcGamqVrSO+y4vKza1X4sBmJtTe2zrbG97bEPfbnTtg8CcbutshFPNkAjsePiIpifbamtF6xi/c+jbnsiwufFu4vKJRwweb6WsbUFWqB0VTUiCSGkvKljb5+fQ/3Hn9TWC/n8AuyjI5DVKsjLS7UvKOAc1YyPN9vu4LgIPwAT1gEPv0DElJY1EyCyvPUC34k1h5PINEhZpebGRqed3YbdgdxCbQ4Bl80g2DwXaM3KR4L16wHYLy9BXpCyp6dt1dww1laVw9nHx+1zOD+ndX0ETJhyHOWS1G5Qrm1AJ+g8N2sFWeP4pKMkuYoWpIxzwg9U1NzZAV2IPsWAwaoqX2b3oQeyHv8CWqCAMvXsQBuCUhWDA6s3h7KqHECWT0AGgYnyK8BAVXsv7DdJaZOZm2v3CW1/7smXfCxhSNDUT7SIjg2spP1vCYADq/TM207+PDQQykx0qNfWIHBUIyd5ChyxvNTVxiSlT3oLgpRYMcn9yjpDofxtfj7QjqOao97c/Mjb9vsfcB0gyqLZaMBvwoB0oDEFiV/59ODqSvknpyDx3rJ6QPu/c2g40X4NUPUsokzvxmvh6v8QlKY4P7ZKHhOe8Ay/AwqkSH5/RmBhj9aI4FFgBy6hVHV4my7wkH9VHtUd/q7uszPKD9kleLjZN52H4OEWH6w1K9SANkll135WogA86XsfC+wHqp9zopbJPuEZNWjAnUflxQuaaERVfrRLJZWSuAIhBV5XG48GHas2zqWutlr2G9/70NSgGM3n1nm/XZkaNuyRqim/DqbP3JFTTZ0mI06A8EREBRApzLm0ThFunzSVMjY3FUGRbOZZ7uco7DcvaN/DgjvOfldxrH2d/YHf/no7aL8u07Di7CwN6UvvhGNQmw9obbUQ3t+/1zl2P0EzA0xrvWkQyuHa6xX3Cl/XSglnALsG7BNjLatDoswcepchPat5sUKubEnjbZGt0L0/ZQ69Db7Ljjfy3521yJZhemCS63xvv8bBC7lpWtkLT2khl4bbT0kHYlBv7hiuRVd4+RomBBXdFDiDSDbtNMHqYggeIo629OOAk7kB9v1QPv9Ux37ozze8fB0GcZeqGK+uDP35hhR8hFIe6hJ0MDRRN6xM5iZ96ErRxDZFSjPpBXB9EGttZ/xhjMmZlvVP0NePfngDFsoyKl7CXPEAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}