body {
	margin: 0;
	background-image: url(../images/bg00.jpg);
}
a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.st1 {
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0;
	line-height:45px;
	text-shadow: 1px 1px #000;
	font-size: 29px;
	font-family: Impact;
	width: 1024px;
}
.pic1 {
	width:1024px;
	height:455px;
}
.pic2 {
	text-align: center;
	display: block;
	margin: 0 auto 20px auto;
	position: relative;
	width: 1024px;
	background-color: #251B34;
	padding-top: 4px;
	padding-bottom: 0;
	border-bottom-width: 22px;
	border-bottom-style: solid;
	border-bottom-color: #D0B0D7;
}
.pic3 {
	position: relative;
	border: 4px solid #523C73;
	padding: 4px;
}
.pic4 {
	width:1024px;
	height:88px;
}
@media screen and (max-width: 1920px) {body { min-width:1600px;}}
@media screen and (max-width: 1600px) {body { min-width:1236px;}}
@media screen and (max-width: 1260px) {
body {min-width:996px;}
.st1, .pic1, .pic2, .pic4 {height: auto;width: 990px;}
.pic3 {border:0; padding:0}}

@media screen and (max-width: 1000px) {
body {min-width:768px;}
.st1, .pic1, .pic2, .pic3, .pic4 {height: auto;width: 760px;}
.pic3 {border:0; padding:0}}

@media screen and (max-width: 788px) {
body {min-width:620px;}
.st1, .pic1, .pic2, .pic3, .pic4 {height: auto;width: 610px;}
.pic3 {border:0; padding:0}}

@media screen and (max-width: 620px) {
body {min-width:500px;}
.st1, .pic1, .pic2, .pic3, .pic4 {height: auto;width: 490px;}
.st1 {font-size:20px;line-height:36px;}
.pic3 {border:0; padding:0}
}

@media screen and (max-width: 520px) {
body {min-width:300px;}
.st1, .pic1, .pic2, .pic3, .pic4 {height: auto;width: 290px;}
.st1 {font-size:15px;line-height:31px;}
.pic3 {border:0; padding:0}
}