@charset "utf-8";
#index-banner {
	height: 570px;
	position: relative;
	width: 100%;
	border-bottom-width: 27px;
	border-bottom-style: solid;
	border-bottom-color: #004393;
}

#down-but {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 99;
	cursor: pointer;
	margin-left: -25.5px;
}

#index-banner-pic1 {
	height: 100%;
	width: 100%;
	background-image: url(../../../images/banner-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 51;
	padding-top: 200px;	
}
#index-banner-txt1 {
	height: auto;
	width: 55%;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#index-banner-pic2 {
	height: 100%;
	width: 100%;
	background-image: url(../../../images/banner-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 52;
	display: none;
	padding-top: 200px;
}

#index-banner-txt2 {
	height: auto;
	width: 55%;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#index-banner-pic3 {
	height: 100%;
	width: 100%;
	background-image: url(../../../images/banner-3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 53;
	display: none;
	padding-top: 200px;
}

#index-banner-txt3 {
	height: auto;
	width: 55%;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.test {
}
/* ==平板電腦====================================== */
@media screen and (min-width: 640px) and (max-width: 969px) {

	#index-banner {
		height: 400px;
	}

	#down-but {
		bottom: 20px;
	}

	#index-banner-pic1 {
		padding-top: 120px;	
	}

	#index-banner-txt1 {
		width: 70%;
		max-width: 600px;
	}
	
	#index-banner-pic2 {
		padding-top: 120px;
	}

	#index-banner-txt2 {
		width: 70%;
		max-width: 600px;
	}
	
	#index-banner-pic3 {
		padding-top: 120px;
	}

	#index-banner-txt3 {
		width: 70%;
		max-width: 600px;
	}

}
/* ==手機電腦====================================== */
@media screen and (max-width: 639px) {

	#index-banner {
		height: 0;
		position: relative;
		width: 100%;
		padding-bottom: 125%;
		border-bottom-width: 20px;
		border-bottom-style: solid;
		border-bottom-color: #004393;
	}

	#down-but {
		bottom: 150px;
	}

	#index-banner-pic1 {
		background-image: url(../../../images/banner-1-m.jpg);
		background-size:cover;
	}
	
	#index-banner-txt1 {
		display: none;		
	}
	
	#index-banner-pic2 {
		background-image: url(../../../images/banner-2-m.jpg);
		background-size:cover;
	}
	
	#index-banner-txt2 {
		display: none;		
	}

	#index-banner-pic3 {
		background-image: url(../../../images/banner-3-m.jpg);
		background-size:cover;
	}
	
	#index-banner-txt3 {
		display: none;		
	}

}