@charset "utf-8";

	#mainContent .body {
		text-align: center;
	}
	#mainContent .body .title {
		margin: 0 0 40px;
	}
	#mainContent .body .sNav {
		margin: 0 0 20px;
	}
	#mainContent .body .sNav li {
		width: 100px;
		display: inline-block;
		margin: 0 0 10px 10px;
	}
	#mainContent .body .sNav li:first-child {
		margin: 0 0 10px;
	}
	#mainContent .body .sNav img {
		vertical-align: top;
	}
	#mainContent .body .sNav a {
		display: block;
		border: 1px solid #c1c1c1;
		text-align: center;
	}
	#mainContent .body .sNav a:hover,
	#mainContent .body .sNav strong {
		display: block;
		border: 1px solid #937e28;
		background: #937e28;
		text-align: center;
	}

	.flex-control-nav {
		width: auto;
	}
	.flex-control-thumbs {
		margin: 0;
		padding: 10px 0 0;
		clear: both;
		text-align: center;
	}
	.flex-control-thumbs li {
		display: inline-block;
		width: 80px;
		height: 50px;
		margin: 0 5px 10px;
		position: relative;
		float: none;
		overflow: hidden;
	}
	.flex-control-thumbs img {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	.flex-control-thumbs img.flex-active {
		top: -100%;
	}

@media only screen and (max-width:1120px) {
/*	#mainContent .body .sNav {
		text-align: left;
	}*/
	#mainContent .body .sNav li,
	#mainContent .body .sNav li:first-child {
		width: 10%;
		margin: 0 1% 10px 0;
	}
	#mainContent .body .sNav li:last-child {
		margin: 0 0 10px;
	}
}
@media only screen and (max-width:700px) {
	#mainContent .body .sNav li,
	#mainContent .body .sNav li:first-child,
	#mainContent .body .sNav li:nth-child(5n+5) {
		width: 32%;
		margin: 0 1% 10px 0;
	}
	#mainContent .body .sNav li:nth-child(3n+3) {
		margin: 0 0 10px;
	}
}
@media only screen and (max-width:640px) {
	#mainContent {
		padding: 10px;
	}
	.flex-control-thumbs li {
		width: 40px;
		height: 25px;
	}
}
@media only screen and (max-width:480px) {
	#mainContent .body .sNav li,
	#mainContent .body .sNav li:first-child,
	#mainContent .body .sNav li:nth-child(5n+5),
	#mainContent .body .sNav li:nth-child(3n+3) {
		width: 49%;
		margin: 0 2% 10px 0;
	}
	#mainContent .body .sNav li:nth-child(2n+2) {
		margin: 0 0 10px;
	}
}