@import "common.css";

#body_middle .content{	
	
}

#body_middle .content .con_top{
	float: left;	
	width: 948px;
	padding: 0px 0px 0px 28px;
	background: url(../images/layout/centerr.gif) repeat-y;
}

#body_middle .content .con_top .con_top_left{
	float: left;
	width: 8px;
	height: 29px;
	background: url(../images/btn_bg.gif) left no-repeat;
}

#body_middle .content .con_top .con_top_left_right{
	float: left;
	height: 29px;
	width: 912px;
	background: url(../images/btn_bg.gif) right no-repeat;
}

#body_middle .content .con_top  .con_top_links div{
	float: left;
	margin: 0px 10px 0px 0px;
	width: 112px;
	text-align: center;
	padding: 6px 4px 6px 4px;
	font-size: 14px;
	font-family:"微软雅黑";
	font-weight: bold;
	cursor: pointer;
}

#body_middle .content .con_top  .con_top_links .link_on{
	background: url(../images/btn_bg_0.gif) center top no-repeat;
	color: #FFFF00;
}

#body_middle .content .con_top  .con_top_links .link_over{
	background: url(../images/btn_bg_0.gif) center top no-repeat;
	color: #FFFF00;
}

#body_middle .content .con_top  .con_top_links .link_out{
	background: none;
	color: #CCCCCC;
}

#body_middle .content .con_bottom{
	float: left;	
	width: 948px;
	padding: 8px 0px 10px 28px;background: url(../images/layout/centerr.gif) repeat-y;
}

#body_middle .content .con_bottom .paner_top_right{
	width: 910px;
}

#body_middle .content .con_bottom .paner_center_left{
	height: 840px;
}

#body_middle .content .con_bottom .paner_center_right{
	height: 840px;
	width: 910px;
}

#body_middle .content .con_bottom .paner_bottom_right{
	width: 910px;
}

#body_middle .content .con_bottom .websdesc{
	float: left;
	width: 900px;
	padding: 0px 0px 0px 10px;
}

#body_middle .content .con_bottom .websdesc .web_item{
	float: left;
	width: 890px;
	margin: 0px 0px 10px 0px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_title{
	float: left;
	width: 100%;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content{
	float: left;
	width: 100%;	
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .item_con_left{
	float: left;
	width: 490px;
	line-height: 26px;
	padding: 10px 0px 0px 0px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .item_con_right{
	float: left;
	width: 400px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .itemsss{
	float: left;
	width: 880px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .step{
	float: left;
	margin: 16px 20px 0px 20px;
	width: 243px;
	height: 139px;	
	background: url(../images/web_title_2_bg.gif) no-repeat;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .step .step_num{
	float: left;
	width: 82px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .step .step_content{
	float: left;
	width: 140px;
	margin: 12px 0px 0px 20px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .step .step_content .step_title{
	float: left;
	width: 110px;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .step .step_content .step_con{
	float: left;
	width: 110px;
	margin: 10px 0px 0px 0px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types{
	float: left;
	margin: 12px 0px 0px 10px;
	width: 840px;	
	padding: 0px 0px 0px 30px;
	background: url(../images/stype_bg.gif) left top no-repeat;
	height: 330px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types .type{
	float: left;
	width: 275px;
	height: 160px;
	background: url(../images/stye.jpg) bottom left no-repeat;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types .type .type_name{
	float: left;
	width: 112px;
	padding: 70px 0px 0px 18px;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types .type .type_desc{
	float: left;
	width: 120px;
	padding: 40px 0px 0px 0px;
	line-height: 28px;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types .type .type_desc .title{
	color: #FF0;
	font-size: 16px;
	font-weight: bold;
}

#body_middle .content .con_bottom .websdesc .web_item .item_content .types .type .type_desc input{
	text-align: center;
	width: 69px;
	height: 25px; 
	border: none;
	color: #CCCCCC;
	background: url(../images/stype_desc.jpg) ;
}

.type_details{
	float: left;
	width: 100%;
	color: #999;
	
	height: 300px;
}

.type_details .bar{
	float: left;
	width: 100%;
	padding: 4px 0px 6px 0px;
	color: black;
}

.type_details .bar .tit{	
	float: left;
	width: 96%;
	font-size: 16px;
	font-weight: bold;
}

.type_details .bar .close{	
	float: right;
	width: 4%;
	text-align: right;
	cursor: pointer;
	color: #dddddd;
}

.type_details .bar .close:hover{
	color: #FF3;	
}

.spa{
	float: left;
	width: 100%;
	height: 10px;
	border-top: dashed 1px #dddddd;
}

.type_details .det_ite{
	float: left;
	width: 100%;
	padding-top: 6px;
}

.type_details .det_ite .lab{
	float: left;
	width: 16%;
	text-align: right;
	font-weight: bold;
}

.type_details .det_ite .con{
	float: left;
	width: 84%;
}

.type_details  .buy{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}