/* Generic Utility */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px
}

/* Specific to example one */

#example-one {
	background: #fff;
	padding: 1rem;
	margin: 0 0 2rem 0;
	text-align: center;
}

#example-one .nav {
	overflow: hidden;
	margin: 2rem auto 2rem auto;
	width:auto;

}

#example-one .nav li {

	float: left;
	margin: 0 1.5rem 0 0
}
#example-one .nav li.last {
	margin-right: 0
}

#example-one .nav li a {
	display: block;
	padding: 0.5rem 4rem;
	background: #fff;
	color: #333;
	font-size: 1rem;
	text-align: center;
	border: 1px dashed #cacaca;
}

#example-one .nav li:hover {
}

#example-one .nav li:hover a ,#example-one .nav li a.current {
	color: #1e82e8;
	border: 1px dashed #1e82e8;
}
#example-one .list-wrap{
	width:100%;
}
#example-one .list-wrap div{
	color:#333;
	line-height:2.5rem;
	font-size:1rem
}
#example-one .list-wrap div p{
	text-align:left;

}
@media (max-width:750px) {
	#example-one .nav li {
	margin: 0 0.5rem 0 0
	}
	#example-one .nav li a {
		padding: 0.5rem 0.2rem;
	}
	#example-one .list-wrap img{
	width:100% !important;
	overflow:hidden;
	}

}
#example-one #core ul li{
	float:left;
	margin:1rem 1%;
	width:47%;
	color:#fff;
	text-align:center;
	padding:4rem 2%;
	

}
#example-one #core ul li p{
	margin:0;
	padding:0;
	text-align:center;
	line-height:2rem;
	font-size:0.9rem;
}
#example-one #core ul li .wh-img img{

	margin:auto auto 2rem auto;
}
#example-one #core ul li.wh1{
	background:#2b5fb3
}
#example-one #core ul li.wh2{
	background:#2d9691
}#example-one #core ul li.wh3{
	background:#7258bb
}#example-one #core ul li.wh4{
	background:#d26550
}
#example-one #jquerytuts{
	text-align:center;
}
#example-one #jquerytuts img{
	width:auto;
	margin:auto 3%;
}
#example-one #classics .zp{
	box-shadow:0 0 5px #ccc;
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
text-align:center;
padding-bottom:2rem;
margin:1rem 1%;
max-width:31.333%;
}
#example-one #classics .zp-tit{
	padding:1.5rem;
	font-size:1.2rem;
	color:#333;
	text-align:center;
	border-bottom:1px solid #ccc;
}
#example-one #classics .zp-jj{
	font-size:1rem;
	text-align:left;
	padding:0 1.5rem 1.5rem 1.5rem;
	color:#848484;
	line-height:2rem;
	width:100%;
}
#example-one #classics .zp-xq{
	display:inline-block;
	color:#1e84e8;
	font-size:1rem;
	margin:0 auto;
	border:1px solid #1e84e8;
	padding:0.2rem 0.8rem;
}