/* widequick115 */
/* @latest 2020.03.06 - yhy */

.widequick115 {width:100%; height:100%;  float:left; text-align:center; box-sizing:border-box; /*background:white;*/}

	.widequick115 .qlink_115 {width:100%; float:left; font-size:0;}
	.widequick115 .qlink_115 .q115link00 {display:inline-block; width:20%; padding:30px 15px; height:270px; position:relative; background:white;
										  box-sizing:border-box;}
	.widequick115 .qlink_115 .q115link00:hover .icon img {transform:scale(1.1); -webkit-transition:transform 1s; transition:transform 1s;}
	.widequick115 .qlink_115 .q115link00 p {width:100%; position:relative; box-sizing:border-box;}
	.widequick115 .qlink_115 .q115link00 p span.bTitle {font-size:21px; font-weight:600; display:inline-block; padding:20px 0 10px; line-height:20px; color:#636363; vertical-align:middle;}
	.widequick115 .qlink_115 .q115link00 p span.bContent {font-size:15px; line-height:20px; color:#636363; max-height:40px; overflow:hidden; display:inline-block; width:100%;
														  white-space:normal; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; display: -webkit-box;}
	.widequick115 .qlink_115 .q115link00 .icon {line-height:75px; vertical-align:middle;}
	.widequick115 .q115link00 .icon:after {content:" "; margin-left:-0.6em; white-space: pre;}
	.widequick115 .q115link00 .icon img {vertical-align:middle; max-height:90%;}

	.widequick115 .qlink_115 .q115link00:first-child, .widequick115 .qlink_115 .q115link00:nth-child(10) {background:#cedac6;}
	.widequick115 .qlink_115 .q115link00:nth-child(2), .widequick115 .qlink_115 .q115link00:nth-child(9) {background:#dfc3c2;}
	.widequick115 .qlink_115 .q115link00:nth-child(3), .widequick115 .qlink_115 .q115link00:nth-child(6) {background:#e4e4e4;}
	.widequick115 .qlink_115 .q115link00:nth-child(4), .widequick115 .qlink_115 .q115link00:nth-child(7) {background:#c1d1de;}
	.widequick115 .qlink_115 .q115link00:nth-child(5), .widequick115 .qlink_115 .q115link00:nth-child(8) {background:#ebe7dc;}
	.widequick115 .qlink_115 .q115link00:first-child, .widequick115 .qlink_115 .q115link00:nth-child(6) {clear:both; /*margin-left:-1px;*/}




@media (min-width:800px){
    .widequick115 .qlink_115 .q115link00 p span.bTitle {white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden;}
    .widequick115 .qlink_115 .q115link00 p span.bContent {}
   }





@media (min-width:1050px){
	.layout_01 .widequick115 .qlink_115 .q115link00 .icon {line-height:90px;}
	.layout_01 .widequick115 .qlink_115 .q115link00 .icon img {max-width:90%;}

		.widequick115 .qlink_115 .qlink01 .icon img {animation:quick003motion0 2s linear 0s 1 normal forwards;}
		.widequick115 .qlink_115 .qlink02 .icon img {animation:quick003motion0 2s linear 0.1s 1 normal forwards;}
		.widequick115 .qlink_115 .qlink03 .icon img {animation:quick003motion0 2s linear 0.2s 1 normal forwards;}
		.widequick115 .qlink_115 .qlink04 .icon img {animation:quick003motion0 2s linear 0.3s 1 normal forwards;}
		.widequick115 .qlink_115 .qlink05 .icon img {animation:quick003motion0 2s linear 0.4s 1 normal forwards;}

		@keyframes quick003motion0 {
	      0% {opacity:1; }
	      30% {opacity:0.2;}
	      100% {opacity: 1;}
	    }

}
@media (min-width:800px) and (max-width:1049px){
		.widequick115 .q115link00 .icon img {max-width:110px;}
		.widequick115 .qlink_115 .q115link00 p span.bTitle {font-size:16px;}
		.widequick115 .qlink_115 .q115link00 p span.bContent {height:60px; -webkit-line-clamp:3; white-space:normal;}

}
@media (min-width:991px) and (max-width:1049px){
		.widequick115 .qlink_115 .q115link00 p:last-child {height:80px;}
}
@media (min-width:800px) and (max-width:990px){
		.widequick115 .qlink_115 .q115link00 {padding:30px 15px;}
		.widequick115 .qlink_115 .q115link00 p:last-child {height:80px;}
		.widequick115 .qlink_115 .q115link00 p span.bContent {max-height:80px;}
}

@media (max-width:799px){
		.widequick115 .qlink_115 .q115link00 {padding:20px 15px; height:170px; margin-left:0;}
		.widequick115 .qlink_115 .q115link00 p span.bTitle {font-size:15px; padding:0; margin:5px 0 10px; height:20px; overflow:hidden; width:100%;
			white-space:normal; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box;}
		.widequick115 .qlink_115 .q115link00 p span.bContent {font-size:12px; letter-spacing:-1px; line-height:16px; max-height:33px;}
		.widequick115 .qlink_115 .q115link00 p span.bContent br {display:none;}
}

@media (min-width:600px) and (max-width:799px){
	.widequick115 .qlink_115 .q115link00 .icon {line-height:80px;}
	.widequick115 .qlink_115 .q115link00 .icon img {max-width:65px;}

	.widequick115 .qlink_115 .q115link00 p {height:20px; line-height:20px;}
	.widequick115 .qlink_115 .q115link00 p:last-child {height:auto; line-height:0; margin-top:10px;}
}

@media (max-width:599px){
	.widequick115 .q115link00 {height:auto !important; padding:10px 7px !important; text-align:center; box-sizing:border-box;}
	.widequick115 .qlink_115 .q115link00 .icon {margin:0 auto !important; line-height:70px;}
	.widequick115 .q115link00 .icon img {float:initial; max-width:40px;}
	.widequick115 .qlink_115 .q115link00 p span.bTitle {line-height:18px;font-size:13px !important; letter-spacing:-1px; height:36px; padding:0; margin:0; }

	.widequick115 .qlink_115 .q115link00 p span.bContent {display:none;}
	}

}