#topWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    top:80px;
}
@media screen and (min-width: 1025px) {
	.castmovie_box{
		width:990px;
		height:auto;
		overflow:hidden;
		padding:5px;
		margin:0 auto;
	}
	.castmovielist li {
		position: relative;
		background-color:#666;
		float: left;
		width: 310px;
		height:auto;
		overflow:hidden;
		padding:5px;
		margin:5px;
		text-align: center;
	}
	.castmovielist li a {
		display: block;
		margin: 0px;
		padding: 0px;
		transition: 0.3s ease-in-out;
		position: relative;
		text-decoration:none;
	}
	.castmovielist li a:hover {
		box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2);
	}
	.castmovielist li a .girls_photo img.companionThumb {
		width: 300px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		filter: sepia(30%);
		opacity: 1;
		margin:5px auto 0;
	}
	.girls_girlname{
		width:90%;
		height:auto;
		overflow:hidden;
		margin:1% auto 0;
		font-size:18px;
		color:#FFF;
		line-height:1.6em;
		text-align:center;
	}
	footer {
		text-align: center;
		width: 100%;
		height:auto;
		overflow: hidden;
		background-color: #000;
		background-image: url(../img/common/footer_back.jpg?3103);
		background-position: center top;
		background-size:100% auto;
		color:#FFF;
		margin:80px 0;
		z-index:3;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	.castmovie_box{
		box-sizing: content-box;
		background:rgba(0,0,0,0.7);
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
	}
	.castmovielist li {
		position: relative;
		background:url(../img/contents/girl_back.jpg) no-repeat;
		background-size: 100% auto;
		float: left;
		width: 46%;
		height:auto;
		overflow:hidden;
		padding:1%;
		margin:1%;
		text-align: center;
	}
	.castmovielist li a {
		display: block;
		margin: 0px;
		padding: 0px;
		transition: 0.3s ease-in-out;
		position: relative;
		text-decoration:none;
	}
	.castmovielist li a:hover {
		box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2);
	}
	.castmovielist li a .girls_photo img.companionThumb {
		width: 95%;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		filter: sepia(30%);
		opacity: 1;
		margin:1% auto 0;
	}
	.girls_girlname{
		width:90%;
		height:auto;
		overflow:hidden;
		margin:1% auto 0;
		font-size:1.2em;
		color:#FFF;
		line-height:1.6em;
		text-align:center;
	}
}

@media screen and (max-width: 599px) {
	.castmovie_box{
		box-sizing: content-box;
		background:rgba(0,0,0,0.7);
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
	}
	.castmovielist li {
		position: relative;
		background:url(../img/contents/girl_back.jpg) no-repeat;
		background-size: 100% auto;
		float: left;
		width: 46%;
		height:auto;
		overflow:hidden;
		padding:1%;
		margin:1%;
		text-align: center;
	}
	.castmovielist li a {
		display: block;
		margin: 0px;
		padding: 0px;
		transition: 0.3s ease-in-out;
		position: relative;
		text-decoration:none;
	}
	.castmovielist li a:hover {
		box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.2);
	}
	.castmovielist li a .girls_photo img.companionThumb {
		width: 95%;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		filter: sepia(30%);
		opacity: 1;
		margin:1% auto 0;
	}
	.girls_girlname{
		width:90%;
		height:auto;
		overflow:hidden;
		margin:1% auto 0;
		font-size:1em;
		color:#FFF;
		line-height:1.6em;
		text-align:center;
	}
}