﻿body { margin:5px 0 15px 0; background:url(../../images/1/BodyBg.png) left top repeat-x;}
#allBody{ width:970px; margin:0px auto;}
	
	#topArea{ position:relative; width:970px; height:122px;}
	    #topArea #logo{ position:absolute; top:36px; left:5px;}
	    #topArea #banner{ position:absolute; top:8px; right:5px}
	    #topArea #menu{ position:absolute; top:68px; right:5px; margin:0px; padding:0px; width:580px; height:45px; overflow:hidden; }
			#topArea #menu li{ float:left;  margin:0px; padding:0px; width:112px; height:45px; overflow:hidden; padding-left:4px; cursor:pointer;}
			#topArea #menu li a{ width:112px; height:45px; display:block; text-indent:-112px;}
			#topArea #menu #m1{ background-image:url(../../images/1/menu01.png)}
			#topArea #menu #m1:hover{ background-image:url(../../images/1/menu01on.png)}
			#topArea #menu #m2{ background-image:url(../../images/1/menu02.png);}
			#topArea #menu #m2:hover{ background-image:url(../../images/1/menu02on.png)}
			#topArea #menu #m3{ background-image:url(../../images/1/menu03.png);}
			#topArea #menu #m3:hover{ background-image:url(../../images/1/menu03on.png)}
			#topArea #menu #m4{ background-image:url(../../images/1/menu04.png);}
			#topArea #menu #m4:hover{ background-image:url(../../images/1/menu04on.png)}
			#topArea #menu #m5{ background-image:url(../../images/1/menu05.png);}
			#topArea #menu #m5:hover{ background-image:url(../../images/1/menu05on.png)}
	    #topArea #link{ position:absolute; top:10px; left:20px; font:11px Verdana; color:#62B211}
	    
	#bannerArea{ position:relative; width:970px; height:510px; background:url(../../images/1/TopBG.png) left top repeat-x; border:0px solid red}
	    #bannerArea #flash{ position:absolute; top:1px; left:5px; width:718px; height:321px; background-image:url(../../Images/1/flash.jpg)}
	        #bannerArea #flash #vip{ position:absolute; top:129px; left:67px;}
	        #bannerArea #flash #memberJoin{ position:absolute; top:242px; left:129px; cursor:pointer }
	    
	    #bannerArea #rightMenu{ position:absolute; width:229px; height:487px; overflow:hidden; top:15px; right:18px; background-image:url(../../Images/1/rightMenu.png)}
			#newsList { position:absolute; top:39px; left:7px; margin:0px; padding:0px; font:13px Arial}
				#newsList li{  margin:6px;}
				#newsList li span{ font:bolder 11px Tahoma; color:#387BBA; letter-spacing:1px;}
				#newsList li a{ text-decoration:none; color:#666666}
				#newsList li a:hover{ text-decoration:underline}
	    
			#shareList { position:absolute; top:306px; left:7px; margin:0; padding:0px; font:13px Arial; list-style-type:circle;}
				#shareList li{  margin:7px 10px 7px 22px;}
				#shareList li a{ text-decoration:none; color:#666666}
				#shareList li a:hover{ text-decoration:underline}
				
	    #bannerArea #knowledge{ position:absolute; width:685px; height:185px; overflow:hidden; top:321px; left:22px; background-image:url(../../Images/1/knowledge.png)}
	        #bannerArea #knowledge .innerOutLine{ position:absolute; top:15px; left:63px;}
	            #bannerArea #knowledge .innerOutLine span img{ margin:6px 13px; border-width:0px; filter: gray}
	            #bannerArea #knowledge .innerOutLine span img:hover{ filter: auto}
	            
	#steps{ margin-top:15px; text-align:center }
	
	#footer{ font:11px Verdana; text-align:center; color:#676767}
	            