@charset "utf-8";
/* CSS Document */
/***普通通用*********************************************************/
p {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
.clear {
	zoom: 1;
	clear: both;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.bold {
	font-weight: bold;
}
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(bg.jpg);
	background-position:top ;
	background-repeat:repeat-x;
}
/***頁頭範圍************************************************************************************************/

/***頁頭********************************************************/
#header_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position:top center;
	background-image: url(header_bg.jpg);
}
#header {
	width: 1000px;
	height: 145px;
	margin: 0 auto;
	position: relative;
	
}
/***頁頭********************************************************/
/***商標*********************************************************/
#logo {
	position: absolute;
	z-index: 10;
	height: auto;
	width: auto;
	left: 46px;
	top: 59px;
}
/***商標*********************************************************/
/************************************************************麵包屑*/
#breadcrumbs {
	text-align: left;
	color: #AEAEAE;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	right: 735px;
	top: 614px;
	width: 242px;
	z-index:10;
}
#breadcrumbs span {
	color: #999999;
}
#breadcrumbs img {
	padding: 0px 2px 0 0;
}
#breadcrumbs a {
	color: #8C8C8C;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#breadcrumbs a:visited {
	color: #8C8C8C;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #F90;
	text-decoration: none;
}
/************************************************************麵包屑/

/***頁頭範圍************************************************************************************************/
/***主視圖範圍**********************************************************************************************/
/***主視圖******************************************************/
#ad_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position:top center;
	background-image:url(index/ad_bg.jpg);
}
#ad {
	width: 986px;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
	padding: 7px;
	background-image: url(inpage/ad_photo_bg.png);
}
#ad_dot{
	width: 76px;
	height: 20px;
	padding:10px 0 0 0;
	position: absolute;
	left: 461px;
	top: 366px;
	z-index: 10px;
	background-image: url(index/ad_photo_bg.png);
	text-align:center;
	
	
	
	}
/***主視圖******************************************************/
/***主視圖範圍**********************************************************************************************/

/***主要內容範圍**********************************************************************************************/
/***主要內容******************************************************/
#main_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: left;
}
#main {
	width: 1000px;
	height: auto;
	position: relative;
	margin: 0 auto;
}
#main2_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: top center;
	background-image:url(iproducts/products_bg.jpg);
	background-color:#FFF9E7;
}
#main2 {
	width: 1000px;
	height: 403px;
	position: relative;
	margin: 0 auto;
}
#leftarea {
	width: 230px;
	height: auto;
	float: left;
	margin: 20px 0px 20px 0px;
	position:relative;
}
#leftarea .title_words{
	width: auto;
	height: auto;
	position: absolute;
	top: 15px;
	left: 35px;
	z-index: 3;
	
	
	}
#rightarea {
	width: 770px;
	height: auto;
	margin: 20px 0px 0px 0px;
	float: right;
}

#rightarea .title{
	width: 763px;
	height: 43px;
	padding-top:30px;
	font-size:18px;
	background-image:url(inpage/title_bg.jpg);
	font-family:'微軟正黑體';
	color:#574100;
	letter-spacing:12px;
	
}
#rightarea .title_sub{
	width: 713px;
	height: 30px;
	background-image: url(inpage/title_sub_bg.jpg);
	padding: 9px 0px 0px 55px;
	font-size: 14px;
	color: #7D7D7D;
	font-weight: bold;
	}


#rightarea .title_sub a {
	color:#A9843F;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#rightarea .title_sub a:visited {
	color: #A9843F;
	text-decoration: none;
}
#rightarea .title_sub a:hover {
	color: #F90;
	text-decoration: none;
}
#rightarea .center{
	width: 763px;
	height: auto;
	padding: 20px 0px 20px 0px;
	background-image: url(inpage/center.jpg);
	
}
#rightarea .bottom{
	width: 763px;
	height: auto;
	
	
}
#leftarea .icon{
	height: auto;
	width: 210px;
	margin-top:10px;
	float: right;
}
/*-導航--------------------------------------------------------*/
#leftnav {
	height: auto;
	width: 210px;
	float: right;
}

