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

.sch .vary {
	position: relative;
}
.pad {
	padding: .5em 1em;
}
.pad p {
	margin-bottom: 1em;
	max-height: 100%;
}
.menu .vary > ul >li {
	position: relative;
	border-bottom: 1px #aaa dotted;
}
.menu .vary > ul:last-child {
	border-bottom: none;
}
.menu .vary > ul >li >a {
	display: block;
	padding: 1em;
	width: 100%;
}
.menu .vary > ul >li >a:hover {
	color: #b12;
}
.menu .vary > ul >li li {
	color: #6f6f6f;
	padding: 0 20px 0 0;
	margin-top: 8px;
	height: 20px;
	overflow: hidden;
}
.menu .vary > ul >li li a {
	color: #6f6f6f;
}
.menu .vary > ul >li li a:hover {
	color: #b12;
}
.menu .vary > ul.sol .ci {
	position: relative;
	padding-left: 3em;
}

.index .vary > ul >li {
	position: relative;
	font-size: .75em;
	padding: 1em;
	border-bottom: 1px #aaa dotted;
}
.index .vary > ul.sol .ci {
	position: relative;
	padding-left: 3em;
}
.lg li {
	float: left;
	width: 340px;
	margin-left: 30px;


@media (min-width: 992px) {
.pad {
	padding: 1em 2em;
}
}
.vary {
	margin-right: auto;
	margin-left: auto;
}
.vary.nop {
	overflow-x: hidden;
}
.vary.nop .row {
	margin: 0 -1%;
}
.vary:after {
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	content: ".";
	clear: both;
}
.row {
}



@media (min-width: 576px) {
.vary {
	max-width: 540px;
}
}
@media (min-width: 768px) {
.vary {
	max-width: 720px;
}
.cm54 {
	float: left;
}
.cm54 {
	width: 80%;
}
}
@media (min-width: 992px) {
.vary {
	max-width: 960px;
}
}
@media (min-width: 1200px) {
.vary {
	max-width: 1080px;
}
}







.cs1{float: left; height:145px; width:60%;} 

.cs1 {width: 100%;} @media (min-width: 576px) { .vary { max-width: 540px; }