@charset "utf-8";
/* 全局CSS定義 */



#maintopbg { background-image: url(ca_images/leo_cota_index_topbg.jpg); height: 80px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; clear: both; background-repeat: repeat-x; }
.w1000 { width:1000px; padding:0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height:auto; clear:both; }
#logo { float:left; text-align:left; }
#logo_r { float:right; }
#topnavbg { width:100%; margin:0 auto; padding:0px 0px 0px 0px; height:31px; line-height:31px; background-image: url(ca_images/2009autumn/top_menu_bg.jpg); background-repeat: repeat-x; }
#topnav { position: relative; width: 1000px; height: 27px; background:url(../images/top_menu_bg.jpg) left top no-repeat; }
#topnav ul { list-style: none; }
#topnav img { border: 0; }
#topnav a { color:#FFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:700; letter-spacing:1px; text-decoration: none; cursor: pointer; /*for Opera*/ }
#topnav a:hover { color:#FFF; text-decoration: none; }
#topnav a span, h1 span, h2 span { display: block; height:27px; line-height:29px; overflow:hidden;}
#topnav li { }
#nav { clear:both; }
#nav li { display:block; background:url(../images/e_cantonfair_index_cn_3_03.jpg) right top no-repeat;width:200px; text-align:center; float:left; }
#nav li a { height:27px; display:block; }
#nav li a:hover{ text-decoration:underline;}
#nav li .cureb{background:url(../images/e_cantonfair_index_cn_3_06.jpg) center bottom no-repeat; }
/*搜索*/
#serach_b { padding-left:0px; width:648px; }
.search_t_op { font-size:12px; font-weight:700; height:22px; float:left; padding-left:12px; text-align:center; }
.search_t_op li { display:block; float:left; width:55px; text-align:center; }
.search_t_op li span { height:22px; line-height:22px; display:block; float:left; }
.cur { background:url(../images/search_tab_l.jpg) left top no-repeat; }
.cur .sr_p { background:url(../images/search_tab_r.jpg) left top no-repeat; width:2px; display:block; font-size:0px; }
.cur .sr_bg a:link { color:#fff; text-decoration:none; }
.cur .sr_bg a:visited { color:#fff; text-decoration:none; }
.cur .sr_bg a:hover { color:#fff; text-decoration:underline; }
.cur .sr_bg a:active { color:#fff; text-decoration:underline; }
.cur .sr_bg { background:url(../images/search_tab_bg.jpg) left top repeat-x; margin-left:3px;_margin-left:1px; padding-left:8px; padding-right:8px; }
.cur .sr_bg a:link { color:#fff; text-decoration:none; }
.cur .sr_bg a:visited { color:#fff; text-decoration:none; }
.cur .sr_bg a:hover { color:#fff; text-decoration:underline; }
.cur .sr_bg a:active { color:#fff; text-decoration:underline; }
.cur_l .sr_bg { padding-left:8px; padding-right:8px; }
.cur_l .sr_bg a:link { color:#c60f06; text-decoration:none; }
.cur_l .sr_bg a:visited { color:#c60f06; text-decoration:none; }
.cur_l .sr_bg a:hover { color:#c60f06; text-decoration:underline; }
.cur_l .sr_bg a:active { color:#c60f06; text-decoration:underline; }

/*.search_bg { clear:both; height:31px; width:423px; background:url(../images/search_bg.jpg) left top no-repeat; }
.search_btn { border:none; background:url(../images/eb_search_btn.jpg) left top no-repeat; width:69px; height:25px; font-size:12px; font-weight:700; color:#FFF; }
.search_input { background:url(../images/search_input_bg.jpg) left top no-repeat; width:324px; height:15px; border:none; padding:4px; padding-top:6px; padding-left:8px;}

*/
.search_ko { color:#949393; padding-top:6px; padding-bottom:6px; clear:both; height:25px;}
.tag_h li { float:left; padding-right:6px; padding-left:6px; }


.search_bg { clear:both; height:40px;  background:url(../images/indexsearch_bg.jpg) left top no-repeat; }
.search_btn { border:none; background:url(../images/eb_search_btn.jpg) left top no-repeat; width:69px; height:25px; font-size:12px; font-weight:700; color:#FFF; }
.search_input {width:360px; border:none; padding:2px 8px 4px 4px; margin:5px 15px 0 20px !important; margin:2px 15px 0 20px;font-size:13px;}






/*底部資訊*/
#footer { height: 30px; color:#333333; width:995px; margin-top: 0px; margin-right: auto; letter-spacing:1px; margin-bottom: 0px; margin-left: auto; padding-top: 15px; padding-bottom: 15px; display: block; clear: both; }
/*200910autumn*/
/*登錄*/
.login_btn{ background:url(../images/eb_btn1.jpg) left top no-repeat; color:#FFF; border:none; width:50px; height:20px;}
#login_info{ padding:10px; line-height:18px; color:#333333;}
.border-login{ height:16px;width:120px;}
/**************首頁*******************/
#main { width:1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; clear: both; }
.main_left { width: 340px; }
.main_right { width: 338px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
.border_pl_b { border:1px solid #dadada }
.l_c_bg { background: url(../images/l_bbg.jpg) left bottom repeat-x; }
.l_tbg { background:url(../images/l_tbg.jpg) left top repeat; }
.banner { height:309px; width: 338px; }
.content { position:relative; width:650px; /*background-image: url(ca_images/newsbg.jpg); background-repeat: no-repeat; */ float: right; }
.content_txtl { float: left; }
.content_txtr { width: 462px; float: right; }
.content_bt { height: 26px; /*width: 370px;*/ padding-top: 0px; text-align: left; display: block; background:url(ca_images/2009autumn/option_bg.jpg) repeat-x; }
.content_bt_2 { position:relative; width:462px; height:26px; }
.content_bt .cootaan { float: left; font-weight:700; line-height:26px; font-size:12px; color:#FFF; width:73px; height:26px; text-align:center; padding-bottom:5px; top:0px; left:9px; position:absolute; background:url(ca_images/2009autumn/html_all.jpg) no-repeat; background-position:0px -380px; }
.content_bt .moer { padding-right: 10px; float: right; padding-top: 2px; display: block; }
/*選項卡*/
.Menubox { background:url(images/blog_n_bg.jpg) left top no-repeat; height:22px; padding-top:4px; padding-left:4px; line-height:22px; font-size:12px; color:#e50800; }
.Menubox ul { margin:0px; padding:0px; }
.Menubox li { float:left; display:block; width:105px; cursor:pointer; background:url(../images/l_tab_l.gif) center top no-repeat; text-align:center; color:#e50800; font-weight:bold; }
.Menubox li a { float:left; display:block; cursor:pointer; text-align:center; color:#dc8a93; font-weight:bold; }
.Menubox ul li { }
.Menubox li.hover { padding:0px; background:url(../images/l_tab_h.gif) left top no-repeat; color:#e50800; font-weight:bold; height:22px; line-height:22px; font-size:12px; }
.Menubox li.hover span{ background:url(../images/l_tab_h_l.gif) right top no-repeat; width:auto;display:block; margin-left:4px;}
.Menubox li a.hover { padding:0px; color:#e50800; font-weight:bold; height:22px; line-height:22px; font-size:12px; }
.l_p_tab { min-height:89px; height:auto !important; height:89px; background:#FFF url(../images/l_bbg.jpg) left bottom repeat-x; }


.index_news2z{ padding:12px; padding-bottom:0px;}
.index_news2z h3{}
.index_news2z h3 a{ float:left; padding-right:34px; color:#e50800; display:block;background:url(../images/eb_index_ico_new.jpg) right top no-repeat;}
.index_news2z h3 a:link{ color:#e50800;}
.index_news2z h3 a:hover{ color:#e50800;}

.news2z_p{height:50px; overflow:hidden; clear:both;width:250px; line-height:24px; height:50px; color:#333333;}
.news2z_p2{float:left;overflow:hidden;width:200px;width:180px; float:right; padding-left:10px; padding-right:10px;line-height:24px; height:50px;  color:#333333;}
.l_t_more_l{ float:right; padding-right:12px; font-size:12px; color:#373737;}
.ctext { font-size: 12px; color:#da0000; font-weight:700; }
/*求購資訊*/
.index_news { color:#333333;}
.r_b_b { border:1px solid #f2918c; border-top:none; min-height:100px; height:auto !important; height:100px; }
.index_news_d { padding-right: 8px; clear:both;padding-left: 8px; height:auto; padding-top: 5px; position:relative; display:block; }
.index_news_d li { background-image: url(../images/eb_index_l_li_ico.jpg); float:left; background-repeat: no-repeat; background-position:0px 4px;padding-left:12px; width:310px; overflow:hidden; display:block; line-height: 22px;  }
.date { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#da0000; padding-left:8px; }
.index_news_d li a { color:#666666; font-size:11px; }
.index_news_d li a:hover { color:#e50800; }

/*for buyer*/
.index_news_d_buy { padding-right: 8px; clear:both;padding-left: 8px; height:auto; padding-top: 5px; position:relative; display:block; }
.index_news_d_buy li {float:left; background-repeat: no-repeat; background-position:0px 4px;width:160px; overflow:hidden; display:block; line-height: 22px; height:22px; }
.index_news_d_buy li a { color:#666666; }
.index_news_d_buy li a:hover { color:#e50800; }

.index_news_dr { padding-right: 8px; clear:both;padding-left: 8px; height:auto; padding-top: 5px; position:relative; display:block; }
.index_news_dr li { float:left;width:300px; overflow:hidden; display:block; line-height: 22px; height:22px; }
.index_news_dr li a { color:#666666; }
.index_news_dr li a:link { color:#666666; }
.index_news_dr li a:hover { color:#e50800; }

.content_bt { background:url(../images/o_bg.jpg) left top no-repeat; width:650px; height:29px; }
.index_lc_option { float:left; margin-left:29px;_margin-left:12px; background: url(../images/o_bg_span_bg_02.jpg) left top repeat-x; line-height:29px; font-weight:700; font-size:12px; color:#FFF; padding-right:20px; height:29px; }
.index_lc_more { float:right; height:26px; width:47px; line-height:28px; color:#e50800; }
.index_lc_more a { color:#e50800; }
.ilc_pp{width:auto; height:29px; line-height:29px; padding-right:12px; letter-spacing:1px;}
.c_bd { height:auto; }
/*首頁案例*/

/*首頁推薦産品*/
.index_p_d { padding-right: 10px; padding-left: 10px; padding-top: 5px; }
.index_p_d li { background-image: url(ca_images/3ico.gif); float:left; background-repeat: no-repeat; width:82px; overflow:hidden; display:block; line-height: 23px; height:23px; }
.index_p_d li .data { font-family: Arial, Helvetica, sans-serif; font-size: 11px; /*color:#737f8d;*/ padding-left: 20px; }
.index_p_d li a { color:#848484; }
.index_p_d li a:hover { color:#88c34a; }
#ip_more span {cursor:pointer; }
.lp_line { color:#505050; line-height:27px; }
.image1_A { width:40px; color:#e50800; font-weight:700; }
.image1_B { width:40px; color:#505050; }
.image2_A { width:40px; color:#e50800; font-weight:700; }
.image2_B { width:40px; color:#505050; }
.image3_A { width:40px; color:#e50800; font-weight:700; }
.image3_B { width:40px; color:#505050; }
.image4_A { width:40px; color:#e50800; font-weight:700; }
.image4_B { width:40px; color:#505050; }
.image5_A { width:40px; color:#e50800; font-weight:700; }
.image5_B { width:40px; color:#505050; }
.image6_A { width:40px; color:#e50800; font-weight:700; }
.image6_B { width:40px; color:#505050; }
.pro_pic { float: left; width: 82px; height: 82px; margin: 10px 12px 6px 10px; border: 1px solid #CCCCCC; background-color: #fff; text-align: center; }
.pro_name { float: left; width: 82px; margin: 0px 12px 0px 10px !important; margin: 0px 12px 0px 10px; text-align: center; text-decoration: none; }
.proname_text, a.proname_text:link, a.proname_text:visited { color: #444444; font-size: 11px; text-decoration: none; }
a.proname_text:hover { color: #CC3300; font-size: 11px; text-decoration: none; }
/*企業推薦*/
.company_list_re { position:relative; width:648px; border:1px solid #f2918c; border-top:none; border-bottom:1px solid #f2918c; height:158px; clear:both; }
.company_list { float:left; text-align:left; width: 312px; padding-left:6px; padding-top:10px; }
.company_list li { width: 312px; line-height:22px; letter-spacing:1px; height: 22px; text-indent:12px; display: block; margin-bottom:1px; list-style-type: none; }
.company_list li a { color:#595959; text-decoration:none; }
.company_left_o { background:url(../images/cp_r_line.jpg) left top no-repeat; height: 22px; display: block; }
.company_left_o a:link { color: #cc0000; text-decoration: none; }
.company_Right { width: 285px; height: 115px; text-align:left; border: 1px solid #FFD2D2; float: left; padding: 10px; position:absolute; right:10px; top:10px; background-color: #FFF7F7; }
.company_Right_t { float: left; width: 180px; color: #7e7e7e; font-size: 12px; line-height: 20px; text-decoration: none; }
.company_Right_t a:link { float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none; }
.company_Right_t a:visited { float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none; }
.company_Right_t a:hover { float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none; }
.company_Right_p { float: right; width: 82px; text-align: center; }
.company_right_o {background:url(../images/cp_l_line.jpg) left top no-repeat; height: 22px; display: block;}
.company_right_o a:link { color: #cc0000; text-decoration: none;  }
.company_left {width: 285px; height: 115px; text-align:left; border: 1px solid #FFD2D2; float: left; padding: 10px; position:absolute; left:10px; top:10px; background-color: #FFF7F7; }
.company_left_t { float: right; width: 180px; color: #7e7e7e; font-size: 12px; line-height: 20px; text-decoration: none;  }
.company_left_t a:link { float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none; }
.company_left_t a:visited {float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none;  }
.company_left_t a:hover {  float: left; width: 50px; color: #fff; line-height: 20px; text-decoration: none;  }
.company_left_p {float: left; width: 82px; text-align: center;  }
.cp_btn_more { background:url(../images/eb_btn1.jpg) left top no-repeat; display:block; width:50px; height:20px; text-align:center; }
/*視頻推薦*/
#VideoContainer {position:relative; width:648px; border:1px solid #f2918c; border-top:none; border-bottom:1px solid #f2918c; height:120px; clear:both;overflow: hidden }
#VideoListBox { position:relative; width:630px;overflow: hidden;padding-top:10px; padding-left:6px;}
#VideoList li {width: 90px;height: 120px;float: left;}
#VideoList li img{ border:2px solid #ccc;}
/*産品分類*/
.category { padding-top:17px; padding-left:12px; position: relative; vertical-align: top; }
.category li { padding: 0; margin: 0; border: 0; width:310px; }
.category ul li a, .category ul li a:visited { text-align: left; display: block; text-decoration: none; width:300px; padding-left:8px; line-height: 22px; font-size: 11px; }
.category ul li a:hover{ text-decoration:underline;}
.category ul { padding: 0; margin: 0; list-style-type: none; }
.category ul.line { padding: 0; margin: 0; list-style-type: none; background: #FFFFFF; clear:both; }
.category ul li ul li { float:left }
.category ul li ul li a { color:#333333 }
.category ul li { float: left; height:auto; display:block;position: relative; text-align: left; }
.category ul li ul { }
.p_tit_ico { background:url(../images/r_c_ico.jpg) left top no-repeat; background-position:4px 4px; color:#e50800; font-weight:700; }

/*焦點圖*/
/*banner*/
.mian_banner_c{width:328px; position:absolute;LEFT: 0px; BOTTOM:0px; z-index:9999; height:120px;}
.v_content{ position:relative; z-index:20; width:338px; height:120px; overflow:hidden; }
.v_content_list{width:656px; position:absolute; height:61px; bottom:8px; left:4px;}
#mian_banner {  color:#FFF; OVERFLOW: hidden; WIDTH: 338px; POSITION: relative; HEIGHT: 309px;z-index:1; border:none;}
#mian_banner UL { float:left; margin:0px;}
#mian_banner UL LI { display:inline; FONT-WEIGHT: 900; FONT-SIZE: 12px; FLOAT: left; WIDTH: 66px;FONT-FAMILY: Arial; POSITION: relative;HEIGHT: 61px }
#mian_banner LI DIV { width:320px; height:50px; line-height:22px;PADDING-LEFT: 10px; text-align:center;  z-index:10000; color:#333333; top:-40px; left:0px; display:none;position:absolute;}
#mian_banner LI IMG {  LEFT: 3px; FLOAT: left; WIDTH: 60px; CURSOR: pointer;POSITION: absolute; bottom: 1px;_bottom: 0px; HEIGHT: 45px; }
#frontText { FONT-WEIGHT: 900; FONT-SIZE: 30px; Z-INDEX: 999; LEFT: 20px; WIDTH: 100%; color:#333333; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 20px }
#frontTextBack { FONT-WEIGHT: 900; FONT-SIZE: 30px; LEFT: 22px; WIDTH: 100%; COLOR: #000; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 22px }
#frontTextSub { FONT-SIZE: 13px; LEFT: 25px; WIDTH: 100%; COLOR: #fff; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 60px }
#BG {BACKGROUND: #000; WIDTH: 995px; BOTTOM: 0px; left:0px; POSITION: absolute; HEIGHT: 61px; z-index:13; }
#mask { Z-INDEX: 990; LEFT: 0px;POSITION: absolute; TOP: 0px; WIDTH: 338px;  HEIGHT: 186px; }
#back { TEXT-ALIGN: center; z-index:11; padding-top:6px;}
.back_n{ display:none; }
.back_n img{ border:1px solid #CCC;}
.back_b{ display:block;}
.gray {FILTER: Gray()}
.m_b_b{background:url(../images/focus_p_tbg.jpg) center bottom no-repeat;}
.left_btn{position:absolute; width:60px; height:61px; left:0px; bottom:0px; z-index:10000;}
.prev{ display:block;padding-top:25px; cursor:pointer;}
.next{ display:block;padding-top:25px; cursor:pointer;}
.right_btn{position:absolute;width:60px; height:61px; right:0px; bottom:0px; z-index:10000;}

/*fixed last*/

/*
.search_h_ico{float:right; height:22px; width:110px;line-height:22px; background:url(../images/search_ico1.jpg) left top no-repeat; background-position:0px 4px; padding-left:8px;}
.search_input_bg{float:left; width:336px; height:25px; padding-left:4px; padding-top:3px;}
.search_btn_p{float:right; padding-right:7px; padding-top:3px; width:69px;}

*/

.search_h_ico{float:left; height:22px; width:100px; margin-left:20px;line-height:22px; background:url(../images/search_ico1.gif) 0px 15px no-repeat; padding:10px 0px 0px 8px; color:#FFF;}
.search_h_ico a{ color:#FFF;}
.search_input_bg{float:left;height:25px; padding-left:4px; padding-top:3px;}
.search_btn_p{float:left; padding-right:7px; padding-top:8px; width:69px;}




.font-red-fw{color:#d11b12; font-weight:700;}
.font-red-f{color:#d11b12;}
.font-w{ font-weight:700;}
.login_aaa{padding-left:12px; display:block; padding-right:4px;float:left; background:url(../images/eb_login_ico.gif) left top no-repeat; background-position:2px 2px;}
.lc_option_span{background:url(../images/o_bg_span.jpg) left top no-repeat; height:29px; width:48px; float:left;}


.dp_pic_w{ width:312px;text-align:center;clear:both; height:109px; position:relative;}

.dp_pic_wl{ position:absolute; top:50px; left:-10px;}
.dp_pic_wr{ position:absolute; top:52px; right:-12px; }
.dpicn{ display:none;}
.dpicb{ display: block; margin:0 auto;}
#marquee1 {
	POSITION: absolute; WIDTH: 298px; HEIGHT: 109px; OVERFLOW: hidden; left:10px; top:0px;
}
#marquee1 UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#marquee1 UL LI IMG {
	DISPLAY: block
}