@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	background-color: #012032;
}

#templants {
	width: 1000px;
	height: auto;
	position: relative;
	clear: both;
	margin:auto;
}

#logo{
	position: absolute;
	z-index: 1;
	height: auto;
	width: 354px;
	left: 50px;
	top: 20px;
}

#top {
	width: 1000px;
	height:151px;
	margin: auto;
	background-image: url(../templants/top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#topnav{
	height: 18px;
	width: 111px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 79px;
	background-image: url(../templants/topnav-but-.png);
}
#topnav a{
	height: 18px;
	width: 111px;
	float:left;
	background-image: url(../templants/topnav-but.png);
}
#topnav a:hover{
	background-image: none;
}
/*社群分享按鈕*/
#association{
	width: 75px;
	height: auto;
	text-align: right;
	position: absolute;
	z-index: 1;
	top: 428px;
	right: 463px;
}

#qr{
	height: 100px;
	width: 100px;
	position: absolute;
	z-index: 1;
	right: 345px;
	top: 424px;
}

/**/
#center {
	width: 1000px;
	height: auto;
	margin: auto;
	clear: both;
	
}
/*首頁畫面*/
#about{
	height: 408px;
	width: 255px;
	position: absolute;
	background-image: url(about.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 1;
	top: 114px;
	right: 64px;
	padding: 57px 5px 5px 5px;
}
#about .photo{
	height: 130px;
	width: 225px;
	margin: auto;
	padding:0 0 10px 0;
}

#about .mast{
	height: auto;
	width: 225px;
	margin:0 auto 5px auto;
}
#about .more{
	text-align: right;
	height: 17px;
	width: 225px;
	margin: auto;
}
#grass{
	background-image: url(grass.png);
	height: 75px;
	width: 1000px;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 66px;
}

/*首頁畫面*/
#footer {
	width: 1000px;
	height: 66px;
	position:relative;
	clear: both;
	background-image: url(../templants/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}