@charset "utf-8";
/* CSS Document */
#title_box{
	width:1000px;
	height:89px;
	background-image: url(../images/view/view_02.jpg);
}
#title_box .title_name{
	width:250px;
	height:20px;
	padding:33px 0px 0px 260px;
}

#view_01{
	width:1000px;
	height:517px;
	background-image: url(../images/view/view_03.jpg);
}
#view_01 .view_box01{
	width:208px;
	height:512px;
	float:left;
	padding:0px 0px 0px 158px;
}
#view_01 .view_box02{
	width:450px;
	height:450px;
	float:left;
}

#view_but01{width:376px; height:33px;}
#view_but01 ul{list-style-type:none; margin:0px; padding:0px; float:left;}/*UL設定不要有列表項目符號，並且不要有間距*/
#view_but01 li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#view_but01 li a{height:33px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#view_but01 li.v_but01 a{width:95px; background-image: url(../images/viewilities/viewilities_04.jpg);}/*按鈕1第一章圖*/
#view_but01 li.v_but01 a:hover{background-image: url(../images/viewilities/viewilities_but_04.jpg);}/*按鈕1第二張圖*/
#view_but01 li.v_but02 a{width:98px; background-image: url(../images/viewilities/viewilities_05.jpg);}/*按鈕2第一章圖*/
#view_but01 li.v_but02 a:hover{background-image: url(../images/viewilities/viewilities_but_05.jpg);}/*按鈕2第二張圖*/
#view_but01 li.v_but03 a{width:100px; background-image: url(../images/viewilities/viewilities_06.jpg);}/*按鈕3第一章圖*/
#view_but01 li.v_but03 a:hover{background-image: url(../images/viewilities/viewilities_but_06.jpg);}/*按鈕3第二張圖*/

#view_but02{
	width:208px;
	height:322px;
}
#view_but02 ul{list-style-type:none; margin:0px; padding:0px;}/*UL設定不要有列表項目符號，並且不要有間距*/
#view_but02 li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#view_but02 li a{width:52px; height:51px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#view_but02 li.v2_but01 a{background-image: url(../images/view/but/view_05.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but01 a:hover{background-image: url(../images/view/but02/view_05.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but02 a{background-image: url(../images/view/but/view_05-02.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but02 a:hover{background-image: url(../images/view/but02/view_05-02.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but03 a{background-image: url(../images/view/but/view_05-03.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but03 a:hover{background-image: url(../images/view/but02/view_05-03.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but04 a{background-image: url(../images/view/but/view_05-04.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but04 a:hover{background-image: url(../images/view/but02/view_05-04.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but05 a{background-image: url(../images/view/but/view_05-05.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but05 a:hover{background-image: url(../images/view/but02/view_05-05.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but06 a{background-image: url(../images/view/but/view_05-06.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but06 a:hover{background-image: url(../images/view/but02/view_05-06.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but07 a{background-image: url(../images/view/but/view_05-07.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but07 a:hover{background-image: url(../images/view/but02/view_05-07.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but08 a{background-image: url(../images/view/but/view_05-08.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but08 a:hover{background-image: url(../images/view/but02/view_05-08.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but09 a{background-image: url(../images/view/but/view_05-09.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but09 a:hover{background-image: url(../images/view/but02/view_05-09.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but10 a{background-image: url(../images/view/but/view_05-10.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but10a:hover{background-image: url(../images/view/but02/view_05-10jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but11 a{background-image: url(../images/view/but/view_05-11.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but11 a:hover{background-image: url(../images/view/but02/view_05-11.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but12 a{background-image: url(../images/view/but/view_05-12.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but12 a:hover{background-image: url(../images/view/but02/view_05-12.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but13 a{background-image: url(../images/view/but/view_05-13.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but13 a:hover{background-image: url(../images/view/but02/view_05-13.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but14 a{background-image: url(../images/view/but/view_05-14.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but14 a:hover{background-image: url(../images/view/but02/view_05-14.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but15 a{background-image: url(../images/view/but/view_05-15.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but15 a:hover{background-image: url(../images/view/but02/view_05-15.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but16 a{background-image: url(../images/view/but/view_05-16.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but16 a:hover{background-image: url(../images/view/but02/view_05-16.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but17 a{background-image: url(../images/view/but/view_05-17.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but17 a:hover{background-image: url(../images/view/but02/view_05-17.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but18 a{background-image: url(../images/view/but/view_05-18.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but18 a:hover{background-image: url(../images/view/but02/view_05-18.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but19 a{background-image: url(../images/view/but/view_05-19.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but19 a:hover{background-image: url(../images/view/but02/view_05-19.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but20 a{background-image: url(../images/view/but/view_05-20.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but20 a:hover{background-image: url(../images/view/but02/view_05-20.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but21 a{background-image: url(../images/view/but/view_05-21.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but21 a:hover{background-image: url(../images/view/but02/view_05-21.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but22 a{background-image: url(../images/view/but/view_05-22.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but22 a:hover{background-image: url(../images/view/but02/view_05-22.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but23 a{background-image: url(../images/view/but/view_05-23.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but23 a:hover{background-image: url(../images/view/but02/view_05-23.jpg);}/*按鈕1第二張圖*/
#view_but02 li.v2_but24 a{background-image: url(../images/view/but/view_05-24.jpg);}/*按鈕1第一章圖*/
#view_but02 li.v2_but24 a:hover{background-image: url(../images/view/but02/view_05-24.jpg);}/*按鈕1第二張圖*/


