﻿.banner-bg .ax-slide a{width:100%;display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}
[class*="ax-swiper"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);}
*[class*="ax-swiper"] .ax-prev,
*[class*="ax-swiper"] .ax-next {color: rgba(255, 255, 255, 0.5);}

/***swiper0***/
.banner-num0 .ax-slide a{height:80vh;}

/***swiper1***/
.banner-num1{position:relative}
.banner-num1 .ax-slide a{height:100vh; }/***wap-重定***/
	/***圓點***/
	[class*="banner-num1"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important}
	[class*="banner-num1"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:40px;height:5px;border-radius:0px !important}
	.banner-num1.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:20px;}
	*[class*="banner-num1"] .ax-pages .ax-pages-bullet{border-radius:2px !important}
	.banner-num1 .ax-pages-fraction, 
	.banner-num1 .ax-pages-custom, 
	.banner-num1 .ax-horizontal > .ax-pages-bullets, 
	.banner-num1 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圓點位置***/

/***swiper1***/
.banner-num2{position:relative;height:100%;background:#000}
.banner-num2 .ax-slide a{height:100%;display:block }
	/***圓點***/
	[class*="banner-num2"] .ax-pages .ax-pages-bullet{background:rgba(255,255,255,0.6);opacity:1;width:10px;height:5px;border-radius:0px !important}
	[class*="banner-num2"] .ax-pages .ax-pages-bullet-active {opacity: 1; background: rgba(255, 90, 0, 0.8);width:20px;height:5px;border-radius:0px !important}
	.banner-num2.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:10px;}
	*[class*="banner-num2"] .ax-pages .ax-pages-bullet{border-radius:2px !important}
	.banner-num2 .ax-pages-fraction, 
	.banner-num2 .ax-pages-custom, 
	.banner-num2 .ax-horizontal > .ax-pages-bullets, 
	.banner-num2 .ax-pages-bullets.ax-pages-horizontal{left:auto;right:20px;width:auto;}/***圓點位置***/

.banner-list-2 .text {position: absolute;left: 0;bottom: -1px; right: 0;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    color: #fff;
	padding:0px calc(1rem + 0.5vw);height:calc(6rem + 0.5vw);line-height:calc(6rem + 0.5vw);overflow:hidden;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	}

/***列表3***/
.swiper-list-3{width:100%;padding-bottom:calc(2rem + 0.5vw);}
	.swiper-list-3 div{position:relative;overflow:hidden;width:100%;	
	background:#FFF;padding:calc(0.5rem + 0.1vw);
	overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.swiper-list-3 a {display: block;  width:100%;
}
		.swiper-list-3 a p{display: block; height: calc(16rem + 2vw); 
		background-repeat: no-repeat; background-position: center; background-size: cover !important;
		transition: all 200ms linear;}
		.swiper-list-3 a:hover p{transform: scale(1.0);}
		.banner-num3.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom: 0rem;}
	.swiper-list-3 div dl{
	height:calc(5.0rem + 0.4vw);line-height:calc(2.5rem + 0.2vw);width:100%;text-align:left;overflow:hidden;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	padding:calc(0.1rem + 0.1vw) calc(0.5rem + 0.5vw);
	text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight:normal}
	.swiper-list-3 a dl{color:#000}
	.swiper-list-3 a:hover dl{color:#F00;}



/*===media響應1200===*/
@media (max-width:1200px) {
	/***圓點***/
	.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:calc(0.1rem + 1.0vw);}
	*[class*="ax-swiper"] .ax-pages .ax-pages-bullet {width: calc(0.6rem + 0.4vw);height: calc(0.6rem + 0.4vw); margin: 0 0.4rem;}
	/***左右箭頭***/
	.banner-num1 .ax-slide a{ height: 60vh; }
}

/*===media響應900===*/
@media (max-width:900px) {
	/***wap重定pc***/
	.banner-num2 .ax-slide a{height:calc(10.0rem + 30.0vw); }
	.banner-num1 .ax-slide a{ height: auto; }
}

/*===media響應768 要放在最後===*/
@media (max-width:768px) {
	.banner-num1 .ax-slide a{ height: auto; }
	
}

/*===media響應480===*/
@media (max-width:480px) {
	.banner-num1 .ax-slide a{ height: auto; }

}