

.banner005 {width:100%; height:100%; float:left; position:relative; box-sizing:border-box; background:#333;}
.banner005 .innerbox {width:100%; height:100%; float:left; padding:15px; background:url("../img/pattern01.png")repeat; box-sizing:border-box;}
	.banner005 h2 {width:100%;float:left;color:white;margin-bottom:20px;line-height: 25px;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;word-break:keep-all;max-height: 50px;overflow: hidden;}
	.banner005 p {width:100%;float:left;color:white;font-size:13px;line-height: 22px;box-sizing:border-box;overflow:hidden;
				-webkit-line-clamp: 7;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;word-break:keep-all;overflow: hidden;}
	.banner005 a.btn {width:100%;color:white;font-weight:600;letter-spacing:-1px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.banner005 a.btn span {float:left;max-width: 95%;text-overflow: ellipsis;overflow: hidden;}
	.banner005 a.btn:after {content:"\276f"; float:left; padding-left:10px;}
	.banner005 a.btn:hover:after {padding-left:30px; -webkit-transition:padding-left 1s; transition:padding-left 1s;}


	/* height setting */
	.layout_height_H .banner005 p {margin-bottom:70px;}
	.layout_height_M .banner005 p {-webkit-line-clamp:3; max-height:66px;}
	.layout_height_L .banner005 h2 {margin-bottom:40px;}
	.layout_height_L .banner005 p {display:none;}




@media (min-width:1050px) and (max-width:1299px){}
@media (min-width:1050px){
	.banner005 h2 {font-size:18px;}
	.banner005 a.btn {font-size:15px; text-align:left; padding-left:0;}
}
@media (min-width:900px) and (max-width:1049px){
	.banner005 h2 {font-size:18px; margin-bottom:20px;}
	.banner005 a.btn {font-size:15px; text-align:left; padding:6px 0;}
}

@media (min-width:800px) and (max-width:899px){
	.banner005 h2 {font-size:18px;}
	.banner005 a.btn {font-size:14px; text-align:left; padding:6px 0;}
}
@media (min-width:800px){
	.banner005 p {height: 66px; margin-bottom:57px;}
	.layout_height_H .banner005 p {height: 150px;}
}
@media (max-width:799px){ 
	.banner005 h2 {font-size:17px; color:#fff;}
	.banner005 p {font-size:13px; color:#fff; margin-bottom:20px;}
	.banner005 a.btn {color:#fff; padding:0 !important;}
	.banner005 a.btn span {font-size:13px;}
	.banner005 a.btn:after {content:"+"; position:absolute; right:15px; color:#fff; width:20px; height:20px; padding:0; border:1px solid #333; font-size:16px; line-height:17px; text-align:center;}
	.banner005 a.btn:hover:after {padding-left:0;}

}

@media (min-width:600px) and (max-width:799px){
	.layout_block4 .layout_04.layout_height_H .banner005 p {height:160px;}
	.layout_block4 .layout_04.layout_height_M .banner005 p {height:60px; font-size:12px;}
	.layout_block4 .layout_04 .banner005 a.btn {position:relative; right:initial !important; padding-right:0; width:100%; clear:both; display:inline-block;}
	.layout_block4 .layout_04 .banner005 a.btn:after {content:"\276f"; color:#fff; border:none; width:auto; height:auto; margin-top:0;}
		.layout_block4 .layout_04.layout_height_L .banner005 a.btn {margin-top:30px;}
}
