@charset "utf-8";


/*
=Common CSS
*/
html { overflow-y:scroll;}


body{
	background: #FFF;
	color: #000;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 160%;
	margin: 40px auto;
	padding: 0;
	text-align: center;
	width:920px;
}
a img {  border: none;}
a { color:#00a;}
.clr{
	clear: both;
}


* { font-family:Verdana "Trebuchet MS";}
p{ margin: 0 0 1em 0;}
h4{ font-size:14px; font-weight:lighter; color:#006600; line-height:1.4; _line-height:1.3; margin:0 0 15px;}
h5{ font-size:12px; font-weight:lighter; color:#; line-height:1.4; _line-height:1.3; margin:0 0 15px;}
dl,dt,dd { margin:0; padding:0;}
select,input { font-size:12px;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
=header
*/
#hd { margin-bottom:0; float:left;}
#hd h2 { margin:0 0 0 0; font-weight:border;}
#hd h2 a { float:left;	text-indent:-9999px; background:url(/club/images/ucdchina_logo.png) no-repeat 0 0; width:220px; height:66px; text-decoration:none;}
	#hd h2 a:hover { background-position:0 -66px;}

/*
=Layout
*/
#trlogin{
	position: absolute;
	top: 3px;
	right: 2em;
	font-size: 12px;
	text-align: right;
}

.content { text-align:left; width:100%; margin:0 0 30px; padding:0; display:table; height:1%; clear:both; overflow:auto;}
	.content h1 { background:#; margin:0 20px 30px; font-size:24px; line-height:1.231;}
.sidebar { float:left; padding:0 0 0 35px;background: url(/club/images/bd_bg.gif) repeat-y -9px 0;}
#footer { clear:both; border-top:2px #f1f1f1 solid; padding:10px 0 0; color:#999; text-align:right;}
	#footer span#left { float:left;}
	#footer a { color:#999;}
	#footer #miibeian { text-decoration:none;}



/*
=Nav
*/
#nav { margin:0 0 60px; padding:27px 0 0; *padding:26px 0 0;}
*+html #nav { padding:25px 0 0;}
	#nav h3#tab { border-bottom:3px solid #f1f1f1; padding-left:25px; margin-top:5px; text-align:left; margin-bottom:0;}
	#nav h3#tab a { line-height:1.231; zoom:1;}
	#nav h3#tab * {}
	* html #nav h3#tab { z-index:-1;}
	#nav h3#tab .tabin { font-size:13px; color:#333; background:#fff; padding:6px 11px 5px 11px; font-weight:bold; border:1px solid #f1f1f1; border-bottom:1px solid #fff; margin:0 8px 0 8px; position:relative; top:-1px;}
	#nav h3#tab .tabout { font-size:13px; background:#f1f1f1; padding:4px 8px 4px 8px; margin:0 3px;}
		#nav h3#tab .tabout a { font-weight:lighter;}
	#nav h3#tab .tabnot { font-size:12px; position:absolute; right:0; top:.5em;}
	#nav h3#tab .tabout#home { visibility:hidden; margin-left:-75px;}
	#nav h3#tab .tabin#home { visibility:hidden; margin-left:-50px;}
	#nav #search { width:156px; float:right; background:#f1f1f1; padding:2px 5px 4px 5px; text-align:center;}
		#nav form { margin:0;}
		#nav #search input { color:#999; height:14px; width:130px; background:url(/club/images/bg_search.gif) #fff no-repeat 2px 2px; overflow:hidden; line-height:1.231; padding:4px 3px 3px 21px; border:1px #b2b2b2 solid;}


	


/*
=books
*/

#home {}
	#home h2 a:hover { background-position:0 0;}

#default_topic { margin:0 0 30px;}
#default_about { margin:0;}
	#default_about .all { margin:0;}

#scroll_banner { float:left; margin:0 25px 0 0; height:1%; display:table;}
	#google_map iframe {}
	
.default_module { padding:0 0 0 20px; margin:0 0 30px;}
	.default_module h4 { margin-top:0; line-height:1.231; height:17px; overflow:hidden;}
	.default_module p { line-height:1.5834;}


/*
=Area
*/
#area_city_all { text-align:right; margin:0 10px;}
	#area_city_all { font-size:12px; font-weight:lighter;}
	#area_city_all a:link { color:#77c;}
	#area_city_all .sec { color:#ccc; font-size:9px; margin:0 5px;}
.area_city { margin:0 0 30px 25px; display:table; width:895px; overflow:hidden; clear:both;}
	.area_city h4 { margin:0;}
	.area_city h5 { margin-top:0;}
	.area_city .place { margin:25px 22px 0 0; float:left; padding:0; width:200px; height:240px;}
		.area_city .place {}
			.area_city .place img { width:200px; height:150px; margin:0 0 10px;}
		.area_city .address { color:#999; margin-top:-15px;}


/*
=Topic
*/
.topic_year { margin:0 0 30px 25px; display:table; width:895px; overflow:hidden; clear:both;}
	.topic_year h4 { margin:0;}
	.topic_year ol { line-height:1.8; margin-bottom:0;}
	.topic_year .wrap { margin-top:15px; margin-left:20px; float:left; background:#; width:260px;}
		.topic_year dl { margin:0 0 10px; line-height:1.8;}
			.topic_year dd { margin:0 0 0 12px;}
		.topic_year .disable { color:#999;}


#topic_main {}
	#topic_main h4 { margin:0 0 20px;}
	#topic_main .wrap { margin:0 0 0 10px; width:100%;}
	#topic_main #down { margin:0 0 40px;}
	#topic_main #photos { margin:0 0 40px;}



/*
=books
*/

.books,.books_main{	margin:0; padding:0 10px 0 20px; width:680px; float:left;}
	.books .list { clear:both; width:680px; overflow:auto; margin:0 0 30px; padding:0;}
		.books .list li { float:left; width:165px; height: 200px; margin: 0 2px 5px 0; padding:0;	list-style:none;}
		.books .list li img{ margin-bottom:5px;}
	.books .list a{ display:block; font-size:13px; padding:10px; text-align:center;}
	.books .list a:link,.books a:visited{ text-decoration:none;}
	.books .list a:hover{	background:#ddd; ext-decoration:none;}


.books_main { padding:0 30px 0 20px; width:660px;}
	.books_main h2 { margin:10px 0 30px;font-family:simhei; font-weight:lighter;}
	.books_main .database { margin:10px 0 30px;}
		.book_image { float:left; width:140px; text-align:center;}
			.book_image img { vertical-align:middle;}
		.book_info { float:left; width:260px; padding:0; list-style:none; margin:0 0 0 20px;}
			.book_info li { line-height:24px;}
			.book_info label { color:#666;}
		.book_buy { text-align:right; font-size:14px; margin:15px 0;}
	.books_main .content { font-size:13px; margin:0 0 0;}
	.books_main .postmetadata { margin:0 0 20px; text-align:right;}
	.books_main .review {}
		.books_main .review h4 { margin:0 0 25px;}
		.books_main .review .item { margin:0 0 15px;}
			.books_main .review  .item h5 { margin:0 0 5px; font-size:13px;}
			.books_main .review .item .time { color:#999; margin:0 0 0 5px;}
			.books_main .review .item .meta { color:#999; margin:-10px 0 0;}
		.books_main .review #more { text-align:right;}


#categorie { margin:0 0 30px;}
#thanks_company { margin:0 0 30px;}
	#thanks_company ul { margin:0 0 0 20px; padding:0;}
	#thanks_company li { list-style-type:none; margin:5px 0;}
		#thanks_company a { border:1px solid #f2f2f2; display:block; width:88px; height:31px; overflow:hidden;}
		#thanks_company a:hover { border:1px solid #ddd;}
			#thanks_company img { width:88px; height:31px;}
#thanks_personal { margin:0 0 30px;}

#searchform{ padding-top: 0;}
input.querytext{ padding: 1px;	color: #CCC;}



.principal { clear:both; margin:0 0 10px;}
	.principal .head { float:left; margin:0 5px 0 0;}
	.principal .city {}
	.principal .mail { font-size:10px; line-height:1.5;}
	.principal .mobile { font-size:10px; line-height:1.5;}