@charset "utf-8";
@import url("basic.css");
@import url("layout.css");

/*body*/
#body{ background:url(../img/body_bg.gif) repeat-x;}
/* left
--------------------------*/
	/*about*/
	#left .about{ height:120px; margin:15px 0; padding:0 15px; border-right:1px dotted #ccc; overflow:hidden;}
		#left .about h3,#left .about span{ color:#87b038;}
		#left .about span{ font-weight:normal;}
		#left .about p{ margin:10px 0 5px;}
		#left .about a{ clear:both; margin-left:100px; padding-left:15px; background:url(../img/icon_9.gif) no-repeat left center; text-decoration:underline; color:#999;}
		#left .about a:hover{ text-decoration:none;}
				
	/*customer service*/
	#left .feedback{ clear:both;}
		#left .feedback dl{ padding:4px; border-bottom:1px solid #fff;}
			#left .feedback dl dt{ float:left; width:63px;}
				#left .feedback dl dt img{ border:1px solid #333;}
			#left .feedback dl dd{ float:right; width:117px; padding-left:10px; overflow:hidden;}
				#left .feedback dl dd h5{ padding-bottom:10px; color:#8ab237;}
				#left .feedback dl dd span{ display:block; font-size:10px; color:#8ab237;}
		#left .feedback h6{ background:#f2f2f2 url(../img/title_bg2.gif) no-repeat left center; text-align:right;}
			#left .feedback h6 a{ height:20px; line-height:20px; padding:0 10px; background:url(../img/icon_9.gif) no-repeat left center; color:#999; text-decoration:underline; font-weight:normal;}
			#left .feedback h6 a:hover{ text-decoration:none;}
			
	/*link*/
	#left .Partnerlink a{ float:left; margin:10px 7px 5px; padding:2px; background:#fff; border:1px solid #ccc; filter:alpha(opacity=40); opacity:0.4;}
	#left .Partnerlink a:hover{ border:1px solid #666; filter:alpha(opacity=100); opacity:1;}
			
#middle{ float:left; width:394px; padding:0 3px; overflow:hidden;}
	#middle h4{ width:384px; height:32px; line-height:32px; padding-left:10px; background:#ccc url(../img/title_bg3.gif) no-repeat; color:#fffef9; font-size:12px;}
	#middle .helpBtn{ clear:both; margin-top:1px; padding:0 10px; height:20px; line-height:20px; background:#f2f2f2 url(../img/title_bg2.gif) no-repeat left bottom;}
		#middle .helpBtn a{ display:block; width:55px; padding-left:15px; color:#999;}
		#middle .helpBtn a.more{ background:url(../img/icon_9.gif) no-repeat left center;}
		#middle .helpBtn a.top{ margin:-20px 0 0 304px; background:url(../img/icon_11.gif) no-repeat left center;}
	/*hot*/
	#middle .hot{ padding:15px 15px 0; height:135px;}
		#middle .hot h5{ padding-bottom:5px; color:#8bb051;}		
			#middle .hot dl dt{ display:none;}
			#middle .hot dl dd{ clear:both; height:95px; display:none;}
			#middle .hot dl dd.display{ display:block;}
				#middle .hot dl dd img{ display:block;}
				#middle .hot dl dd div.shortPoint{ margin-top:-85px; padding-left:85px;}
					#middle .hot dl dd div.shortPoint a{ display:block; padding-bottom:10px; font-size:12px; font-weight:bold;}
		
		#hotProductPage{ float:right;}
			#hotProductPage ul{ float:left; padding:5px 10px 0 0;}
				#hotProductPage ul li{ float:left; width:6px; height:6px; overflow:hidden; margin:0 3px; background:url(../img/index_page_off.gif) no-repeat; cursor:pointer;}
				#hotProductPage ul li.focus{ background:url(../img/index_page_on.gif) no-repeat;}
			#hotProductPage img{ cursor:pointer;}

	/*The Product Will Coming 0ut Soon*/
	#middle .newsProduct{ padding-top:10px;}
		#middle .newsProduct ul li{ float:left; margin-bottom:5px; width:120px; height:185px; * height:190px; padding:0 5px; overflow:hidden;}
			#middle .newsProduct ul li a img{ display:block; width:114px; height:90px; padding:2px; border:1px solid #ccc;}
			#middle .newsProduct ul li a:hover img{ margin:2px 0 2px 2px; padding:0; border:1px solid #B23F33;}
			#middle .newsProduct ul li a strong{ display:block; padding:2px 0; line-height:130%; font-weight:bold; color:#8cb140; text-decoration:none;}
			#middle .newsProduct ul li div{ clear:both; padding:0 3px;}
	/*news center*/
	#middle .news{ padding:15px 10px 0 10px;}
		#middle .news dl{ clear:both; height:93px; padding:5px 0; background:#f9f9f9;}
			#middle .news dl dt{ float:left; width:70px; padding-left:20px; background:url(../img/icon_10.gif) no-repeat left 4px;}
			#middle .news dl dd{ float:right; width:262px; padding-left:15px;}
		#middle .news ul{ clear:both; padding-top:15px;}
			#middle .news ul li{ padding:0 0 15px 20px; background:url(../img/icon_10.gif) no-repeat left 4px;}
				#middle .news ul li strong,#middle .news dl dd strong{ display:block; color:#8cb140;}
				#middle .news ul li span,#middle .news dl dd span{ display:block; color:#999;}
				#middle .news a{ display:block; padding-top:4px;}
			
