/* quick005 */
/*@latest 2019.07.12 -ssj*/

.quick005 {width:100%; height:100%; float:left; text-align:center; box-sizing:border-box;}

	.quick005 .qlink_5 {width:100%; float:left;}
	.quick005 .qlink_5 .q5link00 {float:left; width:25%; height:85px; position:relative;} 
	.quick005 .qlink_5 .q5link00 p {position:absolute; width:100%; letter-spacing:-1px;}
	.quick005 .qlink_5 .q5link00 p span {font-size:18px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
   										 width:100%; box-sizing:border-box; display:block; padding:0 15px;}
	.quick005 .qlink_5 .q5link00 .icon {line-height:65px; vertical-align:middle;}
	.quick005 .q5link00 .icon:after {content:" "; margin-left:-0.6em; white-space: pre;}
	.quick005 .q5link00 .icon img {vertical-align:middle; max-width:90%; max-height:80%;}

		.quick005 .qlink01 .icon {animation:quick003motion1 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
		.quick005 .qlink02 .icon {animation:quick003motion2 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
		.quick005 .qlink03 .icon {animation:quick003motion3 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
		.quick005 .qlink04 .icon {animation:quick004motion4 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}

	    @keyframes quick003motion1 {
	      0% {opacity: 0;}
	      22.22% {opacity: 1;}
	      33.33% {opacity: 0.5;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 1;}
	      100% {opacity: 1;}
	    }
	     @keyframes quick003motion2 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 1;}
	      55.56% {opacity: 0.7;}
	      77.78% {opacity: 0.8;}
	      100% {opacity: 1;}
	    }  
	    @keyframes quick003motion3 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 0.5;}
	      100% {opacity: 1;}
	    }
	    @keyframes quick004motion4 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 0.2;}
	      77.78% {opacity: 0.7;}
	      100% {opacity: 1;}
	    }




	/*layer height - different styling */
		.layout_height_H .quick005 .q5link00 {width:50%; height:87.5px;}

		.layout_height_M .quick005 .q5link00 {height:125px;}
			.layout_height_M .quick005 .q5link00 .icon {margin:0 auto !important; text-align:center;}
			.layout_height_M .quick005 .qlink_5 .q5link00 p {position:relative; top:auto; width:100%; text-align:center; line-height:20px; margin-left:0; padding-left:0;}

		.layout_height_L .quick005 .q5link00 {width:50%; height:75px;}
			.layout_height_L .quick005 .q5link00 .icon {line-height:75px !important;}
			.layout_height_L .quick005 .qlink_5 .q5link00 p {line-height:75px;}


		.layout_03.layout_height_H .quick005 .q5link00 {}
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 10%; }
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p {width:90%; margin-left:10%; padding-left:65px;}
			.layout_03 .quick005 .qlink_5 .q5link00 p span {font-size:16px;}

			.layout_03.layout_height_L .quick005 .q5link00 .icon {margin:0 20px 0 15%;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p {line-height:70px; margin-left:15%;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p:after {content:" "; margin-left:-0.6em; white-space: pre;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:20px; display:inline-block; vertical-align:middle;}
			

		.layout_04.layout_height_H .quick005 .q5link00 {}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 5%; }
			.layout_04 .quick005 .qlink_5 .q5link00 .icon img {max-width:45px;}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p {width:95%; margin-left:5%; padding-left:55px; padding-right:10px;}
			.layout_04 .quick005 .qlink_5 .q5link00 p span {font-size:16px;}

			.layout_04.layout_height_M .quick005 .q5link00 .icon {line-height:70px;}
			.layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p span {font-size:15px;}

			.layout_04.layout_height_L .quick005 .q5link00 .icon {margin:0 10px 0 5%;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p {line-height:70px; margin-left:5%; margin-right:0; padding-left:60px; width:90%;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p:after {content:" "; margin-left:-0.6em; white-space: pre;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:20px; vertical-align:middle; font-size:14px;}
			.layout_04 .quick005 .qlink_5 .q5link00 p span {white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-inline-box; 
															vertical-align:middle; line-height:20px; margin-top:4px;}


@media (min-width:600px){
	.quick005 .q5link00:nth-child(2n+1) {background:#e0e0e0;}
	.quick005 .qlink02:nth-child(2n) {background:#f1f1f1;}
	.quick005 .q5link00:nth-child(5),.quick005 .q5link00:nth-child(7) {background:#f1f1f1;}
	.quick005 .q5link00:nth-child(6),.quick005 .q5link00:nth-child(8) {background:#e0e0e0;}

	.layout_height_H .quick005 .q5link00:nth-child(1),.layout_height_H .quick005 .q5link00:nth-child(4),
	.layout_height_H .quick005 .q5link00:nth-child(5),.layout_height_H .quick005 .q5link00:nth-child(8) {background:#e0e0e0;}
	.layout_height_H .quick005 .q5link00:nth-child(2),.layout_height_H .quick005 .q5link00:nth-child(3),
	.layout_height_H .quick005 .q5link00:nth-child(6),.layout_height_H .quick005 .q5link00:nth-child(7) {background:#f1f1f1;}
	.layout_height_M .quick005 .q5link00:nth-child(4) {background:#f1f1f1;}
	.layout_01 .quick005 .q5link00:nth-child(4){background:#f1f1f1;}

	.layout_height_L .quick005 .q5link00:nth-child(1),.layout_height_L .quick005 .q5link00:nth-child(4) {background:#e0e0e0;}
	.layout_height_L .quick005 .q5link00:nth-child(2),.layout_height_L .quick005 .q5link00:nth-child(3) {background:#f1f1f1;}

}

@media (min-width:1300px){
	
}




@media (min-width:1051px){
		.quick005 .qlink_5 .q5link00 .icon {margin:0 20px 0 20%; vertical-align:middle; max-width:45px; line-height:85px;}
		.quick005 .qlink_5 .q5link00 p {top:0; text-align:left; line-height:85px; width:80%; margin-left:20%; padding-left:80px; box-sizing:border-box;}

		.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p span,
		.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p span {white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-inline-box; 
															vertical-align:middle; line-height:20px; margin-top:4px;}
}
@media (min-width:1051px) and (max-width:1299px){
		.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p {line-height:87.5px;}
		.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:20px; vertical-align:middle; float:none;}
		.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 .icon {line-height:70px;}
		.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 10%;}
		.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 .icon img,
		.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 .icon img {max-width:45px;}
		.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p {padding-left:60px; margin-left:10%; width:90%; padding-right:10%;}
		.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 5px;}
		.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 p span,
		.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p span {font-size:14px; padding:0;}

		.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p {line-height:87.5px;}
		.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:20px; padding:0; vertical-align:middle; float:none;}
		.layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 5px;}
		.layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p span {font-size:14px; padding:0;}
		.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p {padding-left:53px; width:95%; padding-right:5px;}
		.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p span {font-size:13px; padding:0;}
	
}
@media (min-width:800px) and (max-width:1050px){
		.q5link00 .icon img {max-width:45px;}
		.quick005 .qlink_5 .q5link00 p span {font-size:17px; float:none; padding:0;}

			.layout_01 .quick005 .qlink_5 .q5link00 {height:100px;}
			.layout_02.layout_height_H .quick005 .qlink_5 .q5link00 .icon {line-height:60px; height:60px;}
			.layout_02.layout_height_M .quick005 .qlink_5 .q5link00 .icon {line-height:70px; height:70px;}
			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 10px; max-width:45px; line-height:60px; vertical-align:middle;}
			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0;padding:0 10px 0 65px;box-sizing:border-box;line-height:75px;}
			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:20px;display:inline-block;vertical-align:middle;float: none;}

			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 30px; max-width:45px; line-height:87.5px; vertical-align:middle;}
			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 p {top:0; padding:0 20px 0 75px; box-sizing:border-box; line-height:85.5px;}
			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:20px; display:inline-block; vertical-align:middle;}
			.layout_06.layout_height_M .quick005 .qlink_5 .q5link00 .icon {line-height:75px;}
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 20px; max-width:45px; line-height:75px; vertical-align:middle;}
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0; padding:0 20px 0 85px; box-sizing:border-box; line-height:70px;}
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:20px; display:inline-block; vertical-align:middle;}

			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 .icon {line-height:60px;}
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p {margin-left:0; padding-left:0; width:100%; padding:0 5px; box-sizing:border-box;}
			.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 5px; box-sizing:border-box;}
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p span,
			.layout_03.layout_height_M .quick005 .qlink_5 .q5link00 p span {font-size:15px;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 10px; max-width:45px; line-height:75px; vertical-align:middle;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0; padding:0 10px 0 60px; box-sizing:border-box; line-height:70px; margin-left:0;}
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:18px; display:inline-block; vertical-align:middle; font-size:14px; text-align:left;}
	
}
@media (min-width:991px) and (max-width:1050px){
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0; max-width:100%; line-height:60px;}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p {box-sizing:border-box; top:auto; width:100%; position:relative; padding:0 10px; margin-left:0; line-height:20px;}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:20px; vertical-align:middle; text-align:left;}
			.layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 5px; box-sizing:border-box;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px; max-width:45px; line-height:75px; vertical-align:middle;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0; padding:0 10px 0 60px; box-sizing:border-box; line-height:70px; margin-left:0;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:18px; vertical-align:middle; text-align:left;}
}
@media (min-width:800px) and (max-width:990px){
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 20px; max-width:45px; line-height:87.5px; vertical-align:middle;}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p {top:0; padding:0 20px 0 70px; box-sizing:border-box; line-height:87px;}
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:20px; vertical-align:middle; text-align:left;}
			.layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 10px; box-sizing:border-box;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 10px 0 20px; max-width:45px; line-height:75px; vertical-align:middle;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0; padding:0 20px 0 70px; box-sizing:border-box; line-height:70px; margin-left:0;}
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:20px; vertical-align:middle; text-align:left;}
}

