.classes-item {
	width: 100%;
	height: auto;
	margin: auto;
}
.classes-item-root {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 20px 0px 20px 0px;
}
.classes-item-root ul {display: block; height:100%; width:auto; text-align: left;}
.classes-item-root ul li {list-style: none; display: inline-block; margin: 2px; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 14px; background-color: #eeeeee;}
.classes-item-root ul li a {display: inline-block; height:auto; line-height: 40px; color:#333333; text-decoration:none; padding: 0px 10px 0px 10px;}
.classes-item-root ul li a:visited {display: inline-block; color:#333333; text-decoration:none; padding: 0px 10px 0px 10px;}
.classes-item-root ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; padding: 0px 10px 0px 10px;}
.classes-item-root ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; padding: 0px 10px 0px 10px;}

.classes-item-node {
	width: 1200px;
	height: auto;
	margin: auto;
	border: 1px solid #aaaaaa;
	padding: 8px;
}
.classes-item-node ul {display: inline; height:100%; width:auto;}
.classes-item-node ul li {list-style: none; display: inline-block; margin: 2px; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 14px;}
.classes-item-node ul li a {display: inline-block; height:auto; line-height: 40px; color:#333333; text-decoration:none; margin-top:0px;}
.classes-item-node ul li a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
.classes-item-node ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
.classes-item-node ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}

.item {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
}
.item-content {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
}
.item-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}
.item-content ul {height:100%; width:auto; padding: 0px 0px 0px 0px;}
.item-content ul li {list-style: none; display: flex; margin: 0px; border-bottom:1px solid #dddddd; font-size: 14px;}
.item-content ul li:nth-child(1) {padding: 0px 0px 20px 0px;}
.item-content ul li:nth-child(n+2) {padding: 20px 0px 20px 0px;}
.item-content ul li span a {display: inline-block; width: 100%; color:#333333; text-decoration:none; margin-top:0px;}
.item-content ul li span a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
.item-content ul li span a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
.item-content ul li span a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}


.item-image {
	display: block;
	flex-shrink: 0;
	width: 250px;
	height: 150px;
	border: 1px solid #cccccc;
	overflow:hidden;
}
.item-image a {height: 100%; width: 100%;}
.item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item-view {
	display: block;
	flex-grow: 1;
	width: auto;
	height: auto;
	overflow:hidden;
	padding: 0px 10px 0px 10px;
}
.item-view a {height: auto; font-size: 16px;}
.item-view label {display: block; padding: 8px 0px 8px 0px; color: #999999;}

.item-page {
	width: 1200px;
	height: auto;
	margin: auto;
	padding: 20px 0px 20px 0px;
}
.item-page-disabled {
	color: #aaaaaa;
	padding:5px 10px 5px 10px;
}
.item-page-omit {
	color: #666666;
	padding:5px 3px 5px 3px;
	border:0px solid #f9f9f9 ! important;
}
.item-page-current {
	color: #ffffff;
	background-color: #2b3aa1;
	padding:5px 10px 5px 10px;
}
.item-page ul {display: block; height:100%; width:auto; text-align: center;}
.item-page ul li {list-style: none; display: inline-block; margin: 2px; border:1px solid #f9f9f9; font-size: 14px;}
.item-page ul li a {display: inline-block; height:auto; padding:5px 10px 5px 10px; color:#333333; font-size: 14px; text-decoration:none; margin-top:0px;}
.item-page ul li a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
.item-page ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
.item-page ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}


@media screen and (max-width:768px){


	.classes-item {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0px 20px 0px 20px;
	}
	.classes-item-root {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 20px 0px 20px 0px;
	}
	.classes-item-root ul {display: block; height:100%; width:auto; text-align: left;}
	.classes-item-root ul li {list-style: none; display: inline-block; margin: 2px; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 14px; background-color: #eeeeee;}
	.classes-item-root ul li a {display: inline-block; height:auto; line-height: 40px; color:#333333; text-decoration:none; padding: 0px 10px 0px 10px;}
	.classes-item-root ul li a:visited {display: inline-block; color:#333333; text-decoration:none; padding: 0px 10px 0px 10px;}
	.classes-item-root ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; padding: 0px 10px 0px 10px;}
	.classes-item-root ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; padding: 0px 10px 0px 10px;}

	.classes-item-node {
		width: 100%;
		height: auto;
		margin: auto;
		border: 1px solid #aaaaaa;
		padding: 0px;
	}
	.classes-item-node ul {display: inline; height:100%; width:auto;}
	.classes-item-node ul li {list-style: none; display: inline-block; margin: 2px; padding-left:10px; padding-right:10px; border-left:0px solid #1D5590; font-size: 14px;}
	.classes-item-node ul li a {display: inline-block; height:auto; line-height: 40px; color:#333333; text-decoration:none; margin-top:0px;}
	.classes-item-node ul li a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
	.classes-item-node ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
	.classes-item-node ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}

	.item {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 0px 10px 0px;
	}
	.item-content {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px 0px 10px 0px;
	}
	.item-content p {font-size: 14px; text-indent: 2em; line-height: 150%; padding: 0px 2px 0px 2px;}
	.item-content ul {height:100%; width:auto; padding: 0px 20px 0px 20px;}
	.item-content ul li {list-style: none; display: flex; margin: 0px; border-bottom:1px solid #dddddd; font-size: 14px;}
	.item-content ul li:nth-child(1) {padding: 0px 0px 20px 0px;}
	.item-content ul li:nth-child(n+2) {padding: 20px 0px 20px 0px;}
	.item-content ul li span a {display: inline-block; width: 100%; color:#333333; text-decoration:none; margin-top:0px;}
	.item-content ul li span a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
	.item-content ul li span a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
	.item-content ul li span a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}


	.item-image {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		width: 33vw;
		height: 33vw;
		border: 1px solid #cccccc;
		overflow:hidden;
		margin: 0px 10px 0px 0px;
	}
	.item-image a {width: 100%; height: 100%;}
	.item-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.item-view {
		display: block;
		flex-grow: 1;
		width: auto;
		height: auto;
		overflow:hidden;
		padding: 0px 0px 0px 0px;
	}
	.item-view a {height: auto; font-size: 16px;}
	.item-view label {display: block; padding: 8px 0px 8px 0px; color: #999999; overflow: hidden; max-height: 25vw;}

	.item-page {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 20px 0px 20px 0px;
	}
	.item-page-disabled {
		color: #aaaaaa;
		padding:5px 10px 5px 10px;
	}
	.item-page-omit {
		color: #666666;
		padding:5px 3px 5px 3px;
		border:0px solid #f9f9f9 ! important;
	}
	.item-page-current {
		color: #ffffff;
		background-color: #2b3aa1;
		padding:5px 10px 5px 10px;
	}
	.item-page ul {display: block; height:100%; width:auto; text-align: center;}
	.item-page ul li {list-style: none; display: inline-block; margin: 2px; border:1px solid #f9f9f9; font-size: 14px;}
	.item-page ul li:nth-child(n+3):nth-last-child(n+3) {display: none;}
	.item-page ul li a {display: inline-block; height:auto; padding:5px 10px 5px 10px; color:#333333; font-size: 14px; text-decoration:none; margin-top:0px;}
	.item-page ul li a:visited {display: inline-block; color:#333333; text-decoration:none; margin-top:0px;}
	.item-page ul li a:hover {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}
	.item-page ul li a:active {display: inline-block; color:#FF9800; text-decoration:none; margin-top:0px;}


}