body{
	color:#5A5A5A;
	font-size:13px;
	line-height:1.6;
	font-family:arial, 微軟正黑體;/*MingLiU*/
	background:url(../images/body_bg.jpg) center 0 no-repeat;
	background-attachment: fixed;
}
body input, body textarea, body select{
	font-size:13px;
	font-family:arial, 微軟正黑體;/*MingLiU*/
}
body a{text-decoration:none;color:#3296C7;}
body a:hover, body a:focus{text-decoration:underline;}
body .content{text-align:justify;}
body .content h3.title{font-size: 15px;}
body .content p{padding-bottom:1em;}
body .content table{width:100%;}

#blockUI{padding:15px 0;}
#siimage{
	position:relative;
	top:9px;
	margin:0 5px;
}
#images{
	position:relative;
	float:left;
	width:322px;
	margin-right:15px;
	margin-bottom:5px;
}
#images img.main{
	width:100%;
	margin-bottom:10px;
}
#images ul{overflow:hidden;}
#images ul li{
	float:left;
	width:104px;
	height:78px;
	margin-left:5px;
}
#images ul li:first-child{margin-left:0;}
#images ul li img{width:100%;height:100%;}

p.pagenavi{
	text-align:center;
	margin:15px 0;
}
p.pagenavi a{
	margin:0 7px;
}
a.more{
	position:absolute;
	top:0; right:0;
	display:block;
	width:55px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/more.jpg) 0 top no-repeat;
}
a.more:hover{
	background:url(../images/more.jpg) 0 bottom no-repeat;
}
div.underline{
	position:relative;
	overflow: hidden;
	background:url(../images/underline.jpg) 30px 0 no-repeat;
}
div.underline > h2.title{
	font-size: 16px;
	padding-left: 15px;
	color: #FFFFFF;
	background-color: #3bae83;
    width: 100%;
    margin-bottom: 10px;
}
div.underline h2.title span{
	padding-right:5px;
	//background-color:#FFF;
}

/*table*/
table caption{
	text-align:left;
	font-size:15px;
	font-weight:bold;
}
table.t1{width:100%;}
table.t1 th{
	padding:5px;
	border-bottom:1px solid #CCC;
}
table.t1 td{
	height:30px;
	padding:5px;
	border-bottom:1px solid #CCC;
}
table.t1 td p.donation{
	padding-left:30px;
	background: url(../images/icon_offering.png) 0 center no-repeat;
}
table.t1 td p.goods{
	padding-left:30px;
	background: url(../images/icon_goods.png) 0 center no-repeat;
}
.car table{margin-bottom:40px;}
#member table th, table.member th{
	width:200px;
	text-align:left;
	font-weight:normal;
}
#member table td, table.member td{padding:7px 0;}
#member table td input[type=text], #member table td input[type=password], #member table td textarea, 
table.member td input[type=text], table.member td input[type=password], table.member td textarea{
	width:350px;
}
#member table td input.addtext, table.member td input.addtext{width:150px;}
#search table.member td{height:24px;}

/*h2.title icon*/
/* #project h2.title, #project_ct h2.title{background:url(../images/icon_offering.png) no-repeat;}
#goods h2.title, #goods_ct h2.title{background:url(../images/icon_goods.png) no-repeat;}
#search h2.title,#lover h2.title{background:url(../images/icon_orders.png) no-repeat;}
#things h2.title, #things_ct h2.title, #volunteer h2.title, #volunteer_ct h2.title{
	background:url(../images/icon_editfree.jpg) no-repeat;
}
.car h2.title {background: url("../images/icon_car.png") 0 0 no-repeat;}
#booking h2.title, #booking_ct h2.title, 
#inews h2.title,#news h2.title, #news_ct h2.title{
	background:url(../images/icon_editfree.jpg) no-repeat;
}
#member h2.title, .member h2.title, #receipt h2.title{background:url(../images/icon_member.png) 0 0 no-repeat;}
#content h2.title{background:url(../images/icon_editfree.jpg) no-repeat;}
#content h2.title.text_p100{background:url(../images/icon_aboutus.png) 0 0 no-repeat;}
#content h2.title.text_p101{background:url(../images/icon_faq.png) 0 0 no-repeat;}
#content h2.title.text_p102{background:url(../images/icon_lock.png) 0 0 no-repeat;} */

.car p.btn, .member p.btn{overflow:hidden;}
.car p.btn a{
	display:inline-block;
	width:63px;
	height:37px;
	text-indent:-9999px;
	margin-top:10px;
	background-image:url(../images/button2.png);
	background-repeat:no-repeat;
	*text-indent:0;
	*font-size:0;
}
.car p.btn a.member{background-position:0 top;}
.car p.btn a.member:hover{background-position:0 bottom;}
.car p.btn a.nonmember{background-position:-90px top;}
.car p.btn a.nonmember:hover{background-position:-90px bottom;}
.car p.btn a.caredit{background-position:-180px top;}
.car p.btn a.caredit:hover{background-position:-180px bottom;}