@media (max-width:799px){
		.quick005 .qlink_5 .q5link00 .icon {line-height:55px;}
		.quick005 .qlink_5 .q5link00 .icon img {max-width:45px;}
		.quick005 .qlink_5 .q5link00 p span {font-size:17px;padding: 0 15px;}

		.layout_height_L .quick005 .q5link00:nth-child(5) ~ .q5link00,
		.layout_height_L .quick005 .q5link00:nth-child(7) ~ .q5link00 {display:none;}
}

@media (min-width:600px) and (max-width:799px){
			.layout_02.layout_height_H .quick005 .qlink_5 .q5link00 .icon,
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 .icon,
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 .icon,
			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 .icon {margin:0 15px; max-width:35%; line-height:87.5px; vertical-align:middle;}
			.layout_02.layout_height_H .quick005 .qlink_5 .q5link00 p,
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p,
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p,
			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 p {top:0; padding:0 15px 0 35%; box-sizing:border-box; line-height:85px !important; margin-left:15px; width:95%;}
			.layout_02.layout_height_H .quick005 .qlink_5 .q5link00 p span 
			.layout_03.layout_height_H .quick005 .qlink_5 .q5link00 p span,
			.layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p span,
			.layout_06.layout_height_H .quick005 .qlink_5 .q5link00 p span {line-height:18px; padding:0; vertical-align:middle;text-align:left;float: none; display:-webkit-inline-box;}

			.layout_height_M .quick005 .q5link00 .icon,
			.layout_04.layout_height_M .quick005 .q5link00 .icon {line-height:80px;}

			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 .icon,
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 .icon,
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 .icon,
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 .icon {margin:0 15px; max-width:35%; line-height:75px; vertical-align:middle;}
			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 p,
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p,
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p,
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 p {top:0; padding:0 15px 0 35%; box-sizing:border-box; line-height:75px; margin-left:15px; width:95%;}
			.layout_02.layout_height_L .quick005 .qlink_5 .q5link00 p span,
			.layout_03.layout_height_L .quick005 .qlink_5 .q5link00 p span,
			.layout_04.layout_height_L .quick005 .qlink_5 .q5link00 p span,
			.layout_06.layout_height_L .quick005 .qlink_5 .q5link00 p span {line-height:18px; padding:0; vertical-align:middle; text-align:left; display:-webkit-inline-box}

				.layout_block4 .layout_04.layout_height_H .quick005 .qlink_5 .q5link00 {height:88px;}
				.layout_block4 .layout_04.layout_height_H .quick005 .qlink_5 .q5link00 .icon {line-height:75px;}
				.layout_block4 .layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p {width:90%; padding:0 15px 0 38%; line-height:75px;}
				.layout_block4 .layout_04.layout_height_H .quick005 .qlink_5 .q5link00 p span {font-size:15px;}

				.layout_block4 .layout_04.layout_height_M .quick005 .qlink_5 .q5link00 {height:125px;}
				.layout_block4 .layout_04.layout_height_M .quick005 .qlink_5 .q5link00 .icon {height:80px; line-height:80px;}
				.layout_block4 .layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p {padding:0 10px; box-sizing:border-box;}
				.layout_block4 .layout_04.layout_height_M .quick005 .qlink_5 .q5link00 p span {font-size:14px; padding:0; line-height:18px;}

			.layout_height_H .quick005 .qlink_5 .q5link00 p span,
			.layout_height_L .quick005 .qlink_5 .q5link00 p span {-webkit-line-clamp:2; -webkit-box-orient: vertical; white-space: normal; display:-webkit-inline-box; line-height:22px; vertical-align:middle;}
}
@media (max-width:599px){
	.quick005 .qlink_5 .q5link00 {padding:5px 0 10px; text-align:center; box-sizing:border-box;}
	.quick005 .qlink_5 .q5link00:nth-child(4n) {border-right:none;}
	.quick005 .qlink_5 .q5link00 .icon {line-height:55px !important; margin:0 !important;}
	.quick005 .qlink_5 .q5link00 .icon img {float:initial; width:40px;}
	.quick005 .qlink_5 .q5link00 p {height:40px; line-height:40px !important; position:relative; margin:0 !important; padding:0 !important;}
	.quick005 .qlink_5 .q5link00 p span {line-height:18px; display:-webkit-inline-box !important; vertical-align:middle; font-size:14px !important; padding:0; white-space:normal;-webkit-line-clamp:2; -webkit-box-orient:vertical;}

		.quick005 .q5link00 {width:25% !important; height:115px !important; padding:10px 15px 10px !important; }
		.quick005 .q5link00:nth-child(3),.quick005 .q5link00:nth-child(6),.quick005 .q5link00:nth-child(9) {background:#e0e0e0;}
		.quick005 .q5link00:nth-child(4),.quick005 .q5link00:nth-child(5),.quick005 .q5link00:nth-child(7) {background:#f1f1f1;}

		
		

}