* {
  margin: 0;
  padding: 0;
}

html,body{
  width:100%;
  min-height:100%;

}
body{
  background: url("../../images/member/regist/background.png") no-repeat;
  background-size: 100% 100%;
}
.companyLogo {
  position: absolute;
  background: url("../../images/logo.png") no-repeat;
  background-size: contain;
  background-position: center;
  top: 65px;
  margin-top: 0px;
  width: 292px;
  height: 77px;
  border: none;
}
#msform {
  text-align: center;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
}

#msform .row {
  justify-content: space-between;
  align-items: baseline;
}

.col50 {
  display: inline-block;
  vertical-align: top;
  width: 48.2%;
  margin: 0;
}

.review {
  width: 60px;
  padding-right: 0;
  margin: 0%;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.star {
  color: red;
}

#msform fieldset .form-card {
  background: white;
  border: 0 none;
  /* padding: 10px 70px 0px 70px; */
  box-sizing: border-box;
  width: 94%;
  margin: 0 1% 2px 3%;
  position: relative;
  text-align: right;
  color: #34495e;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 2.5rem;
  box-sizing: center-box;
  width: 100%;
  margin: 0;
  padding-bottom: 0px;
  position: relative;
}

#msform fieldset:not(:first-of-type) {
  display: none;
}

#msform fieldset .form-group {
  padding-bottom: none;
  margin-bottom: none;
}

.nopadding {
  padding: 0 !important;
  /* margin: 0 !important; */
  margin-right: 10%;
}

.mt-custom {
  /*margin-top: 7rem !important;*/
  /*margin-bottom: 7rem !important;*/
  padding-top: 5rem;
}

/*#msform input {*/
/*  height: 2em;*/
/*}*/
#msform textarea {
  padding: 0px 8px 0px 8px;
  text-align: right;
  border-block-color: #e5e5e5;
  margin-bottom: 1em;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: red;
  font-size: 16px;
  letter-spacing: 1px;
}

#msform input:focus,
#msform textarea:focus {
  /* -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 2px solid skyblue;
  border: none;*/

  font-weight: bold;

  outline-width: 0;
}
#msform fieldset .agrcontent {
  padding: 0 30px 30px 30px;
  text-align: left;
  height: 500px;
  overflow: auto;
}
#msform fieldset .agrcontent h5{
  font-weight: bolder;
}
#msform fieldset .agrcontent .title{
  text-align: center;
}
#msform fieldset .agrcontent p{
  text-indent: 30px;
}
#msform fieldset .agrcontent .small{
  padding-left: 10px;
}
#msform fieldset .footer {
  margin-bottom: 60px;
  margin-top: 120px;
  width: 350px;
  /*height: 80px;*/
}
#msform fieldset .footeragree {
  margin-bottom: 20px;
  margin-top:0;
  /*padding-top: 70px;*/
  top: 70px;
}

#msform fieldset .footer-step2 {
margin-bottom: 60px;
margin-top: 90px;
width: 350px;
height: 80px;
}

#msform fieldset .login-link {
padding-bottom: none;
font-size: 12px;
margin-bottom: 65px;
}

#msform .action-button {
background: #47a5fc;
font-weight: bold;
color: white;
border: 0 none;
cursor: pointer;
padding: 10px 0px;
margin-bottom: 25px;
width: 344px;
height: 50px;
text-align: center;
border-radius: 4px;
}

#msform .action-button-next {
background: #47a5fc;
font-weight: bold;
color: #ffffff;
border: 0 none;
cursor: pointer;
padding: 10px 0px;
margin-bottom: 10px;
width: 168px;
height: 50px;
text-align: center;
border-radius: 4px;
}

#msform .action-button:hover,
#msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px grey;
}

#msform .action-button-previous {
background: #b6c1d3;
font-weight: bold;
color: white;
border: 0 none;
cursor: pointer;
padding: 10px 0px;
margin-bottom: 10px;
width: 168px;
height: 50px;
text-align: center;
border-radius: 4px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

.center {
margin: 0;
position: relative;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

select.list-dt {
border: none;
outline: 0;
border-bottom: 1px solid #ccc;
padding: 2px 5px 3px 5px;
margin: 2px;
}

select.list-dt:focus {
border-bottom: 2px solid skyblue;
}

.card {
z-index: 0;
border: 5px;
border-block-color: green;
border-radius: 0.5rem;
position: relative;
}

#progressbar {
margin-top: 40px;
margin-bottom: 30px;
overflow: hidden;
color: #e5e5e5;
}

#progressbar .active {
color: #47a5fc;
}

#progressbar li {
list-style-type: none;
font-size: 14px;
width: 34%;
float: left;
position: relative;
}
#progressbar #agreement:before {
font-family: FontAwesome;
content: "\f007";
}
#progressbar #basicInfo:before {
font-family: FontAwesome;
content: "\f023";
}

#progressbar #registerInfo:before {
font-family: FontAwesome;
content: "\f007";
}

#progressbar #accountInfo:before {
font-family: FontAwesome;
content: "\f09d";
}

#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c";
}

#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 18px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px;
}

#progressbar li:after {
content: "\f023";
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
background: #47a5fc;
}

.radio-group {
position: relative;
margin-bottom: 25px;
}

.radio {
display: inline-block;
width: 204;
height: 104;
border-radius: 0;
background: skyblue;
box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
cursor: pointer;
margin: 8px 2px;
}

.radio:hover {
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.fit-image {
width: 100%;
object-fit: cover;
}
.custom-file-input ~ .custom-file-label::after {
content: "上传附件";
border-radius: 5px;
font-size: 14px;
border: 0;
color: gray;
}

.nopaddingLeft {
padding-left: 0;
}

.btn {
color: lightgray;
background-color: #ffffff;
}
.btn:hover > .dropdown-toggle.btn-primary {
color: #3c84fb;
background-color: #ffffff;
}
.form-control {
width: 75% !important;
}