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


html, body{
	background-color:#fff;
}
#upToTop{z-index:4;}


/*********************************************/
/*header*/
#header{
	width:100%;
	min-width:1020px;
	height:312px;
	position:fixed;
	z-index:3;
	top:0;
	left:0;
}

#headerBG{
	background:#FFF;
	width:100%;
	height:312px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}

#headerContent{
	width:504px;
	width:980px;
	height:268px;
	margin:0 auto;
	position:relative;
}
#headerLogo{
	position:absolute;
	width:257px;
	height:100px;
	top:58px;
	left:361px;
}
#headerTitle{
	position:absolute;
	width:504px;
	width:960px;
	height:37px;
	left:0;
	top:208px;
	text-align:center;
}

#headerNextPrev{
	position:absolute;
	top:268px;
	left:0;
	width:100%;
	height:28px;
	background-image:url(../images/common/bar_bg.png);
	padding-top:16px;
}

#headerSpace{
	position:relative;
	width:100%;
	height:312px;
	overflow:hidden;
	z-index:2;
	margin:0;
	padding:0;
}


/*********************************************/
#content{
	width:990px;
	margin:0 auto;
	padding:75px 0;
	z-index:2;
	position:relative;
	clear:both;
}
#content img{
	margin:5px;
	float:left;
	background:url(../images/projects/loading.gif) no-repeat center;
}

#copyright{
	position:relative;
	z-index:2;
	top:0;
	background:url(../images/common/copyright.png) no-repeat center top;
	width:100%;
	height:41px;
	margin-top:10px;
}


/*********************************************/
/*blackBG*/
#blackBG{
	width:100%;
	height:100%;
	position:fixed;
	z-index:1;
	top:312px;
	left:0;
	background:#fff;
}


/*********************************************/
/*black screen*/
#blackScreen{
	width:100%;
	height:200%;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}