@charset "utf-8";
@import url("reset.css");
/* CSS Document */
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	background: url(../images/bg_content.gif) repeat-x left bottom;
	padding:0;
	color:#222;
	line-height:150%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x:hidden;
}
a {
	color:#006DA5;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {
	color:#C95A2A;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	font-weight:normal;
}
.red {
	color:#F00;
}
.align_r {
	text-align:right;
}
.align_c {
	text-align:center;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
}
.bold {
	font-weight:bold;
}
.more a {
	display:block;
	background:url(../images/arrow_blue.gif) right 10px no-repeat;
	text-align:right;
	padding-right:8px;
}
.more a:hover {
	text-decoration:underline;
	background:url(../images/arrow_red.gif) right 10px no-repeat;
}
.notice {
	background:url(../images/info.gif) no-repeat;
	padding-left:25px;
}
.divider {
	width:auto;
	height:10px;
	line-height:10px;
}
ol.number {
	list-style-type:decimal;
	margin-left:40px;
*margin-left:45px;/*ie6*/
}
ol.number li {
	margin-bottom:5px;
}
.sort {
	padding:6px 15px;
	border:1px dotted #E3BE6F;
	background:#FFFFE8;
}
.border {
	border:1px solid #B6DAEB;
	padding:2px;
}
.TipText{font-size:11px; color:#666;}
/*--------------------navbar--------------------*/
#navbar_wrapper {
	width:100%;
	background:#F5F5F5 url(../images/bg_nav.gif) repeat-x;
	border-bottom:1px solid #CACACA;
}
#navbar {
	width:950px;
	height:27px;
	margin:0 auto;
	font-size:12px;
	position:relative;
}
#navbar a {
	text-decoration:none;
	color:#663300;
	line-height:26px;
}
#navbar a:hover {
	color:#006DA5;
	text-decoration:underline;
}
#navbar p {
	line-height:18px;
}
#navbar ul {
	position:absolute;
	right:0;
	top:0;
}
#navbar ul li {
	float:left;
	background:url(../images/divider_nav.gif) top right no-repeat;
}
#navbar ul li a {
	display:block;
	line-height:26px;
	padding:0 10px;
}
#navbar ul li a.home {
	background:url(../images/home.gif) no-repeat 12px 1px;/*ff*/
	background:url(../images/home.gif) no-repeat 12px top \9;/*ie7*/
	padding-left:28px;
}
#navbar ul li a:hover.home {
	background:url(../images/home_b.gif) no-repeat 12px 1px;
	background:url(../images/home_b.gif) no-repeat 12px top \9;/*ie7*/
}
#navbar ul li a.ch {
	background:url(../images/tw.gif) no-repeat 12px 7px;
	padding-left:28px;
}
#navbar ul li a:hover.ch {
	background:url(../images/tw.gif) no-repeat 12px 7px;
}
/*--------------------header--------------------*/
#pagetop a {
	position:fixed;
	width:30px;
	height:80px;
	background:url(../images/top.gif) no-repeat right top;
	text-indent:-9999px;
	top:60%;
	right:0;
	cursor:pointer;
}
#header_wrapper {
	width:100%;
	position:relative;
	background:#3183D5;
}
#header {
	width:910px;
	height:200px;
	position:relative;
	margin:0 auto;
}
#header h1 {
	text-indent:-9999px;
}
/*--------------------menu--------------------*/
#menu {
	width:910px;
	position:absolute;
	left:0;
	bottom:0;
	height:30px;
	background: url(../images/bg_menu_black.gif) no-repeat;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
}
#menu ul {
}
#menu li {
	float:left;
	background:url(../images/bg_menu_divider_black.gif) no-repeat top right;
}
#menu li a {
	line-height:30px;
	display: block;
	padding:0 20px;
	color:#fff;
	width:auto;
	text-decoration:none;
}
#menu li a:hover {
	background:url(../images/bg_menu_over_black.gif) repeat-x;
	color:#222;
}
#menu li.first a:hover {
	background:url(../images/bg_menu_black_first.gif) no-repeat;
	color:#222;
}
#menu li.selected a {
	background:url(../images/bg_menu_over_black.gif) repeat-x;
	color:#222;
}
#menu li.firstSele a {
	background:url(../images/bg_menu_black_first.gif) no-repeat;
	color:#222;
}
/*-------------trace--------------------*/
#trace {
	width:660px;
	height:29px;
}
#trace ul {
}
#trace li {
	float:left;
	margin-right:5px;
 *line-height:14px;/*ie6*/
}
#trace li a {
	background:url(../images/arrow_gray.gif) right 5px no-repeat;
	padding-right:10px;
	line-height:29px;
	font-size:12px;
}
#trace li h1 {
	font-size:12px;
	font-weight:normal;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	line-height:29px;
}
/*--------------------content--------------------*/
#content {
	width:910px;
	margin:20px auto 0 auto;
	background:#FFF;
	padding:0 20px;
}
#content_bot {
	width:1000px;
	margin:0 auto;
	height:45px;
	background: url(../images/bg_bot.png) no-repeat left bottom;
}
/*--------------------content--------------------*/
#banner {
	width:660px;
	height:120px;
	background: url(../images/banner_wood.jpg) no-repeat;
}
/*--------------------left--------------------*/
#left {
	width:230px;
	float:left;
}
#left h2 {
	width:100%;
	height:34px;
	line-height:30px; color:#666;
	display:block;
	background:url(../images/bg_h2_white.gif) no-repeat;
	font-size:14px;
	padding-left:10px;
}
/*--------------------按鈕--------------------*/
.btn_inq a {
	display:block;
	text-indent:-9999px;
	width:230px;
	margin:0 auto;
	height:40px;
	background:url(../images/btn_inq_green.gif) no-repeat top center;
}
.btn_login a {
	display:block;
	text-indent:-9999px;
	width:230px;
	margin:0 auto;
	height:40px;
	background:url(../images/btn_login_green.gif) no-repeat top center;
}
.btn_inq_prod a {
	display: inline-block;
	text-indent:-9999px;
	width:380px;
	height:40px;
	background:url(../images/btn_inq_green.gif) no-repeat top center;
}
/*--------------------right--------------------*/
#right {
	width:660px;
	float:right;
}
#right h1 {
	font-size:16px;
	color:#395266;
}
#right h2 {
	width:100%;
	height:34px;
	line-height:30px;
	display:block;
	background:url(../images/bg_h2_big_white.gif) no-repeat;
	font-size:14px;
	padding-left:10px;color:#666;
}
.comp_img {
	float:left;
	margin:0 20px 20px 0;
}
.product_left {
	float:left;
	margin:0 20px 20px 0;
}
.product_left h3 a {
	width:100%;
	height:21px;
	display:block;
	background:url(../images/btn_enlarge.gif) no-repeat top center;
	text-indent:-9999px;
}
.product_img {
	width:250px;
	height:250px;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.product_img* {
	vertical-align: middle;
}
.product_img span {
 +display:inline-block;
 +height:100%;
}
/*****************************搜尋tab********************************/
.abgne_tab {
	clear:left;
	width:100%;
	font-size:12px;
}
ul.tabs {
	width:100%;
}
ul.tabs li {
	float:left;
	overflow:hidden;
	margin-right:2px;
	position: relative;
	background: url(../images/bg_tab_d.gif) no-repeat left top;
}
ul.tabs li a {
	display: block;
	color:#FFF;
	width:80px;
	line-height:27px;
	padding-top:3px;
	text-align:center;
	text-decoration: none;
}
ul.tabs li a:hover {
}
ul.tabs li.active {
	background: url(../images/bg_tab_b.gif) no-repeat left top;
}
ul.tabs li.active a:hover {
}
div.tab_container {
	clear:left;
	background:url(../images/bg_tab_content.gif) no-repeat left bottom;
	padding:15px;position:relative
}
.search_text {
	background:url(../images/search_text.gif) no-repeat;
	width:157px;
	margin:0;
	line-height:25px;
	height:25px; padding-left:10px;
	border:none;
}
.search_btn{
	position:absolute;
	width:41px;
	height:25px; border:0;
	right:15px; cursor:pointer;
	top:15px;
	background: url(../images/btn_go.gif) no-repeat;
}
/*-------------------- 精選產品 --------------------*/
.product_list {
	overflow:auto;
}
.product_list li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px 0 0;
}
.product_list li {
*display:inline;/*ie6*/
}
.product_list li a {
	width:86px;
	height:115px;
	display:block;
	text-decoration:none;
}
.product_list li a p {
	text-align:center;
	text-decoration:underline;
	overflow:hidden;
	width:auto;
	height:18px;
	width:88px;
}
.img {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	height:88px;
	width:88px;
	border:1px solid #B6DAEB;
}
.img* {
	vertical-align: middle;
}
.img span {
 +display:inline-block;
 +height:100%;
}
.img:hover {
	border:1px solid #E3BE6F;
}
/*-------------產品頁的產品列表--------------------*/
.product_result {
	border-top:1px dotted #CCC;
}
.product_result li {
	height:170px;
	border-bottom:1px dotted #CCC;
	position:relative;
	margin-top:10px;
}
.detail {
	position:absolute;
	left:100px;
	top:0;
	width:560px;
}
p.name {
	width:560px;
	height:18px;
	overflow:hidden;
}
p.descript {
	width:560px;
	height:36px;
	overflow:hidden;
}
.product_result li h3 a {
	font-size:15px;
	width:560px;
	height:18px;
	display:block;
	overflow:hidden;
}
a.inquiry {
	position:absolute;
	right:0;
	top:0;
	background:url(../images/btn_inq_green_s.gif) no-repeat;
	width:90px;
	text-indent:-9999px;
	height:21px;
	display:block;
}
/*--------------------首頁廠商 List--------------------*/
.List {
}
.List li {
	float:left;
}
.List li a {
	background:url(../images/arrow_gray.gif) no-repeat left 12px;/*FF*/
	background:url(../images/arrow_gray.gif) no-repeat left 9px \9;/*ie7*/
	display:block;
	width:200px;
	height:26px;
	line-height:26px;
	overflow:hidden;
	padding-left:10px;
	margin-left:5px;
}
/*--------------------全部廠商 ExhibitorList--------------------*/
.ExhibitorList {
}
.ExhibitorList li {
	border-bottom:1px dotted #ccc;
	position:relative;
	margin-top:15px;
	width:auto;
	height:120px;
	padding-bottom:15px;
}
.img_l {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:120px;
	border:1px solid #B6DAEB;
	width:120px;
}
.img_l* {
	vertical-align: middle;
}
.img_l span {
 +display:inline-block;
 +height:100%;
}
.detail_l {
	left:140px;
	position:absolute;
	width:520px;
	top:0
}
.ExhibitorList li h3 a {
	font-size:15px;
	width:360px;
	height:18px;
	display:block;
	overflow:hidden;
}
.ExhibitorList li h5 {
	position:absolute;
	right:0;
	top:0
}
.ExhibitorList li p.descript {
	width:520px;
	height:60px;
	overflow:hidden;
}
/*--------------------廠商詳細資料 按扭區--------------------*/
.sup_btn{ position:absolute; right:0; text-align:center; top:115px;}
/*--------------------推薦給朋友--------------------*/
div.recommend{ position:relative; width:450px; height:86px;background:url(../images/bg_recommend.gif) no-repeat;}
div.recommend p{ left:20px; top:13px; color:#FFF; position:absolute;}
.recommend_text {
	background:url(../images/text_recommend.gif) no-repeat;
	width:341px;/*--------原361px------------*/
	margin:0; left:20px; top:47px; position:absolute;
	line-height:25px;
	height:25px; padding:0 10px;
	border:none;
}
.recommend_btn{
	position:absolute;
	width:41px;
	height:25px; border:0;
	right:20px; cursor:pointer;
	top:47px;
	background: url(../images/btn_recommend.gif) no-repeat;
}
/*--------------------產品頁250*250大圖--------------------*/
.product_left{
	float:left;
	margin:0 20px 20px 0;}
.product_left h3 a{  width:100%; height:21px; display:block;
	background:url(../images/btn_enlarge.gif) no-repeat top center; text-indent:-9999px;
 }
.product_img{ width:250px; height:250px;
display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.product_img* {
	vertical-align: middle;
}
.product_img span {
 +display:inline-block;
 +height:100%;
}
/*--------------------news--------------------*/
.news {
}
.news li {
	border-bottom:1px solid #ddd;
	background:url(../images/arrow_gray.gif) no-repeat left 12px;/*FF*/
	background:url(../images/arrow_gray.gif) no-repeat left 11px \9;/*ie7*/
	padding:5px 10px;
	display:block;
}
.news li span {
	display:block;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
li.no_data {
	border:none;
	color:#777;
	padding:0;
	background:none;
}
/*-------------------- login --------------------*/
.login {
	width:450px; margin:0 auto;
}
.login dt {
	padding:7px 0 7px 20px;/*FF*/ color:#FFF; font-weight:bold;
	padding:8px 0 6px 20px \9;/*ie7*/ line-height:18px;
	font-size:15px; width:450px; background:url(../images/bg_login_dt.gif) no-repeat;
}
.login dd {
	padding:20px; background:url(../images/bg_login.gif) no-repeat left bottom;
}
.borderTop {
	border-top:1px #CCC dotted;
}
.login_text {
	width:260px;
	padding:2px 0;
	font-size:12px;
	font-family:Arial;
}
.btn_padding {
	padding:3px 5px;
}
/*--------------------display_table--------------------*/
.display_table {
	border-top:1px solid #ccc;
}
.display_table th {
	padding:7px 10px;
	border-bottom:1px solid #ccc;
	background:#f5f5f5;
}
.display_table span {
	color:#630;
	font-size:14px;
	font-weight:bold;
}
.display_table td {
	padding:7px 7px;
	border-bottom:1px solid #ccc;
}
/*--------------------form_table--------------------*/
.form_table {
}
.form_table th {
}
.form_table td {
	padding:5px;
}
.large_text {
	width:400px;
	font-size:12px;
	font-family:Arial;
	color:#222;
	font-weight:normal;
	padding:1px 0;
}
.small_text {
	width:50px;
	font-size:12px;
	padding:1px 0;
	font-family:Arial;
}
.mid_text {
	width:200px;
	padding:1px 0;
	font-size:12px;
	font-family:Arial;
}

.checkbox {
}
.checkbox li {

}
/*--------------------partner--------------------*/
.partner img {
	margin:0 5px 5px 0;
	width:120px;
	height:60px; vertical-align:middle;
}
/*--------------------footer--------------------*/
#footer {
	width:950px;
	position:relative;
	height:60px;
	margin:0 auto;
	letter-spacing:0px;
	color:#555;
}
#footer a:hover {
}
#footer a {
}
p.contact {
	position:absolute;
}
p.contact a {
	color:#630;
	font-weight:bold;
	text-decoration:none;
}
p.links {
	position:absolute;
	left:240px;
	width:540px;
}
p.logo {
	position:absolute;
	right:0;
}
/**********精選產品切換****/
.abgne-yahoo-carousel {
	position: relative;
}
.abgne-yahoo-carousel * {
	margin: 0;
	padding: 0;
}
.abgne-yahoo-carousel ul, .abgne-yahoo-carousel li {
	list-style:none;
}
.abgne-yahoo-carousel .page {
	position: absolute;
	top:-50px;
	right:80px;
}
.abgne-yahoo-carousel .btn {
	position: absolute;
	top:-51px;
	right:10px;
	height:20px;
}
.abgne-yahoo-carousel .btn a {
	width: 31px;
	height: 24px;
	float: left;
	text-indent: -9999px;
}
.abgne-yahoo-carousel .btn a.prev {
	background: url(../images/btn.gif) no-repeat 0 -42px;
}
.abgne-yahoo-carousel .btn a.next {
	background: url(../images/btn.gif) no-repeat 0 0;
}
.abgne-yahoo-carousel .frame {
	position: relative;
	overflow: hidden;
	width:640px;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
	height:115px;
}
.abgne-yahoo-carousel ul {
	width:9999px;
	position: absolute;
}
.abgne-yahoo-carousel li {
	float: left;
	width: 89px;
	position: relative;
}