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



body {
	background-image: url(../../images/homepage/rmhc_r1_c1.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.cdfa{
	font-size:11px;
	color:#E9E0C1;
		text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;


	
	}


.cdf{
display:block;
	font-size:11px;
	color:#E9E0C1;
	line-height:28px;
	text-decoration: none;
	padding-left:0px;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 0

	
	}

.rrrrrrr {
	display:block;
	font-size:11px;
	color:#E9E0C1;
	line-height:28px;
	text-decoration: none;
	padding-left:0px;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 0
}






#WRAPPER {
	width:1000px;
	position:relative;
	margin:auto;
}
#MENU {
	position:absolute;
	top:O;
	left:1px;
	z-index:100;
}
#TOP{
	width:952px;
	height:270px;
	background-image:url(../../images/homepage/rmhc_r2_c2.jpg);
	background-repeat:no-repeat;
	top:197px;
	left:25px;
	position:absolute;
}

/*最新消息*/
#NEWS {
	top:467px;
	left:25px;
	background-color:#981A01;
	height:61px;
	position:absolute;
	width: 952px;}
#NEWS  ul{
	float:left;
	width:400px;
	margin-top:5px;
	margin-left:50px;
}
#NEWS  li{ list-style-image:url(../../images/homepage/tit2.gif);}
#NEWS  li a{ }
#NEWS  li a:hover{ list-style-image:url(../../images/homepage/tit2.gif);}

/*內容區__志工招募*/

#CONTENT1 {
	width:190px;
	height:269px;
	top:528px;
	left:596px;
	position:absolute;
	background-color:#FFFFFF;
}

#CONTENT1 h1 {
	display:block;
	width:190px;
	height:36px;
	background-image: url(../../images/homepage/rmhc_r4_c4.jpg);
	text-indent:-9999px;
	position:absolute;
}


#CONTENT1 h2 {}

#CONTENT1 h2 ul {}

#CONTENT1 h2 li {}

#CONTENT1 h2 li a {
	display:block;
	width:190px;
	height:129px;
	background-image: url(../../images/homepage/rmhc_r5_c4.jpg);
	text-indent:-9999px;
	position:absolute;
	margin-top:36px;
	left: 0px;
}

#CONTENT1 h2 li a:hover {
background-position:bottom left;	
	
}

#CONTENT1 h3 {
	display:block;
	width:153px;
	height:75px;
	background-image: url(../../images/homepage/rmhc_r6_c2.jpg);
	position:absolute;
	margin-top:139px;
	padding:17px  18px  13px  19px;
	top: 25px;
}

#CONTENT1 h4 {
	display:block;
	position:absolute;
	margin-top:220px;
	height: 22px;
	padding:0 0 0 35px;
	top: 20px;
	left: -16px;
}


/*內容區__愛心捐助*/

#CONTENT2 {
	width:190px;
	height:269px;
	top:528px;
	left:25px;
	position:absolute;
	background-color:#FFFFFF;
}

#CONTENT2 h1 {
	display:block;
	width:190px;
	height:36px;
	background-image: url(../../images/homepage/rmhc_r4_c3.jpg);
	text-indent:-9999px;
	position:absolute;
}

#CONTENT2 h2 {}

#CONTENT2 h2 ul {}

#CONTENT2 h2 li {}

#CONTENT2 h2 li a {
	display:block;
	width:190px;
	height:129px;
	background-image: url(../../images/homepage/rmhc_r5_c3.jpg);
	text-indent:-9999px;
	position:absolute;
	margin-top:36px;
}

#CONTENT2 h2 li a:hover {
background-position:bottom left;	
	
}


#CONTENT2 h3 {
	display:block;
	width:153px;
	height:75px;
	background-image: url(../../images/homepage/rmhc_r6_c2.jpg);
	position:absolute;
	margin-top:139px;
	padding:17px  18px  13px  19px;
	top: 25px;
}

#CONTENT2 h4 {
	display:block;
	position:absolute;
	margin-top:220px;
	list-style-image:url(../../images/homepage/tit.gif);
	height: 22px;
	padding:0 0 0 35px;
	top: 20px;
	left: -17px;
}


