@charset "utf-8";
/* reset */
body { font-family:verdana,helvetica,arial,sans-serif; font-weight:normal; font-size:11px; color:#606060; margin:0; padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
caption,th { text-align:left;}
ul,ol { list-style:none;}
/* link */
a, a:visited ,a:active{ color:#3b5995; text-decoration:none;}
a:hover{ color:#0183e5; text-decoration:none;}
.a_home a:hover{ color:#0183e5;}
.a_event a:hover{ color:#ff6900;}
.a_listing a:hover{ color:#a40886;}
.a_news a:hover{ color:#cc0000;}
.a_video a:hover{ color:#139ca1;}
.a_group a:hover{ color:#6ae500;}
.a_myqq a:hover{ color:#00b4ff;}
/* font */
.f14 { font-size:14px;}
/* color */
.c_home { border-top-color:#0273c8;}
.c_event { border-top-color:#0273c8;}
.c_listing { border-top-color:#0273c8;}
.c_news { border-top-color:#0273c8;}
.c_video { border-top-color:#0273c8;}
.c_group { border-top-color:#0273c8;}
.c_myqq { border-top-color:#0273c8;}
/* else */
.tc { text-align:center;} .tl{ text-align:left;} .tr { text-align:right;}
.fl { float:left;} .fr{ float:right;} .cl { clear:both; overflow:hidden; height:0px; font:}
.nodis { display:block;} .dis { display:none;}
/* common */
.area { width:950px; margin:0 auto; margin-bottom:20px; clear:both; overflow:hidden;}
.col1 { float:left; width:710px;}
.col2 { float:right; width:230px;}
.box {  background:url(../images/box_bg_1.png) repeat-x; padding-top:3px;}
.box h2 { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:none;}
h2 { height:31px; background:#f3f3f3; color:#000000; font-size:24px; font-family:"Times New Roman", Times, serif; padding-left:10px; padding-top:4px; border-top-width:3px; border-top-style:solid; font-weight:normal;}
h2 span.h { display:inline-block; height:31px; padding-right:22px; background:url(../images/h2_bg.gif) no-repeat right 7px;}
.mar_b_60 { margin-bottom:60px;}
.adv { margin-bottom:20px;}
/* head */
.head { width:950px; height:122px; margin:0 auto; overflow:hidden; clear:both;}
.head .qqi_logo { float:left; width:300px; height:65px; padding-top:5px;}
.head .head_r { float:right; height:70px; text-align:right; position:relative;}
.head .head_r span { margin:0 5px; vertical-align:middle;}
.head .head_r p.s1 { height:30px; overflow:hidden; padding-bottom:13px;}
.head .head_r p.s1 span {margin:0 10px;}
.head .head_r p a.jump,.head .head_r p a.jump:visited { display:inline-block; width:115px; padding-left:45px; height:30px; line-height:30px; text-align:left; font-weight:bold; color:#ffffff; background:url(../images/jump.png) no-repeat 0 0;}
.head .head_r p a.jump:hover  {background:url(../images/jump.png) no-repeat 0 -30px;}
.head .head_r p span.no_mar { margin-right:0;}
.head .head_r p span.online,.head .head_r p span.totle { margin-right:15px;}

.head .user_s { padding-top:10px; height:20px; margin-bottom:13px;}
.head .user_s a { font-weight:bold; margin:0 3px;}
.head .head_r .user_s span {vertical-align:baseline;}
.head .head_r .s { color:#ccc; margin:0 3px;}
.head .head_r .w { color:#7e7e7e; margin:0 3px; font-weight:bold;}

/* city API */
.head span.citys { display:inline-block; height:20px; line-height:18px; padding-right:20px; font-weight:bold; background:url(../images/citys_bg.png) no-repeat; cursor:pointer; margin-right:0;}
.head span.citys em { display:inline-block; height:20px; background:url(../images/citys_bg.png) no-repeat; padding-left:8px; color:#ffffff; font-style:normal;}
.drog_menu { width:90px; padding-left:8px; background:#f3f3f3; border:1px solid #e6e6e6; border-top:none; line-height:19px; position:absolute; right:0; top:63px; _top:64px; padding-bottom:1px;}
.drog_menu li { text-align:left;}
.head span.ct_home { background-position:right 0;}
.head span.ct_home em { background-position:0 0;}
.head span.ct_event { background-position:right -20px;}
.head span.ct_event em { background-position:0 -20px;}
.head span.ct_listing { background-position:right -40px;}
.head span.ct_listing em { background-position:0 -40px;}
.head span.ct_news { background-position:right -60px;}
.head span.ct_news em { background-position:0 -60px;}
.head span.ct_video { background-position:right -80px;}
.head span.ct_video em { background-position:0 -80px;}
.head span.ct_group { background-position:right -100px;}
.head span.ct_group em { background-position:0 -100px;}
.head span.ct_myqq { background-position:right -120px;}
.head span.ct_myqq em { background-position:0 -120px;}
/* weather API */
.head .head_r span.weather { display:inline-block; width:16px; height:16px; overflow:hidden; background:url(../images/weather.png) no-repeat;}
.head .sun { background-position:0 0;}
.head .cloudy { background-position:-16px 0;}
.head .drizzle { background-position:-32px 0;}
.head .mist { background-position:-48px 0;}
.head .overcast { background-position:0 -16px;}
.head .rain_sun { background-position:-16px -16px;}
.head .rainstorm { background-position:-32px -16px;}
.sand { background-position:-48px -16px;}
.head .showers { background-position:0 -32px;}
.head .sleet { background-position:-16px -32px;}
.head .typhoon { background-position:-32px -32px;}
.head .snowstorm { background-position:-48px -32px;}
.head .snow2 { background-position:0 -48px;}
.head .snow1 { background-position:-16px -48px;}
.head .rainy1 { background-position:-32px -48px;}
.head .rainy2 { background-position:-48px -48px;}
/* navigation */
#nav { width:950px; height:32px; font-weight:bold; background:url(../images/nav_bg.gif) repeat-x; clear:both; overflow:hidden;}
#nav ul { height:32px; margin-left:-1px;}
#nav li { float:left; height:32px; background:url(../images/nav_line.gif) no-repeat 0 0;}
#nav li a { display:block; height:32px; line-height:32px; text-align:center; color:#ffffff;}
#nav li a.n_home { width:76px;}
#nav li a.n_home:hover,#nav li a.n_home_on,#nav li a.n_home_on:visited,#nav li a.n_home_on:hover { width:76px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat 1px 0;}
#nav li a.n_event { width:83px;}
#nav li a.n_event:hover,#nav li a.n_event_on,#nav li a.n_event_on:visited,#nav li a.n_event_on:hover { width:83px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -76px 0;}
#nav li a.n_listing { width:87px;}
#nav li a.n_listing:hover,#nav li a.n_listing_on,#nav li a.n_listing_on:visited,#nav li a.n_listing_on:hover { width:87px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -160px 0;}
#nav li a.n_news { width:74px;}
#nav li a.n_news:hover,#nav li a.n_news_on,#nav li a.n_news_on:visited,#nav li a.n_news_on:hover { width:74px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -248px 0;}
#nav li a.n_video { width:76px;}
#nav li a.n_video:hover,#nav li a.n_video_on,#nav li a.n_video_on:visited,#nav li a.n_video_on:hover { width:76px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -323px 0;}
#nav li a.n_group { width:84px;}
#nav li a.n_group:hover,#nav li a.n_group_on,#nav li a.n_group_on:visited,#nav li a.n_group_on:hover { width:84px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -400px 0;}
#nav li a.n_myqq { width:78px;}
#nav li a.n_myqq:hover,#nav li a.n_myqq_on,#nav li a.n_myqq_on:visited,#nav li a.n_myqq_on:hover { position:relative; margin-right:-1px; padding-right:1px; width:78px; background:url(../images/nav_on.png) no-repeat -485px 0;}
#nav li a.n_jobs { width:66px;}
#nav li a.n_jobs:hover,#nav li a.n_jobs_on,#nav li a.n_jobs_on:visited,#nav li a.n_jobs_on:hover { width:66px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -564px 0;}
#nav li a.n_housing { width:90px;}
#nav li a.n_housing:hover,#nav li a.n_housing_on,#nav li a.n_housing_on:visited,#nav li a.n_housing_on:hover { width:90px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -631px 0;}
#nav li a.n_download { width:103px;}
#nav li a.n_download:hover,#nav li a.n_downlaod_on,#nav li a.n_download_on:visited,#nav li a.n_download_on:hover { width:103px; position:relative; margin-right:-1px; padding-right:1px; background:url(../images/nav_on.png) no-repeat -722px 0;}
/* g_tips */
.g_tips_box { padding-top:3px; position:absolute; top:0; left:0; cursor:default; z-index:9999;}
.g_tips { width:213px; height:92px; padding:9px 0 0 15px; background:#ffffff url(../images/group_tip_bg.png) no-repeat 0 0;}
.g_tips p { font-size:12px; color:#333333; font-family:Tahoma; line-height:18px;}
.g_tips p a { font-weight:bold;}
.g_tips p.s1 { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:8px;}
/* foot */
.foot { background:#f3f3f3; height:72px; clear:both; text-align:center; padding-top:18px;}
.foot p { line-height:22px; color:#7e7e7e;}
/* win_layer */
.qz_mask_layout{ position:fixed; _position:absolute; background-color:#000; filter:alpha(opacity=20); opacity:0.2; width:100%; left:0; top:0;}
.layer_global { overflow:hidden;}
.layer_global_box { padding:5px; background-color:#a9b3bc;}
.layer_global_title { height:35px; line-height:35px; padding:0 10px; font-size:24px; font-family:"Times New Roman", Times, serif; background-color:#f3f3f3; border:1px solid #e6e6e6; border-bottom:none;}
.layer_global_title h3 { float:left;}
.layer_global_title span { font-size:12px; float:right; cursor:pointer;}
.layer_global_cont { background-color:#ffffff; border:1px solid #e6e6e6; border-top:none;}


/* CSS for Join Group Layer */
#qqi_uni_mask { display:none; width:100%; height:100%; position:fixed; _position:absolute; z-index:50; top:0; left:0; background:#000; opacity:0.20; filter:alpha(opacity=20); }

#qqi_join_group { display:none; text-align:left; background:#e6e6e6; padding:1px; border:5px solid #a7b3bb; position:absolute; z-index:100; left:50%; top:100px; width:420px; margin-left:-216px; }
#qqi_join_group_header { background:#f3f3f3; }
#qqi_join_group_header h2 { font-size:24px; color:#000; font-family:"Times New Roman", Times, serif; padding:5px 10px; border:0 none; height:auto; }
#qqi_join_group_topbt { float:right; padding:10px 5px 0 0; }
#qqi_join_group_content { background:#fff; font-size:0; min-height:183px; _height:183px; text-align:center; }
#qqi_join_group_content iframe { margin:0 auto; min-height:183px;}

#qqi_join_alert { display:none; background:#e6e6e6; padding:1px; border-style:solid; border-color:#a7b3bb; border-width:3px 4px; position:absolute; z-index:100; left:50%; top:200px; width:320px; margin-left:-160px; }
#qqi_join_result { background:#fff; padding:35px 20px 50px 20px; }
#qqi_join_alert  h3 { text-align:center; padding-left:25px; font-size:12px; font-weight:bold; line-height:36px; margin-bottom:20px; }
.join_success  h3 { background:url(http://static.imqq.com/images/group/applied.gif) no-repeat 75px 0; }
.join_failed  h3 { background:url(http://static.imqq.com/images/group/warn.gif) no-repeat 75px 0; }
#qqi_join_result p { line-height:1.5; }


/* CSS for Sign inLayer */
#qqi_signin { text-align:left; padding:1px; border:5px solid #a7b3bb; position:absolute; z-index:100; left:50%; top:100px; width:420px; margin-left:-185px; background-color:#fff; }
#qqi_signin_header { background:#f3f3f3; }
#qqi_signin_header h2 { font-size:24px; color:#000; font-family:"Times New Roman", Times, serif; padding:5px 10px; border:0 none; height:auto; }
#qqi_signin_topbt { float:right; padding:10px 5px 0 0; }
#qqi_signin_content { min-height:183px; _height:183px; text-align:center; }
#qqi_signin_content iframe { margin:0 auto; min-height:183px;}
#qqi_signin_footer { width:380px; margin:0 20px; overflow:hidden; }
#qqi_signin_footer ul { width:450px; border-top:1px #DDD solid; overflow:hidden; }
#qqi_signin_footer li { float:left; margin-right:21px; }
#qqi_signin_footer a { line-height:45px; font-size:12px; color:#067DCD; }
#qqi_signin_footer a:hover { text-decoration:underline;}