#leftnav .title {
	height: 76px;
	width: 210px;
	text-align:center;
	padding:15px 0px 0px 0px;
	background-image: url(leftnav/title_bg.jpg);
}
#leftnav .menu {
	height: auto;
	width: 210px;
	letter-spacing: 2px;
	background-image: url(leftnav/product_menu_btn.jpg);
}
#leftnav .menu_bottom {
	height: auto;
	width: 210px;
	color: #000;
}
#subnav {
	width: 210px;
	height: auto;
	float: left;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	background-image:url(leftnav/center.jpg);
}
#subnav .bold {
	font-weight:bold;
}
#subnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#subnav ul .lock A:link{
	color: #A9843F;	
}
#subnav ul A{
	color: #444444;
	TEXT-DECORATION: none;
}

#subnav ul A:hover,#subnav ul A.active {
	COLOR: #F90;
	TEXT-DECORATION: none;
	
}
#subnav li {
	width: 200px;
	height: auto;
	padding: 10px 0px 10px 0px;
	margin-left:20px;
	margin-right:20px;
	width: calc(100% - 40px);
	border-bottom:1px #E6E2D9 solid;
	font-size:16px;
}

#subnav li > ul > li A:hover,#subnav li > ul > li.active a {
	COLOR: #F90;
	TEXT-DECORATION: none;	
}


/***主要內容******************************************************/





/***主要內容範圍**********************************************************************************************/

/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image:url(footer_bg.jpg);
	background-position:top center;
	
}
#footer {
	position: relative;
	width: 1000px;
	height: 158px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-size: 13px;

	letter-spacing:2px;
	line-height:20px;
}
#footer .logo {
	position: absolute;
	z-index: 1px;
	top: 48px;
	right: 50px;
	width: 380px;
	height: 81px;
	text-align: right;
	padding:15px 0px 0px 0px;
	background-image: url(footer_line.jpg);
	background-position: left;
	background-repeat: no-repeat;	
}
#footer .community {
	position: absolute;
	z-index: 1px;
	top: 51px;
	left: 2px;
	width: 87px;
	height: auto;
	float: left;
}
#footer .menu {
	width: 1000px;
	height: 25px;
	padding: 5px 0px 5px 0px;
	float: right;
	text-align: center;
	color:#ffffff;
	letter-spacing:2px;
}
#footer .menu a {
	color: #ffffff;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer .menu a:hover {
	COLOR: #F60;
	TEXT-DECORATION: none;
}
#footer span {
	COLOR: #B2841F;
}
#footer .info {
	width: 900px;
	height: auto;
	float: right;
	padding: 10px 0px 0px 100px;
	text-align: left;
	color: #664B12;
	
}
#footer .copyright {
	width: 900px;
	height: auto;
	float: right;
	padding: 10px 0px 0px 100px;
	text-align: left;
	color: #B2841F;
	font-size:12px;
	letter-spacing:1px;
	
}
#footer .copyright a {
	color: #B2841F;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer .copyright a:hover {
	COLOR: #900;
	TEXT-DECORATION: none;
}
/***頁底*********************************************************/
/***頁底*********************************************************/
.form_use {
	color: #526B3A;
	background-color:#F7F7F1;
	border: #D5CFBF 1px solid;
	padding: 3px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
	behavior: repeat url(../../scripts/pie/PIE.htc);
}
.form_use:hover {
	background-color: #EEEEEE;
	border: #FF7F00 1px solid;
}
.form_use:focus {
	color: #526B3A;
	background-color: #EEEEEE;
	border: #FF7F00 1px solid;
}
.form_h {
	height: 18px;
}
.form_use2 {
	color: #526B3A;
	background-color: #FFF;
	border: #AFCE86 1px solid;
	padding: 3px 3px 3px 5px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
	behavior: repeat url(../../scripts/pie/PIE.htc);
}
.form_use2:hover {
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_use2:focus {
	color: #526B3A;
	background-color: #CAD8BE;
	border: #999 1px solid;
}
.form_use3 {
	background-color: #FFF;
	border: #DEE1E2 1px solid;
	padding: 3px 8px;
	-webkit-transition: background 200ms linear, border 200ms linear;
	-moz-transition: background 200ms linear, border 200ms linear;
	-o-transition: background 200ms linear, border 200ms linear;
	transition: background 200ms linear, border 200ms linear;
}
.form_use3:hover {
	background-color: #F3F3F3;
	border: #999999 1px solid;
}

/***頁底*********************************************************/