﻿/* Clear Fix */ 
.clearfix:after 
{ 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix 
{ 
display:inline-block; 
} 
/* Hide from IE Mac */ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	color: #333;
}


a:link       { color: #666666; text-decoration: none; }
a:visited    { color: #666666; text-decoration: none; }
a:hover		 { color: #C80406; text-decoration: underline; }
a:active     { color: #666666; text-decoration: none; }

a.pro:link       {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.pro:visited    { color: #666666; text-decoration: none; font-weight: bold;}
a.pro:hover		 { color: #C80406; text-decoration: underline; font-weight: bold;}
a.pro:active     { color: #666666; text-decoration: none; font-weight: bold;}

.Pro1 {
	font-weight: bold;
}

.hideobj {
	display: none;
}

#mainBase	{
	width: 1004px;
	margin-left: -502px;
	left: 50%;
	position: absolute;
	z-index: 30;
}

#topLine {
	width: 1004px;
	height: 9px;
	left:0px;
	top:0px;
	position: absolute;
	background-image: url(../images/topLine.gif);
	background-repeat: no-repeat;
	z-index: 31;
	overflow: hidden;
}
#topNavBg {
	width: 1004px;
	height: 78px;
	top:9px;
	left:0px;
	position: absolute;
	background-image: url(../images/topNavBg.gif);
	background-repeat: repeat-x;
	z-index: 31;
	overflow: hidden;
}
#logo {
	width: 170px;
	height: 78px;
	top:9px;
	left:0px;
	position: absolute;
	z-index: 32;
	overflow: hidden;
}

#topNavMenu {
	width: 800px;
	height: 78px;
	top:9px;
	left:170px;
	position: absolute;
	z-index: 32;
	overflow: hidden;
}

#topNavVer * {
	padding: 0px;
	margin: 0px;
}
#topNavVer {
	width: 180px;
	height: 30px;
	left:815px;
	top:17px;
	position: absolute;
	z-index: 33;
	overflow: hidden;
}
#topNavVer ul {
	list-style: none;
}
#topNavVer ul li {
	color: #676767;
}


#topSearch {
	width: 238px;
	height: 25px;
	background-image: url(../images/topSearchbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	top: 13px;
	left: 565px;
	position: absolute;
	z-index: 33;
	overflow: hidden;
}
.ProductMultiCategoryPicker210 * {
	padding: 0px;
	margin: 0px;
	width: 238px;
	height: 25px;
}
.ProductMultiCategoryPicker210 {
	width: 238px;
	height: 24px;
	overflow: hidden;
}
.ProductMultiCategoryPicker210 ul {
	list-style: none;
}
.ProductMultiCategoryPicker210 ul li {
	float: left;
}
.ProductMultiCategoryPicker210 .Picker1,
.ProductMultiCategoryPicker210 .Picker3,
.ProductMultiCategoryPicker210 .Picker4,
.ProductMultiCategoryPicker210 .Picker5,
.ProductMultiCategoryPicker210 .Picker7 {
	display: none;
}

.ProductMultiCategoryPicker210 .Picker2 {
	float: left;
	width: 150px;
}
.ProductMultiCategoryPicker210 .Picker2 input {
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/topSearchbg.jpg);
	background-repeat: no-repeat;
	background-position: -8px -4px;
	margin-left: 10px;
	margin-top: 2px;
	width: 150px;
}
.ProductMultiCategoryPicker210 .Picker6 {
	width: 60px;
	float: right;
	overflow: hidden;
}
.ProductMultiCategoryPicker210 .PickerBottun	{
	border: 0px;
	height: 19px;
	width: 60px;
	overflow: hidden;
	background-image: url(../images/topSearchbg.jpg);
	background-repeat: no-repeat;
	background-position: right -1px; 
	margin-top: 1px;
	margin-right: 5px;
	cursor: pointer;
}

#bannerIndex	{
	width: 1004px;
	height: 261px;
	top:87px;
	left:0px;
	position: absolute;
	z-index: 33;
}
#bannerNei	{
	width: 1004px;
	height: 155px;
	top:87px;
	left:0px;
	position: absolute;
	z-index: 33;
}

