/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption,  tfoot, thead, th {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-family:inherit;font-size:100%;}
ol, ul {list-style:none;margin:0;padding:0;}
input, textarea {margin:0;}
a {outline:none;} /* Removes Firefox imposed outline */
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;} /* define focus style */
ins {text-decoration:none;}
del {text-decoration:line-through;}

body {
	font-family: Verdana, "ËÎÌå";
	font-size: 12px;
	color:#505050;
	background:url(../images/bg.jpg) top repeat-x #fff;
	}

a:link,a:visited{
	color: #505050;
	text-decoration:none;
}

a:hover{
	color: #f08300;
}

#container{
	margin:auto;
	z-index:0;
	padding:0;
	width:960px;}

#top{
	padding:0 22px 0 0;
	color:#848484;
	text-align:right;
	line-height:55px;
	background:url(../images/top_bg.jpg);
	height:55px;
	}

#top a:link,#top a:visited{
	color:#848484;
	}

#top a:hover{
	color:#f08300;
	}

#top img{
	float:left;}

#nav{
	height:30px;
	clear:both;
	background:url(../images/bg_nav.jpg) no-repeat #FFF;;
	}
	
#nav ul{
	margin:0 0 0 10px;
	}
	
#nav ul li{
	float:left;
	list-style:none;
	padding:0 26 0 0;
	line-height:30px;
	}

#nav ul li a:link,#nav ul li a:visited{
	padding:0 15px;
}

.nav_line{
	width:1px;
	height:30px;
	background:url(../images/nav_line.jpg);}
	
.search{
	float:right;
	line-height:30px;}

.input{
	height:21px;
	border:0;
	background:url(../images/search.jpg) top;
	width:185px;
	padding:3px 0 0 6px;
	font-size:12px;
	margin:2px 0 0 0;
	color:#c6c6c6;
	}

#main{
	height:486px;
	z-index:0;
	padding:4px 4px 0 4px;
	background-color:#ccc;
}

#mask{
	width:960px;
	height:490px;
	z-index:19;
	position:absolute;
	background:#000;
	filter:ALPHA(opacity=50);
	visibility:hidden;
}

#right{
float:right;
margin:0;
padding:0;}

#left{
position:absolute;
float:left;
margin:0;
padding:0;
}

#bottom{
	height:26px;
	line-height:26px;
	font-size:11px;
	z-index:10;
	padding:0 10px;
	background:url(../images/bg_bottom.jpg);
	color:#848484;}

.index_news{
	background:url(../images/bg_kan.png);
	padding:7px 12px;_padding:5px 12px;
	width:205px;
	text-align:left;
	height:102px !important;*height:104px;
	_background:url(../images/bg_kan.gif);
	}

h1{
font-weight:bold;}

#index_server{
	background:url(../images/bg_midkan.png);
	_background:url(../images/bg_midkan.gif);
padding:0 12px;
	width:205px;
	text-align:left;
	}

#index_server ul li{
line-height:20px;
width:205px;
background:url(../images/bg_close.jpg);}

#index_server ul ul{
border-bottom:1px solid #cecece;
border-top:1px solid #cecece;}

#index_server ul ul li{
line-height:20px;
background:url(../images/bg_child.jpg);}

.f11{
	font-size:11px;}

.borderbottom{
	line-height:18px;
border-bottom:1px solid #cecece;}

.thisBG{
background:url(../images/bg_open.jpg);}

.thisNavBg{
 background:url(../images/bg_thisnav.jpg);}

#news{
	position:absolute;
background:url(../images/bg_sample.png);
_background:url(../images/bg_sample.gif);
	 width:684px;
	 padding:12px 18px 0 22px;
	 z-index:10;
	 height:470px;
	 float:left;
}

#sample{
	position:absolute;
background:url(../images/bg_sample.png);
_background:url(../images/bg_sample.gif);
	 width:686px;
	 padding:12px 18px 0 19px;
	 _padding:12px 18px 0 20px;
	 z-index:11;
	 height:470px;
	 float:left;
}

#mainContent2{
	 width:685px;
	 padding:0 18px 0 22px;
	 height:481px;
	 float:right;
	 background:url(../images/bg_sample.png);}

