@import url("reset.css");
@import url("all.css");
/* CSS Document */
body{
	background-image:url(../images/bg.gif);
}

/*----------欄位
-----------*/
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	margin:0 3px;
}

/*----------水平並排
----------*/
.LEFT{
	float:left;
}
.RIGHT{
	float:right;
}
/*----------容器
----------*/
#Container{
	width:952px;
	background-image:url(../images/con-bg.gif);
	background-repeat:repeat-y;
	margin:0 auto;
}
/*----------次選單
----------*/
#SubIcon{
	display:block;
	width:950px;
	height:20px;
	margin:0 auto;	
}
#SubIcon ul{
	float:right;
}
#SubIcon li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	text-decoration:none;
	line-height:22px;
	font-size:12px;
	display:block;
	margin:0 3px;
}
#SubIcon li a{
	font-family:Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	text-decoration:none;
	line-height:22px;
	font-size:12px;
	display:block;
	margin:0 1px;
}
#SubIcon li a:hover{
	color:#993300;
}

/*----------頁首
----------*/
#Header{
	width:952px;
	height:206px;
	background-image:url(../images/top-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
}

.FlashBanner{
	display:block;
	width:950px;
	height:182px;
	margin:0 auto;
	position:absolute;
	top:59px;
	left:1px;
	background-color:#fff;
}

/*----------內容
----------*/
#Content{
	width:950px;
	height:auto;
	margin:0 auto;
	margin-top:3px;
}



/*----------文字內容
----------*/
#Main{
	width:718px;
	height:auto;
	float:right;
	background-image:url(../images/mainicon-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
}
#Main a{ 
	text-decoration:none;
}

/*----------頁尾
----------*/
#Footer{
	width:952px;
	height:20px;
	background-image:url(../images/conbt-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:26px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#51648C;
	text-align:center;
}

/*----------主選單
----------*/
.MainMenu{
	display:block;
	width:692px;
	height:37px;
	float:right;
}
.MainMenu li{
	float:left;
}
.MainMenu li a{
	display:block;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:37px;
	text-align:center;
	color:#400000;
	text-decoration:none;
}
.MainMenu li a:hover{
	background-position:bottom;
}
.MainMenu li.IC01 a{
	background-image:url(../images/icon_01.jpg);
	width:68px;
}
.MainMenu li.IC02 a{
	background-image:url(../images/icon_02.jpg);
	width:68px;
}
.MainMenu li.IC03 a{
	background-image:url(../images/icon_03.jpg);
	width:68px;
}
.MainMenu li.IC04 a{
	background-image:url(../images/icon_04.jpg);
	width:68px;
}
.MainMenu li.IC05 a{
	background-image:url(../images/icon_05.jpg);
	width:68px;
}
.MainMenu li.IC06 a{
	background-image:url(../images/icon_06.jpg);
	width:68px;
}
.MainMenu li.IC07 a{
	background-image:url(../images/icon_07.jpg);
	width:68px;
}
.MainMenu li.IC08 a{
	background-image:url(../images/icon_08.jpg);
	width:78px;
}
.MainMenu li.IC09 a{
	background-image:url(../images/icon_09.jpg);
	width:68px;
}
.MainMenu li.IC10 a{
	background-image:url(../images/icon_10.jpg);
	width:58px;
}

/*----------側邊
----------*/
#Sider{
	width:232px;
	height:748px;
	float:left;
	background-image:url(../images/sider-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
}



