@font-face {
  font-family: assembly;
  src: url('華康新綜藝體W9.TTF');
}

@font-face {
  font-family: showfon;
  src: url('華康秀風體.TTF');
}


.sec1{
  font-family: 'Noto Sans TC', sans-serif;
}

#logo-scroll{
  font-family: showfon;
}
.sec2 {
  font-family: assembly;
}
.dropdown-menu {
  font-size: large !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  color: #000000 !important;
  background-color: #e7e7e7 !important;
}

.dropdown-menu>li>a {
  background-color: #e7e7e7;
  border: 0;
}


.navbar-default .navbar-nav>li>a {
  color: #FFFFFF !important;
  padding-left: 0;
  padding-right: 0;
}
.navbar-default .navbar-nav>li {
  color: #FFFFFF !important;
}
.navbar-default .navbar-nav>li>p {
  height: 50px;
  padding: 15px;
  line-height: 20px;
  margin: 0;
  color: #FFFFFF !important;
}


.navbar-default .navbar-nav>.active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: " ";
  border-bottom: 2px solid #FFFFFF;
}

.navbar-default .navbar-nav>.active>a {
  background-color: transparent !important;
}

.coverflow>img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  /*當圖片數量增加，影片長度需更改，變為5s圖片數量*/
  -webkit-animation: silder 30s linear infinite;
  animation: silder 30s linear infinite;
}

/*動畫關鍵影格*/
@-webkit-keyframes silder {
  3% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  27% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes silder {
  3% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  27% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  30% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

/*每個圖片各延遲5秒*/
.coverflow>img:nth-child(6) {
  -webkit-animation-delay: 25s;
  animation-delay: 25s;
}

.coverflow>img:nth-child(5) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

.coverflow>img:nth-child(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

.coverflow>img:nth-child(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.coverflow>img:nth-child(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.coverflow>img:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}