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

body {
	margin-left: 0px;
	margin-top: 0px;
	background-image:url(bg2.jpg);
}
.arrackd {
	display:none;
}
#index {
	width:1000px;
	height:850px;
	margin:0px auto;
	background-color:#FFF;
	position: relative;
	background-image:url(bg.jpg);
}
#logo{
	width:266px;
	height:129px;
	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:1;
	left:0px;
	top: 50px;
	}
#link {
	width:980px;
	height:16px;
	padding:4px 20px 0px 0px;
	position:absolute;
	z-index:1;
	left:0px;
	top: 0px;
}
#flash {
	width:765px;
	height: 357px;
	position:absolute;
	z-index:3;
	left: 0px;
	top: 181px;
	background-image:url(flash_bg.png);
}
#gallery {
	width:380px;
	height: auto;
	position:absolute;
	z-index:3;
	left: 590px;
	top: 102px;
}
#gallery .bigPhotoFormer {
	width:380px;
	height:265px;
	background-image:url(bigPhotoBg.png);
	position:absolute;
	z-index:7;
	left: 0px;
	top: 0px;
}
#gallery .bigPhoto {
	width:344px;
	height:241px;
	position:absolute;
	z-index:6;
	left: 17px;
	top: 21px;
}
#gallery .smallPhoto {
	width:381px;
	height:70px;
	position:absolute;
	z-index:7;
	left: 0px;
	top: 259px;
}
#news {
	width:256px;
	height:202px;
	background-image:url(news.png);
	float:left;
	padding:0px 0px 0px 110px;
	position:absolute;
	z-index:4;
	left: 630px;
	top: 547px;
}
#news .list{
	width:235px;
	height: auto;
	float:left;
	padding:50px 0px 0px 0px;
}
#introduction {
	width:303px;
	height:175px;
	float:left;
	padding:20px 20px 0px 20px;
	position:absolute;
	z-index:4;
	background:url(content.png);
	left: 286px;
	top: 547px;
}
#news .more{
	width:230px;
	height:30px;
	float:left;
	padding-top:10px;
}
#album {
	width:240px;
	height:163px;
	float:left;
	padding:0px;
	position:absolute;
	z-index:4;
	left: 24px;
	top: 547px;
}
#album_bg {
	width:200px;
	height:150px;
	float:left;
	padding:0px;
	position:absolute;
	z-index:3;
	left: 37px;
	top: 560px;
	background-color:#FFF;
}
#content .frame {
	width:334px;
	height:103px;
	padding:5px;
	background-image:url(contentBg.png);
}
#footer {
	width:964px;
	height:82px;
	padding:0px 0px 0px 20px;
	float:left;
	position:absolute;
	z-index:5;
	left: 10px;
	top: 762px;
}
#footer .card {
	width:230px;
	height: 72px;
	float:left;
	padding:10px 0px 0px 0px;
}
#footer .line {
	width:20px;
	height: 72px;
	float:left;
}
#footer .copyright {
	width:700px;
	height: 62px;
	float:left;
	padding:10px 0px 0px 0px;
}
#menu {
	width:710px;
	height:137px;
	background-image: url(menu_bg.jpg);
	position:absolute;
	z-index:1;
	left: 267px;
	top: 52px;
}
#top_but {
	width:710px;
	height:137px;
	float:left;
}/*外層框*/
#top_but ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#top_but li {
	float:left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#top_but li a {
	height:137px;
	display:block;
	text-indent:-3000px;
	font-size:1px;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#top_but li.top_but01 a {
	width:82px;
	background-image: url(index_menu_01.jpg);
}/*按鈕1第一章圖*/
#top_but li.top_but01 a:hover {
	width:82px;
	background-image: url();
}/*按鈕1第二張圖*/
#top_but li.top_but02 a {
	width:78px;
	background-image: url(index_menu_02.jpg);
}/*按鈕2第一章圖*/
#top_but li.top_but02 a:hover {
	width:78px;
	background-image: url();
}/*按鈕2第二張圖*/
#top_but li.top_but03 a {
	width:76px;
	background-image: url(index_menu_03.jpg);
}/*按鈕3第一章圖*/
#top_but li.top_but03 a:hover {
	width:76px;
	background-image: url();
}/*按鈕3第二張圖*/
#top_but li.top_but04 a {
	width:79px;
	background-image: url(index_menu_04.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but04 a:hover {
	width:79px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but05 a {
	width:77px;
	background-image: url(index_menu_05.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but05 a:hover {
	width:77px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but06 a {
	width:78px;
	background-image: url(index_menu_06.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but06 a:hover {
	width:78px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but07 a {
	width:78px;
	background-image: url(index_menu_07.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but07 a:hover {
	width:78px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but08 a {
	width:77px;
	background-image: url(index_menu_08.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but08 a:hover {
	width:77px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but09 a {
	width:85px;
	background-image: url(index_menu_09.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but09 a:hover {
	width:85px;
	background-image: url();
}/*按鈕4第二張圖*/