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

html,body { height:100%; padding:0; margin:0;}
html { overflow-y:scroll;}

ul { margin:0 0 15px 15px; list-style-type:none;}

div,p,q,li,dd,dt,span,strong { color:#333; line-height:1.5; font-size:12px;}
acronym,abbr { font-size:12px;}
a,input { font-size:12px;}

q  { quotes: '“' '”'; }

acronym { speak:normal;}
abbr.initialism { speak:spell-out;}
abbr.truncation { speak:normal;}

a { text-decoration:none;} /* 3169B5 */
a:link { color:#06c;} /* 06c */
a:visited { color:#06c;} /* 77c */
a:hover { text-decoration:underline;}
a:active { color:#FF0092;}

a.inlink { color:#333; text-decoration:underline;}


h1,h1 a { font-size:32px; line-height:1.1;}
h4 { font-size:13px; margin:0 0 20px; font-weight:lighter; color:#008000;}
.on { font-weight:bold;} /* color:#FF0092; */

.quote { margin:0 0 30px;}
	.quote blockquote { background:url(/images/quotes.18.gif) no-repeat left top; margin:0 0 0 12px; padding:0 0 0 30px;}
	.quote blockquote strong { text-transform:capitalize;}
	.quote blockquote * { color:#999;}
	/* blockquote:hover * { color:#000;} */




	.date { font-size:11px; color:#999; margin:0 0 0 5px; font-family:Arial;}




.shadow { float:left; margin:0 15px 20px 0; padding:0; width:auto; background:url(../images/fuzzy_shadow_24.png) no-repeat bottom right;}
.shadow div { background:url(../images/fuzzy_shadow1.png) no-repeat right top;}
.shadow div a { background:url(../images/fuzzy_shadow2.png) no-repeat left bottom; padding:0 6px 6px 0; display: block;}
.shadow img { background-color:#fff; color:#000; border:1px solid #ddd; padding:4px; vertical-align:bottom;}
.nonEdge {} 
	.nonEdge img { border:0; padding:0;} 



/* structure
---------------------------------------------------------- */
#top a { color:#000;}
#top_right { color:#fff;}
#foot *, #foot a { color:#ddd;}

#top a:active, #foot a:active { color:#FF0092;}



/* ##################### */
/*     middle styles     */
/* ##################### */

.middle {}
	.middle * { }



/* lab
---------------------------------------------------------- */
#lab {}
	#lab p { margin-left:15px; line-height:1.3; font-size:12px;}
	#lab p * { line-height:1.3; font-size:12px;}
	
/* selected
---------------------------------------------------------- */
#selected {}
	#selected .selected_list { margin:0 0 15px 15px; padding-top:2px;}
	#selected dl { clear:both;}
	#selected dt { font-size:10px; font-family:Arial; float:left; position:relative; top:-3px;}
	#selected dd { display:table; margin:0 0 0 10px; line-height:1.40; font-family:MingLiU; font-size:11px;}
		#selected dd * { line-height:1.40; font-family:MingLiU; font-size:11px;}
		#selected dd a { margin-right:5px;}
	*html #selected dd { display:inline-block; margin:0 0 0 7px;}


/* rss
---------------------------------------------------------- */
#rss {}
	#rss dd { margin:0 0 12px;}
	#rss dd img { vertical-align:middle;}




/* structure
---------------------------------------------------------- */
#top { position:absolute; top:40px; left:40px; z-index:21; background:#;}
	#top h1 { margin:0; margin-bottom:3px;}
		#top h1 a { text-shadow:1px 1px 1px #ccc;}
	#top div { line-height:1.4; font-size:11px;}
#top_right { position:absolute; z-index:100; top:40px; right:40px; width:270px; text-align:right; height:70px; display:block;}
	#top_right #search {}
	#top_right #search input[name=q] { width:185px;}
	

#left { position:absolute; top:150px; left:40px; z-index:30; background:#;}
#right { position:absolute; top:110px; left:755px; z-index:30; background:#;}

#nav { margin: 0 0;}
	#nav h4 { margin:0 0 20px;}
	#nav ul { margin-left:10px; position:relative; top:1px;}
	#nav li { line-height:1.5;}
	#nav .on { color:#999;}

.middle { position:relative; z-index:20; width:100%; padding:0; min-height:100%;}
* html .middle { height:100%;}
	.middle #middle_top { height:110px;}
	.middle .middle_content { margin:40px 180px 0 220px; width:500px; background:#;}
	.middle #middle_bottom { height:110px;}

	
#foot { position:absolute; bottom:40px; right:40px; z-index:20; text-align:right;}
	#foot h3 { margin:0; margin-bottom:3px;}
	#foot h3 a { font-family:'mingliu'; line-height:1.1; font-size:32px; text-shadow:1px 1px 1px #f3f3f3;}
	#foot div { line-height:1.4; font-size:11px;}


.highlight { color:#ffc;}
.new { color:#f00; font-size:9px; position:relative; top:-1px; font-family:Arial;}
.pdf { background:url(/images/document_pdf.gif) no-repeat 0 2px; padding:0 8px;}
.blank { background:url(/images/icon_blank.png) no-repeat -4px 0; padding:0 5px; font-size:12px; margin-right:3px;}

/* 
a[target=_blank] { background:url(/images/icon_blank.png) no-repeat right 0; padding:0 17px 0 0;}   */



.list_disc { margin-left:20px; margin-bottom:20px; margin-top:-3px; padding:0;}
	.list_disc li { text-transform:lowercase; background:url(../images/bullet.gif) no-repeat 0 5px; padding:0 0 0 15px;}

.list_disc_cn { margin-left:20px; margin-bottom:20px; margin-top:-3px; padding:0;}
	.list_disc_cn li { text-transform:lowercase; background:url(../images/bullet.gif) no-repeat 0 3px; padding:0 0 0 15px;}

.list_decimal { margin-left:40px; *margin-left:45px; margin-bottom:20px; margin-top:-3px; padding:0;}
	.list_decimal li { text-transform:lowercase; padding:0 0 0 5px; *padding:0; list-style-type:decimal;}
	
	

/* 公共
---------------------------------------------------------- */
.middle_content {}
	.middle_content .module { background:#; margin:0 0 20px; clear:both;}
	.middle_content .module h4 { margin:0 0 21px;}
	.middle_content .wrap { margin-left:10px; display:inline-block; background:#;}
	.middle_content .wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	* html .middle_content .clearfix { height:1%;}
	.middle_content .wrap { display:block;}
		.middle_content .wrap p { margin:0 0 20px; line-height:1.5; font-family:Arial;}
		.middle_content .wrap dl { margin:0 0 20px;}
				.middle_content .wrap dt { font-size:11px; margin-bottom:1px; text-transform:lowercase; color:#999;}
					.middle_content .wrap dt a { font-size:12px; text-transform:none; margin-right:5px;}
				.middle_content .wrap dd { text-transform:;}
		.middle_content .wrap ul, .middle_content .wrap ol { margin-bottom:20px;}


		.blog_list { margin:0 0 20px;}
			.blog_list dt { font-size:11px; margin-bottom:1px; text-transform:lowercase; color:#999;}
				.blog_list dt a { font-size:12px; text-transform:none; margin-right:5px;}
			.blog_list dd { text-transform:;}
		
		

/* right
---------------------------------------------------------- */
#right {}
#right .module { background:#; margin:40px 0 40px;}
#right .module h4 { margin:0 0 20px;}
#right .wrap { margin-left:10px;}



	

/* about
---------------------------------------------------------- */
#about {}
	#about p { margin-left:15px;}
	#about img { vertical-align:middle;}
	
	
	
/* default
---------------------------------------------------------- */
#default {}
	#default .module {}
		#default .wrap { margin-left:10px;}
	#default .module dl {}
	#default .module dt {}
		#default .module dt a { font-size:12px;}
	#default .module dd {}

#default #years {}
	#default #years li { text-transform:lowercase; background:url(../images/bullet.gif) no-repeat 0 3px; padding:0 0 0 15px; line-height:1.5;}

#default_photos { margin:0 0 20px; background:#;}
	#default_photos .wrap { overflow:hidden; width:100%;}
	
	
/* webdesign
---------------------------------------------------------- */
#webdesign {}
	
	#webdesign #namecard {}
	#webdesign #service {}
	#webdesign #ideology {}
	#webdesign #project {}
	#webdesign #experience {}
	
		#webdesign #namecard .shadow { margin-top:3px;}
		#webdesign #project dt a { margin:0; font-family:Arial;}
		#webdesign #project dt .date { margin-left:5px; font-size:11px; color:#999;}
		#webdesign #project .type { margin:0 0 0 5px; color:#bbb;}
	
	#webdesign #right ul { margin-left:0;}
	
	
	
/* webdesign_test
---------------------------------------------------------- */
.web_layout {}
	.web_layout #left { position:absolute; top:150px; left:650px; width:350px; z-index:30; background:#;}
	.web_layout .middle_content { margin:40px 180px 0 40px; width:600px; background:#;}
	.web_layout #right { position:absolute; top:110px; left:755px; z-index:30; background:#;}




/* publication
---------------------------------------------------------- */
#publication {}
	#publication_books .wrap { overflow:hidden; width:100%;}
	#publication_books .wrap div { float:left; text-align:center;}
	#publication_books .wrap img { margin:0 0 0; vertical-align:middle;}
	#publication_books .shadow { margin:3px 0 20px; clear:left;}




/* travel
---------------------------------------------------------- */
	
#travel {}
	#travel .module {}
		#travel .module .dsc { margin:0 0 17px 1px;}
	
	#travel .wrap {}
	#travel .module h5 { margin:30px 0 15px; font-weight:lighter; font-size:14px;}
		#travel .module h5 a { font-size:14px;}
	#travel .module dl {}
	#travel .module dt { color:#999;}
		#travel .module dt a { font-size:12px; margin-right:5px;}
	#travel .module dd {}
	
	#travel #map .shadow { margin-top:3px;}
	
	#travel #index {}
		#travel #index .bars { float:left; margin:0 15px 0 0; width:110px;}
		#travel #index li { color:#999;}
		#travel #index li a { margin:0 5px 0 0;}
		
	#travel h4 .show { font-size:12px; color:#999; cursor:pointer; margin:0 0 0 5px;}
	
	
/* design
---------------------------------------------------------- */
#design {}
	#design .module {}
		#design .wrap { margin-left:10px;}
	#design .module dl {}
	#design .module dt { color:#999;}
		#design .module dt a { font-size:12px; margin-right:5px;}
	#design .module dd {}
	

/* photography
---------------------------------------------------------- */
#photography {}
	#photography .module {}
		#photography .wrap { margin-left:10px;}
	#photography .module dd { color:#999; font-size:11px;}
		#photography .module dd a { font-size:12px; margin-right:5px;}
	
	#photography #photo .shadow { margin-top:3px;}