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

body {
	margin-left: 0px;
	margin-top: 0px;
	/*background-image:url(bg2.jpg);*/
}
.arrackd {
	display:none;
}
#index {
	width:1000px;
	height:786px;
	margin:0px auto;
	background-color:#FFF;
	position: relative;
	background-image:url(bg.jpg);
}
#logo{
	width:307px;
	height:157px;
	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:1;
	left:0px;
	top: 0px;
	}
#link {
	width:673px;
	height:26px;
	padding:10px 20px 0px 0px;
	position:absolute;
	background-image:url(link_bg.jpg);
	z-index:1;
	left:307px;
	top: 0px;
}
#flash {
	width:765px;
	height: 357px;
	position:absolute;
	z-index:3;
	left: 0px;
	top: 157px;
	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:175px;
	height:119px;
	float:left;
	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:4;
	left: 595px;
	top: 568px;
}
#news .list{
	width:210px;
	height: auto;
	float:left;
	padding:0px 0px 0px 0px;
}
#introduction {
	width:286px;
	height:115px;
	float:left;
	position:absolute;
	z-index:4;
	left: 31px;
	top: 569px;
}
#news .more{
	width:70px;
	height:30px;
	padding:0px 0px 0px 140px;
	float:left;
}
#album {
	width:175px;
	height:119px;
	float:left;
	padding:0px;
	position:absolute;
	z-index:4;
	left: 370px;
	top: 569px;
}
#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:985px;
	height:60px;
	float:left;
	position:absolute;
	z-index:5;
	left: 9px;
	top: 719px;
}
#footer .card {
	width:230px;
	height: 72px;
	float:left;
	padding:10px 0px 0px 0px;
}
#footer .line {
	width:20px;
	height: 72px;
	float:left;
}
#footer .copyright {
	width:900px;
	height: 62px;
	float:left;
}
#menu {
	width:693px;
	height:123px;
	background-image: url(menu_bg.jpg);
	position:absolute;
	z-index:1;
	left: 307px;
	top: 34px;
}
#top_but {
	width:693px;
	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:123px;
	display:block;
	text-indent:-3000px;
	font-size:1px;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#top_but li.top_but01 a {
	width:116px;
	background-image: url(index_menu_01.jpg);
}/*按鈕1第一章圖*/
#top_but li.top_but01 a:hover {
	width:116px;
	background-image: url();
}/*按鈕1第二張圖*/
#top_but li.top_but02 a {
	width:112px;
	background-image: url(index_menu_02.jpg);
}/*按鈕2第一章圖*/
#top_but li.top_but02 a:hover {
	width:112px;
	background-image: url();
}/*按鈕2第二張圖*/
#top_but li.top_but03 a {
	width:113px;
	background-image: url(index_menu_03.jpg);
}/*按鈕3第一章圖*/
#top_but li.top_but03 a:hover {
	width:113px;
	background-image: url();
}/*按鈕3第二張圖*/
#top_but li.top_but04 a {
	width:113px;
	background-image: url(index_menu_04.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but04 a:hover {
	width:113px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but05 a {
	width:113px;
	background-image: url(index_menu_05.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but05 a:hover {
	width:113px;
	background-image: url();
}/*按鈕4第二張圖*/
#top_but li.top_but06 a {
	width:126px;
	background-image: url(index_menu_06.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but06 a:hover {
	width:126px;
	background-image: url();
}/*按鈕4第二張圖*/