/* ========== Basic ========== */
body {
	 margin:0px auto;
	 padding:0;
	 /*  在 Firfox 浏览器中，图片不居中，加上下面这俩属性才行，麻烦。 */ 
	 margin-right: auto;
	 margin-left: auto;
	 text-align:center;
	 font-size:12px;
	 color: #000000;
	 background-color:#ffffff;
	 /*  background:url(../images/main_bg.jpg) repeat-x;  */
	 font-family:Arial, Helvetica, sans-serif;
	}
.p {text-indent:2em; margin:0px; padding:0px; line-height:22px;}
/* ========== public ========== */
.td_txt{		
	line-height:18px;
	color:#6a6a6a;
}

.txt_color {	
	font-weight:bold;
	color:#971b00;
	}
	
.titlet_color {	
	font-weight:bold;
	color:#c7000a;
	font-size:14px;
	}
	
.faq{
	border:#ff9d01 1px dotted;
	line-height:18px;
	}
	
/* ========== 文字链接样式 ========== */
a.txt:link {
	text-decoration:none;
	color:#000;
	}
a.txt:visited {
	text-decoration:none;
	color:#000;
	}
a.txt:hover {
	/* border:1px dashed #ff6600;
	border-bottom:1px groove #ff6600; */
	border-bottom:1px dashed #ccc;
	color:#ff6600;
	}
	
/* ========== 图片链接样式  暂时空缺 -_- ========== */
a.img:link {

	}
a.img:visited {
		
	}
a.img:hover {		
	
	}	
	
.input{
	 border: 1px solid #5e5e5e;
	 margin: 1px;
	 padding: 1px;
	 size:20px;
	}
		
.register{
	margin:0 auto;
	width:450px;
	padding:20px 0 27px 20px;	
	text-align:left;
	color:#FF0000;
	float:left;
	}
	
/* ========== Wrap ========== */
#wrap{
	/* width:100%;  width:1024px; 当宽度设置成是1024的时候，有横向的滚动条;只能设置成100% */
	/* height:635px;  */
	text-align:center;	
	/* 下面的属性 在 Firfox 浏览器中，大背景图会现实不全；只有放到Body里； 当 height:900px 的时候显示正常 */
	background:url(../images/main_bg.jpg) repeat-x;
	overflow:hidden;
	}	

#step{		 
	width:729px;
	text-align:center;
	/*  在 Firfox 浏览器中，图片不居中，加上下面这俩属性才行，麻烦。 */ 
	margin-right: auto;
	margin-left: auto;
	}
	
#step_index{	
	padding:10px;	 
	width:729px;
	text-align:center;
	/*  在 Firfox 浏览器中，图片不居中，加上下面这俩属性才行，麻烦。 */ 
	margin-right: auto;
	margin-left: auto;
	}
	
#content{
	width:904px;
	text-align:center;
	padding-left:70px;  /* 这样才感觉像水平居中了 -_-  */
	/*  在 Firfox 浏览器中，图片居中。 */ 
	margin-right: auto;
	margin-left: auto;
	}
	
#content_index{
	width:730px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	}

/* ========== Left ========== */
#content_left{
	width:191px;
	background-color:#fff;
	text-align:center;
	float:left;
	
	/* 给边框黑边,最后再调效果：虚线的、实线的... 颜色值用#fefefe */
	border:1px #cdcdcd;
	border-style:dashed;
	
	/* 给边框加阴影 
	border-right-width:5px;   
	border-bottom-width:5px;   
	border-right-style:outset;   
	border-bottom-style:outset; */
	}
	
.content_title{
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	}
.content_title1{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:17px;
	text-align:left;
	}	
.ul_left{
	clear:both;
	margin-top:0;
	margin-left:40px;
	text-align:left;
	padding:0 5px 5px 5px;
	list-style-image:url(../images/li_big.gif); 
	}
	
.space{
	width:6px;
	height:45px;
	float:left;
	}
		
