/* -----------------  page styles -------------------------------------------------------*/
html {scrollbar-face-color: #eeeeee; /*滚动条顏色*/
	scrollbar-highlight-color: #336699; /*滚动条左與上內邊框*/
	scrollbar-shadow-color: #336699;/*滚动条右與下內邊框*/
	scrollbar-3dlight-color: #FFFFFF; /*滚动条左與上外邊框*/
	scrollbar-darkshadow-color: #FFFFFF;/*滚动条右與下外邊框*/
	scrollbar-arrow-color: #336699; /*滚动条箭頭*/
	scrollbar-track-color: #eeeeee; /*滚动条底色*/}

body { padding:0; margin:0; font:12px Verdana, sans-serif; line-height: 17px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/


p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#CC3300; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:80px; background: url(../images/header.jpg) no-repeat; 
margin:0; }

#LatestNews {
	clear:both;
	width:880px;
	height:20px;
	margin:0;
	margin-left:15px;
	color: #FF3300;
	font-weight: bold;
	font-family: "宋体";
	font-size: 13px;
}
.f12red {
	font-family: "宋体";
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.f12red a{
	font-family: "宋体";
	font-size: 13px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
}
.f12red a:hover{
	font-family: "宋体";
	font-size: 13px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#title {
float:right;
	width:190px;
	padding:44px 0 10px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#FF6600;}
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#hrighttop {
	width: 300px;
	margin: 0 2px 0 0;
	padding: 0 8px 6px 0;
	float:right;
	text-align: right;
	font-family: "宋体";
	font-size: 12px;
}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu {
	width: 540px;
	float:right;
	margin:2px 0 0 0;
	padding:0;
	text-align:right;
	font-family: "宋体";
	font-size: 12px;
}
#menu li { display:inline; }
#menu li a {  color:#666; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover { background: none;color:#FF3300;} 

/* ----------------- argox banner图片 -------------------------------------------------------*/
#homepic {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic.jpg) no-repeat;}
#homepic a {color:#fff;}
/* ----------------- citizen banner图片 -------------------------------------------------------*/
#homepic1 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic1.jpg) no-repeat;}
#homepic1 a {color:#fff;}
/* ----------------- tec banner图片 -------------------------------------------------------*/
#homepic2 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic2.jpg) no-repeat;}
#homepic2 a {color:#fff;}
/* ----------------- cipherlab banner图片 -------------------------------------------------------*/
#homepic3 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic3.jpg) no-repeat;}
#homepic3 a {color:#fff;}
/* ----------------- neland banner图片 -------------------------------------------------------*/
#homepic4 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic4.jpg) no-repeat;}
#homepic4 a {color:#fff;}
/* ----------------- argox banner图片 -------------------------------------------------------*/
#homepic5 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic5.jpg) no-repeat;}
#homepic5 a {color:#fff;}
/* ----------------- symbol banner图片 -------------------------------------------------------*/
#homepic6 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic6.jpg) no-repeat;}
#homepic6 a {color:#fff;}
/* ----------------- cipherlab scanner banner图片 -------------------------------------------------------*/
#homepic7 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic7.jpg) no-repeat;}
#homepic7 a {color:#fff;}
/* ----------------- symbol scanner banner图片 -------------------------------------------------------*/
#homepic8 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic8.jpg) no-repeat;}
#homepic8 a {color:#fff;}
/* ----------------- argox scanner banner图片 -------------------------------------------------------*/
#homepic9 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic9.jpg) no-repeat;}
#homepic9 a {color:#fff;}
/* ----------------- datalogic scanner banner图片 -------------------------------------------------------*/
#homepic10 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic10.jpg) no-repeat;}
#homepic10 a {color:#fff;}
/* ----------------- codechecker banner图片 -------------------------------------------------------*/
#homepic11 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic11.jpg) no-repeat;}
#homepic11 a {color:#fff;}
/* ----------------- JY-1B banner图片 -------------------------------------------------------*/
#homepic12 {width:900px; height:192px; margin:5px 0 10px 0;background: url(../images/homepic12.jpg) no-repeat;}
#homepic12 a {color:#fff;}

.message{ position:absolute;  width:400px; float:left; margin:50px 0px 0px 165px; color:#fff;}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}
.left {
	float: right;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px;
	font-family: "宋体";
	font-size: 12px;
}
.middle {
	float: right;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px;
	font-family: "宋体";
	font-size: 12px;
}
.right {
	float: right;
	width: 270px;
	margin: 0 6px 5px 0;
	padding:10px;
	font-family: "宋体";
	font-size: 12px;
}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer {
	clear: both;
	text-align:center;
	line-height: 1.8em;
	color: #666666;
	background: #fff;
	padding: 4px 0;
	margin:10px 0 0 0;
	font-family: "宋体";
	font-size: 12px;
}
#footer a {color: #666666; background: inherit;}
#footer a:hover {color: #FF6600; background: inherit;}


/*-------------- 详细资料按钮-------------*/
.bt_detail{
text-align:right;
padding-right:5px; margin:10px;
}
.bt_detail a { color:#FF6600}
.bt_detail a hover { color:#000000}

/* 内容(左) */
.contentleft {float: left;width: 180px;margin: 0 7px 5px 5px;}

/* 内容(中) */
.productlist {
	float: left;
	width: 505px;
	margin: 0 0 10px 0;
	font-family: "宋体";
	font-size: 12px;
}
.productlist a {
	color:#FF6600;
	text-decoration: underline;
	background:none;
	font-weight: bold;
}
.productlist a:hover { color:#333333; background:none; text-decoration:underline; }

.productlist h3 {
	color: #FFF;
	padding: 7px 0 7px 5px;
	margin: 0 0 3px 0;
	background-color: #3399CC;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}
.productlist h3 a{
	color:#FFCC33;
	text-decoration: underline;
	background:none;
	font-weight: bold;
}
.productlist h3 a:hover {
	color:#333333;
	text-decoration: underline;
	background:none;
	font-weight: bold;
}
.productlist_articles {
	color: #636363;
	padding:8px;
	margin: 0 0 12px 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 2em;
	background-color: #F6F6F6;
	word-break:break-all;
	}
.product_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-weight: bold;
}	
.image{
	float: left;
	margin: 0 9px 3px 0;
}
/* 产品列表返回顶部*/
.returntop{text-align:right;padding-right:15px;}

/*----内容(右)-----*/
.contentright {
	float: right;
	width: 175px;
	padding:0;
	margin: 0 5px 5px 0;
	font-family: "宋体";
	font-size: 12px;
}

.prompt_yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	font-weight: normal;
}



/* 产品列表按钮*/

.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: #CCCCCC;text-decoration: none;}


/*内容导航按钮*/
.bt_content{
	font-family: "宋体";
	font-size: 13px;
	color: #6699CC;
	text-decoration: none;
	font-weight: bold;
}
.bt_content a{
	font-family: "宋体";
	font-size: 13px;
	color: #6699CC;
	text-decoration: none;
}
.bt_content a hover{
	font-family: "宋体";
	font-size: 13px;
	color: #006699;
	text-decoration: none;
}

/*----清除浮动bug*/
#clearfloat {
    clear:both;
    height:1px;
    overflow:hidden;
    margin-top:-1px;
}


/*----左边导航条按钮-----*/
#NavBtleft {
	width: 200px;
	margin-top: 0px;
	}
	
#NavBtleft li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
#NavBtleft li a:link, #NavBtleft li a:visited {
	color: #777;
	display: block;
	padding: 8px 0 0 20px;
	background-image: url(../images/menu_bg.gif);
	}
	
#NavBtleft li a:hover {
	color: #257EB7;
	background: url(../images/menu_bg.gif) 0 -32px;
	padding: 8px 0 0 25px;
	}
	
