gdhb/WebRoot/pages/monitor/css/page_fjjz_hebei.css

/* CSS Document */
body {	
	background-color: #fff;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	margin: 0px; padding:0px;
}
@font-face {
    font-family: 'fontNameRegular';
    src: url('/resource/fonts/DS-DIGIT-webfont.eot');
    src: local('/resource/fonts/DS-DIGIT-webfont Regular'), 
              local('/resource/fonts/DS-DIGIT-webfont'), 
url('/resource/fonts/DS-DIGIT-webfont.woff') format('woff'), 
url('/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'), 
url('/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
    font-size: 20px;
	font-weight: bolder;
} 
a:link {
    color: #fff;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #ffefc0;
}
a:active {
    text-decoration: none;
    color: #ffefc0;
}
li{
	list-style:none;
	
}
.all{
    backgroun: #fff;
	float: left;
	height: 864px;
	width: 1899px;
}
.fanstate_a{
	height:34px;
	width:1899px;
	float:left;
	background:#fff;
	padding-top: 6px;
}
.white_out, .white_over, .blue_out, .blue_over, .green_out, .green_over, .red_out, .red_over, .orange_out, .orange_over, .pink_out, .pink_over, .black_out, .black_over{
	width::187px;
	height:28px;
	padding-left:69px;
	float:left;
}
.blue_out, .blue_over, .green_out, .green_over,.red_out, .red_over, .orange_out, .orange_over, .pink_out, .pink_over, .black_out, .black_over{
	margin-left:20px;}	
.white_out, .white_over{
	margin-left:1px;}
.white_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_white.png) no-repeat top left;}
.white_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_white1.png) no-repeat top left;}
.blue_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_blue.png) no-repeat top left;	}
.blue_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_blue1.png) no-repeat top left;	}
	.green_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_green.png) no-repeat top left;	}
.green_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_green1.png) no-repeat top left;	}
	.red_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_red.png) no-repeat top left;	}
.red_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_red1.png) no-repeat top left;	}
	.orange_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_orange.png) no-repeat top left;	}
.orange_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_orange1.png) no-repeat top left;	}
	.pink_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_pink.png) no-repeat top left;	}
.pink_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_pink1.png) no-repeat top left;	}
	.black_out{
	background:url(/resource/images/hbsj/page_fjjz_bot_black.png) no-repeat top left;	}
.black_over{
	background:url(/resource/images/hbsj/page_fjjz_bot_black1.png) no-repeat top left;	}

.top_out_l{
	width:120px;
	height:28px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	font:14px/28px "Microsoft Yahei";

}
.top_out_r{
	width:65px;
	height:28px;
	float:left;
	color: #FFFFFF;
	text-decoration: none;
	font:bold 16px/28px "Microsoft Yahei";	
}
.top_out_l1{
	width:120px;
	height:28px;
	float:left;
	color: #000;
	text-decoration: none;
	font:14px/28px "Microsoft Yahei";

}
.top_out_r1{
	width:65px;
	height:28px;
	float:left;
	color: #000;
	text-decoration: none;
	font:bold 16px/28px "Microsoft Yahei";	
}
.bottom_box{
	width:1898px;
	margin_left:1px;
	float:left;
	height:824px;
}
.bottom_box1, .bottom_box2, .bottom_box3{
	width:1898px;
	float:left;
	margin-left:1px;
}
.bottom_box1{
	height:193px;
}
.bottom_box2{
	height:265;
}
.bottom_box3{
	height:68px;
}

.bottom_box1_right_top{
		width:1896px;
		height:27px;
		border:1px solid #3d67a2;
		background:#3d67a2;
		float:left;}
.bottom_box_right_top_left1{
	height:27px;
	width:147px;
	background:url(/resource/images/hbsj/bottom_box_right_top_left.png) repeat-x left top;
	float:left;
	font:bold 16px/27px  "Microsoft YaHei";
	text-align:center;
	color:#3d67a2;
}

.bottom_box_right_top_right_box{
	width:216px;
	height:24px;
	margin-top:3px;
	float:left;
background:#fff;
}
.bottom_box_right_top_right_box1_left{
	width:90px;
height:24px;
font:12px/24px "Microsoft YaHei";
float:left;
text-align:right;
padding-right:10px;
	border-left:1px solid #9eb3d0;
	color:#3d67a2;

}

