@charset "utf-8";
@import url("reset.css");

/* CSS Document */
body {
	background-image:url(../img/bgout.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	background-attachment: fixed;
	background-size:100%;
	min-width:1000px;
	font-size:13px;
	line-height:1.6;
	font-family:"微軟正黑體", Helvetica, Arial, sans-serif;
	
}
/*圖片透明度*/
.picopa a img 
{
   -mox-opacity:1.0; 
    filter:alpha(opacity=100);
    opacity:1.0;
}

.picopa a:hover img
{
    -mox-opacity:0.8;
   filter:alpha(opacity=80);
    opacity:0.8;
}

/*頁首*/
#top {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#top h1{
	background-image:url(../img/logo.png);
	display:block;
	width:178px;
	height:119px;
	text-indent:-9999px;
	float:left;
}

/*選單*/
#menu{
		width:822px;
		float:right;

}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:822px;
	height:119px;
}
#menu li{
	float:left;
}
#menu li a{
	display:block;
	height:119px;
	text-indent:-9999px;
	background-image:url(../img/menu.png);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity:1;
}
#menu li a:hover {
	background-image:url(../img/menu.png);
	opacity:0.8;

}
#menu li.m1 a {
	width:118px;
	background-position:0 0;
}
#menu li.m2 a {
	width:112px;
	background-position:-118px 0;
}
#menu li.m3 a {
	width:112px;
	background-position:-230px 0;
}
#menu li.m4 a {
	width:118px;
	background-position:-342px 0;
}
#menu li.m5 a {
	width:118px;
	background-position:-460px 0;
}
#menu li.m6 a {
	width:126px;
	background-position:-578px 0;
}
#menu li.m7 a {
	width:118px;
	background-position:-704px 0;
}

#menu li.m1 a:hover {
	background-position:0 -119px;
}
#menu li.m2 a:hover {
	background-position:-118px -119px;
}
#menu li.m3 a:hover {
	background-position:-230px -119px;
}#menu li.m4 a:hover {
	background-position:-342px -119px;
}
#menu li.m5 a:hover{
	background-position:-460px -119px;
}#menu li.m6 a:hover {
	background-position:-578px -119px;
}#menu li.m7 a:hover {
	background-position:-704px -119px;
}

/*內容區*/

#container{
	width:1000px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#container .nbody {
	width: 775px;
	float:right;
	padding-left: 15px;
}
#container .rbody {
	width: 775px;
	float:right;
	padding-left: 15px;
}
#container .p_body {
	width: 775px;
	float:right;
	padding: 0 0 10px 0;
}
#container .p_body_photo {
	width: 775px;
	float:right;
	height: auto;
}
#container .o_body {
	width: 775px;
	float:right;
	height: auto;
	padding: 5px 0 0 0;
}
#container .scapes_body {
    width: 775px;
	float:right;
	height: auto;
	padding: 0 0 0 0;
}	
#container .rent_body {
    width: 775px;
	float:right;
	height: auto;
	padding: 0 0 0 0;
}
#container .contact_body {
    width: 755px;
	float:right;
	height: auto;
	padding: px 0 0 0;
}
/* 聯絡我們 表單*/
.column-one-half {
	float: left;
	width: 330px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.input-section {
	float:left;
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	padding:0;	
}
.input-section input {
	float: left;
	width: 280px;
	height: 18px;
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px 10px;
	color: #333;
	font-family: "微軟正黑體";
}
.input-section textarea {
	float: left;
	width: 300px;
	height: 100px;
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px;
	resize: vertical;
	font-family: "微軟正黑體";
	font-size: 14px;
	color: #333;
}
.input-section label {
	margin:0 0 3px 0;
	float:left;
	width:100%;
}
.input-section a.send {
	width:auto;
	padding:6px 25px;
	height:20px;
	text-align:center;
	background:#B6C069;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:2px solid #8F9752;
}
.input-section a.send:hover {
	background:#9DA65A;
	border-bottom:2px solid #8F9752;
}
.alertMessage {
	color:#B6C069;
}
.alertMessage ul li {
	margin:0 0 15px 0;
	color:#ea5550;
	font-size:12px;
	font-family: "微軟正黑體";
}
.alertMessage ul {
	margin:0 0 0 15px;
	padding:0;
}
.contact-info p {
	line-height:1.7;
}
#contact_text {
	color: #587F36;
}
#contact_text p{
	color: #546948;
	font-size: 16px;	
}
	

/*右FLASH*/
#container .flash{
	width:654px;
	float:right;
}
#container .flash_share{
	width:654px;
	float:right;
}
#container .header_title {
	margin: 0 0 8px 0; 
	width: 785px;
	height: 80px;
	float: right;
	background-size: 780px 80px;
	background-repeat: no-repeat;
	background-origin: border-box;	
}
.header_title_link {
	color:#848768;
	text-align:right;
	padding: 30px 37px 0 0 ;
}
.header_title_link a{
	color:#848768;
	text-decoration:none;
}

