﻿@charset "utf-8"; 
/* CSS Document */
body {
font:12px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
color: #333;
height: 98%;
width: 98%; 
background:#fff;
float: center;}
a,a:link,a:visited,a:active,a:hover{text-decoration:none; color: #333;}
a:hover {color: #666;}
a.art,a.art:link,a.art:visited,a.art:active,a.art:hover{text-decoration:none; color: #333;}
a.art:hover {color: #666;}

.mailnone {
	display: none;
}

#tz {
	position:absolute;
	background-color: #FFF;
	margin:0 auto;
	margin: 10px;
	padding: 10px;
	height: 100px;
	width: 570px;
	border: 3px solid #DDD;
	z-index: 999;
	top:60px;
	left:50%;
	margin-left:-300px;
}
#tz2 {
	display: none;
}
#tz span{position:absolute;bottom:15px; right:15px;color: #red;}


#container {
	width:950px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto; }


#header {
width:950px;
margin:0 auto;
/*height:0 auto;*/
height: 80px;
background:;
border-bottom:1px solid #999;
}


#logo {
margin:0; 
width:150px;
padding-left:10px; 
padding-top:20px; 
/*margin-left: 10px;*/
text-align:left;
float: left;
font:18px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体; 
color: #000;
}

/*
#add {
display:none;
font-size:11px ;
}*/


#pagebody {
width:950px;
margin:0 auto;
float: left;
background:;
}


#sidebar {
 background-color:;
 height: 500px;
 width: 210px; 
 position: relative;
 float: left;
 left:0px;
 text-align: left;
}

.sidebarul {
margin:0; 
width: 100px;
padding-left:10px; 
position:relative ; 
top:20px;
text-align:left;
}

.sidebarli{
list-style-type: none;
line-height:14px;
padding-top:13px;
font:12px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
border-bottom:1px solid #999;
}

.sidebarli2{
list-style-type: none;
line-height:14px;
padding-top:13px;
font:12px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
border-bottom:1px solid #cc0033;
}
#y {width: 740px;height: auto;position:relative;float: left;overflow:auto;padding-bottom:50px;}

/*#worksinfo { 
margin:0; 
width: 200px;
padding-left:10px; 
position:relative ; 
top:90px;
text-align:left;
word-wrap:break-word;overflow:hidden;
}*/

#worksinfo { 
margin:0; 
width: 350px;
padding-left:0px; 
position:relative ; 
top:20px;
text-align:left;
word-wrap:break-word;overflow:hidden;
}


#mainbody {
 background-color:;
	height: auto;
	width: 360px;
	position: relative;
	float: left;
	left:0px;
}

#mainbody span{
 position:relative ; 
 top:45px;
 float: left;
}

#mainbody2 {
 background-color:;
	height: auto;
	width: 380px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
}

#mainbody2 span{
 width: 380px;
 position:relative ; 
 top:150px;
 text-align:left;
}

#mainbody3 {
 background-color:;
	height: auto;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
	margin-bottom:20px;
}

#mainbody3 span{
	width: 740px;
	position:relative;
	top:70px;
	text-align: left;
}

#exh1 {
 background-color:;
	height: auto;
	width: 360px;
	position: relative;
	float: left;
	left:0px;
}

#exh1 span{
 position:relative ; 
 top:45px;
 float: left;
}

#exh2 {
 background-color:;
	height: auto;
	width: 380px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
}

#exh2 div{
 width: 380px;
 position:relative ; 
 top:45px;
 text-align:left;
}

#exh3 {
 background-color:;
	height: auto;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
	margin-bottom:20px;
	margin-top:65px;
}

#exh3 div{
	width: 740px;
	position:relative;
	top:30px;
	text-align: left;
}

#exh4 {
 background-color:;
	height: auto;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
	margin-bottom:20px;
}

#exh4 div{
	width: 740px;
	position:relative;
	top:30px;
	text-align: left;
}

#expimg {
 background-color:;
	height: auto;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
	text-align:left;
	margin-top:65px;
}

#expimg li{
	list-style-type: none;
	float: left;
	/*margin-left: 2px;*/
	padding-bottom: 4px;
	padding-right:5px; 
	/*border-left:1px solid #999;*/
}

