@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 全体 */
.width_long__re,
.width_middle__re,
.width_short__re {
  width: 100%;
}

.align_center{
  margin-bottom: 32px;
}
@media screen and (min-width: 769px) {
  .header {
    padding: 16px 0;
  }
  .form_item__title{
    width: 320px;
  }
}

@media screen and (min-width: 901px) {
  .width_long__re {
    width: 512px !important;
  }
  .width_middle__re {
    width: 240px !important;
  }
  .width_short__re {
    width: 200px !important;
  }
}
.helpdesk_block {
  margin-top: 48px;
}
@media screen and (min-width: 901px) {
  .helpdesk_block {
    margin-top: 64px;
  }
}
.helpdesk_block h2 {
  margin: 0;
}
.helpdesk_menu {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
}
@media screen and (min-width: 901px) {
  .helpdesk_menu {
    margin: 32px 0 0;
  }
}
.helpdesk_menu__item {
  margin-top: 4px;
}
.helpdesk_menu__item {
  margin-top: 4px;
}

.g1233 .form_functions__item{
  margin-top: 16px;
}




.basic_info-details .form_item__title {
  width: 20%;
}
.basic_info-details .form_item {
  width: auto;
}
.table_primary .field_remarks {
  width: 100%;
}
.main_content__member__password {
    padding-top: 105px;
  }

.date_change__field {
    width: 305px;
}

.progress-bar-container {
  position: relative;
  margin-top: 10px;
  max-width: 512px;
  height: 20px;
  background-color: #ddd;
  border-radius: 4px;
}
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ddd;
  border-radius: 4px;
  transition: width 0.4s ease-in-out;
}
.strength-0 {
  width: 2%;
  background-color: red;
}
.strength-1 {
  width: 25%;
  background-color: orange;
}
.strength-2 {
  width: 50%;
  background-color: gold;
}
.strength-3 {
  width: 75%;
  background-color: yellowgreen;
}
.strength-4 {
  width: 100%;
  background-color: green;
}