﻿/* 2008 Desinged By By Ami Zhang the UI Designer Of Socang.com */

* { line-height:18px; text-align:left; }

body {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	font: 12px "Verdana", "Tahoma", "Trebuchet MS", "Lucida Console", "Lucida Sans";
	text-align: center;
	color:#666666;
}

a { text-decoration: none; color: #7f5b3e; }
	a:hover { text-decoration: underline; }
		a img { border: none; }
	.more { color:#7f5b3e; font-weight:bold; }
		

form { margin: 0; padding: 0; color:#666666;}
	input { float:left; font: 12px "Verdana", "Tahoma", "Trebuchet MS", "Lucida Console", "Lucida Sans"; color: #333333; border:1px solid #999999; background:#ffffff; padding:0 3px 0 3px; vertical-align: middle; border:0; }
	select { float:left; font: 12px "Verdana", "Tahoma", "Trebuchet MS", "Lucida Console", "Lucida Sans"; color: #333333; border:1px solid #999999; padding:0 3px 0 3px; vertical-align: middle; }
	textarea { float:left; font: 12px "Verdana", "Tahoma", "Trebuchet MS", "Lucida Console", "Lucida Sans"; color: #333333; border:1px solid #999999; background:#ffffff;  padding:0 3px 0 3px; vertical-align: middle; }
	
div { margin:0 auto; padding:0; text-align:left; float:left; }
ul { list-style:none; float:left; padding:0; margin:0 auto; width:100%; }
li { list-style:none; float:left; padding:0; margin:0 auto; }
	
	/* --- Frame All --- */
	#frameAll { width:1000px; float:none; }
	
		/* --- Head --- */
		#headLogobar {height:60px;background-color: #65350f;background-image: url(../image/sample_head.jpg);
background-repeat: no-repeat;}
			
			.nav {width:965px;padding: 8px 0 0 35px;position:relative; }
			.nav ul { float:left; list-style:none; width:100%; }
			.nav li {float:left; color: #D9C191; height:22px; width:7%; letter-spacing:0px;}
			.nav li a{float:left;color: #D9C191; height:22px; padding:0 12px 0 0; letter-spacing:0px;}
			
		#headAdbar { margin:5px 0 0 0; width:998px; height:84px; border-top:1px solid #b09163; border-left:1px solid #b09163; border-right:1px solid #b09163; background: url(../image/sample_headad.jpg);}
		#headWordAdbar { padding:0px 5px 0px 5px; width:988px; height:24px; border-bottom:1px solid #b09163; border-left:1px solid #b09163; border-right:1px solid #b09163; }
			#headWordAdbar li { padding:2px 0 2px 0; width:164px; color:#65350f; }

		#quickSearch {	margin:0;	padding:2px 30px 0 0;	width:970px;	height:104px;	border:0px solid #b09163;	color:#ffffff;background-image: url(../image/sample_quicksearch.jpg);	background-repeat: repeat-x;}
			#quickSearchlogo {	float:left;	background-image: url(../image/sample_quicksearch_btn1.jpg);	background-repeat: no-repeat;	height: 103px;	width: 242px;
}			#quickSearchCont {	float:right;	width:612px;	background-image: url(../image/s_bg.jpg);	background-repeat: no-repeat;	background-position: bottom;height: 80px;margin-top:12px;}		
			#quickSearch .bt {	width:587px;padding:0 0 0 25px;z-index: 1;}
			#quickSearch ul { float:left; }
			#quickSearch .hot {	width:552px;color: #65350f;	padding:2px 0 0 60px;}
			#quickSearch .cll {	width:54px;	height:18px;	background-image: url(../image/s_a1.jpg);	margin-left: 10px;	padding-top: 2px;	text-align: center;	letter-spacing: 1px;}
			#quickSearch .wcll {	width:54px;	height:18px;	background-image: url(../image/s_a2.jpg);	margin-left: 10px;	padding-top: 2px;	text-align: center;	filter: Alpha(Opacity=70);	opacity: 0.7;	letter-spacing: 1px;}
			#quickSearch .theInp { width:375px; height:22px; padding:4px 5px 0 5px; background: url(../image/s_bg2.jpg); font-size:14px;margin:9px 0 0 60px; }
			#quickSearch .theBtn { width:68px; height:23px; background: url(../image/s_ss.jpg);margin:11px 0 0 10px;  }