/*  set  */
body
{
	font-size: 16px;
	margin: 0px;
	text-decoration: none;
	line-height: 165%;
	text-align: center;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background:url(images/20170516A_background_01.jpg) repeat;
	
}
a{
 color:#000000;
 text-decoration:none;
}

/* 解決符動的CLEARFIX */
.cssfix:before, .cssfix:after { 
   content: "";
   display: table; 
}
.cssfix:after {
   clear: both; 
}
.cssfix { 
   zoom: 1; /* IE6&7 */ 
}
/*common set*/
ul{
		padding:0;
		margin:0;
		list-style:none;
		}
input,select,textarea{
font-size: 16px;
}
/*page number*/
.pagination a, .pagination a:link, .pagination a:visited {
	color:#265827;
	padding:3px 5px;
	background:#ffffff;
	border:1px solid #ccc;
	TEXT-DECORATION: none;
}
.pagination a:hover {
	color:white;
	background:#567556;
	border:1px solid #567556;
}
.pagination span {
	padding:4px 6px;
}
.pagination a span {
	font-size:inherit;
	display:none;
	visibility:hidden;
}
.pagination span.disable {
	padding:3px 5px;
	border:1px solid #eee;
	color:#ffffff;
	background:#999999;
}
/* div設定 */
#web{
	position:relative;
	width:100%;
	text-align: center;
	margin: 0px;
	
}
#main{
	position:relative;
	width:1278px;
	text-align: center;
	margin: 0px auto;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
}

#top{
	position:relative;
	width:1278px;
	height:518px;
	/*cf:1278x469;a_menu:1278x49*/
}

#content{
	position:relative;
	width:1278px;
}

#dcopyright{
	position:relative;
	width:1278px;
	height:40px;
	line-height:30px;
	text-align:left;
	margin: 0px auto;

	
}
/*top*/
#cf{
	position:relative;
	width:1278px;
	height:469px;
	display:block;
	cursor:pointer;
}
.cover_cf{
	z-index:999;
	width:1278px;
	height:469px;
	display:block;
	position:absolute;
}
#menu{
	position:relative;
	width:1278px;
	height:49px;
	display:block;
	
}
	#menu_list{
	 	
		width:1278px;
		border-top:#CCCCCC 1px solid;
		border-bottom:#CCCCCC 1px solid;
		
	}
	#menu_list > li{
		background-color:#000000;
		color:#FFFFFF;
		FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
		font-size:22px;
		display:block;
		width:212px;
		height:50px;
		line-height:50px;
		float:left;
		border-left:#CCCCCC 1px solid;
		cursor:pointer;
		  position: relative;
	}
	#menu_list li:first-child{
	border-left:none;
	width:213px;
	}
	#menu_list li a{
	
		color:#FFFFFF;
		text-decoration:none;
	}
	#menu_list li:hover{
	
	background-color:#CC0000;
	-webkit-transition: background-color 1s;
        -moz-transition: background-color 1s;
		-o-transition: background-color 1s;
		transition: background-color 1s; 
	}
		#menu_list > li ul{
			border:#CCCCCC 1px solid;
			z-index: 99;
			position: absolute;
			
			display:none;
			min-width:168px;
			left:99999px;
		}
		#menu_list ul li{
			width:168px;
			height:50px;
			line-height:50px;
			cursor:pointer;
			background-color:#666666;
			color:#FFFFFF;
			FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
			font-size:22px;
			border-bottom:#CCCCCC 1px solid;
			
		}
		#menu_list ul li:first-child{
			width:168px;
		}
		#menu_list ul li:last-child{
			border-bottom:none;
		}
		#menu_list li:hover > ul{
			display:block;
			left:85px;
			top:45px;
		} 
		#menu_list li> ul li:hover{
			background-color:#CC9933;
		}
		
/*content*/
.b_bgpic{
	background:url(images/index_12.jpg) no-repeat bottom;
	background-color:#f0efeb;
}
#service_menu{
	
	display:block;
	margin:20px;
	border:#999999 1px solid;
}

