body {margin:0; padding:0;background: url(bodybg.jpg); font: 12px  Arial, sans-serif,"ËÎÌå"; color: #fff; text-align: center; }
img {border: 0;}
form,ul,li{ margin: 0; padding:0; list-style: none; }
.clearfix {content: ".";font-size: 1px;display: block;height: 0 !important ;height: 1%;clear: both;visibility: hidden;background: none;line-height: 0%;}

select{}

 a{ color: #fff;}
 a:hover { color: #f00;}
 
.mbody{ background: url("mbg.jpg") repeat-y; width: 783px; text-align: left; margin: 0 auto; }

.header{ height: 60px; overflow: hidden; overflow: hidden; }
.header .logo{ width: 370px; height: 46px; overflow: hidden; background: url(logo.jpg) no-repeat; line-height: 10em; margin: 8px 0 0 15px; display: inline; float: left;}
.header .hright{ float: right; width: 205px; display: inline; margin: 7px 13px 0 0; text-align: right }
.lang{ padding: 4px 4px 0 0 }
.lang a{ background: url(point.jpg) left 2px no-repeat !important; background: url(point.jpg) left 1px no-repeat; padding: 0 0 0 15px; margin: 0 0 0 15px; text-decoration: none; }
.lang a.fixa{ background: url(point.jpg) left 3px no-repeat;   }

.search{ width: auto; height: 21px; overflow: hidden; margin: 6px 0 0 0 !important; margin: 4px 0 0 0 }

.searchl{ background: url(sclbg.jpg) no-repeat; }
.searchr{ background: url(scrbg.jpg) no-repeat top right;}
.searchm{ height: 21px; background: url(scbg.jpg) repeat-x; margin: 0 33px 0 10px; color: #333; text-align: left; width: 162px; overflow: hidden; }
.searchm input{ border: none; background: none; width: 162px !important; width: 157px; margin: 2px 0 0 0; text-align: left; position: relative; left: -9px  }

.sbtn{ width: 31px; height: 20px; overflow: hidden; background: none; margin: -20px 1px 0 0; cursor: pointer }

.wrap{ padding: 10px 0 0 0; }

.showpflash{ margin: 0 0 0 7px }

.link{ width: 756px; height: 57px; padding: 10px 0 0 0; overflow: hidden; background: url(flinkbg.jpg) no-repeat; margin: 17px auto 23px auto; text-align: center }
.link img{ border: 2px inset #fff; margin: 0 22px; }

.footer{ height: 86px; overflow: hidden; background: url(fbg.jpg) no-repeat; line-height: 24px; text-align: center; padding: 10px 0 0 0 }
.footer a{ font-weight: bold; margin: 0 15px; letter-spacing: 2px; text-decoration: none }
.footer a:hover{ text-decoration: underline; 	}

.nav{ background: url(navbg.jpg); height: 37px; overflow: hidden; padding: 3px 0 0 158px }
.nav a{ width: 105px; height: 35px; overflow: hidden; display: block; float: left; cursor: pointer }

.main{ margin: 0 15px 0 15px; }

/*pro*/
.left{ margin: -3px 11px 0 14px; float: left; display: inline; width: 184px; overflow: hidden; }
.right{ float: left; width: 560px; }
 
.pnav{ width: 186px; }
.pnavt{ background: url(pnavt.jpg) no-repeat; height: 7px; overflow: hidden; }
.pnavb{ background: url(pnavb.jpg) no-repeat; height: 8px; overflow: hidden; }
.pnavm{ background: url(pnavbg.jpg) repeat-y; text-align: center; position: relative;  }
.sizewin{ width: 50px; background: none; position: absolute; z-index: 1000;  left: 16px; padding: 0 3px 0 3px; text-align: left;  line-height: 20px;
background: #f7f7f7 url(sizewinbg.jpg) repeat-x bottom left !important; background: none; border: 1px solid #434343 !important; border: none;
}

.sizewin a{ text-decoration: none; color: #333; display: block }
.sizewin a:hover{ text-decoration: none; color: #f00 }
.pnavm span{ display: block }
.pnavm iframe{ border-bottom: 1px solid #434343; }
/*.sizewin div{ margin: -150px 0 0 0 }
.sizewin iframe{ width: 60px; }*/

.pnav a{ display: block; }
a.pnav1{ background: url(pnav1.jpg) no-repeat; height: 31px; }
a.pnav2{ background: url(pnav2.jpg) no-repeat; height: 29px; }
a.pnav3{ background: url(pnav3.jpg) no-repeat; height: 29px; }
a.pnav4{ background: url(pnav4.jpg) no-repeat; height: 27px; }
a.pnav1:hover{ background: url(pnav1.jpg) left -31px no-repeat; }
a.pnav2:hover{ background: url(pnav2.jpg) left -29px no-repeat; }
a.pnav3:hover{ background: url(pnav3.jpg) left -29px no-repeat; }
a.pnav4:hover{ background: url(pnav4.jpg) left -27px no-repeat; }
.pnavline{ height: 2px; overflow: hidden; background: url(pnavline.jpg) repeat-x; margin:-2px 15px 0 15px; position: relative; z-index: 100 }

.sbox{  width: 184px; margin: 9px 0 0 0 }
.sboxtm{ background: #222; height: 1px; overflow: hidden; margin: 6px 36px 0 37px }
.sboxt{ background: url(sboxtl.gif) no-repeat; height: 7px; overflow: hidden;}
.sboxtr{ background: url(sboxtr.gif) top right no-repeat; height: 7px; overflow: hidden; }

.smbm{ background: url(smbm.gif); height: 3px; overflow: hidden; margin: 0 34px 0 35px }
.smbl{ background: url(smbl.gif) no-repeat; height: 9px; overflow: hidden;}
.smbr{ background: url(smbr.gif) top right no-repeat; height: 9px; overflow: hidden; }

.sbox h2{ height: 28px; background: url(sbg.jpg) repeat-x; padding: 0; margin: 0; border-left: 1px solid #272727; border-right: 1px solid #707070; overflow: hidden; }

.searchimg{ width: 40px; height: 12px; background: url(searchimg.jpg) no-repeat; margin: 7px 0 0 8px; overflow: hidden; line-height: 10em; }
.sboxmain{  background: url(sboxmainr.jpg) top right repeat-y; border-left: 1px solid #272727; }

.smbg{ background: #FDFDFD url(smbg.jpg) repeat-x; margin: 0 3px 0 0px  }

.sforms{ margin: 0 8px 0 11px; padding: 10px 0 0 0; color: #000 }

.sforms select{ font-family: arial; width: 100%; margin: 0 0 7px 0 }

.keywDiv input{ width: 95px; margin: 0 0 0 6px }

.sforms strong{ color: #000 }

.keywDiv{ padding: 0 0 7px 0  }

.checkboxs{ padding: 0 0 4px 0; }
.checkboxs span{ font-weight: bold; display: block; padding: 0 0 4px 0  !important; padding: 0 0 2px 0 }
.checkboxs input{ position: relative; padding: 0; margin: 0 3px 0 4px !important; margin: 0; top: 2px !important; top: 1px }
.checkboxs div{ margin: 0  0 0 -5px ; line-height: 19px !important; line-height: 0; }

.checkboxs .fixc{ margin: 0 0 0 7px  }

.searchbtn{ text-align: center; padding: 3px 0 6px 0 }
.searchbtn input{ width: 95px; height: 33px; overflow: hidden; background: url(sbtn.jpg) no-repeat; border: none; cursor: pointer }

.position{ text-align: left; background: url(positionicon.jpg) no-repeat; height: 20px; font-weight: bold; padding: 1px 0 0 24px; }
.position1{ background: url(position1.jpg) no-repeat left  -1px; height: 20px; font-weight: bold; padding: 1px 0 0 24px; }
.position span{ font-family: "ËÎÌå"; margin: 0 6px }
.position a{ text-decoration: none; }
.position a:hover{ text-decoration: underline; }

.pbox{ margin: 5px 0 12px 0; clear: both; }
.pboxt{ height: 9px; background: url(pboxtbg.jpg) no-repeat; overflow: hidden; }
.pboxb{ height: 9px; background: url(pboxbbg.jpg) no-repeat; overflow: hidden; }
.pboxmr{ background: url(pboxmr.jpg) top right repeat-y; border-left: 1px solid #4f4f4f; width: 558px }
.pboxm{ background: #e9e9e9 url(pboxmbg.jpg) repeat-x;  margin: 0 3px 0 0 !important; margin: 0 3px -9px 0 ; padding: 12px 0 5px 0 !important; padding: 12px 0 0 0 }

.pro_pic{ float: left; margin: 0 16px 0 13px; display: inline; }
.pro_pic img{ border: 1px solid #ddd; }
.pro_pic input{ position: relative; top: 3px }
.pro_pic div{ text-align: center; color: #000; margin:  0 !important; margin: -3px 0 0 0; }

.pro_text{ color: #000; font-size: 10px; float: left; width: 315px; line-height:17px; margin: -3px 0 0 0 }
.pro_text strong{ margin: 0 4px 0 0}

.morediv{ float: right; width: 56px; height: 21px; background: url(more.jpg) no-repeat; display: inline; cursor: pointer; margin: 0 11px 0 0 }

.pages{ text-align: center; clear: both; }
.pages a{ padding: 0 6px; text-decoration: none; font-family: Arial; color: #000 }
a.cpage,.pages strong a:hover{ font-weight: bold; font-size: 16px; color: #f00; border: none; background: none; padding: 5px }
.pages span{ font-size: 14px; }
.pages a:hover{ font-size: 12px; padding: 0 5px; font-weight: bold; color: #f00 }
.goinput{ width: 31px; height: 12px; overflow: hidden; }
.gobtn{ width: 27px; height: 19px; overflow: hidden; background: url(gobtn.jpg); border: none; cursor: pointer; margin: 0 0 0 5px; position: relative; top: 2px; }

.cpwin{ position: absolute; width: 120px; top: 0; left: 0; overflow: hidden; padding: 2px 0 0 0; display: none; }
.cpwint{ height: 26px; overflow: hidden; background: url(cpwint.gif) no-repeat; position: relative; z-index: 1; }
.cpwinm{ background: url(cpwinmbg.jpg) repeat-y; padding: 10px 0 0 0; }
.cpwinb{ height: 9px; overflow: hidden; background: url(cpwinb.gif) no-repeat; }

.cpwinm div{ margin: 0 0 0 10px; width: 101px; padding: 0 0 8px 0 }
.cpwinm div img{ clear: both; float: left; display: block; margin: -11px 0 4px 0 !important; margin: 0 0 4px 0; height: 70px; width: 90px; }
.hidepic{ display: block; width: 11px; height: 11px; background: url(hidepic.jpg) no-repeat; overflow: hidden; float: right; cursor: pointer }
.cpwinm div dt{ font-size: 12px; margin: 0; padding: 0; }

.closecpwin{ cursor: pointer; width: 13px; height: 10px; overflow: hidden; background: url(closecpwin.jpg) no-repeat; float: right; margin: -2px 0 -10px 2px; position: relative; z-index: 2; }
.cpbtn{ width: 95px; height: 29px; border: none; cursor: pointer; background: url(cpbtn.jpg) no-repeat; }

.tnavl{ background: url(tnavl.jpg) no-repeat; margin: 4px 0 0 0 }
.tnavr{ background: url(tnavr.jpg) top right no-repeat; }
.tnavm{ background: url(tnavbg.jpg) repeat-x; height: 35px; margin: 0 4px; position: relative; }

.tnavm .sizewin{ top: 26px; padding: 0 3px 0 3px; background: #f7f7f7 url(sizewinbg.jpg) repeat-x bottom left; border: 1px solid #434343; }

.tnavm li{ float: left; display: inline; }
.tnavm li a{ display: block; height: 16px; overflow: hidden; }

.tnav1{ margin: 10px 0 0 14px }
.tnav2{ margin: 10px 0 0 116px }
.tnav3{ margin: 10px 0 0 99px }
.tnav4{ margin: 10px 0 0 101px }

.tnav1 a{ width: 154px; background: url(tnav1.jpg) no-repeat; }
.tnav2 a{ width: 38px;  background: url(tnav2.jpg) no-repeat;  }
.tnav3 a{ width: 91px;  background: url(tnav3.jpg) no-repeat;  }
.tnav4 a{ width: 118px; background: url(tnav4.jpg) no-repeat;  }

.tnav1 a:hover{ background: url(tnav1.jpg) left -16px no-repeat;  }
.tnav2 a:hover{ background: url(tnav2.jpg) left -16px no-repeat;  }
.tnav3 a:hover{ background: url(tnav3.jpg) left -16px no-repeat;  }
.tnav4 a:hover{ background: url(tnav4.jpg) left -16px no-repeat;  }

.showp{ float: left; padding: 15px 0 0 0 !important; padding: 15px 0 2px 0; width: 524px !important; width: 524px; overflow: hidden; }
.showp img{ display: block; float: left; border: 1px solid #898989 }

.lp,.rp{ height: 31px; width: 27px; overflow: hidden; float: left; display: inline; cursor: pointer }
.lp{ background: url(lp.gif) no-repeat; margin: 135px 15px 0 13px }
.rp{ background: url(rp.gif) no-repeat; margin: 135px 10px 0 15px }

.slp,.srp{ height: 14px; width: 15px; overflow: hidden; float: left; cursor: pointer }
.slp{ background: url(slp.gif) no-repeat; margin: 24px 0 0 0 }
.srp{ background: url(srp.gif) no-repeat; margin: 24px 0 0 0;}

.spm{ float: left; overflow: hidden; height: 62px; width: 470px; margin: 0 0 0 5px; }

#lpm{ width: 412px; height: 305px }

.smallpic{ clear: both; margin: 11px 0 0 12px; }
.smallpic img{ border: 1px solid #a2a0a1; cursor: pointer; width: 80px; height: 60px; }

.spm ul{ list-style: none; }
.spm li{ float: left; display: inline; width: 93px; overflow: hidden; height: 62px;}

.showpbox{ width: 527px; float: left; }

.abpro{ width: 202px; float: right; display: inline; padding: 8px 0 0 0 }
.abprot{ height: 33px; background: url(abprot.gif) top center no-repeat;  }
.abprob{ height: 3px; background: url(abprob.jpg) no-repeat; overflow: hidden; }
.abpros{ background: url(abprobg.jpg) repeat-y;  }

.abpros a{ background: url(abpoint.jpg) 15px 10px no-repeat; display: block; font-size: 12px; text-decoration: none; padding: 5px 0 5px 30px !important; padding: 6px 0 5px 30px  }

.showpart{ padding: 5px 0 0 0 }

.csptable{ width: 100%; }
.procs{ width: 734px; clear: both; color: #333; margin: 8px 0 8px 8px; }
.procs{ border-collapse: collapse; }
.procs td{ border-collapse: collapse;  border: 1px solid #000; padding: 3px 10px 10px 7px; vertical-align: top; line-height: 20px }
.procs th{ background: #e7e5e6; border: 1px solid #000; padding: 5px 0 5px 10px; font-weight: normal }

.sbox1{ width: 100%; }
.sbox1 select{ width: 130px; margin-right: 5px; }

.fixkeyDiv{ position: relative; top: -0px !important; top: -7px; display: inline; }

.wrap .introcontent{  line-height: 22px; padding: 10px 20px 15px 20px; }
.introcontent img{  }
.loginimg{ background: url(loginimg.jpg) no-repeat; height: 14px;  margin-left: auto; margin-right: auto; }

.loginform{ color: #000; }

.loginform div{ padding: 10px 0 0 0 }
.loginform input{ position: relative; top: 3px; width: 160px; }

.lbtn{ padding: 14px 0 10px 0 }
.lbtn input{ width: 95px; height: 31px; background: url(submitbtn.jpg) no-repeat; border: none; cursor: pointer;  margin: 0 0 0 20px }

.ctable{  }
.ctable td,.ctable th{ padding: 5px; border: 1px solid #ccc }
.ctable th{ text-align: center; background: #fff }
.ctable th img{ width: 80px;  border: 1px solid #ccc  }
.pctr a.pcbtn{ border: 1px outset #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #eee; width: 120px; padding: 5px 0 2px 0; font-weight: bold; display: block; text-decoration: none; color: #000 }
.pctr a.pcbtn:hover{ background: #fff; color: #f00; } 
.pctr{ background: #fff }

.nav a.nav1{ margin: 0 3px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/home.png");  background: url(home.png) no-repeat !important; background: none; }
.nav a.nav2{ margin: 0 3px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/abus.png"); background: url(abus.png) no-repeat !important; background: none;  }
.nav a.nav3{ margin: 0 3px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/pro.png"); background: url(pro.png) no-repeat !important; background: none; }
.nav a.nav4{ margin: 0 3px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/contact.png"); background: url(contact.png) no-repeat !important; background: none; }
.nav a.nav5{ margin: 0 3px 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/login.png"); background: url(login.png) no-repeat !important; background: none;  }

.nav a.nav1:hover,.nav a.selected1{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/uhome.png"); background: url(uhome.png) !important; background: none; }
.nav a.nav2:hover,.nav a.selected2{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/uabus.png"); background: url(uabus.png) no-repeat !important; background: none; }
.nav a.nav3:hover,.nav a.selected3{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/upro.png"); background: url(upro.png) no-repeat !important; background: none; }
.nav a.nav4:hover,.nav a.selected4{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/ucontact.png"); background: url(ucontact.png) no-repeat !important; background: none; }
.nav a.nav5:hover,.nav a.selected5{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/css/ulogin.png"); background: url(ulogin.png) no-repeat !important; background: none; }