@charset "iso-8859-1";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#0c507f;
	font:12px Arial, Verdana, Geneva, sans-serif, Tahoma;
}
td,th{
	font:12px Arial, Verdana, Geneva, sans-serif, Tahoma;
}

div, h1, h2, h3, h4, p, form, input, span, lable, img{
	margin:0;
	padding:0;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

a:link,a:visited {
    color:#000;
    text-decoration: none;
}
a:hover {
    color:#039;
    text-decoration: underline;
}

.link1 a:link,a:visited {
    color:#000;
    text-decoration: none;
}
.link1 a:hover {
    color:#036;
    text-decoration: underline;
}
.error_font_color1{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

/*---------------------------------------------------- mian ----------------------------------------------*/


/*--------------- nav -------------------*/

#nav{
	width:1003px;
	height:101px;
	overflow:hidden;
	position:relative;
	background:url(../images/logo.jpg) left center no-repeat;
}

#nav .logo{
	width:135px;
	height:101px;
	display:block;	
	float:left;
}

#nav ul{
	width:606px;
	height:24px;
	float:right;
	position:absolute;
	right:4px;
	bottom:0;
	_margin-bottom:-1px;
	background:url(../images/nav_bg.jpg) left top no-repeat;
}

#nav ul li{
	float:left;
}
#nav ul li a{
	text-indent:-10000px;
}
#nav ul li a.home{
	width:51px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.home:hover{
	background:url(../images/nav_bg.jpg) left bottom no-repeat;
}

#nav ul li a.product{
	width:62px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.product:hover{
	background:url(../images/nav_bg.jpg) -51px bottom no-repeat;
}

#nav ul li a.need{
	width:104px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.need:hover{
	background:url(../images/nav_bg.jpg) -113px bottom no-repeat;
}

#nav ul li a.weekly{
	width:107px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.weekly:hover{
	background:url(../images/nav_bg.jpg) -217px bottom no-repeat;
}

#nav ul li a.General{
	width:138px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.General:hover{
	background:url(../images/nav_bg.jpg) -324px bottom no-repeat;
}


#nav ul li a.signin{
	width:72px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.signin:hover{
	background:url(../images/nav_bg.jpg) -462px bottom no-repeat;
}

#nav ul li a.signout{
	width:72px;
	height:24px;
	display:block;
	overflow:hidden;
	background: url(../images/signout.jpg) left top no-repeat;
}

#nav ul li a.signout:hover{
	background: url(../images/signout.jpg) left bottom no-repeat;
}


#nav ul li a.join{
	width:72px;
	height:24px;
	display:block;
	overflow:hidden;
}

#nav ul li a.join:hover{
	background:url(../images/nav_bg.jpg) -534px bottom no-repeat;
}


/*-------------------- sidebar -------------------*/

.body_sidebar_border{
	background:url(../images/Gms-5_04.gif) right top repeat-y;
	
}

.body_sidebar_bg{
	background:url(../images/product_list_bg.gif) 0 0 repeat-y;
}

#product_list{
	width:175px;
	margin:0 37px 0 36px;
	
}

#product_list ul{
	width:175px;
}

#product_list ul li{
	width:175px;
	height:25px;
	line-height:25px;
	text-indent:27px;
	border-bottom:1px solid #d8d8d8;
	background:url(../images/red_dot.gif) 15px center no-repeat;
}
#product_list ul li a{
    width:175px;
	height:25px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#3c3c3c;
}

#product_list ul li a:hover{
background: #45494d url(../images/gray_dot.gif) 15px center no-repeat;
color:#FFF;
}

#product_list ul li.item{
	background:url(../images/product_list_item_bg.gif) left center repeat-x;
	letter-spacing:1px;
	font-size:13px;
	
}

/*----------- sidebar ----------*/

form.search_product{
	width:179px;
	height:24px;
	margin:0;
	padding:0;
	margin:40px 0px 40px 0px;
}

.input_box{
	margin:0;
	padding:0;
	width:170px;
	height:22px;
	border:1px solid #d0d0d0;
	color:#999;
}
.input_btn{
	margin:0;
	padding:0;
	width:51px;
	height:24px;
	background:url(../images/search_button.gif) left center no-repeat;
	border:none;
}

/*----------- index_about ----------*/
.index_about_bg{
	background:url(../images/Gms-5_05.gif) left center no-repeat;
}

.index_about_area{
	margin:72px 0 0 0px;
	width:662px;
	text-align:left;
	line-height:24px;
	color:#FFF;
}