/*#Sider .LoginedIcon{
	display:block;
	width:176px;
	height:20px;
	margin:5px 5px 3px 5px;
	padding:5px;
}
#Sider .LoginedIcon li{
	float:left;
}
#Sider .LoginedIcon li a{
	display:block;
	height:16px;
	margin:2px;
	text-decoration:none;
}
#Sider .LoginedIcon li a span{
	visibility:hidden;
}
#Sider .LoginedIcon li.LIC03 a{
	background-image:url(../images/icon-buy.gif);
	width:59px;
}
#Sider .LoginedIcon li.LIC03 a:hover{
	background-position:bottom;
}
#Sider .LoginedIcon li.LIC04 a{
	background-image:url(../images/icon-cart.gif);
	width:46px;
}
#Sider .LoginedIcon li.LIC04 a:hover{
	background-position:bottom;
}
#Sider .LoginedIcon li.LIC05 a{
	background-image:url(../images/icon-dona.gif);
	width:59px;
}
#Sider .LoginedIcon li.LIC05 a:hover{
	background-position:bottom;
}
#Sider .LoginedIcon li.LIC06 a{
	background-image:url(../images/icon-logout.gif);
	width:35px;
}
#Sider .LoginedIcon li.LIC06 a:hover{
	background-position:bottom;
}
#Sider .Login .Hello{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#385669;
	line-height:26px;
	text-align:center;
}*/

/*----------出版品
----------*/
.Publish{
	position:absolute;
	width:171px;
	height:244px;
	/*top:140px;*/
	top:340px;
	left:28px;
	background-image:url(../images/book-bg.gif);
	background-repeat:no-repeat;
	padding:32px 0 0 18px;
}
.PublishPic{
	display:block;
	width:150px;
	height:58px;
	border:1px solid #C1C1C1;
}
.PublishTitle a{
	display:block;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
	text-align:center;
	text-decoration:none;
	line-height:20px;
}
.PublishTitle a:hover{
	color:#085FA4;
}
/*----------線上影音
----------*/
.Vedio{
	position:absolute;
	left:35px;
	/*top:422px;*/
	top:20px;
	display:block;
	width:164px;
	height:165px;
	background-image:url(../images/vedio-bg.gif);
	background-repeat:no-repeat;
	padding:27px 0 0 12px;

}
.VedioPIC{
	display:block;
	height:150px;
	width:150px;
	border:1px #99BFDD solid;
}
/*----------功德芳名
----------*/
.Name{
	position:absolute;
	left:35px;
	top:626px;
	display:block;
	width:166px;
	height:66px;
	background-image:url(../images/name-bg.gif);
	padding-top:30px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	cursor:pointer;
}


/*----------內部搜尋
----------*/
.Search{
	position:absolute;
	top:50px;
	left:13px;
	display:block;
	width:508px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#454545;
	line-height:22px;
	font-size:12px;
	text-align:right;
}
.Search .GG{
	display:block;
	width:49px;
	height:19px;
	background-image:url(http://www.ddm.org.tw/ddm/top/image/top_google.gif);
	margin:2px 4px 1px 4px;
	float:RIGHT;
}
/*----------跑馬燈
----------*/
.MQ{
	position:absolute;
	top:80px;
	left:13px;
	width:474px;
	height:21px;
	display:block;
	background-image:url(../images/mar-bg.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding:2px 16px;
	line-height:21px;
}
/*----------最新消息
----------*/
.News{
	position:absolute;
	top:116px;
	left:13px;
	/*position:relative;*/
	width:463px;
	height:172px;
	background-image:url(../images/news-bg.gif);
	background-repeat:no-repeat;
	padding:50px 25px 0 21px;
}
.News li{
	display:block;
	width:463px;
	height:26px;
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:4px 0;
}
.News li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	color:#565656;
	text-decoration:none;
}
.News li a:hover{
	color:#B83D20;
}
.NewsDate{}
.NewsCate{
	color:#354764;
}
.NewsMore{
	text-decoration:none;
	position:absolute;
	top:20px;
	right:20px;
}
.NewsMore a{
	/*display:block;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
}
.NewsMore a:hover{
	text-decoration:underline;
}

/*----------活動報名
----------*/
.Sign{
	position:absolute;
	top:348px;
	left:13px;
	/*position:relative;*/
	width:463px;
	height:172px;
	background-image:url(../images/sign-bg.gif);
	background-repeat:no-repeat;
	padding:50px 25px 0 21px;
}
.Sign li{
	display:block;
	width:463px;
	height:26px;
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:4px 0;
}
.Sign li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	color:#565656;
	text-decoration:none;
}
.Sign li a:hover{
	color:#B83D20;
}
.SignDate{}
.SignCate{
	color:#354764;
}
.SignMore{
	text-decoration:none;
	position:absolute;
	top:20px;
	right:20px;
}
.SignMore a{
	/*display:block;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
}
.SignMore a:hover{
	text-decoration:underline;
}

/*----------行事曆
----------*/
.Calendar{
	width:178px;
	height:130px;
	display:block;
	position:absolute;
	top:46px;
	left:530px;
	background-image:url(../images/cal-bg.gif);
	background-repeat:no-repeat;
	padding-top:22px;
	cursor:pointer;
}
.CalendarMon{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	font-size:12px;
	line-height:22px;
	font-weight:bolder;
	display:block;
	text-align:center;
}
.CalendarMon a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	font-size:12px;
	line-height:22px;
	font-weight:bolder;
	display:block;
	text-align:center;
}
.CalendarMon a:hover{
	text-decoration:none;
}
.CalendarTB{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#27618D;
	font-weight:bolder;
}
.CalendarTB td{
	width:24px;
}
.CalendarTB a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#27618D;
	font-weight:bolder;
	text-decoration:none;
	display:block;
}
.CalendarTB a:hover{
	background-color:#BCC0C9;
	display:block;
}
.HL_01{
	color:#D50000;
}
.HL_02{
	color:#656565;
}

