@charset "utf-8";

html {
	height:auto;
	background-color: #000;
	/* background:#000 url(../images/bg_pattern.gif) repeat center top; */
}

body {
	color:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height:auto;
	text-align:center;
}

a, a:visited {color: #cc0000;}
a:hover { color: #ff0000;}


/*
.clearfix
----------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
 
.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* container ------------------------------*/

#wrap{
	width:100%;
	height:auto;
	text-align:center;
	margin: 0 auto;
}

#container {
	width:100%;
	height:auto;
}

/* flashContainer ------------------------------*/
#flashContainer{
	width:100%;
	min-width: 1024px;
	height:100%;
	margin: 0 auto;
	background-color: #000;
	display:none;
}

#flashContent{
	width: 100%;
	 height:100%; 	
	margin: 0 auto;
}


/* noflashContainer ------------------------------*/
#noflashContainer{
	width:100%;
	min-width: 1024px;
	height:600px;
	margin: 0 auto;
	background: #000 url(../images/bg_noflash.jpg) no-repeat center top;
}

#noflashContent{
	width: 1024px;
	height:600px;
	margin: 0 auto;
}



/* footer ------------------------------*/
#footer{
	position:relative;
	width:100%;
	height:auto;
	text-align: center;
	color: #fff;
	display: block;
	border-top:1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #333;
}

#bannerContainer{
	position:relative;
	top:0;
	left:auto;
	width:100%;
	height:235px;
	display: block;
	background:#000 url(../images/bg_banner.jpg) no-repeat center top;
}
div.shadow{
	position: relative;
	top:0;
	left:0;
	width:100%;
	height:18px;
	background: url(../images/shadow_.png) repeat-x;
	display: block;
	z-index: 1;
}
#bannerContent{
	position:relative;
	top:0;
	left:0;
	width:1000px;
	height:auto;
	margin: -15px auto auto;
	display: block;
}
#searchBox{
	position:absolute; 
	width:244px; 
	height:214px; 
	top:0px; 
	left:4px;  
	background-color: #000; 
	text-align: left;
	background:url(../images/search.png) no-repeat center top;
	z-index: 0;
} 
#searchForm{
	position:absolute;
	width:210px;
	height:37px;
	top:150px;
	left:18px;
}
/* #searchForm ul{position: relative;} */
#searchForm ul li.select{position: absolute; top:8px; left:15px;}
#searchForm ul li.select select{width:110px;}
#searchForm input#search_btn{
	position: absolute;
	top:3px; 
	right:3px;
	width:59px;
	height:29px;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/search_btn.jpg);
	background-repeat: no-repeat;
	font-size: 0;
	text-indent: -9999px;
}
#bannerBox{position:absolute; width: 747px; top:15px; right:5px;}
#bannerBox ul li{float:left; display: inline; margin: 6px auto auto 5px;}
#bannerBox ul li a{
	-webkit-transition-property:opacity;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
}
#bannerBox ul li a:hover{
	opacity:0.7;/*modern browser*/
	filter:alpha(opacity=70);/*before IE7*/
	-ms-filter:"alpha(opacity=70)";/*IE8*/
	-moz-opacity:0.7;
	zoom:1;
}

#footerContent{
	position:relative;
	width:1000px;
	height:60px;
	text-align: left;
	margin: 0px auto;
	color: #fff;
	display: block;
}

/*
#footerLeft{
	position:absolute;
	width:240px;
	top:0;
	left:4px;
}
*/
#footerLeft{
	position:absolute;
	width:240px;
	top:30px;
	right:6px;
}
#footerLeft ul{ float:right; display: block; padding-top: 6px; }
#footerLeft ul li{
	display: inline;
	float: left;
	width:20px;
	height:20px;
	margin: 0 5px;
}

#footerRight{
	position: absolute;
	top:0;
	right:5px;
	width:400px;
	padding-bottom: 10px;
	text-align: right;
}
#copyright{ float: right; padding-top:12px; padding-right:6px;}