#artist {
 background-color:;
 height: 400px;
 width: 720px;
 white-space : nowrap;
 position:relative;
 padding-top:66px;
 float: left;
 text-align: left;
 left:0px;
}
#artist li{
list-style-type: none;
padding-left:10px;
float: left;
}
/*#artist {
 background-color:;
 height: 400px;
 width: 720px;
 position: relative;
 float: left;
 left:0px;
}

#artist span{
	width: 720px;
	white-space : nowrap;
	position:relative;
	padding-top:66px;
	float: left;
	text-align: left;
	height: 250px;
	overflow:auto;
}


#artist span li{
list-style-type: none;
padding-left:10px;
float: left;
}*/


/*#artist-name {
 background-color:;
 height: 200;
 width: 180px;
 position: relative;
 float: left;
 left:0px;
}

#artist-name span{
	width: auto;
	position:relative;
	margin-right:; 
	margin-top: 64px;
	float: left;
	font: 12px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
	color: #000;
}*/

#artist-name2 {
 background-color:;
 height: 170;
 width: 210px;
 position: relative;
 float: top;
 margin-top: 100px;
 /*left:10px;*/
}

#nameinfo{
	margin:0; 
	width: 190px;
	padding-left:10px; 
	position:relative ; 
	top:80px;
	text-align:left;
}

#nameinfo li{
	float: top;
	list-style-type: none;
	font:12px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
}

#artistnamebra{
border-bottom:1px solid #fff;
color: #000;
}

#img {
 background-color:;
	height: 40;
	width: 400px;
	position: relative;
	float: left;
	left:0px;
	margin-top: 45px;
}

#img img {
max-width:370px;
/*width:680px;*/
width:expression(document.body.clientWidth>370?"370px":"auto");
max-heigth:370px;
/*width:680px;*/
width:expression(document.body.clientheigth>370?"370px":"auto");
overflow:hidden;
} 

#img li{
list-style-type: none;
float: left;
margin-right: 8px; margin-bottom: 8px;
}

#imgsli {
	position: relative;
	left:auto;
	top:auto;
	width:95px;
	height:auto;
	float: left;
	left:0px;
	margin-top: 45px;
	/*border-left:1px solid #999;*/
}

#imgsli li{
	list-style-type: none;
	float: left;
	/*margin-left: 2px;*/
	padding-bottom: 4px;
	padding-left:5px; 
	/*border-left:1px solid #999;*/
}

#fworks {
 background-color:;
 	top:33px;
	height: 40;
	width: 510px;
	position: relative;
	float: left;
	left:0px;
}
#fworks li{
list-style-type: none;
float: left;
margin-right: 8px; margin-bottom: 8px;
}	

#contact {
 background-color:;
 	top:33px;
	height: 40;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
}

#contactpress {
 background-color:;
 	top:13px;
	height: 40;
	width: 740px;
	position: relative;
	float: left;
	left:0px;
}

#expbra {
 background-color:;
	height: 40;
	padding-top:45px;
	width: 600px;
	position: relative;
	float: left;
	left:0px;
}
.exp {
 background-color:;
	height: 75;
	width: 540px;
	position: relative;
	float: left;
	left:0px;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.exp span{
	height: 85;
	width: 100px;
	position: relative;
	float: left;
	left:0px;
}

.exp ul{
	height: 85;
	width: auto;
	position: relative;
	float: left;
	left:0px;
}
.exp li{
list-style-type: none;
}

.news {
 background-color:;
	height: 75;
	width: 540px;
	position: relative;
	float: left;
	left:0px;
	padding-bottom:8px;
	margin-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.press {
 background-color:;
	height: 140px;
	overflow: hidden;
	line-height: 18px;
	text-indent: 24px;
	width: 730px;
	position: relative;
	float: left;
	left:0px;
	padding-bottom:8px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	/*cursor: pointer;*/
}

.press2 {
 background-color:;
	height: auto;
	line-height: 18px;
	text-indent: 24px;
	width: 730px;
	position: relative;
	float: left;
	left:0px;
	padding-bottom:8px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.press-t {
 cursor: pointer;
 font:14px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif, 宋体;
}

#bio {
	height: 40;
	padding-top:33px;
	width: 600px;
	position: relative;
	float: left;
	
	text-decoration: none;
	text-indent:-36px;
	padding-left:36px;
	list-style-position: outside;
	list-style-type: none;
	margin-top:0px;
	margin-bottom:0px;
}
#bio p {margin-top:0px;margin-bottom:5px;}




#footer {
	width:950px;
	margin:0 auto;
	height:100px;
	float: left;
	color: #999;
	background:;
	position:relative;
}
.add{
	position:absolute;bottom:0px; left:10px;font:11px;
}


.copy{position:absolute;bottom:0px; right:0px;}

