@charset "UTF-8";body{font-family:Tahoma;min-width:97vw;min-height:89vh;overflow:auto}#WebMenu > div{float:left;height:6vh}#ToolMenu ul,#ToolMenu li,#ToolMenu span,#ToolMenu buton{border:0;margin:0;padding:0;position:relative}#ToolMenu{width:10vw}#ToolMenu:after,#ToolMenu ul:after{content:'';display:block;clear:both}#btnMenu{border-bottom:10px}#ToolMenu button img{width:8vw;height:5vh;margin-left:-18px}#ToolMenu ul{list-style:none;background-color:rgba(255,255,255,0)}#ToolMenu > ul{float:left}#ToolMenu > ul > li{float:left}#ToolMenu > ul > li.active button,#ToolMenu > ul > li:hover > button{display:block;line-height:6vh;padding:1px 25px}#ToolMenu .has-sub{z-index:1;text-align:center;line-height:2vh}#ToolMenu .has-sub:hover > ul{display:block}#ToolMenu .has-sub ul{display:none;left:0}#ToolMenu .has-sub ul li button{background-color:#EEE;padding:1px;font-size:2vh;color:#000;border-width:3px;border-bottom:1px solid #000;box-shadow:inset 0 1px 0 #000}#ToolMenu .has-sub ul li:hover button/*,#ToolMenu .has-sub ul li:active button*/{box-shadow:1px 1px 5px 1px rgba(0,0,0,1) inset}#ToolMenu .has-sub .has-sub:hover > ul{display:block}#ToolMenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#ToolMenu .has-sub .has-sub ul li button{box-shadow:none}#ToolMenu .has-sub .has-sub ul li button:hover{box-shadow:1px 1px 5px 1px rgba(0,0,0,1) inset}#Oper_Mode,#Work_Page{width:41.5vw;background-color:#0000E1;color:#fff;line-height:6vh;text-align:center;font-size:12pt;font-weight:700}#Buzzer{width:4vw;height:6vh;background-color:red}#Page_Draw,#Page_Circular,#Page_Digit,#Page_Alarm,#Page_Status,#Page_Overview{float:left;width:97vw;height:89vh;min-width:97vw;min-height:89vh}#CanvasCircular{float:left;width:87vw;height:89vh}#Right_Digit{float:right;width:10vw}.Right_Digit_Alias{text-align:left;font-size:1.5vh}.Right_Digit_Val{text-align:center;font-size:3.8vh}.Right_Digit_Unit{text-align:right;font-size:1.5vh}#Page_Alarm{width:96.5vw;background-color:#fff;overflow:hidden;border:1px solid #000;margin:3px}#AlarmTitle td{padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#AlarmContent{width:100%;height:85.5vh;overflow-y:auto}#Alarm_Green{background-color:green}#Alarm_Red{background-color:red}#Alarm_Gray{background-color:gray}.AlarmNO,.AlarmActTime,.AlarmAck,.AlarmType,.AlarmName{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AlarmNO{width:8.4vw}.AlarmActTime{padding-left:8px;width:14.9vw}.AlarmAck{padding-left:8px;width:7.9vw}.AlarmType{padding-left:8px;width:13vw}.AlarmName{padding-left:8px;width:18vw}.AlarmVal{padding-left:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#Page_Status{width:96.5vw;background-color:#fff;border:1px solid #000;margin:3px}#StatusTabMenu{list-style:none;list-style-position:outside;margin-left:-38px;margin-top:10px;margin-bottom:-15px}#StatusTabMenu li{display:inline}#StatusTabMenu li a{text-decoration:none;font-weight:700;padding:5px 10px;margin-right:-5px;background:#EEE;border:1px solid #ddc;border-right:2px solid #666;border-bottom:none;color:#000;cursor:default;line-height:15px;border-top-left-radius:5px;border-top-right-radius:6px}#StatusTabMenu li a:focus{padding:9px 15px 5px 10px;margin-left:-.1em;background:#EEE;color:#000}#StatusTitle{margin-left:-1px;margin-top:20px}#StatusTitle td{padding-left:5px}.StatusNO,.StatusName,.StatusVal{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StatusNO{width:7.9vw}.StatusName{padding-left:8px;width:19.2vw}.StatusVal{padding-left:8px;width:19vw}.StatusDesp{padding-left:: 8px}#Page_Overview{background-color:#fff}#Top_Digit,#Bottom_Digit{width:97vw}#CanvasTmp,#CanvasFg,#CanvasBg{width:97vw;height:69vh}#CanvasTmp,#CanvasBg{display:none}#Canvas_Draw{float:left}.Digit_Alias{text-align:left;font-size:2vh;float:left}.Digit_Val{text-align:center;font-size:4.8vh;float:left}.Digit_Unit{text-align:right;font-size:2vh;float:left}#Overview_Control{width:10vw;height:89vh}#Overview_Control button{width:10vw;height:10vh}#Overview_Control img{width:6vw;height:8vh}#Overview_Control{float:left}#Overview_Table{widows:87vw;height:89vh}.OverviewBtn{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f9f9f9),color-stop(1,#e9e9e9));background:-moz-linear-gradient(top,#f9f9f9 5%,#e9e9e9 100%);background:-webkit-linear-gradient(top,#f9f9f9 5%,#e9e9e9 100%);background:-o-linear-gradient(top,#f9f9f9 5%,#e9e9e9 100%);background:-ms-linear-gradient(top,#f9f9f9 5%,#e9e9e9 100%);background:linear-gradient(to bottom,#f9f9f9 5%,#e9e9e9 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e9e9e9',GradientType=0);background-color:#f9f9f9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #888;display:inline-block;cursor:pointer}.OverviewBtn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#e9e9e9),color-stop(1,#f9f9f9));background:-moz-linear-gradient(top,#e9e9e9 5%,#f9f9f9 100%);background:-webkit-linear-gradient(top,#e9e9e9 5%,#f9f9f9 100%);background:-o-linear-gradient(top,#e9e9e9 5%,#f9f9f9 100%);background:-ms-linear-gradient(top,#e9e9e9 5%,#f9f9f9 100%);background:linear-gradient(to bottom,#e9e9e9 5%,#f9f9f9 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9',endColorstr='#f9f9f9',GradientType=0);background-color:#e9e9e9}.OverviewBtn:active{position:relative;top:1px}