#view_but03{width:317px; height:auto; float:left;}/*外層框*/
#view_but03 ul{list-style-type:none; margin:0px; padding:0px; float:left;}/*UL設定不要有列表項目符號，並且不要有間距*/
#view_but03 li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#view_but03 li a{width:35px; height:33px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#view_but03 li.v3_but01 a{background-image: url(../images/viewilities/viewilities_22.jpg);}/*按鈕1第一章圖*/
#view_but03 li.v3_but01 a:hover{background-image: url(../images/viewilities/viewilities_but_22.jpg);}/*按鈕1第二張圖*/
#view_but03 li.v3_but02 a{background-image: url(../images/viewilities/viewilities_23.jpg);}/*按鈕2第一章圖*/
#view_but03 li.v3_but02 a:hover{background-image: url(../images/viewilities/viewilities_but_23.jpg);}/*按鈕2第二張圖*/
#view_but03 li.v3_but03 a{background-image: url(../images/viewilities/viewilities_24.jpg);}/*按鈕3第一章圖*/
#view_but03 li.v3_but03 a:hover{background-image: url(../images/viewilities/viewilities_but_24.jpg);}/*按鈕3第二張圖*/
#view_but03 li.v3_but04 a{background-image: url(../images/viewilities/viewilities_25.jpg);}/*按鈕3第一章圖*/
#view_but03 li.v3_but04 a:hover{background-image: url(../images/viewilities/viewilities_but_25.jpg);}/*按鈕3第二張圖*/
#view_but03 li.v3_but05 a{background-image: url(../images/viewilities/viewilities_26.jpg);}/*按鈕1第一章圖*/
#view_but03 li.v3_but05 a:hover{background-image: url(../images/viewilities/viewilities_but_26.jpg);}/*按鈕1第二張圖*/
#view_but03 li.v3_but06 a{background-image: url(../images/viewilities/viewilities_27.jpg);}/*按鈕2第一章圖*/
#view_but03 li.v3_but06 a:hover{background-image: url(../images/viewilities/viewilities_but_27.jpg);}/*按鈕2第二張圖*/
#view_but03 li.v3_but07 a{background-image: url(../images/viewilities/viewilities_28.jpg);}/*按鈕3第一章圖*/
#view_but03 li.v3_but07 a:hover{background-image: url(../images/viewilities/viewilities_but_28.jpg);}/*按鈕3第二張圖*/
#view_but03 li.v3_but08 a{background-image: url(../images/viewilities/viewilities_29.jpg);}/*按鈕3第一章圖*/
#view_but03 li.v3_but08 a:hover{background-image: url(../images/viewilities/viewilities_but_29.jpg);}/*按鈕3第二張圖*/
#view_but03 li.v3_but09 a{background-image: url(../images/viewilities/viewilities_30.jpg);}/*按鈕3第一章圖*/
#view_but03 li.v3_but09 a:hover{background-image: url(../images/viewilities/viewilities_but_30.jpg);}/*按鈕3第二張圖*/


#view_but04{width:317px; float:left;}/*外層框*/
#view_but04 ul{list-style-type:none; margin:0px; padding:0px; float:left;}/*UL設定不要有列表項目符號，並且不要有間距*/
#view_but04 li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#view_but04 li a{width:81px; height:35px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#view_but04 li.v4_but01 a{background-image: url(../images/viewilities/viewilities_but_5_36.jpg);}/*按鈕1第一章圖*/
#view_but04 li.v4_but01 a:hover{background-image: url(../images/viewilities/viewilities_but2_5_36.jpg);}/*按鈕1第二張圖*/
#view_but04 li.v4_but02 a{background-image: url(../images/viewilities/viewilities_but_5_38.jpg);}/*按鈕2第一章圖*/
#view_but04 li.v4_but02 a:hover{background-image: url(../images/viewilities/viewilities_but2_5_38.jpg);}/*按鈕2第二張圖*/