body {
  line-height: 1;
  width: 100%; 
  background-color: #327EA5;
  /*background-image: linear-gradient(120deg, #dfe6d1 0%, #bdff97 100%);*/
  font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: -webkit-fill-available;
  min-height: 100vh;
  text-size-adjust: 100%;
  color:#0097A4;
}

html {
  min-height: -webkit-fill-available;
}

.container-fluid{
  /*text-align: center;*/
}
.main_content {
	position: relative;
}

.main_layout{
  Position:relative;
  min-height: 100vh;
  background-image: url("../images/background.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.main_whatsapp{
  Position:relative;
  //background-image: url("../images/index_content.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size:100%;
}

 /* Header*/ 
.header {
    Position:relative;
    text-align: center;
}

.header .bannerImage {
    width: 100%;
    margin: 0px 0px 0px 0px;
	margin-bottom: -5px;
}
  
.header .titleImage {
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding-top:0px;
}


/* Content */

.content {
    Position:relative;
    text-align: center;
    padding-top: 0px;
}

.content .form-group{
  padding-bottom: 20px;
}

.content .form-control {
  border: 1px solid #158405;
}

.content .card {
  background-color: #ebfbe1 !important;
  border-radius: 1rem;
  border: 2px solid rgb(159, 208, 152);
  overflow: hidden !important;
}

.content .card .card-body{
  overflow-y: scroll !important;

}
.navbackground {
	width: 100%; bottom: 0px; overflow: hidden; position: fixed;
}
.footer {
	width: 100%; text-align: left; bottom: 17px; color: rgb(255, 255, 255); overflow: hidden; font-size: 6.5px; font-weight: 100; position: fixed;
}
.footerimg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  //z-index: 999; /* Ensure the footer image is above other content */
}
#floatingButton {
	position: fixed;
	right: 5px;
	bottom: 40px;
	z-index: 9999;
}

/* Button */
.buttonfield {
    Position:relative;
    text-align: center;
}

@media only screen and (min-width: 550px) {
	.container-fluid {
		max-width: 550px;
		margin: 0 auto;
	}
}