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

/*li式的圖片調換按鈕，可橫向排列*/
#top_but {
	width:476px;
	height:31px;
	float:left;
}/*外層框*/
#top_but ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#top_but li {
	float:left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#top_but li a {
	width:78px;
	height:31px;
	display:block;
	text-indent:-3000px;
	font-size:1px;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#top_but li.top_but01 a {
	background-image: url(../img/index/index_menu_01.jpg);
}/*按鈕1第一章圖*/
#top_but li.top_but01 a:hover {
	background-image: url(../img/index/index_menu_01-.jpg);
}/*按鈕1第二張圖*/
#top_but li.top_but02 a {
	background-image: url(../img/index/index_menu_02.jpg);
}/*按鈕2第一章圖*/
#top_but li.top_but02 a:hover {
	background-image: url(../img/index/index_menu_02-.jpg);
}/*按鈕2第二張圖*/
#top_but li.top_but03 a {
	background-image: url(../img/index/index_menu_03.jpg);
}/*按鈕3第一章圖*/
#top_but li.top_but03 a:hover {
	background-image: url(../img/index/index_menu_03-.jpg);
}/*按鈕3第二張圖*/
#top_but li.top_but04 a {
	background-image: url(../img/index/index_menu_04.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but04 a:hover {
	background-image: url(../img/index/index_menu_04-.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but05 a {
	background-image: url(../img/index/index_menu_05.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but05 a:hover {
	background-image: url(../img/index/index_menu_05-.jpg);
}/*按鈕4第二張圖*/
#top_but li.top_but06 a {
	background-image: url(../img/index/index_menu_06.jpg);
}/*按鈕4第一章圖*/
#top_but li.top_but06 a:hover {
	background-image: url(../img/index/index_menu_06-.jpg);
}/*按鈕4第二張圖*/

/*li式的圖片調換按鈕，可橫向排列////////////////////////////////////////////////////////////////////////////////*/
#left_but {
	width:152px;
	height:625px;
	padding:10px 0px 0px 35px;
	float:left;
	background-image: url(../img/templants/templants_left_menu_bg.jpg)
}/*外層框*/
#left_but ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#left_but li {
	float:left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#left_but li a {
	width:123px;
	height:48px;
	display:block;
	text-indent:-3000px;
	font-size:1px;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#left_but li.top_but01 a {
	background-image: url(../img/templants/templants_left_menu01.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but01 a:hover {
	background-image: url(../img/templants/templants_left_menu01-.jpg);
}/*按鈕1第二張圖*/
#left_but li.top_but02 a {
	background-image: url(../img/templants/templants_left_menu02.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but02 a:hover {
	background-image: url(../img/templants/templants_left_menu02-.jpg);
}/*按鈕2第二張圖*/
#left_but li.top_but03 a {
	background-image: url(../img/templants/templants_left_menu03.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but03 a:hover {
	background-image: url(../img/templants/templants_left_menu03-.jpg);
}/*按鈕3第二張圖*/
#left_but li.top_but04 a {
	background-image: url(../img/templants/templants_left_menu04.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but04 a:hover {
	background-image: url(../img/templants/templants_left_menu04-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but05 a {
	background-image: url(../img/templants/templants_left_menu05.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but05 a:hover {
	background-image: url(../img/templants/templants_left_menu05-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but06 a {
	background-image: url(../img/templants/templants_left_menu06.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but06 a:hover {
	background-image: url(../img/templants/templants_left_menu06-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but07 a {
	background-image: url(../img/templants/templants_left_menu07.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but07 a:hover {
	background-image: url(../img/templants/templants_left_menu07-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but08 a {
	background-image: url(../img/templants/templants_left_menu08.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but08 a:hover {
	background-image: url(../img/templants/templants_left_menu08-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but09 a {
	background-image: url(../img/templants/templants_left_menu09.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but09 a:hover {
	background-image: url(../img/templants/templants_left_menu09-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but10 a {
	background-image: url(../img/templants/templants_left_menu10.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but10 a:hover {
	background-image: url(../img/templants/templants_left_menu10-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but11 a {
	background-image: url(../img/templants/templants_left_menu11.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but11 a:hover {
	background-image: url(../img/templants/templants_left_menu11-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but12 a {
	background-image: url(../img/templants/templants_left_menu12.jpg);
}/*按鈕1第一章圖*/
#left_but li.top_but12 a:hover {
	background-image: url(../img/templants/templants_left_menu12-.jpg);
}/*按鈕4第二張圖*/
#left_but li.top_but13 a {
	background-image: url(../img/templants/templants_left_menu13.jpg);
	background-repeat: no-repeat;
}/*按鈕1第一章圖*/
#left_but li.top_but13 a:hover {
	background-image: url(../img/templants/templants_left_menu13-.jpg);
	background-repeat: no-repeat;
}/*按鈕4第二張圖*


/*li式的圖片調換按鈕，可橫向排列////////////////////////////////////////////////////////////////////////////////*/

#spa_top_menu {
	width:478px;
	height:44px;
	float: left;
}/*外層框*/
#spa_top_menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}/*UL設定不要有列表項目符號，並且不要有間距*/
#spa_top_menu li {
	float:left;
}/*可橫向排列，直立式按鈕及不需要float標籤*/
#spa_top_menu li a {
	width:79px;
	height:44px;
	display:block;
	text-indent:-3000px;
	font-size:1px;
}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#spa_top_menu li.top_but01 a {
	background-image: url(../img/spa/spa01_menu01.jpg);
}/*按鈕1第一章圖*/
#spa_top_menu li.top_but01 a:hover {
	background-image: url(../img/spa/spa01_menu01-.jpg);
}/*按鈕1第二張圖*/
#spa_top_menu li.top_but02 a {
	background-image: url(../img/spa/spa01_menu02.jpg);
}/*按鈕2第一章圖*/
#spa_top_menu li.top_but02 a:hover {
	background-image: url(../img/spa/spa01_menu02-.jpg);
}/*按鈕2第二張圖*/
#spa_top_menu li.top_but03 a {
	background-image: url(../img/spa/spa01_menu03.jpg);
}/*按鈕3第一章圖*/
#spa_top_menu li.top_but03 a:hover {
	background-image: url(../img/spa/spa01_menu03-.jpg);
}/*按鈕3第二張圖*/
#spa_top_menu li.top_but04 a {
	background-image: url(../img/spa/spa01_menu04.jpg);
}/*按鈕4第一章圖*/
#spa_top_menu li.top_but04 a:hover {
	background-image: url(../img/spa/spa01_menu04-.jpg);
}/*按鈕4第二張圖*/
#spa_top_menu li.top_but05 a {
	background-image: url(../img/spa/spa01_menu05.jpg);
}/*按鈕4第一章圖*/
#spa_top_menu li.top_but05 a:hover {
	background-image: url(../img/spa/spa01_menu05-.jpg);
}/*按鈕4第二張圖*/
#spa_top_menu li.top_but06 a {
	background-image: url(../img/spa/spa01_menu06.jpg);
}/*按鈕4第一章圖*/
#spa_top_menu li.top_but06 a:hover {
	background-image: url(../img/spa/spa01_menu06-.jpg);
}/*按鈕4第二張圖*/