@charset "utf-8";
body { 
	margin:0; 
	padding:0; 
	width:100%; 
	color:#5f5f5f; 
	font:normal 14px/1.8em Arial, Helvetica, sans-serif; 
	background:url(../images/bg.gif);
	background-repeat:repeat top center;
}

.index1{
	height:240px;

}

input[type="submit"],input[type="bottom"]{
	cursor:pointer;
}
.submit{
	cursor:pointer;
	background-color: #000;
	color:#fff;
	font-size: 14px;
	height:25px;
	border:none;
	font-family: Arial, Helvetica, sans-serif; 
}
html, .main { 
	height:auto;
	padding:0; 
	margin:0; 
	background-color:#fff;
}
.clr { 
	clear:both; 
	padding:0; 
	margin:0; 
	width:100%; 
	font-size:0px; 
	line-height:0px;
}
h1 { 
	margin:0;
	 padding:24px 0 40px 40px; 
	 color:#00aeef; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-style: bold;
	 font-size: 18px;
	 text-transform:uppercase;
	}
h1 a, h1 a:hover { 
	color:#00aeef; 
	text-decoration:none;
}
h1 span { 
	margin:0 4px; 
	padding:26px 6px; 
	color:#fff; 
	background-color:#00aeef;
}
h1 small { 
	padding-left:8px; 
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
}

hr{
	border:solid 1px #BFBFBF;
}
.hl1{
	color:#FF0000;
	font-weight:700;
	font-size: 12px;
}

h2 {
 font:bold 24px Arial, Helvetica, sans-serif; 
 color:#323a3f; 
 padding:8px 0; 
 margin:8px 0;
}
h3 {
 color:#323a3f; 
 padding:8px 0; 
 margin:8px 0;
}
p { 
	margin:8px 0; 
	padding:0 0 8px 0; 
	font:normal 14px/1.8em Arial, Helvetica, sans-serif;
}
a { 
	color:#00aeef; 
	text-decoration:none;
}
img.imgwh { 
	margin:6px 16px 0 0; 
	padding:3px; 
	float:left; 
	border:1px solid #dedede;
}

.header, .hbg, .content, .fbg, .footer, form, ol, ol li, ul { 
	margin:0; 
	padding:0;
}
.content_resize{
	background-color: #F5F5F5;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 4px 5px 0px rgba(204,204,204,1);
box-shadow: 0px 4px 5px 0px rgba(204,204,204,1);

}
.content_resize:hover{
	background-color: #F5F5F5;
}
.title_p{
	background-image: url(../images/bg_title.png);
	background-repeat: no-repeat;
	width:600px;
	height:38px;
}
.title_p span{
	padding-top: 5px;
	margin:10px;
	font-size: 20px;
	color:#fff;
}
.header_resize, .hbg_resize, .content_resize, .fbg_resize, .footer_resize { 
	margin:0 auto; 
	padding:0 40px; 
	width:890px;
}
.slider{
	padding-top: 20px;
	margin:20px;
	height:330px;
}
.content, .fbg { 
	padding:16px 40px;
}

/* header */
.header { 
-webkit-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
box-shadow: 0px 4px 5px 0px rgba(222,222,222,1);
	background:#ebebeb url(../images/header_bg.gif) repeat-x top;
}
.header .logo { 
	position:absolute;
	padding-top:2px;
	width:auto; 
	float:left;
}
.header img.hbgimg { 
	padding:22px 28px 0 0; 
	float:right;
}
.header h2 { 
	margin:0; 
	padding:8px 0 0 0; 
	font:bold 24px/1.5em Arial, Helvetica, sans-serif; 
	color:#fff;
}

/* menu */
.nav_menu { 
	padding-top:0; 
	float:right; 
	width:auto;
	margin-right: -40px;
	border-bottom: solid 5px #00aeef;
}
.nav_menu .nav_title{
	font-size: 16px;
	height:70px;
	color:#00aeef;
}
.nav_menu ul { 
	list-style:none;
}
.nav_menu ul li {
	margin:0;
	padding:0 2px; 
	float:left;
}
.nav_menu ul li a { 
	display:block; 
	margin:0; 
	padding:0 10px 0 8px; 
	/*color:#737373; */
	color:#3A3A3A;
	text-decoration:none; 
	text-transform:uppercase;
	font-size:14px;
}
.nav_menu ul li a:hover, .nav_menu ul li.active a { 
	color:#fff; 
	background-color: #00aeef;
	display:block;
	height:30px;
	vertical-align: top;
}


