﻿.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); top: 38%;}



/***swiper1***/

.banner-num1 img{width:100%;}
.banner-num1 .ax-slide a{display: block;height:75vh;width: 100%;position: relative;}


/***swiper2***/
.swiper-list-2{width:100%;}
.swiper-list-2 .ax-slide a{width:100%;display: block;overflow:hidden;}
	.swiper-list-2 div{position:relative;overflow:hidden;width:100%;background:#FFF;}
		.swiper-list-2 a p{display: block; height: calc(11.0rem + 12vw); width:100%;
		background-repeat: no-repeat;background-position: center;background-size: cover;
		-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
		.swiper-list-2 a:hover p{transform: scale(1.1);}
		.swiper-list-2 .list-m21{font-weight:bold;font-size:calc(1.4rem + 0.25vw);
		height: calc(2.8rem + 1.5vw); line-height: calc(2.2rem + 1.5vw);background:#FFF;padding-top:0.6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;}
		.swiper-list-2 .list-m22{font-size:calc(0.8rem + 0.4vw);color:#666666;
		height: calc(3rem + 1vw); line-height: calc(1.5rem + 0.5vw);float:left;margin-bottom:calc(0.2rem + 0.2vw);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;}
		.swiper-list-2 div dl dd{width:100%;}
		.swiper-list-2 dl li{width:100%;padding:0px calc(0.6rem + 0.4vw);
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
		.swiper-list-2 div dl{position:relative;background-image:linear-gradient(#ff6600,#ff6600);background-position:0 100%;
		background-size:0 calc(0.32rem + 0.1vw);background-repeat:no-repeat;transition:background-size .3s;
		padding-bottom:calc(1.0rem + 1.0vw);}/***白高度***/
			.swiper-list-2 a:hover dl{background-size:100% calc(0.32rem + 0.1vw);}
			/***逐漸***/
			.swiper-list-2 a::before {
			content: '';
			position: absolute;
			bottom: 0px;
			height: calc(0.3rem + 0.1vw);/***覆蓋***/
			width: 100%;
			background: #00618b;
			left: 0px;}

/***swiper3***/
.banner-num3 .ax-slide a{ height: 72vh;}
.banner-num3{}
/***列表***/
.swiper-list-3{width:100%;}
	.swiper-list-3 div{position:relative;height:calc(9.5rem + 2.2vw) !important;overflow:hidden;width:100%;}
	.swiper-list-3 a {display: block; height: calc(9.5rem + 2.2vw) !important; width:100%;}
		.swiper-list-3 a p{display: block; height: calc(4rem + 3.8vw); 
		background-repeat: no-repeat; background-position: center; background-size: cover !important;
		transition: all 200ms linear;}
		.swiper-list-3 a:hover p{transform: scale(1.1);}

		.banner-num3.ax-horizontal > .ax-pages.ax-pages-bullets {bottom:0px !important;}


/*===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.4rem + 0.4vw);height: calc(0.4rem + 0.4vw); margin: 0 0.4rem;}
	/***左右箭頭***/
	.banner-num1 .ax-prev ,.banner-num1 .ax-next{ display: none;}
	.banner-num2 .ax-prev ,.banner-num2 .ax-next{ display: none;}
	.banner-num1 .ax-slide a{display: block;height:60vh;width: 100%;position: relative;}

/*===media響應992===*/
@media (max-width:992px) {
	.banner-num1 .ax-slide a{display: block;height: 60vh;width: 100%;position: relative;}
	.swiper-list-3 a p{display: block; height: calc(8rem + 3vw);}
	.banner-num3 .ax-prev ,.banner-num3 .ax-next{ display: none;}
}
/*===media響應768 要放在最後===*/
@media (max-width:768px) {
		.banner-num1 .ax-slide a{display: block;height: 60vh;width: 100%;position: relative;}
}
/*===media響應480===*/
@media (max-width:480px) {
	.banner-num1 .ax-slide a{display: block;height: 31vh;width: 100%;position: relative;}
	.swiper-list-3 a p{display: block; height: calc(7rem + 3vw);}
	
}