body {text-align:center; border:0px; margin:0px; padding:0px;overflow-x:hidden; overflow-y:hidden;}
.main_div {margin:0px; padding:0px; width:798px; height:478px; border:1px solid #000; background:url(background.jpg) }
.devlist {position:absolute;top:170px;left:10px;width:740px;height:175px;border:0px solid #000;overflow-y:auto;}
.time_label {position:absolute;top:32px;right:20px;text-align:right;width:260px;height:20px;color:#02a1ff;font-size:15pt;}
.locip {position:absolute;top:457px;right:200px;width:100px;height:20px; color:#3b79ff;font-size:12pt;}
.ver {position:absolute;top:457px;right:60px;width:120px;height:20px;color:#3b79ff;font-size:12pt;}
.back_div {position:absolute; top:58px; left:21px; width:142px; height:36px; background:url(back.png)}
.last_div {position:absolute; top:187px; left:20px; width:35px; height:142px; background:url(last.png)}
.next_div {position:absolute; top:187px; right:20px; width:35px; height:142px; background:url(next.png)}
.data_div {position:absolute;top:89px;left:55px;width:690px;height:362px;}
.pager_div {position:absolute;top:460px;left:349px;width:102px;height:20px;text-align:center}
.pager_table {border:0px; border-spacing:0px;margin: 0 auto; padding:0px;}
.header_table {position:absolute;top:30px;left:0px;width:690px;height:30px;border: 0px solid #fff; border-bottom:1px solid #ffffff;color:#fff; font-size:14pt;overflow:hidden;}
.header_table_label{width:140px;margin-top:10px;overflow:hidden;}
.header_table_num{width:90px;margin-top:10px;overflow:hidden;}
.data_table_area{position:absolute;top:66px;width:690px;height:270px;left:0px;overflow-x:hidden;overflow-y:auto;}
.data_table {border: 0px solid #fff; color:#fff; font-size:14pt;}
.tabletitle {position:absolute;top:0px;left:260px;font-size:20px;font-weight:bold;color:#ffffff;}
.datahead {border:0px solid #fff;padding:3px 10px;margin-top:40px;margin-bottom:10px;border-bottom:1px solid #fff;}
.databody {border:0px solid #fff;text-align:left;margin-top:10px;padding-left:5px;color:#0082ff;height:26px;font-size:10pt;height:12px;}
.datatitle {text-align:right;color:#fff;font-weight:bold;padding-right:5px;height:26px;font-size:10pt;height:12px;}
.datatime {position:absolute;right:5px;bottom:5px;}
.sta_normal {color:#60ff4d;}
.sta_alarm {color:#ff4646}
.pager_td {width:17px;height:17px;border:0px;margin:1px; border-spacing:0px;margin: 0px; padding:0px;background:no-repeat url(00.png);}
.current_page {background:no-repeat url(01.png)}
.hidden {display:none;}
.shown {display:block;}
.dialog {position:absolute;top:0px;left:0px;border:0px;padding:0px;margin:0px; padding:0px; width:800px; height:480px;background:rgba(0,0,0,.6);display:none;z-index:1000;}
.dialog2 {position:absolute;top:0px;left:0px;border:0px;padding:0px;margin:0px; padding:0px; width:800px; height:480px;background:rgba(0,0,0,.6);display:none;z-index:1000;}
.devform {position:absolute; top:70px; left:150px; border: 2px solid #fff; border-radius:25px; -moz-border-radius:25px; width:500px; height:340px; background:rgba(47,79,79,.7);}
.pnoform {position:absolute; top:50px; left:150px; border: 2px solid #fff; border-radius:25px; -moz-border-radius:25px; width:500px; height:380px; background:rgba(47,79,79,.7);}
.app_set {position:absolute; top:100px; left:21px; border: 1px solid rgba(49,233,255,.2); width:758px; height:356px; overflow:hidden; background: rgba(0,0,0,.8);z-index:500;display:block;}
.sys_set {position:absolute; top:100px; left:21px; border: 1px solid rgba(49,233,255,.2); width:758px; height:356px; overflow:hidden; background: rgba(0,0,0,.8);z-index:500;display:none;}
.pno_set {position:absolute; top:100px; left:21px; border: 1px solid rgba(49,233,255,.2); width:758px; height:356px; overflow:hidden; background: rgba(0,0,0,.8);z-index:500;display:none;overflow-y:auto;overflow-x:hidden;}
.ef_set {position:absolute; top:100px; left:21px; border: 1px solid rgba(49,233,255,.2); width:758px; height:356px; overflow:hidden; background: rgba(0,0,0,.8);z-index:500;display:none;}
.on_tab {background: rgba(0,0,0,.8); z-index:501;}
.app_tab {position:absolute; top:58px; left:21px; padding-top:10px; text-align:center; color: #fff; width:100px; height:32px; border-left: 1px solid rgba(49,233,255,.2); border-top:1px solid rgba(49,233,255,.2);border-right:1px solid rgba(49,233,255,.2);z-index:501;cursor:pointer;}
.sys_tab {position:absolute; top:58px; left:130px; padding-top:10px; text-align:center; color: #fff; width:100px; height:32px; border-left: 1px solid rgba(49,233,255,.2); border-top:1px solid rgba(49,233,255,.2);border-right:1px solid rgba(49,233,255,.2);z-index:499;cursor:pointer;background: rgbz(255,255,255,.3);}
.pno_tab {position:absolute; top:58px; left:239px; padding-top:10px; text-align:center; color: #fff; width:100px; height:32px; border-left: 1px solid rgba(49,233,255,.2); border-top:1px solid rgba(49,233,255,.2);border-right:1px solid rgba(49,233,255,.2);z-index:499;cursor:pointer;background: rgbz(255,255,255,.3);display:none;}
.ef_tab {position:absolute; top:58px; left:348px; padding-top:10px; text-align:center; color: #fff; width:100px; height:32px; border-left: 1px solid rgba(49,233,255,.2); border-top:1px solid rgba(49,233,255,.2);border-right:1px solid rgba(49,233,255,.2);z-index:499;cursor:pointer;background: rgbz(255,255,255,.3);display:none;}
