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

.work-grid-5 {
	border-top:#000 solid 1px;
	margin-left:-1px;
	margin-bottom:-1px;
}
.work-grid-5 .work-item {
	border-bottom:#000 solid 1px;
	border-left:#000 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.workImg{
	width:100%;
	overflow:hidden;
}
.workImg img{
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.workImg.hover img{
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	
	-webkit-transition: all 3s linear 0.2s;
	-moz-transition: all 3s linear 0.2s;
	-ms-transition: all 3s linear 0.2s;
	-o-transition: all 3s linear 0.2s;
	transition: all 3s linear 0.2s;
}

.viewPort {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background:rgba(0, 0, 0, 1);
}
.viewPort img {
	position:absolute;
}
.photoControl {
	position:absolute;
	left:50%;
	bottom:10px;
	width:120px;
	margin-left:-60px;
	text-align:center;
	z-index:5;
}
.photoControl img {
	position:relative;
}
.photomask {
	position:relative;
	width: 100%;
	height: 100%;
	/*background:#F00;*/
  z-index:2;
}
/*選單效果*/

.list {
	width:100%;
	overflow:hidden;
	display:block;
}
.list img {
	width:100%;
	display:block;
}
.list {
	color: #000;
	line-height: 1.5em;
	font-size: 95%;
	text-align: center;
}
/*移動效果 勿砍*/
.list figure {
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
/*移動效果 勿砍*/

.list:hover {
	border-bottom:#FFF solid 1px;
	box-sizing:border-box;
}
.list figcaption {
	background: #FFF;
	padding: 10px;
}