@charset "UTF-8";
#mid_area {
	background-color:#000;
}


#left_box {
	margin-left:60px;
	width:820px;
	height:700px;
	float:left;
	margin-top:50px;
	position: relative;
/* border:1px solid #fff; */

}

#left_header {
	width:700px;
	height:43px;
	text-align:center;
	background-image:url("../images/top_left_hd_bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	color:#fff;
	position: absolute;
	z-index:10;
	left:0px;
	top:5px;
/* border:1px solid #fff; */

}

#left_header h2 {
	margin-top:6px;
	padding-top:0px;
}

h1 {
	padding:0;
	margin:0;
}

.m_box1 {
	width:780px;
	padding:50px 20px 20px 20px;
	background-color:#3e3e3e;
	margin:25px 0px 0px 0px;
	position: absolute;
	z-index:5;
	left:0px;
	top:0px;
	font-size:16px;
}

.m_box2 {
	width:780px;
	padding:10px 20px 10px 20px;
	background-color:#3e3e3e;
	margin:125px 0px 20px 0px;
	position: absolute;
	z-index:5;
	left:0px;
	top:250px;
	font-size:16px;
}


.m_box1 p , .m_box2 p {
	color:#fff;
	line-height:3em;
}

#right_box {
	margin-left:30px;
	width:410px;
	float:left;
	margin-top:60px;
/* border:1px solid #fff; */
}

#right_box a {
	margin-bottom:8px;
	display:block;
}

#right_box img {
	width:409px;
	height:123px;
}

#slideshow {
	position: relative;
	width: 1400px;
	height:548px;
	margin: auto;
	overflow: hidden;
}
#slideshow img {
	position: absolute;
	width: 1450px;
	height:548px;
	opacity: 0;
	transition: opacity 2s;
}
#slideshow img.active {
	opacity: 1;
}


@keyframes fadeIn {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}