/* CSS Document */
body{font-family: "ËÎÌå",Arial; margin:0px; padding:0px; background:url(images/em_01.jpg) repeat-x; text-align:center; font-size:12px; color:#5a5757; line-height:20px;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#999999;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}
table,td,input{font-size:12px;}
.inputA{width:124px; height:14px;}
.selectA{width:130px;}
.margin_b5{margin-bottom:5px;}
.clear{clear:both;}
.pIndent{ text-indent:25px;}
/****************************************************************/
#header,#flash,#notice,#container,#footer{ margin:0 auto; text-align:left;}
#flash,#notice,#container,#footer{ width:920px; border:#FFFFFF solid; border-width:0px 5px; background:#FFFFFF; overflow:hidden;}
#header{ background:url(images/em_04.jpg) no-repeat; width:930px; height:162px; overflow:hidden;}
.logo{ display:none;}
#menu{ height:30px; margin-top:120px; overflow:hidden;}
#menu ul li{ float:left; margin-right:7px;}
#menu ul li a{display:block; height:30px;}
#menu ul li a b{ display:none;}
.menuIndex a{background:url(images/menu_1.gif) no-repeat; width:50px;}
.menuIndex a:hover{ background:url(images/menu_1.gif) 0px -30px no-repeat; }
.menuIndex a.pageOn,.menuIndex a.pageOn:hover{background:url(images/menu_1.gif) 0px -60px no-repeat; }

.menuAbout a{background:url(images/menu_1.gif) -57px 0px no-repeat; width:70px;}
.menuAbout a:hover{ background:url(images/menu_1.gif) -57px -30px no-repeat; }
.menuAbout a.pageOn,.menuAbout a.pageOn:hover{background:url(images/menu_1.gif) -57px -60px no-repeat; }

.menuPic a{background:url(images/menu_1.gif) -135px 0px no-repeat; width:88px;}
.menuPic a:hover{ background:url(images/menu_1.gif) -135px -30px no-repeat; }
.menuPic a.pageOn,.menuPic a.pageOn:hover{background:url(images/menu_1.gif) -135px -60px no-repeat; }

.menuNews a{background:url(images/menu_1.gif) -232px 0px no-repeat; width:70px;}
.menuNews a:hover{ background:url(images/menu_1.gif) -232px -30px no-repeat; }
.menuNews a.pageOn,.menuNews a.pageOn:hover{background:url(images/menu_1.gif) -232px -60px no-repeat; }

.menuProduct a{background:url(images/menu_1.gif) -309px 0px no-repeat; width:70px;}
.menuProduct a:hover{ background:url(images/menu_1.gif) -309px -30px no-repeat; }
.menuProduct a.pageOn,.menuProduct a.pageOn:hover{background:url(images/menu_1.gif) -309px -60px no-repeat; }

.menuExpert a{background:url(images/menu_1.gif) -386px 0px no-repeat; width:70px;}
.menuExpert a:hover{ background:url(images/menu_1.gif) -386px -30px no-repeat; }
.menuExpert a.pageOn,.menuExpert a.pageOn:hover{background:url(images/menu_1.gif) -386px -60px no-repeat; }

.menuDevelop a{background:url(images/menu_1.gif) -461px 0px no-repeat; width:70px;}
.menuDevelop a:hover{ background:url(images/menu_1.gif) -461px -30px no-repeat; }
.menuDevelop a.pageOn,.menuDevelop a.pageOn:hover{background:url(images/menu_1.gif) -461px -60px no-repeat; }

.menuService a{background:url(images/menu_1.gif) -538px 0px no-repeat; width:70px;}
.menuService a:hover{ background:url(images/menu_1.gif) -538px -30px no-repeat; }
.menuService a.pageOn,.menuService a.pageOn:hover{background:url(images/menu_1.gif) -538px -60px no-repeat; }

.menuDownload a{background:url(images/menu_1.gif) -616px 0px no-repeat; width:70px;}
.menuDownload a:hover{ background:url(images/menu_1.gif) -616px -30px no-repeat; }
.menuDownload a.pageOn,.menuDownload a.pageOn:hover{background:url(images/menu_1.gif) -616px -60px no-repeat; }

.menuJob a{background:url(images/menu_1.gif) -693px 0px no-repeat; width:70px;}
.menuJob a:hover{ background:url(images/menu_1.gif) -693px -30px no-repeat; }
.menuJob a.pageOn,.menuJob a.pageOn:hover{background:url(images/menu_1.gif) -693px -60px no-repeat; }

.menuGuestbook a{background:url(images/menu_1.gif) -770px 0px no-repeat; width:70px;}
.menuGuestbook a:hover{ background:url(images/menu_1.gif) -770px -30px no-repeat; }
.menuGuestbook a.pageOn,.menuGuestbook a.pageOn:hover{background:url(images/menu_1.gif) -770px -60px no-repeat; }

.menuContact a{background:url(images/menu_1.gif) -846px 0px no-repeat; width:70px;}
.menuContact a:hover{ background:url(images/menu_1.gif) -846px -30px no-repeat; }
.menuContact a.pageOn,.menuContact a.pageOn:hover{background:url(images/menu_1.gif) -846px -60px no-repeat; }

#flash{ padding:5px 0px;}
#notice{ background:#d8edfe url(images/em_11.gif) left no-repeat; height:30px; line-height:30px; text-indent:70px;}
#container{ padding:5px 0px;}
.conLeft{ float:left; margin-right:5px;}
.conRight{ float:right;}
#con1,#con2,#con4,#con5{border:#8eb4ce 1px solid;}
#con1 h3,#con2 h3,#con4 h3,#con5 h3{ background:url(images/em_14.jpg) repeat-x; border:#8eb4ce 1px solid; border-width:0px 0px 1px 0px;}
#con1 h3 b,#con2 h3 b,#con4 h3 b,#con5 h3 b,#con1 h3 b{ display:none;}
#con1 div,#con2 div,#con4 div,#con5 div{ margin:5px; line-height:18px;}
#con1{ width:455px; margin-bottom:5px; *margin-bottom:0px;}
#con2{ width:623px; margin-bottom:5px; *margin-bottom:0px;}
#con4{ width:224px; margin-bottom:5px; *margin-bottom:0px;}
#con5{ width:301px; margin-bottom:5px; *margin-bottom:0px;}
#con3 h3{ height:30px; border-bottom:#e2e2e2 1px solid;}
#con3 div{margin:5px 0px;}
.imgLeft{ float:left; margin-right:5px;}
.qh{ float:left;}
.newList li{ background:url(images/em_31.jpg) left center no-repeat; text-indent:11px; line-height:24px;}
.newList2 li b{ color:#909090; font-weight:normal; line-height:24px;}
#con5 .contact{ background:url(images/kf_77.jpg) right no-repeat; margin-right:0px; margin-bottom:0px; padding-bottom:5px; line-height:24px;}
#footer{background:url(images/em_74.gif) left center no-repeat; height:95px; border:none; border-top:#8bbae2 3px solid;}
#footer p{ padding-left:230px;}

/************************************************/
#content{ float:right; width:688px;}

#sideAbout{ background:url(images/2.jpg) no-repeat; width:225px; height:400px; float:left;}
#sidePic{ background:url(images/3.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideNews{ background:url(images/4.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideProduct{ background:url(images/1.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideExpert{ background:url(images/7.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideDevelop{ background:url(images/8.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideService{ background:url(images/6.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideDownload{ background:url(images/9.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideJob{ background:url(images/11.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideGuestbook{ background:url(images/10.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideContact{ background:url(images/5.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideCulture{ background:url(images/Cu_0.jpg) no-repeat; width:225px; height:400px; float:left;}
#sideTrain{ background:url(images/Tr_0.jpg) no-repeat; width:225px; height:400px; float:left;}

#Layer0{
	position:relative;
	top:150px;
	left:209px;
	z-index:999;
}
#Layer0 ul li{
	width:auto;
	margin-bottom:1px;
	line-height:20px;
	padding-left:8px;
	background-color:#BDD8ED;
	border:1px #3697CB solid;
}
#Layer1{
	position:absolute;
	width:70px;
	padding-left:20px;
}
#Layer3{
	position:absolute;
	width:90px;
	padding-left:20px;
	left:68px;
}
#Layer2{
	position:absolute;
	width:70px;
	padding-left:20px;
	left:308px;
}
.newlist span{ float:right; margin-top:-20px;}
.morea{ float:right; margin-right:6px; margin-top:-20px;}