@charset "utf-8";
/* CSS Document */

#fl_disp {
	width: 720px;
	height: 300px;
	margin: 20px auto 0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
#fl_disp #hd {
	font-family:"MS Serif", "New York", serif;
	font-size:30px;
	color:#006666;
	font-weight:bolder;
	position:absolute;
	top:10px;
	left:140px;
}
#fl_disp #fl_content {
	width: 500px;
	float: right;
	margin: 40px;
	text-align: center;
	z-index: 4;
	position: relative;
	overflow: visible;
}
#fl_disp #fl_pict {
	width:125px;
	float:left;
		z-index: 4;
	position: relative;
	overflow: visible;

}
#p_line {
	width:49px;
	height:4px;
	position:absolute;
	left:65px;
	top:70px;
	z-index:6;
	-webkit-animation: h2-animation 3s 1 ease-in-out;
	-moz-animation: h2-animation 3s 1 ease-in-out;
	-o-animation: h2-animation 3s 1 ease-in-out;
	-ms-animation: h2-animation 3s 1 ease-in-out;
	animation: h2-animation 3s 1 ease-in-out;

}
#v_line {
	width:49px;
	height:4px;
	position:absolute;
	left:65px;
	top:220px;
	z-index:6;
	-webkit-animation: t4-animation 7s 1 ease-in-out;
	-moz-animation: t4-animation 7s 1 ease-in-out;
	-o-animation: t4-animation 7s 1 ease-in-out;
	-ms-animation: t4-animation 7s 1 ease-in-out;
	animation: t4-animation 7s 1 ease-in-out;

}
#f_line {
	width:49px;
	height:4px;
	position:absolute;
	left:55px;
	top:180px;
	z-index:6;
	-webkit-animation: h3-animation 5s 1 ease-in-out;
	-moz-animation: h3-animation 5s 1 ease-in-out;
	-o-animation: h3-animation 5s 1 ease-in-out;
	-ms-animation: h3-animation 5s 1 ease-in-out;
	animation: h3-animation 5s 1 ease-in-out;

}
	
	#fl_disp #fl_content .h2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #202224;
		font-size: 14px;
		font-weight:bold;
		line-height: 14px;
		text-align:left;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h2-animation 3s 1 ease-in-out;
		-moz-animation: h2-animation 3s 1 ease-in-out;
		-o-animation: h2-animation 3s 1 ease-in-out;
		-ms-animation: h2-animation 3s 1 ease-in-out;
		animation: h2-animation 3s 1 ease-in-out;
	}
	#fl_disp #fl_content .h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #202224;
		font-size: 14px;
		font-weight:bold;
		line-height: 14px;
		text-align:left;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: h3-animation 5s 1 ease-in-out;
		-moz-animation: h3-animation 5s 1 ease-in-out;
		-o-animation: h3-animation 5s 1 ease-in-out;
		-ms-animation: h3-animation 5s 1 ease-in-out;
		animation: h3-animation 5s 1 ease-in-out;
	}
	#fl_disp #fl_content .t4 {
		font-family: Arial, Helvetica, sans-serif;
		color: #202224;
		font-size: 14px;
		font-weight:bold;
		line-height: 14px;
		text-align:left;
		text-shadow: 0px 0px 4px #fff;
		-webkit-animation: t4-animation 7s 1 ease-in-out;
		-moz-animation: t4-animation 7s 1 ease-in-out;
		-o-animation: t4-animation 7s 1 ease-in-out;
		-ms-animation: t4-animation 7s 1 ease-in-out;
		animation: t4-animation 7s 1 ease-in-out;
	}

/* WebKit Animations */

@-webkit-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes t4-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}

/* FireFox Animations */

@-moz-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes t4-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}

/* Opera Animations */

@-o-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes ht-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
/* IE Animations */

@-ms-keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes t4-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}

/* Animations */

@keyframes h2-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes h3-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes t4-animation {
	0%   {opacity: 0;}
	80%  {opacity: 0;}
	100% {opacity: 1;}
}