@import url(reset.css);
.content {
	padding: 210px 0 300px;
}
.membrane {
	background: rgba(0, 0, 0, 0.75);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.modal-form {
	background: #345B21;
	padding-top: 68px;
	height: 407px;
	position: relative;
	/* font-family: 'Moulpali', sans-serif; */
	font-family: sans-serif;
}
.modal-form .back {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
.modal-form .back:before, .modal-form .back:after {
	display: block;
	content: '';
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
}
.modal-form .back:before {
	top: 14px;
	transform: rotate(45deg);
}
.modal-form .back:after {
	bottom: 14px;
	transform: rotate(-45deg);
}
.static-form_title {
  color: #FFFFFF;
  font-size: 24px;
  text-align: center;
  margin: 0 auto -12px;
  padding: 0 27px;
  background: #345B21;
  width: fit-content;
  position: relative;
}
.static-form_form-box {
  border: 1px solid rgba(255, 255, 255, 0.58);
  margin: 0 auto;
  width: 82%;
  min-width: 1126px;
  /* height: 169px; */
  padding-top: 94px;
}
.static-form_form-box form {
	margin-bottom: -103px;
}
.static-form_form-box .flex_wrapp {
  display: flex;
  justify-content: space-between;
  width: 78%;
  min-width: 886px;
  margin: 0 auto 55px;
  background: #345B21;
  padding: 0 4%;
}
.static-form_form-box .flex_wrapp div {
  width: 258px;
  font-size: 13px;
  color: #fff;
}
.static-form_form-box .flex_wrapp div span {
  color: #FF0000;
}
.static-form_form-box .flex_wrapp input {
	box-sizing: border-box;
  width: 100%;
  background: #D9D9D9;
  border-radius: 25px;
  font-size: 13px;
  color: #666699;
  padding: 15px 20px;
  margin-top: 17px;
  border: none;
}
.static-form_form-box .flex_wrapp div:last-child {
  width: 210px;
}
.static-form_form-box .flex_wrapp div label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  height: 45px;
  background: #F1B032;
  padding-top: 18px;
  box-sizing: border-box;
  position: relative;
  margin-top: 33px;
  color: #000;
  cursor: pointer;
}
.static-form_form-box .flex_wrapp div label button {
  position: absolute;
  z-index: -1;
}
.agree {
	width: 68%;
	margin: 0 auto;
	padding: 0 4%;
	color: #D9D9D9;
	font-size: 12px;
}
.agree label {
	display: flex;
}
.agree input {
	width: 20px;
	height: 20px;
	display: block;
	margin: 3px 7px 0;
}
.agree span {
	display: block;
	padding-top: 2px;
	width: 196px;
}
@media screen and (max-width: 1170px) {
	.content {
	  padding: 0 0 300px;
	}
	.modal-form {
		top: 0;
		height: 678px;
		padding-top: 132px;
	}
	.static-form_title {

	}
	.static-form_form-box {
		padding-top: 71px;
		width: 359px;
		min-width: 0;
	}
	.static-form_form-box .flex_wrapp {
		display: block;
		min-width: 0;
		width: 100%;
		padding: 0;
		box-sizing: border-box;
		margin: 0 auto;
		background: transparent;
	}
	.static-form_form-box .flex_wrapp div {
		font-size: 16px;
		width: 300px;
		margin: 0 auto 49px;
	}
	.static-form_form-box .flex_wrapp div:last-child {
		width: 330px;
		background: #345B21;
	}
	.static-form_form-box .flex_wrapp input {
		margin-top: 34px;
		height: 64px;
		border-radius: 38px;
		font-size: 16px;
		color: #666699;
	}
	.static-form_form-box .flex_wrapp div label {
		width: 310px;
		height: 70px;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		font-size: 16px;
		padding-top: 27px;
		margin-top: 71px;
	}
	.agree span {
		font-size: 14px;
		margin-top: -2px;
	}
	.agree label input {
			display: block;
			float: left;
			margin: 0;
			margin-right: 17px;
			width: 25px;
			height: 25px;
		}
	@media screen and (max-width: 400px) {
		.modal-form {
			height: 526px;
			padding-top: 88px;
		}
		.modal-form .back {
			top: 27px;
			right: 16px;
		}
		.static-form_form-box {
			width: 262px;
		}
		.static-form_title {
			font-size: 18px;
			width: 205px;
			padding: 0 11px;
		}
		.static-form_form-box {
			padding-top: 63px;
		}
		.static-form_form-box form {
		  margin-bottom: -84px;
		}
		.static-form_form-box .flex_wrapp div {
			width: 220px;
			margin-bottom: 30px;
			font-size: 13px;
		}
		.static-form_form-box .flex_wrapp input {
		  margin-top: 27px;
		  font-size: 13px;
		  width: 220px;
		  height: 50px;
		  padding: 0 20px;
		  border-radius: 25px;
		}
		.static-form_form-box .flex_wrapp div:last-child {
			width: 246px;
		}
		.static-form_form-box .flex_wrapp div label {
			width: 230px;
			height: 50px;
			font-size: 12px;
			box-sizing: border-box;
			margin-top: 63px;
			padding-top: 19px;
		}
		.agree {
			width: 220px;
			padding: 0;
		}
		.agree label {
			width: 100%;
		}
	}
}
@font-face {
	font-family: 'Moulpali';
	src: url(../fonts/MoulpaliRegular.woff);
}