* {    margin: 0;   padding: 0; }
html,body { overflow: hidden;height:100%;overflow:hidden; font-size: 12px;}
body.s1{background-color: rgb( 230,210,209)}
body.s2{background-color: rgb(219,204,237)}
body.s3{background-color: rgb( 219,220,224)}
body.s4{background-color: rgb( 203,218,237)}
body.s5{background-color: rgb(208, 232,232)}
body.s6{background-color: rgb(209,233,209)}
a *{cursor: pointer}

img{border:0}
ul{list-style:none}
a{text-decoration:none;}
input{height:16px;padding:2px;border:1px solid #999}
input,select{width:140px}
.radio{width:14px;height:14px;border:none;padding:0}
select{height:20px}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.btn{display:inline-block;cursor:pointer;}
.btn-icon{width:22px;height:22px;background-image:url(../images/icons1.gif)}

.btn-normal{background:url(../images/rx.gif)  0 -49px repeat-x;height:22px;border:1px solid #909090;}
.btn-normal span{display:block;line-height:22px;padding-left:10px;padding-right:10px;}
.btn-normal .with-icon{padding-left:24px;}
 a.btn-normal:hover{background-position:0 -20px}


.tip{font-weight:bold;color:blue}
.tipText{font-size:11px;color:#CC3333}
.required{color:red;margin-left:5px}
.label{text-align:right}
.subhead,.desc{height:24px;line-height:24px;}
.desc{text-align:center}
.neck,.footer,.stage,.inputer,.ad1,.card,.ad2,.tool{position:absolute}

.header{
    height:70px;width:100%;left:0;top:0;position:relative;
    background-position: 0 -160px;background-repeat: repeat-x;
}
.footer{
    height:27px;left:0;bottom:0;
    background-position: 0 -280px;background-repeat: repeat-x;
    width:100%;  border-top: 1px solid transparent;
}
.stage,.tool,.inputer{left:3px;right:155px;border-left: 1px solid transparent;border-right: 1px solid transparent;}
.ad1,.ad2,.card,.logo,.card .inner{background-repeat: no-repeat}
.stage,.card,.ad2{top:70px}
.stage{
    bottom:163px; background-color: #FFF;
    background-position: 0 -405px;background-repeat: repeat-x;
    border-top: 1px solid transparent;
}
.ad1,.card,.ad2{right:2px;width:148px}
.card{bottom:164px;}
.ad1{height:135px;}

.tool{
    bottom:135px;height:28px;background-repeat:  repeat-x;
    background-position: 0 -240px;
}
.band{background:url(../images/exclamation.gif) no-repeat center center}
.inputer,.ad1,.ad2{bottom:27px}
.inputer{
    height:109px;
    background-position: 0 -405px;background-repeat: repeat-x;
    background-color: #FFF;
    border-top: 1px solid transparent;
}

.st2 .stage{bottom:27px;}


html{*padding:70px 0px 163px 0px}
html.st2{*padding-bottom:27px}
.stage,.neck,.card,.tool,.inputer,.footer{*position:relative;*top:0;*right:0;*bottom:0;*left:0}
.header{*margin-top:-70px;}
.stage,.tool,.inputer{*margin-left:3px;*margin-right:155px;}
.stage{*height:100%;*margin-right:150px}
.st2 .stage{*margin-right:155px;}
.ad2{*height:100%;}
.card{*float:right;*height:100%;*margin-right:2px;*display:inline;}


.cust-card{ position:absolute;left:5px;top:5px;width:140px;line-height:24px}
.cust-card span{display:block;float:left;width:45px;}
.cust-card div{margin-left:45px;margin-right:0px;overflow:hidden}

.header .logo{
    height:100%;width:235px;background-position: left center;  float:left;
}
.header .nav{
    position:absolute;right:40px;top:20px;height:33px;line-height:33px;
}

 .header-r{
     margin-left:250px;height:100%;background-repeat: no-repeat;
    background-position: 0 0;
 }
 .header-r .header-r-inner{
     margin-left:106px;background-repeat: repeat-x;
     background-position: 0 -80px;
     height: 100%;
 }


.inner {width:100%;height:100%;position:relative;background-color:transparent;overflow:hidden;}
.tool .inner{background:transparent}
.tool .inner .fr{*display:inline;}

.card .inner{width:150px;height:99%;}

.s1 .header,.s1 .header-r,.s1 .header-r-inner,.s1 .tool,.s1 .stage,.s1 .inputer,
.s1 .footer,.s1 .btn-send,.s1 .btn-key,.s1 a.btn-send,.s1 a.btn-key,.s1 a.btn-send:hover,.s1 a.btn-key:hover{
    background-image: url(../images/style_1.jpg)
}

.s2 .header,.s2 .header-r,.s2 .header-r-inner,.s2 .tool,.s2 .stage,.s2 .inputer,
.s2 .footer,.s2 .btn-send,.s2 .btn-key,.s2 a.btn-send,.s2 a.btn-key,.s2 a.btn-send:hover,.s2 a.btn-key:hover{
    background-image: url(../images/style_2.jpg)
}

.s3 .header,.s3 .header-r,.s3 .header-r-inner,.s3 .tool,.s3 .stage,.s3 .inputer,
.s3 .footer,.s3 .btn-send,.s3 .btn-key,.s3 a.btn-send,.s3 a.btn-key,.s3 a.btn-send:hover,.s3 a.btn-key:hover{
    background-image: url(../images/style_3.jpg)
}
.s4 .header,.s4 .header-r,.s4 .header-r-inner,.s4 .tool,.s4 .stage,.s4 .inputer,
.s4 .footer,.s4 .btn-send,.s4 .btn-key,.s4 a.btn-send,.s4 a.btn-key,.s4 a.btn-send:hover,.s4 a.btn-key:hover{
    background-image: url(../images/style_4.jpg)
}
.s5 .header,.s5 .header-r,.s5 .header-r-inner,.s5 .tool,.s5 .stage,.s5 .inputer,
.s5 .footer,.s5 .btn-send,.s5 .btn-key,.s5 a.btn-send,.s5 a.btn-key,.s5 a.btn-send:hover,.s5 a.btn-key:hover{
    background-image: url(../images/style_5.jpg)
}
.s6 .header,.s6 .header-r,.s6 .header-r-inner,.s6 .tool,.s6 .stage,.s6 .inputer,
.s6 .footer,.s6 .btn-send,.s6 .btn-key,.s6 a.btn-send,.s6 a.btn-key,.s6 a.btn-send:hover,.s6 a.btn-key:hover{
    background-image: url(../images/style_6.jpg)
}

.s1 .stage,.s1 .tool,.s1 .inputer,.s1 .footer{border-color: rgb(205,153,153)}
.s2 .stage,.s2 .tool,.s3 .inputer,.s2 .footer{border-color: rgb(211,129,203)}
.s3 .stage,.s3 .tool,.s3 .inputer,.s3 .footer{border-color: rgb(171,171,171)}
.s4 .stage,.s4 .tool,.s4 .inputer,.s4 .footer{border-color: rgb(132,168,220)}
.s5 .stage,.s5 .tool,.s5 .inputer,.s5 .footer{border-color: rgb(146,203,203)}
.s6 .stage,.s6 .tool,.s6 .inputer,.s6 .footer{border-color: rgb(131,197,128)}

a.btn-send{
    width:61px;height:40px; display: block; line-height: 40px;
    background-position: 0 -310px;background-repeat: no-repeat;
}
a.btn-send:hover{
    background-position: 0 -360px;background-repeat: no-repeat;
}
a.btn-key{
    width:18px;height:40px;  display: block;
    background-position: -61px -310px;background-repeat: no-repeat;
}
a.btn-key:hover{
    background-position: -61px -360px;background-repeat: no-repeat;
}

a.btn-send span{margin-left:20px;color:#000;font-weight: bold;}
.nav a{display: block;float: left;height: 33px;line-height: 33px;margin-left: 20px}
.nav span{display: block;float:left;line-height: 33px;height:33px;margin-left: 5px;}
.nav-btn{background-image: url(../images/icons1.gif);width:31px;height:33px;display: block;float: left;}
.nav-leaveMsg{background-position:-35px -58px}
.nav-onlineChat{background-position:0 -58px}
.nav-selfSearch{background-position:-70px -58px}
.nav-freePhone{background-position:-105px -58px}

.func{position:absolute;left:0;bottom:0;overflow-x:hidden;overflow-y:auto;display:none;background-color:transparent;}
#chatDiv{top:0;right:0;display:block;line-height:20px;}
* html #chatDiv{width:100%;height:100%;}

#fileDiv{height:80px;border:1px solid #CCC;right:0}
#hotMsgDiv{height:100px;border:1px solid #CCC;right:0px}
#hotMsgDiv iframe{width:100%;height:100%}
#emotDiv{width:345px;height:100px;background:#CCC}
#emotDiv table {width:100%;height:100%;}
#emotDiv table td{background:#FFF;text-align:center;}
#emotDiv a.emot{margin:auto}
* html #fileDiv{width:100%;}

.tool ul{margin-left:10px;height:100%;}
.tool ul li,.inputer ul li{float:left;height:100%;line-height: 100%;}
.btn-emot{background-position:-60px 3px}
.btn-file{background-position:-90px 3px}
.btn-screen{background-position:-30px 3px}
.btn-lang{background-position:0 3px}
.btn-opinion{background-position:-120px -27px}
.btn-saveRcd{background-position:0 -27px}
.btn-hotq{background-position:-120px 3px}
.btn-close{background-position:-30px -27px}
.btn-notify-open{background-position:-90px -27px}
.btn-notify-close{background-position:-60px -27px}

.btn-phone{display: block;width:89px;height:28px}
.lg-sc .btn-phone{background-image:url(../images/phone_btn_sc.gif) ;}
.lg-tc .btn-phone{background-image:url(../images/phone_btn_tc.gif) }
.lg-en .btn-phone{background-image:url(../images/phone_btn_en.gif) }

.text-btn{display: block;height:100%;width:85px}
.text-btn .btn{display: block;float:left;
    height: 100%;;}
.text-btn span{height: 100%;    line-height: 25px;color:#000;display: block;float:left;}


.inputer .inner div{
    height:100%;margin-right:140px;overflow:hidden;
}
.inputer textarea{height:80px;width:100%;margin-top:10px;margin-bottom:10px;
    overflow-x:hidden;overflow-y:auto;border:none;padding-left:20px;}

.inputer ul{position:absolute; right:10px;height:53px;width:95px;top:20px;}
.license{
    width: 58px;height:20px;display: block;float:right;margin:5px 20px;
    background: url(../images/icons1.gif)  0px -95px;  *display:inline;
}
.lic10 .license{
    width:99px;background-position: 0px -113px;
}

.scroll {
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #216dad;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-arrow-color: #216dad;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #216dad;
    scrollbar-base-color: #ffffff;
}

#typing{
    line-height:18px;margin-left:20px;display:none; height: 18px;
    border-left: 1px dashed #000; padding-left: 10px;  margin-top:5px;
}

.firstMsg{margin-top:15px}
.evtMsg, .inMsg, .outMsg{ padding-left: 10px;clear:both}
.eventMsg { color: #000000;}
.evtMsg .nameTag {  color: red;}
.inMsg {color: blue}
.outMsg {color: black}
.inMsg .msg, .outMsg .msg {  text-indent: 24px}
.createTime { font-size: 11px; font-family: "times new roman", times, serif; color: #996633;}
.ansContent { display: none;  text-indent: 20px;}
.ansTitle {  color: #000}
.answer { padding-left: 20px;color:#000}
.answer ul{list-style:decimal}
                .helloDiv{
                        margin:5px 40px;padding:10px;border:1px solid #CCC;background:#EEE;
                }
.robotCard{background:url(../images/robot_card.gif) no-repeat transparent}
.msgFail{color:red}

.emot{width:19px;height:19px;display:inline-block; background:url(../images/emot.gif) no-repeat;}
.emot2{width:24px;height:24px;display:inline-block; background:url(../images/emot2.gif) no-repeat;}
.emot-inline{*display:inline;}
.em1{background-position:0 0}
.em2{background-position:-20px 0}
.em3{background-position:0 -20px}
.em4{background-position:-20px -20px}
.em5{background-position:0 -40px}
.em6{background-position:-20px -40px}
.em7{background-position:0 -60px}
.em8{background-position:-20px -60px}
.em9{background-position:0 -80px}
.em10{background-position:-20px -80px}
.em11{background-position:0 -100px}
.em12{background-position:-20px -100px}
.em13{background-position:0 -120px}
.em14{background-position:-20px -120px}
.em15{background-position:0 -140px}
.em16{background-position:-20px -140px}
.em17{background-position:0 -160px}
.em18{background-position:-20px -160px}
.em19{background-position:0 -180px}
.em20{background-position:-20px -180px}
.em21{background-position:0 -200px}
.em22{background-position:-20px -200px}
.em23{background-position:0 -220px}
.em24{background-position:-20px -220px}
.em25{background-position:0 -240px}
.em26{background-position:-20px -240px}
.em27{background-position:0 -260px}
.em28{background-position:-20px -260px}
.em29{background-position:0 -280px}
.em30{background-position:-20px -280px}
.em31{background-position:0 -300px}
.em32{background-position:-20px -300px}
.em33{background-position:0 -320px}

.em21{background-position:0 0}
.em22{background-position:-25px 0}
.em23{background-position:0 -25px}
.em24{background-position:-25px -25px}
.em25{background-position:0 -50px}
.em26{background-position:-25px -50px}
.em27{background-position:0 -75px}
.em28{background-position:-25px -75px}
.em29{background-position:0 -100px}
.em210{background-position:-25px -100px}
.em211{background-position:0 -125px}
.em212{background-position:-25px -125px}
.em213{background-position:0 -150px}
.em214{background-position:-25px -150px}
.em215{background-position:0 -175px}
.em216{background-position:-25px -175px}
.em217{background-position:0 -200px}
.em218{background-position:-25px -200px}
.em219{background-position:0 -225px}
.em220{background-position:-25px -225px}
.em221{background-position:0 -250px}
.em222{background-position:-25px -250px}
.em223{background-position:0 -275px}
.em224{background-position:-25px -275px}
.em225{background-position:0 -300px}
.em226{background-position:-25px -300px}
.em227{background-position:0 -325px}
.em228{background-position:-25px -325px}
.em229{background-position:0 -350px}
.em230{background-position:-25px -350px}
.em231{background-position:0 -375px}
.em232{background-position:-25px -375px}
.em233{background-position:0 -400px}


#fileSending{display:none;float:left;width:100%;height:100%;  position:absolute;
    z-index:10;background:url(../images/progress.gif) no-repeat 20% center #FFF;}
#fileSending a{ float:right;margin:18px 40px;}
.uploadFile{padding:10px 10px 10px 40px;line-height:22px;}
.uploadFile input{height:18px;width:30%;border:1px solid #CCC;padding:2px;}
.uploadFile a{float:left}
.uploadFile a.btn div{position:relative;height:22px;width:40px;
    background:url(../images/browser.gif) no-repeat 5px center;padding-left:30px;}
.uploadFile .input-browser{opacity:0; filter:alpha(opacity=0);padding:0;position:absolute;
    left:0;top:0;right:0;bottom:0;width:70px;height:22px;cursor:pointer}
.uploadFile .btn-browser{border-left:none;margin-right:40px;}

.uploadFile .tip{margin-top:5px;margin-left:40px}


.gmenu{position:absolute;background:url(../images/menu_back.gif) repeat-y;margin:4px 0;border:1px solid #CCC;width:130px;display:none}
.gmenu li{height:24px;width:100%}
.gmenu a{height:22px;width:100%;display:block;}
.gmenu span{padding-left:30px;height:22px;line-height:22px}
.gmenu li.active,.lg-sc #lang_sc,.lg-tc #lang_tc,.lg-en #lang_en
{background:url(../images/selected.gif) 5px center no-repeat;}
.gmenu a:hover{border:1px solid #CCC;background:#EEE}

#maskDiv{
    position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;
    FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    z-index:1000;background-color:#777;
    _padding-bottom:250px;
}

.chat-types{
    margin:5px 40px;
}
.chat-types a{
    display:block;float:left;line-height:24px;height:24px; cursor:pointer;
    margin-right:20px;  color:blue; width:100px;    font-weight:normal;

}
.chat-types a:hover{
    text-decoration:underline;
    font-weight:bold;
}
.win{position:absolute;z-index:10001;}
.win .win-wrap{position:relative;width:100%;height:100%;}
.win-tl,.win-tc,.win-tr,.win-bl,.win-bc,.win-br{background:url(../images/win.png) no-repeat; }
.win-mr{background:url(../images/win_left.png) no-repeat;}
.win-ml{background:url(../images/win_right.png) no-repeat right center;width:100%;}

.win-tl{background-position:0 0;height:33px;color:#FFF;font-weight:bold}
.win-tr{background-position:right -40px ;margin-left:13px}
.win-tc{background-position:0 -80px;background-repeat:repeat-x;line-height:20px;margin-right:13px;padding-top:13px;}
.win-tc span{padding-left:24px;background:url(../images/icon_win.gif) 8px center no-repeat}
.win-bl{background-position:0 -120px;height:13px;font-size:1px}
.win-br{background-position:right -140px;margin-left:13px}
.win-bc{background-position:0 -160px;background-repeat:repeat-x;margin-right:13px}
.win-mr{ margin-right:13px;}
.win-mc{margin-left:13px;}
.win-bwrap{overflow:hidden;background:#FFF}
.win-btns{height:39px;border-top:1px solid #F6F6F6;background-color:#F6F6F6;text-align:right;padding-top:15px;}

a.win-btn{background:url(../images/btn.gif) no-repeat;display:inline-block;height:20px;
    margin-right:10px;padding-left:2px;vertical-align:middle;color:#0099EE;width:50px;text-align:center;}
a.win-btn span{
    background:transparent url(../images/btn.gif) no-repeat scroll right top;
    cursor:pointer;height:21px;left:2px;line-height:21px;
    padding:0 11px 4px 7px;
    position:relative;
    vertical-align:middle; display:block;
}

#visitorAuth table tr{height:24px;line-height:24px}
#visitorAuth tr.subhead td{padding-left:20px}

.meetingTitle{ height:24px;line-height:24px;background-color:#EEE;font-size:12px;font-weight:bold;}
.partItem{  width:100%; height:20px;line-height:20px; cursor:pointer;}
.partItem span{ margin-left:30px}
.partItemOver{background-color:#EEE}
.partSelect{color:#D03C32;background:url(../images/arrow_right.gif) no-repeat 10px center;}
.selfItem{cursor:default;color:blue;}
.offlineItem{color:#EEE;}

a.btn-submit,a.btn-call{display:block;width:73px;height:34px;background-repeat:no-repeat;cursor:pointer;}
.lg-sc a.btn-submit{background-image:url(../images/submit_sc.gif) }
.lg-tc a.btn-submit{background-image:url(../images/submit_tc.gif) }
.lg-en a.btn-submit{background-image:url(../images/submit_en.gif) }

a.btn-call{background-image:url(../images/call.gif);}


#typeDiv{position:absolute;top:216px;left:0;height:72px;width:100%;}
#typeDiv textarea{
    width:300px;height:50px;  margin-left:15px;border:0;float:left;padding:10px; background:transparent;
    overflow:auto;
}
#typeDiv div{
    width:97px;height:57px;float:right;margin:10px 15px 10px 5px;cursor:pointer;
}

#main{ width:466px; height:301px; position:relative;
    background-position:0 -50px;background-repeat:no-repeat;}
.mini_1{background-image:url(../images/mini_chat_1.gif)}
.mini_2{background-image:url(../images/mini_chat_2.gif)}
.mini_3{background-image:url(../images/mini_chat_3.gif)}
.mini_4{background-image:url(../images/mini_chat_4.gif)}

html.force{padding:0;margin:0}
.force #chatDiv{position:absolute;top:4px;left:5px;height:191px;width:450px;overflow-y:auto;overflow-x:hidden}

.ignored{margin-top:100px;padding-top:170px;background:url(../images/ignored.gif) no-repeat center top;
    font-size:13px;text-align:center;}

.msg-notify-open,.msg-notify-close{display:block;width:20px;height:27px;background-position: center center;
    background-repeat:  no-repeat;cursor:pointer}
#notifyWrapper{position:absolute;width:1px;height:1px;left:-100px;top:-100px;z-inde:-100}

#phoneWin{position: absolute;border: 1px solid #666;left:40%;top:20%;z-index:1002;width:380px;height: 264px;}
.phone-win-inner{position: relative;width:100%;height:100%}
.phone-win-head{height:70px;background: url(../images/win_phone_head.jpg) repeat-x}
.phone-win-body{height:194px;background: url(../images/win_phone_foot.jpg) repeat-x left bottom #FFF;
    position: absolute;left: 0;bottom:0;width:100%}

.phone-win-note{height: 100%;float:left;width:160px;background: url(../images/win_phone_sep.jpg) right center no-repeat}
.phone-win-form{height:100%;margin-left: 165px;}
.phone-win-note-inner{margin: 10px;line-height: 24px}
.phone-win-call{display: block;background: url(../images/win_phone_call.gif) no-repeat;height:33px;
    width: 95px;padding-left: 36px;line-height: 33px;color:#00008b;}
.phone-win-item{padding: 4px}
.phone-win-item-call{margin-top: 24px}

.phone-win-closer{float:right;width:14px;height:14px;margin:8px;background: url(../images/win_phone_close.jpg) no-repeat}
.phone-win-title{line-height: 86px;font-weight: bold;font-size: 24px;margin-left: 20px;font-family:simhei,simsun;}

.phone-win-item .phone-win-zone{width:40px}
.phone-win-item .phone-win-number{width:76px}
.phone-win-item .phone-win-ext{width:40px}
.phone-info-error{color:red}
.phone-info-normal{color: black}
.phone-info-success{color:green}
#checkCodeImg{margin-left: 15px;cursor:pointer;vertical-align: middle}