*{border:0;margin:0;padding:0;outline:none;list-style:none outside;box-sizing:border-box}body,html{background:#f6f8fa url(/background.png) top;color:#3f4347;font-size:12px;font-family:sans-serif;line-height:1;position:relative}a{text-decoration:none;color:inherit}.container{max-width:980px;margin-left:auto;margin-right:auto;padding:0 10px}#app{padding-top:75px}#header{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.05);border-bottom:1px solid #e3e4e6;z-index:10}#header .container{display:flex;justify-content:space-between;align-items:center;height:55px}#header .logo{font-size:18px;font-weight:700;color:#319848}#header .navi{font-size:14px}#header .navi a{color:#838b90;transition:color .3s ease-out;margin-left:15px}#header .navi a:hover{color:#4b9b5d}#uptime{background:#fff;border:1px solid #e3e4e6;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.05);overflow:hidden;margin-top:5rem}#uptime .item{padding:18px 20px;border-bottom:1px solid #e7e8e9}#uptime .item:last-child{border-bottom:none}#uptime .loading{background:url(/loading.svg) 50%/40px 40px no-repeat;height:100px}#uptime .item:hover{background-color:#fffdf5}#uptime .meta{justify-content:space-between;margin-bottom:8px}#uptime .meta,#uptime .meta .info{display:flex;align-items:center}#uptime .meta .name{font-size:16px;line-height:20px;color:#5a606b}#uptime .meta .link{background:url(/link.svg) 50%/100% 100% no-repeat;width:13px;height:13px;margin-left:6px;opacity:.6;text-indent:-99999px;transition:opacity .3s ease-out}#uptime .meta .link:hover{opacity:1}#uptime .meta .status{background:0/14px auto no-repeat;padding-left:20px;font-size:14px}#uptime .meta .status.ok{background-image:url(/success.svg);color:#28a745}#uptime .meta .status.down{background-image:url(/fail.svg);color:#d9534f}#uptime .meta .status.unknow{background-image:url(/question.svg);color:#6a737d}#uptime .timeline{height:35px;display:flex;justify-content:space-between;margin-bottom:10px}#uptime .timeline i{flex-grow:1;margin:0 1px;cursor:pointer}#uptime .timeline i:hover{opacity:.6}#uptime .timeline i.ok{background:#9fd8ac}#uptime .timeline i.none{background:#f3f3f3}#uptime .timeline i.down{background:#f29571}#uptime .tooltip{font-size:12px!important;padding:10px 9px!important;border-radius:4px!important}#uptime .foot{display:flex;justify-content:space-between;line-height:15px;color:#999fa6}#footer{text-align:center;font-size:12px;line-height:1.8;color:#999fa6;padding:20px 0}#footer a{color:#58ad6a;font-weight:700}.tab-list{padding:0;display:flex;flex-basis:auto}.tab-content{padding:0 1rem}.tab-content p{text-align:justify}li.tab-item{flex-grow:1;list-style-type:none;padding:1rem 2rem;background-color:#b2beb5;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;transition:all .5s ease;text-align:center}li.tab-item.active,li.tab-item:hover{background-color:#76fa97}