html,body{height:100%;min-height:100%;background:#eee}body{font-family:'arial', '微軟正黑體', sans-serif;font-size:15px}a{text-decoration:none}a:focus{outline:0}ul{padding:0;list-style:none}i{display:inline-flex;background-repeat:no-repeat;background-size:contain}i.icon-menu{width:41px;height:37px;background-image:url("../img/icon-menu.png")}i.icon-sun{width:51px;height:46px;background-image:url("../img/icon-sun.png")}i.icon-notice{width:23px;height:23px;background-image:url("../img/icon-notice.png")}i.icon-wheel03{width:46px;height:56px;background-image:url("../img/icon-wheel03.png")}i.icon-bed03{width:43px;height:32px;background-image:url("../img/icon-bed03.png")}i.icon-bed05{width:68px;height:46px;background-image:url("../img/icon-bed05.png")}i.icon-bed06{width:36px;height:26px;background-image:url("../img/icon-bed06.png")}i.icon-walk03{width:35px;height:56px;background-image:url("../img/icon-walk03.png")}i.icon-close{width:16px;height:24px;background-image:url("../img/icon-arrow.png")}i.icon-switch{width:42px;height:45px;background-image:url("../img/icon-switch.png")}i.icon-switch02{width:42px;height:45px;background-image:url("../img/icon-switch02.png")}i.icon-arrow{width:24px;height:16px;background-image:url("../img/icon-arrow02.png")}i.icon-statistics{width:22px;height:22px;background-image:url("../img/icon-statistics.png")}i.icon-heartbeat{width:30px;height:26px;background-image:url("../img/icon-heartbeat.png")}.btn{cursor:pointer}.btn:focus,.btn:active{box-shadow:none !important}.btn.btn-menu{border-radius:99em;width:73px;height:73px;box-shadow:3px 3px 10px rgba(10,31,163,0.3);background:#003acc;background:-webkit-linear-gradient(legacy-direction(-45deg), #003acc,#28adfb);background:linear-gradient(-45deg, #003acc,#28adfb);border:0}.btn.btn-menu:not([disabled]):not(.disabled):active{background:#28adfb;background:-webkit-linear-gradient(legacy-direction(-45deg), #28adfb,#003acc);background:linear-gradient(-45deg, #28adfb,#003acc)}.btn.btn-close{border-top-right-radius:99em;border-bottom-right-radius:99em;width:65px;height:75px;background:#ddd}.btn.btn-bed,.btn.btn-switch{border-radius:99em;width:75px;height:75px;background:#ddd}.none{display:none !important}.block{display:block !important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:#c6d1db}::-webkit-scrollbar-thumb:hover{background:#bec7cf}.wrap{min-height:100vh;position:relative}.wrap .wrap-main-head{min-height:70px;box-shadow:0 0 10px rgba(170,170,170,0.5);background:#fff;display:flex;align-items:stretch}.wrap .wrap-main-head .logo{padding:0 1em;border-right:1px solid #eee;width:15%;min-width:230px;display:flex;align-items:center;justify-content:center}.wrap .wrap-main-head .logo img{width:270px}.wrap .wrap-main-head .head-data{width:85%;display:flex;align-items:stretch;justify-content:space-between}.wrap .wrap-main-head .head-data-left{border-right:1px solid #eee;display:flex}.wrap .wrap-main-head .head-data-right{display:flex}.wrap .wrap-main-head .weather{color:#666;font-size:35px;padding:0 1em;display:flex;align-items:center;justify-content:center}.wrap .wrap-main-head .date{display:flex;align-items:center;justify-content:center}.wrap .wrap-main-head .date .date-left{color:#666;font-size:22px;text-align:right;line-height:1.2;margin:0 .3em}.wrap .wrap-main-head .date .date-right{color:#007fcc;font-size:50px;margin:0 .3em}.wrap .wrap-main-head .machine-data{background:#007fcc;border-top-left-radius:99em;border-bottom-left-radius:99em;display:flex;align-items:stretch;justify-content:center}.wrap .wrap-main-head .machine-data .machine-name{color:#fff;font-size:45px;font-weight:bold;border-right:1px solid #01639f;padding:0 1em;display:flex;align-items:center;justify-content:center;min-width:200px}.wrap .wrap-main-head .machine-data .machine-charge{border-right:1px solid #01639f;padding:0 3em;text-align:left;display:flex;justify-content:center;flex-direction:column;min-width:275px}.wrap .wrap-main-head .machine-data .machine-charge .machine-charge-group{font-size:20px}.wrap .wrap-main-head .machine-data .machine-charge .machine-charge-group .charge-title{width:100px;display:inline-flex}.wrap .wrap-main-head .machine-data .machine-extention{font-size:20px;padding:0 1em;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:150px}.wrap .wrap-main-head .machine-data .charge-title{color:#153c56}.wrap .wrap-main-head .machine-data .charge-name{color:#fff}.wrap .wrap_header{color:#323b43;padding:.5em .8em .2em .8em;position:relative;font-size:2em;font-weight:bold;display:flex;align-items:center}.wrap .wrap_header:before,.wrap .wrap_header:after{content:"";width:98%;height:1px;left:0;right:0;position:absolute;margin:auto}.wrap .wrap_header:before{border-bottom:1px solid #ddd;bottom:0}.wrap .wrap_header:after{border-bottom:1px solid #fff;bottom:-1px}.wrap .wrap-body{max-height:calc(100vh - 141px);overflow:hidden;display:flex;flex-wrap:wrap}.wrap .wrap-body .statistics-card{padding:.5em;height:100%;width:100%}.wrap .wrap-body .statistics-card .content{height:86%}.wrap .wrap-body .statistics-interface{display:flex;align-items:stretch}.wrap .wrap-body .statistics-column{border:1px solid #e9ecee;border-radius:6px;background:#fff;width:calc(100% / 3 - 1em);margin:0 .5em}.wrap .wrap-body .statistics-column .subtitle{border-bottom:1px solid #e9ecee;font-size:2em;color:#323b43;font-weight:bold;padding:0 .5em;display:flex;align-items:center}.wrap .wrap-body .statistics-column .content{padding:1em;display:flex;align-items:center;justify-content:center;position:relative}.wrap .wrap-body .statistics-column .content.content02{flex-direction:column}.wrap .wrap-body .statistics-column .content .bar{padding:.2em;width:100%;display:flex;align-items:stretch}.wrap .wrap-body .statistics-column .content .bar .left,.wrap .wrap-body .statistics-column .content .bar .right{width:50%;font-size:2.5em;display:flex;align-items:center;justify-content:center}.wrap .wrap-body .statistics-column .content .bar .left{font-weight:bold;color:#fff}.wrap .wrap-body .statistics-column .content .bar .right{color:#5b758c;border:1px solid #e9ecee}.wrap .wrap-body .statistics-column .content .bar.disease-bar01 .left{background:#e92727}.wrap .wrap-body .statistics-column .content .bar.disease-bar02 .left{background:#eb6e60}.wrap .wrap-body .statistics-column .content .bar.disease-bar03 .left{background:#f1978e}.wrap .wrap-body .statistics-column .content .bar.disease-bar04 .left{background:#f7c1bb}.wrap .wrap-body .statistics-column .content .bar.activity-bar01,.wrap .wrap-body .statistics-column .content .bar.activity-bar02,.wrap .wrap-body .statistics-column .content .bar.activity-bar03{height:85px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .left,.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .left,.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .left{font-size:1.3vw;font-weight:normal;border-top-left-radius:5px;border-bottom-left-radius:5px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .left i.icon-walk03,.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .left i.icon-walk03,.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .left i.icon-walk03{width:25px;height:40px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .left i.icon-wheel03,.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .left i.icon-wheel03,.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .left i.icon-wheel03{width:32px;height:39px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .left i.icon-bed05,.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .left i.icon-bed05,.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .left i.icon-bed05{width:32px;height:27px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .right,.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .right,.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .right{border-top-right-radius:5px;border-bottom-right-radius:5px}.wrap .wrap-body .statistics-column .content .bar.activity-bar01 .left{background:#f39c12}.wrap .wrap-body .statistics-column .content .bar.activity-bar02 .left{background:#3498db}.wrap .wrap-body .statistics-column .content .bar.activity-bar03 .left{background:#76b852}.wrap .wrap-body .statistics-bottom .statistics-num{position:relative;border-radius:20px;border:1px solid #e9ecee;background:#fff;margin:2.5em .5em 0 .5em;padding:1em 0 0 0;width:calc(16.6% - 1em)}.wrap .wrap-body .statistics-bottom .statistics-num .subtitle{font-size:1.2vw;color:#323b43;background:#ced7e0;border-radius:99em;position:absolute;top:-1em;left:0;right:0;margin:auto;width:85%;padding:0 1em;text-align:center;min-height:70px}.wrap .wrap-body .statistics-bottom .statistics-num span{color:#5b758c;font-size:6.875em;padding-top:.2em}.view-navbar{padding:1em 0;width:22%;border-left:1px solid #ddd;position:absolute;transition:.5s;top:0;right:0;background:#eee;height:100%;z-index:5;min-width:425px;overflow:auto;display:flex;flex-direction:column}.view-navbar .info-frame{background:#fff;border-radius:.5em;border:1px solid #e9ecee;margin:0 1em .5em 1em;height:calc(100vh - 255px);overflow:hidden;padding-bottom:1em}.view-navbar .info-frame .info-title{color:#323b43;padding:.5em 1em;border-bottom:1px solid #e9ecee;font-size:19px;font-weight:bold;display:flex;align-items:center;justify-content:space-between}.view-navbar .info-frame .info-title .info-title-l{display:flex;align-items:center}.view-navbar .info-frame .info-title .info-number{background:#e92727;font-size:.77em;border-radius:99em;color:#fff;font-weight:normal;width:28px;height:28px;font-family:arial;display:flex;align-items:center;justify-content:center}.view-navbar .info-frame .info-data{padding:.5em 1em;overflow:auto;height:90%}.view-navbar .info-frame .info-data .notice-menu{width:100%}.view-navbar .info-frame .info-data .notice-menu .card{border:0;border-radius:0;margin-bottom:.5em}.view-navbar .info-frame .info-data .notice-menu .card-header{background:#eee;padding:0;border-radius:0;border:0}.view-navbar .info-frame .info-data .notice-menu .card-header .btn{width:100%;height:100%;color:#323b43;font-size:18px}.view-navbar .info-frame .info-data .notice-menu .card-header .btn:hover,.view-navbar .info-frame .info-data .notice-menu .card-header .btn:focus{text-decoration:none}.view-navbar .info-frame .info-data .notice-menu .notice-info{padding:0}.view-navbar .info-frame .info-data .notice-menu .notice-info .inside{padding:.7em;margin-top:.5em;border:1px solid #eee}.view-navbar .info-frame .info-data .notice-menu .notice-info .inside .room{background:#5b758c;color:#fff;border-radius:99em;padding:0 .7em;display:inline-flex;align-items:center}.view-navbar .info-frame .info-data .notice-menu .notice-info .inside .time{color:#5b758c;display:inline-flex}.view-navbar .info-frame .info-data .notice-menu .notice-info .inside .word{color:#5b758c;word-wrap:break-word;word-break:break-all;display:inline-flex}.view-navbar .link-group{display:flex;flex-wrap:wrap;padding:1em}.view-navbar .link-group .btn-link{width:calc(100% / 3 - 6px);height:40px;border-radius:5px;background:#ddd;color:#5b758c;font-size:20px;display:flex;align-items:center;justify-content:center;margin:5px 3px;cursor:pointer}.view-navbar .link-group .btn-link:hover,.view-navbar .link-group .btn-link:focus{color:#fff;text-decoration:none;background:#007fcc}.view-navbar .nav-btns{padding-right:1em;display:flex;justify-content:space-between}.view-navbar .nav-btns .nav-btns-r{display:flex;align-items:center}.view-navbar .nav-btns .btn-close:hover,.view-navbar .nav-btns .btn-bed:hover,.view-navbar .nav-btns .btn-switch:hover{background:#007fcc}.view-navbar .nav-btns .btn-close.active,.view-navbar .nav-btns .btn-bed.active,.view-navbar .nav-btns .btn-switch.active{background:#007fcc}.view-navbar .nav-btns .btn-close:hover .icon-close,.view-navbar .nav-btns .btn-close.active .icon-close{background-image:url("../img/icon-arrow-hover.png")}.view-navbar .nav-btns .btn-bed:hover .icon-bed03,.view-navbar .nav-btns .btn-bed.active .icon-bed03{background-image:url("../img/icon-bed04.png")}.view-navbar .nav-btns .btn-switch:hover .icon-switch,.view-navbar .nav-btns .btn-switch.active .icon-switch{background-image:url("../img/icon-switch02.png")}.view-navbar.remove{width:0;opacity:0;min-width:0}.frame-btns{position:fixed;z-index:2;right:35px;bottom:8px}.frame-switch{position:fixed;z-index:2;right:2.3em;bottom:6em}.frame-switch .btn-previous{width:73px;height:65px;border-top-left-radius:99em;border-top-right-radius:99em;background:rgba(255,255,255,0.8)}.frame-switch .btn-previous .icon-arrow{transform:rotate(180deg)}.frame-switch .btn-next{width:73px;height:65px;border-bottom-left-radius:99em;border-bottom-right-radius:99em;background:rgba(206,215,223,0.8)}#donut{position:relative}#donut path.color0{fill:#fb9515}#donut02{transform:rotate(180deg);position:absolute}#donut02 path.color0{fill:#76b852}#donut03{position:absolute}#donut03 path.color0{fill:#323b43}#donut,#donut02,#donut03{display:flex;align-items:center;justify-content:center}path.color1{fill:#fff}.donut-word{margin-bottom:.5em;font-size:20px}.donut-word span{font-size:2vw;padding-left:.5em}.donut-word .donut-total-word,.donut-word .donut-use-word,.donut-word .donut-empty-word{position:relative;padding-left:.5em;display:flex;align-items:center}.donut-word .donut-total-word:after,.donut-word .donut-use-word:after,.donut-word .donut-empty-word:after{content:"";position:absolute;width:5px;height:20px;left:0;top:0;bottom:0;margin:auto}.donut-word .donut-total-word{color:#323b43}.donut-word .donut-total-word:after{background:#323b43}.donut-word .donut-use-word{color:#fb9515}.donut-word .donut-use-word:after{background:#fb9515}.donut-word .donut-empty-word{color:#76b852}.donut-word .donut-empty-word:after{background:#76b852}