#NavBtleft li a:active {
	color: #fff;
	background: url(../images/menu_bg.gif) 0 -64px;
	padding: 8px 0 0 25px;
	}


#menu5 {
	width: 170px;
	border-style: none solid none solid;
	border-color: #D0D0D0;
	border-width: 1px;
margin-top: 0px;

	}
#menu5 h1 {
	width:155px;
	color: #FF6600;
	padding: 8px 15px 0 0px;
	text-align: right;
	height:22px;
	margin:0;
	background-image: url(../images/title_bg.gif);
	background-position: 0 0;
	font-family: "宋体";
	font-size: 12px;
	}
		
	
#menu5 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #777;
	display: block;
	padding: 8px 25px 0 10px;
	text-align: right;
	background-image: url(../images/menu5.gif);
	}
	
#menu5 li a:hover {
	color: #fff;
	background: url(../images/menu5.gif) 0 -32px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}
	
#menu5 li a:active {
	color: #fff;
	background: url(../images/menu5.gif) 0 -64px;
	padding: 8px 25px 0 10px;
	text-align: right;
	}

/*------------ sdmenu----------*/
div.sdmenu {
	width: 175px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.sdmenu div {
	background: url(../images/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../images/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: normal;
	color: white;
	background: url(../images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 5px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #666;
}
div.sdmenu div a.current {
	background-color: #ccc;
}
div.sdmenu div a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #666;
	background-repeat: no-repeat;
	background-position: right center;
}