@charset "UTF-8";
*{
	margin:0;
}

/*電腦版*/
@media screen and (min-width: 1025px) {
	.slide_container {
		width: 100%;
		/*height: 100%;*/
		overflow-x: hidden;
		background: url(../image/slider_bg.png) top;
	}
	.slide_all {
		width: 1170px;
		height: auto;
		margin: 0 auto;
		position: relative;
	}
	.slide_wrap {
		width: 3510px;
		position: relative;
		left: 50%;
		margin-left: -1755px;
	}

	.slide_body {
		width: 100%;
	}

	.slide {
		width: 1170px;
		height: 517px;
	}

	.slide a:hover img,
	.slide img {
		width: 100%;
		height:auto;
		vertical-align: bottom;
		opacity: 0.3;
		filter: Alpha(opacity=30);
	}

	.slide.active a:hover img,
	.slide.active img {
		opacity: 1;
		filter: Alpha(opacity=100);
	}

	.bx-pager {
		width: 1170px;
		height: 15px;
		overflow: hidden;
		margin-left: -585px;
		position: absolute;
		left: 50%;
		bottom: 25px;
		text-align: center;
	}

	.bx-pager-item {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		width: 15px;
		height: 15px;
		margin: 0 11px 0;
	}

	.bx-pager-item a {
		display: block;
		width: 15px;
		height: 15px;
		overflow: hidden;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		background: #752d03;
		text-align: left;
		text-indent: -999px;
	}

	.bx-pager-item a.active {
		background: #ea5432;
	}

	.bx-controls-direction a {
		width: 63px;
		height: 63px;
		overflow: hidden;
		background: url(../image/banner-arrow.svg) no-repeat 0 0;
		transform: rotate(180deg);

		text-align: left;
		text-indent: -99999999px;
		position: absolute;
		top: 42%;
		z-index: 100;
	}

	.bx-controls-direction a.bx-next {
		/*background: url(../image/banner-arrow.svg) no-repeat 0 0;*/
		transform: rotate(0deg);
		right: 32.4%;
	}

	.bx-controls-direction a.bx-prev {
		left: 32.4%;
	}

	#slider_wrapper {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	#slider_wrapper {
		min-width: 1180px;
	}
}

/*手機版*/
@media screen and (max-width: 1024px) {
	.slide{
    aspect-ratio: 390/172;
	}
	#slider {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.flex-viewport {
		z-index: 1;
	}

	.slides {
		width: 100%;
		overflow: hidden;
		padding:0;
	}

	.slides li {
		width: 100%;
		overflow: hidden
	}

	.slides li img {
		width: 100%;
		height: auto;
	}
	.slide  img {
		width: 100%;
		height: auto;
	}

	.slides:after {
		background: #ffffc4;
	}

	.flex-control-nav {
		width: 100%;
		height: 12px;
		overflow: hidden;
		margin-top: -18px;
		position: relative;
		z-index: 3;
	}

	.flex-control-nav li {
		display: inline-block;
		vertical-align: top;
		margin: 0 6px 0;
	}

	.flex-control-nav li a {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background: #752d03;
		text-align: left;
		text-indent: -999px;
	}

	.flex-control-nav li a.flex-active {
		background: #ea5432;
	}

	#prev, #next {
		display: none;
	}
/*	.slide_container {
		display: none;
	}
*/	.bx-controls-direction a{
		display: none;
	}

}