@charset "UTF-8";
#mid_area {
	background-color:#000;
	margin-top:30px;
}


#left_box {
	width:98%;
	margin:0px auto;
	position: relative;
	display:block;
	min-height:700px;

}

#left_header {
	width:100%;
	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:0px;
}

#left_header h2 {
	margin-top:6px;
	padding-top:5px;
	font-size:14px;
}

h1 {
	padding:0;
	margin:0;
}


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

.m_box2 {
	width:100%;
	padding:0px 10px;
	background-color:#3e3e3e;
	margin:300px 0px 20px 0px;
	position: absolute;
	z-index:5;
	left:0px;
	top:100px;
	font-size:14px;
}


.m_box1 p , .m_box2 p {
	color:#fff;
	line-height:2em;
	width:95%;
/* border:1px solid #e00; */
}

#right_box {
	width:70%;
	margin:30px auto 30px auto;
}

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

#right_box img {
	width:100%;
}

#slideshow {
	position: relative;
	width: 100%;
	margin: 10px auto 0px auto;
	overflow: hidden;
	overflow:hidden;
	height:200px;
}

#slideshow img {
	position: absolute;
	width: 100%;
	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;
}