@charset "utf-8";

.fs16 {
	font-size: 16px;
}
.sup {
	font-size: 0.7em;
	vertical-align: top;
}
h3.star8::after {
	content: "※8";
	font-size: 0.7em;
	vertical-align: top;
}
.starNumber1 {
	text-indent: -2.5em;
	padding-left: 2.5em;
}
.starNumber2 {
	text-indent: -3em;
	padding-left: 3em;
}
.starOnly {
	text-indent: -2em;
	padding-left: 2em;
}
.content_camera,
.content_nvr {
	display: flex;
	flex-direction: column;
}
.content_camera > div,
.content_nvr > div {
	margin-top: 15px;
	background-color: #F2F9FE;
	border-radius: 0 0 10px 10px;
}
.content_camera h3,
.content_nvr h3 {
	font-size: 18px;
	color: #fff;
	background-color: #007baf;
	padding: 7px 10px;
}
.content_camera > div > div,
.content_nvr > div > div {
	padding: 10px;
}

@media print, screen and (min-width: 768px) {
	.content_camera,
	.content_nvr {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.content_camera > div:nth-child(1),
	.content_camera > div:nth-child(3) {
		flex-basis: calc((100% - 50px)*0.3);
	}
	.content_camera > div:nth-child(2) {
		flex-basis: calc((100% - 50px)*0.4);
	}
	.content_camera > div:nth-child(4),
	.content_camera > div:nth-child(5),
	.content_nvr > div {
		flex-basis: calc((100% - 30px)*0.5);
	}
	.content_camera > div:nth-child(4),
	.content_camera > div:nth-child(5),
	.content_nvr > div:nth-child(3),
	.content_nvr > div:nth-child(4) {
		margin-top: 15px;
	}
	.content_camera > div:nth-child(2),
	.content_camera > div:nth-child(3),
	.content_camera > div:nth-child(5) {
		margin-left: 10px;
	}
	.brightCorrect {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}
	.eventDetect {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.eventDetect > div:last-child {
		margin-left: 15px;
	}
}