#mainBodyBoxbg {
	height: 199px;
	width: 1004px;
	left:0px;
	top:348px;
	position: absolute;
	z-index:33;
	background-image: url(../images/bodyBg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#indexNews {
	width: 354px;
	position: absolute;
	left: 0px;
	top:0px;
	height: 199px;
	overflow: hidden;
}

#indexNews .indexNewsIcon {
	padding-left: 20px;
	padding-top: 3px;
}

#indexNews .indexTitle1,
	#indexNews .indexTitle1 a:link,
	#indexNews .indexTitle1 a:visited,
	#indexNews .indexTitle1 a:active {
		width: 354px;
		display: block;
		height: 	0px !important;
		height /**/:26px; /* IE 5/Win hack */
		padding: 26px 0 0 0;
		overflow: hidden;
		background-image: url(../images/indexTitle.gif);
		background-repeat: no-repeat;
	}
	#indexNews .indexTitle1 a:hover {
		width: 354px;
		display: block;
		height: 	0px !important;
		height /**/:26px; /* IE 5/Win hack */
		padding: 26px 0 0 0;
		overflow: hidden;
		background-image: url(../images/indexTitlea.gif);
		background-repeat: no-repeat;
	}
	
	.InfoViewList210Default2 * {
		padding: 0px;
		margin: 0px;
	}
	.InfoViewList210Default2 {
		padding-left: 30px;
		padding-right:35px;
	}
	
		.InfoViewList210Default2 ul {
			list-style: none;
		}
			.InfoViewList210Default2 ul li {
				line-height: 16px;
				height: 16px;
				margin: 0px;
			}
			.InfoViewList210Default2 ul li p {
				float: left;
				margin: 0px;
				margin-top: 2px;

			}
			.InfoViewList210Default2 ul li span {
				float: right;

			}

#indexCompanyInfo * {
	padding: 0px;
	margin: 0px;
}
	
#indexCompanyInfo {
	width:336px;
	position: absolute;
	left: 354px;
	top:0px;
	height: 199px;
	overflow: hidden;
}
#indexCompanyInfo .indexTitle2,
	#indexCompanyInfo .indexTitle2 a:link,
	#indexCompanyInfo .indexTitle2 a:visited,
	#indexCompanyInfo .indexTitle2 a:active {
		width: 336px;
		display: block;
		height: 	0px !important;
		height /**/:26px; /* IE 5/Win hack */
		padding: 26px 0 0 0;
		overflow: hidden;
		background-image: url(../images/indexTitle.gif);
		background-repeat: no-repeat;
		background-position: -354px 0px;
	}
	
	#indexCompanyInfo .indexTitle2 a:hover {
		width: 336px;
		display: block;
		height: 	0px !important;
		height /**/:26px; /* IE 5/Win hack */
		padding: 26px 0 0 0;
		overflow: hidden;
		background-image: url(../images/indexTitlea.gif);
		background-repeat: no-repeat;
		background-position: -354px 0px;
	}
	
	#indexCompanyInfo ul {
		list-style: none;
	}
	
	#indexCompanyInfo .img {
		padding-left: 10px;
		padding-top: 3px;
	}
	#indexCompanyInfo .doc {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
#indexNewProduct {
	width: 314px;
	left:690px;
	height: 199px;
	overflow: hidden;
	top:0px;
	position: absolute;
}

#IndexBottomBar {
	background-image: url(../images/bottomBg.gif);
	height: 78px;
	width: 1004px;
	position: absolute;
	left: 0px;
	top:205px;
}

	#IndexBottomBar #bottomLogo {
		width: 169px;
		top:0px;
		left: 0px;
		position: absolute;
		padding-top: 2px;
	}

	#IndexBottomBar #bottomDoc * {
		padding: 0px;
		margin: 0px;
	}
	#IndexBottomBar #bottomDoc {
		padding-top: 15px;
		top:0px;
		left:169px;
		width: 835px;
		position: absolute;
	}
	#IndexBottomBar #bottomDoc ul {
		list-style: none;
		padding-left: 20px;
	}
		#IndexBottomBar #bottomDoc ul li {
			color:#aaa;
			height: 16px;
			line-height: 16px;
		}
		
