gdsx/WebRoot/pages/monitor/css/page_fjjz_new.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;
	
}
.l{float:left;}
.r{float:right;}
.all{
    backgroun: #fff;
	float: left;
	height: 864px;
	width: 1899px;
}
.fanstate_a{
	height:31px;
	width:1899px;
	float:left;
	background:#fff;
	padding-top: 3px;
}
.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, .bottom_box4{
	width:1898px;
	float:left;
	margin-left:1px;
}
.bottom_box1{
	height:460px;
	background:#488ca2;
}
.bottom_box2{
	height:177px;
	margin-top:1px;
	background:#7b9572;
}
.bottom_box3{
	height:108px;
	margin-top:1px;
	background:#b2902c;
}
.bottom_box4{
	height:77px;
	margin-top:1px;
	background:#c18d66;
}
.bottom_box1_left, .bottom_box2_left, .bottom_box3_left, .bottom_box4_left{
	width:20px;
	float:left;
	font:bold 14px/24px "Microsoft YaHei";
	color:#fff;
	padding-left:7px;}
.bottom_box1_left{
	height:262px;
	background:url(/resource/images/hbsj/fjjz_bottom_box1_left.png) no-repeat left top;
	padding-top:198px;
}
.bottom_box2_left{
	height:138px;
	background:url(/resource/images/hbsj/fjjz_bottom_box2_left.png) no-repeat left top;
	padding-top:39px;
}
.bottom_box3_left{
	height:91px;
	background:url(/resource/images/hbsj/fjjz_bottom_box3_left.png) no-repeat left top;
	padding-top:17px;
}
.bottom_box4_left{
	height:63px;
	background:url(/resource/images/hbsj/fjjz_bottom_box4_left.png) no-repeat left top;
	padding-top:14px;
}
.bottom_box1_right, .bottom_box2_right, .bottom_box3_right, .bottom_box4_right{
	width:1869px;
	float:left;}
.bottom_box1_right{
	height:460px;}
.bottom_box2_right{
	height:177px;}	
.bottom_box3_right{
	height:108px;}	
.bottom_box4_right{
	height:78px;}
	
.bottom_box1_right_box1{width:1870px;height:68px;margin-top:1px;}
.bottom_box1_right_box2{width:1870px;height:99px;margin-top:1px;}
.bottom_box1_right_box3{width:1870px;height:37px;margin-top:1px;}
.bottom_box1_right_left1{background:#b7e2ef; width:82px; font-size:14px; font-weight:bold; color:#488ca2; text-align:center;}
.bottom_box1_right_left2{background:#d6e7c0; width:82px; font-size:14px; font-weight:bold; color:#7b9572; text-align:center;}
.bottom_box1_right_left3{background:#eadfbf; width:82px; font-size:14px; font-weight:bold; color:#b2902c; text-align:center;}
.bottom_box1_right_left4{background:#eddbcc; width:82px; font-size:14px; font-weight:bold; color:#c18d66; text-align:center;}
.bottom_box1_right_left_t1{	line-height:68px;}
.bottom_box1_right_left_t2{	line-height:99px;}
.bottom_box1_right_left_t3{	line-height:37px;}

.bottom_box1_right_rightbox1{width:1786px;height:64px; overflow:hidden;background:#fff;padding-top:4px;padding-left:2px;}
.bottom_box1_right_rightbox2{width:1786px;height:95px; overflow:hidden;background:#fff;padding-top:4px;padding-left:2px;}
.bottom_box1_right_rightbox3{width:1786px;height:33px; overflow:hidden;background:#fff;padding-top:4px;padding-left:2px;}


.matrix_white, .matrix_blue, .matrix_deepblue, .matrix_green, .matrix_red, .matrix_orange, .matrix_pink, .matrix_black, .matrix_deepblack{
width:52px;
height:29px;
float:left;
font:bold 12px/29px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
margin-left:2px;
margin-bottom:2px;}
.matrix_white a:hover, .matrix_white a:active, .matrix_blue a:hover, .matrix_deepblue a:active, .matrix_deepblue a:hover, .matrix_blue a:active, .matrix_green a:hover, .matrix_green a:active, .matrix_red a:hover, .matrix_red a:active, .matrix_orange a:hover, .matrix_orange a:active, .matrix_pink a:hover, .matrix_pink a:active, .matrix_black a:hover, .matrix_black a:active, .matrix_deepblack a:hover, .matrix_deepblack a:active, .matrix_none a:hover, .matrix_none a:active{
width:52px;
height:29px;
float:left;
font:bold 12px/29px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
margin-bottom:2px;}
.matrix_white{background:#dfdfdf;}
.matrix_white a:hover{background:#d1d1d1;}
.matrix_white a:active{background:#d1d1d1;}
.matrix_blue{background:#00a4da;}
.matrix_blue a:hover{background:#0091c1;}
.matrix_blue a:active{background:#0091c1;}
.matrix_deepblue{background:#2f3e9d;}
.matrix_deepblue a:hover{background:#232e6e;}
.matrix_deepblue a:active{background:#232e6e;}
.matrix_green{background:#6cb20d;}
.matrix_green a:hover{background:#1c842f;}
.matrix_green a:active{background:#1c842f;}
.matrix_red{background:#ca2020;}
.matrix_red a:hover{background:#ae1c1c;}
.matrix_red a:active{background:#ae1c1c;}
.matrix_orange{background:#ff7800;}
.matrix_orange a:hover{background:#cf6100;}
.matrix_orange a:active{background:#cf6100;}
.matrix_pink{background:#ed4fb9;}
.matrix_pink a:hover{background:#920969;}
.matrix_pink a:active{background:#920969;}
.matrix_black{background:#818c94;}
.matrix_black a:hover{background:#414141;}
.matrix_black a:active{background:#414141;}
.matrix_deepblack{background:#2b2c31;}
.matrix_deepblack a:hover{background:#000;}
.matrix_deepblack a:active{background:#000;}
.matrix_none a{background:#ffffff; color:#ffffff;width:52px;
height:33px;
float:left;
font:bold 12px/33px Arial, Helvetica, sans-serif;
text-align:center;
margin-left:2px;
margin-bottom:2px;}
.matrix_none a:hover{background:#ffffff;color:#ffffff;}
.matrix_none a:active{background:#ffffff;color:#ffffff;}