@charset "utf-8";
/* CSS Document */
body {
  position: relative;
  background:url(images/bg-main.gif);
}
h1,h2,h3,h4,h5,h6,p,li,th,td,.openQa span
{
	font-family:"Microsoft JhengHei",Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
.menu
{
	position: fixed;
	right:0px;
	top:100px;
	z-index: 1000!important;	
}
.nav-main
{
	position: fixed;
	width:100%;
	background:rgba(0,0,0,0.7)!important;
	height:300px;
	z-index:100;
	display:none;
}
.nav-main ul 
{
	margin-top:50px;	
}
.nav-main ul li a
{
	color:#fff;
	font-size:16px;
	padding:10px 40px;
	border-bottom:1px solid #666;
	display:block;
}
.nav-main ul li.active a
{
	color:#333;
	background:#fff;
}
/*竹子動畫*/
.zhuye1,.zhuye2,.zhuye3
{
	position:absolute;
	left:0;
	top:0;
	z-index: 100;
}
.zhuye1
{
	left:-150px;
	top:-100px;
	animation:zhuye1ani 5s infinite ease-in-out;
	transform-origin:-50px -100px;
}
.zhuye2
{
	left:-100px;
	top:0px;
	animation:zhuye2ani 6s infinite ease-in-out;
	transform-origin:-50px -100px;
}
.zhuye3
{
	left:-100px;
	top:0px;
	animation:zhuye3ani 6s infinite ease-in-out;
	transform-origin:-50px -100px;
}
.zhuye1 img,.zhuye2 img,.zhuye3 img
{
	width:240px;
}
@keyframes zhuye1ani
{
	0%
	{
		transform:rotate(-10deg);	
	}
	50%
	{
		transform:rotate(0deg);	
	}
	100%
	{
		transform:rotate(-10deg);	
	}
}
@keyframes zhuye2ani
{
	0%
	{
		transform:rotate(0deg);	
	}
	50%
	{
		transform:rotate(10deg);	
	}
	100%
	{
		transform:rotate(0deg);	
	}
}
@keyframes zhuye3ani
{
	0%
	{
		transform:rotate(5deg);	
	}
	50%
	{
		transform:rotate(-5deg);	
	}
	100%
	{
		transform:rotate(5deg);	
	}
}
#logo
	{
		position:absolute;
		right:80px;
		top:40px;
		z-index: 1000!important;
	}
#logo img
	{
		width:250px;
	}
h2 img
{
	width:200px;
}
p
{
	line-height:1.7;
	font-size:16px;
	text-align: justify;
}
/*最新消息*/
.bg-news
{
	background:url(images/bg-news.jpg);
}
.list-news
{
	list-style: none;
	padding:0;
	margin:0;
}
.list-news a
{
	display:block;
	float:left;
	width:100%;
	box-sizing: border-box;
	padding:10px;
	border-bottom:1px solid #333;
	font-size:16px;
	transition: all 0.5s;
}
.list-news a .link-news
{
	display:block;
	float:left;
	padding:0px;
}
.list-news a:hover
{
	background:rgba(150,117,46,1.00);
	color:#fff;
}
.list-news a .news-date
{
	float:left;
	font-size:12px;
}

.img-news-left
{
	position:absolute;
	bottom:0;
	height:350px;
}
.img-news-right
{
	position:absolute;
	right:0;
	heihgt:200px;
}
.img-news-left img
{
	height:350px;
}
.img-news-right img
{
	height:200px;
}
/*細說茶樓*/
.img-about
{
	position: absolute;
	left:0;
	bottom:0;
	z-index: -1;
}
.img-about1
{
	bottom:-100px;
}
.img-about2
{
	bottom:-150px;
}
.img-about3
{
	bottom:-200px;
}
.p-about
{
	color:#000;
}
.about-bp
{
	padding-bottom:200px;	
}
#about strong
{
	font-size:20px;
	color:rgba(79,13,14,1.00);
}
/*品茗美饌*/
.img-food-left,.img-food-right
{
	position:absolute;
}
.img-food-left
{
	left:0;
	bottom:0;
}
.img-food-right
{
	right:0px;
	top:0px;
}
.white-popup-block
{
	position:relative;
	margin:0 auto;
	width:90%;
	background:#fff;
	overflow: hidden;
	padding:10px;
}
.white-popup-block h1
{
	font-size:24px;
	padding:10px;
}
.link-menu
{
	position:relative;
	width:200px;
	margin:50px auto;
}
.link-menu a
{
	width:200px;
	background:#fff;
	border:1px solid #ccc;
	display: block;
	font-size:16px;
	padding:15px;
}
/*遊園賞心*/
.envir-slider li
{
	text-align: center;
}
.envir-slider .flex-control-nav
{
	bottom:-80px;
}
.envir-slider .flex-control-nav a
{
	width:10px;
	height:10px;
}
/*版權區塊*/
.footer
	{
		padding:30px 0 0 0;
		background:#000;
	}
.footer p
	{
		padding:0px;
		float:left;
		color:#fff;
		font-size:14px;
		margin:0;
		width:100%;
		box-sizing: border-box;
	}
	/*社群分享*/
	.share
	{
		list-style:none;
		
	}
	.share li
	{
		float:left;
	}
	.share a
	{
		width:30px;
		height:30px;
		display:inline-block;
		text-indent:-9999px;
		margin:5px;
	}
	.share .s1
	{
		background:url(images/facebook-icon-over.png);	
	}
	.share .s2
	{
		background:url(images/google-icon-over.png);	
	}
	.share .s3
	{
		background:url(images/twetter-icon-over.png);	
	}
	.share .s4
	{
		background:url(images/sina-icon-over.png);	
	}
	.share .s5
	{
		background:url(images/line-icon-over.png);	
	}
	.share .s6
	{
		background:url(images/ask-icon-over.png);	
	}
	.btn-fbfans
		{
			width:90px!important;
			background: url(images/fans-icon-over.png);
		}
.map,.map div
{
	padding:0!important;
}
.map iframe
{
	width:100%;
	height:400px;
}
.hidde-qa
{
	display: none;
}
.openQa
{
	margin-top:30px;
	line-height: 1;
}
.openQa span
{
	font-size:18px!important;	
}
/*Media Queries*/
@media (min-width: 768px) {
	.leaf-left img
	{
		display: block;
		width:350px;
	}
	#logo
	{
		position:absolute;
		right:120px;
		top:50px;
	}
	#logo img
	{
		width:300px;
	}
	.list-news a .news-date
	{
		float:right;
	}
	.list-news a .news-date span
	{
		display: block;
	}
	.list-news a .news-date span:first-child
	{
		font-size:16px;
	}
	.list-news a .news-date span:last-child
	{
		font-size:10px;
	}
	.list-news a
	{
		font-size:18px;
	}
	.list-news a .link-news
	{
		padding:10px 0;
	}

	.footer 
	{
		padding:20px 0;
	}
	.footer p
	{
		width:auto;
	}
	.footer p:after
	{
		content: "/";
		padding:0 10px;
	}
	.footer p:last-of-type::after
	{
		content: "";
	}
	.btn-enter
	{
		position: absolute;
		right:50px;
		left:auto;
		bottom:150px;
		z-index: 3;
	}
	.btn-main
	{
		transform:scale(1);	
	}
	.nav-main ul
	{
		background:none;
		width:580px;
		position: absolute;
		left:50%;
		margin-left:-250px;
		margin-top:0;
	}
	.nav-main ul li
	{
		position:relative;	
	}
	.nav-main ul li div
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:0%;
		background:#eee;
		z-index:1;	
		transition: all 0.7s;
	}
	.nav-main ul li a
	{
		writing-mode: vertical-lr;
		width:80px;
		height:300px;
		padding:80px 30px;
		box-sizing: border-box;
		font-size:20px;
		letter-spacing: 5px;
		background:none;
		color:#eee!important;
		z-index:2;	
		position:relative;
		transition: all 0.7s;
		border:none;
	}
	.nav-main ul li a:hover
	{
		color:#333!important;
		background:none!important;
	}
	.nav-main ul li a:hover+div
	{
		height:100%;
	}
	.nav-main ul li.active a
	{
		background:rgba(200,200,200,1.00)!important;
		color:#333!important;
	}
}
@media (min-width: 992px) {
	h2 img
	{
		width:250px;
	}
	p
	{
		font-size:16px;
	}
	.img-news-left
	{
		top:0;
	}
	.img-news-left img
	{
		height:700px;
	}
	.img-news-right img
	{
		height:500px;
	}
	.white-popup-block
	{
		width:800px;
	}
	.zhuye1 img,.zhuye2 img,.zhuye3 img
	{
		width:auto;
	}
}
@media (min-width: 1200px) {
	#logo
	{
		position:absolute;
		right:150px;
		top:50px;
	}
	#logo img
	{
		width:400px;
	}
	.leaf-left img
	{
		width:500px;
	}
	.footer 
	{
		padding:40px 0;
	}
	.footer p
	{
		font-size:16px;
	}
}
@media (min-width: 1600px) {

}
@media (max-width: 991px) AND (min-width: 768px) {

}

@media (max-width: 767px) {

}

@media only screen and (max-width: 480px) {

}


@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {


}

/* -------------------------------------------------------------------
Vertival margin, padding
------------------------------------------------------------------- */


@media only screen and (max-width:991px) {

}