/*! http://responsiveslides.com v1.54 by @viljamis */
#banner {
	position: relative;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top: 140px;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides li a.photo {
	background-size: 100% auto;
}

.rslides a.photo img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

ul.rslides_tabs {
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
	z-index: 10;
}

ul.rslides_tabs li {
	margin: 0 5px;
	display: inline-block;
}

ul.rslides_tabs li a {
	overflow: hidden;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border: 1px #fff solid;
	display: block;
	text-indent: -999px;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

ul.rslides_tabs li:hover a ,
ul.rslides_tabs li.rslides_here a {
	background: #fff;
}

#banner .bannerText {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 75%;
	z-index: 10;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

.wrap {
	margin-top: 40px;
}


/************ = 適應性 = ************/
/* +width:1024 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.rslides li a.photo {
		background-size: auto 100%;
	}
	.rslides a.photo img {
		width: 150%;
	}
}


/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#banner .bannerText img {
		width: 400px;
	}
}


/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#banner .bannerText {
		display: none;
	}
	.rslides{
		margin-top: 87px;	
	}
}