@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;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
	font-size: 13px;
	background-color: #000;
}
/***頁頭範圍************************************************************************************************/
/***浮動購物選單********************************************************/
#right_float {
	position: absolute;
	z-index: 5;
	top: 497px;
	right: -213px;
	width: 75px;
	height: auto;
	background-image: url(../data/wrapper/right_float/bg.jpg);
}
#right_float .top {
	width: 100%;
	height: auto;
}
#right_float .center {
	width: 100%;
	height: 58px;
	text-align: center;
	color: #958F71;
	padding: 8px 0 0 0;
	font-size: 25px;
	font-weight: bold;
	background-image: url(../data/wrapper/right_float/center_bg.png)
}
#right_float .center2 {
	width: 100%;
	height: 58px;
	text-align: center;
	color: #958F71;
	padding: 8px 0 0 0;
	font-size: 25px;
	font-weight: bold;
	background-image: url(../data/wrapper/right_float/center2_bg.png)
}
#right_float .btn {
	width: 100%;
	height: auto;
	padding: 10px 0 5px 0;
	text-align: center;
}
#right_float .bottom {
	width: 100%;
	height: auto;
}
/***浮動購物選單********************************************************/

/***上列按鈕*********************************************************/
#top_btn {
	position: absolute;
	z-index: 1;
	left: 445px;
	top: 52px;
}
/***上列按鈕*********************************************************/
/***頁頭********************************************************/
#header_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/ad01.jpg);
	background-position:center;
}
#header {
	width: 1000px;
	height: 439px;
	margin: 0 auto;
	position: relative;
}
#products #carousel_menu li{
	width:237px;
	height:180px;
	float:left;
}
/***頁頭********************************************************/
/***商標*********************************************************/
#logo {
	position: absolute;
	z-index: 1;
	left: 135px;
	top: 82px;
}
/***商標*********************************************************/
/***頁頭範圍************************************************************************************************/
/***主要內容範圍**********************************************************************************************/
/***主要內容******************************************************/
#main_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/bg.png);
}
#main {
	width: 1000px;
	height: 428px;
	position: relative;
	margin: 0 auto;
	background-image: url(../data/wrapper/main_bg.jpg);
}
#main_box2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/bg2.jpg);
}
#main2 {
	width: 1000px;
	height: 375px;
	position: relative;
	margin: 0 auto;
	background-image: url(../data/wrapper/main_bg2.jpg);
}
/***主要內容******************************************************/
/***關於我們******************************************************/
#about {
	position: absolute;
	z-index: 1;
	top: 204px;
	left: 634px;
	height: auto;
	width: 352px;
	color: #666666;
	margin: 0px 0px 0px 0px;
}
#about .content {
	width: 100%;
	height: auto;
	font-size: 13px;
	text-align: left;
	color: #464646;
	line-height: 22px;
}
/***關於我們******************************************************/
/***最新消息******************************************************/
#news {
	position: absolute;
	z-index: 1;
	top: 244px;
	left: 161px;
	height: auto;
	width: 375px;
	color: #2C3B48;
	font-size: 12px;
	letter-spacing: 2px;
}
#news .more {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 321px;
	width: 53px;
	height: 20px;
}
#news .center {
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	float: left;
}
#news .list {
	height: auto;
	width: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
	background-image: url(../data/wrapper/news/bg.jpg)
}
#news .list2 {
	height: auto;
	width: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
}
#news .caption {
	width: 280px;
	height: 26px;
	float: left;
	text-align: left;
	color: #464646;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 13px 0 0 10px;
}
#news .caption a {
	color: #464646;
	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: #900;
	TEXT-DECORATION: none;
}
#news .date {
	width: 85px;
	height: auto;
	float: left;
	padding: 13px 0 0 0px;
	font-size: 12px;
	text-align: left;
	color: #ABA76B;
}
/***最新消息******************************************************/