.ser01 {
	
	padding:10px ;
	margin:15px;
	display:block;
	color:#FFFFFF;
	FONT-SIZE: 30px;
	background-image:url(images/sub_title.png);
	letter-spacing:2px;
	width:850px;
	height:30px;
	overflow:hidden;
}
.ser02 a{
	
	padding:10px ;
	margin:15px;
	border:#999999 1px solid;
	display:block;
	FONT-SIZE: 25px;
	
	font-weight:bolder;
	letter-spacing:1px;
	border:#999999 1px solid;
	float:left;
	background-color:#ffffff;
}
.ser02 a:hover{
	color:#ffffff;
	background-color:#FF9900;

}
#b_member_area{
 	width:308px;
	height:346px;
	display:block;
	margin:35px auto;
	border:#999999 1px solid;
}
#member_area{
	height:284px;
	width:308px;
	display:block;
	background:url(images/index_10.jpg) no-repeat bottom;
}
#b_info{
	display:block;
	margin:10px auto;
	width:308px;
	
	text-align:left;
}


#detail{
	width:850px;
	position:relative;
	text-align:left;
	font-size:20px;
	line-height:200%;
	padding: 40px;
	
}

#note{
	width:704px;
	height:25px;
	color:#FFFFFF;
	text-align:right;
	position:relative;
	background-color:#CC0000;
	letter-spacing: 2px;
	 FONT-FAMILY:"ＭＳ Ｐゴシック", "微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
#note a{
	text-decoration:none;
	color:#FFFFFF;	
}
#note a:hover{
	text-decoration:underline;	
}
/*dcopright*/
#d_area{
	position:relative;
	width:950px;
	height:30px;
	margin:0 auto;
	color:#FFFFFF;
}
#info{
	float:left;
	line-height:50px;
	
	
}
#right{
	float:right;
	line-height:50px;
	
}
/*page bg*/

.aboutbg{
	background:url(images/page_bg_about.jpg)  no-repeat top;
}
.newsbg{
	background:url(images/page_bg_news.jpg)  no-repeat top;
}
.albumbg{
	background:url(images/page_bg_album.jpg)  no-repeat bottom;
}
.servicebg{
	background:url(images/page_bg_service.jpg)  no-repeat top;
}
.donationbg{
	background:url(images/page_bg_donation.jpg)  no-repeat top;
}
.memberbg{
	background:url(images/page_bg_member.jpg)  no-repeat top;
}
.contactbg{
	background:url(images/page_bg_contact.jpg)  no-repeat top;
}
/*about*/

.about01 img{
	padding:20px;
	border:#000000 dotted 1px;
	margin:10px;
	
}
/*service*/


/*page-news*/



.news_detail_content {
	position:relative;
	width:840px;
	FONT-STYLE: normal;
	FONT-FAMILY: "ＭＳ Ｐゴシック","黑體","微軟正黑體", "新細明體", "細明體", taipei, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 18px;
	table-layout: fixed;
	word-wrap: break-word;
	text-align:left;
	margin:0 auto;
	padding-bottom:30px;
	
}
.news_detail_content img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 800 ? "800px" : this.width)!important;
} 

*html.news_detail_content img{ 
width:expression(this.width>800&&this.width>this.height?600:auto); 

}
.news_down {
	position:relative;
	width:940px;
	height:100px;
	margin:0 auto;
	margin-bottom:20px;

}

.backs a{
	display:block;
	width:150px;
	height:30px;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	float:left;
	margin-top:10px;
	text-decoration:none;
	font-size:15px;
	line-height:30px;
	
}
.backs a:hover{
	color:#FFFFFF;
	background-color:#996600;
}
.querys a{
	display:block;
	width:200px;
	height:30px;
	font-size:15px;
	line-height:30px;
	text-align:center;
	background-color:#66CC66;
	color:#FFFFFF;
	float:right;
	text-decoration:none;
	margin-top:10px;
}
.querys a:hover{
	color:#FFFFFF;
	background-color:#999999;
}
/*product*/
.set_bg a{
	display:block;
	float:left;
	width:230px;
	
	margin-bottom:20px;
	color:#333333;
	font-size:16px;
	line-height:20px;
	table-layout: fixed;
	word-wrap: break-word;
	overflow:hidden;
	text-decoration:none;
	
}
.set_bg img{
	border:0px;
}
.set_bg a:hover{
	color:#0099FF;
	text-decoration:none;
}
#page_type{
	margin:0; /*就不會退縮*/
	padding:0; /*就不會退縮*/
	list-style: none;/*這個就不會有圓點*/
	width:100%;
	text-align:center;
	display:block;
}
#page_type li a{
	display:block;
	border:#CCCCCC dotted 1px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	width:20px;
	float:left;
	line-height:20px;
	margin-right:10px;
}
/*--page product_detail*/
/*page-album*/
.imgborder01{
	padding:10px;
	border:#333333 1px solid;
	
	
}
.imgcover{
	width:200px;
	height:150px;
	display:block;
	overflow:hidden;
	
}
/*contact*/

