/* Button
-------------------------- */
/* Button
-------------------------- */
/* Button
-------------------------- */
/* BEM
 -------------------------- */
.e-introduce-block .e-introduce-block__wrapper {
  padding: calc(55rem / 14) 0;
}
@media screen and (max-width: 1440px) {
  .e-introduce-block .e-introduce-block__wrapper {
    padding: calc(45rem / 14) 0;
  }
}

.e-introduce-block .e-introduce-block__title {
  margin-bottom: 20px;
  color: #333333;
  font-size: 40px;
}

.e-introduce-block .e-introduce-block__content > p {
  margin: 5px 0 10px;
  color: #333333;
  font-size: 18px;
  line-height: 1.75;
}

.e-framework-block {
  margin: 10px 0;
  height: 420px;
  background: #f8fafd;
}
.e-framework-block .e-framework-block__header {
  padding: 0 40px;
  background: linear-gradient(to right, #005096, #0c7ab4);
}
.e-framework-block .e-framework-block__header .e-framework-block__header-wrapper {
  height: 50px;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  line-height: 50px;
}

.e-framework-block .e-framework-block__body {
  height: calc(100% - 50px);
  padding: calc(20rem / 14) calc(40rem / 14);
}
.e-framework-block .e-framework-block__body p {
  margin: 10px 0;
  color: #005096;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
.e-framework-block .e-framework-block__body p span {
  display: block;
  color: #005096;
  font-size: 14px;
  font-weight: normal;display: inline-block;
}

.e-introduce-card {
  margin: 25px 0;
  height: calc(175rem / 14);
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.e-introduce-card:hover {
  background: #005096;
}
.e-introduce-card:hover .e-introduce-card__header, .e-introduce-card:hover .e-introduce-card__body {
  color: #ffffff;
}

.e-introduce-card .e-introduce-card__header {
  padding: 0 calc(40rem / 14);
  color: #346da6;
  font-size: 24px;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper {
  padding: calc(30rem / 14) 0 calc(12rem / 14);
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1360px) {
  .e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper {
    padding: calc(25rem / 14) 0 calc(12rem / 14);
  }
}
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > div,
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > p,
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > h1,
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > h2,
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > h3,
.e-introduce-card .e-introduce-card__header .e-introduce-card__header-wrapper > h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e-introduce-card .e-introduce-card__body {
  padding: calc(15rem / 14) calc(40rem / 14);
  color: #333333;
  font-size: 20px;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.e-introduce-card .e-introduce-card__body p {
  max-height: 60px;
  display: -webkit-box;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;font-size: 16px;
}

.e-equity-table {
  width: 100%;
}
.e-equity-table tbody tr:nth-child(1) td:first-child > span::after {
  background: #55AFD4;
}
.e-equity-table tbody tr:nth-child(2) td:first-child > span::after {
  background: #1EB9E1;
}
.e-equity-table tbody tr:nth-child(3) td:first-child > span::after {
  background: #5594D4;
}
.e-equity-table tbody tr:nth-child(4) td:first-child > span::after {
  background: #397EC4;
}
.e-equity-table tbody tr:nth-child(5) td:first-child > span::after {
  background: #1D67B3;
}
.e-equity-table tbody tr:nth-child(6) td:first-child > span::after {
  background: #005096;
}
.e-equity-table.is-desc tbody tr:nth-child(6) td:first-child > span::after {
  background: #55AFD4;
}
.e-equity-table.is-desc tbody tr:nth-child(5) td:first-child > span::after {
  background: #1EB9E1;
}
.e-equity-table.is-desc tbody tr:nth-child(4) td:first-child > span::after {
  background: #5594D4;
}
.e-equity-table.is-desc tbody tr:nth-child(3) td:first-child > span::after {
  background: #397EC4;
}
.e-equity-table.is-desc tbody tr:nth-child(2) td:first-child > span::after {
  background: #1D67B3;
}
.e-equity-table.is-desc tbody tr:nth-child(1) td:first-child > span::after {
  background: #005096;
}

.e-equity-table thead th,
.e-equity-table thead td {
  padding: 15px 25px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  background: #005096;
}
.e-equity-table tbody tr {
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
}
.e-equity-table tbody tr:hover {
  background: #f8fafd;
}
.e-equity-table tbody td {
  padding: 15px 25px;
}
.e-equity-table tbody td > span {
  display: inline-block;
  position: relative;
  color: #333333;
  font-size: 18px;
}
.e-equity-table tbody td:first-child > span {
  padding-left: 25px;
}
.e-equity-table tbody td:first-child > span::after {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 10px;
  background: #005096;
  content: "";
}

.e-equity-tooltip {
  padding: 22px 25px;
  min-width: 220px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  border-radius: 8px;
}
.e-equity-tooltip h2 {
  margin-bottom: 20px;
  color: #005096;
  font-size: 20px;
  font-weight: bold;
}
.e-equity-tooltip h3 {
  color: #7a7a7a;
  font-size: 15px;
}
.e-equity-tooltip p {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
}

.e-introduce-boxes {
  padding: calc(100rem / 14) calc(90rem / 14);
}
@media screen and (max-width: 1440px) {
  .e-introduce-boxes {
    padding: calc(90rem / 14) calc(80rem / 14) calc(70rem / 14);
  }
}

.e-introduce-boxes-title {
  color: #333333;
  font-weight: 40px;
  font-weight: 300;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2.4px;
}

.e-introduce-box {
  display: inline-block;
  position: relative;
  width: 33%;
  height: 290px;
  text-align: center;
}
.e-introduce-box .e-introduce-box__content {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.e-introduce-box .e-introduce-box__content h2 {
  margin-bottom: 20px;
  color: #005096;
  font-size: 60px;
}
.e-introduce-box .e-introduce-box__content p {
  color: #333333;
  font-size: 18px;
}