.section-banner-adp { margin: 70px 0;

}

.container-banner-adp {
	width: 777px; 
	height: 200px; 
	border-radius:10px; 
	background-image: url(../img/dc_banner_bg.png); 
	margin:60px auto;
}

.banner-left-adp {
	width: 378px; 
	height: 100%;
	margin: 0 auto　0 0 ; 
	float: left; 
	text-align: center;
	position: relative;
}

.banner-left-greeen-adp {
	position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  width: 86%;	
	  height:50%;
	background-color: rgba(0,153,0,0.6); 
	margin-top:12%;
	display: table;
}

.banner-left-greeen-adp p{
	text-align: center; 
	display: table-cell;
  	vertical-align: middle;
  	color: #FFF;
	font-size:24px; 
	font-weight: bold; 
	line-height: 1.4; 
	text-shadow: 2px 2px 4px  #001a1a;
}

.banner-right-adp {
	width: 399px;
	height: 200px; 
	margin: 0 0 0 auto; 
	float: right; 
	text-align: center; 
	position: relative;
	display: table;
}


.banner-right-adp p{
	display: table-cell;
  	vertical-align: middle;
	font-size:22px;
	color: #000;
}

@media only screen and (max-width: 767px) {

.section-banner-adp {
  padding: 0 10px;
}

.container-banner-adp {
	width: 94%;
	height:300px;
	margin:60px auto;	
	background-image: url(../img/dc_banner_bg-sp.png); 
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: 0;
	text-align: center;
}

.banner-left-adp {
	float: none;
	width: 94%;
	height:140px;
	text-align: center;
	margin:0 auto; 
}

.banner-left-greeen-adp {
	margin-top:13%; 
}

.banner-left-greeen-adp  p{
	text-align: center;
	margin:0 auto ;
	font-size: 20px;
}

.banner-right-adp {
	float: none;
	width: 94%;
	height:140px;
}




}