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


/*桌電時大版面背景的設定*/
.bg_about{
	background:url(../images/main/about_bg_01.jpg) no-repeat center center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size:cover;
	background-size: cover;}/*認識梅門頁面背景*/	




.bg_about_leader{background:url(../images/main/about_bg_03.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*認識梅門-李鳳山師父頁面背景*/	
.bg_about_history{background:url(../images/main/about_bg_04.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*認識梅門-李鳳山師父頁面背景*/
.bg_news{background:url(../images/main/news_bg.gif) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*最新消息背景*/	
.bg_place{background:url(../images/main/place_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*服務據點背景*/	
.bg_media{background:url(../images/main/media_bg.gif) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*媒體報導背景*/	
.bg_health{background:url(../images/main/health_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*養生氣功*/	
.bg_diet{background:url(../images/main/diet_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-素食養生*/	
.bg_tea{background:url(../images/main/tea_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-梅門甩茶*/	
.bg_exhibit{background:url(../images/main/exhibit_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/
.bg_gallery{background:#6e534c;}/*美食茶飲-藝廊展覽*/	
.bg_gallery_way{background:url(../images/main/gallery_way_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	
.bg_act{background:url(../images/main/act_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	
.bg_act_festival{background:url(../images/main/act_festival_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	
.bg_child{background:url(../images/main/child_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	
.bg_life{background:url(../images/main/life_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	
.bg_dojo{background:url(../images/main/dojo_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-藝廊展覽*/	

.bg_line{background:url(../images/main/line_bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*line*/	
.bg_volunteer{background:url(../images/main/volunteer_bg.png) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*招募志工*/	


/*2015新增*/
.bg_tea_new{background:#00503a url(../images/main/tea_bg_new.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;}/*美食茶飲-梅門甩茶*/	
.tup{ margin-top:350px; display:block; width:100%;}





/*大版面時--top手機背景的設定*/
.mbg_about{width:100%;background:url(../images/main/logo.png) no-repeat left 50%; background-size:64%; }
.mbg_about_leader{width:100%;background:url(../images/main/logo.png) no-repeat left 50%; background-size:64%; }
.mbg_about_history{width:100%;background:url(../images/main/logo.png) no-repeat left 50%; background-size:64%; }
.mbg_health{width:100%;background:url(../images/main/logo.png) no-repeat left 50%; background-size:64%; }
.mbg_store{width:100%;background:url(../images/main/logo.png) no-repeat left 50%; background-size:64%; }

@media screen and (max-width: 1024px){
	
.bg_about{
	background:url(../images/main/about_bg_01.jpg) no-repeat center center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size:cover;
	background-size: cover;}/*認識梅門頁面背景*/		
	
	}


@media screen and (max-width: 800px)
{
/*手機時大版面背景的設定*/	
.bg_about{ background-image:none; background:#175057;}
.bg_about_leader{ background-image:none; background:#564d3e;}
.bg_about_history{ background-image:none; background:#131A08;}
.bg_health{ background-image:none; background:#90afc3;}
.bg_diet{ background-image:none; background: #26380E;}
.bg_tea{ background-image:none; background:#014F39;}
.bg_exhibit{ background-image:none; background:#8D6729;}
.bg_gallery{ background-image:none; background: #6e534c;}
.bg_gallery_way{ background-image:none; background:#7D7A67;}
.bg_act{ background-image:none; background:#37260C;}
.bg_act_festival{ background-image:none; background:#8A4816;}
.bg_child{ background-image:none; background:#87537A;}
.bg_life{ background-image:none; background: #4F0C03;}
.bg_dojo{ background-image:none; background: #90afc3;}
.bg_line{ background-image:none; background: #00c400;}
.bg_volunteer{ background-image:none; background: #cfd8dd;}

.bg_place{ background-image:none; background:#1E100B;}

/*2015新增*/
.bg_tea_new{background:#00503a url(../images/main/tea_news_bg_small.jpg) no-repeat;}/*美食茶飲-梅門甩茶*/	
.tup{ margin-top:210px; display:block; width:100%;}


}






/*最新消息*/
			.item {
				width: 290px;
				margin:0 0 20px 0;
				padding:15px;
				float: left;
				display:block;
				background:#ffffff;
				-webkit-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
					 -moz-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
				    -ms-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
				     -o-box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
				        box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);

			}

			.item:hover{
				-webkit-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);
					 -moz-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);
				    -ms-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);
				     -o-box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);
				        box-shadow:0 1px 15px rgba(34, 25, 25, 0.4);			
			}
			.item a{ text-decoration:none;}
			.item img{
				width: 290px;
				height:auto;
				margin-bottom:10px;
			}
			.item img:hover{
				filter:alpha(opacity=85); 
                -moz-opacity:0.85; 
                opacity:0.85;
			}
			
			.info{
				width:290px;
				margin:0 auto 10px;
				text-align:left;
				font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", Helvetica, Arial, FreeSans, sans-serif;
				font-size:18px;
				font-weight:bold;
				height:40px;
				color:#000000;
				
			}
			.info a{ text-decoration:none; color:#000000;}
			.info a:hover{ text-decoration:none; color: #666;}

			.date{
				width:290px;
				margin:0 auto;
				text-align:left;
				font-family:Helvetica, Arial;
				font-size:15px; 
				color:#676767;
				padding-bottom:6px;
				margin-bottom:6px;
				border-bottom:3px solid #676767;}
			.newtxt{
				width:290px;
				margin:0 auto;
				text-align:left;
				font-family:Helvetica, Arial;
				font-size:13px;
				line-height:18px; 
				color:#676767;}
			.newtxt a,.newtxt a:hover{ text-decoration:none;}	
				
			
			/**** Transitions ****/

			.masonry,
			.masonry .masonry-brick {
				-webkit-transition-duration: 0.6s;
					 -moz-transition-duration: 0.6s;
						 -o-transition-duration: 0.6s;
								transition-duration: 0.6s;
			}

			.masonry {
				-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:2500px;
								
			}

			.masonry .masonry-brick {
				-webkit-transition-property: left, right, top;
					 -moz-transition-property: left, right, top;
						 -o-transition-property: left, right, top;
								transition-property: left, right, top;
			}
@media screen and (max-width:2560px)
{
				.masonry {
				-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:2040px;
								
			}		
	}
@media screen and (max-width:1920px)
{
				.masonry {
				-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:1700px;
								
			}		
	}	
@media screen and (max-width:800px)
{.masonry {
-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:960px;
								}

	}
@media screen and (max-width:680px)
{.masonry {
-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:680px;
								}

	}
@media screen and (max-width:480px)
{.masonry {
-webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
						 -o-transition-property: height, width;
								transition-property: height, width;
								margin:auto; width:340px;
								}

	}

/*服務據點*/
.place_data{ float:right; width:29%; background: url(../images/main/new_place_ag.png); padding:20px; margin:100px 80px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
.place{ width:100%; height:auto;}
.place em{ font-style:normal;color:#ffffff;  font-size:18px; display:block;}
.place p{ display:block; color:#ffffff; font-size:15px; line-height:18px;}
.place p a,.place p a:hover{ color:#06C; text-decoration:underline;}
.pbox{ border:1px solid #ffffff; width:90px; height:30px; font-size:15px; }


.down_place{ display:none;}
.ptit{ display:block; color:#ffffff; font-size:25px; font-weight:bold; margin:0px 0 12px 0; padding-top:20px; border-top:1px solid #ffffff;}
.plogo{width:100%; height:auto; padding-bottom:20px;}
.plogo img{ width:auto; height:auto;}





.pdata{float:right; width:44%; margin:100px 80px 30px 0; padding:0;  }
.ptxt{width:100%; background:#000; float:left;  position:relative;}
.ptxt b{ float:left; width:20%; color:#ffffff; font-size:25px; font-weight:bold;  text-align:center; background:#72008e; height:74px; padding-top:26px;}
.pmessang{float:left; padding-left:15px;  height:100px; }
.pmessang  p{color:#ffffff; font-size:15px; line-height:13px;} 
.pmessang .look{ position:absolute; right:10px; bottom:13px; width:100px; font-size:18px; }
.pmessang .look a{ color:#C98E87; text-decoration:none; cursor:pointer;}
.pmessang .look a:hover{ color:#C98E87; text-decoration:underline;}

/*養生氣功*/
.hbox{ float:left;border:1px solid #ffffff; width:120px; height:30px; font-size:15px; z-index:10;}

/*文化活動-藝文課程*/
.class{ width:100%; display:block;}
.class ul{ padding:0; margin:0;}
.class li{ list-style:none; padding-bottom:40px;  float:left;}
.class li .cpic{ width:30%; height: auto; margin-right:16px; float:left;}
.class li .cpic img{ width:100%; height:auto;}
.class li span{ float:left; background:#4c2c00; color:#ffffff; font-size:15px; padding:3px 5px; margin-right:5px; }
.class li .ctxt{float:left; line-height:28px; margin-top:7px; width:66%; }
.class li .ctxt02{float:left; line-height:28px; margin-top:7px; width:100% ;}
.class li .ctxt td{color:#ffffff;}
.class li .ctxt02 td{color:#ffffff;} 
/*文化活動-成果分享*/
.result{ width:100%; display:block;}
.result ul { padding-left:20px;margin-bottom:60px; float:left; width:100%; }
.result li{ list-style:none;  float:left;width:300px; height: 300px; margin-right:20px; padding:0; vertical-align:top;}

.result li .rpic{width:100%; height:auto;}
.result li .rpic img{ width:100%; height:auto;}
.result li p{ width:100%;}


/*文化活動-報名辦法*/
.rhead{background:url(../images/main/result_line.jpg) no-repeat bottom; width:100%;}
.rline{ background:url(../images/main/class_result_line_ap.png);}

/*表演藝術*/
.festival{ margin-bottom:80px; font-size:15px; line-height:23px;}
.festival .fpic{ width:100%; height: auto;}
.festival .fpic img{ width:100%; height: auto;}

/*網路藝廊*/
.store{ width:63%; display:block; height: auto; margin-top:150px; }
.gallery{ width:90%; padding:0 0 0 100px; /*margin:230px auto 0 auto;*/ margin:auto ; height:auto; }
.gallery ul{ padding:0; margin:0; width:auto; }
.gallery li{ display:inline-block; width:20%; height:auto; margin-right:20px; margin-bottom:35px;}
.gallery li .gpic{ width:100%; height:auto; display:block;}
.gallery li .gpic img{ width:100%; height:auto;}
.gallery li .gtit{ width:100%; display: block; color:#ffffff; line-height:30px;}
.gallery a,.gallery a:hover{ text-decoration:none;}


/*文化活動-歷年演出*/
.historytxt{ margin-bottom:0px;}
.historytxt p{ line-height:20px; color:#ffffff; padding:8px 0;}
.historytxt p a,.historytxt p a:hover{ color:#0cfff1; text-decoration: none; padding:0; margin:0; line-height:20px;}


/*平甩傳愛*/
.life{ width:1700px; display:block; height:40px; margin:0 auto 10px auto;}
.life ul{ padding:0; margin:0;}
.life li{ display:inline-block; padding-right:15px; margin-right:15px; font-size:16px; background:url(../images/main/line_02.jpg) right 50% no-repeat;}
.life li a{ color:#ffffff; text-decoration:none;}
.life li a:hover{ color:#ffffff; text-decoration: underline;}









@media screen and (max-width:1700px)
{.result li{ margin-right:20px;}
}

@media screen and (max-width:1500px)
{
.result li{ margin-right:10px;}
}
@media screen and (max-width:1380px)
{
.result li{ margin-right:15px; width:23%; }
.place_data{ width:50%; margin:70px 50px 0 0;}
.pdata{float:right; width:50%; margin:100px 50px 30px 0; padding:0;  }

}
@media screen and (max-width:1250px)
{
.class li .ctxt{ width:100%;}
.gallery li{ margin-right:23px;width:25%;}
.result li{ margin-right:26px; width:30%; }


}
@media screen and (max-width:900px)
{.result ul{ padding:0;}
.result li{ height:250px; margin-right:20px;}
.gallery li{ width:30%;}
}
@media screen and (max-width:800px)
{
.place_data{  width:90%; margin:0px  auto 80px auto; float:none; background:#1E100B; padding:0; }
.pdata{ float:none; width:90%; display:block; margin:auto;}

.class li .ctxt{ width:100%;}

.result li{ width:30%; }
.store{ width:90%; margin:0 auto auto auto; padding:0;}
.gallery{ margin-top:0; width:100%; padding:0;}
.gallery ul{ padding:0; margin:0}
.gallery li{ margin-right:15px;}

/*.place{display:none;}*/

.down_place{ width:95%; height:auto; margin:0 auto 80px auto; display:block;}
.down_place em{ font-style:normal;color:#ffffff;  font-size:18px; display:block;}
.down_place p{ display:block; color:#ffffff; font-size:15px; line-height:18px;}
.down_place p a,.down_place p a:hover{ color:#06C; text-decoration:underline;}

.plogo{display:none; }
	}
@media screen and (max-width:780px)
{
.place_down{ position: inherit; bottom:0;}
.result li{ margin-right:15px;}

		}
		
@media screen and (max-width:640px)
{		
.gallery{ width:100%;}
.gallery li{ width:45%; height:auto; }
.gallery li .gpic{ width:100%; height:auto;}

.result li{ width:45%;}

}
@media screen and (max-width:480px)
{.result li{ margin:0; width:auto; height:auto; margin-bottom:15px;}
.result li .rpic img{ margin-bottom:0; padding:0;}
.ptxt b{ width:100%; float:none; display:block; height:55px; line-height:55px; padding:0;}
.pdata{ float:none; display:block; margin-bottom:0px;}
.pmessang .look{ position:absolute; right:6px; width:80px; font-size:15px; }
.result ul { padding-left:0;}
.gallery li{ width:100%; height:auto;}
.gallery li .gpic{ width:100%; height:auto;}



	}