/* CSS Document */
section {min-height:400px;padding-top:80px;}
/*#section2,#section4 {background-color:lightgray;}*/

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #fff; background-color: #117e90;
}

.navbar-brand {
    font-family: 'Lato', sans-serif;
    font-size: 36px;
}
.nav-item {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}
.carousel-control-prev-icon {
     /*background-image: url(../images/previous-32.png);*/
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
 .carousel-control-next-icon {
     /*background-image: url(../images/next-32.png);*/
     width: 48px;
     height: 48px;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #999 !important;
  background-color: rgba(70,70,70,.25) !important;
}

.carousel-indicators .active {
  background-color: #222 !important;
}
.carousel-caption {
    top: 20%;
    left: 10%;
    bottom: auto;
    color: black;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  max-width: 1280px;      // 隨螢幕尺寸而變，當螢幕尺寸 ≥ 1200px 時是 1140px。
}