body {
  padding-top: 56px;
}

.left-aligned {
  margin-left: auto;
}

.bg-dark {
  background-color: #343a40 !important;
}

.bg-hero {
  background-color: #7952b3;
}

/* CALLOUT */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: .25rem;
  border-radius: .25rem
}

.bd-callout h4 {
  margin-bottom: .25rem
}

.bd-callout p:last-child {
  margin-bottom: 0
}

.bd-callout code {
  border-radius: .25rem
}

.bd-callout+.bd-callout {
  margin-top: -.25rem
}

.bd-callout-info {
  border-left-color: #5bc0de
}

.bd-callout-warning {
  border-left-color: #f0ad4e
}

.bd-callout-danger {
  border-left-color: #d9534f
}

/* footer */
footer a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: underline;
}
nav-link.active
/* MENU */

/* 用来将字体改成蓝色 */
.text_blue a {
  color: blue;
}


/* LOADING */

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.loading-div {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  display: table-cell;
  vertical-align: middle;
  color: #555;
  overflow: hidden;
  text-align: center;
}

.loading-div::before {
  display: inline-block;
  vertical-align: middle;
}


/* partnership */
/* link offset */
.link_offset {
  margin-bottom: 25px;
  margin-top: -75px;
  padding-top: 75px;
}

.pt-content-column-purple{
  box-shadow: 3px 6px 10px rgba(0,0,0,0.2);
  border-radius: 8px;
  background-color:#f1e2f3;
}
.pt-content-column-blue{
  box-shadow: 3px 6px 10px rgba(58, 6, 246, 0.2);
  border-radius: 8px;
  background-color:#d4e4f5;
}
.pt-content-column-green{
  box-shadow: 3px 6px 10px rgba(140, 140, 140, 0.2);
  border-radius: 8px;
  background-color:#def8e5cc;
}
.pt-content-column-yellow{
  box-shadow: 3px 6px 10px rgba(62, 114, 4, 0.2);
  border-radius: 8px;
  background-color:#eaeec5cc;
}
.pt-content-column-red{
  box-shadow: 3px 6px 10px rgba(100, 21, 15, 0.2);
  border-radius: 8px;
  background-color:#f8cfcfcc;
}
.pt-content-column-orange{
  box-shadow: 3px 6px 10px rgba(100, 21, 15, 0.2);
  border-radius: 8px;
  background-color:#fae5c4cc;
}


/* HP */
#img-content {
  width: 100%;
  overflow-x: auto;
}
.img-list {
  display: flex;
  height: 400px;
  width: 1500px;
  list-style:none;
}
.img-list .img-list-item {
  list-style:none;
}
.img-list .img-list-item + .img-list-item {
  margin-left: 20px;
}
.img-list .img-list-item img {
  width: 100%;
  height: 100%;
}

.nav-pills .nav-link{
  color:#000000
}

.nav-pills .nav-link.active{
  background-color:rgba(58, 6, 246, 0.2);
}

.scrollspy-example-2 {
  position: relative;

  overflow: auto;
}




tr td,th{

  border:1px solid black;
  
  }
  
  
  .mt{
  
   border-collapse:collapse;
   border:1px solid black;
  }