@charset "utf-8";
/*### homepage's CSS Version 2.0, Powered by topoyo.com ###*/

/*----------homepage----------*/

/*Product Category*/
#pro_category{width:214px; float:left; position:relative; z-index:10;}
#pro_category h2{height:27px; line-height:27px; background:url(../images/css_sprites.png) -128px -24px no-repeat; padding:0 10px 0 12px; font-size:13px; color:#fff; font-style:italic;}
#pro_category dl{border:solid 1px #C1CEE0; border-top:none; background:#F7FBFF; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; padding:5px 0;}
#pro_category li{_height:24px; position:relative;}
#pro_category li a,
#pro_category li a.hide{display:block; height:22px; line-height:22px; border:solid 1px #F7FBFF; background:url(../images/css_sprites.png) -486px -24px no-repeat; padding-left:18px; color:#00477F; font-size:.9em;}
#pro_category li:hover a,
#pro_category li a:hover{background:#fff url(../images/css_sprites.png) -485px -48px no-repeat; color:#f60; text-decoration:none; border:solid 1px #5294CE; border-right:none; position:relative; z-index:10;}
#pro_category ul ul,
#pro_category ul table{display:none;}
#pro_category ul li:hover ul,
#pro_category ul li a:hover ul{display:block; left:211px; *left:212px; top:0; padding:5px 10px; border:solid 1px #5294CE; border-left:none; width:254px; background:#fff; position:absolute; z-index:9; background:#fff url(../images/line_y.png) left 0 no-repeat;}
#pro_category li:hover ul li a,
#pro_category li a:hover ul li a{background:none; border:none; padding:0 8px; color:#00477F;}
#pro_category li:hover ul li a:hover,
#pro_category li a:hover ul li a:hover{background:#CFE6EC; text-decoration:none; color:#f60;}


/*HomePage Middle*/
#con_middle{width:490px; float:left;}
#con_middle .banner{height:110px; border:solid 1px #DEE5ED; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
#con_middle .banner img{display:block;}

#con_middle h2{height:25px; line-height:25px; background:url(../images/repeat-x.jpg) 0 -77px repeat-x; padding:0 10px 0 12px; font-size:1em; color:#024387; font-style:italic; font-weight:bold;}
#con_middle h2.red{background:url(../images/repeat-x.jpg) 0 -107px repeat-x;}

#con_middle h2 .more{float:right; margin-top:10px; height:7px; width:34px;}
#con_middle h2 .more a{display:block; height:7px; line-height:7px; background:url(../images/css_sprites.png) 0 -43px no-repeat; text-indent:-99999em;}

/*Product Category*/
.highlight_pro{border:solid 1px #D0E6EB; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.highlight_pro ul{*display:inline-block; padding:0 10px 12px; height:314px;overflow:hidden;}
.highlight_pro li{width:118px; float:left; _display:inline; margin:10px 19px 0; text-align:center; font-size:.9em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.highlight_pro li .photo{display:block; width:118px; height:118px; text-align:center; overflow:hidden;}
.highlight_pro li .photo a{color:#333; display:table-cell; *font-size:103px; vertical-align:middle; width:118px; height:118px;}
.highlight_pro li .photo a img{vertical-align:middle;}
.highlight_pro li .title{display:block; height:20px; line-height:20px;}

/*Trade fairs*/
.trade_fairs{border:solid 1px #D0E6EB; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.trade_fairs ul{padding:0 12px 10px;}
.trade_fairs li{border-bottom:solid 1px #e7e7e7; height:56px; padding:10px 0; *margin-bottom:-4px;}
.trade_fairs li.last{border-bottom:none;}
.trade_fairs li .photo{display:block; width:68px; height:56px; text-align:center; overflow:hidden; float:left; margin:0 30px 0 5px; _display:inline;}
.trade_fairs li .photo a{color:#333; display:table-cell; *font-size:49px; vertical-align:middle; width:68px; height:56px;}
.trade_fairs li .photo a img{vertical-align:middle;}

.trade_fairs h3{color:#24297D;  font-weight:bold; background:url(../images/css_sprites.png) -496px -74px no-repeat; padding-left:10px; width:350px; float:left; line-height:20px;}
.trade_fairs h3 a{color:#24297D;}
.trade_fairs h3 a:hover{color:#f30;}
.trade_fairs p{width:360px; float:left; text-align:left; font-size:.9em;}

/*Exhibition Zone*/
.exhibition_zone{border:solid 1px #F2CECE; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.exhibition_zone ul{*display:inline-block; padding:0 10px 12px;}
.exhibition_zone li{width:105px; float:left; _display:inline; margin:0 6px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exhibition_zone li .photo{display:block; width:105px; height:105px; text-align:center; overflow:hidden;}
.exhibition_zone li .photo a{color:#333; display:table-cell; *font-size:92px; vertical-align:middle; width:105px; height:105px;}
.exhibition_zone li .photo a img{vertical-align:middle;}
.exhibition_zone li a{text-decoration:underline!important; font-size:.85em;}

/*HomePage Right*/
#con_right{width:226px; float:right;}
.register{height:129px; text-align:center; border:solid 1px #F2CECE; background:url(../images/repeat-x.jpg) 0 -137px repeat-x; padding:6px 12px; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}
.register p{line-height:22px; font-size:.9em; text-align:left;}
.register p strong{font-size:1.1em;}
.register p span{color:#E9444C;}
.register p a{color:#2121C6; text-decoration:underline;}
.register ul{padding-top:5px;}
.register li{padding:5px 0; height:27px;}
.register li a{display:block; width:123px; margin:0 auto; height:27px; text-indent:-99999em; overflow:hidden;} 
.register li a.reg{background:url(../images/css_sprites.png) -360px -24px no-repeat;}
.register li a.login_h{background:url(../images/css_sprites.png) -360px -56px no-repeat;}

#con_right h2{height:28px; line-height:28px; background:url(../images/css_sprites.png) -128px -56px no-repeat; padding:0 10px 0 12px; font-size:1em; color:#024387; font-style:italic; font-weight:bold;}
.round_box{border:solid 1px #D0E6EB; -webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px;}

/*Selling Leads*/
.selling_leads{padding:4px 12px 10px;}
.selling_leads li{border-bottom:solid 1px #ccc; padding:8px 0; height:60px; *margin-bottom:-2px;}
.selling_leads li .photo{display:block; width:60px; height:60px; text-align:center; overflow:hidden; float:left; margin:0 8px 0 0; _display:inline;}
.selling_leads li .photo a{color:#333; display:table-cell; *font-size:52px; vertical-align:middle; width:60px; height:60px;}
.selling_leads li .photo a img{vertical-align:middle;}
.selling_leads li .text{width:100px; float:left; font-size:.85em; line-height:14px;}
.selling_leads li .text a{color:#0164C9;}
.selling_leads li .flag{float:left; width:20px; margin-top:15px;}

/*Buying Leads*/
.buying_leads{padding:12px; font-size:.85em;}
.buying_leads li{height:20px; line-height:20px;}
.buying_leads li .flag{float:left; width:20px; margin:5px 10px 0 0; _display:inline;}
.buying_leads li a{color:#153A64!important;word-break:break-all;}