/*左*/
#container #left{
	float:left;
	width:346px;
	height:520px;
}
#container #left_share{
	width: 206px;
	height: 520px;
	float: left;
}

/*左 最新消息*/
#container #left  .notice{
	position:relative;
	margin-top:50px;
	height:160px;	
}
.notice-notice{
	position:relative;
	height:auto;	
}
#container #left  .notice ul{
	padding-top:35px;
	list-style: url("../img/v.png") none outside; 
	color:#333;
	padding-left:15px;
}
.notice-notice ul{
	padding-top:5px;
	list-style: url("../img/v.png") none outside; 
	color:#333;
	padding-left:15px;
}
#container #left  .notice ul li{
	border-bottom:dotted 1px #CCCCCC;
	font-size:1em;
	line-height:1.8;
	color:#333;
}
.notice-notice ul li{
	border-bottom:dotted 1px #CCCCCC;
	font-size:1em;
	line-height:1.8;
	color:#333;
}
#container #left .notice ul li a:link,#container #left  .notice ul li a:visited{
	color:#333;
	text-decoration:none;
}
.notice-notice ul li a:link,
.notice-notice ul li a:visited{
	color:#333;
	text-decoration:none;
}
#container #left .notice ul li a:hover{
	color:#F60;
	text-decoration:none;
}
.notice-notice ul li a:hover{
	color:#F60;
	text-decoration:none;
}
#container #left .notice .n_tit {
	width: 72px;
	height: 34px;
	position: absolute;
} 
#container #left .notice .n_more {
	width: 34px;
	height: 8px;
	position: absolute;
	right: 0;
	top: 12px;
}

/*左 熱銷商品*/
#container #left  .hp{
	position: relative;
	margin-top: 40px;
	height: 118px;
	
}

#container #left  .hp ul{
	padding-top:34px;
}
#container #left  .hp li{
}

#container #left .hp .h_tit {
	width: 108px;
	height: 34px;
	position: absolute;
	left:0px;
}

#container #left .hp .h_more {
	width:34px;
	height:8px;
	position: absolute;
	right: 0;
	top:10px;
}

#container #left .hp ul{
	list-style:none; 
	padding-top:38px;
}
#container #left .hp ul li{
	float:left;
	padding:0 5px;
}

/*左 農場風光*/
#container #left .pg{
	clear: both;
	position: relative;
	height: 140px;
	margin-top: 15px;

}
#container #left_share .pg_share{
	clear: both;
	position: relative;
	height: 140px;
	margin-top: 0px;
}
#container #left .pg .p_tit {
	width: 125px;
	height: 34px;
	position: absolute;
	left:0px;
}

#container #left .pg .p_more {
	width:34px;
	height:8px;
	position: absolute;
	right: 0;
	top:10px;
}
#container #left .pg .pg_main {
	position:absolute;
	top:38px;
	width:328px;
	height:87px;
	border:solid 1px #CCC;
	border-radius:8px;


}
#container #left .pg .pg_main .p_img {
	float:left;
	width:145px;
	height:75px;
	padding:5px 0 0 5px;
}
#container #left .pg .pg_main .p_word {
	float: right;
	width:170px;
}
#container #left .pg .pg_main .p_word h3 {
	padding-top:5px;
	color:#ed8a7d;
	font-size:1.1em;
}

/* customization begin */
.contact_custom{
	padding-top:60px;
	padding-left:40px;
	height:500px;
	background:url(../img/contact_back.png);
	background-size:100% 100%;
}
.contact_custom a{
	color:#000 !important;
}
.contact_header{
	color:#89b640;
	font-size:18px;
	font-weight:bold;
}
.contact_detail{
	font-size:16px;
	line-height:150%;
	margin-top:15px;
}
.contact_form {
	width:100%;
	padding:5px;
	margin-top:40px;
}
.contact_form p input{
	width:70%;
	padding:5px;
	margin:2px 0px;
}
.mleftfive{
	margin-top:5px;
	margin-left:25px;
	width:72%;
	height:80px;
}
.form_left{
	color:#ca963c;
	font-weight:bold;
	padding:20px;
}
.contact_button input{
	color:#fff;
	font-weight:bold;
	border:none;
	padding:5px 8px;
	margin:0px 10px;
	background-color:#89b640;
}
/* customization end*/

/*版權宣告區*/
#footer{
	width:100%;
	height:68px;
	background-image:url(../img/footerbg.jpg);
	background-size:cover;
	background-position:center top;
}
#footer p{
	margin:0 auto;
	width:1000px;
	text-align:right;
	padding-top:15px;
}