@import url("slick.css");
/*slick-slide*/
.slick-slide .image{padding:10px;}
.slick-slide img{display:block;width:100%;height: auto;}

.slick-slider { margin: 0px auto 0px; }
.slick-list{ margin:0; width:100%; }
.slick-prev:before, .slick-next:before {
	font-family: 'fontello';
	font-size: 50px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
	background-color:transparent !important;
	margin:0; width: auto ;	height:auto ;}

	.slick-prev { left: 20px; }
	.slick-next { right: 20px  ;  }

	/*---------------------------------------------大banner輪播*/

	.single-item { }

	.single-item img {
		width: 100%;
		height: auto;
	}

	/*點點位置-*/

	.single-item .slick-dots { bottom: 0px; }

	/*箭頭位置-*/

	.single-item .slick-prev { left: 5px;  }

	.single-item .slick-next { right: 5px; }

	/*-----------------------------------------------responsive 第二層選單*/


	.responsive {
		margin: 20px auto ;
		text-align: center;
		overflow: hidden;
		padding:0 40px;
	}

	.responsive > div {
		float: left;
		margin: 0 0px 0 0;
		padding:0 0 50px 0;
		display:block; 

	}
	.responsive > div img {
		width:135px ;
		height:135px ;
		border-radius:50%;
		overflow: hidden; 
		object-fit: cover;
		margin: 0 auto;
	}
	.ProductSlick .responsive{ margin:20px0px;}
	.ProductSlick .responsive > div {
		width:100%; margin:0 0px; text-align:center;
	}

	.responsive .slick-slide {
		margin: 0 5px 0 0;
		width: auto;
	}

	responsive > div > ul {
		margin: 0;
		padding: 0;
	}

	/*點點位置-*/

	.responsive .slick-dots { bottom: -15px }

	/*箭頭顏色-*/
	.slide{ position:relative; padding:0; margin:0 -15px;}
	.slide button{ border:none;  background-color:transparent; color:#333; }
	.responsive .slick-prev, .responsive .slick-next{  position:absolute; top: 20%}

	.responsive .slick-prev:before, .responsive .slick-next:before, .slide button.btn-prev:before, .slide button.btn-next:before {
		font-family: 'fontello';color: #666; background-color:transparent;  }

		.slide button.btn-prev, .slide button.btn-next { position:absolute;  top: 30%; }
		.slide button.btn-prev:before, .slide button.btn-next:before{font-size:1.5em;}
		.slide button.btn-prev { left: 0px; }
		.slide button.btn-next { right: 0px; }




		/*---------------------.responsive2*/
/*.view_picture {
}
.view_picture div {
	float: left;
}
.view_picture div img {
	width: 100%;
	height: auto;
	
}
.multiple-items{}
.multiple-items div{ border-right: 2px solid transparent; border-left: 2px solid transparent;} padding為圖邊和圖片之間的間距
.multiple-items div img {width: 100%;
	height: auto;
	display:block;}
	*/


	.slider-for {
		margin: 0 auto 10px auto;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		position: relative;
		border-radius:6px;
	}

	.slider-for img {
/*
	width: 100%;
	height: auto;*/

	object-fit: cover;
	margin: 0 auto;
	border-radius:6px;
}

.slider-for p { text-align: left; }

.slider-nav {
	margin: 0 0px 20px 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	position: relative;

}

.slider-nav img {
	width: 100%;
	height: 80px;
	cursor: pointer;   
	object-fit: cover;
	overflow: hidden;
	border-radius:6px;
}

.slider-nav.slick-initialized.slick-slider .slick-slide img{border:1px solid #ddd;}
.slider-nav div { margin: 0 3px; }

.slider-nav .slick-prev, .slider-nav .slick-next { top: 45% }

.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
	font-size: 25px;
	opacity: 1;
	color: #000;
}



@media (max-width:480px) {
	.responsive > div img {  
		width: 100%;
		height: auto;
		border-radius:inherit;
		display: block;
	}
	.responsive .slick-prev, .responsive .slick-next{  top: 40%}
	.slider-nav .slick-prev, .slider-nav .slick-next { top: 40% }

	.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
		font-size: 20px;
		opacity: 1;
		color: #000;
	}


	}@import url("slick.css");
	/*slick-slide*/
	.slick-slide .image{padding:10px;}
	.slick-slide img{display:block;width:100%;height: auto;}

	.slick-slider { margin: 0px auto 0px; }
	.slick-list{ margin:0; width:100%; }
	.slick-prev:before, .slick-next:before {
		font-family: 'fontello';
		font-size: 50px;
		line-height: 1;
		opacity: .75;
		color: #fff;
		text-shadow: 0 1px 3px #888; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.slick-prev, .slick-next {
		background-color:transparent !important;
		margin:0; width: auto ;	height:auto ;}

		.slick-prev { left: 20px; }
		.slick-next { right: 20px  ;  }

		/*---------------------------------------------大banner輪播*/

		.single-item { }

		.single-item img {
			width: 100%;
			height: auto;
		}

		/*點點位置-*/

		.single-item .slick-dots { bottom: 0px; }

		/*箭頭位置-*/

		.single-item .slick-prev { left: 5px;  }

		.single-item .slick-next { right: 5px; }

		/*-----------------------------------------------responsive 第二層選單*/


		.responsive {
			margin: 20px auto ;
			text-align: center;
			overflow: hidden;
			padding:0 45px;
		}

		.responsive > div {
			float: left;
			margin: 0 0px 0 0;
			padding:0 0 50px 0;
			display:block; 

		}
		.responsive > div img {
			max-width: 100%;
			width: auto;
			border-radius:5px;
			overflow: hidden;
			object-fit: cover;
			margin: 0 auto;
		}
		.ProductSlick .responsive{ margin:20px0px;}
		.ProductSlick .responsive > div {
			width:100%; margin:0 0px; text-align:center;
		}

		.responsive .slick-slide {
			margin: 0 5px 0 0;
			width: auto;
		}

		responsive > div > ul {
			margin: 0;
			padding: 0;
		}

		/*點點位置-*/

		.responsive .slick-dots { bottom: 0px }

		/*箭頭顏色-*/
		.slide{ position:relative; padding:0; margin:0 -15px;}
		.slide button{ border:none;  background-color:transparent; color:#333; }
		.responsive .slick-prev, .responsive .slick-next{  position:absolute; top: 25%}

		.responsive .slick-prev:before, .responsive .slick-next:before, .slide button.btn-prev:before, .slide button.btn-next:before {
			font-family: 'fontello';color: #666; background-color:transparent;  }

			.slide button.btn-prev, .slide button.btn-next { position:absolute;  top: 30%; }
			.slide button.btn-prev:before, .slide button.btn-next:before{font-size:1.5em;}
			.slide button.btn-prev { left: 0px; }
			.slide button.btn-next { right: 0px; }




			/*---------------------.responsive2*/
/*.view_picture {
}
.view_picture div {
	float: left;
}
.view_picture div img {
	width: 100%;
	height: auto;
	
}
.multiple-items{}
.multiple-items div{ border-right: 2px solid transparent; border-left: 2px solid transparent;} padding為圖邊和圖片之間的間距
.multiple-items div img {width: 100%;
	height: auto;
	display:block;}
	*/


	.slider-for {
		margin: 0 auto 10px auto;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		position: relative;
		border-radius:6px;
	}

	.slider-for img {
/*
	width: 100%;
	height: auto;*/

	object-fit: cover;
	margin: 0 auto;
	border-radius:6px;
}

.slider-for p { text-align: left; }

.slider-nav {
	margin: 0 0px 20px 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	position: relative;

}

.slider-nav img {
	width: 100%;
	height: 80px;
	cursor: pointer;   
	object-fit: cover;
	overflow: hidden;
	border-radius:6px;
}

.slider-nav.slick-initialized.slick-slider .slick-slide img{border:1px solid #ddd;}
.slider-nav div { margin: 0 3px; }

.slider-nav .slick-prev, .slider-nav .slick-next { top: 45% }

.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
	font-size: 25px;
	opacity: 1;
	color: #000;
}



@media (max-width:480px) {
	.responsive > div img {  
		width: 90% !important;
		height: auto !important;
		border-radius:none !important;
		border:none !important;
		display: block;
	}
	.responsive .slick-prev, .responsive .slick-next{  top: 25%}
	.slider-nav .slick-prev, .slider-nav .slick-next { top: 25% }

	.slider-nav .slick-prev:before, .slider-nav .slick-next:before {
		font-size: 20px;
		opacity: 1;
		color: #000;
	}


}