@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
table {
	border-collapse:collapse; 
	border-spacing:0;
}
#index_inbox{
	width:1000px;
	margin:0px auto;
	position:relative;
	}
/*right bar css start*/
div.right_bar{
	width:70px;
	top:0px;
	position:absolute;
	border:1px solid #dbdbdb;	
	margin-top:171px;
	margin-left:1010px;
	background:#fff;
	}
	
/*瀏覽紀錄*/
div.right_bar div.view{
	padding-bottom:0px;
	}
div.right_bar div.view div.icon{
	padding:0px 4px;
	text-align:center;
	overflow:auto;
	}
div.right_bar div.view div.icon h1{
	padding:0px 0px 5px 0px;
	text-align:center;
	margin:0px;
	}
div.right_bar div.view div.icon h1 img{
	width:60px;
	}
div.right_bar div.view div.s_title{
	width:70px;
	text-align:center;
	margin-bottom:5px;
	background:#efefef;
	border-bottom:1px solid #e2e2e2;
	padding:1px 0px 1px 0px;	
	
	font-family: Arial, Helvetica, sans-serif,"新細明體";
	font-size: 11px;
	color: #707070;
	font-weight:normal;
	line-height: 18px;
	text-decoration:none;
	}
	
/*追蹤清單*/	
div.right_bar div.mylist{
	padding-bottom:0px;
	}
div.right_bar div.mylist div.s_title{
	width:70px;
	text-align:center;
	margin-bottom:0px;
	background:#efefef;
	border-top:1px solid #e2e2e2;
	padding:1px 0px 1px 0px;	
	
	font-family: Arial, Helvetica, sans-serif,"新細明體";
	font-size: 11px;
	color: #707070;
	font-weight:normal;
	line-height: 18px;
	text-decoration:none;
	}	
div.right_bar div.mylist div.s_title a{
	color: #707070;
	text-decoration:none;
	}
div.right_bar div.mylist div.s_title a:hover{
	color: #e12b71;
	text-decoration:none;
	}
	
/*購物車*/			
div.right_bar div.cart{
	padding-bottom:0px;
	}
div.right_bar div.cart div.s_title{
	width:70px;
	text-align:center;
	margin-bottom:0px;
	background:#efefef;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:1px 0px 1px 0px;	
	
	font-family: Arial, Helvetica, sans-serif,"新細明體";
	font-size: 11px;
	color: #707070;
	font-weight:normal;
	line-height: 18px;
	text-decoration:none;
	}	
div.right_bar div.cart div.icon h1{
	font-family: Arial, Helvetica, sans-serif,"新細明體";
	font-size: 12px;
	color: #666;
	font-weight:normal;
	line-height: 18px;
	text-decoration:none;
	text-align:center;
	}
div.right_bar div.cart div.icon h1 a{
	color: #666;
	text-decoration:none;
	}
div.right_bar div.cart div.icon h1 a:hover{
	color: #e12b71;
	text-decoration:none;
	}
	
/*icon*/	
div.right_bar div.button{
	padding-bottom:0px;
	}
/*right bar css end*/
/* 語系選單 */
.navigation {
	padding:0;
	width:100px;
	list-style-type:none;
	position:absolute;
	z-index:999;
	font-family:Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	margin-top: -9px;
	margin-right:0px;
	margin-bottom: 0;
	margin-left: 0;
	} 
.navigation li {
	float:left;
	width:100px;
    padding:0;
	margin:0px;
	_margin-right:-2px;
	} 
/* 設置選單區塊*/
.navigation li dl {
	width:100px;
	margin:0;
	padding:0;
	} 
.navigation li dt a , .navigation li dd a{ display:block;}
 
/* 設置主選單dt */
.navigation li dt {
	margin:0;
	padding:0px;
	overflow:hidden;
	} 
.navigation li dt a ,.navigation  li dt a:visited {
	display:block; 
    color:#333;
    text-decoration:none;
	}
 
/* 設置子選單dd */
.navigation li dd { 
	margin:0; 
    padding:0;
	color:#fff;
	text-align:left;
	} 
.navigation li dd a, .navigation  li dd a:link {
	display:block;
	color:#9a9ca2;
	text-decoration:none;
	background:#fff;
	text-align:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c4c9cf;
	border-bottom-color: #c4c9cf;
	border-left-color: #c4c9cf;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 10px;
    }
.navigation li dd a, .navigation  li dd a:visited {
	display:block; 
	color:#9a9ca2; 
    text-decoration:none; 
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c4c9cf;
	border-bottom-color: #c4c9cf;
	border-left-color: #c4c9cf;
	background:#fff;
	text-align:left;
    }
