.module_2{
	text-align: center;
}
.module_2 h2{
	margin-top: 72px;
}
.module_2 h4{
	margin-top: 21px;
}
.module_2 .title2{
	color: #005587;
	margin-top: 40px;
}
.module_2 .contentBox{
	position: relative;
	margin-top: 15px;
	padding: 50px 0;
}
.module_2 .contentBox .imgbg{
	opacity: .03;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/style/icon/book_a_party_pattern_website_pattern.png') center;
	z-index: 0;
}
.module_2 .contentBox .content{
	text-align: left;
	z-index: 1;
	padding: 0 65px;
}
.module_2 .content p{}
.module_2 .contentBox h5{
	text-align: left;
	padding: 0 65px;
	color: #005587;
	margin-top: 30px;
	font-size: 14px;
}

.module_2 button{
	margin-top: 29px;
}

.module_3{

}

.formBox {
    /*width: 406px;*/
    margin: 0 auto;
    margin-top: 47px;
    text-align: center;
}
.formBox h3{
	color: #E87411;
	font-size: 18px;
	margin-bottom: 25px;
	text-align: center;
	max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
.formBox .title3{
	margin-top: 20px;
}
.formBox h5{
	font-size: 14px;
	color: #7B838A;
	font-family: fontMedium;
	text-align: left;
	margin-bottom: 10px;
	width: 426px;
    margin-left: auto;
    margin-right: auto;
}
.formBox .inputBox{
	width: 100%
}
.formBox .show_placeholder:before{ 
	content: attr(placeholder);
}
.formBox input{
	border: 1px solid #aaa;
    padding-left: 18px;
    height: 46px;
    width: 426px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 32px;
    margin-bottom: 18px;
    background: none;
    display: block;
    font-family: fontBook;
    font-size: 14px;
    box-sizing: border-box;

}
.formBox textarea{
	width: 426px;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #aaa;
	border-radius: 4px;
	min-height: 190px;
	padding: 10px;
	box-sizing: border-box;
}
.formBox input::placeholder{
	color: #787878;
}
.formBox textarea::placeholder{
	color: #CACACA;
	font-size: 14px;
}
.formBox .birthInputBox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
	width: 426px;
    margin-left: auto;
    margin-right: auto;
}
.formBox .birthInputBox input{
	width: 316px;
	margin-bottom: 0;
	margin-left: 0;
}
.formBox .datapickicon{
	background:url('/style/icon/menu-schedule.png') no-repeat 95% center / auto 24px;
	cursor: pointer;
}
.formBox .toggle-wrapper{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.formBox .toggle-wrapper input{
    position: absolute;
    left:-99999999999px;
    display: none;
}
.formBox .toggle-wrapper .toggle{
	text-align: left;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 66px;
    height: 32px;
    border-radius: 16px;
    background: #005587;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.formBox .toggle-wrapper .toggle:before,.formBox .toggle-wrapper .toggle:after {
    position: absolute;
    width: 28px;
    line-height: 28px;
    font-size: 11px;
    z-index: 2;
    text-align: center;
    top: 2px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.formBox .toggle-wrapper .toggle-handler {
    display: inline-block;
    z-index: 1;
    width: 28px;
    height: 28px;
    background: #f9f9f9;
    position: relative;
    top: 2px;
    left: 2px;
    border-radius: 14px;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.formBox .toggle-wrapper input:checked + .toggle {
    background: #E87411;
}
.formBox .toggle-wrapper input:checked + .toggle .toggle-handler {
    transform: translateX(33px);
}
.formBox .toggle-wrapper .toggle:before{
    content: "Boy";
    left: 2px;
    color: #005587;
    font-family: fontMedium;
    opacity: 1;
}
.formBox .toggle-wrapper .toggle:after {
    content: "Girl";
    right: 2px;
    color: #3A3A3A;
    font-family: fontBook;
    opacity: .5;
}

.formBox .toggle-wrapper input:checked + .toggle:before {
    font-family: fontBook;
    opacity: .5;
    color: #e4ac7b;
}
.formBox .toggle-wrapper input:checked + .toggle:after {
    font-family: fontMedium;
    opacity: 1;
}



.formBox button{
	margin-top: 48px;
	margin-bottom: 149px;
}

.module_sucss{
	text-align: center;
	margin-top: 100px;
    margin-bottom: 150px;
	display: none;
}
.module_sucss h2{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 36px;
	color: #7B838A;
	margin-left:auto;
	margin-right: auto
}
.module_sucss h2 img{
	width: 80px;
	height: 80px;
	margin-right: 28px
}
.module_sucss h3{
	font-size: 36px;
	color: #E87411;
	margin-top: 50px;
	margin-left:auto;
	margin-right: auto
}
.module_sucss p{
	
}
.module_sucss h5{
	color: #009CBD;
	font-size: 18px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 50px;
	text-align: left;
	max-width: 379px
}
.module_sucss h5 span{
	color: #787878;
	font-family: fontBook;
}

@media screen and (max-width: 768px) {
	.module_2{
		background-color: #fff;
		padding-top: 2.0rem;
	}
	.module_2 h2{
		margin-top: 0;
	}
	.module_2 h4{
		margin-top: 0.6875rem;
	}
	.module_2 .title2{
		margin-top: 1.875rem;
		padding-left: 2.6875rem;
		padding-right: 2.0625rem;
	}
	.module_2 .contentBox{
		margin-top: 1.1875rem;
		padding: 1.4375rem 0;
	}
	.module_2 .contentBox .content{
		padding-left: 2.6875rem;
		padding-right: 2.0625rem;
	}
	.module_2 .content p{}
	.module_2 .contentBox h5{
		padding-left: 2.6875rem;
		padding-right: 2.0625rem;
		margin-top: 1.875rem;
		font-size: 0.875rem;
	}

	.module_2 button{
		margin-top: 1.625rem;
		margin-bottom: 3.75rem;
	}

	.popbg{
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(255,255,255,.5);
		min-width: 100%;
		min-height: 100%;
		z-index: 998;
		display: none;
	}
	.popBox{
		background: #FFFFFF;
		box-shadow: 0 2px 4px 0 rgba(155,155,155,0.61);
		border-radius: 4px;
		position: absolute;
		top: 12.5rem;
		left: 1.25rem;
		right: 1.25rem;
		z-index: 999;
		display: none;

	}
	.popBox .close{
		position: absolute;
		right: 1.25rem;
		top: 1.25rem;
		width: 1.625rem;
		height: 1.625rem;
	}
	.popBox .close.img{
		width: 100%;
		height: 100%;
	}
	.formBox {
	    width: 18.8125rem;
	    margin: 0 auto;
	    margin-top: 47px;
	}
	.formBox h3{
		color: #E87411;
		font-size: 18px;
		margin-bottom: 25px;
	}
	.formBox .title3{
		text-align: left;
	}
	.formBox h5{
		font-size: 14px;
		color: #7B838A;
		font-family: fontMedium;
		text-align: left;
		margin-bottom: 10px;
	}
	.formBox .inputBox{
		width: 100%
	}
	.formBox input{
		border: 1px solid #aaa;
	    padding-left: 18px;
	    width: 100%;
	    height: 46px;
	    border-radius: 32px;
	    margin-bottom: 18px;
	    background: none;
	    display: block;
	    font-family: fontBook;
	    font-size: 14px;
	}
	.formBox textarea{
		width: 100%;
		border: 1px solid #aaa;
		border-radius: 4px;
		min-height: 190px;
		padding: 10px;
	}
	.formBox input::placeholder{
		color: #787878;
	}
	.formBox textarea::placeholder{
		color: #CACACA;
		font-size: 14px;
	}
	.formBox .datapickicon{
		background-position:95% center;
	}
	.formBox .birthInputBox {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 18px;
		width: 100%;
	}
	.formBox .birthInputBox input{
		width: 316px;
		margin-bottom: 0;
	}

	.formBox .toggle-wrapper{
	    display: inline-block;
	    vertical-align: middle;
	    margin-left: 20px;
	}
	.formBox .toggle-wrapper input{
	    position: absolute;
	    left:-99999999999px;
	    display: none;
	}
	.formBox .toggle-wrapper .toggle{
		text-align: left;
	    cursor: pointer;
	    display: inline-block;
	    position: relative;
	    width: 66px;
	    height: 32px;
	    border-radius: 16px;
	    background: #005587;
	    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	}
	.formBox .toggle-wrapper .toggle:before,.formBox .toggle-wrapper .toggle:after {
	    position: absolute;
	    width: 28px;
	    line-height: 28px;
	    font-size: 11px;
	    z-index: 2;
	    text-align: center;
	    top: 2px;
	    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	}
	.formBox .toggle-wrapper .toggle-handler {
	    display: inline-block;
	    z-index: 1;
	    width: 28px;
	    height: 28px;
	    background: #f9f9f9;
	    position: relative;
	    top: 2px;
	    left: 2px;
	    border-radius: 14px;
	    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	}
	.formBox .toggle-wrapper input:checked + .toggle {
	    background: #E87411;
	}
	.formBox .toggle-wrapper input:checked + .toggle .toggle-handler {
	    transform: translateX(33px);
	}
	.formBox .toggle-wrapper .toggle:before{
	    content: "Boy";
	    left: 2px;
	    color: #005587;
	}
	.formBox .toggle-wrapper .toggle:after {
	    content: "Girl";
	    right: 2px;
	    color: #3A3A3A;
	}
	.formBox button{
		margin-top: 1.25rem;
		margin-bottom: 6.25rem;
	}

	.module_sucss{
		text-align: center;
		background-color: #fff;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2.5rem;
		padding-bottom: 3.75rem;
	}
	.module_sucss h2{
		display: block;
		font-size: 1.125rem;
		text-align: center;
	}
	.module_sucss h2 img{
		width: 3.125rem;
		height: 3.125rem;
		margin-right: 0;
		margin-bottom: 1.875rem;
	}
	.module_sucss h3{
		font-size: 1.125rem;
		margin-top: 1.875rem;
		max-width: 16.25rem;
		text-align: left;
	}
	.module_sucss h5{
		font-size: 0.875rem;
		margin-top: 1.875rem;
		max-width: 16.25rem
	}
}