*{margin: 0;padding: 0;}
a{text-decoration: none;color:#333;transition: all .2s;font-size: 10px;}
a:hover{color: #77b917;}
li{list-style: none;}
.clear{clear: both;}
body{padding-left: 330px;box-sizing:border-box;}
.classinfo{
	width:300px;
	background: #ffffff;
	box-shadow:4px 4px 10px 1px #efeeee;
	height: 100vh;
	position: fixed;
	left:0;
}
.classinfo span{
	display: block;
	font-size: 12px;
	opacity: .2;
	margin-bottom:10px;
	text-align: center;
}
.classinfo dl{
	margin-bottom: 20px;
}
.classinfo dl:after{
	content: "";
	display: block;
	clear: both;
}
.classinfo dt,.classinfo dd{
	width:100%;
	height:30px;
	line-height: 30px;
	float:left;
	transition:all .3s;
	text-indent:25px;
	cursor: pointer;
}
.classinfo dt{
	font-weight: bold;
}
.classinfo dd{
	text-indent: 50px
}
.classinfo dd.on,.classinfo dd:hover,.classinfo dt.on,.classinfo dt:hover{
	background: #77b917;
	color: #ffffff;
	cursor:pointer;
}
.classinfo dt.on,.classinfo dt:hover{
	background: blue;
}

#result{padding-bottom: 30px;}
#result li{width: 100%;line-height: 30px;}
#result li:nth-child(2n){background:#eee;}
#result li:hover{background: rgba(2,67,128,.1);transition: all .2s;}
#result li span{display: inline-block;width: 70px;}
#result li input{
	display: inline-block;
	margin-right: 20px;
	border:none;outline: none;
	margin-top: 0;
	line-height: 20px;
	width:300px;
	background: none;
	border: 1px solid #999;
	box-sizing:border-box;
}
#result li input:last-of-type{
	width: 500px;
}
#result li.class a{font-weight: bold;}
.container{width: 95%;}
.sea_con {width:100%;margin:0 0 10px;padding-top: 20px;border-bottom:1px solid #cccccc;padding-bottom: 10px;}
.sea_con span,.sea_con em{color:#77b917;font-style: normal;}
#tourls{color:#ffffff;font-size: 18px;text-indent: 20px;background: #77b917;}
textarea{width: 100%;height:300px;}
.ows{position:fixed;right:10px;z-index: 9999;top:30%;padding:10px 20px;border:1px solid #77b917;background: #ffffff;border-radius: 10px;}
.ows span{font-weight: bold;}
.ows li{line-height: 26px;display: block;}