@charset "UTF-8";
/* CSS Document */
#outline { display: block; width:860px; height:0; background: url(../imgs/giftcampaign_header.jpg) no-repeat; padding:240px 0 0 0; margin:20px auto 0 auto; overflow:hidden; }
/*==================================*/

#ngo-list { width:860px; height:185px; background: url(../imgs/giftcampaign_ngo.jpg) no-repeat; margin:0 auto 20px auto; position: relative; }

#ngo-list li { display: inline; }
#ngo-list li a { height:0; overflow:hidden; background: url(../imgs/ngolink.jpg) no-repeat; padding:80px 0 0 0; }

/* mouse action */
#ngo-list li#n1 a { background-position: 0 0; width: 410px; float: left; margin: 0 5px 5px 15px; }
#ngo-list li#n2 a { background-position: -410px 0; width: 410px; float: left; margin: 0 15px 5px 5px; }
#ngo-list li#n3 a { background-position: 0 -80px; width: 410px; float: left; margin: 5px 5px 0 15px; }
#ngo-list li#n4 a { background-position: -410px -80px; width: 410px; float: left; margin: 5px 0 0 5px; }
/* hover */
#ngo-list li#n1 a:hover { background-position: 0 -160px; }
#ngo-list li#n2 a:hover { background-position: -410px -160px; }
#ngo-list li#n3 a:hover { background-position: 0 -240px; }
#ngo-list li#n4 a:hover { background-position: -410px -240px; }

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

#action { width:860px; margin:0 auto; }
#action-clm-l { width:408px; margin:0 44px 0 0; float:left; }
#action-clm-r { width:408px; margin:0; float:left; }
#action1 { width:408px; height:0; background: url(../imgs/action1.gif) no-repeat; padding:160px 0 0 0; overflow:hidden; }
#action2 { width:860px; height:0; background: url(../imgs/action2.gif) no-repeat; padding:100px 0 0 0; overflow:hidden; }
.date { margin:10px 0; font-weight: bold; text-align:right; }
.arw { width:auto; height:60px; background: url(../imgs/arw.gif) no-repeat center center; }
.box { background: url(../imgs/box_bg.gif); padding:0 10px; margin:0; }
.box-top { height:10px; background: url(../imgs/box_bg_top.gif) no-repeat; margin:0; overflow:hidden; }
.box-btm { height:10px; background: url(../imgs/box_bg_btm.gif) no-repeat; margin:0 0 50px 0; overflow:hidden; }
.box-title { color:#6e6e5a; }
.left-img { float: left; margin: 0 16px 20px 0; }
.action-img { margin: 10px auto; }
#le-cap { padding:0 0 0 139px; }
.al-center { text-align:center; }

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

#activity { width:860px; padding:30px 0 0 0; margin:0 auto; }
#ngo1 { background: url(../imgs/num1.gif) no-repeat; padding:0 0 20px 40px; }
#ngo2 { background: url(../imgs/num2.gif) no-repeat; padding:0 0 20px 40px; }
#ngo3 { background: url(../imgs/num3.gif) no-repeat; padding:0 0 20px 40px; }
#ngo4 { background: url(../imgs/num4.gif) no-repeat; padding:0 0 20px 40px; }
.ngo-name { font-weight:bold; color:#6e6e5a; }
.logo-box { float:right; margin:0 0 20px 20px; }
.money-top { height:10px; background: url(../imgs/money_bg_top.gif) no-repeat; margin:20px 0 0 0; overflow:hidden; }
.money-btm { height:10px; background: url(../imgs/money_bg_btm.gif) no-repeat; margin:0 0 20px 0; overflow:hidden; }
.activityFooter { width:860px; border-bottom:1px solid #cccccc; margin:25px 0 30px 0; clear:both; }
.activityTxt { width:460px; margin:0 20px 0 0; float:left; }
.activityPhoto { width:380px; margin:0; float:right; }