

/**carousel- home big ad**/

.carousel-control{width:10%}


.carousel {
  height: 650px;
  margin-bottom: 10px;
}

.carousel-caption {
  position: absolute; top:30%; 
  left: 10%;
  right: 10%;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left; 
}


.carousel-caption h1{color:#fffff; font-weight:normal; font-size:3em; line-height:120%}
.carousel-caption h2{color:#fffff; font-weight:bold; font-size:1.5em}
.carousel-caption h2 a, a:visited :{color:#08d0fb}
.carousel-caption h2 a:hover{color:#428bca}
.carousel-caption h3{color:#bfbfbf; font-weight:normal; font-size:2em; line-height:80%}

.btn-transparent {
    background-color: rgba(14,194,247,1);
    color: #F2F2F2;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, border .2s ease-in-out;
    -o-transition: background .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    border: 0px solid #4992B7;
}

    .btn-transparent:hover {
        color: white;
        background-color: rgba(255,255,255,0.5);
    }

@media (max-width: 640px) {
    #ad-image {
        display: none;
    }
}

.carousel .item {z-index: 1;
  height: 650px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px; z-index: 1;
}


/* **************ad淡入淡出************ */
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;	
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/* **************ad淡入淡出-end************ */



#myCarousel {
  height: 700px;
}
/**換大底圖**/

#myCarousel .ad1{
  height: 700px;
  background-image: url(../images/home_ads/bg0913_1200x400.jpg);
  background-position: center center;
  background-size: cover;
}
#myCarousel .ad2{
  height: 700px;
  background-image: url(../images/home_ads/bg20170206-1_1200x400.jpg);
  background-position: center center;
  background-size: cover;
}
#myCarousel .ad3{
  height: 700px;
  background-image: url(../images/home_ads/bg20170206-2_1200x400.jpg);
  background-position: center center;
  background-size: cover;
}
#myCarousel .ad4{
  height: 700px;
  background-image: url(../images/home_ads/bg0410_1200x400.jpg);
  background-position: center center;
  background-size: cover;
}
#myCarousel .ad5{
  height: 700px;
  background-image: url(../images/home_ads/bg_gtc17_1200x400.jpg);
  background-position: center center;
  background-size: cover;
}







/**

.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}  


  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }


.carousel-caption {
  position: absolute; top:30%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left; border:1px solid #fff100;
}
**/


