@charset "utf-8";
/* CSS Document */
body{
	background:#000;}
#indexbg img{
	width:100%;}

footer  a{
	display:inline-block;
	
	width:30px;
	padding:5px; 
	color:#fff;}
footer{
	color:#fff;
	padding:20px;
	background-color:#000;}	
.contentbanner{
	padding-top:50px;
	/*height:450px;
	background-color:#333;
	padding-top:250px;
	color:#fff;
	text-align:center;*/}
.contentbanner img{
	width:100%;}	
.about_title,.about_content{
	color:#DFDFDF;
	line-height:2;}	
.about_title{
	font-size: 40px;
	
	}	
.about .row{
	padding: 40px 0px 60px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.about .row:last-child{
	border-bottom-style: none;
}
.exhibition,.shop,.works,.contact{
	color:#DFDFDF;
	padding:20px 0px;}
a{
	color:#FF6;}	
a:hover{
	color:#FC0;}	
.contact{
	background-color:#FFF;
	color:#333;}		
.exhibition_list img,.works_list img{
	width:100%;
	margin-bottom:10px;
	}	
	.exhibition img,.works img{
	width:100%;
	margin-bottom:20px;
	}	
.exhibition_list,.exhibition,.works_list ,.works{
	padding:20px 0px;
}	
.exhibition_list,.works_list{
	text-align:center;
	}
.exhibition_list a,.works_list a{
	margin: 10px auto;
	display: block;
	font-size: 120%;
	text-decoration: none;
	color:#fff;
	}	
.exhibition_list a:hover,.works_list a:hover{
	font-weight:bolder;
	
}
.exhibition ,.works{
	padding-top:100px;
	}


@media all and (max-width: 768px)  {
.web_logo{
	margin-top:10px;}	
		#indexbg{
			margin-top:130px;
			
	}	
	.contentbanner{
	padding-top:70px;
}
	.works{
	padding-top:80px;
	}
	
}