.community_banner_wrap{
	width:100%;
	height:370px;	
	margin-bottom:100px;
	position:relative;
}
.community_banner_cover{
	width:94%;	
	height:100%;
	background:url('/html/assets/img/sub/onmom_banner_bg.jpg')no-repeat 50% 50%;
	background-size: cover;
	border-radius: 0 0 0 130px;		
	position: relative;
    margin-left:6%;
}
.community_banner_cover span{
	width:100%;
	height:100%;
	display:block;
	background:rgba(0,0,0,0.4);
	border-radius: 0 0 0 130px;		
}
.community_banner_cover::after{
	content:'';
	width:110px;
	height:110px;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:-50px;
	border-radius:50%;
	background:#d89fa0;
}
.community_banner_cover::before{
	content:'';
	width:23px;
	height:23px;
	position:absolute;
	top:60%;
	left:-75px;
	border-radius:50%;
	background:#f5bdb2;
}
.sub_banner_title_box{
	width:1400px;	
	margin:0 auto;	
	position:absolute;
	left: 50%;
    bottom: 20%;
	transform: translateX(-50%);
    z-index: 2;
}
.sub_banner_title{
	font-size:38px;
	font-weight:700;
	color:#fff;
	margin-bottom:20px;	
	text-shadow: 0 0 5px #8a8a8a;
}
.sub_banner_subtitle{
	font-size:22px;
	font-weight:100;
	color:#fff;	
	text-shadow: 0 0 5px #8a8a8a;
	line-height:1.4;
}

@media screen and (max-width:1700px){
	.sub_banner_title_box{
		width:80%;
	}
	.community_banner_cover::after {	
		width: 100px;
		height: 100px;		
		left: -50px;		
	}
	.community_banner_cover::before {		
		width: 20px;
		height: 20px;		
		left: -65px;	
	}
	.sub_banner_title{
		font-size:35px;
	}
	.sub_banner_subtitle{
		font-size:20px;
	}
}/*1700*/

@media screen and (max-width:1400px){
	.community_banner_wrap {
		height:340px;
	}
	.community_banner_cover,
	.community_banner_cover span{
		border-radius: 0 0 0 110px;
	}
	.community_banner_cover::after {	
		width: 90px;
		height: 90px;		
		left: -45px;		
	}
	.community_banner_cover::before {		
		width: 18px;
		height: 18px;		
		left: -55px;	
	}
	.sub_banner_title{
		font-size:32px;
		margin-bottom:15px;
	}
	.sub_banner_subtitle{
		font-size:19px;
	}
}/*1400*/

@media screen and (max-width:1280px){
	.community_banner_wrap {
		height:320px;
	}
	.community_banner_cover,
	.community_banner_cover span{
		border-radius: 0 0 0 90px;
	}
	.community_banner_cover::after {	
		width: 80px;
		height: 80px;		
		top:40%;
		left: -40px;		
	}
	.community_banner_cover::before {		
		width: 17px;
		height: 17px;	
		top:55%;
		left: -45px;	
	}
	.sub_banner_title{
		font-size:30px;		
	}
	.sub_banner_subtitle{
		font-size:18px;
	}
}/*1280*/

@media screen and (max-width:800px){
	#bo_gall .gall_img img, #bo_gall .gall_img video{
		position:static;
	}
	.community_banner_wrap {
		height:300px;
		margin-bottom: 85px;
	}
	.community_banner_cover{
		margin-left:0;
		width:100%;
	}
	.community_banner_cover::after,
	.community_banner_cover::before{
		display:none;
	}
	.sub_banner_title_box{
		width:100%;
		left:0;
		transform: translateX(0%);
		text-align:center;
		bottom:50%;
		transform: translateY(50%);
	}
	.sub_banner_title{
		font-size:28px;		
	}
	.sub_banner_subtitle{
		font-size:17px;
	}
	.sub_banner_title_box{
		padding:0 20px;
		box-sizing:border-box;
	}
}/*800*/
@media screen and (max-width:600px){
	.community_banner_wrap {
		height:280px;
		margin-bottom: 65px;
	}
	#bo_btn_top {
		margin-bottom: 15px;
	}
}/*600*/
@media screen and (max-width:480px){
	.community_banner_wrap {
		height:260px;
		margin-bottom: 50px;
	}
	.sub_banner_title{
		font-size:26px;		
	}
	.sub_banner_subtitle{
		font-size:16px;
	}
}/*600*/
@media screen and (max-width:375px){
	.community_banner_wrap {
		height:240px;
	}
}