@charset "utf-8";

/* CSS Document */

#cent_box{

	width:1000px;

	height:auto;

	background-image:url(../images/album/album_02.jpg);

	background-position:left bottom;

	background-repeat:no-repeat;

	float:left;

}

#cent_box .styleftbox{width:181px; height:568px; float:left;}

#cent_box .styrightbox{width:819px; height:auto; background-image:url(../images/style/style-4_03.jpg); background-repeat:no-repeat; float:left;}



#title_box{width:159px; height:75px; float:left;}

#title_box .title_pic{width:159px; height:46px;}

#title_box .title_name{width:150px; height:24px; padding:5px 0px 0px 9px;}



#tbox_01{

	width:819px;

	height:712px;

	float:left;

	background-image:url(../images/album/album_bk.jpg);

}

#tbox_01 .inbox01{

	width:174px;

	height:159px;

	float:left;

	background-image: url(../images/album/album_bk.png);

	padding: 0px 28px 10px 0px;

	background-repeat: no-repeat;

}

#tbox_01 .inbox01_2{

	width:174px;

	height:159px;

	float:left;

	background-image: url(../images/album/album_debk.png);

	padding: 0px 28px 10px 0px;

	background-repeat: no-repeat;

}

#tbox_01 .inbox02{

	width:160px;

	height:106px;

	padding:5px 8px 22px 6px;

}

#tbox_01 .inbox03{

	width:160px;

	height:20px;

	padding: 0px 8px 0px 6px;

}

#tbox_01 .inbox04{width:324px; height:517px; float:left;}

.clickpic{width:819px; height:69px; float:left;}

#clickpic02{

	width:636px;

	height:39px;

	float:left;

	background-image: url(../images/album/album_detail_05.jpg);

	padding-left: 183px;

	padding-top: 30px;

}

.picbox{width:810px; height:auto; padding-left:9px; float:left;}

.buttenbox{width:819px; float:left;}



.box_01 {

	float:left;

	width:805px;

	margin:0 auto;

	height:auto;

	background-image:url(../images/album/album_04.jpg);

}

.box_02 {

	float:left;

	width:805px;

	margin:0 auto;

	height:auto;

	background-image: url(../images/album/album_detail_04.jpg);

}

A:link.album_url {

	color: #ffffff;

	TEXT-DECORATION: none;

}

/*這是沒按過的顏色指令。*/

A:active.album_url {

	color: #red;

	TEXT-DECORATION: none;

}

/*這是活動的顏色指令，平常根本看不出來。*/

A:visited.album_url {

	color: #ffffff;

	TEXT-DECORATION: none;

}

/*這是按過之後的顏色指令。*/

A:hover.album_url {

	COLOR: red;

	TEXT-DECORATION: underline;

}

/*這是被滑鼠碰到的顏色指令。*/



#album .txt_color1 {

	color:#333333;

}

#album .txt_color2 {

	color:#990000;

}

#album .txt_color3 {

	color:#FFFFFF;

	font-family:"新細明體", Arial, Helvetica, sans-serif;

	font-size:13px;

}

.album_bg_02 {

	float:left;

	width:747px;

	padding-left:0px;

	height:auto;

}

.album_tb_01 {

	float:left;

	width:805px;

	height:	369px;

	padding:0px 147px 0px 48px;

}

.album_down {

	float:left;

	height:103px;

	width:724px;

}

.album_photo_1 {

	float:left;

	margin:2px 26px 22px 0px;

	padding-top:7px;

	padding-left:7px;

	padding-right:0px;

	font-size:13px;

	color:#313131;

	width:168px;

	height:153px;

	background-image:url(../img_album/bk01.jpg);

}

.album_photo_txt {

	float:left;

	padding-top:18px;

	padding-left:2px;

	font-size:13px;

	color:#313131;

	width:160px;

	height:25px;

	TEXT-DECORATION: none;

}

.album_photo_txt2 {

	float:left;

	margin:0px;

	padding-top:32px;

	width:150px;

	height:21px;

}

.album_photo_txt3 {

	float:left;

	margin:3px;

	padding-top:27px;

	font-size:13px;

	color:#ffffff;

	width:440px;

	height:50px;

}