#left_iframe{	
	width:193px;
	background-color:#fff;
	text-align:center;
	float:left;	
	}	
	
#left_iframe2{	
	width:193px;
	background-color:#fff;
	text-align:center;
	float:left;
	}
	
/* ========== Right ========== */
#con_banner_warp{
	width:470px;
	height:200px;
	margin: 10px 0 0 0;
	padding:3px;
	border:#ccc solid 1px;
}

#con_banner{
	float:left;
	text-align:left;
 }
 
#con_txt{
	padding-left:5px;
	float:left;
	text-align:left;
 }

#content_right{
	margin-left:auto;
	margin-right:auto;
	width:528px;
	background-color:#fff;
	text-align:center;
	float:left;
	
	/* 给边框黑边,最后再调效果：虚线的、实线的... 颜色值用#fefefe */
	border:1px #cdcdcd;
	border-style:dashed;
	}
#content_right1{
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	text-align:center;
	border:1px #cdcdcd;
	border-style:dashed;
	}

#content_right_index{
	margin:0 auto;
	padding:0;
	width:528px;
	background-color:#fff;
	text-align:center;
	float:left;
	
	/* 给边框黑边,最后再调效果：虚线的、实线的... 颜色值用#fefefe */
	border:1px #cdcdcd;
	border-style:dashed;
	}
	
.content_right_list1{
	width:498px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
.content_right_list2{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px 29px 0px 29px;
	}
.content_right_img{
	padding:0 20px 10px;
	width:206px;
	float:left;	
	}
.content_right_img a img{
	filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;
}
.content_right_img a:hover img{
	filter:alpha(opacity=100);-moz-opacity:1; opacity:1;
}
.content_right_txt{
	text-align:left;
	width:220px;
	line-height:18px;
	color:#6a6a6a;
	float:left;
	}
	
	
/* ========== 页面最右边那一角 ========== */	
#right_area{
	margin:0 auto;
	text-align:left;
	width:118px;
	float:left;
	}
	
#right_area_bg{
	margin:0 auto;
	text-align:left;
	width:175px;
	height:470px;
	/* background:url(../images/right_area_bg.jpg);*/
	background:url(../images/right_area_bg.gif) no-repeat;
	float:left;
	}
	
.ul_area{
	clear:both;
	margin:0 0 0 0px;
	line-height:22px;
	text-align:left;
	padding:50px 0 203px 30px;
	/* list-style-type:none;  */
	list-style-image:url(../images/li_big.gif); 
	}
.ul_area li { *height:22px;}
	
#right_border_bg{
	width:100%;
	height:450px;
	background:url(../images/right_border_bg.gif) repeat-y;
	}	
	

	
/* ========== Copyright ========== */
#bottom_wrap{
	padding-left:30%; /* 这样才感觉像水平居中了 -_-  */
	width:100%;
	text-align:center;
	background-color:#F5F5F5;
	float:left;
	}

#bottom_img{
	padding-top:25px;
	float:left;
	}
	
#bottom_line{
	width:1px;
	background-color:#666;
	margin:20px 10px 0 10px;
	height:70px;
	float:left;
	}
	
#bottom_txt{
	height:70px;	
	text-align:left;
	padding-top:20px;
	line-height:17px;
	float:left;
	}
	
.hei12 {
	font-size: 12px;
	color: #6a6a6a; line-height:20px;
}

.topfont {font-weight: bold; color: #FF8500; font-size: 12px;}

.jxs_t { margin-bottom:10px; width:789px;}
.jxs_t td { height:24px; text-align:center;}
.jxs_t a { color:#333; text-decoration:underline;}
.jxs_t a:hover { color:#F60;}


.jxs_b { background-color:#7D7D7D;}
.jxs_b td { text-align:center; height:28px; background-color:#FFF;}
.jxs_b tr.tit {color:#818181; font-weight:bold;}
.jxs_b tr.tit td { background-color:#E1E1E1; height:32px;}