html,body{ padding:0; margin:0;}
body,td,textarea,p,input { font-size:12px;line-height:120%;font-family:Verdana, Arial, Helvetica, sans-serif;word-break: break-all;}

h3{font-size:12px; margin:10px 0px 5px 0px;text-align:center;}

p{line-height:17px;margin:6px 0px}

body{ background:#fff url(pic/bg.jpg) center top no-repeat;}

a{color: #1562BF;text-decoration: none;}
a:hover	{color: #000;text-decoration: none;}

img {border:none}
div {text-align:left}
form {margin:5px 0px;text-align:left}
table,tr,td {border:0px;padding:0px;margin:0px;}
table	{text-align:left;margin:0px auto;}
hr{color:#1562BF;height:1px}

/*
#naver{ background:#ccc url(pic/nav.png); line-height:20px; color:#999; padding:5px 10px; font-family:"ËÎÌå", Verdana, Geneva, sans-serif; border-bottom:#ccc solid 1px;}
	#naver a{color: #666; text-decoration: none; margin:0 5px;}
	#naver a:hover{color: #000;}
	#naver .link{ float:right;}
	*/

#shell{width:940px; padding:10px; margin:10px auto; border:#ddd solid 1px; background:#fff url(pic/hd.png) right top no-repeat;}
	
	#header{margin:10px auto; padding:5px; overflow:hidden;}
		#header p{ float:left;}
			#header p img{ vertical-align:middle;}
		
		#header ul{ float:left; margin-top:20px;}
			#header ul li{ padding:5px; float:left; list-style:none;}
			#header ul li a{ display:inline-block; padding:8px 10px; background:#999; color:#fff;}
			#header ul li a:hover{ background:#666;}
			#header ul li a.active{ background:#333;}
			
	#content{}
	
		#slogan p { padding:10px 0; color:#008000; }
		#slogan form {}
	
		#content h2.blue,#content h2.gary{ color:#008000; line-height:20px; font-size:12px;margin:5px 0;padding:10px; font-weight:normal; font-size:16px; font-family:"Microsoft YaHei";}
		
		#content h2.gary{ background:#E0F2D5; color:#333;}
			#content h2 .top{ float:right; margin-right:10px;}
				#content h2 a.top{ color:#ccc; text-decoration:underline;}
				
		#content .box{margin:0px auto 30px 0; padding:0.5em 1em; line-height:150%;}
			#content .box form{ }
			#content .box p{ padding:0.2em 0; margin:0; text-indent:0;}
			#content .box input,#content .box select,#content .box img{ vertical-align:middle;}
			
			
		#case h4 {
			padding: 0px; margin: 0px 0px 0.5em; font-weight: normal; font-size:1.2em;
		}
		#case span.attr {
			color: #008000
		}
			
		#case .story {
			padding: 0.8em .2em;
		}
		#case .story h5 {
			padding-bottom: 0.2em; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 1em; padding-top: 0px;
		}
		#case .story p.title {
			padding-bottom: 0.2em; padding-left: 0px; padding-right: 0px; font-weight: bold; padding-top: 0px
		}
		#case .story p {
			padding: 0px; line-height: 1.5em; margin: 0px 0px 0px 160px; line-height:22px;
		}
		#case .wide.story p {
			margin: 0px
		}
		#case .story img {
			float: left
		}
			
			
		#content .table {background-color: #c6daf9; width:99.6%;}
		
			#content .table tr.over td {color:blue;}
				#content .table tr.over .name { background-image:url(pic/arrow.gif); background-position:5px center; background-repeat:no-repeat;}
			
			#content .table td {padding:5px; width:80px; background-color: #f5f9fe; text-align: right;line-height:20px;}
			
				#content .table .title td {color: #000000; background-color: #c6daf9;}
				#content .table .yellow td {color:#FF6666; background-color:#FEFEEF;}
				#content .table .grey td {color: #aaa; background-color: #fff}
		
				#content .blue{ background-color: #f5f9fe;}
				#content .yellow{color:#FF6666; background-color:#FEFEEF;}
				#content .grey{color: #aaa; background-color: #fff;}
		
		
				#content .table .key {width: 150px;text-align:left; color:#999;}
				#content .table .name {width: 180px;text-align:left; text-indent:1em;}
				#content .table .size {width: 60px;text-align:center;}
				#content .table .price {width: 70px;text-align:right;}
				#content .table .stat {width: 50px;text-align:center;}
				#content .table .date {width: 80px;text-align:center;}
				
				#content .table .hot { color:red;}
				
		#preview{ float:left; margin:5px; position:absolute; background:#fff; padding:5px; border:#ccc solid 1px; }
			#preview img{ height:auto;}
		
		
		#super { list-style:none; overflow:hidden; margin:0; padding:0;}
			#super li{ line-height:20px; overflow:hidden; margin-top:15px;}
			#super li img{ float:left; margin:5px 15px 5px 0; }
		
		#tool { list-style:none; overflow:hidden; margin:0; padding:0;}
			#tool li{ width:12.4%; float:left; text-align:center; line-height:30px;}
	
		#send{ width:900px; margin:20px auto; text-align:center; padding:10px;}	
			#send form{ text-align:center;}

		#cart{ width:100%; margin:0 auto; font-size:12px; font-family:Verdana;}
			#cart form{ text-align:center;}
			#cart table{ width:100%;}
			#cart table td{ padding:10px;}	
			
			/*
			#cart table td input{ padding:3px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; }
			*/
			
			#cart .name{ background:#EFEFEF;}
			#cart .name td{ border-bottom:#DDD solid 1px; font-weight:bold; color:#777;}
			
			#cart .line{ background:#FFF;}
			#cart .band{ background:#F6F6F6;}
			
			#cart span.price{ font-weight:bold; color:#009900; font-size:14px; font-family:arial,helvetica,sans-serif,"ËÎÌå";}
			#cart span.gray{ color:#999;}

		#payto{ width:100%; margin:0 auto; font-size:12px; font-family:Verdana;}
			#payto form{ text-align:center;}
			#payto table{ width:100%;}
			#payto table td{ padding:5px;}	
			#payto table td span{ color:#999;}
		
		#desc{			border:#ffcc00 solid 1px; background:#FFFFBB; padding:15px; margin:20px 0;		}
		
			#desc strong{
				color:red;
			}
				
		/*
		¡ä´íÎóÏûÏ¢
		*/
		#error{ position:absolute; z-index:999; background:#669D09; color:#fff; padding:10px; font-size:12px; font-weight:bold;}
				
			
			
	#footer{ text-align:center; line-height:25px; background:#efefef; color:#333; padding:10px; overflow:hidden;}

/*class*/
	.clear{ clear:both;}
		
	textarea.text,input.text{ padding:5px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; margin:0 2px;}
		
	button.button{ vertical-align:middle; padding:2px 1px 0 1px; border:#333 solid 1px; background:#666; color:#fff; cursor:pointer;}
		button.button:hover{ background:#333;}			
		
	button.submit{ vertical-align:middle; padding:2px 1px 0 1px; border:#009900 solid 1px; background:#009900; color:#fff; cursor:pointer;}
		button.submit:hover{ background:#006600;}
			