#right{ float:left; width:200px; overflow:hidden;}
	#right h4{ height:32px; line-height:32px; padding-left:10px; background:#ccc url(../img/title_bg1.gif) no-repeat; font-size:12px; color:#fff;}
	/*online track*/
	#right .track{ height:120px; margin:15px 0; padding:0 15px; border-left:1px dotted #ccc; overflow:hidden;}
		#right .track h3{ padding-bottom:3px; color:#8bb051;}
		#right .track p{ padding:7px 0;}
		#right .track input{ vertical-align:middle;}
			#right .track input.trackNo{ margin-right:10px; border:1px inset #ccc; width:120px; height:16px;}
		#right .track p a{ color:#8bb051; text-decoration:underline;}
	/*latest product*/
	#right .stores{}
		#right .stores dl{ padding:10px; height:auto!important; min-height:250px; height:250px; background:url(../img/title_bg2.gif) no-repeat left bottom; overflow:hidden;}
		#right .stores dl dt{ float:right; width:90px; text-align:center;}
		#right .stores dl dd{ float:left; width:80px;}
			#right .stores dl dt li{ padding-bottom:10px;}
				#right .stores dl dt li span{ display:block;}
				#right .stores dl dt li img{ border:1px solid #ccc; width:72px; height:85px;}
				#right .stores dl dt li a:hover span{ text-decoration:underline; color:#8bb051;}
				#right .stores dl dt li a:hover img{ border:1px solid #8bb051;}
			#right .stores dl dd ul li a{ padding-left:10px; background:url(../img/icon_14.gif) no-repeat left 6px;}
			#right .stores dl dd ul li a:hover{ background:url(../img/icon_13.gif) no-repeat left 6px; color:#8bb051;}
	/*accessory*/
	#right .accessory{ height:180px; padding:10px; background:#f2f2f2 url(../img/title_bg2.gif) no-repeat left bottom;}	
		#right .accessory ul li{ clear:both; padding:3px 0;}
			#right .accessory ul li img,#right .accessory ul li p{ display:none;}
			#right .accessory ul li a{ display:block; padding-left:10px; background:url(../img/icon_13.gif) no-repeat left center;}
			
		#right .accessory ul li.hover{}
			#right .accessory ul li.hover p{ display:block; padding-top:8px;}
			#right .accessory ul li.hover img{ float:left; display:block; margin-right:10px; border:1px solid #ccc;}
			#right .accessory ul li.hover a{ background:none; font-weight:bold; color:#8bb051;}