#page.in.form #sec01{
	padding: 30px 0;
}
#page.in.form .form_title{
	text-align: center;
	font-size: 29px;
	margin: 0 auto 30px;
}
#page.in.form .form_header{
	margin: 0 auto 30px;
}
#page.in.form .form_header .left{
	float: left;
	width: 45%;
}
#page.in.form .form_header .right{
	float: right;
	line-height: 1.8em;
	width: 51%;
}
#page.in.form .form_flow{
	max-width: 640px;
	margin: 0 auto 30px;
}
#page.in.form .form_capt{
	color: #fff;
	text-align: center;
	background: #e6377b;
	box-sizing:border-box;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}
#page.in.form form table{
	width: 100%;
	box-sizing:border-box;
	border: 1px solid #9f9fa0;
	border-bottom: none;
}
#page.in.form form table tr{
	box-sizing:border-box;
	border-bottom: 1px solid #9f9fa0;
}
#page.in.form form table tr th{
	text-align: left;
	box-sizing:border-box;
	border-right: 1px solid #9f9fa0;
	padding: 10px;
	width: 200px;
}
#page.in.form form table tr th label{
	display: block;
}
#page.in.form form table tr th label .caution{
	background:red;
	color: #fff;
	float: right;
	border-radius: 4px;
	padding: 0 3px;
}
#page.in.form form table tr th label .uncaution{
	background:#9f9fa0;
	color: #fff;
	float: right;
	border-radius: 4px;
	padding: 0 3px;
}
#page.in.form form table tr td{
	box-sizing:border-box;
	padding: 10px;
}
#page.in.form form input[type="text"]{
	height: 25px;
	box-sizing:border-box;
	width: 100%;
	max-width: 300px;
}
#page.in.form form textarea{
	height: 150px;
	box-sizing:border-box;
	width: 100%;
	resize: none;
}
#page.in.form form select{
	height: 25px;
	box-sizing:border-box;
}
#page.in.form form #confirm{
	color: #fff;
	box-sizing:border-box;
	cursor: pointer;
	border: 1px solid #9f9fa0;
	background: #c27c74;
	padding: 10px 30px;
	text-align: center;
	width: 300px;
	display: block;
	margin: 30px auto;
	transition:0.3s;
	opacity: 1;
}
#page.in.form form #send{
	color: #fff;
	box-sizing:border-box;
	cursor: pointer;
	border: 1px solid #9f9fa0;
	background: #c27c74;
	padding: 10px 30px;
	text-align: center;
	width: 300px;
	display: block;
	margin: 30px auto;
	transition:0.3s;
	opacity: 1;
}
#page.in.form #back{
	color: #fff;
	box-sizing:border-box;
	cursor: pointer;
	border: 1px solid #9f9fa0;
	background: #caa39f;
	padding: 10px 30px;
	text-align: center;
	width: 300px;
	display: block;
	margin: 30px auto;
	transition:0.3s;
	font-size: 18px;
	opacity: 1;
}
#page.in.form form #confirm span,
#page.in.form form #send span{
	background: url(../img/base/ui11.png) right center no-repeat;
	padding-right: 25px;
	font-size: 18px;
}
#page.in.form form #confirm:hover,
#page.in.form #back:hover,
#page.in.form #send:hover{
	opacity: 0.7;
}
.errorstr{
	display: block;
	color: red;
}
#page.in.form form table tr td .scl{
	overflow-y:scroll;
	height: 100px;
}
#page.in.form form #confirm:disabled{
	background: #afacaa;
	cursor: auto;
}
#page.in.form form #confirm:disabled:hover{
	opacity: 1;
}
#page.in.form form table tr.school,
#page.in.form form table tr.department,
#page.in.form form table tr.graduation,
#page.in.form form table tr.job,
#page.in.form form table tr.career,
#page.in.form form table tr.old{
	display: none;
}
@media(min-width: 1px) and (max-width: 640px){
	#page.in.form .form_title{
		font-size: 25px;
	}
	#page.in.form form table tr th,
	#page.in.form form table tr td{
		display: block;
		border-right: none;
		width: 100%;
	}
	#page.in.form form input[type="text"]{
		max-width: 100%;
	}
	#page.in.form .form_header .left{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#page.in.form .form_header .right{
		float: none;
		width: 100%;
		margin: 0;
	}
}