@charset "utf-8";

/* CSS Document */

body {

	margin-left: 0px;

	margin-top: 0px;
	background-image:url(body_bk.jpg);
	background-position:center;
	background-repeat:repeat-y;

/*	background-color:#e4e8eb;
*/
}

.arrackd {

	display:none;

}

#index {

	width:1000px;

	height:750px;

	margin:0px auto;

	background-color:#FFF;

	position: relative;

/*	background-image:url(index.jpg);
*/
}

#link {

	width:1000px;

	height:750px;

	padding:0px 0px 0px 0px;

	position:absolute;

	z-index:1;

	left:0px;

	top: 0px;

}

#menu {
	width:874px;
	height:56px;
	background-image:url(menuBg.png);
	position:absolute;
	z-index:2;
	left: 126px;
	top: 0px;

}

#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:176px;
	height:148px;
	background-image:url(news.png);
	float:left;
	padding:40px 13px 10px 13px;
	position:absolute;
	z-index:4;
	left: 143px;
	top: 436px;

}#content {
	width:267px;
	height:168px;
	background-image:url(content.png);
	float:left;
	padding:15px;
	position:absolute;
	z-index:4;
	left: 352px;
	top: 436px;

}

#content .frame {

	width:334px;

	height:103px;

	padding:5px;

	background-image:url(contentBg.png);

}

#footer {
	width:986px;
	height:72px;
	background-image:url(footer.png);
	padding:0px 0px 0px 0px;
	float:left;
	position:absolute;
	z-index:5;
	left: 7px;
	top: 671px;

}

#footer .card {
	width:200px;
	height: 72px;
	float:left;
}
#footer .line {
	width:20px;
	height: 72px;
	float:left;
}

#footer .copyright {
	width:765px;
	height: 62px;
	float:left;
	padding:10px 0px 0px 0px;
}

#top_but {
	width:874px;
	height:56px;
	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:56px;

	display:block;

	text-indent:-3000px;

	font-size:1px;

}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/

#top_but li.top_but01 a {

	width:145px;

	background-image: url(index_menu_01.png);

}/*按鈕1第一章圖*/

#top_but li.top_but01 a:hover {

	width:145px;

	background-image: url();

}/*按鈕1第二張圖*/

#top_but li.top_but02 a {

	width:96px;

	background-image: url(index_menu_02.png);

}/*按鈕2第一章圖*/

#top_but li.top_but02 a:hover {

	width:96px;

	background-image: url();

}/*按鈕2第二張圖*/

#top_but li.top_but03 a {

	width:96px;

	background-image: url(index_menu_03.png);

}/*按鈕3第一章圖*/

#top_but li.top_but03 a:hover {

	width:96px;

	background-image: url();

}/*按鈕3第二張圖*/

#top_but li.top_but04 a {

	width:113px;

	background-image: url(index_menu_04.png);

}/*按鈕4第一章圖*/

#top_but li.top_but04 a:hover {

	width:113px;

	background-image: url();

}/*按鈕4第二張圖*/

#top_but li.top_but05 a {

	width:126px;

	background-image: url(index_menu_05.png);

}/*按鈕4第一章圖*/

#top_but li.top_but05 a:hover {

	width:126px;

	background-image: url();

}/*按鈕4第二張圖*/
#top_but li.top_but06 a {

	width:96px;

	background-image: url(index_menu_06.png);

}/*按鈕4第一章圖*/

#top_but li.top_but06 a:hover {

	width:96px;

	background-image: url();

}/*按鈕4第二張圖*/
#top_but li.top_but07 a {

	width:113px;

	background-image: url(index_menu_07.png);

}/*按鈕4第一章圖*/

#top_but li.top_but07 a:hover {

	width:113px;

	background-image: url();

}/*按鈕4第二張圖*/
#top_but li.top_but08 a {

	width:89px;

	background-image: url(index_menu_08.png);

}/*按鈕4第一章圖*/

#top_but li.top_but08 a:hover {

	width:89px;

	background-image: url();

}/*按鈕4第二張圖*/