.navigation li dd a, .navigation  li dd a:active {
	display:block; 
	color:#000; 
    text-decoration:none; 
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c4c9cf;
	border-bottom-color: #c4c9cf;
	border-left-color: #c4c9cf;
	background:#e6e6e7;
	text-align:left;
    }
.navigation li dd a, .navigation  li dd a:hover {
	display:block; 
	color:#000; 
    text-decoration:none; 
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #c4c9cf;
	border-bottom-color: #c4c9cf;
	border-left-color: #c4c9cf;
	background:#e6e6e7;
	text-align:left;
    }
	 
/*隱藏子選單*/
.navigation li dd { display:none;}
 
 
/* 滑鼠滑入顯示子選單 */
.navigation li:hover dd, .navigation li a:hover dd { display:block;}
 
/*ie6 hack*/
.navigation li:hover,.navigation li a:hover {
	border:none;
	}
.navigation table { border-collapse:collapse; 
    padding:0; 		
	text-align:left;
	}

/*圖片連結透明度*/		
a:hover img.alpha {
 opacity: 0.70;
 filter: alpha(opacity=70);
}	
	
/*首頁大圖淡入淡出效果*/
	a img {
		border: none;
	}
	#abgne_fade_pic {
		position: relative;
		width: 1000px;
		height: 460px;
		border: 0px solid ;
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 10px;
		bottom: 10px;
		/*display: none;		 隱藏按鈕選單 */		
	}
	#abgne_fade_pic .control a {
		display: inline-block;
		padding: 1px;
		margin: 0 2px;
		width: 16px;
		color: #666;
		background: #fff;
		border: 1px solid  #ccc;
		text-align: center;
		text-decoration: none;
		font-family: Arial,"新細明體",Helvetica, sans-serif;
		font-size: 12px;
	}
	#abgne_fade_pic .control a.on {
		font-weight: bold;
		color: #fff;
		background: #666;
	}
	
/*頁碼*/
DIV.quotes {
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 12px;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}	