.bottom_box_right_top_right_box1_center{
	width:53px;
	height:24px;
	font:bold 12px/24px "Microsoft YaHei";
float:left;
text-align:left;
padding-left:10px;
color:#000;border-left:1px solid #9eb3d0;}
.bottom_box_right_top_right_box1_right{
	width:45px;
	height:24px;
	font:12px/24px "Microsoft YaHei";
float:left;
text-align:left;
padding-left:6px;color:#3d67a2;}

.matrix_box{
	width:1898px;
	margin-top:3px;
	float:left;
	height:69px;
	overflow:hidden;
	}
.martix_box_left{
	width:27px;
	margin-right:6px;
	float:left;}
.martix_box_lefttop{
	width:27px;
	height:10px;
	background:url(/resource/images/hbsj/page_fjjz_hb_lefttop.png) no-repeat left top;
}
.martix_box_leftcenter{
	width:22px;
	height:44px;
	background:#3d67a2;
	color:#fff;
	font:bold 14px/18px "Microsoft YaHei";
	padding-left:5px;
	padding-top:5px;
}
.martix_box_leftcenter1{
	width:27px;
	height:13px;
	background:#3d67a2;
}
.martix_box_leftbottom{
	width:27px;
	height:10px;
	background:url(/resource/images/hbsj/page_fjjz_hb_leftbottom.png) no-repeat left top;
}
.martix_box_bottom{
	width:1865px;
	float:left;}
.matrix_white a, .matrix_white a:hover, .matrix_white a:active, .matrix_blue a, .matrix_blue a:hover, .matrix_blue a:active, .matrix_green a, .matrix_green a:hover, .matrix_green a:active, .matrix_red a, .matrix_red a:hover, .matrix_red a:active, .matrix_orange a, .matrix_orange a:hover, .matrix_orange a:active, .matrix_pink a, .matrix_pink a:hover, .matrix_pink a:active, .matrix_black a, .matrix_black a:hover, .matrix_black a:active, .matrix_none a:hover, .matrix_none a:active{
width:74px;
height:33px;
float:left;
font:bold 12px/33px Arial, Helvetica, sans-serif;
color:#fff;
text-indent:35px;
margin-right:3px;
margin-bottom:3px;}
.matrix_white a{background:url(/resource/images/hbsj/hb_white1.png)  no-repeat left top;}
.matrix_white a:hover{background:url(/resource/images/hbsj/hb_white2.png) no-repeat left top;}
.matrix_white a:active{background:url(/resource/images/hbsj/hb_white3.png) no-repeat left top;}
.matrix_blue a{background:url(/resource/images/hbsj/hb_blue1.png) no-repeat left top;}
.matrix_blue a:hover{background:url(/resource/images/hbsj/hb_blue2.png) no-repeat left top;}
.matrix_blue a:active{background:url(/resource/images/hbsj/hb_blue2.png) no-repeat left top;}
.matrix_green a{background:url(/resource/images/hbsj/hb_green1.png) no-repeat left top;}
.matrix_green a:hover{background:url(/resource/images/hbsj/hb_green2.png) no-repeat left top;}
.matrix_green a:active{background:url(/resource/images/hbsj/hb_green2.png) no-repeat left top;}
.matrix_red a{background:url(/resource/images/hbsj/hb_red1.png) no-repeat left top;}
.matrix_red a:hover{background:url(/resource/images/hbsj/hb_red2.png) no-repeat left top;}
.matrix_red a:active{background:url(/resource/images/hbsj/hb_red2.png) no-repeat left top;}
.matrix_orange a{background:url(/resource/images/hbsj/hb_orange1.png) no-repeat left top;}
.matrix_orange a:hover{background:url(/resource/images/hbsj/hb_orange2.png) no-repeat left top;}
.matrix_orange a:active{background:url(/resource/images/hbsj/hb_orange2.png) no-repeat left top;}
.matrix_pink a{background:url(/resource/images/hbsj/hb_pink1.png) no-repeat left top;}
.matrix_pink a:hover{background:url(/resource/images/hbsj/hb_pink2.png) no-repeat left top;}
.matrix_pink a:active{background:url(/resource/images/hbsj/hb_pink2.png) no-repeat left top;}
.matrix_black a{background:url(/resource/images/hbsj/hb_black1.png) no-repeat left top;}
.matrix_black a:hover{background:url(/resource/images/hbsj/hb_black2.png) no-repeat left top;}
.matrix_black a:active{background:url(/resource/images/hbsj/hb_black2.png) no-repeat left top;}
.matrix_none a{background:url(/resource/images/hbsj/hb_none1.png) no-repeat left top; color:#b0b0b0;width:74px;
height:33px;
float:left;
font:bold 12px/33px Arial, Helvetica, sans-serif;
text-indent:35px;
margin-right:3px;
margin-bottom:3px;
text-indent:35px;}
.matrix_none a:hover{background:url(/resource/images/hbsj/hb_none2.png) no-repeat left top;color:#b0b0b0;}
.matrix_none a:active{background:url(/resource/images/hbsj/hb_none2.png) no-repeat left top;color:#b0b0b0;}