a {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color from parent */
}

.mkt.message {
    display: block;
    color: red;
    font-weight: bold;
    text-align: center; /* Center the text horizontally */
    margin-top: 10px; /* Adjust the margin to center the text vertically */
}

.centered-message {
    line-height: 1.8; /* Increase line spacing */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

body {
	font-family: 'Sarabun', sans-serif;
	background-color: #f4f4f4;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background-image: url('images/bg.jpg'); /* Replace with your background image */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.container {
	width: 90%;
	max-width: 400px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
}
h1, h2, h3, h4, h5, h6 {
    text-align: center;
    padding: 0 20px; /* Add padding to left and right */
    margin: 10px 0; /* Add margin for spacing */
    line-height: 1.8; /* Increase line spacing */
}

h1 {
    font-size: 24px; /* Change the font size of h1 */
}

h2 {
    font-size: 20px; /* Change the font size of h2 */
}

h3 {
    font-size: 18px; /* Change the font size of h3 */
}

h4 {
    font-size: 18px; /* Change the font size of h3 */
}

h5 {
    font-size: 18px; /* Change the font size of h3 */
}

h6 {
    font-size: 18px; /* Change the font size of h3 */
}
form {
	margin-top: 20px;
}
input[type="text"] {
	width: 50%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: block; /* Ensures input field takes full width */
	margin: 0 auto; /* Centers input field */
}
input[type="text"]::placeholder {
	font-weight: bold; /* Make the placeholder text bold */
}
input[type="submit"] {
	width: 100%;
	padding: 10px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #0056b3;
}

.header {
	display: flex;
    align-items: center;
	justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #333; /* Change the background color as needed */
    padding: 10px 0; /* Adjust padding as needed */
    z-index: 1000; /* Set a higher z-index to ensure the header appears above other content */
	opacity: 0.95; /* Adjust the opacity level as needed */
}

/* Sticky Footer Styles */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333; /* Change the background color as needed */
    padding: 10px 0; /* Adjust padding as needed */
    z-index: 1000; /* Set a higher z-index to ensure the footer appears above other content */
	opacity: 0.95; /* Adjust the opacity level as needed */
}