@charset "utf-8";

/* CSS Document */



body {

	margin-left: 0px;

	margin-top: 0px;

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

	background-position:top;

	background-position:50% 0%;

 }

.flo_le{ float:left;}

/**/

#box_01 {

	width:100%;

	height:auto;

	float:left;

	background-image:url(../bk/bk.jpg);

	background-position:top;

	background-repeat:no-repeat;

}

#box_center {

	width:1000px;

	height:auto;

	margin:0 auto;

	position:relative;

	background-position:left;

	background-repeat:repeat-y;

}

#index {

	width:1000px;

	height:580px;

	background-image:url(bg.jpg);

	position: relative;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#down_box {

float:left; background-image:url(../images/style/style2_05.jpg); width:958px; height:59px; padding:54px 21px 0px 21px;

}

/*#down_box a {

	color: #333333;

	text-decoration:none;

}

#down_box a:link {

	color: #333333;

}

#down_box a:visited {

	color: #333333;

}

#down_box a:hover {

	color: #666666;

}*/

.good_words{position:absolute; top:-600px;}

#index_top{

	float:left;

	background-image: url(../images/index/index_01.jpg);

	width:230px;

	height:55px;

	padding-left:770px;

	padding-top:5px;
	position: relative;

}

#index_swf{width:406px; height:711px; float:left;}

#index_right{width:72px; height:711px; float:left;}

#index_down{
	width:1000px;
	height:200px;
	float:left;
	background-image:url(../images/index/index_12.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:3px 0px 0px 30px;

}

#index_left{width:522px; height:711px; float:left;}

#index_left_infobox{

	width:419px;

	height:678px;

	padding-left:65px;

	float:left;

	background-image:url(../images/index/index_11.jpg);

	padding-right: 38px;

}

#index_left_infobox .ininfo01{

	width:419px;

	height:154px;

	float:left;

	margin-top: 14px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	background-image:url(../images/index/index_13.jpg);

	background-repeat:no-repeat;

}

#index_left_infobox .ininfo02{

width:419px; height:88px; float:left; padding-bottom:44px;}

#index_left_infobox .ininfo03{

width:191px; height:115px; padding:0px 34px 63px 3px; float:left;}

#index_left_infobox .ininfo04{

width:191px; height:115px; padding-bottom:63px; float:left;}

#index_left_infobox .ininfo05{

	width:156px;

	height:107px;

	float:left;

	padding-top: 0px;

	padding-right: 243px;

	padding-bottom: 9px;

	padding-left: 17px;

	overflow:hidden;

}

#index_left_infobox .ininfo06{

width:172px; height:25px; float:left; padding-left:10px;}





#index_but{width:522px; height:33px;; float:left;}/*外層框*/

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

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

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

#index_but li.index_but01 a{background-image: url(../images/index/but/index_03.jpg);}/*按鈕1第一章圖*/

#index_but li.index_but01 a:hover{background-image: url(../images/index/but/index_but_03.jpg);}/*按鈕1第二張圖*/

#index_but li.index_but02 a{background-image: url(../images/index/but/index_04.jpg);}/*按鈕2第一章圖*/

#index_but li.index_but02 a:hover{background-image: url(../images/index/but/index_but_04.jpg);}/*按鈕2第二張圖*/

#index_but li.index_but03 a{background-image: url(../images/index/but/index_05.jpg);}/*按鈕3第一章圖*/

#index_but li.index_but03 a:hover{background-image: url(../images/index/but/index_but_05.jpg);}/*按鈕3第二張圖*/

#index_but li.index_but04 a{background-image: url(../images/index/but/index_06.jpg);}/*按鈕4第一章圖*/

#index_but li.index_but04 a:hover{background-image: url(../images/index/but/index_but_06.jpg);}/*按鈕4第二張圖*/

#index_but li.index_but05 a{background-image: url(../images/index/but/index_07.jpg);}/*按鈕4第一章圖*/

#index_but li.index_but05 a:hover{background-image: url(../images/index/but/index_but_07.jpg);}/*按鈕4第二張圖*/



.good_words{position:absolute; top:-600px;}