#Container.attend{
	padding-bottom:30px;
	background-color:#fdfcfa;
}

.attend-header{
	padding-top:12rem;height:43rem;
	background-color:#0b1536;
	background-image:url(../imgs/attend/header_bg.jpg);
	background-repeat:no-repeat;background-size:auto 100%;background-position:center center	;
}
.attend-header h2{
	line-height:8rem;
	font-family: 'SourceHanSansCN-Bold';
	font-size:7.2rem;color:#FFF;font-weight:700;letter-spacing:.2rem;
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.attend-header{
		padding:50px 0 70px;height:auto;
	}
	.attend-header h2{
		line-height:40px;
		font-size:24px;
	}
}

.attend-main{
	margin-top:3rem;
}
.attend-con{
	padding:2rem 0 4rem;
	background:#fcfcfa;
	border:.1rem solid #e5d9c5;border-radius:2rem;
}

.attend-title{
	line-height:8rem;
	text-align:center;
}
.attend-title span, .attend-title b{
	position:relative;
}
.attend-title span{
	font-family: 'SourceHanSansCN-Bold';
	font-size:3.6rem;color:#03021f;font-weight:700;letter-spacing:.4rem;
}
.attend-title span:before, .attend-title span:after{
	content:'';position:absolute;top:50%;
	margin-top:-.1rem;
	width:15rem;height:.2rem;
}
.attend-title span:before{
	left:-20rem;
	background:linear-gradient(to right, #FFF, #c5953b);
}
.attend-title span:after{
	right:-20rem;
	background:linear-gradient(to right, #c5953b, #FFF);
}
.attend-title b:before, .attend-title b:after{
	content:'';position:absolute;top:50%;
	width:.8rem;height:.8rem;
	background:#c5953b;
	transform:translate(0, -50%) rotate(45deg);
}
.attend-title b:before{
	left:-4rem;
}
.attend-title b:after{
	right:-4rem;
}
@media only screen and (max-width: 768px) {
	.attend-main{
		margin-top:20px;padding:0 20px;
	}
	.attend-con{
		padding:20px 20px;
		border:1px solid #e5d9c5;border-radius:10px;
	}

	.attend-title{
		line-height:60px;
	}
	.attend-title span{
		font-size:22px;letter-spacing:0;
	}
	.attend-title span:before, .attend-title span:after{
		width:70px;
	}
	.attend-title span:before{
		left:-100px;
	}
	.attend-title span:after{
		right:-100px;
	}
	.attend-title b:before, .attend-title b:after{
		width:6px;height:6px;
	}
	.attend-title b:before{
		left:-20px;
	}
	.attend-title b:after{
		right:-20px;
	}
}