#neiBottomBar {
	background-image: url(../images/bottomBg.gif);
	height: 78px;
	width: 1004px;
}
	#neiBottomBar #bottomLogo {
		width: 169px;
		float: left;
		padding-top: 2px;
	}

	#neiBottomBar #bottomDoc * {
		padding: 0px;
		margin: 0px;
	}
	#neiBottomBar #bottomDoc {
		padding-top: 15px;
		float: left;
		width: 835px;
	}
	#neiBottomBar #bottomDoc ul {
		list-style: none;
		padding-left: 20px;
	}
		#neiBottomBar #bottomDoc ul li {
			color:#aaa;
			height: 16px;
			line-height: 16px;
		}
		
#mainBodyBoxNei {
	width: 1004px;
	left:0px;
	top:242px;
	position: absolute;
	z-index:33;
	background-image: url(../images/bodyBgNei.gif);
	background-repeat: repeat-y;
}

	#mainLeft {
		width: 199px;
		float: left;
		overflow: hidden;
	}
	#mainLeft h4 {
		width: 198px;
		overflow: hidden;
		font-size: 0px;
		height: 7px;
		background-image: url(../images/leftLine.gif);
		padding: 0px;
		margin: 0px;
	}
	
	#mainLeft .title1 {
		height: 	0px !important;
		height /**/:32px; /* IE 5/Win hack */
		padding: 32px 0 0 0;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		margin: 0px;
		background-image: url(../images/title1.gif);
	}	
	#mainLeft .title2 {
		height: 	0px !important;
		height /**/:32px; /* IE 5/Win hack */
		padding: 32px 0 0 0;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		margin: 0px;
		background-image: url(../images/title2.gif);
	}
	#mainLeft .title3 {
		height: 	0px !important;
		height /**/:32px; /* IE 5/Win hack */
		padding: 32px 0 0 0;
		overflow: hidden;
		display: block;
		background-repeat: no-repeat;
		margin: 0px;
		background-image: url(../images/title3.gif);
	}
	
		.UserLogin230 * {
			padding: 0px;
			margin:0px;
		}
		.UserLogin230 {
			width: 198px;
			background-color: white;
			padding-bottom: 10px;
			padding-top: 5px;
		}
			.UserLogin230 ul {
				list-style: none;
					width: 160px;
					margin: 0 auto;
			}
				.UserLogin230 ul li {
					float: left;
					padding: 2px;
				}
				.UserLogin230 .memberLoginInput {
					width: 100px;
					border:1px solid #ccc;
				}
				.UserLogin230 .memberLoginBotton {
					border: 0px;
					width: 56px;
					height: 20px;
					background-image: url(../images/LoginBot.gif);
					background-repeat: no-repeat;
					background-color: white;
					margin-left: 38px;
				}
				.UserLogin230 .memberRegBotton {
					height: 	0px !important;
					height /**/:20px; /* IE 5/Win hack */
					padding: 20px 0 0 0;
					overflow: hidden;
					display: block;
					width: 56px;
					background-image: url(../images/regBot.gif);
					background-repeat: no-repeat;
				}
				.UserLogin230 .memberLostBotton {
					margin-left: 38px;
				}
				
		.ProductMultiCategoryPicker210Left *{
			padding: 0px;
			margin: 0px;	
		}
		
		.ProductMultiCategoryPicker210Left {
			width: 100%;
			background-color: white;
			width: 198px;
		}
		
			.ProductMultiCategoryPicker210Left ul {
				list-style: none;
				width: 160px;
				margin: 0 auto;
				overflow: hidden;
				padding-top: 5px;
				padding-bottom: 5px;
			}
				.ProductMultiCategoryPicker210Left ul li {
					width: auto;
					padding-top: 2px;
					padding-bottom: 2px;
				}
				.ProductMultiCategoryPicker210Left .Picker1 {
					display: none;
				}
				.ProductMultiCategoryPicker210Left .Picker2 input {
					border:1px solid #ccc;
					width: 158px;
				}
				.ProductMultiCategoryPicker210Left .Picker3 {
					float: left;
				}
					.ProductMultiCategoryPicker210Left .Picker3 input {
						border:1px solid #ccc;
						width: 135px;
					}
				.ProductMultiCategoryPicker210Left .Picker4 {
					float: left;
					padding-top: 5px;
					padding-left: 5px;
				}
				.ProductMultiCategoryPicker210Left .Picker5 {
					float: left;
					width: 102px;
					overflow: hidden;
				}
					.ProductMultiCategoryPicker210Left .Picker5 select {
						width: 102px;
					}
				
				..ProductMultiCategoryPicker210Left .Picker6 {
					margin-left: 3px;
					float: left;
				}
				..ProductMultiCategoryPicker210Left .Picker6 .PickerBottun {
					border:1px solid #9E9E9E;
					width: 50px;
				}		
				
				..ProductMultiCategoryPicker210Left .Picker7 {
					clear: both;
					padding-left:110px; 	
					display: none;
				}	
				.ProductMultiCategoryPicker210Left .Picker7 a {
					color: black;
				}

				#contents_100shop {
					width:100px;
					border:1px solid #666;
					clear: both;
					visibility:hidden;
					background-color: #ccc;
					padding: 5px;
					position: absolute;
				
					z-index: 300;
				}
				
		.GeneralContentMultiPage * {
			padding: 0px;
			margin: 0px;
		}
		.GeneralContentMultiPage {
			width: 198px;
			background: white;
			margin-top: 5px;
		}
		.GeneralContentMultiPage ul {
			list-style: none;
			margin-left:5px;
		}
		.GeneralContentMultiPage ul li {
			margin-bottom: 4px;
		}
		.GeneralContentMultiPage ul li a {
			height: 	0px !important;
			height /**/:23px; /* IE 5/Win hack */
			padding: 23px 0 0 0;
			overflow: hidden;
			display: block;
			background-image: url(../images/menu.gif);
			width: 183px;
		}
		.GeneralContentMultiPage ul li a:hover {
			height: 	0px !important;
			height /**/:23px; /* IE 5/Win hack */
			padding: 23px 0 0 0;
			overflow: hidden;
			display: block;
			background-image: url(../images/menu.gif);
		}
		
		.GeneralContentMultiPage .glLinkPager {
			display: none;
		}
		
		.InfoCategoryList210 {
			padding-top: 5px;
			padding-bottom: 10px;
			background: white;
			width: 198px;
		}
		
		.InfoCategoryList210 a {
			height: 	0px !important;
			height /**/:23px; /* IE 5/Win hack */
			padding: 23px 0 0 0;
			overflow: hidden;
			display: block;
			background-image: url(../images/menu.gif);
			width: 183px;
			margin-left: 5px;
			margin-bottom: 4px;
		}
		.InfoCategoryList210 a:hover {
			height: 	0px !important;
			height /**/:23px; /* IE 5/Win hack */
			padding: 23px 0 0 0;
			overflow: hidden;
			display: block;
			background-image: url(../images/menu.gif);
		}
		
	
	#mainRight {
		width: 805px;
		float: left;
	}
	#mainRight h3 {
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		overflow: hidden;
	}
	#mainRight .bodyTitle1 {
		background-image: url(../images/newsBodyTitle.gif);
		height: 22px;
	}
	#mainRight .bodyTitle2 {
		background-image: url(../images/productsBodyTitle.gif);
		height: 22px;
	}
	#mainRight .bodyTitle3 {
		background-image: url(../images/feedbackBodyTitle.gif);
		height: 22px;
	}
	#mainRight .bodyTitle4 {
		background-image: url(../images/menberBodyTitle.gif);
		height: 22px;
	}
	
	#mainRight #msgLeft {
		float: left;
	}
	#mainRight #msgRight {
		float: left;
	}
	
		.MessageBoard230 {
			margin-left: 40px;
		}
		.MessageBoard230 .MessageBoard_input {
			border:1px solid #ccc;
		}
		.MessageBoard230 textarea {
			border:1px solid #ccc;
		}
		.MessageBoard230 img,.MessageBoard230 select {
			vertical-align: bottom;
		}
		.MessageBoard230 .MessageBoard_td_head {
			background: #f1f1f1;
			color: #666;
		}
		 .message_td_content {
			background: #f9f9f9;
			color: #999;
		}
		
		.msgNav * {
			padding: 0px;
			margin: 0px;
		}
		.msgNav ul {
			list-style: none;
			margin-top: 10px;
		}
		.msgNav ul li {
			height: 20px;
			line-height: 20px;
			display: inline;
			padding-left:10px;
			background-image: url(../images/arrdark.gif);
			background-repeat: no-repeat;
			background-position: 0px 3px;
		}
		.msgNav ul li a {
			font-weight: bold;
		}
		
