body {
font-family: 'Verdana', 'Roboto', sans-serif;
}

.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}


.navbar-collapse-center {
  text-align: center;
}
.navbar {
  margin-bottom: 0;
  width: 100%;
  margin: auto; 
  
}

.navbar-default {
  background-color: #4174b1;
  border-color: #4174b1;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #4174b1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #4174b1;
}
.navbar-default .navbar-toggle {
  border-color: #4174b1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #4174b1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #4174b1;
  }
}

.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-brand {
height: 40px;
padding-top: 10px;
}
.navbar {
min-height: 40px;
}


.navbar-toggle {
margin-top: 4px;
margin-bottom: 4px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;     
  
  }
  
 .carousel-control{
      background-image:none !important;
      filter:none !important;
    }
    .carousel .carousel-control,
    .carousel-indicators {
      opacity: 0;
      /* Firefox */      -moz-transition-property: opacity;
      -moz-transition-duration: 0.2s;
      -moz-transition-delay: 0.2s;
      /* WebKit */      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.2s;
      -webkit-transition-delay: 0.2s;
      /* Opera */      -o-transition-property: opacity;
      -o-transition-duration: 0.2s;
      -o-transition-delay: 0.2s;
 
      transition-property: opacity;
      transition-duration: 0.2s;
      transition-delay: 0.2s;
    }
    .carousel:hover .carousel-control,
    .carousel:hover .carousel-indicators{
     opacity: 1.0;
    }
  



@media (max-width: 768px) {
  .navbar-right form {
    display: none;
  }
}
@media (max-width: 568px) {
  .jumbotron {
    text-align: center;
  }


@media screen and (max-width:960px) {
      .list-group { display: none; }
    }

  footer {
    text-align: center;
    background-color: #ffffff;
  }


.carousel-indicators .active {
    background-color: #fd0d29;  
    }

.shape-ex3 a {
    color: ffffff; /* 預設文字顏色 */
  text-decoration: none; /* 移除底線（可選） */
}
.shape-ex3 a:hover{
    color: #000;
}


    
.auto-style1 {
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
}

.auto-style1 {
	position: absolute;
	right: 20%;
	bottom: 20px;
	left: 20%;
	z-index: 10;
	color: #FF0000;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #333333;
}

.auto-style2 {
	text-align: right;
	line-height: 80%;
	margin-bottom: 6px;
}

.auto-style3 {
	text-align: left;
	background-color: #46B8DA;
}