body {
  background-image: url("./img/3c-bg-all.jpg");
  /* background-color: #cccccc; */
  /* background-size: auto 100%; */
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-size:cover;
	height: 100%;
	width: 100%;
}

#mcontainer {
  width: 100vw;
  max-width: 500px;
  min-width: 320px;
  height: 100%;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.logo {
  margin-top: 5%;
  width: 45%;
}
.slogan {
  margin-top: 5px;
  width: 90%;
}

.row {
  /* margin-top: 10px; */
  margin: auto;
  width: 100%;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

/* .background {
  background-image: url("./img/3c-bg-login.png");
  background-size: 100%;
  position: relative;
  width: 100%;
  padding-top: 100%;
} */

.formitem {
  /* border: 1px solid lightblue; */
}

#mform1 {
  background-image: url("./img/3c-bg-dang-ky.png");
  background-size: 100% 100%;
  width: 100%;
  height: calc(100vw - 6vw);
  max-height: 480px;
  min-height: 300px;
  padding-top: 18%;
  padding-left: 4.5%;
  padding-right: 4.5%;
  /* display: none; */
}
#mform2 {
  display: none;
  background-image: url("./img/3c-bg-dang-nhap.png");
  background-size: 100% 100%;
  width: 100%;
  height: calc(100vw - 6vw);
  max-height: 480px;
  min-height: 300px;
  padding-top: 18%;
  padding-left: 4.5%;
  padding-right: 4.5%;
}
.fhead {
  width: 100%;
  height: 14%;
  display: flex;
}
.btnregtab {
  width: 50%;
  height: 100%;
  background-size: 100% 100%;
}
#mform1>.fhead>.btnregtab {
  background-image: url("./img/3c-tab-dk-active.png");
}
#mform2>.fhead>.btnregtab {
  background-image: url("./img/3c-tab-dk-normal.png");
}
.btnlogintab {
  width: 50%;
  height: 100%;
  background-size: 100% 100%;
}
#mform1>.fhead>.btnlogintab {
  background-image: url("./img/3c-tab-dn-normal.png");
}
#mform2>.fhead>.btnlogintab {
  background-image: url("./img/3c-tab-dn-active.png");
}

.fcontent {
  width: 100%;
  background-color: #142a56;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#mform1>.fcontent {
  height: 64%;
}
#mform2>.fcontent {
  height: 40%;
}

.fbottom {
  width: 100%;
  height: 14%;
  margin-top: 3%;
}
.btnreg {
  width: calc(50% - 10px);
  height: 100%;
  background-image: url("./img/3c-btn-dang-ky.png");
  background-size: 100% 100%;
  margin-right: 5px;
}
.btnlogin {
  width: calc(50% - 10px);
  height: 100%;
  background-image: url("./img/3c-btn-dangnhap-yellow.png");
  background-size: 100% 100%;
  margin-right: 5px;
}
.btnfb {
  width: calc(50% - 10px);
  height: 100%;
  background-image: url("./img/3c-btn-facebook.png");
  background-size: 100% 100%;
  margin-left: 5px;
}
button {
  border: none;
  background: none;
}
input {
  background-image: url("./img/3c-tab-bg-input-txt.png");
  background-size: 100% 100%;
  width: 90%;
  margin-top: 5%;
  padding: 3%;
  border: none;
  border-radius: 5px;
}
#mform1>.fcontent>input {
  height: 20%;
}
#mform2>.fcontent>input {
  height: 30%;
}

.dlcontent {
  width: 100%;
  color: rgb(207, 207, 207);
}

.mtext {
  width: 100%;
  font-size: small;
  text-align: center;
  margin-bottom: 10px;
}

.dlbtn {
  display: flex;
}

.dlbtn>img{
  width: 70%;
  margin: auto;
}

#dlbtnandroid {
  display: none;
  margin-top: 3%;
}
#dlbtnios {
  display: none;
  margin-top: 3%;
}
#dlbtnplaynow {
  display: none;
  margin-top: 3%;
}

#dlsection {
  margin-bottom: 20%;
}