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

/*列表頁*/
div.visitorList{
	margin-top: 20px;
	margin-right: -10px;
	margin-bottom: 0;
	margin-left: -10px;
}

div.visitorList div.visitorContent{
width:23%;
	padding:10px;
	margin:0 1% 40px 1%;
	background:#fff;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 2px 1px rgba(0,0,0,0.20);
float:left;}

div.visitorList div.visitorContent .item{}

div.visitorList div.visitorContent .Img{
	position:relative;
	background:#000;
	overflow:hidden;
	margin-bottom:5px;}

div.visitorList div.visitorContent .Img img{
	display:block;
	width:100%;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

div.visitorList div.visitorContent .Img:hover img{
	opacity:0.4;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);}

div.visitorList div.visitorContent .Img a:before{
	display:block;
	content:"DETAILS";
	padding:10px 20px;
	font-size:12px;
	color:#FFF;
	border:1px solid #FFF;
	border-left:none;
	border-right:none;
	opacity:0;
	
	position:absolute;
	left:50%;
	margin-left:-45px;
	top:50%;
	margin-top:-80px;
	z-index:99;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

div.visitorList div.visitorContent .Img:hover a:before{
	opacity:1;
	margin-top:-20px;}



div.visitorList div.visitorContent p{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#000;
	line-height:2.2;}
div.visitorList div.visitorContent p a{color:#000;}
div.visitorList div.visitorContent p a:hover{
text-decoration:underline;}
div.visitorList div.visitorContent b{padding-top:10px;
	font-size:12px;
	color:#aaa;
	line-height:1.8;
	font-weight:normal;
overflow:hidden;}
div.visitorList div.visitorContent b a{color:#aaa;}
div.visitorList div.visitorContent b a:hover{
	text-decoration:underline;}
@media (max-width: 768px){
div.visitorList div.visitorContent{
		width:46%;
		margin-bottom:25px;}
}
@media (max-width: 450px){
div.visitorList div.visitorContent{
		width:98%;
		margin-bottom:25px;}
}