@charset "utf-8";
/*----------------------------------//style of 9917.com Main //------------------------------*/

/*----/ copyright:9917.com  author:simplor  history:09/06/01 / modify:simplor 09/06/01----*/

/*reset style start*/
*{ padding:0;margin:0;} 
table{ border-collapse:collapse; border-spacing:0;} 
img { border:0;} 
:focus{ outline:0;}
fieldset{ border:1px;} 
address,caption,cite,code,dfn,em,th,var{ font-weight:normal;font-style:normal;} 
ol,ul { list-style:none;} 
caption,th { text-align: left;} 
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-size:100%;} 
q:before,q:after{ content:'';} 
abbr,acronym { border:0;} 
.clearfix{overflow:hidden; *display:inline-block; *zoom:1}
.clearfix_1 { overflow:hidden; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix_2:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix_2 { zoom:1;}
button { cursor:pointer; border:0;}
a {cursor:pointer; outline:none; text-decoration:none;}
a:hover { text-decoration:underline;}
label {cursor:pointer;}
body{ font:12px/120% arial,helvetica,Tahoma,sans-serif;}

.button_a,a.button_a { border-width:1px; border-style:solid; float:left; padding:0px 8px; height:25px; line-height:25px; font-weight:bold;}
.button_b,a.button_b { border-width:1px; border-style:solid; padding:3px 8px 1px 8px; height:18px; line-height:18px;}

.button_01 { cursor:pointer; margin-left:60px; border-width:1px; border-style:solid; float:left; padding:2px 8px 2px 8px;*padding:3px 8px 1px 8px; font-weight:bold; }
.textimput { border-width:1px; border-style:solid; padding:2px 5px 1px 5px; height:18px; line-height:18px; margin-right:5px;}


/*input and textarea*/
select{ height:22px; line-height:22px;}
label,select{ cursor:pointer;}
label,input,button,select,textarea{ font:12px arial,helvetica,clean,sans-serif; vertical-align:middle; /*ime-mode:disabled;禁用输入法*/}
.ipt_text,textarea{ background:#fff; border:1px solid; border-color:#000 #d1d1c9 #d1d1c9 #000; padding:0px 4px; padding-top:2px; *padding-top:0px; height:17px; *height:19px; *line-height:19px;}

@-moz-document url-prefix(){input[type="text"]:hover,input[type="password"]:hover,.textarea:hover{ border-color:#5794bf #c5daed #c5daed #c5daed;}}
@media all and (min-width:0px){input[type="text"]:hover,input[type="password"]:hover,.textarea:hover{ border-color:#5794bf #c5daed #c5daed #c5daed;}}
.ipt_text_hover,.textarea_hover{ border-color:#5794bf #c5daed #c5daed #c5daed;}

input[type="text"]:focus,input[type="password"]:focus,.textarea:focus{ border:1px solid #7b7b7b; background:#fff url(http://x.9917.com/themes/img/icon/text_bg.gif);}
.ipt_text_focus,.textarea_focus{ border:1px solid #7b7b7b; background:#fff url(http://x.9917.com/themes/img/icon/text_bg.gif);}
.textarea{ overflow:auto;}
.code_img{ cursor:pointer;}
.cut_world{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.reply_divtext{ background:#fff; cursor:text; border:1px solid; border-color:#000 #d1d1c9 #d1d1c9 #000; padding:0px 4px; padding-top:2px; line-height:18px; overflow-y:auto;}
.reply_divtext:hover,.reply_divtext_hover{ border-color:#5794bf #c5daed #c5daed #c5daed;}
.reply_divtext:focus,.reply_divtext_focus{ border:1px solid #7b7b7b; background:#fff url(http://x.9917.com/themes/img/icon/text_bg.gif);}

/*word wrap start*/
.line_wrap{ word-wrap:break-word; word-break:break-all;}
/*
@media all and (min-width: 0px){.line_wrap{ overflow:auto;}}
@-moz-document url-prefix(){.line_wrap{ overflow:auto;}}
*/

/*head*/
.home_head { width:100%; height:31px; background:url(http://x.9917.com/themes/img/common/home/home_bg.gif) repeat-x left -300px; position:fixed !important; _position:absolute; top:0px; left:0; margin:0 auto; z-index:1; overflow:hidden; clear:both;}
.home_head .home_head_center { width:960px; height:31px; margin:0 auto;}
.home_head .personal_infor_left { width:700px; margin-left:10px; height:31px; display:inline-block; float:left;}
.home_head .personal_infor_left .logo { width:87px; height:31px; display:inline-block;  background:url(http://x.9917.com/themes/img/common/home/logo.gif) no-repeat center 3px; float:left;}
.home_head .personal_infor_left .logo a { width:87px; height:31px; display:block; overflow:hidden; text-indent:-9917px;}
.home_head .personal_infor_left .myinfor { width:603px; height:31px; margin-left:10px; float:left;}
.home_head .personal_infor_left .myinfor li { display:inline-block; float:left;}
.home_head .personal_infor_left .myinfor .myName { height:31px; float:left;}
.home_head .personal_infor_left .myinfor .myName a { margin-right:5px; height:31px; font-weight:bold; line-height:31px; overflow:hidden; color:#db0070; float:left;}
.home_head .personal_infor_left .myinfor .myName a span { height:26px; margin:5px 5px 0px 0px; float:left;}
.home_head .personal_infor_left .myinfor .myName a img { width:19px; height:19px; border:1px solid #b5b5b5; }
.home_head .personal_infor_left .myinfor .myName a:hover img { border-color:#db0070;}
.home_head .personal_infor_left .myinfor .myName em { height:31px; color:#888; line-height:31px; float:left;}
.home_head .personal_infor_left .myinfor .myName {background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat right 8px;}
.home_head .personal_infor_left .myinfor .mySpace,
.home_head .personal_infor_left .myinfor .myClub,
.home_head .personal_infor_left .myinfor .instationMails { padding:0px 10px; background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat right 3px; height:21px; line-height:21px; display:block; margin-top:5px; overflow:hidden; float:left; }
.home_head .personal_infor_left .myinfor li.current_5 a { _position:relative; color:#fff; float:left; padding-left:8px; overflow:hidden; background:#323232 url(http://x.9917.com/themes/img/common/btn_bg.gif) no-repeat 0 -375px;}
.home_head .personal_infor_left .myinfor li.current_5 a span{ padding-right:8px; float:left; height:21px; overflow:hidden; line-height:21px; background:url(http://x.9917.com/themes/img/common/btn_bg.gif) no-repeat 100% -375px;}
.home_head .personal_infor_left .myinfor .mySpace a span strong { font-weight:bold; padding-left:22px; height:21px; line-height:21px; display:block; float:left; background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat -184px -21px;}
.home_head .personal_infor_left .myinfor .myClub a span strong { padding-left:22px; height:21px; line-height:21px; display:block; float:left; background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat -184px -47px;}
.home_head .personal_infor_left .myinfor .instationMails a span strong  { padding-left:22px; height:21px; line-height:21px; display:block; float:left; background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat -184px -69px;}
.home_head .personal_infor_right { height:31px; line-height:31px; display:inline-block; float:right;}
.home_head .personal_infor_right a { padding:0px 8px; height:31px; line-height:31px; background:url(http://x.9917.com/themes/img/common/home/home_icon.gif) no-repeat right -1px; }
.home_head a { color:#000;}
.home_head a:hover {color:#db0070;}

/*avatar*/
.b_img { width:98px; height:98px; padding:5px; border:1px solid #c5c5c5;}
.m_img { width:48px; height:48px; padding:3px; border:1px solid #c5c5c5;}
.s_img { width:18px; height:18px; border:1px solid #c5c5c5;}

/*book*/
.m_b_img { width:88px; height:113px;}
.s_b_img { width:65px; height:84px;}

/*club_img*/
.clubimg { width:64px; height:48px; padding:4px; border:1px solid #c5c5c5;}

/*author_sign*/
.author_links { position:relative;}
.author_sign { width:14px; height:14px; display:block; overflow:hidden;background:url(http://x.9917.com/themes/img/common/home/author_s.gif) no-repeat; position:absolute; left:53px; top:0px; text-indent:-9917em;}
.author_sign_1 { width:37px; height:18px; display:block; overflow:hidden;background:url(http://x.9917.com/themes/img/common/home/author.gif) no-repeat; position:absolute; right:-8px; top:-6px; text-indent:-9917em;}
.author_sign_2 { width:37px; height:18px; display:block; overflow:hidden;background:url(http://x.9917.com/themes/img/common/home/author.gif) no-repeat; position:absolute; right:0px; top:-6px; text-indent:-9917em;}
.author_sign_3 { width:37px; height:18px; display:block; overflow:hidden;background:url(http://x.9917.com/themes/img/common/home/author.gif) no-repeat; position:absolute; right:10px; top:-3px; text-indent:-9917em;}

/*global navigate*/
#HeadNavigateBarDiv { width:100%; position:fixed; z-index:9917; margin:0 auto; height:auto; color:#000;top:0px;_position:absolute;}
.global_nav { margin:0 auto; background:url(http://x.9917.com/themes/img/common/global_nav.gif) repeat-x; padding:0px 10px; height:32px; line-height:32px; overflow:hidden;}
.global_nav a { color:#000;}
.global_nav a:hover { color:#db0070;}
.line_1 { border-bottom:1px solid #999; padding-bottom:5px;}
.cut_off_rule { padding:0px 6px; color:#888; height:32px; line-height:32px; *line-height:29px;}
.m_h_hover { display:inline-block; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -33px;}
.m_h_hover span { display:inline-block; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat left -33px;}
.g_n_left { float:left; display:inline-block; }
.g_n_left .cut_off_rule,.g_n_left em { float:left;}
.g_n_l_logo { width:57px; height:32px; overflow:hidden; text-indent:-9917em; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -267px; margin-right:10px; float:left;}
.g_n_right,.g_n_help,.g_n_login,.g_n_loginafter,.g_n_close { display:inline-block; overflow:hidden; float:right;}
.links_1,.cut_off_rule,.g_n_l_1 em,.newmsg { float:left;}
.g_n_close { width:12px; margin:8px 0px 0px 10px; height:15px; display:block; text-indent:-9917em; overflow:hidden; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -184px;}
.g_n_open { width:12px; height:15px; display:block; text-indent:-9917em; overflow:hidden; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -229px; position:fixed; right:10px; top:8px;_float:right; _position:absolute; z-index:9917;}
.g_n_help em,.g_n_help .cut_off_rule { float:left;}
.g_n_l_1 { float:left;}
.g_n_h_1 { padding-right:8px; float:left;}
.g_n_h_1 span { padding-left:8px; float:left;}
.g_n_h_1 strong,.myhome { font-weight:normal; padding-right:10px; cursor:default; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -103px; display:inline-block;}
.g_n_login a { height:32px; line-height:32px;}
.g_n_loginafter { height:32px; line-height:32px;}
.myhome { cursor:pointer;}
.m_h_icon { font-style:normal; height:32px; line-height:32px; padding-left:20px; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat -184px -83px;}
.g_n_loginafter .myinfo sapn strong { }
.g_n_loginafter .myinfo cite { width:100px; float:left;}
.g_n_loginafter .myinfo a { line-height:35px; float:left;}
.g_n_loginafter .myinfo .s_img { margin:8px 5px 0px 0px; float:left;}
.newmsg strong { color:#db0070;}
.newmsg { padding-left:23px; height:32px; line-height:32px; background:url(http://x.9917.com/themes/img/common/newmsg.gif) no-repeat left 6px; float:left;}
.newmsg_1 { padding-left:23px; height:32px; line-height:32px;  background:url(http://x.9917.com/themes/img/common/newmsg_1.gif) no-repeat left 4px; float:left;}
.myhome_down { background:#fff; border:1px solid #888; border-top:none; width:140px; height:auto; padding:10px; position:absolute; right:172px; top:32px;z-index:2;}
.myhome_down li { margin: auto;line-height:20px; padding:5px 5px 0px 5px;}
.myhome_down li a { font-weight:bold; text-decoration:none; color:#000;}
.myhome_down li a:hover { text-decoration:underline; color:#db0070;}
.myhome_down li span a { float:right; color:#666; font-weight:normal; text-decoration:underline;}
.myhome_down li.mh_d_a { width:140px; height:25px; padding:0px; line-height:25px; float:left;}
.myhome_down li.mh_d_a a { width:70px; text-align:center; float:left;}
.myhome_down li.mh_d_b { width:130px; float:left; text-align:center;}
.myhome_down li.mh_d_b a { font-weight:normal; text-decoration:underline;}
.help_down { background:#fff; border:1px solid #888; border-top:none; width:270px; height:auto; padding:10px 15px; position:absolute; right:97px; top:32px; z-index:2;}
.help_down li { margin: auto; padding-top:5px; line-height:20px;}
.help_down li a { color:#000;}
.help_down li a:hover {  text-decoration:none; color:#db0070;}
.help_top a { font-weight:bold; margin-right:8px;}
.nav_nav {background:#fff; border:1px solid #888; border-top:none; width:250px; height:auto; padding:10px 15px; position:absolute; right:32px; top:32px; z-index:2;}
.nav_nav li { margin: auto; padding-top:5px; line-height:20px;}
.nav_nav li span { color:#999;}
.nav_nav li a { color:#000; margin-right:8px;}
.nav_nav li a { color:#000;}
.nav_nav li a:hover {  text-decoration:none; color:#db0070;}
.n_n_a { padding-left:60px;}
.enterinfo { background:#fff; border:1px solid #888; border-top:none; width:270px; height:auto; padding:15px; overflow:hidden; position:absolute; right:288px; top:32px;}
.enterinfo h2 { width:270px; margin-bottom:5px; font-weight:bold; float:left;}
.enterinfo h2 a { float:right; font-weight:normal;}
.enterinfo dl { width:270px; height:auto; margin-top:5px; float:left;}
.enterinfo dl dt { width:70px; height:auto; float:left;}
.enterinfo dl dd { width:200px; height:17px; line-height:17px; float:left;}
.enterinfo dl dd a { margin-right:8px; color:#666;}
.enterinfo p { width:270px; height:20px; margin-top:5px;  line-height:20px; float:left;}
.enterinfo p .invite { float:right;}
.enterinfo a { color:#000;}
.enterinfo a:hover { color:#000; text-decoration:none;}
.elsemodule { background:#fff; border:1px solid #888; border-top:none; overflow:hidden; width:120px; height:auto; padding:10px; position:absolute; left:92px; top:32px;}
.elsemodule li { width:120px; height:auto; text-align:center; float:left;}
.elsemodule li a { width:60px; height:auto; line-height:25px; float:left; color:#000;}
.elsemodule li a:hover { color:#db0070; text-decoration:none;}
.footmarklist {background:#fff; border:1px solid #888; border-top:none; overflow:hidden; width:150px; height:auto; padding:10px; position:absolute; left:227px; top:32px;}
.footmarklist li { width:120px; padding-left:30px; height:25px; position:relative; line-height:25px; float:left;}
.footmarklist li.line_1 { width:150px; padding:0; margin-bottom:5px;}
.footmarklist li.line_1 a { float:right;}
.footmarklist li a { color:#000;}
.footmarklist li a:hover { color:#db0070; text-decoration:none;}
.footmarklist li a img { position:absolute; left:0; top:3px;}
.footmark { width:11px; height:32px; line-height:32px; display:inline-block; overflow:hidden; text-indent:-9917em; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat -189px -131px; float:left;}
.elseinfo a { width:100px; height:32px; overflow:hidden; float:left;}
.namewidth,.elseinfo { padding-right:10px; float:left;}
.elseinfo { width:110px;}
.namewidth span,.elseinfo span { padding-left:10px; float:left;}
.namewidth strong { font-weight:normal; height:32px; padding-right:10px; cursor:default; background:url(http://x.9917.com/themes/img/common/global_nav.gif) no-repeat right -103px; display:inline-block;  width:90px; height:32px; overflow:hidden; float:left;}
.nav_music { height:27px; padding-top:5px; margin-left:5px; float:left;}

/**all game List*/
.all_game_list {background:#fff; border:1px solid #888;border-top:none; width:70px; position:absolute; right:201px; top:32px; padding:1px 2px;}
.all_game_list ul{ border-left:14px solid #F4F5F9;}
.all_game_list ul li {height:20px; overflow:hidden; text-align:right; margin-left:-14px; width:70px;}
.all_game_list ul li a {display:block; height:20px; line-height:23px; padding-left:18px; padding-right:3px; color:#000000; }
.all_game_list ul li a:hover { color:#db0070; text-decoration:none; background:#D9DFEB url(http://x.9917.com/themes/img/tmp/test.png) no-repeat scroll 5px 8px;}

/*footer*/
.footer { width:896px; height:auto; padding:10px 0px; margin:0 auto; color:#666;}
.footer p { margin:0 auto; height:20px; line-height:20px; text-align:center;}
.footer p a { margin:0 5px; color:#666; text-decoration:underline;}
.footer p a:hover { text-decoration:none; color:#F00;}

/*pagination*/
.pagination { margin:0px auto; padding:10px; font-size:12px; line-height:14px;}
.pagination a { text-decoration:none; border:solid 1px #999; color:#15B; }
.pagination a,.pagination span { display: block; float:left; padding:4px 7px 3px 7px; margin-right:5px; margin-bottom: 5px; }
.pagination .current { background:#db0070; color: #fff; border:solid 1px #db0070; }
.pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff;}

/*intercept*/
.intercept { text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*a_button*/
.a_button { border:1px solid #999; font-weight:bold; padding:3px 8px 2px 8px;} 

/*gift_xl*/
.gift_xl_1 { width:100px; height:100px; float:left; position:relative;}
.gift_xl { width:19px; height:19px; display:block; text-indent:-9917em; background:url(http://x.9917.com/themes/img/common/home/icon.gif) no-repeat -148px -680px; position:absolute; right:0px; top:0px;}

/*onl_gif*/
.onl_gif { width:11px; height:13px; text-indent:-9917em; overflow:hidden; background:url(http://x.9917.com/themes/img/icon/online.gif) no-repeat; position:absolute; left:12px; top:43px; display:block; float:left;}
.onl_gif_1 { width:11px; height:13px; text-indent:-9917em; overflow:hidden; background:url(http://x.9917.com/themes/img/icon/online_1.gif) no-repeat; position:absolute; left:0; top:43px; display:block; float:left;}
.caller .onl_gif_1,.friend .onl_gif_1 { left:12px;}


#musicBtnContainer a.img_hover {display:block;height:22px;width:22px;line-height:22px;text-align:center;vertical-align:middle;overflow:hidden;margin:3px 1px 1px 4px;}
#musicBtnContainer a.img_hover:hover{background:#fff; border:1px solid #888;margin:2px 0 0 3px;}