@charset "utf-8";
/* CSS Document */
#info{
	max-width:970px;
	margin:0 auto;
	line-height:1.4;
	padding:10px;
	color:#333333;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	border-top:#7D7D7D 1px dotted;
	border-bottom:#7D7D7D 1px dotted;
	margin-bottom:30px;
}
#info .register:before{
	position:relative !important;
}
.content{
	max-width:970px;
	margin:0 auto;
	margin-bottom:30px;
}
.content:after{
	content:'';
	clear:both;
	display:block;
}
.form-style:nth-child(even){
	padding-left:15px;
	padding-right:0px;
}
.form-style{
	width:50%;
	float:left;
	padding-right:15px;
}
.form-style li .title {
	width: 100%;
}
.form-style li .rbox {
	width: 100%;
}
.content img{
	max-width:100%;
	height:auto !important;
	vertical-align:middle;
	display:inline-block;
}
.form-style input[type="submit"]{
	height:28px;
	line-height:28px;
	color:#F0F0DF;
	border:none;
	background:#334090;
	border:none;
	width:100%;
	cursor:pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.form-style input[type="submit"]:hover{
	background:#B20000;
}
/************************************************************/
/************************************************************/
@media (max-width: 550px) {
.form-style{
	width:100%;
	float: none;
}
.form-style{
	padding-left:0px !important;
	padding-right:0px;
}
}
@media (max-width: 500px) {
.input_50{
	width:100%;
}
.input_24{
	width:100%;
	margin-bottom:10px;
}
.input_23{
	width:80%;
	margin-bottom:10px;
}
}
@media (max-width: 500px) {
#breadcrumbs{
	top:10px;
}
}
@media (min-width: 500px) {
#breadcrumbs{
	top:10px;
}
}
@media (min-width: 1000px) {
#breadcrumbs{
	top:60px;
}
}