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

.topArea{
	position:relative;
	height:100%;}

.bannerArea{
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
	overflow:hidden;}

a.scrollDown{
	display:block;
	position:fixed;
	right:0;
	bottom:0;
	z-index:10;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

.topCopy{
	position:relative;
	top:-25px;
	z-index:99;}

/*第二組menu*/
.menu_sec{
	display:none;
	background:url(../images/bg_menu_top.jpg) repeat-x #487110;
	width:100%;
	line-height:45px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;}

.menu_sec ul{
	float:left;}

.menu_sec ul li{
	float:left;}

.menu_sec ul li a{
	display:block;
	padding: 0 15px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	color:#FFF;}

.menu_sec ul li a b{
	display:none;}

.menu_sec .rightBox{
	float:right;}

.menu_sec .rightBox > a{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	background:#97c527;
	color:#FFF;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:100%;
	margin:0 3px;}

.menu_sec .rightBox > a i{}

.menu_sec .rightBox > a:hover{
	background:#78a733;}

.menu_sec .rightBox > a b{
	display:none;
	font-weight:normal;}

.homeMain{
	padding:40px 0;
	background: #FFF;
	
	position:relative;
	top:-25px;}

/***三格基本資料***/
.profileArea{
	clear:both;}

.profile{}

.profile > div{}

/*關於我們*/
.aboutBox{
	float:left;
	width:42%;
	padding:25px 15px;
	border:1px solid #97ad3c;
	background:url(../images/home/bg_about.jpg) no-repeat;
	background-size:cover;}

.aboutBox h2{
	margin-bottom:15px;
	text-align:center;}

.aboutBox h2 em{
	display:block;
	font-family: 'Cinzel', serif;
	font-size:30px;
	color:#7f9914;}

.aboutBox h2 strong{
	display:block;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#58820e;}

.aboutBox p{
	font-size:13px;
	color:#636363;
	line-height:1.8;
	text-align:center;}

.aboutBox .btn{
	margin-top:10px;
	text-align:center;}
	
.aboutBox .btn a{
	display:inline-block;
	width:40%;
	padding:10px 0;
	font-size:13px;
	color:#FFF;
	text-align:center;
	background: #a6bb48; /* Old browsers */
background: -moz-linear-gradient(top,  #a6bb48 0%, #829d16 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6bb48), color-stop(100%,#829d16)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a6bb48 0%,#829d16 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a6bb48 0%,#829d16 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a6bb48 0%,#829d16 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a6bb48 0%,#829d16 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6bb48', endColorstr='#829d16',GradientType=0 ); /* IE6-9 */
	
	transition:none !important;
}

.aboutBox .btn a:hover{
	background:#829D16;}

/*youtube*/
.videoBox{
	float:right;
	width:58%;
	padding-left:20px;}

/*廣告*/
.linkArea{
	padding:40px 0;}

.linkArea ul{
	margin: 0 -5px;}

.linkArea ul li{
	padding:0 5px;}

.linkArea ul li .item{
	padding:35px 45px;
	border:1px solid #d0d0d0;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.linkArea ul li .item:hover{
	border:1px solid #97ad3c;}

.linkArea ul li .Img{
	overflow:hidden;}

.linkArea ul li .Img img{
	display:block;
	width:100%;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.linkArea ul li .Img:hover img{
	opacity:0.7;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);}

.linkArea ul li .Txt{
	padding-top:20px;}

.linkArea ul li .Txt h2{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-weight:normal;}

.linkArea ul li .Txt h2 a{
	display:block;
	font-weight:normal;
	font-size:17px;
	color:#5e3808;
	
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;}

.linkArea ul li .Txt h2 a:hover{
	text-decoration:underline;}

.linkArea ul li .Txt p{
	padding-top:5px;
	font-size:13px;
	color:#6f6f6f;
	line-height:1.8;
	height:60px;}

.linkArea ul li .btn{
	margin-top:15px;
	text-align:right;}

.linkArea ul li .btn a{
	display:inline-block;
	font-size:12px;
	color:#9b9b9b;
	text-decoration:underline;}

footer{
	position:relative;
	top:-25px;}


/*------css3動畫--------*/
@-webkit-keyframes upDown {
  0%     {opacity:1;}
  50%   {opacity:0.5;}
  100% {opacity:1;}
}
@-moz-keyframes upDown {
  0%     {opacity:1;}
  50%   {opacity:0.5;}
  100% {opacity:1;}
}
@keyframes upDown {
  from     {opacity:1;}
  50%   {opacity:0.5;}
  to {opacity:1;}
}
.upDown{
	-webkit-animation: upDown ease-out 1s infinite;
	-moz-animation: upDown ease-out 1s infinite;
	-o-animation: upDown ease-out 1s infinite;
	animation: upDown ease-out 1s infinite;}

@media (max-width: 1160px){
	.topCopy{
		display:none;}
	
	.menu_sec{
		display:none !important;}
	
	.homeMain{
		top:0;}
	
	footer{
		top:0;}
	
	a.scrollDown{
		display:none !important;}
}

@media (max-width: 767px){
		
	.aboutBox{
		float:none;
		width:100%;}
	
	.videoBox{
		padding:0;
		float:none;
		width:100%;
		margin-top:20px;}
	
	.linkArea ul li .item{
		padding:15px;}
	
}

@media (max-width: 640px){
	.linkArea ul{
		margin:0;}
	
	.linkArea ul li{
		margin-bottom:20px;
		float:none;
		width:100%;}
	
	
}