/* project: Shanghai showtec information technology co.,ltd
   author: www.barcode-china.net */
   
/* default styles
   -------------- */
body {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	background: #fff;
	color: #454545;
	font-family: Tahoma, sans-serif;
	font-size: 0.7em;
}
a {	color:#E0691A;}
a:hover { color:#6C757A;}

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373;  font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.3em; margin-bottom: 5px; color: #666666;}

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

input.search {
	width: 292px;
	border: 0;
	padding: 4px;
	color: #E0691A;
	font-weight: bold;
	background-color: #FFF;
	background-image: url(../images/input.gif);
	background-repeat: no-repeat;
}

input.submit {
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 0px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
	background-color: #FFFFFF;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
}

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 10px; 
}

.header { 
	height: 55px;
	background: #eee;
	color: #808080;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
 }

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	}

.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #FF9148;
}

	.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #FF9148;
		float: left; 
	}
	
	.bar li.active {
	color: #fff;
	font-weight: bold;
	padding: 7px 10px 6px 10px;
	background-color: #E0691A;
	background-image: url(../images/bar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #E0691A; 
	} 

.search_field {
    height:15px;
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 2px 10px;
	margin: 5px 0;
	background-color: #fff;
	background-image: url(../images/searchbg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.grey {
	color: #808080;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}



/* tree
   --------- */	
	

UL.tree {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -15px; PADDING-TOP: 0px; POSITION: relative
}
UL.tree UL {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: -9px 15px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/ul.gif); PADDING-BOTTOM: 0px; MARGIN: 4px 0px -2px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y
}
UL.tree LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px; LIST-STYLE-TYPE: none
}
UL.tree LI A {
	COLOR: #333333; TEXT-DECORATION: none
}
UL.tree LI A:hover {
	TEXT-DECORATION: underline
}
UL.tree UL UL {
	BACKGROUND-POSITION: -9px 15px; BACKGROUND-IMAGE: url(../images/ul.gif); BACKGROUND-REPEAT: repeat-y
}
UL.tree UL LI {
	BACKGROUND-POSITION: 0px 7px; FONT-WEIGHT: normal; BACKGROUND-IMAGE: url(../images/li.gif); BACKGROUND-REPEAT: no-repeat
}
UL.tree UL LI A {
	TEXT-DECORATION: underline
}
UL.tree UL LI A:hover {
	TEXT-DECORATION: none
}
UL.tree UL UL LI {
	BACKGROUND-POSITION: 0px 7px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(../images/li.gif); BACKGROUND-REPEAT: no-repeat
}
UL.tree UL UL LI A {
	BACKGROUND-POSITION: 0px 7px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(../images/li.gif); COLOR: #555555; BACKGROUND-REPEAT: no-repeat
}

UL#main_menu {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #231f20;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #969184;
	border: 1px solid #999999;
}
UL#main_menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL#main_menu LI A {
	PADDING-RIGHT: 6px; BORDER-TOP: #a29e91 1px solid; DISPLAY: block; PADDING-LEFT: 14px; PADDING-BOTTOM: 7px; WIDTH: 128px; COLOR: #ffffff; PADDING-TOP: 7px; BORDER-BOTTOM: #8a8477 1px solid; TEXT-DECORATION: none
}
UL#main_menu LI A:hover {
	BORDER-TOP: #a29e91 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #7d786c 1px solid; BACKGROUND-COLOR: #888377
}
UL#main_menu .selected {
	FONT-WEIGHT: bold; COLOR: #fea849; BORDER-BOTTOM: #5a5548 1px solid; BACKGROUND-COLOR: #504c41
}
UL#main_menu .down {
	BACKGROUND-POSITION: 130px 50%; BACKGROUND-IMAGE: url(../images/arrow.gif); BACKGROUND-REPEAT: no-repeat
}
UL#main_menu .down:hover {
	BACKGROUND-POSITION: 130px 50%; BACKGROUND-IMAGE: url(../images/arrow.gif); BACKGROUND-REPEAT: no-repeat
}
UL#main_menu .down_open {
	BACKGROUND-POSITION: 130px 50%; BORDER-TOP: #a29e91 1px solid; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/arrow_down.gif); COLOR: #ffffff; BORDER-BOTTOM: #7d786c 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #888377
}
UL#main_menu .down_selected {
	BACKGROUND-POSITION: 130px 50%; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/arrow_selected.gif); COLOR: #fea849; BORDER-BOTTOM: #5a5548 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #504c41
}
UL#main_menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #231f20; PADDING-TOP: 0px; BORDER-BOTTOM: #8a8477 1px solid
}
UL#main_menu UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL#main_menu UL LI A {
	PADDING-RIGHT: 4px; BORDER-TOP: #e4decf 1px solid; DISPLAY: block; PADDING-LEFT: 14px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 6px; WIDTH: 130px; COLOR: #545045; PADDING-TOP: 6px; BACKGROUND-COLOR: #d8d2c2; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
