/*PC*/
@media print, screen and (min-width:1000px){
.photo{
	width:700px;
	height:auto;
	float:left;
}
.nav{
	width:100px;
	height:auto;
	float:left;
}
.over img{
	opacity:0.5;
}
.nav ul{
	width:75px;
	margin: 5px 10px;
	padding: 0;
}
.nav li{
	display:inline;
	list-style:none;
}
}
/*smart*/
@media print, screen and (max-width:999px){
	.photo{
	width:95%;
	height:auto;
	margin:10px auto;
}
.nav{
	width:90%;
	height:auto;
	margin:0px auto;
}
.over img{
	opacity:0.5;
}
.nav ul{
	width:100%;
	margin: 0px auto;
	padding: 0;
}
.nav li{
	width:30% !important;
	float:left;
	display:inline;
	list-style:none;
	margin-right:3%;
}
}