@charset "utf-8";
/* CSS Document */
#coffee_01{
	width:812px;
	height:auto;
	float:left;
	background-image:url(../images/coffee/coffee_05.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#coffee_01 .coffee_pic{width:426px; height:517px; padding:18px 0px 0px 24px; float:left;}
#coffee_01 .coffee_words{width:426px; height:155px;; float:left;}
#coffee_01 .coffee_ifr{width:426px; height:289px; float:left;}


#cof_but{width:426px; height:73px; float:left;}/*外層框*/
#cof_but ul{ list-style-type:none; margin:0px; padding:0px;}/*UL設定不要有列表項目符號，並且不要有間距*/
#cof_but li{float:left;}/*可橫向排列，直立式按鈕及不需要float標籤*/
#cof_but li a{width:34px; height:73px; display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#cof_but li.cof_but01 a{background-image: url(../images/coffee/but/coffee_11.jpg);}/*按鈕1第一章圖*/
#cof_but li.cof_but01 a:hover{background-image: url(../images/coffee/but/coffee_but_11.jpg);}/*按鈕1第二張圖*/
#cof_but li.cof_but02 a{background-image: url(../images/coffee/but/coffee_12.jpg);}/*按鈕2第一章圖*/
#cof_but li.cof_but02 a:hover{background-image: url(../images/coffee/but/coffee_but_12.jpg);}/*按鈕2第二張圖*/
#cof_but li.cof_but03 a{background-image: url(../images/coffee/but/coffee_13.jpg);}/*按鈕3第一章圖*/
#cof_but li.cof_but03 a:hover{background-image: url(../images/coffee/but/coffee_but_13.jpg);}/*按鈕3第二張圖*/
#cof_but li.cof_but04 a{background-image: url(../images/coffee/but/coffee_14.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but04 a:hover{background-image: url(../images/coffee/but/coffee_but_14.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but05 a{background-image: url(../images/coffee/but/coffee_15.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but05 a:hover{background-image: url(../images/coffee/but/coffee_but_15.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but06 a{background-image: url(../images/coffee/but/coffee_16.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but06 a:hover{background-image: url(../images/coffee/but/coffee_but_16.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but07 a{background-image: url(../images/coffee/but/coffee_17.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but07 a:hover{background-image: url(../images/coffee/but/coffee_but_17.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but08 a{background-image: url(../images/coffee/but/coffee_18.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but08 a:hover{background-image: url(../images/coffee/but/coffee_but_18.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but09 a{background-image: url(../images/coffee/but/coffee_19.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but09 a:hover{background-image: url(../images/coffee/but/coffee_but_19.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but10 a{background-image: url(../images/coffee/but/coffee_20.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but10 a:hover{background-image: url(../images/coffee/but/coffee_but_20.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but11 a{background-image: url(../images/coffee/but/coffee_21.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but11 a:hover{background-image: url(../images/coffee/but/coffee_but_21.jpg);}/*按鈕4第二張圖*/
#cof_but li.cof_but12 a{background-image: url(../images/coffee/but/coffee_22.jpg);}/*按鈕4第一章圖*/
#cof_but li.cof_but12 a:hover{background-image: url(../images/coffee/but/coffee_but_22.jpg);}/*按鈕4第二張圖*/