@charset "utf-8";
/* CSS Document */

.chon-nayoo {
	margin: 0;
	padding: 0;
	margin-top: 80px;
}

.chon-nayoo .top {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	font: 40px/35px 'lineseed', Arial, sans-serif;
	color: #fff;
	background: url(../images/phuwa/icon-1.png) top left no-repeat;
}

.chon-nayoo .detail {
	margin-top: 20px;
	padding: 0;
	color: #fff;
	font: 20px/25px 'lineseed', Arial, sans-serif;
}

.chon-nayoo .links {}

.chon-nayoo .links .l-block {
	/* width: 128px; */
	height: 136px;
	padding-top: 20px;
	transform: scale(1, 1);
	background: #288fde6b;
	transition: all 0.18s ease-in-out;
	border: 1px solid #fff;
}

.chon-nayoo .links .l-block:hover {
	cursor: pointer;
	background: #0f95fb;
}

.chon-nayoo .links .icon {
	margin: 0;
	padding: 0;
	text-align: center;
	transform: scale(1, 1);
	transition: all 0.18s ease-in-out;
}

.chon-nayoo .links .icon img {
	max-width: 100%;
	height: auto;
}

.chon-nayoo .links .l-block:hover .icon {
	transform: scale(1.2, 1.2);
	transition: all 0.18s ease-in-out;
}

.chon-nayoo .links .l-text {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 16px/20px 'lineseed', Arial, sans-serif;
	color: #fff;
}

@media (max-width: 374px) {
	.chon-nayoo .links .l-block {
		width: 96px;
	}

	.chon-nayoo .detail {
		font: 17px/25px 'lineseed', Arial, sans-serif;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.chon-nayoo .links .l-block {
		/* width: 102px; */
	}

	.chon-nayoo .detail {
		font: 18px/25px 'lineseed', Arial, sans-serif;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.chon-nayoo .links .l-block {
		/* width: 116px; */
	}

	.chon-nayoo .links .icon img {
		max-width: 47%;
		height: auto;
	}

	.chon-nayoo .links .l-text {
		font: 14px/20px 'lineseed', Arial, sans-serif;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	...
}

@media (min-width: 768px) and (max-width: 991px) {
	.chon-nayoo .links .l-block {
		/* width: 224px; */
		/* height: 148px; */
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	...
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.chon-nayoo .top {
		font: 30px/35px 'lineseed', Arial, sans-serif;
	}

	.chon-nayoo .detail {
		font: 18px/25px 'lineseed', Arial, sans-serif;
	}

	.chon-nayoo .links .l-block {
		width: 106px;
		height: 125px;
	}

	.chon-nayoo .links .icon img {
		max-width: 50%;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.chon-nayoo .detail {
		font: 18px/25px 'lineseed', Arial, sans-serif;
	}

	.chon-nayoo .links .l-block {
		width: 116px;
		height: 132px;
	}

	.chon-nayoo .links .icon img {
		max-width: 50%;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.chon-nayoo .detail {
		font: 18px/25px 'lineseed', Arial, sans-serif;
	}

	.chon-nayoo .links .l-block {
		width: 116px;
		height: 132px;
	}

	.chon-nayoo .links .icon img {
		max-width: 50%;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	...
}


/* ----------------------------------------- */
@media(min-width:375px) and (max-width:419px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -65px !important;
		right: -65px !important;
		/* margin-top: 0 !important; */
	}
}

@media(min-width:420px) and (max-width:575px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -65px !important;
		right: -65px !important;
		/* margin-top: 0 !important; */
	}
}

@media(min-width:576px) and (max-width:767px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -75px !important;
		right: -75px !important;
		/* margin-top: -10px !important; */
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media(min-width:1281px) and (max-width:1366px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media(min-width:1367px) and (max-width:1440px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media(min-width:1441px) and (max-width:1600px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media(min-width:1601px) and (max-width:1920px) {
	.chon-nayoo .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}