/* widequick128 */
.widequick128 {width:100%; height:100%; float:left; text-align:center; box-sizing:border-box; background:white; overflow:hidden; position:relative;}

.widequick128 .bgbox {width:100%; height:100%; margin:0 auto; box-sizing:border-box; float:left; position:absolute; top:0; left:0;}
.widequick128 .bgbox img {position:absolute; top:-999px; left:-999px; width:auto; height:auto; min-width:100%; min-height:100%; bottom:-999px; right:-999px; margin:auto;}

.widequick128 .wq123_cowrap {width:100%; height:100%; float:left; text-align:center; }
.widequick128 .wq128_innerwrap {background: rgba(255,255,255,0.8); width:100%; position:relative;}
.widequick128 .wq128_innerbox {width:100%;margin:0 auto; max-width:1300px; clear:both;text-align:center;position:relative;padding: 40px 15px;box-sizing:border-box;}
.widequick128 .wq128_innerbox > div {display:inline-block;position:relative; text-align:center;margin-left:-4px;vertical-align: top;}
.widequick128 .wq128_innerbox > div:first-child {margin-left:0;}

.widequick128 .wq128_innerbox .wq128_hexagon {box-sizing:border-box;
											  display:inline-block;
											  text-align:center;
											  position:relative;
											  margin: 1em auto;
											  margin-left:-4px;
											  width: 4.5em;
											  height: 7.5em;
											  border-radius: 0.5em/0.3em;
											  background:#a6d85f;} 
.widequick128 .wq128_innerbox .wq128_hexagon:before,
.widequick128 .wq128_innerbox .wq128_hexagon:after {position:relative;width: 100%;height: 100%;border-radius:inherit;background:inherit;content:"";display: block;/* opacity: 1; *//* z-index: -1; *//* position: absolute; */}
.widequick128 .wq128_innerbox .wq128_hexagon:before {-webkit-transform: rotate(60deg); transform: rotate(60deg);}
.widequick128 .wq128_innerbox .wq128_hexagon:after {-webkit-transform: rotate(-60deg);transform: rotate(-60deg);top: 0;position: absolute;}

.widequick128 .wq128_innerbox .wq128_hexagon img {vertical-align:middle;position:absolute;top:-999px;bottom:-999px;right:-999px;left:-999px;margin:auto;z-index: 1;max-width: 80%; -webkit-transition:transform 1s; transition:transform 1s;}
.widequick128 .wq128_innerbox h3 {font-size: 16px;
								 font-weight: 400;
								 color: #333;
								 text-align:center;
								 margin-top: 10px;
								 width:100%;
								 padding: 0 10px;
								 box-sizing: border-box;
								 line-height:150%;
								 word-break:keep-all;
								 -webkit-line-clamp:2;
								 max-height:46px;
								 overflow:hidden;
								 -webkit-box-orient:vertical;
								 display:-webkit-box;
								 white-space:normal;}

.widequick128 .wq128_innerbox > div:first-child, 
.widequick128 .wq128_innerbox > div:nth-child(8n+1) {clear:both;}
.widequick128 .wq128_innerbox > div:nth-child(8n),
.widequick128 .wq128_innerbox > div:last-child {margin-right:0;}
.widequick128 .wq128_innerbox > div:nth-child(8) ~ div {margin-top:40px;}
.widequick128 .wq128_innerbox .wq128_hexagon a {vertical-align:middle; display:inline-block; line-height:22px; width:100%;}
.widequick128 .wq128_innerbox .wq128_hexagon p {width:100%; position:relative; box-sizing:border-box; }
.widequick128 .wq128_innerbox p span.bTitle {font-size:16px; font-weight:600; color:#333; line-height:22px; width:90%; 
													 display:inline-block; margin-bottom:7px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; overflow:hidden;}



.widequick128 .wq128_innerbox > div:hover h3 {font-weight:600;}
.widequick128 .wq128_innerbox > div:hover .wq128_hexagon img {transform:scale(1.1);}



	@media (min-width:800px){
	}
	@media (min-width:1050px){
		.widequick128 .wq128_innerbox > div {width:12.5%;}
	}
	@media (max-width:1050px){
		.widequick128 .wq128_innerbox > div {width:25%;}
		.widequick128 .wq128_innerbox > div:nth-child(4) ~ div {margin-top:30px;}
		.widequick128 .wq128_innerbox h3 {margin-top:0;}
	}
	@media (min-width:800px) and (max-width:1050px){
		.widequick128 .wq128_innerbox .wq128_hexagon {margin-bottom:10px; width:6.5em; height:11.5em;}
	}
	


	@media (max-width:799px){
		.widequick128 .wq128_innerbox h3 {font-size:15px; font-weight:400; max-height:35px; line-height:18px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.widequick128 .wq128_innerbox {padding:40px 3% 50px;}
	}

	@media (max-width:599px){
		.widequick128 .wq128_innerbox {padding: 20px 30px;}
		.widequick128 .wq128_innerbox .wq128_hexagon {margin-bottom:10px; width:3.5em; height:6em;}
		.widequick128 .wq128_innerbox h3 {font-size:14px;}
	}