@charset "UTF-8";
/* CSS Document */
/*主選單*/
#header ul li a.herenow{color:#608ff7; font-weight:bold;}

.studio_photo{display:block;margin:0px;width:80%;padding:30px 12%;list-style-type:none;text-align:center}
.studio_photo li{display: inline-block;margin:0 10px 20px 10px; padding:0; }
.studio_photo li:hover{ transform:scale(0.98,0.98);transition: 0.1s linear;}

.zoomin li:hover{cursor:pointer;}
.zoomin li:hover img{ opacity:0.1;}
.zoomin li:hover:before{ content:url(../images/icon/zoom-01.png); float:left; position:absolute; top:38%;left:40%;}
.zoomin li:hover:after{ 
content:''; float:left; position:absolute;background: linear-gradient(to left,rgba(85,67,70,1),rgba(69,80,91,1))!important;
transition: 0.2s opacity ease-in-out;left:0;top:0; z-index:-1;height:100%; width:100%;}

@media screen and (max-width:768px){
	
	.studio_photo{display:block;margin:0px;width:80%;padding:0 10%;list-style-type:none;text-align:center;position:relative;}
	.studio_photo li{ display: inline-block ; float:left;margin:0 0 1% 0;width:100%; height:auto;}
	.studio_photo li img{ max-width:100%}
}