@charset "utf-8";

/* CSS Document */





/* Clearfix --------------------------*/

/* For modern browsers */

.cf:before, .cf:after {

	content:"";

	display:block;

	overflow:hidden;

}

.cf:after {

	clear:both;

}   /* For IE 6/7 (trigger hasLayout) */

.cf {

	zoom:1;

}





/* Clearfix --------------------------*/

#happen {

	margin: 0px auto;

	height: auto;

	width: 800px;

	display: block;

}

/* Clearfix --------------------------*/

#happen h3{

	margin: 0px auto 15px auto;

	height: auto;

	width: auto;

	display: block;

	text-align: center;

}

#happen .cntr{

	width: auto;

	height: auto;

	margin: 0px auto 10px auto;

	position: relative;

	display: block;

	text-align: center;

}

#happen .cntr img  {

	width: 480px;

	height: auto;

	padding: 5px;

	border: 1px #fff solid;

	box-shadow: 0px 0px 7px #eee;

	display: block;

	margin: 0px auto;

}

#happen .cntr span.zoom{

	background-image: url(zoom.png);

	display: none;

	height: 26px;

	width: 26px;

	position: absolute;

	z-index: 100;

	top: 15px;

	left: 15px;

}

#happen .cntr p  {

	width: auto;

	height: auto;

	padding: 5px;

	font-size: 1em;

	z-index: 2;

	display: block;

	margin: 10px;

}
#happen .lft img.ver  {
	width: auto;
	height: 360px;
	padding: 5px;
	border: 1px #fff solid;
	box-shadow: 0px 0px 7px #eee;
	margin: 0px 40px;
	display: block;

}

#happen .lft{

	width: auto;

	height: auto;

	margin: 0px auto 20px auto;

	position: relative;

	display: block;

	text-align: center;

	padding-left: 10px;

}

#happen .lft img  {
	width: 360px;
	height: auto;
	padding: 5px;
	border: 1px #fff solid;
	box-shadow: 0px 0px 7px #eee;
	display: block;
	margin: 0px auto 10px 15px;
	float: left;

}

#happen .lft span.zoom{

	background-image: url(zoom.png);

	display: none;

	height: 26px;

	width: 26px;

	position: absolute;

	z-index: 100;

	top: 15px;

	left: 15px;

}

#happen .lft p  {

	width: auto;

	height: auto;

	padding: 5px;

	font-size: 1em;

	z-index: 2;

	display: block;

	margin: 10px;

}





#happen ul{
	width: 780px;
	height: auto;
	margin: 0px auto 20px auto;

}



#happen ul li{
	width: 370px;
	height: auto;
	font-size: 1em;
	margin-left: 15px;
	float: left;
	position: relative;

}

#happen ul li img {
	width: 360px;
	height: auto;
	padding: 5px;
	border: 1px #fff solid;
	box-shadow: 0px 0px 7px #eee;

}

#happen ul li img.ver {

	width: auto;

	height: 360px;

	padding: 5px;

	border: 1px #fff solid;

	box-shadow: 0px 0px 7px #eee;

	margin: 0px auto;

	display: block;

}

#happen ul li p {

	width: 340px;

	height: auto;

	padding: 5px;

	font-size: 1em;

	margin-top: 10px;

	z-index: 2;

}

#happen span.zoom{
	background-image: url(zoom.png);
	display: none;
	height: 26px;
	width: 26px;
	position: absolute;
	z-index: 100;
	top: 15px;
	left: 15px;

}
#happen p.ups  {
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 1em;
	z-index: 2;
	display: block;
	margin: -65px auto 10px auto;

}