/* CSS Document */

@font-face {
    font-family: "countFont";
	/*src:url(../font/Helvetica.dfont);*/
}

body{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
}
header{     display:block;	width:100%;	height:73px;	margin: 0 auto;	z-index:30;	position: fixed;	top: 0;	display: block;	background-color: aqua;}

nav{
	position: fixed;
	bottom: 0;
	display: block;
	width: 100%;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	height: 70px;
	background: url('../images/nav_bg.png') no-repeat left top;
	z-index: 20;
}

.page01Btn{
	float: left;
	width: 95px;
	height: 70px;
	display: block;
	margin: 0 0 0 108px;
}
.page02Btn{
	float: left;
	width: 95px;
	height: 70px;
	display: block;
}
.page03Btn{
	float: left;
	width: 95px;
	height: 70px;
	display: block;
}

.mainContainer{
	width:100%;
}

.container{
	width: 980px;
	height: 1000px;
	width: 500px;
	position:absolute;
	left:50%;
	margin-left:-250px;
	display:block;
	z-index:5;
}

.youtube{
	position: absolute;
	top: 212px;
	left: 46px;
	width: 406px;
	height: 300px;
}

.pdf01{
	position: absolute;
	top: 1782px;
	left: 188px;
	width: 100px;
	height: 30px;
}

.pdf02{
	position: absolute;
	top: 1782px;
	left: 320px;
	width: 100px;
	height: 30px;
}

.pdf03{
	position: absolute;
	top: 2708px;
	left: 188px;
	width: 100px;
	height: 30px;
}
.pdf04{
	position: absolute;
	top: 2708px;
	left: 320px;
	width: 100px;
	height: 30px;
}

.ABlink01{
	position: absolute;
	display: block;
	top: 1690px;
	width: 500px;
	height: 80px;
}
.ABlink02{
	position: absolute;
	display: block;
	top: 3543px;
	width: 500px;
	height: 80px;
}
.ABlink03{
	position: absolute;
	display: block;
	top: 2878px;
	width: 500px;
	height: 80px;
}

footer{	width:100%;	height:28px;	z-index:50;	position: fixed;	bottom:0;	background-color: purple;}

.box{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 100px;
	left: 50%;
	background-color: maroon;
}