/*text css*/
.textred01{
	color:#fe0101;
	
}
.text12gray
{
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 165%;
	FONT-STYLE: normal;

}
.text12gray A:link
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.text12gray A:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.text12gray A:hover
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}
.text14blue
{
	FONT-SIZE: 14px;
	COLOR: #0066CC;
	LINE-HEIGHT: 165%;
	FONT-STYLE: normal;

}
.text14blue A:link
{
    COLOR: #0066CC;
    TEXT-DECORATION: none
}
.text14blue A:visited
{
    COLOR: #0066CC;
    TEXT-DECORATION: none
}
.text14blue A:hover
{
    COLOR: #0066CC;
    TEXT-DECORATION: underline;
}
.text17
{
    FONT-SIZE: 17px;
    COLOR: #333333;
    LINE-HEIGHT: 165%;
    FONT-STYLE: normal;
}
.text17 A:link
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}
.text17 A:visited
{
    COLOR: #333333;
    TEXT-DECORATION: none;
}
.text17 A:hover
{
    COLOR: #FF0000;
    TEXT-DECORATION: underline;
}
.txtPrice17Sred
{
	FONT-SIZE: 17px;
	COLOR: #FF0000;
	LINE-HEIGHT: 160%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.txt_title_m
{
	FONT-SIZE: 30px;
	COLOR: #CC9900;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}

.txt_title
{
	FONT-SIZE: 40px;
	COLOR: #99CCCC;
	LINE-HEIGHT: 120%;
	FONT-STYLE: normal;
	font-weight: bolder;
}
.login_submit{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.t15ffffff{
	font-size:15px;
	color:#FFffff;
	line-height:120%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t15000000{
 font-size:15px;
 color:#333333;
 FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t15000000 a{
 text-decoration:none;
 color:#333333;
}
.t15000000 a:hover{
 
 color:#ff0000;
}
.t18ff0000{
	font-size:18px;
	color:#FF0000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18ff0000 a{
	text-decoration:none;
	color:#FF0000;
}
.t18ff0000 a:hover{
	
	color:#669900;
	
}
.t18996600{
	font-size:18px;
	color:#996600;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t1800CCFF{
	font-size:18px;
	color:#00CCFF;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t1800CCFF a{
	text-decoration:none;
	color:#00CCFF;
}
.t1800CCFF a:hover{
	
	color:#669900;
	
}
.t18ffffff{
	font-size:18px;
	color:#FFffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t18333333{
	font-size:18px;
	color:#333333;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t30333333{
	font-size:30px;
	color:#333333;
	line-height:120%;
	font-weight: bolder;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t30990000{
	font-size:30px;
	color:#990000;
	
	line-height:120%;
	font-weight: bolder;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.t30ffffff{
	font-size:30px;
	color:#FFffff;
	line-height:100%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
}
.button_del{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	
	background-color:#FF99CC;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_del_b{
	font-size:18px;
	color:#000000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	
	background-color:#FF99CC;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_add{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}

.button_add_b{
	font-size:18px;
	color:#000000;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CCFF;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_edit{
	font-size:18px;
	color:#ffffff;
	
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#99CC00;
	display:block;
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_gray{
	font-size:18px;
	color:#ffffff;
	
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#666666;
	
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.button_red{
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	FONT-FAMILY:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei", "細明體","MingLiU","ＭＳ Ｐゴシック", "新細明體", "PMingLiU",  Arial,taipei, Helvetica, sans-serif;
	background-color:#993333;
	
	border-radius:10px;/*圓角*/
	box-shadow:2px 4px 5px -2px #999999;	/*box-shadow: x y blur spread color inset;
	水平位移距離(x) 、垂直位移距離(y) 、模糊強度(blur) 、擴散強度(spread) 陰影顏色 內陰影(inset)*/
	cursor:pointer;
}
.border01{
	border-bottom:#CCCCCC 1px dotted;
}
.border02{
	border:#cccccc 1px solid;
}
.border03{
	border:#990033 2px solid;
}
.box01{
	display:block;
	padding:10px;
	border:#CCCCCC 1px solid;
	margin:10px auto;
}
.imgpadding01{
	padding-top:10px;
	padding-bottom:10px;
}
.hr_01{
	border:#cccccc 1px dashed;
}
input.checkbig{
	width:20px;
	height:20px;
}