.album_photo_1_1 {

	float:left;

	margin:2px 26px 22px 0px;

	padding-top:7px;

	padding-left:7px;

	padding-right:0px;

	font-size:13px;

	color:#313131;

	width:168px;

	height:153px;

	background-image: url(../img_album/bk02.jpg);

}

.album_photo_1_2 {

	float:left;

	margin-top:10px;

	margin-left:55px;

	margin-bottom:10px;

	padding-top:18px;

	padding-left:7px;

	padding-right:8px;

	font-size:13px;

	color:#CCCCCC;

	width:471px;

	height:auto;

	background-image: url(../img_album/album_photo_1_2.jpg);

}

.album_photo_button1 {

	float:left;

	width:800px;

	height:32px;

}

.album_photo_button1_1 {

	float:left;

	width:800px;

	height:32px;

	padding-top: 10px;

}





#top_but{width:660px; height:75px; float:left;}/*外層框*/

#top_but ul{list-style-type:none; margin:0px; padding:0px;}/*UL設定不要有列表項目符號，並且不要有間距*/

#top_but li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/

#top_but li a{display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/

#top_but li.top_but01 a{width:91px; height:46px; background-image: url(../images/about/about_04.jpg);}/*按鈕1第一章圖*/

#top_but li.top_but01 a:hover{background-image: url(../images/about/about_but_04.jpg);}/*按鈕1第二張圖*/

#top_but li.top_but02 a{width:91px; height:46px; background-image: url(../images/about/about_05.jpg);}/*按鈕2第一章圖*/

#top_but li.top_but02 a:hover{background-image: url(../images/about/about_but_05.jpg);}/*按鈕2第二張圖*/

#top_but li.top_but03 a{width:91px; height:46px; background-image: url(../images/about/about_06.jpg);}/*按鈕3第一章圖*/

#top_but li.top_but03 a:hover{background-image: url(../images/about/about_but_06.jpg);}/*按鈕3第二張圖*/

#top_but li.top_but04 a{width:212px; height:36px; background-image: url(../images/index/index_10.jpg);}/*按鈕4第一章圖*/

#top_but li.top_but04 a:hover{background-image: url(../images/index/index_but_10.jpg);}/*按鈕4第二張圖*/

#top_but li.top_but05 a{width:185px; height:36px; background-image: url(../images/index/index_11.jpg);}/*按鈕4第一章圖*/

#top_but li.top_but05 a:hover{background-image: url(../images/index/index_but_11.jpg);}/*按鈕4第二張圖*/

#top_but li.top_but06 a{width:258px; height:36px; background-image: url(../images/index/index_13.jpg);}/*按鈕4第一章圖*/

#top_but li.top_but06 a:hover{background-image: url(../images/index/index_but_13.jpg);}/*按鈕4第二張圖*/

#top_but li.top_but07 a{width:285px; height:36px; background-image: url(../images/index/index_15.jpg);}/*按鈕4第一章圖*/

#top_but li.top_but07 a:hover{background-image: url(../images/index/index_but_15.jpg);}/*按鈕4第二張圖*/

#top_but li.top_but08 a{background-image: url(../images/style/style_10.jpg);}/*按鈕4第一章圖*/

#top_but li.top_but08 a:hover{background-image: url(../images/style/style_but_10.jpg);}/*按鈕4第二張圖*/

#top_but li.top_but09 a{background-image: url(../images/style/but/style_07-10.jpg)}/*按鈕4第一章圖*/

#top_but li.top_but09 a:hover{background-image: url(../images/style/but/style_but_07-09.jpg)}/*按鈕4第二張圖*/

#top_but li.top_but10 a{background-image: url(../images/style/but/style_07-11.jpg)}/*按鈕4第一章圖*/

#top_but li.top_but10 a:hover{background-image: url(../images/style/but/style_but_07-10.jpg)}/*按鈕4第二張圖*/

#top_but li.top_but11 a{background-image: url(../images/style/but/style_07-12.jpg)}/*按鈕4第一章圖*/

#top_but li.top_but11 a:hover{background-image: url(../images/style/but/style_but_07-11.jpg)}/*按鈕4第二張圖*/