#all, #footer{
    position: relative;
    width: 1150px;/*padding:0 25px;*/
	margin: 0 auto;
}
#top {
    position: relative;
    height: 100px;
    padding: 0 25px;
}
#top h1.title{
	width:341px;
	height:100%;
	text-indent:-9999px;
	background: url(../images/logo.png) 0 bottom no-repeat;
}
#top h1.title a{
	display:block;
	width:100%;
	height:100%;
}
#top .member_btn{
	position: absolute;
	bottom:0; right:0;
	height:59px;
	line-height:59px;
}
.member_btn a{
	display:inline-block;
	width:87px;
	height:59px;
	text-indent:-9999px;
	background-image:url(../images/button2.png);
	background-repeat:no-repeat;
	*text-indent:0;
	*font-size:0;
}
.member_btn a.login{background-position:-270px top;}
.member_btn a.login:hover{background-position:-270px bottom;}
.member_btn a.register{background-position:-360px top;}
.member_btn a.register:hover{background-position:-360px bottom;}
.member_btn a.memberedit{background-position:-450px top;}
.member_btn a.memberedit:hover{background-position:-450px bottom;}
.member_btn a.logout{background-position:-540px top;}
.member_btn a.logout:hover{background-position:-540px bottom;}

#menu{
	position:relative;
	margin:10px 25px 15px 25px;
}
#menu ul.lv_0{height:40px;}
#menu ul.lv_0 li{float:left;}
#menu ul.lv_0 li a{
	display:block;
	font-size:15px;
	padding:0 10px;
	line-height:40px;
	text-decoration:none;
}
#menu ul.lv_1{
	position:absolute;
	top:40px;
	display:none;
	z-index:9999;
}
#menu ul.lv_1 li{
	clear:left;
	width:100%;
}
#menu ul.lv_1 li a{
	font-size:15px;
	height:32px;
	line-height:32px;
}

#center{
	position:relative;
	overflow:hidden;
	margin:0 25px;
	padding-bottom:50px;
	background:url(../images/underline.jpg) 0 bottom no-repeat;
}
#adver{width:1100px;height:320px;}
p.share{
	position:absolute;
	top:0;right:0;
	z-index:9998;
	margin-top:10px;
	padding-left:10px;
	color:#555;
}
p.share a{
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
}
p.share a.s1{background:url(../images/share.png) 0 0 no-repeat;}
p.share a.s2{background:url(../images/share.png) -22px 0 no-repeat;}
p.share a.s3{background:url(../images/share.png) -44px 0 no-repeat;}
p.share a.s4{background:url(../images/share.png) -66px 0 no-repeat;}
p.share a.s5{background:url(../images/share.png) -88px 0 no-repeat;}
p.share a.s6{background:url(../images/share.png) -110px 0 no-repeat;}

#inews {padding:0 10px;margin-top:15px;}
#inews ul li a{font-size:15px;}
#iproject, #igoods{
	position:relative;
	margin-top:35px;
	padding-top:30px;
	padding-right:10px;
	border: 1px solid #D7CAB7;
}
#iproject h2.title, #igoods h2.title{
	position:absolute;
	top:-15px;left:10px;
	width:150px;
	height:48px;
	text-indent:-9999px;
}
#iproject h2.title{background:url(../images/iproject_h2.png) no-repeat;}
#igoods h2.title{background:url(../images/igoods_h2.png) no-repeat;}
#iproject h3.title, #igoods h3.title, #inews h2.title{font-size:15px;}
#iproject ul, #igoods ul{overflow:hidden;}
#iproject ul li, #igoods ul li{
	position:relative;
	float:left;
	width:299px;/*549-245*/
	min-height:164px;
	text-align: justify;
	padding-left:245px;
	margin-bottom:15px;
}
#iproject ul li img, #igoods ul li img, 
#project ul li img, #goods ul li img, #booking ul li img{
	position:absolute;
	max-width:200px;
	max-height:150px;
	padding:7px;
	border: 1px solid #D7CAB7;
	background-color: #FFF;
}
#iproject ul li img, #igoods ul li img{top:0; left:10px;}

/*page*/
#project ul li img, #goods ul li img, #booking ul li img{top:15px; left:15px;}

