body {
			background: #fff;
			color: #333;
			width: 650px;
			max-width: 100%;
			margin: 0 auto;
			
			box-sizing: border-box;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.img img {
			display: block;
			margin: 0;
			padding: 0;
			max-width: 100%;
			height: auto;
		}
		.bd{
			padding: 0 5%;
		}
		.bd label {
			display: block;
			margin: 10px 0 5px 0;
			font-weight: 500;
		}
		.bd input, 
		.bd textarea {
			width: 100%;
			box-sizing: border-box;
			padding: 8px 10px;
			margin: 5px 0;
			border: 1px solid #ccc;
			border-radius: 4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		
		.bd input {
			height: 35px;
			line-height: 35px;
		}
		
		.bd textarea {
			height: 60px;
			resize: vertical;
		}
		
		.bd button {
			width: 100%;
			display: block;
			border: none;
			height: 40px;
			margin: 20px auto;
			background: #5084c4;
			color: #fff;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			cursor: pointer;
			border-radius: 4px;
			font-weight: bold;
		}
		label.required::after {
			content: " *";
			color: red;
		}
		.modal {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 1000;
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s linear 0.25s, opacity 0.25s;
		}
		
		.modal.show {
			visibility: visible;
			opacity: 1;
			transition-delay: 0s;
		}
		
		.modal-content {
			background-color: white;
			padding: 20px;
			border-radius: 6px;
			width: 80%;
			max-width: 300px;
			text-align: center;
		}
		
		.modal-message {
			margin-bottom: 20px;
			font-size: 16px;
		}
		
		.modal-button {
			background-color: #184b80;
			color: white;
			border: none;
			padding: 8px 20px;
			border-radius: 4px;
			cursor: pointer;
			font-size: 14px;
		}
		.error-input {
			border-color: #ff4444 !important;
			box-shadow: 0 0 0 2px rgba(255, 68, 68, 0.2) !important;
		}
		.modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
			z-index: 1000;
		}
		.modal.show {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.modal-content {
			background-color: white;
			padding: 20px;
			border-radius: 5px;
			text-align: center;
		}
		.error-input {
			border: 2px solid red;
		}