@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;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/*common*/
body{font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#505050; background:#eaeef0}
a{text-decoration:none;color:#505050;cursor:pointer;}
a:hover{text-decoration:none;color:#0d5cac;}


/*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;}
.mod_box .hd,.mod_box .tab_ctrl .current,.btn_x,.btn_x_2 b{background-image:url("../../../image/monitor/v3/repeat.png");}
#nav_wrap{position:absolute; top:0px; height:40px; line-height:40px; left:300px;}
/*container*/

/*header*/
#header .top{background:#364860}
#header .top_bg{position:relative;display:block;height:40px;overflow:hidden;}
#header .logo{float:left;position:relative; color:#fff; font-size:14px; font-weight:normal}
#header .logo {height: 40px; background:url(../../../image/monitor/v3/logo.png) no-repeat; padding-left:210px; }
#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; right:15px}
#header .site_links {height:40px;line-height:40px;}
#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:#2a3950}
#nav .current a{background:url(../../../image/monitor/v3/index_menu_bg_dot.png) no-repeat center;}
#nav {overflow:hidden}
#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; width:94px; text-align:center; display:block; height:40px;line-height:40px;font-size:14px;font-weight:normal;font-family:"Microsoft YaHei",微软雅黑,黑体; color:#fff}
#nav li a var{font-size:14px;font-family:"Microsoft YaHei",微软雅黑,黑体;}
#nav li a:hover{text-decoration:none; background:#2a3950}
#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: 16px; height: 60px; position: absolute; background:url(../../../image/monitor/user/shousuo_ico.png) no-repeat;  display:block;}

.open_right{width: 16px; height: 60px; position: absolute; background: url(../../../image/monitor/user/shousuo_ico.png) -0px -60px no-repeat;  display:block;}

.open_left, .open_right{top:50%; margin-top:-30px;}


.idx_top {
position: absolute;
overflow:hidden;
background: #ccc;
text-align: center;
left: 0px;
right: 0px;
}



.pageShowCanvas{
	position: absolute!important;
	top: 40px!important;
	height: auto!important;
	position: relative;
	top: -40px;
	_top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background: #eaeef0;
	overflow: hidden;
	
}

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

