@import url("/css/jcarousel.css");

h3 {
	font-size: 21px;
	line-height: 1;
	padding-bottom: 18px;
	border-bottom: #a6a6a6 solid 1px;
	margin: 28px 0 20px 0;
}

section.second {
	margin-top:56px;
	padding-top:56px;
	padding-bottom:90px;
}

.pageNav {
	margin: 0 0 20px 0;
	width:50%;
}

dl.pageNav:nth-child(odd){
	float:left;
	clear:both;
}

dl.pageNav:nth-child(even){
	float:right;
}

.pageNav dt {
	font-size: 45px;
	line-height: 1;
	color: #2361DE;
	margin: 0;
}

.pageNav dt.active a {
	color: #000000;
}

.pageNav dd {
	display: none;
	margin: 0;
}

.pageNav dd p {
	padding-top: 20px;
	width: 312px;
}

.pageNav a {
	display: inline-block;
}

.pageNav a:hover {
	background: #2361DE;
	color: #FFF;
}

.pageNav a:active {
	background: #2361DE;
	color: #2E4198;
}

.pageNav ul {
	margin: 0;
	overflow: hidden;
	width: 312px;
}

.pageNav li {
	list-style: none;
	margin: 0;
	float: left;
	padding: 18px 14px 0 0;
}

.pageNav li:last-child {
	padding: 18px 0 0 0;
}

.pageNav img {
	width: 48px;
	height: 68px;
}

@media screen and (min-width: 1024px) {

.jcarousel li:last-child {
	width: 682px !important;
}

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

.next {
	display: none;
}

.prev {
	display: none;
}

.jcarousel-wrapper {
	padding: 28px 0 18px 0;
}

.jcarousel li {
	display: none;
}

.jcarousel li:first-child {
	display: block;
}

.jcarousel-wrapper {
	height: auto !important;
	overflow: hidden;
}

.jcarousel-wrapper img {
	height: auto !important;
	width: 100% !important;
}

.jcarousel li:last-child {
	width: auto !important;
}

.jcarousel {
	width: 100% !important;
}

.jcarousel ul {
	width: 100% !important;
}

.jcarousel li {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

}