/* board_widequick117_3 */
.widequick117_3 {width:100%;padding:0 0 20px;float:left;box-sizing:border-box;position:relative;background:white;}

/* quick setting */
.widequick117_3 .wq117_3 {width:48%; float:left; position:relative; text-align:left; margin-top:40px; margin-bottom:30px; box-sizing:border-box;}

.widequick117_3 .wq117_3 .icon {width:25%; float:left;text-align:center;position:relative;box-sizing:border-box; padding-top:20px;}
.widequick117_3 .wq117_3 .icon img {display:inline-block;vertical-align:middle;position:relative;z-index:1; max-width:100%;}
.widequick117_3 .wq117_3 .bgcircle {position:absolute; top:0; right:0; width:70px; height:70px; background:#e8eef3; border-radius:100%; transition:transform 1s;}
.widequick117_3 .wq117_3:hover .bgcircle {transform:scale(1.7);}

.widequick117_3 .wq117_3 .txtbox {width:75%;float:left;padding:0 15px;box-sizing:border-box;overflow:hidden;position:relative;} 
.widequick117_3 .wq117_3 .txtbox .txttit {float:left; width:100%; word-break:keep-all; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widequick117_3 .wq117_3 .txtbox .txtco {float:left; width:100%; color:#333; line-height:1.5em; word-break:keep-all; display:block;}
.wq117_3morebtn {height:38px; line-height:38px; padding:0 30px; background:#00549d; display:inline-block; color:#fff; border:1px solid transparent;}
.wq117_3morebtn:empty {display:none;}

.widequick117_3 .wq117_3:nth-child(2n) {margin-left:2%;}
.widequick117_3 .wq117_3:nth-child(2n+1) {clear:both; margin-right:2%;}



/* 3 block. */
.widequick117_3 .wq117_3:first-child:nth-last-child(3),
.widequick117_3 .wq117_3:nth-child(2):nth-last-child(2),
.widequick117_3 .wq117_3:nth-child(3):last-child {width:33.333%; margin-right:0; margin-left:0; clear:none;}

@media (max-width:799px){
	.widequick117_3 .wq117_3:first-child:nth-last-child(3),
	.widequick117_3 .wq117_3:nth-child(2):nth-last-child(2),
	.widequick117_3 .wq117_3:nth-child(3):last-child {width:100%;margin-bottom: 10px;}

	.widequick117_3 .wq117_3:first-child:nth-last-child(3) .icon,
	.widequick117_3 .wq117_3:nth-child(2):nth-last-child(2) .icon,
	.widequick117_3 .wq117_3:nth-child(3):last-child .icon {width:25%; padding-left:15px;}
	.widequick117_3 .wq117_3:first-child:nth-last-child(3) .txtbox,
	.widequick117_3 .wq117_3:nth-child(2):nth-last-child(2) .txtbox,
	.widequick117_3 .wq117_3:nth-child(3):last-child .txtbox {width:75%; padding-left:0; padding-right:15px;}
}


	@media (min-width:1300px){
		.widequick117_3 .wq117_3 .txtbox {padding-left:20px;}
	}
	@media (max-width:990px){	
		.widequick117_3 .wq117_3 {margin-top:20px; margin-bottom: 20px;}
		.widequick117_3 .wq117_3 .icon {padding-left:15px; padding-bottom: 10px;}
	    .widequick117_3 .wq117_3 .txtbox {width:100%; padding-right:0;}
	    .widequick117_3 .wq117_3 .bgcircle {right:auto; left:30px;}
	    .widequick117_3 .wq117_3:hover .bgcircle {transform:scale(1.3);}

	    .widequick117_3 .wq117_3:nth-child(2n) .icon {padding-left:0;}
	    .widequick117_3 .wq117_3:nth-child(2n) .txtbox {padding-left:0; padding-right:15px;}
	}

	@media (min-width:600px) and (max-width:990px){
		.widequick117_3 .wq117_3 .icon {width:40%; text-align:left;}
		.widequick117_3 .wq117_3 .icon img {max-height:105px;}
	}

	@media (max-width:599px){	
		.widequick117_3 .wq117_3 .icon {width:60%; text-align:left;}
		.widequick117_3 .wq117_3 .icon img {max-height:80px;}
	}