/*內容區_世界兒童日*/

#CONTENT3 {
	width:193px;
	height:269px;
	top:528px;
	left:408px;
	position:absolute;
	background-color:#FFFFFF;
}

#CONTENT3 h1 {
	display:block;
	width:193px;
	height:36px;
	background-image: url(../../images/homepage/rmhc_r4_c5.jpg);
	text-indent:-9999px;
	position:absolute;
}


#CONTENT3 h2 {}

#CONTENT3 h2 ul {}

#CONTENT3 h2 li {}

#CONTENT3 h2 li a {
	display:block;
	width:193px;
	height:129px;
	background-image: url(../../images/homepage/rmhc_r5_c5.jpg);
	text-indent:-9999px;
	position:absolute;
	margin-top:36px;
}

#CONTENT3 h2 li a:hover {
background-position:bottom left;	
	
}


#CONTENT3 h3 {
	display:block;
	width:156px;
	height:75px;
	background-image: url(../../images/homepage/rmhc_r6_c2B.jpg);
	position:absolute;
	margin-top:139px;
	padding:17px  18px  13px  19px;
	top: 25px;
}

#CONTENT3 h4 {
	display:block;
	position:absolute;
	margin-top:220px;
	list-style-image:url(../../images/homepage/tit.gif);
	height: 22px;
	padding:0 0 0 5px;
	top: 20px;
	left: 15px;
}


/*內容區_名人志工*/

#CONTENT4 {
	width:195px;
	height:269px;
	top:528px;
	left:215px;
	position:absolute;
	background-color:#FFFFFF;
}

#CONTENT4 h1 {
	display:block;
	width:195px;
	height:36px;
	background-image: url(../../images/homepage/rmhc_r4_c7A.jpg);
	text-indent:-9999px;
	position:absolute;
	left: 0px;
	
}


#CONTENT4 h2 {}

#CONTENT4 h2 ul {}

#CONTENT4 h2 li {}

#CONTENT4 h2 li a {
	display:block;
	width:195px;
	height:129px;
	background-image: url(../../images/homepage/rmhc_r5_c6.jpg);
	text-indent:-9999px;
	position:absolute;
	margin-top:36px;
	left: 0px;
}

#CONTENT4 h2 li a:hover {
background-position:bottom left;	
	
}
#CONTENT4 h3 {
	display:block;
	width:156px;
	height:75px;
	background-image: url(../../images/homepage/rmhc_r6_c2B.jpg);
	position:absolute;
	margin-top:139px;
	padding:17px  18px  13px  19px;
	left: 2px;
	top: 25px;
}

#CONTENT4 h4 {
	display:block;
	position:absolute;
	margin-top:220px;
	list-style-image:url(../../images/homepage/tit.gif);
	height: 22px;
	padding:0 0 0 35px;
	top: 20px;
	left: -15px;
}


/*內容區__洗手教育*/

#CONTENT5 {
	width:191px;
	height:264px;
	top:528px;
	left:786px;
	position:absolute;
	background-color:#FFFFFF;
}

#CONTENT5 h1 {
	display:block;
	width:195px;
	height:36px;
	background-image: url(../../images/homepage/rmhc_r4_c7.jpg);
	text-indent:-9999px;
	position:absolute;
}


#CONTENT5 h2 {}

#CONTENT5 h2 ul {}

#CONTENT5 h2 li {}

#CONTENT5 h2 li a {
	display:block;
	width:195px;
	height:129px;
	background-image: url(../../images/homepage/rmhc_r5_c6.jpg);
	text-indent:-9999px;
	position:absolute;
	margin-top:36px;
}

#CONTENT5 h2 li a:hover {
background-position:bottom left;	
	
}

#CONTENT5 h3 {
	display:block;
	width:158px;
	height:89px;
	background-image: url(../../images/homepage/rmhc_r6_c2A.jpg);
	position:absolute;
	margin-top:139px;
	padding:17px  18px  13px  19px;
}

#CONTENT5 h4 {
	display:block;
	position:absolute;
	margin-top:220px;
	list-style-image:url(../../images/homepage/tit.gif);
	height: 22px;
	padding:10px 0 0 35px;
	
}