/* 左項分類*/
.level{
	width:194px;
	float:left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.level dl{
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 12px;
	margin:0; 
	padding:0;
	display:block; 

}
.level dt{ 
	height:30px;
	list-style:none;  
	margin:0;
	padding:0; 
	display:block;
	background:url(../images/level_bg.gif) no-repeat left top; 
	color: #333;
	text-decoration:none;
}
.level dt a{  
	height:24px;
	color: #333;
	display:block;
	padding:6px 10px 0 20px;
	font-weight:normal;
	text-decoration:none;
}
.level dt a:hover{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(../images/level_bg2.gif) no-repeat left top;
}
.level dt.on{ 
	height:24px;
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(../images/level_bg2.gif) no-repeat left top;
	padding:6px 0px 0 20px;
}
.level dt.on a{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	padding:0; 
}
.level dt.on a:hover{
	background:url();
}

/* 網站地圖分類*/
.level2{
	width:170px;
	float:left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.level2 dl{
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 12px;
	margin:0; 
	padding:0;
	display:block; 

}
.level2 dt{ 
	height:25px;
	list-style:none;  
	margin:0;
	padding:0; 
	display:block;
	background:url(../images/level_bga.gif) no-repeat left top; 
	color: #333;
	text-decoration:none;
}
.level2 dt a{  
	height:24px;
	color: #333;
	display:block;
	padding:6px 10px 0 32px;
	font-weight:normal;
	text-decoration:none;
}
.level2 dt a:hover{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(../images/level_bg2a.gif) no-repeat left top;
}
.level2 dt.on{ 
	height:24px;
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(../images/level_bg2a.gif) no-repeat left top;
	padding:6px 0px 0 32px;
}
.level2 dt.on a{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	padding:0; 
}
.level2 dt.on a:hover{
	background:url();
}

/* 產品分類*/
.level3{
	width:188px;
	float:right;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	
	font-family: 微軟正黑體,Arial,"新細明體",Helvetica, sans-serif;
	font-weight:normal;
	font-size: 15px;
	margin:0; 
	padding:0;
	display:block; 
}
.level3 ul{
	list-style:none;  
	margin:0;
	padding:0; 
	display:block;
	background:url(../images/level_bg.gif) no-repeat left top; 
	color: #333;
	text-decoration:none;
}
.level3 ul a{ 
	color: #333;
	display:block;
	padding:8px 10px 8px 20px;
	font-weight:normal;
	text-decoration:none;
}
.level3 ul a:hover{  
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
	background:url(../images/level_bg2.gif) no-repeat left top;
}
.level3 ul ul{ background:none;}
.level3 ul li { 
	color: #333;
	margin:0px;
	padding:0px 10px 0px 0px;
	display:block; 
}
.level3 ul li a{ 
	color: #333;
	display:block;
	text-decoration:none;
}
.level3 ul li a:hover{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
	background:none;
}

/* 產品分類 此組之後可刪除*/
.level3{
	width:188px;
	float:right;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.level3 dl{
	font-family: 微軟正黑體,Arial,"新細明體",Helvetica, sans-serif;
	font-weight:normal;
	font-size: 15px;
	margin:0; 
	padding:0;
	display:block; 

}
.level3 dt{ 
	list-style:none;  
	margin:0;
	padding:0; 
	display:block;
	background:url(../images/level_bg.gif) no-repeat left top; 
	color: #333;
	text-decoration:none;
}
.level3 dt a{  
	color: #333;
	display:block;
	padding:8px 10px 8px 20px;
	font-weight:normal;
	text-decoration:none;
}
.level3 dt a:hover{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
	background:url(../images/level_bg2.gif) no-repeat left top;
}
.level3 dt.on{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	background:url(../images/level_bg2.gif) no-repeat left top;
	padding:8px 10px 8px 20px;
}
.level3 dt.on a{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
	padding:0; 
}
.level3 dt.on a:hover{
	background:url();
}
.level3 dd { 
	color: #333;
	margin:0px;
	padding:8px 10px 8px 20px;
	display:block; 
}
.level3 dd a{ 
	color: #333;
	display:block;
	text-decoration:none;
}
.level3 dd a:hover{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
}
.level3 dd.on3 { 
	color:#a18064;
	margin:0 0px;
	padding:8px 10px 8px 20px;
	display:block; 
	font-weight:bold;
}
.level3 dd.on3 a { 
	color:#1D67A6;
	margin:0;
	padding:0;
	display:block; 
	font-weight:bold;
	text-decoration:none;
}
.level3 dd.on{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:normal;
	padding:8px 10px 8px 20px;
}
.level3 dd.on a{ 
	color:#a18064; 
	text-decoration:none;
	display:block; 
	font-weight:bold;
	padding:0; 
}
/* //產品分類 此組之後可刪除*/

/*button*/
#gift { float:left; width:440px; margin:0px 0px 10px 0px;}
#gift h1{ float:left; margin:5px 10px 0px 0px;  padding:2px 10px 3px 10px; background:#37bdcc; font-size: 12px; color:#fff; text-decoration:none; width:auto; font-weight:normal; display:block;}
#gift h2{ float:left; margin:5px 0px 0px 0px; width:auto; font-size: 13px; color:#333; text-decoration:none; font-weight:normal;}

#gift2 { float:left; width:230px; margin:0px 0px 10px 0px;}
#gift2 h1{ float:left; margin:5px 10px 0px 0px;  padding:2px 10px 3px 10px; background:#37bdcc; font-size: 12px; color:#fff; text-decoration:none; width:auto; font-weight:normal; display:block;}
#gift2 h2{ float:left; margin:5px 0px 0px 0px; width:auto; font-size: 13px; color:#333; text-decoration:none; font-weight:normal;}

#ad_icon h11 { float:left; margin:5px 8px 0px 0px; background:#3b5897; font-size: 13px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(ie-css3.htc);}
#ad_icon h11 a{ background:#3b5897;color:#fff; padding:2px 10px 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(ie-css3.htc);}
#ad_icon h11 a:hover{ background:#0859f0;color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(ie-css3.htc);}


#photos_wrap {
 width: 670px;
 height: 650px;
}
#photos_wrap #photos { visibility: hidden;}
#photos_wrap .gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}
#photos_wrap .loader { background: url(loader.gif) center center no-repeat #ddd;}
#photos_wrap .panel { }
#photos_wrap .panel h4 { font-size: 12px; line-height: 1em; margin: 6px 0 2px; }
#photos_wrap .panel p { font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; }
#photos_wrap .panel .panel-overlay,
#photos_wrap .panel .panel-overlay { color: white; font-size: 0.7em; }
#photos_wrap .panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }
#photos_wrap .filmstrip { margin: 5px; }
#photos_wrap .frame {}
#photos_wrap .frame .img_wrap { border: 1px solid #aaa; }
#photos_wrap .frame.current .img_wrap { border-color: #000000; }
#photos_wrap .frame img { border: none; }
#photos_wrap .frame .caption { font-size: 11px; text-align: center; color: #888; }
#photos_wrap .frame.current .caption { color: #000000; }
#photos_wrap .pointer { border-color: #000000; }
#photos_wrap *html .pointer { filter: chroma(color=pink); }

.address {
	position: absolute;
	top: 410px;
	left: 0;
	width: 290px;
	height: 230px;
	background-image: url(../img/shop/shop_line.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.thumb {
 position: absolute;
 top: 410px;
 left: 300px;
 width: 370px;
}

.floormap {
	padding-top: 75px;
}