#project h3.title, #project_ct h3.title, #goods h3.title, #goods_ct h3.title, #booking h3.title, #booking_ct h3.title, 
#news h3.title, #news_ct h3.title, .news h3.title,
#things h3.title, #things_ct h3.title, #volunteer h3.title, #volunteer_ct h3.title{
	font-size:15px;
}
#project_ct p.recruitno, #goods_ct p.recruitno, 
#things_ct p.date, #volunteer_ct p.date, #news_ct p.date
{
	color:#B28850;
}
#things_ct p.date, #volunteer_ct p.date, #news_ct p.date
{
	margin-bottom:15px;
}
#project ul li, #goods ul li, #booking ul li{
	position:relative;
	min-height:164px;
	margin-bottom:10px;
	padding:15px 185px 15px 250px;
	border:1px solid #D7CAB7;
}
#project ul li p, #goods ul li p, #booking ul li p{
	text-align:justify;
}
#project ul li a.btn, #goods ul li a.btn, #booking ul li a.btn{
	position:absolute;
	right:20px; top:22px;
	display:block;
	width:150px;
	height:150px;
	text-indent:-9999px;
}
#project ul li a.btn{background:url(../images/button.jpg) 0 top no-repeat;}
#project ul li a.btn:hover{background:url(../images/button.jpg) 0 bottom no-repeat;}
#goods ul li a.btn{background:url(../images/button.jpg) -150px top no-repeat;}
#goods ul li a.btn:hover{background:url(../images/button.jpg) -150px bottom no-repeat;}
#booking ul li a.btn{background:url(../images/button.jpg) -300px top no-repeat;}
#booking ul li a.btn:hover{background:url(../images/button.jpg) -300px bottom no-repeat;}
#goods ul li p.price{font-weight:bold;}
ul.tabs{
	overflow:hidden;
}
ul.tabs li{
	float:left;
	line-height:28px;
	margin-right:10px;
}
ul.tabs li a{
	display:block;
	padding:0 7px;
}
#project_ct #offering{margin-top:15px;}
#goods_ct #offering{margin-bottom:15px;}
#booking_ct form#offering{margin-top:15px;}
#offering div{
	display:none;
	padding:15px;
	border:1px solid #CCC;
}
#offering div.batchpay table{
	width:100%;
	margin-bottom:25px;
}
#offering div.batchpay table th{width:100px;text-align:left;}
#offering div table th, #offering table td{
	height:32px;
}
#offering table td.limit{
	text-align:right;
	padding-right:5px;
}
#offering div table td input.isint{
	width:50px;
	text-align:right;
}
#offering div.booking table th, #offering table td{
	padding-bottom:15px;
}
#news ul li{
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px solid #CCC;
}
#blocks{overflow:hidden;}
#blocks h2.title{
	margin-bottom:10px;
	border-bottom: 1px solid #D7CAB7;
}
#blocks div.text{
	float:left;
	width:324px;
	min-height:220px;
	padding:10px 15px;
	margin-top:20px;
	margin-left:16px;
	border: 1px solid #D7CAB7;
}
#blocks div.first{
	margin-left:0;
}
#cars{
	position:absolute;
	right:-20px;top:0;
	z-index:9999;
	max-width:220px;
	min-width:50px;
	min-height:30px;
	border-radius:10px;	
	padding:10px 10px 0 10px;
	background-color:#FFF;
	border: 1px solid #D7CAB7;
}
#cars div.car {
	margin-bottom:10px;
}
#cars #display{color:#000;}
#cars div label{color:#B28850;}
#cars p.price{color:#DB4F58;}
#footer{
	padding-top:1px;
	padding-bottom:50px;
}
#footer-box{position:relative;margin:30px 20px 0 20px;}
#footer img.logo{height: 70px; position: absolute;top: -5px;left: 0;}
#footer img.qr{height:68px;position:absolute;top:-15px;right:0;}
#footer p{padding-left:270px;}
#footer ul{position:absolute;	top:10px; right:85px;}
#footer ul li{
	float:left;
	margin-right:5px;
}
#footer ul li a{
	display:block;
	width:31px;
	height:31px;
	text-indent:-9999px;
	background:url(../images/footer_icon.png) no-repeat;
}
#footer ul li.f0 a{background-position:0 top;}
#footer ul li.f1 a{background-position:-31px top;}
#footer ul li.f2 a{background-position:-62px top;}
#footer ul li.f3 a{background-position:-93px top;}
#footer ul li.f4 a{background-position:-124px top;}
#footer ul li.f0 a:hover{background-position:0 bottom;}
#footer ul li.f1 a:hover{background-position:-31px bottom;}
#footer ul li.f2 a:hover{background-position:-62px bottom;}
#footer ul li.f3 a:hover{background-position:-93px bottom;}
#footer ul li.f4 a:hover{background-position:-124px bottom;}
.border .top{
	background:url(../images/border_top.jpg) center bottom no-repeat;
}
.border .center{
	padding:0 35px;
	background:url(../images/border_center.jpg) center top repeat-y;
}
.border .bottom{
	background:url(../images/border_bottom.jpg) center top no-repeat;
}