@charset "utf-8";
/* CSS Document */


/*artwork 開始*/
/*artwork 開始*/
/*artwork 開始*/
/*artwork 開始*/
/*artwork 開始*/
#en .artwork,
#tw .artwork{
width:940px;
margin-left:auto;
margin-right:auto;


}

#en .artwork hgroup,
#tw .artwork hgroup{
	margin-top:62px;
	margin-bottom:54px;
}

#en .artwork h2,
#tw .artwork h2{
	font-family:"新細明體","微軟正黑體","Crimson Text","Times New Roman", Times, serif;

	font-size:37px;
	color:#555;
	font-weight:normal;

	margin-bottom:9px;	
}
#en .artwork h2{
	font-family:none;
}

#en .artwork h2 span,
#tw .artwork h2 span{
	display:none;
}


#en .artwork h3,
#en .artwork h3 a,
#en .artwork h3 a:hover,
#tw .artwork h3,
#tw .artwork h3 a,
#tw .artwork h3 a:hover
{
	font-weight:normal;
	text-decoration:none;
	font-size:15px;
	color:#7c7c7c;
	text-decoration:none;

	
	

}

#en .artwork ul,
#tw .artwork ul{
	
	list-style-type:none;
	/*width:976px;*/
	width:981px;
	
	/*margin-left:17px;*/
	
	

}

#en .artwork ul li,
#tw .artwork ul li{
	position:relative;
	float:left;
	width:286px;
	height:286px;
	margin-right:41px;
	margin-top:41px;
	/*
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	*/
}


#en .artwork ul li div,
#tw .artwork ul li div{
	width:286px;
	height:286px;
	
	
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	
}

#en .artwork ul  .size_large,
#tw .artwork ul  .size_large{
	float:left;
	width:450px;
	height:450px;
	margin-right:38px;
	margin-top:38px;
	/*
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	*/
}

#en .artwork ul .size_large div,
#tw .artwork ul .size_large div{
	width:450px;
	height:450px;
	
	
	display:table-cell;
	text-align:center;
	vertical-align:middle;

	
}


#en .artwork ul li h3,
#tw .artwork ul li h3{
	
	display:none;
	position: absolute;
	left: 50%;
	top: 50%;
	width:140px;
	margin:-18px 0 0 -80px;
/*	font-size: 10px;*font-size:8px;font-size: 1.0rem; *//* about10px */
	text-align: center;
	padding: 10px;
	background: #000;
	color: #fff;
	font-weight: normal;
	line-height: 1.3;
	text-decoration:none;
}


#en .artwork ul li a,
#tw .artwork ul li a{
	text-decoration:none;
}

#en .artwork ul li a:hover h3,
#tw .artwork ul li a:hover h3{
	display:inline;
	




	
}

#en .artwork ul li a:hover img,
#tw .artwork ul li a:hover img{
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
}








#en .artwork .line3,
#tw .artwork .line3{
	margin-top:39px;
}











/*artwork 結束*/
/*artwork 結束*/
/*artwork 結束*/
/*artwork 結束*/
/*artwork 結束*/