@import url(global.css);

/*文字阴影*/
/*FILTER: dropshadow(color=#ffffff,offx=1,offy=1,positive=3);*/

/*如果样式为firefox特有的，后面加上 !important */

/*主框架*/
html,body { height:100%; background:#EEE; text-align:center; overflow:hidden; }
#flash { position:absolute; top:-1000px; }
#page { padding:0px; width:100%; height:100%; overflow:auto; }
#body_outer { margin:0 auto; width:624px !important; width:628px; border:solid 2px #DDD; }
#body { position:relative; border:solid 1px #AAA; background:#FFF; text-align:left; }
.em2 { padding-left:2em; }

/*顶部框架*/
#top { position:relative; height:32px; border-left:solid 1px #FFF; border-top:solid 1px #FFF; border-right:solid 1px #FFF; background:#DCE9F7 url(../images/icons3.gif) repeat-x 0 -443px; }
#top_title { padding-left:35px; color:#FFF; font-size:12px; font-weight:bold; line-height:32px; background-position:-371px 6px; }
#top_right { position:absolute; top:0; right:10px; color:#FFF; font-weight:bold; line-height:32px; }
#top_right a { color:#FFF; font-weight:bold; text-decoration:underline; }
#top_right_close_btn { margin-top:8px; border:0; width:25px; height:16px; cursor:pointer; }
#top_right input { background-position:-165px -12px; }

/*中部框架*/
#main { position:relative; height:430px; border-left:solid 1px #FFF; border-right:solid 1px #FFF; border-bottom:solid 1px #C6C6C6; background:#DCE9F7 url(../images/icons3.gif) repeat-x 0 -475px; overflow:hidden; }
#main_chat { position:absolute; left:8px; top:9px; width:604px; height:410px; border:solid 1px #BBB; background-color:#F5F5F5; }
#chat_top { height:30px; border-top:solid 1px #FFF; overflow:hidden; }
#chat_title { padding-left:8px; color:#555; line-height:30px; font-weight:bold; }
#chat_title a { color:Blue; }
#chat_msg_main { position:absolute; left:4px; top:30px; border:solid 1px #C6C6C6; background:#FFF; }
#chat_msg_body { padding:5px; width:380px !important; height:230px !important; width:392px; height:242px; border:solid 1px #FFF; border-top:solid 1px #EEE; overflow-x:hidden; overflow-y:auto; }
#chat_tip { position:absolute; left:7px; top:33px; padding:0px 5px; line-height:23px; background-color:#BE6631; color:#FFF; filter:alpha(opacity=95); -moz-opacity:0.95; }
#chat_tool_main { position:absolute; left:4px; top:274px; padding-top:2px; width:394px; height:28px; background:#F5F5F5; overflow:hidden; }
#chat_tool_main ul { margin:0; padding:0; list-style:none; }
#chat_tool_main ul li { position:relative; float:left; margin-right:2px; }
#chat_tool_main ul li a { display:inline-block; width:22px !important; height:22px !important; width:24px; height:24px; border:solid 1px #F5F5F5; background-color:#F5F5F5; cursor:default; filter:alpha(opacity=100); opacity:1; }
#chat_tool_main ul li a:hover { border:solid 1px #AAA; background-color:#DDD; filter:alpha(opacity=100); opacity:1; }
a.face { background-position:-17px -57px; }
a.url { background-position:-217px -57px; }
a.pic { background-position:-37px -56px; }
a.file { background-position:-237px -56px; }
a.reply { background-position:-57px -56px; }
a.set { background-position:-77px -57px; }
a.vote { background-position:-117px -56px; }
a.card { background-position:-137px -54px; }
a.bar  { background-position:-97px -56px; }
a.down { background-position:-196px -55px; }
UL#tool_left  { float:left; }
UL#tool_right { float:right; margin-right:-2px; }
#chat_input_main { position:absolute; left:4px; bottom:4px; border:solid 1px #C6C6C6; background:#FFF; }
#chat_input_body { padding:2px; width:386px !important; height:96px !important; width:392px; height:100px; border:solid 1px #FFF; border-top:solid 1px #EEE; }
#chat_msg_box { padding:0px 2px; width:306px; height:92px; border:0; color:#525252; line-height:20px; overflow-x:hidden; overflow-y:auto; }
#chat_msg_send { position:absolute; right:3px; bottom:3px; border:0; width:74px; height:39px; line-height:40px; color:#666; font-weight:bold; background-color:Transparent; overflow:hidden; cursor:pointer; }
#chat_input_body input.ovr { background-position:-74px 0px; }
#chat_input_body input.out { background-position:0px 0px; }
#chat_input_type { position:absolute; left:5px; bottom:3px; color:Green; cursor:default; }
#chat_lw { position:absolute; left:4px; top:30px; border:solid 1px #C6C6C6; background:#FFF; }
#chat_lw_body { padding:5px; width:380px !important; height:362px !important; width:392px; height:372px; border:solid 1px #FFF; border-top:solid 1px #EEE; overflow-x:hidden; overflow-y:auto; }
#company_card { position:absolute; right:4px; top:30px; width:196px; border:solid 1px #BBB; background-color:#FFF; }
#company_logo { position:absolute; right:4px; bottom:4px; width:196px; height:85px; border:solid 1px #BBB; background-color:#FFF; }
#company_title { padding:0px 8px; height:28px; line-height:28px; background:#F5F5F5; border-top:solid 1px #FFF; border-bottom:solid 1px #C6C6C6; overflow:hidden; }
#company_content{ padding:3px; height:245px !important; height:255px; background-color:#FFF; border:solid 1px #FFF; word-break:break-all; overflow-x:hidden; overflow-y:auto; }
.cc { position:relative; margin:3px auto; padding-left:3px !important; padding-right:3px !important; padding-left:14px; padding-right:0px; color:#555; line-height:20px; border-bottom:dotted 1px #E6E6E6; }
.cc B { position:absolute; display:block; margin-left:-14px; left:4px; top:3px; width:4px; height:8px; background-position:-280px -15px; }
.cc EM { color:#369; font-style:normal; }

/*底部框架*/
#foot { position:relative; height:30px; border:solid 1px #FFF; background:#F5F5F5; }
#foot DIV { position:absolute; display:block; padding:0px 8px; height:28px; line-height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
DIV#foot_ad { padding-left:30px; width:520px !important; width:550px; left:0px; top:0px; background-position:-372px -22px; }
DIV#foot_ad_content { width:520px; }
DIV#foot_ad_content a { color:#444; }
DIV#foot_ad_content a:hover { color:Blue; }

/*滚动条样式*/
* { scrollbar-face-color:#D5D5D5; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#999; scrollbar-3dlight-color:#EEE; scrollbar-arrow-color:#666; scrollbar-track-color:#EEE; scrollbar-darkshadow-color:#EEE; }

/*操作窗口*/
#page_loader,
#page_bg,
#page_iframe,
#page_cover,
#page_box_outer { position:absolute; left:0; top:0; width:100%; height:100%; }
#page_loader { background:#000; filter:alpha(opacity=1); opacity:0.01; }
#page_cover { background:#000; filter:alpha(opacity=20); opacity:0.2; }
#page_box { position:absolute; width:360px; left:0; top:-1000px; text-align:left; border:solid 1px #828282; background:#F5F5F5; cursor:default; }
#page_box_close { position:absolute; right:7px; top:6px; }
#page_box_close_btn { border:0; width:35px; height:20px; cursor:pointer; }
#page_box_close input.ovr { background-position:-196px -10px; }
#page_box_close input.out { background-position:-160px -10px; }
#page_box_close input.dwn { background-position:-232px -10px; }
#page_box_title { padding:0px 10px; height:32px; line-height:32px; color:#555; font-weight:bold; border-top:solid 1px #FFF; border-bottom:solid 1px #AAA; background:#D6E0EB; overflow:hidden; }
#page_box_main { padding:6px 7px 7px 7px; border-top:solid 1px #FFF; }
#page_box_body { border:solid 1px #C6C6C6; background:#FFF; }
#page_box_body a { color:#666; text-decoration:underline; }
#page_box_body hr { border-top:solid 1px #DDD; }

/*窗口*/
.field_title { height:20px; line-height:20px; background:url(../images/icons3.gif) no-repeat right -410px;}
.field_title B { background:#FFF; padding-right:10px; font-weight:normal; color:#258; }
.field_body { padding:5px 5px 5px 20px; line-height:20px; }
#face_preview { position:absolute; top:7px; width:89px; height:89px; border:solid 1px blue; background-color:#FFF; display:none; overflow:hidden; }
#face_preview_img { text-align:center; padding:18px !important; padding:0; }
#face_title { color:Blue; text-align:center; height:20px; }
.face_preview_l { left:8px !important; left:6px; }
.face_preview_r { right:7px }
#box_welcome_word { padding:16px 20px; height:150px; line-height:22px; }
#box_face,
#box_card { position:relative; }
#box_url,
#box_pic,
#box_file,
#box_reply,
#box_set,
#box_vote,
#box_regist { margin:20px; }
#box_card { margin:10px; }
#input_url, #input_pic, #input_file { width:100% !important; width:300px; }
#box_reply ul { padding:0px; margin:0; list-style:none; border-top:solid 1px #EEE; padding-top:1px; }
#box_reply ul li { margin-bottom:1px; }
#box_reply ul li a { padding-left:30px; display:block; height:24px; line-height:24px; background:url(../images/icons3.gif) no-repeat -375px -55px; }
#box_reply ul li a { color:#888; border:solid 1px #FFF; border-bottom:solid 1px #EEE; background-color:#FFF; text-decoration:none; }
#box_reply ul li a:hover { color:#353535; border:solid 1px #BBB; background-color:#F2F2F2; }
#box_vote ul { padding:5px 0; margin:3px 0; list-style:none; border-top:solid 1px #EEE; border-bottom:solid 1px #EEE; }
#box_vote ul li { margin:5px auto !important; margin:0; padding:3px auto; }
#box_vote ul li LABEL { margin-left:3px; padding-left:60px; background-image:url(../images/icons3.gif); background-repeat:no-repeat; }
#box_vote ul li EM { padding-left:10px; font-style:normal; background-color:#FFF; }
#vote_l_1 { background-position: -48px -100px; }
#vote_l_2 { background-position: -36px -100px; }
#vote_l_3 { background-position: -24px -100px; }
#vote_l_4 { background-position: -12px -100px; }
#vote_l_5 { background-position: 0px -100px; }
#card_logo { position:absolute; left:4px !important; left:-55px; top:4px !important; top:1px; display:block; padding:1px; border:solid 1px #A0A0A0; background-color:#FFF; }
#card_logo img { width:40px; height:40px; border:0; }
#card_info { padding-left:10px; margin-left:60px; line-height:24px; border-left:solid 1px #DDD; }
#card_info EM { color:Blue; font-style:normal; }
#card_info LABEL { padding-right:3px; color:#258; }
#card_memo { height:60px; line-height:20px; overflow-y:auto; }

/*客服列表*/
#chat_kf_list ul { margin:5px 0; padding:0; padding-left:30px; list-style:none; }
#chat_kf_list ul li { margin-bottom:2px; clear:both; line-height:25px; font-size:14px; word-break:break-all; }
#chat_kf_list ul li { padding-left:30px; background-image:url(../images/icons3.gif); background-repeat:no-repeat; }
#chat_kf_list ul li.kf_group { padding-left:0px; font-size:12px; font-weight:bold; background-position: 0px 100px; cursor:default; }
#chat_kf_list ul li.kf_off   { color:#999; text-decoration:underline; background-position: 0px -128px; cursor:pointer; }
#chat_kf_list ul li.kf_on    { color:Blue; text-decoration:underline; background-position: 0px -153px; cursor:pointer; }

/*消息*/
.nick_f,.nick_t { line-height:22px; }
.nick_f { color:Green; }
.nick_t { color:Blue; }
.msg_txt { margin:0px 0px 10px 15px; padding:0px 2px; color:#525252; line-height:20px; border:dotted 1px #FFF; word-break:break-all; }
.msg_txt a { color:#666; text-decoration:underline; }
.system_tip { position:relative; margin-bottom:8px; }
.system_tip_txt { padding-left:18px; line-height:20px; } 
B.tip_ok,
B.tip_alert,
B.tip_error { position:absolute; display:block; left:0px; top:4px !important; top:1px; width:12px; height:12px; }
B.tip_ok    { background-position:-380px -380px; }
B.tip_alert { background-position:-380px -400px; }
B.tip_error { background-position:-380px -420px; }
B.kf_on ,
B.kf_off { display:inline-block; margin-left:2px; width:28px; background-image:url(../images/icons3.gif); background-repeat:no-repeat; }
B.kf_on  { background-position:0px -152px; }
B.kf_off { background-position:0px -127px; }