@charset "utf-8";
body,html{margin:0;height:100%}
body{height:.SliderBlock;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:"微軟正黑體","LiHei Pro",Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#424242;position:relative; background:#af1328; }
a:focus{outline:0}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#000}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h6,p{margin:0;padding:0}
/*---------------------------------------*/
.Wrapper{width:950px;margin:auto;}

.Block .Wrapper{ background:url(../images/950.jpg)no-repeat ;}
.adbanner01{width: 255px;margin-bottom: 17px;}
.SliderBlock{ overflow: hidden;margin-left: -29px;}

.Coverflow{width: 255px;position: relative;}
.Coverflow>a{display: block;position: absolute;top:0;left:0;
				-webkit-animation: fade 6s linear infinite;
				animation: fade 6s linear infinite;
				visibility: hidden;
}
.Coverflow>a>img{max-width: 100%;}
.Box{padding: 366px 0 0 0;position: relative; display: flex; flex-direction: row-reverse;}
.BannerBlock{padding: 100px 0 0 30px;}
.AdBlock ul li{ float: left; }
.AdBlock{width: 860px; margin: auto;}
.AdBlock ul li.AdMain{ float: right; margin: -7px auto 0 auto;}
.Mobile{display: none;}
.Desktop{display: block;}

/*動畫關鍵影格*/
@-webkit-keyframes fade {
	4% {visibility: visible;}
	20% {visibility: visible;}
	33%  {visibility: hidden;}
}
@keyframes fade {
	4% {visibility: visible;}
	20% {visibility: visible;}
	33% {visibility: hidden;}
}


/*每個圖片各延遲5秒*/
	.Coverflow>a:nth-child(1) {
		-webkit-animation-delay: 0s;
				animation-delay: 0s;
	}

	.Coverflow>a:nth-child(2) {
		-webkit-animation-delay: 2s;
				animation-delay: 2s;
	}

	.Coverflow>a:nth-child(3) {
		-webkit-animation-delay: 4s;
				animation-delay: 4s;
	}
	.Coverflow>a:nth-child(4) {
			-webkit-animation-delay: 6s;
					animation-delay: 6s;
		}
	.Coverflow>a:nth-child(5) {
		-webkit-animation-delay: 8s;
				animation-delay: 8s;
	}
	.Coverflow>a:nth-child(6) {
		-webkit-animation-delay: 10s;
				animation-delay: 10s;
	}
/*滑入時停止播放*/
/*	.Coverflow:hover>a{
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
}
*/
swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;-o-transition-property:transform,left,top;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;width:100%}
.swiper-slide img{width:100%;height:auto}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container_d .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container_e .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1px;left:0;width:100%}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#999; border:1px solid #fff;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#f7f503}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-container_e{width:1163px;margin-left:24%;padding-top:5%}
@media screen and (max-width:768px){
	.Block .Wrapper{background-size: 100%;}
	.Wrapper{width:100%;padding-bottom: 0%;}
	img{width:100%;height:auto}
	.Box{padding: 20% 0 0 0;flex-direction: column;}
	.SliderBlock{margin: 0;position: relative;padding: 12% 0 0 0;}
	.BannerBlock{padding: 0}
	.swiper-pagination-bullet{width: 8px; height: 8px;}
	.adbanner01{width: 30%; margin: 0;}
	.Coverflow{width: 70%;}
	.adbanner01{width: 40%;margin: 0;margin: 0 0 0 3%;float: left;}
	.Coverflow {width: 58%;margin: 3% 3% 0 -20px;float: left;padding-bottom: 22%;}
	.Mobile{display: block;}
	.Desktop{display: none;}
	.AdBlock{width: 100%;box-sizing: border-box;padding: 0 3%;}
	.AdBlock ul li.AdMain{margin: -30px 0 10px 0;  float: none; }
	.AdBlock ul li:nth-child(3){width:32.7%;}
	.AdBlock ul li:nth-child(4){width:67.3%;}
	.AdBlock ul li:nth-child(6){width:32.7%;}
	.AdBlock ul li:nth-child(5){width:67.3%;}
	.AdBlock ul li:nth-child(7){width:33.333%;}
	.AdBlock ul li:nth-child(8){width:33.333%;}
	.AdBlock ul li:nth-child(10){width:33.333%;}
	.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;}


}