html,
body {
  height: 100%;
}
body{
  background: url("/public/images/bg_desktop.png") center/cover no-repeat;
  opacity: 1;
  -webkit-backdrop-filter: blur(7.4px);
  backdrop-filter: blur(7.4px);
  display: flex;
  align-items: center;
  /* padding-top: 40px;
  padding-bottom: 40px;
  */
}
@media screen and (max-width: 414px){
  body{
    background: url('/public/images/bg_mobile@3x.png') center/cover no-repeat;
  }
}
.form-login{
  width:100%;
  max-width: 400px; 
  margin:auto;
  /* background-color: rgb(222, 168, 168); */
}
.container-sm{
  text-align: center;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* background-color: rgb(244, 244, 165); */
}

.container-sm.text{    
  /* background-color: teal; */
  margin-bottom: 68.2px;
}

#welcome{
  font-family: OpenSans;
  font-size: 50px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 5px;
  color: #ffffff;
}

#text{
  font-family: PingFangHK;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #ffffff;
}



.container-sm.login{
  /* background-color: turquoise; */
  text-align: left;
}


input  {  
  border: 0;
  outline: 0;
  background: transparent;
  color: #ffffff;
}
.underborder{
  border-bottom: solid 1px #b5b5b5;
}
.form-login .underborder{
  display: flex;
}
.form-login input{
  width: 100%;
}
.form-login #display-pwd{
  width: 2rem;
}
p{  
  font-family: PingFangHK;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 10px;
}
.w-100.btn.btn-lg.btn-primary{
  padding: 16.8px 0 14px;
  background-color: #1c51c9;
  margin-bottom: 10px;
}
#loginbuttontext{
  font-family: PingFangHK;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.01px;
  text-align: center;
  color: #ffffff;
}
a{  
  font-family: PingFangHK;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  color: #ffffff !important;    
  float:right
}



@media screen and (max-width:768px){
#welcome{
  font-family: OpenSans;
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: 3px;
  margin-bottom: 11px;
}


#text{
  font-family: PingFangHK;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

}