/*FOTTER_左邊選單*/



#FOTTERMENU{
	position:absolute;
	top:815px;
	left:15px;
	widows:1000px;
	width: 750px;
}

#FOTTERMENU ul{ 
  }

#FOTTERMENU li{float:left;

} 

#FOTTERMENU li a{
	display:block;
	font-size:11px;
	color:#E9E0C1;
	line-height:28px;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 0;
	
} 

#FOTTERMENU li a:hover{
	color:#E9E0C1;
	text-decoration:underline;
} 


#FOTTERMENU li.facebook a{
display:block;
height:28px; width:100px;
float:left;
text-align:center;

margin:0 0 5px 0px;
	
} 

#FOTTERMENU li.facebook a:hover{
color:#E9E0C1;
	text-decoration:underline;

}



#FOTTERMENU li.facebook ul{}

#FOTTERMENU li.facebook ul li{}

#FOTTERMENU li.facebook ul li a:{}

#FOTTERMENU li.facebook ul li a:hover{}






 

#FOTTERMENU li.aa a{
display:block;
height:28px; width:68px;
background-image: url(../../images/homepage/line.gif)   ;
background-repeat:no-repeat;
background-position: center right ;
text-align:center;
margin:0 0 5px 0;
} 

#FOTTERMENU li.aa a:hover{
color:#E9E0C1;
	text-decoration:underline;
} 

#FOTTERMENU li.bb a{
display:block;
height:28px; width:200px;
background-image: url(../../images/homepage/line.gif)   ;
background-repeat:no-repeat;
background-position: center right ;
text-align:center;
margin:0 0 5px 0;
} 

#FOTTERMENU li.aa a:hover{
color:#E9E0C1;
	text-decoration:underline;
} 

#FOTTERMENU li.cc a{
display:block;
height:28px; width:70px;
background-image: url(../../images/homepage/line.gif)   ;
background-repeat:no-repeat;
background-position: center right ;
text-align:center;
margin:0 0 5px 0;
} 


#FOTTERMENU li.cc a:hover{
color:#E9E0C1;
	text-decoration:underline;
} 
#FOTTERMENU li.blog a{
display:block;
height:28px;
background-image:url(../../images/homepage/LOGO_ICON_r2_c6.jpg) ;
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
margin:0 7px 5px 7px;
} 

#FOTTERMENU li.blog a:hover{ background-image:url(../../images/homepage/LOGO_ICON_r2_c6_f2.jpg);
} 


/*FOTTER_右邊選單*/
#FOTTERMENU2{
	position:absolute;
	top:815px;
	left:770px;
	widows:1000px;
	width: 750px;
}
#FOTTERMENU2 ul{}

#FOTTERMENU2 li{float:left;} 

#FOTTERMENU2 li a{
	font-size:11px;
	color:#FFFFFF;
	line-height:22px;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../../images/homepage/line2.gif);
	background-repeat:no-repeat;
	background-position:left;
	
	
} 
#FOTTERMENU2 li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
} 

/*FOTTER_copyright*/

#FOTTER{
	position:absolute;
	top:849px;
	left:31px;
	height:30px;
	width:750px;
	line-height:15px;
}
#FOTTER a {
	text-decoration:none;
}
#FOTTER a:link,
#FOTTER a:visited {
	color:#F0BB5D;
}
#FOTTER a:hover,
#FOTTER a:active, {
	color:#ffffff;
	text-decoration:underline;
}

/*FOTTER_email輸入*/

#INPUT{
	position:absolute;
	top:839px;
	left:824px;
	width: 200px;
}

/*FOTTER_email選單*/

#INPUT2{
	position:absolute;
	top:860px;
	left:861px;
	width: 200px;
}

#INPUT2 ul{}

#INPUT2 li{float:left;
padding:4px 0  0  4px;}

#INPUT2 li a{
margin-top:5px;	
	display:block;
	background-color: #4F2610;
	height: 16px;
	width: 54px;
	color:#E9DEBE;
	font-size:11px;
	line-height:20px;
	text-decoration: none;
	text-align:center;
	
}

#INPUT2 li a hover{background-color:#333333;
text-decoration:underline;}