a.index_about_readmore{
	margin-right:50px;
	width:138px;
	height:30px;
	display:block;
	background:url(../images/readmore.gif) left center no-repeat;	
}
a.index_about_readmore:hover{
	background:url(../images/readmore.gif) right center no-repeat;	
}

/*----------- index_new_products ----------*/
#index_new_products{
	width:700px;
	height:323px;
	margin:10px 0 0 30px;
	
}

#index_new_products ul{
	width:700px;
	height:323px;
	margin:0;
	padding:0;
}


#index_new_products ul li{
	width:25%;
	height:323px;
	float:left;
}

#index_new_products ul li.new1{
	background:url(../images/index_new_product_bg_1.gif) left center no-repeat;
}

#index_new_products ul li.new2{

	background:url(../images/index_new_product_bg_2.gif) left center no-repeat;

}

#index_new_products ul li.new3{

	background:url(../images/index_new_product_bg_3.gif) left center no-repeat;

}

#index_new_products ul li.new4{

	background:url(../images/index_new_product_bg_4.gif) left center no-repeat;

}

#index_new_products ul li .index_news_content{
	margin:48px 30px 0 5px;
	width:134px;
	height:166px;
	overflow:hidden;
	background-color:#fff;

}

#index_new_products ul li .index_news_content p{
	width:134px;
	height:134px;
	vertical-align:middle;

}

/*-------------------------- prolist_flash --------------------------*/

.prolist_flash_bg{
	background:url(../images/flash_bg.jpg) left center no-repeat;
}

/*-------------------------- products --------------------------*/

.titleBar_bg{
	width:722px;
	height:34px;
	background:url(../images/product_title_bar.gif) left center no-repeat;
	font-size:14px;
	color:#000;
	text-indent:45px;
	font-weight:bold;
}

#inner_product_area{
	width:722px;
	text-align:center;
}

#inner_product_area ul{
	width:722px;
	margin:20px 0 0 0;
}

#inner_product_area ul li{
	margin:5px 0;
	width:180px;
	height:276px;
	float:left;
	background:url(../images/product_bg.jpg) center center no-repeat;
	position:relative;
}

#inner_product_area ul li .news_icon1{
	position:absolute;
	left:19px;
	top:8px;
}


#inner_product_area ul li #img_position{
	margin:11px 0 0 0;
	width:135px;
	height:215px;

	
}



#img_position p{
	line-height:16px;
	word-wrap: break-word;
	word-break:break-all; 
}
#img_position p.img_area{
	height:135px;
	margin:20px 0 7px 0;
}

/*-------------------productshow------------------*/
.productShow_bg{ background:url(../images/productshow_bg.gif) left center repeat-y; }


/*-------------------GeneralInfo------------------*/

.GeneralInfo_content{
	color:#FFF; 
	line-height:25px; 
	text-align:left;
	
}
.GeneralInfo_content_bg{
	background:url(../images/GeneralInfo_content_bg.gif) right top repeat-y;
}
.GeneralInfo_title_bg{
	width:432px;
	height:36px;
	background:url(../images/GeneralInfo_title_bg.gif) left center no-repeat;
	display:block;
	color:#000;
	text-indent:50px;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}

.GeneralInfo_font_style1{
	font-size:14px;
	font-weight:bold;
	color:#ffea00;
}

.GeneralInfo_font_style2{
	font-size:14px;
	font-weight:bold;
	color:#a2ff00;
}

.GeneralInfo_font_style3{
	font-size:14px;
	font-weight:bold;
	color:#ff9600;
	
}

.GeneralInfo_font_style4{
	font-size:14px;
	font-weight:bold;
	color:#00fffc;
	
}

.GeneralInfo_font_style5{
	font-size:14px;
	font-weight:bold;
	color:#ff00b4;
	
}

.GeneralInfo_font_style6{
	font-size:14px;
	font-weight:bold;
	color:#ff6c00;
	
}

.GeneralInfo_font_style7{
	font-size:14px;
	font-weight:bold;
	color:#00ff60;
	
}
/*-------------------login------------------*/

.login_bg{
	background:url(../images/login_bg.gif) left center no-repeat;
}
.login_bg2{
	background:url(../images/login_bg2.gif) left center no-repeat;
}

/*-------------------join------------------*/
.join_bg{ background:url(../images/join_bg.gif) left center repeat-y; }
.whiteFont{ color:#FFF;font-size:14px; }