@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;
}

.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 {
	height:50%;

	}
	
	.carousel-control-prev img,.carousel-control-next img {
	transform:scale(0.6);
	}
.carousel-control-prev img{
	right:30%;
	}
.carousel-control-next img{
	left:30%;
	}
}
.headStyle {
	background-color:rgba(0,0,0,0.7);
	line-height:1.5em;
	color:white;
	padding:10px 10px;
}
.buttonStyle {
	font-size:30px;	
	width:270px;
}

.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;
}