/*------------------------------slide------------------------------*/
.slide {
	position: relative;
}

/*------------------------------輪播------------------------------*/

/* 單則 */
.carousel__item {
	/* float: left; */
}
/* 單則-當前 */
.carousel__item--active{
}
.carousel__imgbox{
	overflow: hidden;
	position: relative;
}
/* 圖片比例 */
.carousel__imgbox:after{
	content: "";
	display: block;
	/* padding-top: 87.5%; */
}
/* 連結 */
.carousel__link {
	display: block;
	background: #000;
}
/* 圖片比例 */
.carousel__link:after{

}
/* 圖片 */
.carousel__img {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	max-width:100%;
	margin:auto;
}
/*------------------------------點點控制------------------------------*/
.carousel__dotbox {
	font-size: 0;
	letter-spacing: -4px;
	padding: 10px 0;
	text-align: center;
	word-spacing: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 0;
	right: 0;
}
.carousel__dotbox-item {
	display: inline-block;
	*display: inline;
	font-size: 16px;
	letter-spacing: normal;
	margin: 0 5px;
	vertical-align: top;
	word-spacing: normal;
	zoom:1;
}
.carousel__dotbox-link {
	pointer-events: none;
	cursor: default;
}
/* 項目 */
.carousel__dotbox-item,
.carousel__dotbox-link,
.carousel__dotbox-num {
	height: 14px;
	width: 14px;
}
/* 連結、無連結 */
.carousel__dotbox-link,
.carousel__dotbox-num {
	display: block;
	background: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.carousel__dotbox-item--current > .carousel__dotbox-link,
.carousel__dotbox-item--current > .carousel__dotbox-num {
	background: none;
}
/*------------------------------左右控制鈕------------------------------*/
.carousel__btnbox {
	display: none;
}
.carousel__btn {
	position: absolute;
	z-index: 2;
	display: inline-block;
	height: 52px;
	width: 52px;
	top: 50%;
	bottom: inherit;
	margin: -26px 0 0;
	text-align: center;
	line-height: 52px;
	color: rgba(255, 255, 255, .4);
	transition: color .25s ease;
}
/* 按鈕-icon */
.carousel__btn-icon {
	font-size: 52px;
	display: inline-block;
	text-shadow: 0 0 5px rgba(0, 0, 0, .4);
}
.carousel__btn:focus,
.carousel__btn:active {
	color: rgba(255, 255, 255, 1);
}
/* 小型 */
.carousel__btnbox--sm .carousel__btn{
	margin: -18px 0 0;
	width: 36px;
	height: 36px;
	line-height: 34px;
	/* background: rgba(0, 0, 0, 0.2); */
	/* color: #fff; */
	/* border: none; */
}

.carousel__btnbox--sm .carousel__btn:active{
	/* background: rgba(0, 0, 0, 0.4); */
}
/* 小型-icon */
.carousel__btnbox--sm .carousel__btn-icon{
	font-size: 30px;
}


/* 按鈕 */
.carousel__btn-prev {
	left: 0;
}
.carousel__btn-next {
	right: 0;
}
.carousel__btn-icon {
	/* display: none; */
}
/* 圖片切換 */
.imglist{
	margin: 0;
	padding: 0;
	position: relative;
}
/* 連結 */
.imglist:after{
	padding-top: 100%;
	content:"";
	display: block;
}
/* 圖片輪播-原地淡入淡出 */
/* 圖片切換-項目 */
.imglist__item {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* 圖片切換-項目 */
.imglist__item--active {
	opacity: 1;
	z-index: 1;
}
/* 圖片框 */
.imglist__imgbox {

}
.imglist__imgbox:after{

}
/* 連結 */
.imglist__link{
	display: block;
	overflow: hidden;
	position: relative;
}
/* 連結 */
.imglist__link:after{
	padding-top: 100%;
	content:"";
	display: block;
}
/* 圖片 */
.imglist__img {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	max-width:100%;
	margin:auto;
}
/* active */
.imglist__link:active .imglist__img{
	opacity: 0.8;
}
.carousel__btnbox--box .carousel__btn {
	color: #888; 
	width: 28px;
	height: 28px;
	line-height: 26px;
	border: 1px solid #bbb;
	text-align: center;
}

/* 小型-icon */
.carousel__btnbox--box .carousel__btn-icon {
	font-size: 12px;
	line-height: 26px;
	text-shadow: none;
	font-weight: bold;
}
.carousel__btnbox--box .carousel__btn:focus,
.carousel__btnbox--box .carousel__btn:active,
.carousel__btnbox--box .carousel__btn:hover {
	color: #033e7c;
	color: var(--blue-light, #033e7c);
	border-color: #074d97;
	border-color: var(--blue-lighter, #074d97);
}
/* disabled */
.carousel__btnbox--box .carousel__btn--disabled,
.carousel__btnbox--box .carousel__btn--disabled:focus,
.carousel__btnbox--box .carousel__btn--disabled:active,
.carousel__btnbox--box .carousel__btn--disabled:hover {
	background: #eee;
	border-color: #eee;
	color: #bbb;
	cursor: not-allowed;
	border:none;
}

/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*------------------------------slide------------------------------*/
	/*------------------------------輪播------------------------------*/
	/* 圖片比例 */
	.carousel__imgbox:after{
		/* padding-top: 31.25%; */
	}
	/* 圖片 */
	.carousel__img {
	}
	/* .carousel__btnbox {
		display: block;
	} */
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	.slide--padding-lg {
		padding: 0 42px;
	}
	/*------------------------------輪播------------------------------*/
	/*左右控制鈕*/
	.carousel__btnbox {
		display: block;
	}
	.carousel__btn {
	}
	.carousel__btn:hover {
		color: rgba(255, 255, 255, 1);
	}
	/* 按鈕 
	.carousel__btn-prev {
		left: 12px;
	}
	.carousel__btn-next {
		right: 12px;
	}*/
	/*控制點區*/
	.carousel__dotbox {
		bottom: 5px;
	}
	/*控制點*/
	.carousel__dotbox-link {
		pointer-events: inherit;
		cursor: pointer;
	}
	.carousel__dotbox-item,
	.carousel__dotbox-link,
	.carousel__dotbox-num {
	}
	/* 圖片輪播-原地淡入淡出 */
	/* active */
	.imglist__link:hover .imglist__img{
		opacity: 0.8;
	}
	.carousel__btnbox--sm .carousel__btn:hover{
		background: rgba(0, 0, 0, 0.4);
	}
	.carousel__btnbox--box .carousel__btn:hover {
		color: #002852;
		color: var(--blue-main, #002852);
		border-color: #074d97;
		border-color: var(--blue-lighter, #074d97);
	}
	/* disabled */
	.carousel__btnbox--box .carousel__btn--disabled:hover {
		background: #eee;
		border-color: #eee;
		color: #bbb;
		cursor: not-allowed;
		border:none;
	}

}
/*如果使用者之視窗寬度>=1440px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1440px) {
	/* .slide--padding-lg {
		padding: 0;
		margin: 0 -15px;
	}
	.slide--padding-lg .carousel__btn-prev {
		left: -42px;
	}
	.slide--padding-lg .carousel__btn-next {
		right: -42px;
	} */
}
/*如果使用者之視窗寬度>=1920px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1920px) {
}