/******************* slick start ******************/
.slick{
	position: relative;
	margin-bottom: 0; /* 覆寫 slick-theme.css 的 .slick-slider 的 margin-bottom: 30px; */
}
.slick-track .slick-slide{
	margin: 0 1em;
}

.btn-arrowL,
.btn-arrowR {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width:2%;
	cursor: pointer;
	/*--x:calc(100% + 0.25em);*/
	--x:calc(100% + 0.05em);
	opacity:1;
}
.btn-arrowL {
	right: var(--x);
	padding-right:5px; 
	/*margin-right:15px; */
}
.btn-arrowR {
	left: var(--x);
	padding-left:5px;
	/*margin-left:15px; */
}

.btn-arrowL:hover,
.btn-arrowR:hover {
	opacity: 0.5;
}


.slick-dots {
	bottom: 2%;
	line-height: 0;
}
.slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 0.5em;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: none;
	background:#666;
	/*border:#666 solid 1px;*/
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	background: #000;
}
.slick-dots li.slick-active button {
	/*background: #dc3545;*/
	background: #ffecaa; /*亮黃色*/
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
	display: none;
}
/******************* slick end ********************/


@media (min-width: 992px) {  /*lg平板橫式~xl筆電桌機*/
	.slick-dots {
		width: 31%;
	}
}


@media (min-width: 768px) and (max-width: 1199.98px) {  /* md平板直式~lg平板橫式 */
	.btn-arrowL,
	.btn-arrowR {
		width:2%;
	}
	.btn-arrowL {
		padding-right:0;
		margin-right:-1.25%; 
	}
	.btn-arrowR {
		padding-left:0;
		margin-left:-1.25%; 
	}
}


@media (min-width: 768px) and (max-width: 991.98px) {  /*md平板直式*/
	.btn-arrowL,
	.btn-arrowR {
		width:3%;
	}
}



/*手機版~*/
@media (max-width: 767.98px) { 
	.slick-dots li {
		width: 10px;
		height: 10px;
		margin: 0 3px;
	}
	.btn-arrowL,
	.btn-arrowR {
		width:20px;
	}
	.btn-arrowL {
		padding-right:0;
		margin-right:-3%; 
	}
	.btn-arrowR {
		padding-left:0;
		margin-left:-3%; 
	}
}