#my-page .my-page-box {
  transform: translateY(-110px);
  background-color: #03061a;
  border-radius: 50px;
  max-width: 100%;
  width: 596px;
  padding: 40px 55px;
  margin: 0 auto;
}

#my-page .my-page-box .my-info-row {
  align-items: center;
}

#my-page .my-page-box .my-info-row .user-icon {
  margin-top: 10px;
}

#my-page .my-page-box .my-info-row .user-icon img {
  width: 94px;
}

#my-page .my-page-box .my-info-row .user-info > h4 {
  background: linear-gradient(87.61deg, #e9ab17 -9.65%, #f3e278 47.57%, #eedd73 109.77%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.4rem;
  font-weight: 500;
  margin-bottom: 12px;
}

#my-page .my-page-box .my-info-row .user-info > p {
  font-size: 4rem;
  font-weight: 700;
  text-decoration: underline;
  color: #fff;
  margin-bottom: 0;
}

#my-page .my-page-box .my-info-btn > button {
  background-color: #fb500a;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 500;
  /* box-shadow: 0px 4px 4px 0px #00000040; */
  width: 143px;
  /* border-radius: 50px; */
  border-radius: 2px;
  height: 56px;
}

#my-page .my-page-box .my-point-box {
  background-color: #fff;
  border-radius: 20px;
  /* box-shadow: 0px 4px 4px 0px #00000040; */
  padding: 8px 15px;
  margin-top: 35px;
}

#my-page .my-page-box .my-point-box > .row {
  margin: 0 -33px;
}

#my-page .my-page-box .my-point-box > .row > div {
  text-align: center;
  padding: 0 33px;
}

#my-page .my-page-box .my-point-box > .row > div:nth-child(1) {
  border-right: 1px solid #436fd3;
}

#my-page .my-page-box .my-point-box .my-point-text {
  font-size: 2.3rem;
  color: #2d1572;
  font-weight: 700;
  margin-bottom: 0;
  padding-left: 20px;
}

#my-page .my-page-box .my-point-box span {
  background-color: #03153d;
  display: block;
  width: 100%;
  height: 37px;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 700;
  /* border-radius: 5px; */
  border-radius: 2px;
}

#my-page .history-parent {
  margin-bottom: 100px;
}

#my-page .history-row {
  display: flex;
  margin: 0 -30px;
}

#my-page .history-row > div {
  padding: 0 30px;
}

#my-page .history-row .credit-history {
  flex: 0 1 38.5%;
}

#my-page .history-row table thead tr th:last-child {
  /* text-align: right; */
}

#my-page .history-row .purchase-history {
  flex: 1 1 auto;
}

#my-page .history-row .purchase-history .history-table thead tr th {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

#my-page .purchase-history .device-change-btn {
  text-align: center;
  margin-top: 175px;
}

#my-page .purchase-history .device-change-btn button {
  background: #10141f;
  color: #fff;
}

/* @media (max-width: 767px) { */

#my-page .history-parent {
  margin-top: -80px;
  margin-bottom: 75px;
}

#my-page .my-page-box {
  width: 315px;
  padding: 30px 33px;
  /* box-shadow: 0px 4px 6px 1px #00000040; */
  /* border-radius: 30px; */
  border-radius: 2px;
}

#my-page .my-page-box .my-info-row {
  margin: 0 -5px;
}

#my-page .my-page-box .my-info-row > div {
  padding: 0 5px;
}

#my-page .my-page-box .my-info-row .user-icon img {
  width: 65px;
}

#my-page .my-page-box .my-info-row .user-info > h4 {
  font-size: 1.6rem;
}

#my-page .my-page-box .my-info-row .user-info > p {
  font-size: 1.8rem;
}

#my-page .my-page-box .my-info-btn > button {
  font-size: 1.3rem;
  width: 73px;
  height: 27px;
}

#my-page .my-page-box .my-point-box > .row {
  margin: 0 -15px;
}

#my-page .my-page-box .my-point-box > .row > div {
  padding: 0 15px;
}

#my-page .my-page-box .my-point-box {
  /* border-radius: 10px; */
  border-radius: 2px;
  padding: 5px 14px;
}

#my-page .my-page-box .my-point-box .my-point-text {
  font-size: 1.3rem;
  line-height: 25px;
  padding-left: 0;
}

#my-page .my-page-box .my-point-box span {
  font-size: 1.3rem;
  height: 25px;
  line-height: 25px;
  width: 100%;
}

#my-page .history-row {
  margin: 0 -10px;
  flex-flow: row wrap;
}

#my-page .history-row > div {
  flex: 0 1 100% !important;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 30px;
}

#my-page .purchase-history .device-change-btn {
  margin-top: 40px;
}

#my-page .purchase-history .device-change-btn button {
  width: 130px;
  height: 34px;
  font-size: 1.3rem;
}

/* } */

/* Modification */

#my-page .history-row table thead tr th {
  text-align: center;
}

#my-page .history-row table tbody tr td {
  font-size: 1.4rem;
  text-align: center;
  padding: 4px 0;
  border-top: 1px solid #dee2e6;
}

#contents .modal-content {
  background-color: #03061a;
}

#contents .join-text {
  color: #fff;
}