#infoSearchBox {
	background-color: white;
	width: 198px;
	margin-top: 0px!important;
	margin-bottom:0px!important;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.ProductExhibitList .product_img {
		width: 173px;
		height: 104px;
		border:1px solid #C3C3C3;		
	}
	.ProductExhibitList .pubList {
		width: 759px;
		height: 132px;
		overflow: hidden;
		background-image: url(../images/pubbg.jpg);
		background-repeat: no-repeat;
	}
		.ProductExhibitList .pubList * {
			padding: 0px; 
			margin: 0px;
		}
		.ProductExhibitList .pubList {
			color: #434343;
			margin: 0 auto;
		}
		.ProductExhibitList .pubList ul {
			list-style: none;
		}
		.ProductExhibitList .pubList .pubList1 {
			width: 210px;
			float: left;
			padding-top: 5px;
		}
		.ProductExhibitList .pubList .pubList1 li {
			width: 175px;
			padding-left: 10px;
			text-align: center;
		}
		.ProductExhibitList .pubList .pubList2 {
			margin-top: 10px;
			float: left;
		}
		.ProductExhibitList .pubList .pubList2 li {
			height: 25px;
			line-height: 25px;
		}
		.ProductExhibitList .pubList .pubList2 .pubListMore a {
			height: 	0px !important;
			height /**/:20px; /* IE 5/Win hack */
			padding: 20px 0 0 0;
			overflow: hidden;
			display: block;
			width: 50px;
			float: right;
			margin-top: 25px;
			margin-right: 5px;
		}
		
		.FindPwd160 {
			width:90%;
			margin: 0 auto;
		}
		
		.FindPwd160 .user_title1 {
			color:gray;
		}
		.FindPwd160 .user_font {
			color:gray;
		}
		.FindPwd160 .user_input1 {
			border:1px solid gray;
		}	
		
		.UserRegister210 .Regester_title {
			color: gray;
		}
		.UserRegister210 .Regester_font {
			color: gray;
		}
		.UserRegister210 .Regester_input {
			border:1px solid gray;
		}	
		
		
		.UserInfoUpdate230 .Regester_title {
			color: gray;
		}
		.UserInfoUpdate230 .Regester_font {
			color: gray;
		}
		.UserInfoUpdate230 .Regester_input {
			border:1px solid gray;
		}	
				
.coompic * {
	padding: 0px;
	margin: 0px;
}
.coompic {
	margin-left: 15px;
	width: 244px;
	overflow: hidden;
}
.coompic ul {
	list-style: none;
	width: 260px;
}
.coompic ul li {
	float: left;
	margin-right: 16px;
	margin-bottom: 3px;
}
.coompic ul li img {
	border: solid 1px #666;
}
.pubimg1 .sp1 {
	display: none;
}
.sunbigpic img{
	width: 475px;
	height: 284px;
	border: solid 3px #424242;
}