@charset "utf-8";
/* CSS Document */
#cent_box{width:1000px; height:auto; background-image: url(../bk/long.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:912px; float:left; background-image: url(../images/map/map_06.jpg);}
#tbox_01 .inbox01{width:640px; height:479px; padding:28px 0px 15px 16px; float:left;}
#tbox_01 .inbox02{width:163px; height:494px; padding-top:28px; float:left;}
#tbox_01 .inbox03{width:811px; height:390px; padding-left:8px; float:left;}
#tbox_01 .inbox04{ border-bottom:#FFF 1px dashed; padding:8px 0px;}
#tbox_01 .inbox05{border: #036 1px solid; padding:6px; background-color:#FFF;}
#tbox_01 .inbox06{border-top: #036 1px solid; border-right: #036 1px solid; border-bottom: #036 1px solid; padding:6px; background-color:#FFF;}

#plan_01{width:819px; height:493px; float:left; background-image:url(../images/about/plan_06.jpg);}
#plan_01 .inbox01{width:468px; height:493px; float:left;}
#plan_01 .inbox02{width:336px; height:442px; float:left; padding:51px 15px 0px 0px;}
#plan_01 .inbox03{width:210px; height:150px; float:left;}
#plan_01 .inbox04{width:324px; height:517px; float:left;}

#story_01{width:819px; height:493px; float:left; background-image:url(../images/about/story_06.jpg);}
#story_01 .inbox01{width:310px; height:426px; float:left; padding: 20px 20px 47px 20px;}
#story_01 .inbox02{width:469px; height:493px; float:left;}
#story_01 .inbox03{width:210px; height:150px; float:left;}
#story_01 .inbox04{width:324px; height:517px; float:left;}

#map_but{width:163px; height:494px; padding-top:28px; float:left;}/*外層框*/
#map_but ul{list-style-type:none; margin:0px; padding:0px;}/*UL設定不要有列表項目符號，並且不要有間距*/
#map_but li{}/*可橫向排列，直立式按鈕及不需要float標籤*/
#map_but li a{display:block; text-indent:-3000px; font-size:1px;}/*li內容有做連結時的設定，設定與圖片長寬相同並隱藏文字*/
#map_but li.map_but01 a{width:163px; height:51px; background-image: url(../images/map/map_10.jpg);}/*按鈕1第一章圖*/
#map_but li.map_but01 a:hover{background-image: url(../images/map/map_but_10.jpg);}/*按鈕1第二張圖*/
#map_but li.map_but02 a{width:163px; height:48px; background-image: url(../images/map/map_11.jpg);}/*按鈕2第一章圖*/
#map_but li.map_but02 a:hover{background-image: url(../images/map/map_but_11.jpg);}/*按鈕2第二張圖*/
#map_but li.map_but03 a{width:163px; height:48px; background-image: url(../images/map/map_12.jpg);}/*按鈕3第一章圖*/
#map_but li.map_but03 a:hover{background-image: url(../images/map/map_but_12.jpg);}/*按鈕3第二張圖*/
#map_but li.map_but04 a{width:163px; height:48px; background-image: url(../images/map/map_13.jpg);}/*按鈕4第一章圖*/
#map_but li.map_but04 a:hover{background-image: url(../images/map/map_but_13.jpg);}/*按鈕4第二張圖*/