@charset "utf-8";
/* CSS Document */
body{
	font-family:"微軟正黑體","蘋果儷黑體";
	color:#555;
	font-size:16px;
}
main p{ line-height:2em;}
a{color:#555;}
ul{margin:0;padding:0; list-style-type:none;}
.btn_container{
	text-align: center;
    margin: 1em;
}
	.btn{
		border: 1px solid;
		border-radius: 0px;
		background-color: transparent;
		color: #555;
		padding: 1em 1.5em;
	}
		.btn:hover{
			color: #357f00;
		}
		.btn i{
			transition:all .3s;
		}
		.btn:hover>i{
			transform:translateX(5px);
		}
/**color**/
.brown{color:#7b7156;}
.green_01{color:#357f00;}
.light_green{color:#a6bb7a;}
.red{color:#d24941;}
.yellow{color:#f0ff61;}

/**clearboth**/
.top_section::after,
.img_s::after{
	content:'';
	display:block;
	clear:both;
}
/**menu**/
.menu-wrap{
	background-color:rgba(0, 109, 99, 0.90);
    width: 250px;
	padding: 1em;
}
	.menu-wrap a{
		color:#fff;
		display:block;
	}
		.menu-wrap a:hover, .menu-wrap a:focus{
			color:#f0ff61;
			text-decoration:none;
		}
	.menu-wrap img{
		margin:0 auto;
	}
	.menu{
		height: calc(100% - 120px);
		overflow:auto;
	}
	.menu ul{
		margin-top:20px;
	}
		.menu ul li{
			padding:12px 0;
			border-bottom:1px dashed #f0ff61;
		}
.close_btn{
	position: absolute;
    right: 5px;
    top: 5px;
    font-size: 26px;
    color: #fff;
	cursor:pointer;
}
.menu_btn{
	position: absolute;
    top: 1%;
    left: 3%;
	cursor: pointer;
	z-index:1;
}
	.menu_btn .fa{
		position: relative;
    	top: 8px;
		margin-right:5px;
	}
/**section1**/
.top_section,.about,.qna{
	background-image:url(../img/bg_01.jpg);
	background-size: cover;
	padding: 4em 2em;
	background-position: center;
}
	.top_section img{
		padding:2em;
		float:right;
	}
/**about**/
.about{
	background-image:url(../img/bg_04.jpg);
	text-align:center;
}
	.about .tit{
		text-align:left;
	}
	.about h3{
		padding:10px 0;
	}
/**product**/
.product,.eatting{
	background-image:url(../img/bg_02.jpg);
	background-position:right bottom;
	background-color:#2b2b2b;
	background-repeat:no-repeat;
	padding: 4em 2em;
}
	.product p{
		color:#eee;
	}
	.product .btn_container{
		text-align: right;
	}
	.product .btn{
		color: #eee;
	}
	.product .btn:hover{
		color: #f0ff61;
	}
/**QnA**/
.qna{
	background-image:url(../img/bg_04.jpg);
}
.qna #accordion h4 a{
	font-weight:bold;
	display:block;
	padding:12px 0px;
}
	.panel{
		background-color:transparent;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.panel-heading{
		background-color:transparent;
		border-color:transparent;
		padding:0;
	}
	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group{
		border-top:none;
	}
	.panel-body{
		margin-left: 50px;
	}
/**eatting**/
.eatting{
	background-image:url(../img/bg_03.jpg);
	background-color:#fff;
}
	.eatting ol li{
		line-height:2em;
	}
		.eatting ol li .tit{
			width:125px;
			display:inline-block;
			color:#a6bb7a;
		}
		.eatting ol .ps{
			margin:1em 0;
		}
/**footer**/
.footer_01{
	background-color:#85a468;
	color:#fff;
	padding: 4em 2em;
}
	.footer_01 a{
		color:#fff;
		text-decoration:underline;
	}
		.footer_01 a:hover{
			color:#f0ff61;
		}
	.footer_01 img{
		margin:10px;
	}
	.footer_01 .logo{
		margin-top:-25px;
	}
	.footer_01 h4{
		color:#f0ff61;
	}
.footer_02{
	background-color:#496134;
	color:#fff;
	text-align:center;
	padding:8px;
	font-size:12px;
}
/**modal**/
.modal-content{
	color:#555;
	text-align:center;
	border-radius:0px;
	background-image:url(../img/bg_04.jpg);
}
	.modal-content .close_btn{
		color:#555;
		z-index:1;
		top: 0px;
    	right: 7px;
	}
	.modal-content .img_s a{
		margin:10px 0;
	}
/**gotop**/
.gotop {
	display:none;
    position: fixed;
    right: 20px;
    bottom: 20px;       
    font-size: 20px;
    color: #fff !important;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	background-color:rgba(166,187,122,0.8);
	border-radius:4px;
}