.i_photo { max-width: 1550px; margin: 0 auto; overflow: hidden; padding: 60px 0 130px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}
.i_photo_mask {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;}



.grid-outer {position: relative;height: 100%;width: calc(33.333% - 20px); margin: 10px;overflow:hidden; line-height:0; }
.grid-outer .grid-item { line-height:0;}
.grid-outer .grid-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
}
/*
.grid-outer .grid-item-img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%); 
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
*/
.grid-item-content { width:80%; position: absolute; top: 50%; left: 50%; z-index: 2; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.grid-item-content h4,
.grid-item-content p a {font-size: 20px;letter-spacing: 4px;padding: 7px 15px;color:#fff; line-height:100%; border: 1px #ffffff solid; -webkit-transition: all 600ms ease; transition: all 600ms ease;}
.grid-item-content p input { width:48%; margin:1%; padding:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#666;}
.grid-item-content h4, 
.grid-item-content p { opacity: 0; }

/* 增加於 >> 雜誌報導 (類似最新消息) */
.grid-item-content strong, .grid-item-content em, .grid-item-content kbd { font-size:15px; color:#aaa; display:block; text-align:center; margin-bottom:10px; line-height:100%;}
.grid-item-content strong { font-size:36px; font-weight:normal;}
.grid-item-content em { font-style:normal;}

/* 相簿滑過功能 */

.grid-outer .grid-item img { transition: 0.8s;}/*想增加秒數*/
.grid-outer:hover .grid-overlay { background: rgba(0, 0, 0, 0.5); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); }
.grid-outer:hover .grid-item-img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
/*
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
*/
}
.grid-outer:hover .grid-item-content h4 { opacity: 1; margin-bottom: 10px; padding: 15px 30px; font-weight:normal; }
.grid-outer:hover .grid-item-content p { opacity: 1; margin-top: 10px; color: #ffffff; }