@charset "utf-8";
/* widequick147 */
/* @latest 2022.02.21 -ssj */

.widequick147 {width:100%; height:100%;  float:left; text-align:center; box-sizing:border-box;}
.widequick147 .q147Wrap {width:100%; float:left;}
.widequick147 .q147Wrap .q147Box {display:inline-block;margin-left: -3px;background: #154576;vertical-align: middle; margin-bottom:20px;} 
.widequick147 .q147Wrap .q147Box.p20 {padding:15px 20px;}
.widequick147 .q147Wrap .q147Box a {color: #fff; display:table; width: 100%;}
.widequick147 .q147Wrap .q147Box a>div {display:table-cell;vertical-align:middle;/* word-break: keep-all; */width: 50%;}
.widequick147 .q147Wrap .q147Box .qtit {text-align: left;/* padding-right: 20px; */letter-spacing: -0.5px;text-align: center;padding-right: 15px;}
.widequick147 .q147Wrap .q147Box .qco {text-align: right; border-left: 1px solid rgba(255,255,255,0.5);  padding-left: 20px;}
.widequick147 .q147Wrap .q147Box .qco b {font-weight:600; font-size:2em;margin-right: 2px;}
.widequick147 .q147Wrap .q147Box .qco:empty {display:none;}

.widequick147 .q147Wrap .q147Box:first-child  {background:#f2443a;}
.widequick147 .q147Wrap .q147Box:nth-child(2) {background:#00dbe2;}
.widequick147 .q147Wrap .q147Box:nth-child(3) {background:#ffb71e;}
.widequick147 .q147Wrap .q147Box:nth-child(4) {background:#df6f42;}

.widequick147 .q147Wrap .q147Box a>.wd100 {float:left; display:block;}
.widequick147 .q147Wrap .q147Box .qtit.wd100 {padding-right: 0;}
.widequick147 .q147Wrap .q147Box .qco.wd100 {padding-left: 0; padding-top: 15px; margin-top: 15px; border-left: none; border-top-width: 1px; border-top-style: solid; text-align: center;}


.border-radius .widequick147 .q147Wrap .q147Box {border-radius: 15px;} 
.mxwd100 .widequick147 .q147Wrap .q147Box {max-width:none;}



	@media (min-width:991px){
		.widequick147 .q147Wrap .q147Box {width:19.25%; max-width: 195px;}
		.widequick147 .q147Wrap .q147Box:not(:nth-child(4n)) {margin-right: 1%;} 
		.widequick147 .q147Wrap .q147Box:nth-child(4n), .widequick147 .q147Wrap .q147Box:last-child {margin-right:3%;}
		.widequick147 .q147Wrap .q147Box:nth-child(4n+1) {clear:both;margin-left: 3%;}
	}

	@media (max-width:990px){
		.widequick147 .q147Wrap .q147Box {width:35%; box-sizing: border-box; margin-bottom:5px;}
		.widequick147 .q147Wrap .q147Box:not(:nth-child(2n)) {margin-right: 1%;} 
	}

	@media (min-width:800px) and (max-width:990px){

	}

	@media (max-width:799px){

	}

	@media (min-width:600px) and (max-width:799px){

	}

	@media (max-width:599px){

	}