/* 浠ｇ爜鏁寸悊锛氭噿浜轰箣瀹� www.lanrenzhijia.com */
body {
	background: #ddd;
	margin: 0 auto;
	max-width: 1024px;
	font: normal 14px/1.2 'Helvetica Neue', 'Arial'
}
.fork {
	border:0;
	position:absolute;
	top:0;
	right:0;
}
.col {
	width: 320px;
	float: left;
	margin-right:32px;
	margin-bottom: 16px;
}
.c3 {
	margin-right:0;
}
h1 {
	border-bottom: 1px solid #333;
	font-size: 32px;
	color: #fff;
	padding-bottom: 12px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}
h2 {
	margin: 10px 0;
	color: #000;
	font-size: 18px;
	text-shadow: 1px 1px 2px #fff;
}
h3 {
	margin: 0;
}
h3 a {
	background: url("../images/public/sprite.png") 15px 13px no-repeat;
	display: block;
	padding: 10px;
	padding-left: 32px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid rgba(128, 10, 85, 0.5);
	text-shadow: 1px 1px 1px rgb(128,10,85);
}
h3:hover {
	background: rgb(228,10,85);
}
h3.open {
	background: rgb(255,70,120);
}
h3.open a {
	background-position: 13px -25px;
聽
}
h3 + div {
	padding: 10px;
}
h2 + div, .example {
	background: #fff;
	overflow: hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 20px;
}
/* 浠ｇ爜鏁寸悊锛氭噿浜轰箣瀹� www.lanrenzhijia.com */
h3+div {
	display: none;
}
/* 浠ｇ爜鏁寸悊锛氭噿浜轰箣瀹� www.lanrenzhijia.com */
#css3-animated-example h3 + div {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	background: #000;
	display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
	padding: 10px;
}
#css3-animated-example h3.open + div {
	height: auto;
	background: #aaffff;
}
/* Event example
--- */
pre#event-log {
	background: #fafacc;
	padding: 10px;
	display: block;
}

/* Responsive design
--- */
@media screen and (max-width: 1056px) {
 body {
 width: 672px;
}
 .c2 {
 margin-right: 0;
 margin-bottom: 0;
}
}
 @media only screen and (max-width: 704px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
 body {
 width: 320px;
}
 .c1 {
 margin-right: 0;
 margin-bottom: 0;
}
 h1 {
 font-size: 28px;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
}
}
 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
 body {
 padding: 0 12px;
}
}
/* 浠ｇ爜鏁寸悊锛氭噿浜轰箣瀹� www.lanrenzhijia.com */