@charset "utf-8";
/* @latest 2021.08.13 OSY */

.quick126 {width:100%; height:100%; float:left; background:#090a1f; position:relative; box-sizing:border-box; padding:50px 30px;}

.quick126 .q_tit {font-size:32px; color:#fff; text-align:left; margin-bottom:30px;}

.quick126 .q126_wrap {width:100%; height:auto; float:left; box-sizing:border-box; text-align:center; border:1px solid #fff; font-size:0;}
.quick126 .q126_wrap div.q126box > a {display: block;}
.quick126 .q126_wrap div.q126box {position:relative; width:20%; height:100%; display:inline-block; text-align:center; box-sizing:border-box; padding-bottom:50px; border-left:1px solid rgba(255,255,255,0.3);}
.quick126 .q126_wrap div.q126box:first-child {border-left:none;}
.quick126 .q126_wrap div.q126box div.icon {width:100%; height:80px; line-height:80px; padding-top:15px;}
.quick126 .q126_wrap div.q126box div.icon img {max-width:70%; max-height:80%; display:inline-block; vertical-align:middle;}
.quick126 .q126_wrap div.q126box p {position:absolute; top:35px; left:0; width:100%;
									font-size:20px; line-height:1.4em;
									color:#fff;
									font-weight:600;
									padding:60px 10px 0;
									box-sizing:border-box;
									white-space:nowrap;
									overflow:hidden;
									text-overflow:ellipsis;
									}
.layout_01 .quick126 .q126_wrap div.q126box:first-child {margin-left:0 !important;}


	/* count set */
	.quick126 .q126_wrap div.q126box:only-child {width:100% !important;}
	.quick126 .q126_wrap div.q126box:nth-last-child(2), .quick126 .q126_wrap div.q126box:nth-last-child(2)+div.q126box {width:50% !important;}
	.quick126 .q126_wrap div.q126box:nth-last-child(3), .quick126 .q126_wrap div.q126box:nth-last-child(3)~div.q126box {width:33.33333333333333% !important;}
	.quick126 .q126_wrap div.q126box:nth-last-child(4), .quick126 .q126_wrap div.q126box:nth-last-child(4)~div.q126box {width:25% !important;}
	.quick126 .q126_wrap div.q126box:nth-last-child(5), .quick126 .q126_wrap div.q126box:nth-last-child(5)~div.q126box {width:20% !important;}


	/* layout set */
	.layout_height_M .quick126,
	.layout_height_L .quick126 {padding:20px 30px;}
	.layout_height_M .quick126 .q_tit,
	.layout_height_L .quick126 .q_tit {font-size:26px; margin-bottom:15px;}
	.layout_height_M .quick126 .q126_wrap div.q126box {font-size:0; position:relative; top:-3px;}
	.layout_height_L .quick126 .q126_wrap div.q126box div.icon {line-height:50px; padding-top:15px;}
    .layout_height_L .quick126 .q126_wrap div.q126box div.icon img {max-width:60%; max-height:50%; display:inline-block; vertical-align:middle;}


    .layout_02 .quick126 .q126_wrap div.q126box p {top:30px; font-size:18px; line-height:1.2em; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; white-space:normal;}
    .layout_02 .quick126 .q126_wrap div.q126box div.icon {padding-top:15px;}
    .layout_02 .quick126 .q126_wrap div.q126box div.icon img {max-width:60%; max-height:50%;}

    .layout_03 .quick126 {padding:30px !important;}
    .layout_03 .quick126 .q126_wrap {height:80%;}
    .layout_03 .quick126 .q126_wrap div.q126box {height:100% !important;}
    .layout_03 .quick126 .q_tit {font-size:26px; margin-bottom:15px;}
    .layout_03.layout_height_H .quick126 .q126_wrap div.q126box p {top:60px;}
    .layout_03.layout_height_H .quick126 .q126_wrap div.q126box div.icon {padding-top:40px;}

	.border-radius .quick126 .q126_wrap {border-radius:10px;}
	
	
    @media (max-width:1540px) and (min-width:800px){
        .layout_02 .quick126 .q126_wrap div.q126box p,
        .layout_06 .quick126 .q126_wrap div.q126box p {font-size:16px;}

        .layout_03 .quick126 {padding:15px 10px !important;}
    	.layout_03 .quick126 .q_tit {font-size:22px;}
    	.layout_03.layout_height_H .quick126 .q126_wrap div.q126box p {top:125px; padding-top:0; height:auto !important; -webkit-line-clamp:10;}
    	.layout_03.layout_height_H .quick126 .q126_wrap div.q126box div.icon {width:100%; height:50px; line-height:50px; padding-top:65px;}
    }

	@media (min-width:800px){
		.layout_01 .quick126 .q126_wrap div.q126box {width:10%;}

		.layout_height_H .quick126 .q126_wrap div.q126box {height:160px;}
		.layout_height_H .quick126 .q126_wrap div.q126box div.icon {height:90px; line-height:90px;}
		.layout_height_H .quick126 .q126_wrap div.q126box p {padding-top:70px;}
		.layout_height_H .quick126 .q126_wrap div.q126box:nth-child(6) {clear:both;}
		.layout_height_M .quick126 .q126_wrap div.q126box:nth-child(6) {clear:both;}
		.layout_height_M .quick126 .q126_wrap div.q126box {margin-top:5px;}

		.layout_03 .quick126 .q126_wrap div.q126box p,
		.layout_04 .quick126 .q126_wrap div.q126box p {font-size:13px !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; white-space:normal;}
		.layout_03.layout_height_H .quick126 .q126_wrap div.q126box p,
		.layout_04.layout_height_H .quick126 .q126_wrap div.q126box p {height:120px;}
		.layout_03.layout_height_M .quick126 .q126_wrap div.q126box p,
		.layout_04.layout_height_M .quick126 .q126_wrap div.q126box p {height:97px;}
		.layout_03.layout_height_L .quick126 .q126_wrap div.q126box p,
		.layout_04.layout_height_L .quick126 .q126_wrap div.q126box p {height:100px;}

	}

	@media (max-width:799px){
		.quick126 .q_tit {font-size:26px; margin-bottom:20px;}
		.quick126 .q126_wrap div.q126box {padding-bottom:30px;}
		.quick126 .q126_wrap div.q126box div.icon {padding-top:5px !important;}
		.quick126 .q126_wrap div.q126box div.icon img {max-width:55%; max-height:50%;}
		.quick126 .q126_wrap div.q126box p {top:15px !important; font-size:14px !important; letter-spacing:-1px; font-weight:600; line-height:1.2em;
											overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; white-space:normal;}
		.layout_01 .quick126 .q126_wrap div.q126box:first-child p:before,
		.layout_01 .quick126 .q126_wrap div.q126box:last-child p:after {display:none;}
		.layout_height_M .quick126 .q126_wrap div.q126box {top:0px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_height_H .quick126 {height:350px;}
		.layout_block4 .layout_height_M .quick126 {height:250px;}
		.layout_block4 .layout_height_L .quick126 {height:150px;}
	}

	@media (max-width:599px){
		.quick126 {padding:15px !important;}
		.quick126 .q_tit {font-size:22px !important; margin-bottom:15px !important;}
		.quick126 .q126_wrap div.q126box div.icon {height:70px; line-height:70px;}
		.quick126 .q126_wrap div.q126box p {padding-top:50px; height:90px;}
		.quick126 .q126_wrap div.q126box p:before {opacity:0.1;}
	}