#setHomePage{
	padding:6px 20px 0 0;
	float:right;}

#banner{
	background-color:#FFF;
	padding:5px 0 13px 0;
	}

#pro_title{
	text-align:right;
	height:26px;
	padding:3px 28px 0 0;
	background:url(../images/div_09.jpg) top no-repeat;}

#profile_title{
	text-align:right;
	height:26px;
	padding:4px 12px 0 0;
	background:url(../images/div_11.jpg) top no-repeat;}

#profile{
	margin:3px 7px 18px 48px;}

#profile ul li{
	list-style:none;
	line-height:23px;
	border-bottom:dashed 1px #ccc;}

.time{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	position:absolute;
	font-weight:normal;
	left:570px;
}
	
.products_sort:link,.products_sort:visited{
	color: #2042bd;
	font-size: 13px;
	text-decoration: none;	
}

.products_sort:hover{
	color: #787878;
	font-size: 13px;
	text-decoration: none;
}

.blue{
	color:#2042bd;}
	
.b{
	font-weight:bold;}

.right_title{
	font-weight:bold;
	background:url(../images/dot_news.jpg) bottom right no-repeat;
	margin:0 0 6px 0;
	font-size:13px;}

#foot_line{
	clear:both;
	text-align:right;
	height:12px;
	background:url(../images/foot_line.jpg) top repeat-x #fff;}
	
#background{
	display:block;
position:absolute;
	z-index:5;
	height:16px;
	overflow:hidden;
	width:160px;
	margin:470px 0 0 480px;
	}

#background ul{
		background:url(../images/bgico_05.jpg);
}

#background ul li{
	text-align:center;
	cursor:hand;
	height:75px;}

#link{
	position:absolute;
	margin:0;
	display:none;
	font-family:"ËÎÌå";
	z-index:13;
	font-size:12px;
	line-height:21px;
	background:url(../images/link.png);
	_background:url(../images/linkHover.jpg);
	width:191px;
}

#link ul li{
	padding:0 0 0 6px;
}

#link ul li:hover{
	background:url(../images/linkHover.jpg);
	}
	
.orange{
	color:#f08200;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}

#itemList{
	margin:3px 0 0 0;
	width:37px;
	z-index:11;
	float:left;
	position:absolute;
	background:url(../images/bg_item0.png);
	_background:url(../images/bg_item0.gif);
	}
	
#itemList ul li{
	padding:20px 6px 10px 13px !important;*padding:21px 6px 6px 13px;
	line-height:13px;
	width:20px;
	height:48px;
	cursor:hand;
	}

#sampleListone{
	margin:3px 0 0 0;
	width:37px;
	float:left;
	position:absolute;
	background:url(../images/bg_sample0.png);
	_background:url(../images/bg_sample0.gif);
	}
	
#sampleListone ul li{
	padding:20px 6px 10px 13px !important;*padding:20px 6px 4px 13px;
	line-height:13px;
	width:20px;
	height:72px;
	}

#sampleListtwo{
	width:37px;
	z-index:11;
	float:left;
	position:absolute;
	top:398px;
	background:url(../images/bg_item0.png);
	_background:url(../images/bg_item0.gif);
	}
	
#sampleListtwo ul li{
	padding:20px 6px 10px 13px !important;*padding:21px 6px 6px 13px;
	line-height:13px;
	width:20px;
	height:48px;
	}
	
.thisSampleBG{
	background:url(../images/bg_sample1.png);
	_background:url(../images/bg_sample1.gif);
	}
	
.thisItemBG{
	background:url(../images/bg_item1.png);
	_background:url(../images/bg_item1.gif);
	}

#itemContent{
	 width:880px;
	 padding:21px;
	 z-index:12;
	 margin:0 0 0 30px;
	 height:439px;
	 position:absolute;
	 float:right;
	 background:url(../images/bg_item.png);
	 _background:url(../images/bg_item.gif);
	 }
	 
.itemWord{
	width:647px;
	float:right;
	line-height:18px;
	}