UL#main_menu UL LI A:hover {
	BORDER-TOP: #e4decf 1px solid; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #111111; BACKGROUND-COLOR: #b4aea0; BORDER-RIGHT-WIDTH: 0px
}
UL#main_menu UL LI .submenu-down {
	COLOR: #ffffff; BACKGROUND-COLOR: #7e755c
}

UL.upload_ul {
	PADDING-LEFT: 0px; MARGIN-LEFT: 0px
}
UL.upload_ul LI {
	CLEAR: both; PADDING-LEFT: 0px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
UL.upload_ul LI H2 {
	MARGIN-TOP: 0px; FLOAT: left; WIDTH: 80px
}
OL UL {
	MARGIN-TOP: 10px
}
OL UL LI {
	MARGIN-BOTTOM: 10px; LIST-STYLE-TYPE: square
}
OL LI {
	MARGIN-BOTTOM: 30px
}
UL.no_list {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.no_list LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}	

/* left side
   --------- */

.left {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}

.left h3 {
	clear: both;
	background: #A9C0CE url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
	line-height:20px;
	float: left;
	width: 230px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	.right_side {
	line-height:20px;
	float: right;
	width: 230px;
	padding: 0 0 0 20px;
	margin: 10px 0;
	background-color: #FFF;
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-y;
	}
    .left_side a, .right_side a { color: #414141; background: #FFF; text-decoration:none; }
	.left_side a:hover, .right_side a:hover { color: #ff6600; background: #FFF; }

	.left_box {
	margin: 0 0 10px 0;
	color: #666666;
	background: #FFF;
	padding: 3px 0;
	text-indent: 0pt;
}
.news_content {
text-indent:2em;
	line-height:20px;
	float: left;
	width: 490px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
.dotline{
	height:1px;
	background-image: none;
	background-repeat: repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF9933;
	border-right-color: #FF9933;
	border-bottom-color: #FF9933;
	border-left-color: #FF9933;
}
/* Nav-product	*/
.navproduct {
	float: left;
	width: 130px;
	margin: 0 0 10px 0;
}

.navproduct h3 {
	clear: both;
	background: #A9C0CE url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0 0;
}
	.navproduct_side {
	float: left;
	width: 210px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}

	.navproduct_side a, .right_side a { color: #414141; background: #FFF; }
		
	.navproduct_side {
	float: right;
	width: 220px;
	color: #414141;
	padding: 0 0 0 40px;
	margin: 10px 0;
	background-color: #FFF;
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-y;
	}
		
	.navproduct_box {
	margin: 0 0 10px 0;
	color: #666666;
	background: #FFF;
	padding: 3px 0;
	text-indent: 0pt;
}
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
.right_soft {
        line-height:19px;
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
	.img_partner {
	background: #f5f5f5;
		color: #414141;
		padding:3px;	
		margin: 0 0 3px 0;
	}
	.img_partner li{
			line-height:3px;
		background: #f5f5f5;
		color: #414141;
		padding-left:35px;	
		padding-top:5px;
		margin: 0 0 3px 0;
	}
.repair {
	    text-indent:2em;
        line-height:19px;
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
/* productlist */
		
.productlist {
	float: right;
	width: 620px;
   	margin: 0 0 10px 0;
}

.productlist h3 {
	background: #6C757A  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.productlist_articles {
	background: #f5f5f5;
	color: #414141;
	padding:8px;
	margin: 0 0 12px 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 2em;
	}
/*产品列表标题*/
.product_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-weight: bold;
}	
/*热门产品图片*/	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

.my_left_nav {
	float: left;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.my_left_nav h3 {
	background: #6C757A  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	margin: 0 0 3px 0;
	font: bold 1em Tahoma, Arial, Sans-Serif;
}

.my_left_nav_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}

.title {font-size: 1.2em}

.mid_content{
height:100%;
	color: #808080;
	margin: 0px;
	padding: 0;
	border:0;
	background-color: #FFFFFF;
	  }
	  
#nav1 {
	border:0px solid #BCFF1D;
	width:507px;
	float:left;
	padding-top:5px;
	background-color: #CFF0FF;
	background-image: url(../images/home_r_bg_printer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav1 ul{
	margin-left:0px;
	width:507px;
}
#nav1 li{
	width:33%;
	height:25px;
	float:left;
	
}
#nav1 li a{
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	display:block;
	color:#000;
	text-decoration:underline;
	padding-left:5px;
	background-repeat: no-repeat;
}
#nav1 li a:link,#nav1 li a:visited{
	color:#FF6600;}
#nav1 li a:hover,#nav1 li a:active{
	color:#0099CC;
	text-decoration: none;
}


#nav2 {
	border:0px solid #BCFF1D;
	width:507px;
	float:left;
	padding-top:5px;
	background-color: #CFF0FF;
	background-image: url(../images/home_r_bg_scanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav2 ul{
	margin-left:0px;
	width:507px;
}
#nav2 li{
	width:33%;
	height:25px;
	float:left;
	
}
#nav2 li a{
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	display:block;
	color:#000;
	text-decoration:underline;
	padding-left:5px;
	background-repeat: no-repeat;
}
#nav2 li a:link,#nav2 li a:visited{
	color:#FF6600;}
#nav2 li a:hover,#nav2 li a:active{
	color:#0099CC;
	text-decoration: none;
}


#nav3 {
	border:0px solid #BCFF1D;
	width:507px;
	float:left;
	padding-top:5px;
	background-color: #CFF0FF;
	background-image: url(../images/home_r_bg_dataterminal.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav3 ul{
	margin-left:0px;
	width:507px;
}
#nav3 li{
	width:33%;
	height:25px;
	float:left;
	
}
#nav3 li a{
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	display:block;
	color:#000;
	text-decoration:underline;
	padding-left:5px;
	background-repeat: no-repeat;
}
#nav3 li a:link,#nav3 li a:visited{
	color:#FF6600;}
#nav3 li a:hover,#nav3 li a:active{
	color:#0099CC;
	text-decoration: none;
}
.guide:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12px;
}
.guide:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12px;
}
.guide:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #FF9900;	text-decoration: none;}
/* 详细资料
   ------ */
