/*
	自定樣式
*/
/*## Table of Content  ## ==================
===========================================================================
# 1- Booling google fonts from google server ( Open Sans, Sanchez )
===========================================================================
# 2- General styling and reset mstyling
===========================================================================
# 3- Header styling 
===========================================================================
# 4- footer styling 
===========================================================================
# 5- element styling
===========================================================================
# 6- side panel styling
===========================================================================
# 7- Media qauery styling for this file
=================================================================================*/


/* # 1- pull open sans & sanchez fonts from gooogle server
=================================================================================*/
/*==== pull open sans & sanchez fonts from gooogle server ===*/
@import url(http://fonts.googleapis.com/css?family=Sanchez:400italic,400|Open+Sans:400italic,600italic,700italic,400,600);

/*
font-family: 'Sanchez', serif;
font-family: 'Open Sans', sans-serif;
*/


/*# 2- reset styling and general styling
===================================================================================*/
/*=========== body =============*/
body {
	color:#333;
	/*font-size: 12px;*/
	line-height:auto;
	/*font-family: 'Open Sans', Arial, Tahoma sans-serif;*/
	font-family: "微軟正黑體", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	/*background: url(../../images/body_mainBg.jpg) 0 100% repeat;	*/
	position: relative;
}

#wrapper{background:url(../../images/body_topBg.jpg) repeat-x;}

/*==== heading ====*/
h1, h2, h3, h4, h5, h6 {
	/*margin:0; padding:0;*/
	color:#404040;
	/*font-family: 'Sanchez', serif;*/
	/*font-weight: 400;*/
}
h1 { font-size: 18px; line-height:26px; }
h2 { font-size: 16px; text-transform: uppercase; line-height:22px; }
h3 { font-size:14px; text-transform: uppercase; line-height:22px; }
h4, h5, h6 { font-size: 14px; }


/*===== title h3 =========*/
.titleHeader {	
}
.titleHeader h3 {
}

/*=================== mainContainer ==============*/
.mainContainer {
	background:#fff;
	padding:10px 0;
	background:url(../../images/tpl_mainContainer.png) repeat-x;
}


/*# 3- Header styling 
============================================================================*/
/*====== header style ======*/
header {
	margin:0;
	padding:0;
	width:100%;
}
	/* topHeader */
	.topHeader {
		height:30px;
		background:url(../../images/tpl-top.png) no-repeat;
	}

	/* mainHeader */
	.mainHeader {
		height:217px;
		background:url(../../images/tpl-mainheader.png) no-repeat;
	}
	.mainHeader .brand {
	display: block;
  	text-indent: -999px;
	width: 440px;
  	height: 100px;
  	padding: 0;
  	margin: 0;
  	background: url(../../images/logo.png) no-repeat;
	}
	
	/* subHeader */
	.subHeader {
		height:51px;
		background:url(../../images/tpl_navbkg.png) no-repeat;
	}
	/*---------上方選單------------*/	
	.subHeader .navbar{ height:51px;}
	.subHeader .navbar ul{
			list-style:none;
			padding:0;
			margin:0
		}
	.subHeader .navbar li{
			text-indent: -9999px;
			float:right;			
		}
	.subHeader .navbar li.sep-vertical{ width:15px; height:51px; background:url(../../images/navbar-sep-vertical.png) no-repeat;}
		
	.subHeader .navbar li a{
		display:block;
		height:51px;
		width:115px;
		line-height:51px;
		}
	/*最新消息*/
	.subHeader .navbar li a.news{background:url(../../images/navbar_0_1.png) no-repeat;}
	.subHeader .navbar li a.news:hover{background:url(../../images/navbar_1_1.png) no-repeat;}
	/*加入最愛*/
	.subHeader .navbar li a.addbookmark{background:url(../../images/navbar_0_2.png) no-repeat;}
	.subHeader .navbar li a.addbookmark:hover{background:url(../../images/navbar_1_2.png) no-repeat;}
	/*位置導覽*/
	.subHeader .navbar li a.place{background:url(../../images/navbar_0_3.png) no-repeat;}
	.subHeader .navbar li a.place:hover{background:url(../../images/navbar_1_3.png) no-repeat;}
	/*相關連結*/
	.subHeader .navbar li a.sitelinks{background:url(../../images/navbar_0_4.png) no-repeat;}
	.subHeader .navbar li a.sitelinks:hover{background:url(../../images/navbar_1_4.png) no-repeat;}
	/*訪客留言*/
	.subHeader .navbar li a.feedback{background:url(../../images/navbar_0_5.png) no-repeat;}	
	.subHeader .navbar li a.feedback:hover{background:url(../../images/navbar_1_5.png) no-repeat;}
	
	/*---------語系選單------------*/
	.subHeader .lngnav ul{
			list-style:none;
			padding:0;
			margin:0 20px;
		}
	.subHeader .lngnav li{
			text-indent: -9999px;
			float:right;			
		}
		
	.subHeader .lngnav li a{
		display:block;
		height:51px;
		line-height:51px;
		}
	/*中文*/
	.subHeader .lngnav li a.lng_tw{ width:62px; background:url(../../images/lngnav_0_1.png) no-repeat;}
	.subHeader .lngnav li a.lng_tw:hover{width:62px; background:url(../../images/lngnav_1_1.png) no-repeat;}
	/*日語*/
	.subHeader .lngnav li a.lng_jp{width:60px; background:url(../../images/lngnav_0_2.png) no-repeat;}
	.subHeader .lngnav li a.lng_jp:hover{width:60px; background:url(../../images/lngnav_1_2.png) no-repeat;}
	/*ENGLISH*/
	.subHeader .lngnav li a.lng_en{width:102px; background:url(../../images/lngnav_0_3.png) no-repeat;}
	.subHeader .lngnav li a.lng_en:hover{width:102px; background:url(../../images/lngnav_1_3.png) no-repeat;}		
		

/*# 4- footer styling 
==============================================================================*/
/*==================== footer style ================*/
footer { margin:20px 0;color:#13768a; background:url(../../images/tpl-footer.png) no-repeat; height:96px;}

/*====================== end footer ====================*/


/*# 5- element styling
=============================================================================*/
/*===== 共用 =========*/
.required{color:#F30;}

/*===== 目前所在路徑 =========*/
.currpath{
	background-color:;
	text-align:left;
	height:36px;
	margin-bottom:5px;	
	border-bottom:1px solid #CCC;
	}
.currpath .breadcrumb{
	display:inline-block;
	}
.currpath .breadcrumb li{
	float:right;	
	}	
	
/*================= side-r	右側邊攔 ================*/	
.side-r	{ padding:5px 0; text-align:right;}
	.side-r img{margin-bottom:10px;}
/*================= sidenav 左側選單 ================*/
.sidenav{text-align:center; padding:0;}
	.sidenav .titleHeader{
		text-indent: -9999px;	
		background:url(../../images/welcome.png) no-repeat;
		width:240px;
		height:130px;
		margin:0 auto;
		}
	
	.sidenav ul{
		width:206px;
		margin:10px auto 0;
		border:solid 5px #cce6e5;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;	
		}
	.sidenav ul.unstyled {
		padding:10px 0;
	}
	.sidenav li{
		padding:0;
		margin:0;
		}
	.sidenav li.sep-horizontal{ height:13px; background: url(../../images/sidenav-sep-horizontal.png) no-repeat;}
	.sidenav li a{
		text-indent: -9999px;	
		display:block;
		height:37px;
		line-height:37px;
		}	
		/*沿革資料*/
		.sidenav ul.unstyled li a.history{background:url(../../images/sidenav_0_1.png) no-repeat;}
		.sidenav ul.unstyled li a.history:hover{background:url(../../images/sidenav_1_1.png) no-repeat;}
		/*地理環境介紹*/
		.sidenav ul.unstyled li a.condition{background:url(../../images/sidenav_0_2.png) no-repeat;}
		.sidenav ul.unstyled li a.condition:hover{background:url(../../images/sidenav_1_2.png) no-repeat;}
		/*美生菜介紹*/
		.sidenav ul.unstyled li a.lettuce{background:url(../../images/sidenav_0_3.png) no-repeat;}
		.sidenav ul.unstyled li a.lettuce:hover{background:url(../../images/sidenav_1_3.png) no-repeat;}
		/*組織經營特色*/
		.sidenav ul.unstyled li a.organizational{background:url(../../images/sidenav_0_4.png) no-repeat;}
		.sidenav ul.unstyled li a.organizational:hover{background:url(../../images/sidenav_1_4.png) no-repeat;}
		/*七大管理*/
		.sidenav ul.unstyled li a.management{background:url(../../images/sidenav_0_5.png) no-repeat;}
		.sidenav ul.unstyled li a.management:hover{background:url(../../images/sidenav_1_5.png) no-repeat;}
		/*達人介紹*/
		.sidenav ul.unstyled li a.specialist{background:url(../../images/sidenav_0_6.png) no-repeat;}
		.sidenav ul.unstyled li a.specialist:hover{background:url(../../images/sidenav_1_6.png) no-repeat;}
		/*結球萵苣生產流程*/
		.sidenav ul.unstyled li a.processes{background:url(../../images/sidenav_0_7.png) no-repeat;}
		.sidenav ul.unstyled li a.processes:hover{background:url(../../images/sidenav_1_7.png) no-repeat;}
		/*農藥殘留檢驗分析*/
		.sidenav ul.unstyled li a.analysis{background:url(../../images/sidenav_0_8.png) no-repeat;}
		.sidenav ul.unstyled li a.analysis:hover{background:url(../../images/sidenav_1_8.png) no-repeat;}
		/*TGAP與CAS*/
		.sidenav ul.unstyled li a.certification{background:url(../../images/sidenav_0_9.png) no-repeat;}
		.sidenav ul.unstyled li a.certification:hover{background:url(../../images/sidenav_1_9.png) no-repeat;}
		/*活動剪影*/
		.sidenav ul.unstyled li a.events{background:url(../../images/sidenav_0_10.png) no-repeat;}
		.sidenav ul.unstyled li a.events:hover{background:url(../../images/sidenav_1_10.png) no-repeat;}


/*================= 主內容區 ================*/
.maincnt{ margin-left:0;}
	.maincnt .header{ margin:5px 0 10px 0;}
	/*Home*/
	.maincnt .homeblock1{text-align:center; margin-top:10px;}	
	.maincnt .homeblock2{margin-top:10px;}	
		.maincnt .homeblock2 img{ margin:10px;}		

/*# 6- side panel styling
============================================================================*/


/*# 7- Media qauery styling for this file
=================================================================================*/
@media (max-width: 979px) {}

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width: 767px) {}

@media (max-width: 480px) {}