@charset "utf-8";
html {
  scroll-behavior: smooth;
}
#contentsarea h2 {
  margin: 100px 0 20px !important;
  padding: 35px 35px 30px !important;
  font-size: x-large !important;
  background: linear-gradient(to right, #fff 15%, rgba(160,160,165,0.25));
}
#contents h3 {
  margin: 30px 0 16px;
  font-size: 17px;
  padding: 16px 10px 13px 12px;
}
#contents_01 h3 {
  background: linear-gradient(to left, #fff 0%, rgba(100,175,225,0.55));
}
#contents_02 h3 {
  background: linear-gradient(to left, #fff 0%, rgba(0,117,128,0.55));
}
#contents_03 h3 {
  background: linear-gradient(to left, #fff 0%, rgba(175,140,200,0.55));
}
#contents ul {
  padding-left: 0; 
  margin-bottom: 30px;
}
#contents li {
  list-style-type: none;
  margin-bottom: 8px;
}
#contents aside {
  margin-top: 20px;
  font-size: 14px;
}
#contents b {
  font-weight: normal !important;
  color: #000 !important;
}
#contents_01 b {
  background: linear-gradient(transparent 60%, rgba(100,175,225,0.55) 100%);
}
#contents_02 b {
  background: linear-gradient(transparent 60%, rgba(80,190,190,0.55) 100%);
}
#contents_03 b {
  background: linear-gradient(transparent 60%, rgba(175,140,200,0.55) 100%);
}
#contents dt {
  margin-bottom: 5px;
  border-bottom: solid 2px #AF8CC8;
  font-weight: normal;
}
.tqspassport,
.ainote {
  font-style: oblique;
}
.reference-exhibit {
  padding: 3px 5px 0;
  border: solid thin #000;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 32px;
}
#contents_01 .fa-circle {
  color: #64AFE1;
}
#contents_03 .fa-circle {
  color: #AF8CC8;
}


.btn-blue {
  padding-top: 8px;
  background-color: #408bdd !important;
  border: none;
  color: #fff;
  cursor: pointer;
/*  transition: all 0.7s ease 0.3s; */
}
.btn-blue:hover {
  background-color: #0064D2 !important;
}
#overview b,
#map b {
  font-weight: normal;
  text-decoration: underline;
  text-decoration-color: rgba(100,175,225,0.55);
  text-decoration-thickness: 7px;
}


.mt30 {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mb99 {
  margin-bottom: 100px;
}
.img-padding {
  padding: 30px;
}