/* hbg */
.tb_sup{
	width:650px;
	height:auto;
	font-size:12px;
	font-weight: 700;
}
.tb_sup thead tr th{
	color:#fff;
	background-color: #000;
	text-align: center;
}
.tb_sup tbody tr td{
	border-bottom:solid 1px #00aeef;
}
.tb_sup td{
	vertical-align: top;
}
.hbg { 
	background:url(../images/hbg_bg.gif) repeat-x top;
}
.hbg_resize { 
	height:357px; 
	overflow:hidden; 
	background:url(../images/hbg_r_bg.jpg) no-repeat center top;
}
.hbg img.hbgimg { 
	margin-right:34px; 
	padding:45px 0 0 5px; 
	float:left;
}
.hbg h2 { 
	margin:0; 
	padding:54px 0 0; 
	font:bold 36px/1.5em Arial, Helvetica, sans-serif;
}

/* content */
.content .mainbar { 
	margin:0; 
	padding:0; 
	float:left; 
	width:630px;
}
.content .mainbar2 { 
	margin:0; 
	padding:0; 
	float:left; 
	width:930px;
}
.article{
	width:600px;
}
.article2{
	position: relative;
	vertical-align: baseline;
	top:0;
	width:265px;
	float:left;
	margin:15px;
	border:solid 1px #E6E6E6;
	background-color: #fff;
}
.article2 hr{
	border:solid 1px #BEBEBE;
}
.article2 h2{
	color:#444444;
	font-size: 14px;
}
.article2 .detail{
	margin:10px;
}
.content .mainbar .article, .content .sidebar .gadget { 
	margin:0; 
	padding:0 0 16px 0;
}
.content .mainbar .article img { 
	padding:3px;
}
.content .mainbar .article img.ilf { 
	float:left; 
	margin:0 16px 8px 0;
}
.content .sidebar { 
	margin:0; 
	padding:0; 
	float:right; 
	width:236px;
}
ul.sb_menu, ul.ex_menu { 
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#959595;
}
ul.sb_menu li, ul.ex_menu li { 
	margin:2px 0; 
	padding:3px 0;
}
ul.sb_menu li a, ul.ex_menu li a { 
	color:#5f5f5f; 
	text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { 
	color:#00aeef; 
	font-weight:bold;
}

/* subpages */
.content .mainbar .comment { 
	margin:0; 
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic { 
	border:1px solid #dedede; 
	margin:10px 16px 0 0; 
	padding:0; float:left;
}

/* fbg */
.fbg { 
	border-top:1px solid #ededed; 
	border-bottom:1px solid #ededed;
	background-image: url(../images/bg_foot_top.png);
	background-repeat: repeat y;
	min-height:205px;
	height:auto;

}

.fbg h2{
	color:#fff;
}
.fbg p{
	color:#fff;
}
.fbg img { 
	padding:3px;
	float:right;
	vertical-align: bottom;
}
.fbg .col { 
	margin:0; 
	float:left;
}
.fbg .c1 { 
	padding:0 16px 0 0; 
	width:250px;
}
.fbg .c2 { 
	padding:0 16px; 
	width:290px;
}
.fbg .c3 { 
	padding:0 0 0 16px; 
	width:280px;
}
.fbg .c4 { 
	padding:0 0 0 16px; 
	width:425px;
}
.fbg .c1 img { 
	margin:8px; 
	float:left;
}

/* footer */
.footer { 
	background-color:#171717;
	color:#fff;

}
.footer p.lf { 
	margin:0; 
	padding:0; 
	float:right; 
	width:auto;
}
ul.fmenu { 
	margin:0; 
	padding-bottom:12px; 
	list-style:none; 
	float:left; 
	width:auto;
}
ul.fmenu li { 
	margin:0; 
	padding:0 2px; 
	float:left;
}
ul.fmenu li a { 
	display:block; 
	padding:4px 8px; 
	color:#fff; 
	text-decoration:none; 
	font-weight:bold;
}
ul.fmenu li a:hover, ul.fmenu li.active a { 
	color:#00aeef;
}

/* form */
ol { 
	list-style:none;
}
ol li { 
	display:block; 
	clear:both;
}
ol li label { 
	display:inline-block; 
	width:250px;
	margin:0; 
	padding:16px 0 0 0;
}
ol li input.text { 
	width:330px; 
	border:1px solid #c0c0c0;
	margin:2px 0; 
	padding:5px 2px; 
	height:16px; 
	background:#fff;
}
ol li textarea { 
	width:480px; 
	border:1px solid #c0c0c0; 
	margin:2px 0; 
	padding:2px; 
	background:#fff;
}
ol li .send { 
	margin:16px 0 0 0;
}
