@charset "utf-8";
/* widequick138 @latest 2020.06.18 ssj */

.widequick138 {width:100%;float:left;position:relative;box-sizing:border-box;overflow:hidden;/* border: 5px solid #1647a1; */padding: 5px;background: #1647a1;}
.widequick138 .linkbox_wrap {width:100%; margin:0 auto;}
.widequick138 .linkbox_wrap .qbox {float:left;box-sizing:border-box;position:relative;z-index:0;overflow: hidden; border-right: 1px solid #f1f1f1;}
.widequick138 .linkbox_wrap .qbox:last-child {border-right:none;}
.widequick138 .linkbox_wrap .qbox:nth-child(5) ~ .qbox {border-top:1px solid #f1f1f1;}

.widequick138 .linkbox_wrap .qbox .bgbox {position:absolute;width: 100%;height: 100%;z-index:-1;overflow: hidden;}
.widequick138 .linkbox_wrap .qbox .bgbox img {width: 100%;min-height: 100%;}

.widequick138 .linkbox_wrap .qbox .innerbox {width:100%; height:100%;padding: 0 15px 0 25px; box-sizing:border-box;position: relative;text-align: left;
											line-height:140px; background:rgba(255,255,255,0.8); -webkit-transition:all 1s; transition:all 1s;}
.widequick138 .linkbox_wrap .qbox .innerbox .iconbox {width: 25%; display: inline-block; margin-right: -4px; box-sizing: border-box; vertical-align: middle;
    												padding: 5px 0 5px 5px; height: 100%; line-height: 130px; text-align: right; 
    												-webkit-transition:all 0.5s; transition:all 0.5s;}
.widequick138 .linkbox_wrap .qbox .innerbox .iconbox.dp-none {display:none;}
.widequick138 .linkbox_wrap .qbox .innerbox .iconbox img {max-width:100%;display: inline-block;vertical-align: middle;
															-webkit-transition:all 1s; transition:all 1s;}

.widequick138 .linkbox_wrap .qbox .innerbox .iconbox.dp-none + .txtbox {width: 100%; padding-left: 0; margin-top: 18px;}
.widequick138 .linkbox_wrap .qbox .innerbox .txtbox {width: 75%;display: inline-block;margin-right: -4px;vertical-align: middle; box-sizing: border-box; line-height:normal;
													-webkit-transition:width 0.5s; transition:width 0.5s;}
.widequick138 .linkbox_wrap .qbox .innerbox .txtbox:only-child {width:100%;}
.widequick138 .linkbox_wrap .qbox .innerbox .tit {font-size:24px; color:#333; line-height:130%;overflow:hidden;font-weight:600;margin-bottom:15px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.widequick138 .linkbox_wrap .qbox .innerbox .co {font-size: 15.5px; line-height: 140%; letter-spacing:-0.5px; color: #808080;
												-webkit-line-clamp: 3; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;
												height:60px; overflow:hidden; word-break:keep-all; -webkit-transition:all 0.5s; transition:all 0.5s;}


.border-radius .widequick138 .linkbox_wrap .qbox  {overflow:hidden;}
.border-radius .widequick138 .linkbox_wrap .qbox:first-child {border-radius:5px 0 0 5px;}
.border-radius .widequick138 .linkbox_wrap .qbox:nth-child(5n),
.border-radius .widequick138 .linkbox_wrap .qbox:last-child {border-radius:0 5px 5px 0;}
.border-radius .widequick138 {border-radius:inherit;}
.border-radius.br20 .widequick138 {border-radius:20px;}
.border-radius.br20 .widequick138 .linkbox_wrap .qbox:first-child {border-radius:15px 0 0 15px;}
.border-radius.br20 .widequick138 .linkbox_wrap .qbox:nth-child(5n),
.border-radius.br20 .widequick138 .linkbox_wrap .qbox:last-child {border-radius:0 15px 15px 0;}


/* hover f(x) */
.widequick138 .linkbox_wrap .qbox:hover {border-right:none;}
.widequick138 .linkbox_wrap .qbox:hover .bgbox {opacity:0;}
.widequick138 .linkbox_wrap .qbox:hover .innerbox {background: inherit !important;}
.widequick138 .linkbox_wrap .qbox:hover .innerbox .txtbox {width:100%;}
.widequick138 .linkbox_wrap .qbox:hover .innerbox .tit,
.widequick138 .linkbox_wrap .qbox:hover .innerbox .co {color:#fff !important;}
.widequick138 .linkbox_wrap .qbox:hover .innerbox .iconbox {width:0%; opacity:0;}
.widequick138 .linkbox_wrap .qbox:hover .innerbox .iconbox img {width:100%;}



	@media (min-width:991px){
		.widequick138 .linkbox_wrap .qbox {width:20%; height:140px;}
		.widequick138 .linkbox_wrap .qbox:nth-child(5n) {margin-right:0;}

		.widequick138 .linkbox_wrap .qbox:nth-child(4):last-child,
		.widequick138 .linkbox_wrap .qbox:nth-child(3):nth-last-child(2),
		.widequick138 .linkbox_wrap .qbox:nth-child(2):nth-last-child(3),
		.widequick138 .linkbox_wrap .qbox:first-child:nth-last-child(4) {width:25%;}

		.widequick138 .linkbox_wrap .qbox:nth-child(3):last-child,
		.widequick138 .linkbox_wrap .qbox:nth-child(2):nth-last-child(2),
		.widequick138 .linkbox_wrap .qbox:first-child:nth-last-child(3) {width:33.333%;}

		.widequick138 .linkbox_wrap .qbox:nth-child(2):last-child,
		.widequick138 .linkbox_wrap .qbox:first-child:nth-last-child(2) {width:50%;}


	}
	@media (max-width:990px){
		.widequick138 .linkbox_wrap .qbox {width: 50%; height:140px; border-bottom:1px solid #f1f1f1;}
		.widequick138 .linkbox_wrap .qbox:nth-child(2n) {margin-right:0;}
		.widequick138 .linkbox_wrap .qbox:nth-child(5):last-child,
		.widequick138 .linkbox_wrap .qbox:nth-child(3):last-child {width:100%; margin-right:0;}

		.border-radius .widequick138 .linkbox_wrap .qbox:nth-child(4):last-child {border-radius:0 0 6px 0 !important;}
		.border-radius .widequick138 .linkbox_wrap .qbox:nth-child(3):nth-last-child(2) {border-radius:0 0 0 6px !important;}
		.border-radius .widequick138 .linkbox_wrap .qbox:nth-child(2):nth-last-child(3) {border-radius:0 6px 0 0 !important;}
		.border-radius .widequick138 .linkbox_wrap .qbox:first-child:nth-last-child(4) {border-radius:6px 0 0 0 !important;}

		.border-radius.br20 .widequick138 .linkbox_wrap .qbox:nth-child(4):last-child {border-radius:0 0 18px 0 !important;}
		.border-radius.br20 .widequick138 .linkbox_wrap .qbox:nth-child(3):nth-last-child(2) {border-radius:0 0 0 18px !important;}
		.border-radius.br20 .widequick138 .linkbox_wrap .qbox:nth-child(2):nth-last-child(3) {border-radius:0 18px 0 0 !important;}
		.border-radius.br20 .widequick138 .linkbox_wrap .qbox:first-child:nth-last-child(4) {border-radius:18px 0 0 0 !important;}
	}
	
	@media (max-width: 899px){
		.widequick138 .linkbox_wrap .qbox .innerbox {padding: 0 15px;}		
		.widequick138 .linkbox_wrap .qbox .innerbox .iconbox img {width:auto; max-height:60px;}
		.widequick138 .linkbox_wrap .qbox .innerbox .txtbox {padding-left:0;}
	}
	@media (min-width:600px) and (max-width:799px){
		.widequick138 .linkbox_wrap .qbox .innerbox .tit {font-size:22px;}
	}

	@media (max-width:799px){
		.border-radius .widequick138 .linkbox_wrap .qbox {border-radius:0 !important;}
	}	
	@media (max-width:599px){
		.widequick138 .linkbox_wrap .qbox .innerbox .tit {font-size:18px;}

	}