.bt_detail{
text-align:right;
padding-right:15px;}
.returntop{text-align:right;padding-right:15px;}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 4px 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
.footer a { color: #808080; background: #fff; }
.footer a:hover {
	color: #ff6600;
	background: #fff;
	text-decoration: none;
}
.tel{color: #FF6600;
	text-decoration: none;
}
 
/*tableview---*/
 
.k_ph {
	BORDER-RIGHT: #ddd1c3 1px solid; BORDER-TOP: #ddd1c3 1px solid;  BACKGROUND: #fff; FLOAT: left; BORDER-LEFT: #ddd1c3 1px solid; WIDTH: 265px; BORDER-BOTTOM: #ddd1c3 1px solid; HEIGHT: 242px;float:right;margin:0 0 4px 0 ;
}
.rankList {
	FLOAT: right;
	MARGIN: 0px 0px 0px 4px;
	OVERFLOW: hidden;
	WIDTH: 250px;
	LIST-STYLE-TYPE: none;
	background-image: url(../images/line28.gif);
}
.rankList LI {
	CLEAR: both
}
.rankList LI .rankNum {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 19px
}
.rankList LI .rankLink {
	DISPLAY: block; FLOAT: left; WIDTH: 181px; COLOR: #333; LINE-HEIGHT: 22px; HEIGHT: 22px
}
.rankList LI .rankAut {
padding-right:0px;
	DISPLAY: block; FLOAT: left; WIDTH: 47px; COLOR: #888; LINE-HEIGHT: 22px; HEIGHT: 22px; TEXT-ALIGN: right
}
#tab {
	CLEAR: both; BORDER-TOP: #fff 1px solid; BACKGROUND: #d3c6b4; HEIGHT: 26px
}
.tab_on {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(../images/lmbg.jpg); PADDING-BOTTOM: 0px;  COLOR: #7c7a2d; PADDING-TOP: 4px; HEIGHT: 22px
}
.tab_off {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e8eee2; PADDING-BOTTOM: 0px; COLOR: #7c7a2d; PADDING-TOP: 4px; HEIGHT: 21px;}
#divtab1 {
	 FLOAT: left; WIDTH: 132px
}
#divtab2 {
	 FLOAT: right; WIDTH: 131px
}
#divtab3 {
	 FLOAT: left; WIDTH: 103px
}
#divtab4 {
	 FLOAT: right; WIDTH: 102px
}
.wenxue_txt {
	DISPLAY: block; MARGIN: 8px
}
#clearfloat {
    clear:both;
    height:1px;
    overflow:hidden;
    margin-top:-1px;
}
.ribbon{
margin-left:30px;
line-height:65px;
width:544px;
text-align:center;
background-color:#fff;}
