﻿@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(../images/e-Articles_1.jpg); background-repeat:no-repeat; width:1000px; height:auto; position:relative;}

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

#sider ol, ul {
	list-style:none;}
	
/* #sider li { display:block; width:181px; height:28px;} */

#sider li a{ display:block;	width:181px; height:28px; text-decoration: none;}
#sider li a span { visibility:hidden; }
/*
.sider_00{background:none;}
.sider_00 a{ color:#663333; text-align:right; background:none; background-color:#CCCCCC;}
.sider_00 a:hover{ color:#FF9900; background:none;}
*/
.sider_00 li{ font-size:12px;  background-image: url(../../img/manu_00.jpg); background-repeat:no-repeat; }
.sider_00 li a{color:#663333; text-align:right; background:none;}
.sider_00 li a:hover{ color:#FF9900; background:none;}

.sider_A1 a{ background-image:url(../images/e-articles_menu2_1.jpg);}
.sider_A1 a:hover{ background-image:url(../images/e-articles_menu_1.jpg);}

.sider_A2 a{ background-image:url(../images/e-articles_menu2_2.jpg);}
.sider_A2 a:hover{ background-image:url(../images/e-articles_menu_2.jpg);}

.sider_A3 a{ background-image:url(../images/e-articles_menu2_3.jpg);}
.sider_A3 a:hover{ background-image:url(../images/e-articles_menu_3.jpg);}

.sider_A4 a{ background-image:url(../images/e-articles_menu2_4.jpg);}
.sider_A4 a:hover{ background-image:url(../images/e-articles_menu_4.jpg);}


/*#container_Body{ display:block; background-image:url(../images/e-Articles_1.jpg); background-repeat:no-repeat; width:1000px; height:auto; position:relative;}

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

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

#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;}

#mainContent h2{ padding:26px 44px; font-size:18px; color:#FFFFFF; line-height:30px; display:block; width:auto; height:30px;}
#mainContent h3{ padding:12px 44px; font-size:18px; color:#996600; line-height:30px;}

#mainContent p{ color:#333333; font-size:13px; margin-left:20px; margin-right:20px; line-height:20px; padding-left:20px; margin-bottom:10px;}

/*#mainContent p{ clear:both; color:#333333; font-size:13px; padding-left:20px; margin:10px 20px; line-height:20px; display:block; width:620px; height:auto;}*/

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

#mainContent .Content_list{ background:url(../../img/paper_bg_1.jpg) top no-repeat; display:block; width:620px; height:auto; margin-left:60px; padding-top:60px;}
#mainContent .Content_list ul{font-size:14px; background:url(../../img/paper_bg_2.jpg) repeat-y; display:block; width:620px; height:auto;}
#mainContent .Content_list li{ background:url(../../img/paper_bg_4.jpg) top repeat-y; line-height:26px; display:block; width:520px; height:auto; margin-left:68px; padding-bottom:16px;}
#mainContent .Content_list li a{ color:#006666; text-decoration:none;}
#mainContent .Content_list li a:hover{ color:#993300;}
#mainContent .Con_list_floor{ background:url(../../img/paper_bg_7.jpg) bottom no-repeat; display:block; width:620px; height:40px;}

 
#mainContent .BIMG{ margin-left:60px;}
#mainContent .BIMG img{display:block; width:620px; height:auto;}
#mainContent .SIMG img{ display:block; width:202px; height:256px; float:right;/* padding-right:65px; */ margin:10px 10px; border:1px #003300 ridge;}



/*#mainContent .SIMG{ float:right; padding-right:105px;}
#mainContent .SIMG img{ padding:10px 12px;}
#mainContent .SIMG span{ font-size:13px; color:#993300; line-height:30px; text-indent:20px;}
*/
#mainContent .RIGHT_p{
	text-align: right;
}
#mainContent table{ font-size:13px; color:#333333; margin-left:40px; margin-bottom:10px;}
#mainContent td{padding:6px;}
#mainContent a{color:#006699;}
#mainContent a:hover{color:#FF9900;}


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

#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;}



