@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif, '微軟正黑體', '新細明體';
	background-image: url(../templants/bg.jpg);
}
#templants {
	width: 1000px;
	height: auto;
	position: relative;
	clear: both;
	margin: 0 auto;
	background-color: #FFF;
}
#logo {
	position: absolute;
	z-index: 1;
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
}
#top_box {
	width: 100%;
	height: auto;
	background-image: url(top_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#top {
	width: 1000px;
	height: 354px;
	margin: 0 auto;
	background-image: url();
	position: relative;
}
#AD_top {
	width: 1000px;
	height: auto;
	position: absolute;
	z-index: 30;
	top: 274px;
	left: 0px;
}
/**/
#center {
	width: 1000px;
	height: 248px;
	margin: auto;
	clear: both;
	position: relative;
	background-image: url(center_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#sidebar {
	float: left;
	height: auto;
	width: 240px;
}
/*搜尋*/
#searchbar {
	background-image: url(../templants/search.jpg);
	height: 22px;
	width: 180px;
	margin-bottom: 23px;
	padding-top: 29px;
	padding-right: 40px;
	padding-bottom: 11px;
	padding-left: 20px;
}
#searchbar .floatLeft {
	line-height: 20px;
	background-color: transparent;
	height: 22px;
	width: 145px;
	border: 0px;
	margin: 0px;
}
#searchbar .floatRight {
	height: 22px;
	width: 30px;
}
/*產品選單*/
#subnav {
	height: auto;
	width: 240px;
	background-image: url(../templants/left-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 51px 0 26px 0;
}
#subnav ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
#subnav ul {
	width: 210px;
}
#subnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#subnav ul li a {
	display: block;
	text-decoration: none;
}
#subnav ul li a:hover {
	text-decoration: underline;
}
#subnav .nav {
	width: 96%;
	min-height: 20px;
	color: #505050;
	height: auto;
	padding: 15px 2% 15px 2%;
	font-weight: bold;
	background-image: url(../templants/subnav-lin.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#subnav .nav a {
	color: #b1945c;
	background-image: url(../templants/subnav-dot.jpg);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding-left: 25px;
}
#subnav .nav a:hover, #subnav .nav.on a {
	text-decoration: none;
	color: #900;
}
#subnav .item {
	width: 85%;
	height: auto;
	padding: 3px 0 3px 15%;
	font-size: 12px;
}
#subnav .item li {
	width: 95%;
	background-image: url(left-dot2.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 3px 0 3px 5%;
}
#subnav .item li a {
	color: #535353;
	text-decoration: none;
}
#subnav .item li a:hover {
	color: #F60;
	text-decoration: underline;
}
#sidebar .info {
	height: auto;
	width: 210px;
	padding-left: 5px;
	margin: 0 30px 0px 22px;
}
/*臉書框*/
#facebook {
	height: 455px;
	width: 215px;
	margin-bottom: 22px;
}
/*社群分享按鈕*/
#association {
	width: 240px;
	height: auto;
	margin-bottom: 22px;
}
#AD {
	width: 1000px;
	height: 354px;
	overflow: hidden;
	position: relative;
	float: right;
	margin-bottom: 0px;
}
/*左右水平廣告輪播*/
#blockAd * {
	margin: 0;
	border: 0;
	padding: 0;
}
#blockAd {
	max-width: 1000px;
	height: 354px;
	background-image: url(../jq/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#blockAd {
	margin: 0 auto;
}
#blockAd .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
#blockAd .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#blockAd .slides li.active {
	display: block;
	position: relative;
}
#blockAd .crop li img {
	width: auto;
}
/*點點*/
#blockAd .pager {
	height: 20px;
	text-align: center;
	position: absolute;
	z-index: 1;
	right: 40px;
	bottom: 10px;
}
#blockAd .pager li {
	display: inline-block;
}
#blockAd .pager li a, #blockAd .pager li a span {
	display: block;
	height: 9px;
	width: 9px;
}
#blockAd .pager li a {
	text-indent: -3000px;
	margin-right: 3px;
}
#blockAd .pager li a span {
	background-image: url(../jq/cir_ctrl.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#blockAd .pager li.active a span {
	background-position: right top;
}
#main {
	float: left;
	height: 248px;
	width: 1000px;
}
/*首頁畫面*/
#about {
	float: right;
	height: 175px;
	width: 250px;
	position: absolute;
	left: 519px;
	top: 54px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #463220;
}
/*more按鈕*/
#more_but {
	height: 9px;
	width: 41px;
	position: absolute;
	left: 245px;
	top: 92px;
}
.more span {
	width: 41px;
	height: 9px;
	float: left;
	display: inline-block;
	background: url('more.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#more_but .more:hover span {
	background-position: 0 -9px;
}
#more_but2 {
	height: 11px;
	width: 35px;
	position: absolute;
	left: 704px;
	top: 598px;
}
.more span {
	width: 35px;
	height: 11px;
	float: left;
	display: inline-block;
	background: url('more.png') no-repeat 0 0;
	-webkit-transition: background-position 100ms linear;
	-moz-transition: background-position 100ms linear;
	-o-transition: background-position 100ms linear;
	transition: background-position 100ms linear;
}
#more_but2 .more:hover span {
	background-position: 0 -11px;
}
/*more按鈕*/
#news {
	float: left;
	height: 118px;
	width: 270px;
	position: absolute;
	left: 16px;
	top: 119px;
}
#news .list {
	clear: both;
	height: 17px;
	width: 270px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0%;
	padding-top: 5px;
	border-bottom: 1px #996600 dotted;
}
#news .date {
	color: #587500;
	float: left;
	height: 17px;
	width: 90px;
	font-size: 12px;
	line-height: 17px;
	background-image: url();
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	letter-spacing: 0px;
}
#news .caption {
	height: auto;
	width: 175px;
	float: right;
	padding: 0;
	font-size: 13px;
}
#news .caption a {
	color: #754e38;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#news .caption a:hover {
	color: #FF2020;
	text-decoration: none;
}
#news .depiction {
	height: auto;
	width: 319px;
	padding-top: 2px;
	clear: both;
}
#products {
	height: 183px;
	width: 741px;
	float: left;
	position: absolute;
	left: 29px;
	top: 627px;
}
#products .list {
	float: left;
	height: 183px;
	width: 122px;
	margin: 0 25px 0 0;
}
#products .photo {
	margin: auto;
	height: 122px;
	width: 122px;
}
#products .photo img {
	border: 2px solid #FFF;
	-webkit-transition: border-color 120ms linear;
	-moz-transition: border-color 120ms linear;
	-o-transition: border-color 120ms linear;
	transition: border-color 120ms linear;
}
#products .photo img:hover {
	border-color: #634629;
}
#products .caption {
	font-weight: bold;
	height: 37px;
	width: 100%;
	line-height: 37px;
	text-align: center;
	font-size: 13px;
	color: #534949;
}
#products .caption a {
	color: #534949;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#products .caption a:hover {
	color: #F30;
	text-decoration: none;
}
#products .money {
	font-weight: bold;
	width: 100%;
	text-align: center;
	height: auto;
	color: #97744c;
	font-size: 13px;
}
#products .money span {
	color: #e96b6b;
}
/*首頁畫面*/
#footer_box {
	width: 100%;
	height: auto;
	background-image: url(../templants/footer_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#footer {
	width: 1000px;
	height: 120px;
	position: relative;
	clear: both;
	margin: 0 auto;
	background-image: url();
	padding-top: 79px;
}
/*fb*/
#fb_box {
	width: 100px;
	height: 20px;
	position: absolute;
	left: 849px;
	top: 216px;
	font-size: 13px;
}
#fb_box a {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#fb_box a:hover {
	color: #FC0;
	text-decoration: none;
}