@import url(https://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:400&display=swap);@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);body{margin:0;font-family:"Ubuntu","Noto Sans TC","Noto Sans SC";font-size:12.5px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{flex-direction:row;display:flex;justify-content:flex-start}.App .Left{flex-direction:column;display:flex;height:100vh;flex-basis:30%;background-color:rgba(0,0,0,.8);min-width:320px;max-width:320px;position:static;left:0;border-right:1px solid hsla(0,0%,100%,.05)}.App .Left .RefreshBtn{margin:1rem 1rem 1rem .5rem;width:80px;background-color:rgba(0,0,0,.8);color:hsla(0,0%,100%,.8);border-width:0!important;border-radius:1rem!important;transition:background-color .25s ease-in-out;font-size:12px}.App .Left .RefreshBtn:hover{background-color:rgba(229,159,41,.25)}.App .Left .Group{display:flex;flex-direction:row;margin-top:.5rem;margin-bottom:2rem;flex-wrap:wrap}.App .Left .Group .GHLBtn{background-color:rgba(0,0,0,.2);color:hsla(0,0%,100%,.8);border-width:0!important;border-radius:0!important;transition:background-color .25s ease-in-out;font-size:12px;margin:1px 0;flex-basis:calc(50% - 0.5rem - 1px)}.App .Left .Group .GHLBtn:hover{background-color:rgba(229,159,41,.25)}.App .Left .Group .GHLBtn.selected{background-color:rgba(0,0,0,.5)!important;transform:scale(.95);opacity:1!important}.App .Left .Group .GHLBtn:first-child{border-top-left-radius:.5rem!important;overflow:hidden}.App .Left .Group .GHLBtn:nth-child(2){border-top-right-radius:.5rem!important;overflow:hidden}.App .Left .Group .GHLBtn:nth-child(7){border-bottom-left-radius:.5rem!important;overflow:hidden}.App .Left .Group .GHLBtn:nth-child(8){border-bottom-right-radius:.5rem!important;overflow:hidden}.App .Left .Group .GHLBtn.High50{background-color:rgba(57,194,127,.125)}.App .Left .Group .GHLBtn.Low50{background-color:rgba(206,41,41,.125)}.App .Left .Group .GHLBtn.High100{background-color:rgba(57,194,127,.25)}.App .Left .Group .GHLBtn.Low100{background-color:rgba(206,41,41,.25)}.App .Left .Group .GHLBtn.High150{background-color:rgba(57,194,127,.5)}.App .Left .Group .GHLBtn.Low150{background-color:rgba(206,41,41,.5)}.App .Left .Group .GHLBtn.High200{background-color:#39c27f}.App .Left .Group .GHLBtn.Low200{background-color:#ce2929}.App .Left .GBtn{background-color:rgba(0,0,0,.8);color:hsla(0,0%,100%,.8);border-width:0!important;border-radius:0!important;transition:background-color .25s ease-in-out;font-size:12px;width:80px;margin:.5rem .25rem 1rem auto;border-radius:1rem!important}.App .Left .GBtn:hover{background-color:rgba(229,159,41,.25)}.App .Left .RBtn{background-color:rgba(206,41,41,.25);color:hsla(0,0%,100%,.8);border-width:0!important;border-radius:0!important;transition:background-color .25s ease-in-out;margin-bottom:10px;font-size:12px}.App .Left .RBtn:hover{background-color:rgba(206,41,41,.8)}.App .Left .IHolder{font-size:12px;width:calc(100% - 1rem);margin:0 .5rem;margin-bottom:.5rem!important}.App .Left .IHolder .input-group-text{background-color:rgba(0,0,0,.25);color:hsla(0,0%,100%,.8);border-width:0!important;border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important;font-size:12px;width:80px}.App .Left .IHolder .Input{background-color:hsla(0,0%,100%,.1)}.App .Left .IHolder .Btn,.App .Left .IHolder .Input{color:hsla(0,0%,100%,.8);border-width:0!important;border-radius:0!important;font-size:12px}.App .Left .IHolder .Btn{background-color:rgba(0,0,0,.8);transition:background-color .25s ease-in-out}.App .Left .IHolder .Btn:hover{background-color:rgba(229,159,41,.25)}.App .Left .Row{border-bottom:1px solid hsla(0,0%,97.6%,.1);color:hsla(0,0%,100%,.8);cursor:pointer;flex-direction:row;display:flex;background-color:rgba(229,159,41,0);transition:background-color .25s ease-in-out}.App .Left .Row .Box{flex-basis:25%;padding:0;text-align:center}.App .Left .Row .Box.green{color:rgba(57,194,127,.75)}.App .Left .Row .Box.red{color:rgba(206,41,41,.75)}.App .Left .Row:hover{background-color:rgba(229,159,41,.25)}.App .Left .Row.selected{background-color:rgba(229,159,41,.5)}.App .Left .Row.hsi{background-color:rgba(63,149,247,.25)}.App .Left .Row.title{background-color:rgba(0,0,0,.9);position:-webkit-sticky;position:sticky;top:0;padding:5px 0}.App .Right{flex-direction:column;display:flex;height:100vh;flex-grow:1;background-color:rgba(0,0,0,.75)}.App .Right .Top{height:250px;width:100%;min-height:250px;background-color:rgba(0,0,0,.8)}.App .Right .Bottom{flex-grow:1;flex-direction:row;display:flex;max-height:calc(100vh - 250px);overflow:auto;background-color:rgba(0,0,0,.5)}.App .Right .Bottom .Docker{min-width:300px;height:100%}.App .Right .Bottom .Docker:last-child{border-right-width:0}.App .Right .Bottom .Docker .Title{background-color:rgba(0,0,0,.9);color:#fff;text-align:center;padding:5px 0;border-right:1px solid hsla(0,0%,100%,.1);cursor:pointer}.Holder{border-bottom:1px solid hsla(0,0%,97.6%,.1);flex-direction:column;display:flex;background-color:rgba(0,0,0,.2)}.Holder .Header{background-color:rgba(0,0,0,.3);color:hsla(0,0%,100%,.7);padding:5px 0;text-align:center;cursor:pointer;border-right:1px solid hsla(0,0%,100%,.05)}.Holder .Container{flex-direction:column;display:flex;transition:visibility,opacity .25s ease-in-out;border-left:1px solid hsla(0,0%,97.6%,.1);border-right:1px solid hsla(0,0%,97.6%,.1)}.Holder .Container.Show{visibility:visible;opacity:1;height:auto}.Holder .Container.Hide{visibility:hidden;opacity:0;height:0}.Holder .Container .Record{flex-direction:row;display:flex;padding:2.5px 0;border-bottom:1px solid hsla(0,0%,97.6%,.1);cursor:pointer;transition:background-color .25s ease-in-out}.Holder .Container .Record:hover{background-color:rgba(229,159,41,.25)}.Holder .Container .Record:last-child{border-bottom-width:0}.Holder .Container .Record.Selected{background-color:rgba(229,159,41,.3)}.Holder .Container .Record .Data{color:hsla(0,0%,100%,.7);font-size:100%;text-align:center;flex-basis:20%}.Holder .Container .Record .Data.green{color:rgba(57,194,127,.75)}.Holder .Container .Record .Data.red{color:rgba(206,41,41,.75)}.Holder .Container .Record .Data.High50{background-color:rgba(57,194,127,.125)}.Holder .Container .Record .Data.Low50{background-color:rgba(206,41,41,.125)}.Holder .Container .Record .Data.High100{background-color:rgba(57,194,127,.25)}.Holder .Container .Record .Data.Low100{background-color:rgba(206,41,41,.25)}.Holder .Container .Record .Data.High150{background-color:rgba(57,194,127,.5)}.Holder .Container .Record .Data.Low150{background-color:rgba(206,41,41,.5)}.Holder .Container .Record .Data.High200{background-color:#39c27f}.Holder .Container .Record .Data.Low200{background-color:#ce2929}.Holder .Container.Title{background-color:rgba(0,0,0,.7)}:export{gnBlackColor:#000;gnGreyColor:#bababa;gnLightColor:#f9f9f9;gnDarkColor:#354149;gnWhiteColor:#fff;gnFrameColor:#3f95f7;gnFrameColor2:#344055;gnFrameColor3:#cfb3cd;gnFrameColor4:#dfc2f2;gnGreenColor:#39c27f;gnRedColor:#ce2929;gnAccentColor:#c300ea;gnAccentColor2:#b7d3f2;gnAccentColor3:#84afe6;gnBadgeColor:#e59f29;gnFont:"Ubuntu","Noto Sans TC","Noto Sans SC"}.Chart-Holder{border-bottom:1px solid hsla(0,0%,97.6%,.1);height:250px;width:100%;max-width:1000px;position:-webkit-sticky;position:sticky;right:0}.Chart-Holder,.Chart-Holder .Btn-Holder{flex-direction:row;display:flex;justify-content:flex-start}.Chart-Holder .Btn-Holder{position:absolute;z-index:99;bottom:5px;left:5px}.Chart-Holder .Btn-Holder .Btn{background-color:rgba(63,149,247,.2);color:hsla(0,0%,100%,.8);border-width:0;border-radius:0;font-size:12px;margin-right:.5rem}.Chart-Holder .Btn-Holder .Btn:hover{background-color:rgba(229,159,41,.8)}.Chart-Holder .Btn-Holder link{visibility:hidden}
/*# sourceMappingURL=main.dee56beb.chunk.css.map */