@charset "utf-8";
html, body {/*宣告可以使用高%單位*/
	height:100%;
	font-family:Arial, Helvetica, sans-serif,微軟正黑體;
}
.carousel{
	height:100%;
	}
.carousel-item,.active,.carousel-inner  {
	height:100%;
}
.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;

}
@media (max-width:768px){
	.fill {
		background-size: cover;
	}
	.carousel {
	height:50%;

	}
}

.carousel-control-prev img,.carousel-control-next img {
	position: absolute;
	top: 50%;
	margin-top: -25px;/*圖高一半*/
}
.carousel-control-prev img{
	right:50%;
	}
.carousel-control-next img{
	left:50%;
	}

@media (max-width:992px){
	.carousel-control-prev img,.carousel-control-next img {
	transform: scale(0.8);
	}
	.carousel-control-prev img{
	right:40%;
	}
	.carousel-control-next img{
	left:40%;
	}
}

@media (max-width:768px){
	
	.carousel-control-prev img,.carousel-control-next img {
	transform:scale(0.6);
	}
.carousel-control-prev img{
	right:30%;
	}
.carousel-control-next img{
	left:30%;
	}
}

.buttonStyle {
	font-size:30px;	
	width:250px;
}

.site-footer{
	padding-bottom: 20px;
	padding-top: 20px;
	background-color:#f8f9fa;
}
.social {
    text-align: right;
	margin: 0px;
	padding: 0px;
}
.social li {
    list-style-type: none;
	margin-right: 5px;
	display: inline-block;
}
.social li a {
	color: white;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color:#06F;
	font-size: 20px;
	border-radius: 10px;
}
.elearning {
	color:#C00;

}
.site-footer span {
	margin-top: 12px;
	display: block;
	text-align: left;
}

@media (max-width:768px){
	.site-footer span {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.social {
		text-align: center;
	}
}

@media (max-width:768px){
.imgChange {
	width:80px;
	height:63px;
}
}

.liChange {
	width:50%;
	float:left;
	border-bottom:#CCC dashed 1px;
	line-height:3.5em;
}

@media (max-width:768px){
.liChange {
	width:100%;
	float:none;
}
}

.container img {

    max-width: 100%;
    height: auto;
}

.carousel img {

    max-width: 100%;
    height: auto;
}

.redfont {
	color:red;
}

