@charset utf-8;
.carousel-inner > .item > img, .carousel-inner > .item > a > img{display:block; width:100% \9; max-width:100%; height:auto; margin:0 auto;}
.carousel{position:relative;}
.carousel-inner{position:relative; overflow:hidden; width:100%;}
/* carousel adjusted to fade */
.carousel-inner > .item{display:none; position:relative; text-align:center; -webkit-transition:.8s ease-in-out opacity; transition:.8s ease-in-out opacity;
}/* scroll method: -webkit-transition:0.6s ease-in-out left; transition:0.6s ease-in-out left; */
.carousel-inner > .item > img, .carousel-inner > .item > a > img{line-height:1;}
.carousel-inner > .item span img{max-width:100%; margin:0 auto;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev{display:block;}
.carousel-inner > .active{left:0;}
.carousel-inner > .next, .carousel-inner > .prev{position:absolute; top:0; width:100%;}
.carousel-inner > .next{/*left:100%;*/} /* 改回捲動，註解的值要解開，透明度要拉掉 */
.carousel-inner > .prev{/*left:-100%;*/}
.carousel-inner > .next.left, .carousel-inner > .prev.right{left:0; opacity:1; z-index:1;}
.carousel-inner > .active.left{/*left:-100%;*/ left:0; opacity:0; z-index:2;}
.carousel-inner > .active.right{/*left:100%;*/ left:0; opacity:0; z-index:2;}
.carousel-control{position:absolute; top:0; left:0; bottom:0; width:15%; opacity:.5;
filter:alpha(opacity=50); font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.6);}
.carousel-control.left{
background-image:-webkit-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(0,0,0,0.0001) 100%);
background-image:linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(0,0,0,0.0001) 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right{
left:auto; right:0;
background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {outline:0; color:#fff; text-decoration:none; opacity:0.9; filter:alpha(opacity=90);}
.carousel-control .icon-prev, .carousel-control .icon-next{position:absolute; top:50%; z-index:5; display:inline-block; width:40px; height:40px; border-radius:40px; background:red; color:#fff; font-weight:bold; font-size:24px; line-height:40px;}
.carousel-control .icon-prev{left:50%;}
.carousel-control .icon-next{right:50%;}
.carousel-control .icon-prev:before{content:'<';}
.carousel-control .icon-next:before{content:'>';}
.carousel-indicators{position:absolute; bottom:20px; left:50%; z-index:15; width:60%; margin-left:-30%; padding-left:0; list-style:none; text-align:center;}
.carousel-indicators li{display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; border:1px solid #ffffff; border-radius:10px; cursor:pointer; background-color:#000 \9; background-color:rgba(0, 0, 0, 0);}
.carousel-indicators .active{margin:0; width:12px; height:12px; background-color:#fff;}
.carousel-caption{position:absolute; left:15%; right:15%; top:30%; z-index:10; color:#ffffff; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.6);}
.carousel-caption .btn{text-shadow:none;}
@media screen and (min-width:768px) {
.carousel-control .icon-prev{margin-left:-15px;}
.carousel-control .icon-next{margin-right:-15px;}
.carousel-caption{left:20%; right:20%; padding-bottom:30px;}
.carousel-indicators{bottom:20px;}
}