/***首頁相簿*******************************************************/
#products {
	position: absolute;
	z-index: 1;
	top: 145px;
	left: 27px;
	height: auto;
	width: 946px;
	margin: 0px 0px 0px 0px;
	color: #514E4F;
	font-size: 15px;
	letter-spacing: 2px;
}
#products 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;
}
#products a:hover {
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
#products .left {
	width: 22px;
	height: auto;
	position: absolute;
	z-index: 5;
	left: -26px;
	top: 72px;
	cursor:pointer;
}
#products .right {
	width: 22px;
	height: auto;
	float: right;
	position: absolute;
	z-index: 5;
	left: 947px;
	top: 78px;
	cursor:pointer;
}
#products .center {
	width: 100%;
	height: auto;
	margin: auto;
}
#products .photobox {
	height: auto;
	width: 234px;
	float: left;
	background-image: url(../data/wrapper/products/bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#products .photo {
	/*height: 165px;
	width: 220px;
	/*margin: auto;*/
}
#products .photo img {
	padding: 4px;
	border: 1px #D5D6D1 solid;
	background-color: #FFF;
}
/*圖片覆蓋***************************/
/*上層需要設定position:relative;******/
#products .cover {
	width: 220px;
	height: 75px;/*需扣掉64px高度*/
	padding-top: 90px;
	text-align: center;
	
	top: 5px;
	left: 6px;
	filter: alpha(opacity=0); /*IE,透明度50%*/
	-moz-opacity: 0; /*Firefox,透明度50%*/
	opacity: 0;/*其他浏览器,透明度50%*/
	position: absolute;
}
#products .photo:hover .cover {
	width: 220px;
	height: 75px;/*需扣掉64px高度*/
	filter: alpha(opacity=100); /*IE,透明度50%*/
	-moz-opacity: 1; /*Firefox,透明度50%*/
	opacity: 1;/*其他浏览器,透明度50%*/
	background-image: url(../data/wrapper/products/cover.png);
}
#products .cover a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#products .cover a:visited {
	color: #fff;
	text-decoration: none;
}
#products .cover a:hover {
	color: #F27F3F;
	text-decoration: none;
}
/*圖片覆蓋***************************/
#products .frame_info {
	width: 140px;
	height: 44px;
	margin: auto;
	margin-top: 22px;
	padding: 10px 0 0 0;
	background-image: url(../data/wrapper/products/caption_bg.jpg);
}
#products .photobox:hover .frame_info {
	background-image: url(../data/wrapper/products/caption_bg-.jpg);
}
#products .caption {
	width: 140px;
	height: auto;
	margin: auto;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#products .price {
	width: 140px;
	height: auto;
	margin: auto;
	text-align: center;
	color: #FFFFFF;
	padding-top: 5px;
	font-weight: bold;
}
#products .more {
	position: absolute;
	z-index: 2;
	left: 412px;
	top: 198px;
	width: 124px;
	height: 32px;
}
/************************************************************/

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


/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/footer/bg.jpg);
	background-repeat:repeat-x;
}
#footer_box .footer {
	position: relative;
	width: 1000px;
	height: 116px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 16px;
}
#footer_box .qr {
	position: absolute;
	z-index: 1px;
	top: 15px;
	left: 16px;
	width: 83px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .gotop {
	position: absolute;
	z-index: 1px;
	top: -19px;
	left: 908px;
	width: 60px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .community {
	position: absolute;
	z-index: 1px;
	top: 76px;
	left: 760px;
	width: auto;
	height: auto;
}
#footer_box .menu {
	width: 490px;
	height: auto;
	float: right;
	text-align: right;
}
#footer_box .menu a {
	color: #DF9202;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .menu a:hover {
	COLOR: #900;
	TEXT-DECORATION: none;
}
#footer span {
	COLOR: #777E8E;
}
#footer_box .info {
	width: 990px;
	height: auto;
	float: right;
	padding: 20px 10px 0px 0px;
	text-align: right;
	color: #B1B4BE;
	line-height: 25px;
	letter-spacing: 2px;
}
#footer_box .info_1 {
	width: 380px;
	height: auto;
	float: left;
	padding: 0 0 0 120px;
	text-align: left;
	color: #676767;
}
#footer_box .info_1 .s01{
	color:#A09D80;
	font-weight:bold;
	
	
	}
#footer_box .info_2 {
	width: 490px;
	height: auto;
	float: right;
	color: #676767;
}
#footer_box .copyright {
	width: 455px;
	height: auto;
	color: #777E8E;

}
#footer_box .copyright a {
	color: #777E8E;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .copyright a:hover {
	COLOR: #FFF;
	TEXT-DECORATION: none;
}


#footer_box .terms {
	width: 130px;
	height: auto;
	color: #777E8E;
	position: absolute;
	z-index: 5;
	left: 859px;
	top: 78px;
	text-align: right;
	letter-spacing: 2px;

}
#footer_box .terms a {
	color: #DF9202;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .terms a:hover {
	COLOR: #900;
	TEXT-DECORATION: none;
}
/***頁底*********************************************************/
#products #carousel_menu{
	width: 942px !important;
}