@charset "utf-8";
/* CSS Document */
html,body{ font-size:12px;  padding:0; margin:0; background:url(/images/bg.gif); color:#555; font-family:Arial, Helvetica, sans-serif}
body.pop,html.pop,body#pop{ background:#FFF}
a{text-decoration:none; color:#fff; cursor:pointer}
a img{ border:none}
.clear{padding:0; margin:0; font-size:0; line-height:0; height:0; width:auto; overflow:hidden; clear:both; display:block}
.cs01{ font-size:11px}

#wrap{ width:1000px; overflow:hidden; background:#fafafa; margin:0 auto; border:1px solid #d9d9d9; border-width:0 1px; position:relative; z-index:10; }
#header{position:relative; z-index:100}
#banner{ height:127px; overflow:hidden; width:1000px; background:#eb6d1e url(/images/logo.gif) 24px 22px no-repeat; position:relative}
#small_banner{margin-bottom:15px; margin-top:-2px; height:137px; overflow:hidden; width:436px; background:#eb6d1e url(/images/banners/back.jpg) no-repeat;}
#logo{ display:block; width:176px; height:84px; left:24px; top:22px; position:absolute}
#bannerImg{ width:775px; height:127px; position:absolute; top:0; right:0px; background:#fff; z-index:1}
#bannerImg img{ position:absolute; top:0; left:0; display:none}
.kd1{ position:absolute; right:0; z-index:1000; width:148px; height:15px; cursor:pointer; overflow:visible }
.kd1_a, .kd2_a{ position:absolute; height:10px;top:47px;  background:#0033CC; z-index:1001}
#kd1_a_1,#kd2_a_2{top:92px; }
.kd1_a{ right:84px; width:39px}
.kd2_a{right:24px; width:38px}
.kd0{ position:absolute;  right:0; width:25px; height:23px; z-index:10;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/white.png' sizingMethod='image');background:url(/images/white.png) no-repeat; +background:none; overflow:hidden; width:250px}
.kd0 div{ display:block; width:148px; position:absolute; left:20px; height:20px}
.kd0 span{font-size:16px; line-height:22px; color:#3e3c3d; font-weight:bold; width:148px; position:absolute; top:3px; +top:1px; left:0; }
#kd11{top:45px; }
#kd01{top:22px; }
#kd12{top:90px; }
#kd02{top:67px; }
a.homelinkA{text-decoration:none; color:#393939;}
a.homelinkA:hover{text-decoration:underline;color:#222222; }
#menu{ width:1000px; height:28px; background-color:#000;background-repeat:no-repeat; position:relative}
#menu div{ position:absolute; }
#menu div a{ display:block; position:relative; }
#menu div.sel,#menu div.seled{background:url(/images/menuPi.gif) center bottom no-repeat;}
a.rightlinkA{text-decoration:none; color:#555;}
#contentWarp{width:980px; padding:22px 0 21px 20px; position:relative; z-index:90}
#content{width:980px;  background: url(/images/line.gif) 242px 0 repeat-y}
#conLeft{ width:218px; float:left; position:relative; z-index:11}
#map{ background:url(/images/map.gif) 0 10px no-repeat; width:225px; height:152px; border-bottom:1px solid #c8c8c8; position:relative; z-index:13}
#map span.item{ display:block; width:18px; height:17px;  position:absolute; cursor:pointer}
.itemWarp,.itemWarpBg{ position:absolute; top:-22px; left:24px; border:1px solid #747474; width:auto; color:#fff; display:none}
.itemWarp{z-index:15; }
.itemWarpBg{ background-color:#000000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70); opacity: .7; z-index:13}
.itemWarp  .itemTitle{ font-weight:bold; font-size:11px; line-height:17px; width:auto!important; width:145px; min-width:145px; padding:0 5px; cursor:default}
.itemWarp .mapBtn{ cursor:pointer; display:block; position:static; border-top:1px solid  #747474; font-size:10px; line-height:18px;width:auto!important; width:145px; min-width:145px; padding:0 5px}
.itemWarp .mapBtn:hover{ background-color:#ec6d1e}



#contactFrom{ padding:35px 0 0 ; margin:0; display:block}
#contactFrom table tr td.tdInfo{ padding:3px 0 0 0}
#contactFrom table tr td{ padding:0 0 4px 0 ;+padding:0 0 2px 0;}
#contactFrom input,#contactFrom select,#contactFrom textarea{ border:1px solid #54585b; width:127px; line-height:15px; padding:0 0 0 3px; margin:0}
#contactFrom input{ height:15px; color:#555; font-size:11px }
#contactFrom input.btn{ width:auto; border:none; height:auto}
#contactFrom input.checkbox{ width:15px; border:none}

#contactFrom select{ width:132px}
#contactFrom textarea{ height:35px; overflow:auto}

#conCen{ width:436px; float:left; margin-left:46px!important;margin-left:37px ; padding:24px 0 0; background-repeat:no-repeat; line-height:18px; position:relative; z-index:10}
#conCen2{ height:440px; float:left; margin-left:46px!important;margin-left:37px ;padding:24px 0 0; background-repeat:no-repeat; line-height:18px; position:relative; z-index:10}
#conCen_{  margin-top:21px;  }
#conCen_ .conCen_2{ width:auto; clear:both; width:436px; position:relative; top:0; left:0; background-image:url(/images/line.gif); background-repeat:repeat-y; background-position: center top !important; background-position:18px top;  }
#conCen_ .boxLeft,#conCen_ .boxRight{ width:200px;  padding:30px 0 0; background:url(/images/li_01.gif) no-repeat; position:relative}
#conCen_ .boxLeft{float:left; z-index:31}
#conCen_ .boxRight{  float:right; z-index:30}
#conCen_ .boxTop{ border-bottom:1px solid #c8c8c8; margin-bottom:18px; margin-top:18px;padding:0px;height:1px; font-size:0; line-height:1px}
.titleBox{ position:absolute; display:block;background-repeat:no-repeat}


#conRight{ float:left; margin-left:33px; width:225px; }
.rBox{ width:179px; height:45px;  background-color:#eb6d1e; background-repeat:no-repeat ;margin-bottom:17px; color:#FFF; padding:28px 20px 0 26px; line-height:18px; position:relative; overflow:hidden; cursor:pointer}
.rBox span{ display:block; padding-bottom:20px}
.rBox a{ display:none; position:absolute; top:11px; left:18px;  height:11px; font-size:0px;  }

.servicePanLink{ background:url(/images/home_01.gif) no-repeat; width:18px; height:22px; position:absolute; right:-18px;  }
.servicePan .title{ display:block;background-repeat:no-repeat; position:absolute; top:13px; left:15px; height:13px; width:280px}
#servicePan_1 .servicePanLink{top:26px;}
#servicePan_2 .servicePanLink{top:115px;}
#servicePan_3 .servicePanLink{top:205px; }
#servicePan_4 .servicePanLink{top:295px;}
#servicePan_5 .servicePanLink{top:385px;}
.panImg{ position:absolute; width:123px; height:146px; overflow:hidden; top:35px; right:29px; }

.servicePan2Top{ width:auto; font-size:0; line-height:0; height:25px}
.servicePan2Top_{ width:auto; font-size:0; line-height:0; height:15px}
.servicePan2Top_1{ width:226px; font-size:0; line-height:0; margin-top:15px; height:15px; border-top:1px solid #dbdbdb;}
#conRightTop{ width:auto!important; width:30px; font-size:0; line-height:0; height:23px}
.servicePan2{ width:122px; height:47px; overflow:hidden; border:1px solid #dbdbdb; margin-bottom:11px; background-repeat:no-repeat; font-size:11px; line-height:14px; padding:22px 2px 0 100px; position:relative; z-index:0}
.servicePan2 a{color:#555}
.servicePan2 a.c_01,.servicePan2 a.c_02,.servicePan2 a.c_11,.servicePan2 a.c_12{  width:78px; height:53px; display:block;position:absolute; top:8px; left:8px
; z-index:0}
.servicePan2 img{ position:relative; top:2px; left:3px}

#contactForm{ width:422px; padding:16px 0 8px 14px; background:#f5f5f5; margin-top:21px}
#contactFormTitle{ color:#eb6d1e; font-weight:bold}
.input_1{ width:120px; padding:0 0 0 4px; height:15px; line-height:15px; overflow:hidden; border:1px solid #54585b}
.select_1{ width:126px; padding:0 0 0 4px; height:15px;+height:20px; line-height:15px;+line-height:20px; overflow:hidden; border:1px solid #54585b}
.textarea_1{border:1px solid #54585b; width:332px; line-height:15px; padding:0 0 0 3px; margin:0;height:129px; overflow:auto}
input.checkbox{ width:15px;margin:0; height:15px; line-height:15px; border:none}
#contactForm form{ padding:18px 0 0; margin:0}
#contactForm td.td1,#contactForm td.td3{ padding-top:1px}
#contactForm td.td1,#contactForm td{padding-bottom:4px}
.ico{ width:368px; padding:8px 21px 12px 49px; border-bottom:1px solid #d4d4d4; line-height:18px; background-repeat:no-repeat;  background-position:0 12px; height:auto!important; height:34px; min-height:34px; }
.ico .icoTitle{ font-weight:bold; display:block}
.icoTop{width:auto; font-size:0; line-height:0; height:15px;border-bottom:1px solid #d4d4d4;}
.choose{position:relative}
.choose input{position:relative; left:8px; top:5px;+top:1px}
#serviceWarp{ position:relative; height:153px; width:226px; overflow:hidden;} 
#serviceLinks{ width:226px; height:10px; padding-top:13px; background:url(/images/up_down.gif) right bottom no-repeat; font-size:0; line-height:0; position:relative }
#serviceLinks a{ position:absolute; top:13px; width:10px; height:11px; font-size:0; line-height:0;}
#serviceLinks a#lup{ right:16px;}
#serviceLinks a#ldown{ right:0; }
#serviceContent{ position:absolute; top:0; left:0}
.locationConLeft #contactFrom{ padding-top:21px; background-position:0 0}

#footer{ height:20px; width:980px; overflow:hidden; text-align:right; position:relative; background:#eb6d1e; font-size:11px; color:#FFF; padding-right:20px}

#footerMenu a:hover,#footerMenu a.sel{color:#eb6d1e;}
#footerMenu span{ color:#5b5b5b;}


#wrapPop{ width:291px; background-repeat:no-repeat; background-position:15px 19px; padding:45px 14px 0; line-height:18px; position:relative}
#wrapPop a.close{ background:url(/images/close.gif) no-repeat; width:14px; height:13px; position:absolute; right:3px; top:3px}
#wrapPop td.txtInfo{ font-weight:bold}

#wrapPop  span{color:#c10a0a}
#wrapPop table{font-size:11px; margin-top:15px}
#wrapPop table td{ padding-bottom:3px}
.txtInp{ width:200px; height:15px; line-height:15px; border:1px solid #54585b; padding:0 0 0 3px}
.txtInp2{ width:200px; height:20px; line-height:15px; border:1px solid #54585b; padding:0 0 0 3px}
#imgBg{ background:#122632; position:absolute; top:0; left:0; z-index:100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";filter:alpha(opacity=87); opacity: .87; }

#imgContentWarp{ position:absolute; width:545px; height:483px; z-index:200; }
#imgContent{ width:432px; height:458px; margin:auto; position:relative;background:#f2f2f2; padding:25px 19px 0}
#imgThis{ width:432px; height:404px; line-height:404px; text-align:center; background-repeat:no-repeat; background-position: center center ;}
#imgBox{ width:152px; height:38px; overflow:hidden; position:absolute;left:19px; top:441px}
#imgBox span{background:#c5c5c5; display:block; height:14px; width:14px; position:static; float:left; margin:0 5px 5px 0; cursor:pointer}
#imgBox span img{ display:none}
#iTitle{ font-weight:bold; position:absolute; right:54px; bottom:6px}
#ipre{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/arrowLeft.png' sizingMethod='image'); background:url(/images/arrowLeft.png) no-repeat; +background:none; display:none; width:28px; height:32px; position:absolute; top:233px; left:0;}
#inext{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/arrowRight.png' sizingMethod='image'); background:url(/images/arrowRight.png) no-repeat; +background:none; display:none; width:28px; height:32px; position:absolute; top:233px; right:0;}


#popWrap{ width:473px; padding:98px 20px 0 20px; position:relative; background:url(/images/logo_small.gif) 20px 18px no-repeat;}
#popTitle{ width:300px; height:30px; position:absolute; left:20px; top:71px; background-repeat:no-repeat;}
#popTopMenu{ position:absolute; right:20px; top:67px; font-size:10px}
#popTopMenu span{ color:#bebebe; margin:0 5px}
#popTopMenu a{ color:#e87d1d; text-decoration:underline; font-size:10px}
#popclose,#popPrint{ position:absolute; top:18px; right:20px; background-repeat:no-repeat; cursor:pointer}
#popOffice { position:relative; height:auto!important; height:58px; min-height:58px; padding: 0 0 17px 82px; font-weight:bold; color:#e97d1c; line-height:22px}
#popOffice img{ width:70px; height:56px; border:1px solid #b0b0b0; position:absolute; top:6px; left:0}
.oTel{ color:#555; margin-right:8px;}
.oTel span,.oMail span{ color:#919191; margin-right:2px}
.oAdd,.oMail{ display:block}
.oMail a{color:#e87d1d; text-decoration:underline}
#oBanner{border:1px solid #b0b0b0;}
#oframe{border:1px solid #b0b0b0; width:471px; height:196px}

#oContent{ width:473px; overflow:hidden; line-height:18px; padding:14px 0 20px; overflow:hidden; height:117px}
#oContent a{color:#e97d1c;}
#popInfo #oContent_1{height:315px}
#oContent .cLeft{ float:left; width:230px; padding-right:13px;}
#oContent .oRight{ float:left; width:230px;}
#popInfo .serviced,#popInfo .meeting,#popInfo .support,#popInfo .virtual{ padding-top:37px; background-position:0 19px; background-repeat:no-repeat;height:145px; }
#popInfo  .print{height:auto }
#popInfo .enquire,#popInfo .gallery{ padding-top:0; height:329px}

#popBomMenu{ width:473px; background-repeat:no-repeat; background-position:right top; overflow:hidden; position:relative; padding-bottom:37px }
#popBomMenu2{ width:513px; position:absolute; bottom:0; left:0; background-repeat:no-repeat}
#popBomMenu2 a{ display:block; position:absolute}
.pp_title{ padding-top:44px; background-repeat:no-repeat; background-position:0px 22px}
#o_colse{ width:473px; text-align:right; padding:6px 0 11px; position:relative}
#o_colse a{ position:relative; margin:0 0 0 auto}

#o_form{ background:#f5f5f5; padding:12px; margin:0}
.o_f_title{color:#eb6d1e; font-weight:bold; padding-bottom:10px}
#o_form td.o_f_info{ padding-top:1px}
#o_form td{padding-bottom:4px}
#o_form td.o_f_k{ width:37px}
#o_form td .textarea_1{ width:366px; height:47px}
#o_imgBox{border:1px solid #b0b0b0;; width:471px; height:314px; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center center;}
#o_imgBox #ipre,#o_imgBox #inext{ position:absolute; top:141px; background-repeat:no-repeat; width:28px; height:32px; display:none; }
#o_imgBox #ipre{ left:7px;}
#o_imgBox #inext{ right:7px}
#o_imgLists{ width:471px; height:14px; overflow:hidden; padding-top:9px }
#o_imgLists span{ display:block; width:14px; height:14px; font-size:0; background:#c5c5c5; cursor:pointer; float:left; margin-right:5px}
#o_imgLists span img{ display:none}
#kdWrap11,#kdWrap12{ width:1px; height:1px; position:absolute; right:0;  z-index:1000}
#kdWrap11{ top:60px}
#kdWrap12{ top:105px}
.kdWrap .itemWarp,.kdWrap .itemWarpBg{  right:0px; left:auto; top:0px }
table tr.error td,table tr td.error ,table tr td .error{ padding:0; margin:0; color:#FF0000; font-size:11px; line-height:12px}

#popMid{ height:349px; width:473px; overflow:hidden}
#adCentre,#adRight{ padding-top:10px}
#adCentre{ width:436px; overflow:hidden}
#adRight{ width:225px; overflow:hidden}

#conCen .serviced,#conCen .meeting,#conCen .support,#conCen .virtual{ padding-top:37px; background-position:0 19px; background-repeat:no-repeat;height:145px; }
#conCen #popMid{height:auto; width:436px; padding-bottom:20px}
#conCen #oframe{ width:434px; }
#conCen #oContent{ width:436px; height:auto; padding-bottom:0}
#conCen #oContent .cLeft{width:212px; padding-right:12px; height:auto}
#conCen #oContent .oRight{  width:212px; height:auto}
#conCen #popTopMenu{ position:static}
#conCen #oBanner{ width:434px}
#conCen #popBomMenu{ width:436px; padding-bottom:0}
#officTT{ font-size:16px; font-weight:bold}
#conCen #popOffice{ padding-left:100px; height:auto!important; height:85px; min-height:88px;}
#conCen #popOffice img{ width:83px; height:85px; }
#otherPage{ padding-top:15px; font-size:12px; font-weight:bold; line-height:20px;}
#otherPage a{color:#e58550; line-height:18px}
#conCen .input_1{ width:90px; padding:0 0 0 4px; height:15px; line-height:15px; overflow:hidden; border:1px solid #54585b}
#conCen #o_form td .textarea_1{ width:324px}

.enTxt{ font-family:Arial, Helvetica, sans-serif}	

#langList{ position:absolute; left:300px; top:6px; width:200px;  height:12px}
#langList a ,#langList span{ display:block; float:left; background-image:url(/images/language_bar.gif) ; background-repeat:no-repeat; height:11px; font-size:0; overflow:hidden}
#langList #len{ width:35px; background-position:0 -14px; }
#langList #len:hover{ width:35px; background-position:0 0  ;}
#langList #len1 {width:35px; background-position:0 0px; cursor:default;}
#langList #lcn{ width:21px; background-position:-60px -14px; }
#langList #lcn:hover{ width:21px; background-position:-60px 0; }
#langList #ljp{ width:32px; background-position:-106px -14px; }
#langList #ljp:hover{ width:32px; background-position:-106px 0; }
#langList span{ width:25px; background-position:-35px -14px}
#langList #ljp1{ width:32px; background-position:-106px 0px; cursor:default;}


#menu div#m_about span#m_about_span{ display:none; position:absolute; left:-21px; top:17px; width:145px; height:20px; z-index:1000}
#menu div#m_about span#m_about_span a{display:block; line-height:18px; vertical-align:middle; text-align:center; background:#000000; color:#FFFFFF; font-size:11px; position:static; width:143px; height:18px; border:1px solid #2e2e2e; z-index:1000}
#menu div#m_about span#m_about_span  a:hover{ border:1px solid #c56324; background:#eb6d20; z-index:1000}
.menu_link_font{font-size:8px; color:#535353;}