@charset "utf-8";
/* CSS Document */
.banner {
	height: 700px;
	position: relative;
	z-index: 99;
}
.banner-inner {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	position: relative;
	max-width: 1920px;
	box-sizing: border-box;
}
.banner-inner .tt {
	height: 1em;
	padding-top: 50px;
	font-size: 2.4em;
	margin-bottom: 1em;
	display: block;
}
.swiper-bn {
	margin: 0px auto;
	width: 100%;
	height: 700px;
}
.swiper-slide {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1920px auto;
}
.swiper-slide .bn_wd {
	left: 100px;
	top: 350px;
	position: absolute;
}
.swiper-slide .bn_wd h1 {
	color: #000000;
	font-size: 2.4em;
	margin-bottom: 0.83em;
	display: block;
}
.slide1 {
	background-image: url("../images/mainbanner01.jpg");
}
.slide1 .bn_wd {
}
.slide1 .bn_wd .logo {
}
.slide2 {
	background-image: url("../images/mainbanner02.jpg");
}
.slide3 {
	background-image: url("../images/mainbanner03.jpg");
}
.slide3 .bn_wd {
}
.slide4 {
}
.slide4 .bn_wd {
}
.slide5 {
}
.slide5 .bn_wd {
}
.slide5 .btn {
}
.slide5 .btn a {
}
.slide5 .btn a:hover {
}
.slide6 {
}
.slide6 .bn_wd {
}
@media only screen and (max-width: 1440px){
}

@media only screen and (max-width: 1366px){
.banner {
	height: 498px;
}
.swiper-bn {
	height: 498px;
}
.swiper-slide {
	background-size: 1366px auto;
	background-position: center top;
}
}

/*1000-1280dpi 針對1920寬螢幕以及筆電最高寬度解析度(多數)到1366和1400*/
@media only screen and (max-width: 1280px){
}

@media only screen and (max-width: 1100px){
}

/*960-1024dpi 針對老舊型電腦1024x768解析度使用者以及iPad平板(橫式)*/
@media only screen and (max-width: 1024px){
.banner {
	height: 400px;
}
.swiper-bn {
	height: 400px;
}
.swiper-slide {
	background-size: 1100px auto;
	background-position: center top;
}
}

@media only screen and (max-width: 960px){
.slide1 {
	background-image: url("../images/mainbanner-s01.jpg");
}
.slide2 {
	background-image: url("../images/mainbanner-s02.jpg");
}
.slide3 {
	background-image: url("../images/mainbanner-s03.jpg");
}
.swiper-slide {
	background-position: center top;
	background-size: 960px auto;
}
.banner {
	height: 500px;
}
.swiper-bn {
	height: 500px;
}
}

/*720-780dpi 針對各廠牌平板解析度使用(直式)*/
@media only screen and (max-width: 780px){
}

/*520-640dpi 針對各廠牌智慧型手機螢幕解析度使用；除非有使用寬度百分比自動縮放，可省略設定*/
@media only screen and (max-width: 640px){
.swiper-slide {
	background-size: 700px auto;
}
.banner {
	height: 365px;
}
.swiper-bn {
	height: 365px;
}
}

/*320-480dpi 針對各廠牌智慧型手機螢幕解析度使用(直式)*/
@media only screen and (max-width: 480px){
.swiper-slide {
	background-size: 500px auto;
}
.banner {
	height: 260px;
}
.swiper-bn {
	height: 260px;
}
}

@media only screen and (max-width: 375px){
}