@charset "utf-8";

.p1-artcle {
	font-size: 13px;
	line-height: 23px;
	color: #F7EFB8;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.p1-artcle-left {
	float: left;
	width: 450px;
	text-align: right;
}
.p1-artcle-right {
	float: right;
	width: 480px;
}
.p2-artcle {
	font-size: 13px;
	line-height: 23px;
	color: #F7EFB8;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #987D52;
	padding: 1px;
	height: 550px;
}
.p3-artcle {
	font-size: 13px;
	line-height: 23px;
	color: #F7EFB8;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
	height: auto;
}


hr {
  margin:20px;
  clear:both;
  border: none;
  border-top: 1px solid #555;
  height: 1px;
}

/* Common */
ul#thumb-container, ul#thumb-container li {
  margin:0;padding:0;
}

/* Sample1 */
#testSlide1 {
	width: 700px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
}
#testSlide1 #image-container {
	overflow: hidden;
	width: 700px;
	height: 525px;
	background-color: #000000;
}
#testSlide1 ul#thumb-container {
	width: 675px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#testSlide1 ul#thumb-container:after {
  content:".";display:block;
  height:0;clear:both;
  visibility:hidden;
}
#testSlide1 ul#thumb-container li {
	background-color: #000;
	display: block;
	overflow: hidden;
	width: 70px;
	height: 70px;
	float: left;
	margin-left: 0;
	margin-right: 5px;
	margin-top: 5px;
} 
#testSlide1 #text-container {
	float: none;
	height: 30px;
	width: 300px;
	opacity: 0.7;
	padding: 10px;
	color: #fea;
	text-align: left;
	font-family: Georgia, Times, serif;
	font-style: italic;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
