/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);



body {
  padding-top: 70px;/*nav置頂高度*/
  font-family: 'Noto Sans TC', sans-serif;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#navbar a:hover {
/*設定滑鼠移經的連結
text-decoration:underline;*/
  border-width:3px;/*設定邊框的粗細*/
  border-style:dashed;/*設定邊框的樣式*/
  border-color:#8e44ad;/*設定邊框的顏色，橘色#FFAC55*/
  padding:5px;/*設定文字與邊框間的內距*/
}

.nav-item   {
/*底線色彩漸層設計*/
  background-image: linear-gradient(120deg, #FFFFFF 0%, #FF9EBF 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
.nav-item:hover {
  background-size: 100% 88%;
}

.dropdown-item  {
/*底線色彩漸層設計*/
  background-image: linear-gradient(120deg, #FFFFFF 0%, #FF9EBF 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}

.dropdown-item:hover {
  background-size: 100% 88%;
}