#title {
  background-color:#11999E;
  color: #fff;
  /* #EAF6F6; */
  padding-bottom: 1%;
}

body {
  font-family: "Montserrat";
}

hr {
  /* background-color: white; */
  border-style: dotted none none;
  border-color: #EAF6F6;
  border-width: 5px;
  height: 0;
  margin-bottom: 40px;
  /* width: 5%; */
}

h1 {
  font-family: "Montserrat";
  font-weight: 900;
  font-size: 3.3rem;
  line-height: 1.5;
}

h2 {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
}

h3 {
  font-family: "Montserrat";
  font-weight: bold;
}

p {
  color: #40514E;
}

.container-fluid {
  padding: 1.5% 15%
}

#home {
  color: #fff;
}

.navbar-brand {
  font-family: "Ubuntu";
  font-size: 2.2rem;
  /* font-weight: bold; */
}

.nav-item {
  padding: 0 10px;
}

.nav-link {
  font-size: 1.2rem;
}

/* download button */

.presenter {
  color: #40514E;
  margin-top: 5%;
  font-weight: bold;
}

.header-button {
  margin: 2% 5% 0 0;
  width: 30%;
  background-color: #fff;
  color: #40514E;
  border-color: #66BFBF;
}

.header-button:hover {
  background-color: #EAF6F6;
  color: #40514E;
  border-color: #66BFBF;
}

.topic {
  padding-right: 3%;
}

/* title image */

.title-image {
  width: 100%;
  margin-top: 20px;
  margin-right: 15px;
}

/* features */

#trend {
  padding: 1% 15% 1% 15%;
}

.feature-title {
  /* padding-left: 2%; */
  margin-top: 3%;
  margin-bottom: 1%
  /* padding-bottom: 5px; */
}

.feature-box {
  text-align: center;
  /* padding:5%; */
}

.icon {
  color: #355C7D;
  margin-bottom: 1.5rem;
}

.icon:hover {
  color: #66BFBF;
}

.intro {
  margin-top: 3%;
  /* padding: %; */
  text-align: left;
  margin-bottom: 5%;
  line-height: 2;
}

/* recommendation */

.CNN {
  /* text-align: center; */
  background-color: #66BFBF;
  color: #fff;
  padding-bottom: 3%;
}

.CNN2 {
  color: #40514E;
  padding-bottom: 3%;
}

.feature-title2 {
  /* padding-left: 2%; */
  /* margin-top: 3%; */
  margin-bottom: 1%
  /* padding-bottom: 5px; */
}

.feature-title3 {
  color: #000;
  margin-bottom: 1%
  /* padding-bottom: 5px; */
}


.recommendation-image {
  width: 20%;
  margin: 20px;
}

.carousel-item {
  padding: 0 15% 3% 13%;
}

.recommendation-ticket {
  text-align: center;
}

.card-name {
  margin: 0;
  text-align: center;
}

.rec-card {
  text-align: center;
  color: #40514E;
  padding: 3% 0;
  /* 不能改 */
}

.rec-content {
  position: relative;
  margin: 0 auto;
}

.card-icon {
  color: #355C7D;
  padding-right: 15px;
}

.rec-content {
  height: 100%;
}

/* .carousel-item {
  padding-top: 1.5%;
} */

.recommendation-title {
  padding: 2% 16% 1% 16%;
  margin-right: 0;
  /* padding-bottom: 5px; */
}

.website-button {
  background-color: #66BFBF;
  color: #fff;
  border-color: #66BFBF;
  /* width: 20%; */
  /* margin: 0 5%; */
}

.website-button:hover {
  background-color: #EAF6F6;
  color: #40514E;
  border-color: #66BFBF;
}

/* cta */

#cta {
  padding: 3% 15% 6% 15%;
  text-align: center;
}

.cta-title {
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.5;
  margin-top: 3%;
  margin-bottom: 5%;
}

.cta-button {
  background-color: #66BFBF;
  color: #fff;
  border-color: #66BFBF;
  width: 20%;
  margin: 0 5%;
}

.cta-button:hover {
  background-color: #EAF6F6;
  color: #40514E;
  border-color: #66BFBF;
}


.cta-icon {
  padding-right: 7px;
}

/* footer */

#footer {
  /* margin-bottom: 0; */
  background-color: #11999E;
  text-align: center;
  padding: 1.5% 15% 2% 15%;
}

.footer-icon {
  margin: 20px 10px;
}

.footer-comment {
  margin-bottom: 0;
  line-height: 2;
  /* padding-bottom: 10%; */
}


/* map */
.map {
  position: relative;
  width: 100%;
}


/* explore */
.search-button {
  width: 20%;
  color: #40514E;
  border-color: #11999E;
  border-width: 2px;
  padding-top:2px;
}

.search-button:hover {
  color: #fff;
  background-color: #11999E;
  border-color: #11999E;
}

.search-button:active {
  color: #fff;
  background-color: #11999E;
  border-color: #11999E;
}

.search-bar {
  margin-bottom: 3%;
}

.table-button {
  /* height: 0%;  */
  color: #fff;
  border-color: #11999E;
  background-color: #11999E;
  margin: 0 auto;
  /* /* border-width: 2px; */
}

.table-button:hover {
  color: #fff;
  background-color: #11999E;
  border-color: #11999E;
}

.row-element {
  padding-right: 3%;
}

.table-wrapper {
  width: 100%;
  max-height: 1000px;
  overflow: auto;
  overflow-y: scroll;
  display:inline-block;
}

/* contact */
#con-title {
  background-color:#11999E;
  color: #fff;
}

.explore-title {
  margin-bottom: 3%;
}

.sea {
  padding-top: 0.5%;
}

.sea2 {
  padding-top: 1.2%;
}

.clickb {
  margin-bottom: 7%;
  text-align: left;
}

.ele {
  text-align: left;
}

.ele1 {
  font-weight: bold;
  text-align: left;
}

#description {
  line-height: 2;
}

.overflow1 {
  max-height: 105px;
  overflow-y: scroll;
}

.intro2 {
  margin-top: 3%;
  padding: auto 0;
  text-align: left;
  margin-bottom: 5%;
  line-height: 2;
}

.subclass{
  font-family: "Montserrat";
  font-weight: bold;
  line-height: 2.5;
}

.hrinline {
  border-style: dotted none none;
  border-color: #40514E;
  border-width: 5px;
  height: 0;
  margin-top: 0%;
  padding-top: 0%;
  margin-bottom: 15px;
}

.gif {
  position: relative;
  left: -42px;
}

.five {
  text-align: center;
}

.ana_text {
  padding: 0% 20%;
  
  /* margin-bottom: 3%; */
}

.ana_text_white {
  padding: 0% 20%;
  color: #fff;
}

.black {
  background-color: #000;
}

.obs {
  padding: 0% 20%;
  color: #fff;
  font-weight: bold;
}
.Obs2 {
  padding: 0% 20%;
  color: #40514E;
  font-weight: bold;
}