@charset "utf-8";

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

/* quick setting */
.widequick117 .wq113_box {width:48%; float:left; position:relative; text-align:left; margin-top:25px; box-sizing:border-box;}

.widequick117 .wq113_box a {width:100%; float:left; color:#333; text-align:left;}
.widequick117 .wq113_box:hover .icon img {transform:scale(1.1); -webkit-transition:transform 1s; transition:transform 1s;}


.widequick117 .wq113_box .icon {width:auto; border:1px solid #e8e8e8; float:left; text-align:center; box-sizing:border-box; overflow:hidden;}
.widequick117 .wq113_box .icon img {display:inline-block; vertical-align:middle; max-width:55%; max-height:60%;}
.widequick117 .wq113_box .txt {width: 70%;float:left;padding:0 15px;box-sizing:border-box;overflow:hidden;} 
.widequick117 .wq113_box .txt .bTitle {float:left; width:100%; font-weight:600; font-size:17px; word-break:keep-all;
										line-height:22px; padding-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widequick117 .wq113_box .txt .wq117co {float:left; width:100%; color:#636363; font-size: 16px; line-height:1.5em; margin-top:5px; word-break:keep-all; display:block;}
			

/* layout */
.borderbox .widequick117 {padding:0 2% 2%;}
.border-radius .widequick117 .wq113_box .icon {border-radius:15px;}


	@media (min-width:1300px){
		.widequick117 .wq113_box .icon {width:16%;}
		.widequick117 .wq113_box .txt {}
	}

	@media (min-width:800px) and (max-width:1299px){
		.widequick117 .wq113_box .icon {width:26%; max-width:100px;}
	}


	@media (min-width:600px){
		.widequick117 .wq113_box .icon {height:100px; line-height:100px;}

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

	}

	@media (min-width:600px) and (max-width:799px){
		.widequick117 .wq113_box .icon {width:30%;}
	}

	@media (max-width:599px){
		.widequick117 {padding:15px;}
		.widequick117 .wq113_box {width:100%; margin:0 0 20px;}
		.widequick117 .wq113_box:last-child {margin-bottom:0;}
		.widequick117 .wq113_box .icon {width:27%; max-width:100px; padding:15px 0;}
		.widequick117 .wq113_box .txt {width: 77%;padding-right:0;}
		.widequick117 .wq113_box .txt .bTitle {font-size: 17px;padding-top:7px;}
		.widequick117 .wq113_box .txt .wq117co {font-size: 15px;}	

	}