#topImg{
	background:url(../images/bg_topkan.png) top no-repeat;
	_background:url(../images/bg_topkan.gif) top no-repeat;
	width:229px;
	height:8px;
	}
#bottomImg{
	background:url(../images/bg_bottomkan.png) top no-repeat;
	_background:url(../images/bg_bottomkan.gif) top no-repeat;
	width:229px;
	height:9px;
	}

.newsView{
	display:block;
	_margin:6px 0 0 0;
	border-top:1px solid #cecece;
	_border-bottom:0;
	padding:10px 6px 12px 0;
}

#SNews ul li.newsContent{
	height:145px;
	padding:5px 6px 12px 0;
	border-bottom:1px solid #cecece;
}

.newsContent img{
	border:1px solid #a3a3a3;
	float:left;
	margin:0 14px 0 0;
	}
	
#newsNavList{
	position:absolute;
	left:699px;
	top:20px;
	width:202px;}

.nTitle{
	background-color:#eaebec;
	font-weight:bold;
	line-height:24px;
	width:193px;
	padding:0 0 0 9px;
	height:24px;
	display:block;
	}

#contactLeft{
	float:left;
	width:432px;}
	
#contactRight{
	height:429px;
	float:right;
	padding:10px 0 0 10px;
	border:1px solid #e1e1e1;
	width:422px;}
.cTitle{
	background-color:#eaebec;
	font-weight:bold;
	line-height:24px;
	padding:0 0 0 9px;
	margin:10px 0;
	height:24px;
	display:block;
	}

.cContent{
	padding:0 0 0 9px;
	line-height:24px;}
	
#newsNavList ul{
	margin:0 0 14px 0;}

.bg_nvl{
	background:url(../images/bg_nvl.gif);
	}

#newsNavList ul li{
	line-height:24px;
	margin:3px 0 0 0;
	padding:0 0 0 9px;
	background-color:#f2f3f4;
}

#newsNavList ul li:hover{
	background-color:#edeeed;}

#sampleContnet {
  position:absolute;
  left:21px;
  width: 663px;
  height: 440px;
}

#sampleContnet p{
	line-height:18px;
	padding:7px 0 5px 0;
	_padding:3px 0 5px 0;}

#aboutContent{
	line-height:18px;}

#aboutContent ul{
	margin:10px 0 0 0;
	}

#aboutContent ul li{
	margin:0 10px 15px 0;
	width:285px;
	float:left;}

#aboutContent ul li.margin0{
	margin:0 0 15px 0;
}

#aboutContent p{
	padding:7px 0 5px 0;
	_padding:3px 0 5px 0;}

#sampleIco{
	border-top:1px solid #c7c7c7;
	}	
#sampleIco img{
	border:1px solid #c7c7c7;
	}	
#sampleIco ul{
	margin:5px 0 0 0;}

#sampleIco ul li{
	float:left;
	margin:5px 0 0 19px;
	_margin:5px 0 0 19px;
	}
#sampleIco li.first{
	margin:5px 0 0 0;
	}

#showSample{
	position:relative;
background:url(../images/bg_sample.png);
_background:url(../images/bg_sample.gif);
	 width:686px;
	 padding:12px 18px 0 19px;
	left:30px;
	font-weight:bold;
	z-index:20;}
	
#showMessage{
	position:relative;
	background-color:#f8f8f8;
	 width:432px;
	 height:330px;
	 top:22px;
	left:498px;
	font-weight:bold;
	z-index:20;}
.close{
	position:absolute;
	float:right;
	top:10;
	margin:0 9px 0 0;
	right:0;}
.close2{
	position:absolute;
	float:right;
	margin:3px 3px 0 0;
	right:0;}
.f13{
	font-size:13px;}
	
#page{
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	display:block;}
#page ul{
	margin:3px 2px 0 0;}
#page ul li{
	width:21px;
	color:#f08300;
	padding:2px 0 0 0;
	text-align:center;
	float:left;
	margin:0 0 0 5px;
	height:17px;
	background:url(../images/bg_page.jpg);}
	
#teamContainer {
  position:absolute;
  top:69px;
  left:309px;
  width: 605px;
  height: 362px;
}