@charset "utf-8";
/* CSS Document */
/*--熱門銷售--*/
.abgne-yahoo-carousel {
	width:250px;
	position: relative;
}
.abgne-yahoo-carousel ul, .abgne-yahoo-carousel li {
	list-style: none;
}
.abgne-yahoo-carousel .page {
	position: absolute;
	top: 12px;
	right: 80px;
}
.abgne-yahoo-carousel .title {
	width:100%;
	height:27px;
	padding-top:10px;
	margin-bottom:10px;
	background:url(../images/index/line.gif) repeat-x left bottom;
}
.abgne-yahoo-carousel .btn {
	position: absolute;
	top: 8px;
	right:0px;
	height: 20px;
}
.abgne-yahoo-carousel .btn a {
	width: 20px;
	height: 20px;
	float: left;
	overflow:hidden;
	line-height:150px;
}
.abgne-yahoo-carousel .btn a.prev {
	background:url(../images/arrow_l.gif) no-repeat
}
.abgne-yahoo-carousel .btn a.next {
	background:url(../images/arrow_r.gif) no-repeat;
}
.abgne-yahoo-carousel .frame {
	position: relative;
	overflow: hidden;
	width: 244px;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
	height: 183px;
	border: 3px solid #dadada;
}
.abgne-yahoo-carousel ul {
	width: 99999px;
	position: absolute;
}
.abgne-yahoo-carousel li {
	float: left;
	width:244px;
	height:183px;
	position: relative;
}
.abgne-yahoo-carousel li .thumb, .abgne-yahoo-carousel li .ovrly, .abgne-yahoo-carousel li h3 {
	position: absolute;
}
.abgne-yahoo-carousel li .ovrly, .abgne-yahoo-carousel li h3 {
	width:230px;
	height:35px;
	padding:0 8px;
	line-height:35px;
	text-align:left;
	bottom: 0;
	background:url(../images/index/hot_pro_bg.png) repeat;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	
}
.abgne-yahoo-carousel li h3 a {
	color: #fff;
}
.abgne-yahoo-carousel li h3 a:hover {
}



/*--大圖輪播--*/
#abgne_fade_pic {
	position: relative;
	width:680px;
	height:300px;
	margin:2px 0 0 5px;
	border:3px solid #fff;
	background:#fff;
	-moz-box-shadow:0px 5px 5px #d6d6d6;
	-webkit-box-shadow:0px 5px 5px #d6d6d6;
	box-shadow:0px 3px 6px #d6d6d6;
	behavior: url(PIE.php);
}
#abgne_fade_pic a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
}
#abgne_fade_pic .control {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#abgne_fade_pic .control a {
	display: inline-block;
	width:10px;
	height:10px;
	margin-right:5px;
	background:url(../images/index/control.png) no-repeat left top;
	line-height:200px;
	overflow:hidden;
}
#abgne_fade_pic .control a.on {
	background:url(../images/index/control.png) no-repeat right top;
}

/*--內頁 產品滑出式說明描述--*/
.pro_box_block {
	overflow: hidden;
	position: relative;
	float: left;
	width:204px;
	height:156px;
	margin:0 17px 0 0;
	background:url(../images/product/pro_bg.jpg) no-repeat;
}
.pro_box img {
	border: 0;
}
.pro_box  a {
	text-decoration: none;
	color: #fff; 
}
.pro_box  a:hover {
	color: #fc6;
}
.pro_box ul, .pro_box li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1000;
}
.pro_box .desc {
	position: absolute;
	bottom:5px;
	left: 0;
	width:194px;
	height:35px;
	z-index: 999;
	display: none;
	overflow: hidden;
	color: #fff;
	margin:0 5px 0px 5px;
	opacity:0.7;
	filter:alpha(opacity=70);/*IE*/
	background:#000 url(../images/product/icon_search.png) no-repeat 170px 10px;
}
.pro_box .desc a{
	display:block;
	width:160px;
	line-height:35px;
	line-height:38px\9;/*IE*/
	height:35px;
	color:#fff;
	padding:0 29px 0 5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.pro_box .desc a:hover{color:#f17507;}
/* 用來當透明背景用的 */
/*.maskCss {
	width: 100%;
	background-color: #000;
	position: absolute;
	z-index: 997;
}*/

/*--內頁banner輪播--*/
#abgne_fade_pic02 {
	position: relative;
	width:948px;
	height:220px;
	background:#fff;
	behavior: url(PIE.php);
}
#abgne_fade_pic02 a.ad {
	position: absolute;	/* 讓圖片疊在一起 */
}
#abgne_fade_pic02 .control {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display:none;
}
#abgne_fade_pic02 .control a {
	display: inline-block;
	width:10px;
	height:10px;
	margin-right:5px;
	background:url(../images/index/control.png) no-repeat left top;
	line-height:200px;
	overflow:hidden;
}
#abgne_fade_pic02 .control a.on {
	background:url(../images/index/control.png) no-repeat right top;
}