@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/*common*/
body{font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#505050;}


/*sprite bg*/
#nav_wrap .customer a,#nav_wrap .device a,#nav_wrap .more a,#nav_wrap .txt,
#header .site_links .msg,.btn_x .bg_l,.btn_x .bg_r,.btn_drop,#nav .monitor b,.btn_x_2,.btn_x_2 span,.btn_white{background:url("../../../image/monitor/v3/global.png") no-repeat;}
#nav_wrap,.mod_box .hd,.mod_box .tab_ctrl .current,.btn_x,.btn_x_2 b{background-image:url("../../../image/monitor/v3/repeat.png");}
/*container*/
.container{border:1px solid #4c82da; height:100%;}
.container .con_a{display:block;border:3px solid #406cd1; height:100%;}
.container .con_b{display:block;border:1px solid #4c82da; height:100%;}
.container .con_c{display:block;border:1px solid #254cb4; height:100%;}
/*header*/
#header .top{border-bottom:1px solid #3362a6;background-position:0 -91px; background:#2c446e}
#header .top_bg{position:relative;display:block;height:60px;overflow:hidden;background:url(../../../image/monitor/v3/top_1.png) no-repeat;}
#header .logo{float:left;position:relative; color:#fff; font-size:14px; font-weight:normal}
#header .logo {width: 80px;height: 37px; background:url(../../../image/monitor/v3/logo.png) no-repeat; padding-left:310px; padding-top:22px;}
#header .company{position:absolute;left:220px;z-index:1;padding-top:19px;overflow:hidden;}
#monitor .company{}
#header .company span{display:block;height:22px;overflow:hidden;line-height:1.5;color:#fff;font-size:16px;}
#header .site_bga{right:0;position:absolute;z-index:99;margin:13px 12px 0 0;padding-left:6px;background-position:0 -47px;}
#header .site_bgb{float:left; }
#header .site_links {float:left;height:34px;line-height:34px;padding:0 4px;font-weight:normal;background:url(../../../image/monitor/v3/index_right_bg.png) no-repeat; width:315px; height:37px; padding-left:15px;}
#header .site_links li{float:left;color:#fff;}
#header .site_links a{color:#fff;text-decoration: none;}
#header .site_links a:hover{text-decoration:underline;text-decoration: none;}
#header .site_links .sep{padding:0 6px;}
#header .site_links .user a{font-weight:bold;}
#header .site_links .msg{width:35px;text-align:center;background-position:-203px 6px;}
#header .site_links .msg a{color:#ff2a00;} 
/*nav*/
#nav .current {background:url(../../../image/monitor/v3/repeat.png) repeat-x 0 -46px; display:block}
#nav .current a{background:url(../../../image/monitor/v3/index_menu_bg_dot.png) no-repeat center;}
#nav {height:33px;padding-bottom:3px;}
#nav li{float:left;display:inline;margin-left:35px;padding-left:6px;}
#nav li span{float:left;padding-right:4px}
#nav li a{float:left;padding:0 7px 0 7px;height:33px;line-height:30px;font-size:16px;font-weight:normal;font-family:"Microsoft YaHei",微软雅黑,黑体; }
#nav li a var{font-size:16px;font-family:"Microsoft YaHei",微软雅黑,黑体;}
#nav .current span{background-position:right 0;}
#nav .current a{color:#fff;}
#nav .monitor b{float:left;width:19px;height:33px;background-position:-120px -33px;}
#nav_wrap .search{position:absolute;top:2px;right:14px;padding-top:1px;padding-right:0px;}
#nav_wrap .search li{float:left;font-weight:normal;margin-left:5px;}
#nav_wrap .txt{padding-left:29px;background-position:-222px -90px;border:1px solid #99a6b8;background-color:#fff;}
#nav_wrap .txt input{width:200px;height:14px;padding:6px 4px;*padding:5px 4px;border:none;color:rgb(190,190,190);}
#nav_wrap .customer a{display:inline-block;width:53px;height:28px;line-height:28px;text-align:center;color:#000;background-position:-15px 0;}
#nav_wrap .device a{display:inline-block;width:56px;height:28px;line-height:28px;text-align:center;color:#fff;background-position:-78px 0;}
#nav_wrap .device a:hover{background-position:0 -126px;}
#nav_wrap .search .more{margin-left:0px;}
#nav_wrap .more a{display:inline-block;width:26px;height:28px;line-height:28px;background-position:-134px 0;}
#nav_wrap .more a:hover{background-position:-56px -126px;}

.open_left{width: 11px; height: 53px; position: absolute; background: url(../../../image/monitor/user/mini-left.gif) -11px 0px no-repeat;  display:block;}

a.open_left:hover{ background: url(../../../image/monitor/user/mini-left.gif) 0px 0px no-repeat; }

.open_right{width: 11px; height: 53px; position: absolute; background: url(../../../image/monitor/user/mini-left.gif) -22px 0px no-repeat;  display:block;}

a.open_right:hover{ background: url(../../../image/monitor/user/mini-left.gif) -33px 0px no-repeat; }
.open_left, .open_right{top:45% !important; _top:35%;}


.idx_top {
position: absolute;
height: 97px;
background: #ccc;
text-align: center;
left: 5px;
right: 6px;
}


.pageShowCanvas{
	position: absolute!important;
	top: 103px!important;
	height: auto!important;
	position: relative;
	top: -103px;
	_top: 0px;
	height: 100%;
	bottom: 0px;
	right: 6px;
	left: 5px;
	background: #8C98AE;
	overflow: hidden;
	
}

.cpageShowCanvas{
	position: absolute!important;
	top: 4px!important;
	height: auto!important;
	width: auto!important;
	position: relative;
	top: -4px;
	_top: 0px;
	height: 100%;
	bottom: 0px;
	right: 5px;
	left: 5px;
	background: #8C98AE;
	overflow: hidden;
}

