@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-image:url(../img/0512_2.jpg); background-repeat:repeat-x;
}
#container { 
	width: 1000px;  /* 使用比完整少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
/*	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	background-image:url(../img/0512_2.jpg); background-repeat:repeat-x;
} 
/* ============================================== */
#header{/* background-image:url(../img/0512_1.jpg); background-repeat:no-repeat; */ display:block; width:1000px; height:192px; position:relative;}

#header h1{/* text-indent:-9999px;*/}
#header p{ font-size:13px; color:#510000;}
#header .Flash_menu{ position:absolute; top:0; left:0;}
/* ============================================== */


/* ====================== 左側選單 ======================== */
#container_Body{ display:block; background-image:url(../img/manu_bg2.jpg); background-repeat:no-repeat; width:1000px; height:auto;}

#sider{ display:block; width:191px; height:auto; padding-top:123px; padding-left:32px; float:left; background-image:url(../img/manu_bg2.jpg); background-repeat:no-repeat;}

#sider ol, ul {
	list-style:none;}

#sider li a{ display:block;	width:181px; height:28px; text-decoration: none;}
#sider li a span { visibility:hidden; }

.sider_A1 a{ background-image:url(../img/events_manu_0_1.jpg);}
.sider_A1 a:hover{ background-image:url(../img/events_manu_1_1.jpg);}

.sider_A2 a{ background-image:url(../img/events_manu_0_2.jpg);}
.sider_A2 a:hover{ background-image:url(../img/events_manu_1_2.jpg);}

.sider_A3 a{ background-image:url(../img/events_manu_0_3.jpg);}
.sider_A3 a:hover{ background-image:url(../img/events_manu_1_3.jpg);}

.sider_A4 a{ background-image:url(../img/events_manu_0_4.jpg);}
.sider_A4 a:hover{ background-image:url(../img/events_manu_1_4.jpg);}

.sider_A5 a{ background-image:url(../img/events_manu_0_6.jpg);}
.sider_A5 a:hover{ background-image:url(../img/events_manu_1_6.jpg);}

.sider_A6 a{ background-image:url(../img/events_manu_0_5.jpg);}
.sider_A6 a:hover{ background-image:url(../img/events_manu_1_5.jpg);}

.sider_A7 a{ background-image:url(../img/events_manu_0_7.jpg);}
.sider_A7 a:hover{ background-image:url(../img/events_manu_1_7.jpg);}

.sider_A8 a{ background-image:url(../img/events_manu_0_8.jpg);}
.sider_A8 a:hover{ background-image:url(../img/events_manu_1_8.jpg);}

.sider_A9 a{ background-image:url(../img/events_manu_0_9.jpg);}
.sider_A9 a:hover{ background-image:url(../img/events_manu_1_9.jpg);}



/*
#sider li{ background-image: url(../img/manu_00.jpg); background-repeat:no-repeat;}
#sider li a{
	display:block;
	width:181px;
	height:28px;
	text-decoration: none;
	font-size: 15px;
	color: #4A3200;
	text-align: right;
	line-height:28px;
	font-weight: bold;
}
#sider li a:hover{ color:#C27700;}

*/

/* ======================================================================= */
.Content_menu{ padding-left:600px;} 
.Content_menu li{ float:left;}
.Content_menu li a{text-decoration: none;}
.Content_menu li a span { visibility:hidden; }

.menu_A1 a{  display:block; width:92px; height:33px; background-image:url(../img/0512_6.jpg);}
.menu_A1 a:hover{ background-image:url(../img/0512_1_6.jpg);}

.menu_A2 a{  display:block; width:92px; height:33px; background-image:url(../img/0512_7.jpg);}
.menu_A2 a:hover{ background-image:url(../img/0512_1_7.jpg);}

.menu_A3 a{  display:block; width:80px; height:33px; background-image:url(../img/0512_8.jpg);}
.menu_A3 a:hover{ background-image:url(../img/0512_1_8.jpg);}

.menu_A4 a{  display:block; width:78px; height:33px; background-image:url(../img/0512_9.jpg);}
.menu_A4 a:hover{ background-image:url(../img/0512_1_9.jpg);}

/* ======================================================================= */

.Flash_IMG{ position:absolute; top:63px; right:37px;}


/* ======================================================================= */
#mainContent{ display:block; width:772px; height:auto; background-image:url(../img/events_bg.jpg); background-repeat:no-repeat; float:right; margin-top:30px; position:relative;}

#mainContent h2{ padding:26px 44px; font-size:18px; color:#FFFFFF; line-height:30px;}

#mainContent ol{ font-size:13px; color:#333333; padding-left:20px;}

#mainContent p{ color:#333333; font-size:13px; padding-left:20px; margin:10px 20px; line-height:165%; background-image:url(../img/sicon_01_3.jpg); background-repeat:no-repeat; display:block; width:400px; height:auto;}

#mainContent .LoadIMG{ display:block; width:159px; height:29px;/* padding:20px 60px; */ margin:20px 60px;}

/*#mainContent .SIMG{ display:block; background-image:url(../img/events_img_bg_3.jpg);background-repeat:no-repeat; width:271px; height:213px; position:absolute; top:100px; right:120px;}
#mainContent .SIMG img{ padding:10px 12px;}
#mainContent .SIMG span{ font-size:13px; color:#993300; line-height:30px; text-indent:20px;}

#mainContent table{ font-size:13px; color:#333333; margin-left:30px; }
*/
#mainContent .SIMG{ display:block; width:271px; height:213px; background-image:url(../img/events_img_bg_3.jpg);background-repeat:no-repeat; position:absolute;  top:60px; right:38px;/* float:right; margin-right:120px;*/}
#mainContent .SIMG img{ padding:10px 12px; width:246px; height:184px; }
#mainContent .SIMG span{font-size:13px; color:#993300; line-height:30px; text-indent:20px;}

#mainContent table{ font-size:13px; color:#333333; margin-left:4px; width:480px;}


/* ======================================================================= */

#floor{ display:block; background-image:url(../img/floor_bg.jpg); width:1000px; height:61px; margin-top:20px; position:relative;}
#floor p{ font-size:11px; color:#3F0000; margin-left:30px; line-height:26px;}

#floor p a{color:#3F0000;}
#floor p a:hover{ color:#990000;}

.INPUT{ position:absolute; top:6px; right:30px;}