/*----------線上捐款&義賣興學banner
----------*/
.RightBanner{
	display:block;
	width:180px;
	height:142px;
	position:absolute;
	top:202px;
	left:530px;
}
.RightBanner li a{
	display:block;
	width:176px;
	height:66px;
	text-decoration:none;
	margin:3px auto;
}
.RightBanner li a span{
	visibility:hidden;
}
.RightBanner li.BN01{
}
.RightBanner li.BN01 a{
	background-image:url(../images/ban01.gif);
}
.RightBanner li.BN01 a:hover{
	background-position:bottom;
}
.RightBanner li.BN02{
}
.RightBanner li.BN02 a{
	background-image:url(../images/ban02.gif);
}
.RightBanner li.BN02 a:hover{
	background-position:bottom;
}

/*----------右方廣告ADBanner
----------*/
.ADBanner{
	display:block;
	width:180px;
	height:auto;
	padding-top:318px;
	padding-right:8px;
	float:right;
}
.ADBanner li{
	display:block;
	width:180px;
	height:auto;
	margin-bottom:5px;	
}
.ADBanner li a{
}
/*----------活動花絮
----------*/
.Act{
	width:493px;
	height:260px;
	display:block;
	align:center;
	background-image:url(../images/act-bg.gif);
	position:absolute;
	top:580px;
	left:13px;
	padding:35px 0 0 16px;
}
.ActTa{
	float:left;
	margin-bottom:4px;
	display:block;
}
.ActTitle a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	width:150px;
	font-size:12px;
	color:#666;
	line-height:16px;
	margin:1px 1px 1px 5px;
}
.ActTitle a:hover{
	color:#993333;
}
.ActPic{
	display:block;
	width:auto;
	height:58px;
	width:87px;
	float:left;
	margin:1px 1px 1px 5px;
}

/*----------網站介紹
----------*/
.Web{
	width:509px;
	height:auto;
	float:left; 
	padding-left:13px;
	padding-top:850px;
}
.Web_Main_top{
	display:block;
	width:509px;
	height:28px;
	background-image:url(../images/web_bg01.gif)
}
.Web_Main_top a{
	padding-left:452px;
	vertical-align:bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
}

.Web_Main_body{
	display:block;
	width:495px;
	height:auto;
	padding:6px 0 6px 14px;
	background-image:url(../images/web_bg02.gif);
	background-repeat:repeat-y;
}
.Web_Main_bottom{
	display:block;
	width:509px;
	height:17px;
	background-image:url(../images/web_bg03.gif);
}
.WebPic a{
	display:block;
	width:150px;
	height:58px;
	float:left;
	margin:1px 5px 3px 5px;
	border:solid #C0C0C0 1px;
}
.WebPic a:hover{
/*	border:solid #669900 1px;*/
}