.card-image {
	min-height: 300px;
	background-color: gray;
}
.card .card-content {
	min-height: 170px;
	color: black;
}


.carousel.carousel-slider .carousel-fixed-item.with-indicators {
	/*top: 30%;*/
	bottom: 7rem;	
}

.card .card-image .card-title {
	bottom: 1.5rem;
}

.carousel {
	max-height: 800px !important;	
}

a.carousel-item {
    background-color: #999;
    width: 200px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}


a.carousel-item img {
	/*
    width: auto;
    height: 100%;
    */
    height: 300px;
    margin: 0 auto;
}


/*移入圖片放大效果*/
.pic-scale {overflow:hidden;}
.pic-scale img{transform:scale(1,1);transition: all 1s ease-out;}
.pic-scale img:hover{transform:scale(1.2,1.2);}
/*移入圖片放大效果*/


@media only screen and (max-height: 800px) {
	div.carousel-item > img {
    	/*width: 300px;*/
    	/*width: 50% !important;*/
    	max-height: 500px !important;
    	margin: 0 auto;
	}
}



.btn-slider-li {
	position: absolute;
	/*
	top: 1.5rem;
	right: 1.5rem;
	*/
	top: 50%;
	left: 50%;
	padding-left: -28px;
	padding-top: -28px;
}
/*
.header {
	color: white;
}
*/

#modal_cp220 {
	max-height: 90% !important;
}

#modal_cp220 .video-container {
	padding-bottom: 45%;
}


.ul-section-spy {
	position: fixed;
	top: 20%;
	right: 40px;
	background-color: white;
	min-width: 100px;
	max-width: 150px;
	border-radius: 20px;
	padding: 1rem !important;
}


img {
	/*background: #F1F1FA;*/
	display: block;
}