﻿#S_wrap{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
#S_head{}
#S_left{
	width:734px;
	float:left;
	text-align:left;
}
#S_right{
	width:208px;
	float:left;
	text-align:left;
}
#S_wrap:after{
	content:'_'; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#S_wrap{
	display:inline-block;
	}
/*\*/
#S_wrap{
	display:block;
	}
/*\*/
#S_left, #S_right{
	padding-bottom:32767px;
	margin-bottom:-32767px;
	}
/**/
#S_foot{
	width:100%;
	float:left;
	margin-top:8px;
	>margin:0;
	padding-bottom:10px;
}

/*head start*/
#S_head{text-align:right}
#menuZone{
	text-align:right;
	margin-left:420px;
	>margin-left:315px;
}
#logo{float:left;padding:12px 0 0 2px}
#loginZone a{margin-left:4px;}
#loginZone{line-height:35px;color:#bbb;margin:0 12px 6px 0}
#loginZone .login,#loginZone .register,#loginZone .getPwd,.male,.female{
	background:url(login.gif) 3px -1px no-repeat;
	padding-left:20px;
}
#loginZone .register{background-position:3px -21px}
#loginZone .getPwd{background-position:3px -41px}

.male{background-position:0px -58px;_background-position:0px -60px;padding:2px 0 5px 20px;}
.female{background-position:0px -80px;padding:2px 0 5px 20px}
/*
.male{background-position:0px -64px;padding:2px 0 5px 20px}
.female{background-position:0px -84px;padding:2px 0 5px 23px}*/
/*navigate menu*/
#nav{
	width:582px;
	padding:0;
	margin:0 0 15px 0; 
	padding-left:1px; 
	height:20px;
	line-height:21px;
	overflow:hidden;
}
#nav li{
	width:53px;
	height:20px;
	line-height:20px;
	padding:0;
	float:left;
	text-align:right;
	list-style:none;
	color:#94bee6;
	margin-right:0px;
}
#nav a{
	width:53px;
	position:absolute;
	display:block;
	text-align:center;
	height:30px;
	line-height:28px;
	background:#fff url(menu_bg.gif) 0% 0% no-repeat;
	color:#004499;
}
#nav a:hover{
	width:55px;
	padding:0;
	margin-left:-2px;
	background-position:center -30px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	z-index:100;
}
#nav .active,#nav a:active,#nav a.active:hover{
	background-position:center -60px;
	width:55px;
	padding:0;
	margin-left:-2px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	z-index:10;
}
/*彩铃文字样式*/
#nav .ring .active b,#nav .ring .active i{color:#fff;}
.ring i {color:#ff0084;line-height:25px}
.ring b {color:#3a9900;line-height:25px}
#nav .ring a:hover b,#nav .ring a:hover i{color:#fff;font-weight:bold;}
#nav .last a{background-position:0% 50px}
#nav .last a:hover{background-position:center -30px}

/*S_search*/
#S_search{
	clear:both;
	background:#fff url(search_bar.gif) 0% -29px repeat-x;
	margin-bottom:12px;
}
#S_search form{background:url(search_bar.gif) right -58px no-repeat;height:29px}
#S_search form a{position:relative;top:3px;color:#fff;
>top:1px;margin-right:8px;
}
#S_search form i a{color:#faff01}
#S_search form a:hover{text-decoration:underline}
#S_search dfn{
	padding-left:8px;
	height:29px;
	width:25px;
	line-height:29px;
	display:block;
	float:left;
	background:url(search_bar.gif) no-repeat;
}
.searchBtn{
background:url(but01.gif) no-repeat;
border:0;
width:62px;
height:21px;
position:relative;
top:4px;
>top:3px;
margin-right:6px;
}
.selectType,.searchText{
	border:1px solid #5193d6;
	height:17px;
	>height:19px;
	>line-height:18px;
	padding-top:2px;
	>padding:0;
	position:relative;
	top:3px;
	>top:3px;
	color:#333;
}
.selectType{
	top:4px;
	>top:2px;
	height:19px;
}

#S_foot .more{float:right}
#footer1{
	padding:3px 10px;
	background:#f3f9fe;
	border:1px solid #dee2f2;
}
#footer2 a{padding:0 4px;color:#135cb7}
#footer2 a:hover{text-decoration:underline}
#footer2{
	margin-top:13px;
	padding-top:4px;
	text-align:center;
	border-top:1px solid #cbe1ff;
}
#footer3{
	line-height:150%;
	color:#3384c5;
	width:950px;
	clear:both;
	background:#fff;
	position:absolute;
	text-align:center;
	height:120px;
}
#footer3 dfn{display:block;line-height:30px;}
#footer3 dfn a{color:#3384c5}
#footer3 dfn a:hover{color:#f60}

/*Elements define start ================*/

*{margin:0;padding:0;color:#049;font:normal normal 12px/100% arial,"宋体", serif;border-collapse:collapse}
a{font:normal 12px/21px Arial,"宋体", serif;color:#049;text-decoration:none;}
.a_f60{color:#f60}
.b_f60{font-weight:bold;color:#f60}
.a_3384c5{color:#3384c5}
.play0,.play1,.play2{background:url("play.gif") 4px -60px no-repeat}
.play1{background-position:0% 10px}
a.playBtn,a.playBtnOff{background:url("play.gif") 0% -4px no-repeat;padding:5px;margin-right:5px;}
a.playBtn:hover{background-position:0% -64px;text-decoration:none;}
a.playBtnOff{background-position:0% -33px}
a.playBtnOff:hover{text-decoration:none}
a.sendMsg,a.addFrd{background:transparent url(pphomepage.gif) no-repeat 0% -8px;padding-left:20px}
a.addFrd{background-position:0% -37px}
.leftDot{padding-left:10px;background:url("page.gif") 4px -80px no-repeat;}
.closed *{color:#999}
.hot0,.hot1,.hot2,.hot3,.hot4,.hot5,.hot6{background:url("heat.gif") no-repeat 2px 0%}
.hot1{background-position:2px -30px}
.hot2{background-position:2px -60px}
.hot3{background-position:2px -90px}
.hot4{background-position:2px -120px}
.hot5{background-position:2px -150px}
.hot6{background-position:2px -180px}
a:hover{color:#f60;text-decoration:underline}
a img{border:0}
em{color:red}
em a{color:red}
b a{color:#3084c8;padding:2px 3px}
b a:hover{background:#4b9ad3;color:#fff;text-decoration:none}
q{clear:both;display:block;height:0;font-size:0;width:0;margin:0 !important;margin:0 0 -2px 0}
hr{clear:both;height:0;border:0;>position:absolute;width:10px;visibility:hidden}/*清除浮动*/
li{line-height:21px;height:21px;overflow:hidden}
/*定义 hot图片 new 图片*/
.new,.hot,.random{
	background:url(label.gif) right 3px no-repeat;
	>background:url(label.gif) right 1px no-repeat;
	padding-right:28px;
}
.random{background-position:right -185px}
/*修正位置*/
.new{
	background-position:right -27px;
	>background-position:right -29px;
}
/*定义列表标签前的方块*/
ol li{
	list-style-type:none;
	text-indent:13px;
	background:url(label.gif) 0px -85px no-repeat;
	>background:url(label.gif) 0px -86px no-repeat;
}
.more{
	padding-left:15px;
	background:url(arrow02.gif) 0% 4px no-repeat;
}
.flat ol li,ol.blueBg li{background:url(label.gif) 0px -125px no-repeat;text-indent:13px;}
/*双列显示*/
.duelQueList li{
	float:left;
	width:49%;
	margin:0;
	padding:0;
	text-indent:28px;
	list-style-type:none;
	text-align:left;
	background:url(label.gif) 10px -56px no-repeat;
}
.duelQueList li kbd{
	position:absolute;
	display:block;
	width:15px;
	height:20px;
	float:left;
	cursor:pointer;
	margin-left:8px;
	>margin-left:-20px;
}

#tabMenus kbd{>margin-left:-85px}
#lastestUpadte kbd{>margin-left:-20px}

.duelQueList li.hover,.duelQueList li:hover{background-position:10px -211px}
/*双列中有背景变化的链接*/
.duelQueList li b{display:block;width:90px;float:left;text-indent:28px}

/*外壳区块的头部 eg:<dt class="top"><b><i><a href="#1">P吧热贴</a></i></b></dt>*/
.top b,.bot b,.top i,.bot i{font-size:0px;display:block}
.top i{text-indent:10px}/*标题链接，任何标题样式修改*/

/*定义 areoA areoB 两种外观*/
.areoA,.areoB{background:#fff}
.areoA .top i{font-size:12px}
.areoA .top i a,.areoB .top i a{color:#049;background:transparent;line-height:21px;font-weight:bold}
.areoA .bot i,.areoB .bot i,.areoA .bot b,.areoB .bot b{height:7px}
.areoA .top i,.areoA .top b{height:21px}
.areoA .top,.areoB .top{background:url(areo.gif) 0% -21px repeat-x}
.areoA .top b,.areoB .top b{background:url(areo.gif) right -42px no-repeat}
.areoA .top i,.areoB .top i{background:url(areo.gif) no-repeat;}
.areoA.top b,.areoA .top i,.areoB.top b,.areoB .top i{height:21px;overflow:hidden}
/*定义两种外观的中间部分*/
.areoA dd{border:1px solid #bbcfe7;border-top:0;border-bottom:0;padding-top:5px}
.areoB dd{border:1px solid #bbcfe7;border-top:0}

/*prevent disrupted effect*/
.flat dd *,.flat dd dd,.hollow dd *,.hollow dd dd,.areoB dd *,.areoB dd dd,{margin:0;padding:0;border:0;text-indent:0}


.hollow{z-index:1000;}
.hollow dd{border:1px solid #bbcfe7;border-top:0;border-bottom:0;background:#fff}
.hollow .top i,.hollow .top b{height:7px;font-size:0;overflow:hidden;width:100%}
.hollow .top{background:url(areo_corner.gif) repeat-x 0px -28px;}
.hollow .top b{background:url(areo_corner.gif) right -7px no-repeat}
.hollow .top i{background:url(areo_corner.gif) 0px -0px no-repeat}
.hollow .rBot q{
position:absolute;
display:block;
width:100px;
height:25px;
>margin-top:2px !important;
background:url(areo_tail.gif) no-repeat 30px 6px;
}
/*圆角底部 eg:<dt class="rBot"><b><i>&nbsp;</i></b></dt>*/

#S_right .rBot,#S_left .rBot,#tabs .rBot,.rBot{
display:block;
margin:0;
padding:0;
border:0;
width:100%;
overflow:hidden;
background:url(areo_corner.gif) repeat-x 0px -31px;
font-size:1px;
z-index:10;
height:7px;
}
.rBot b,.rBot i{display:block;height:7px;width:100%}
.rBot b{background:url(areo_corner.gif) right -21px no-repeat}
.rBot i{background:url(areo_corner.gif) 0px -14px no-repeat}

.flat{background:#f3f9fe;}
.flat .top{background:url(hollow.gif) 0% -28px repeat-x}
.flat .top b{background:url(hollow.gif) right -7px no-repeat}
.flat .top i{background:url(hollow.gif) no-repeat}
.flat .top b,.flat .top i{height:7px;overflow:hidden}
.flat dd{border:1px solid #bae1fa;border-top:0;border-bottom:0;padding:1px}
.flat .bot{background:url(hollow.gif) 0% -31px repeat-x;font-size:0;}
.flat .bot b{background:url(hollow.gif) right -21px no-repeat;width:100%}
.flat .bot i{height:7px;background:url(hollow.gif) 0% -14px  no-repeat;width:100%}

/*标签式菜单*/
.tabMenus{z-index:3;background:#fff url(bar.gif) repeat-x;border-top:1px solid #b4cceb}

.tabMenus dt{
	line-height:21px;
	height:21px;
	>height:20px;
	float:left;
	text-align:center;
	padding:0 14px;
	overflow:hidden;
	border-left:1px solid #b4cceb;
	cursor:pointer;
}
.tabMenus ins{
	display:block;
	position:relative;
	top:-21px;
	left:1px;
	width:1px;
	float:right;
	background:#bbcfe7;
	height:26px;
	font-size:0;
}
.tabMenus .tabOff i,.tabMenus dt i{display:none}
.tabMenus .rBot i{display:block}
.tabMenus dd,.tabMenus .rBot{position:relative;>top:-1px}

.tabMenus dt.tabOn{
	line-height:22px;
	font-weight:bold;
	color:#049;
	background:#fff;
	border:1px solid #b4cceb;
	border-bottom:0;
	border-top:0;
	cursor:pointer;
	position:relative;
	left:1px;
	margin-left:-1px;
}

.tabMenus .tabOn i{display:block;}
.tabMenus dd{
clear:both;display:none;
border:1px solid #bbcfe7;
border-bottom:0;
border-top:0;
height:auto !important;
height:100px;
min-height:100px;
}
.tabMenus dt a{position:relative}
.tabMenus .on{display:block}

/*滚动图片*/
#rollImg{
	width:518px;
	margin-left:216px;
	margin-bottom:8px;
	padding-top:5px;
	height:73px;
}
/*滚动图片的及相应文字的高宽，通过限制宽度，迫使文字转行*/
#rollImg a{width:73px;float:left;margin:0 4px;text-align:center;position:relative;left:-1px;}
#rollImg a img{border:1px solid #d4e5f5;padding:2px;display:block;width:69px;height:49px;margin-bottom:4px;}/*图片边框*/
#rollImg b{position:absolute;}/*滚动图片控制按钮*/
#rollImg_left,#rollImg_right{margin:0;float:left;}
#rollImg_left{margin-left:-9px}/*修正控制按钮位置*/
#rollImg_right{margin-left:496px}
/*定义按钮图片*/
#rollImg_left a,#rollImg_right a{display:block;width:10px;height:73px;background:url(arrow03.gif) 0% 25px no-repeat;left:0;}
#rollImg_right a{background-position:-16px 25px}
#rollImg_left a:hover{background-position:-32px 25px}
#rollImg_right a:hover{background-position:-48px 25px}
#rollImg_mq{position:absolute;width:490px;height:80px;margin-left:16px;overflow:hidden;}
#ri_1{
background:#fff;
overflow:hidden;
width:490px;
height:73px;
margin-left:15px !important;
margin-left:17px;
position:absolute;
}
#ri_1 img{padding:2px;border: 1px solid #F2F2F2}
#ri_container{float:left;width:1000%}
#ri_2,#ri_3{float: left}

/*登录框*/
#loginBox{
	width:340px;
	text-align:left;
	margin:auto;
}
/*用户名*/
#loginBox address,#loginBox code,#loginBox cite{
	display:block;
	color:#555;
}

#loginBox .textBox,.textBox{
	border:1px solid #ccc;
	height:17px;
	>height:19px;
	>line-height:18px;
	padding-top:2px;
	>padding:0;
	width:150px;
	color:#555;
	text-indent:2px;
}

/*密码*/
#loginBox code{
	color:#555;
	margin:10px 0 0 39px;
	>margin:7px 0 0 39px;
}

/*保存信息*/
#loginBox cite{
text-align:left;
display:block;
line-height:30px;
margin:5px 0 2px 25px;
>margin:8px 0 8px 36px;
color:#555;
}
#loginBox cite label{
padding-left:5px;position:relative;
top:1px;
>top:-1px;
>left:3px;
color:#555;
}

/*登录按钮*/

#loginBox .loginBtn,#loginBox .regBtn,.regBtn{
border:1px double #4a95c9;
height:22px;
color:#00156e;
line-height:20px;
background:#f1f1f1 url(but03.gif) no-repeat 1px 1px;
>background:#f1f1f1 url(but03.gif) repeat-x;
margin-left:5px;
padding:0 5px;
}
#loginBox .loginBtn{
	margin-left:39px;
	>margin-left:0px;
}
#loginBox p{text-align:center}
#loginBox cite{margin-left:76px}
#loginBox .loginBtn{margin-left:0;>margin-left:14px}
.blueBtn{
	border:1px double #4a95c9;
	display:block;
	padding:0;
	margin:0;
}
.blueBtn a,.blueBtn a:hover{
	display:block;
	line-height:18px;
	height:18px;
	text-align:center;
	color:#049;
	text-decoration:none;
	border:1px solid #f1f1f1;
	background:url(but03.gif) repeat-x 0px 0px;
}

/*翻页分页*/
.pq{display:block;text-align:center;float:right}
.pq a{text-decoration:none;color:#3384c5;text-align:center}
.pq *{font-style:normal;font:normal 12px/18px arial,"宋体", serif;text-decoration:none}
.pq code a,.pq code i{
	display:block;
	width:auto !important;
	min-width:16px;
	>width:16px;
	height:18px;
	float:left;
	padding:0 2px;
	color:#3384c5;
	background:#fff;
	border:1px solid #9bd3f8;
	margin:0 2px;
}
.pq code a:hover{background-color:#e5f3fe;text-decoration:none}
.pq code a:active,.pq code a.active{border:0;padding:1px 3px;color:#f60;font-weight:bold}
.pq code i{border:0;margin:0;padding:0;font-weight:bold;line-height:14px}/*省略号*/

.pq kbd,.pq dfn{border:1px solid #9bd3f8;display:block;width:55px;height:18px;float:left;margin:0 2px;
background:#e5f3fe url("page.gif") no-repeat 5px -54px;
}
.pq dfn{background-position:45px -85px}
.pq dfn.disable{background-position:45px -35px}
.pq kbd a,.pq dfn a{
display:block;
padding-left:10px;
height:17px;
line-height:17px;
>line-height:18px;
overflow:hidden;
border-left:1px solid #fff8ff;
border-top:1px solid #fff;
border-right:1px solid #c8e2f7;
}
.pq dfn a{padding:0 8px 0 0}
.pq dfn.disable,.pq kbd.disable{border:1px solid #bbb;background:#eee url(page.gif) no-repeat 45px -24px}
.pq kbd.disable{background-position:5px 6px;}
.pq .disable a{border:0;border-top:1px solid #fff;color:#999;text-decoration:none}
.disable{background-color:#eee}
.pq .off{display:none}
.pager{position:relative;top:0px;left:0px;height:30px;line-height:40px}
.pager .pq{position:absolute;right:0px;margin-right:5px}
.pager .i{line-height:40px;margin-left:12px;position:absolute}


/*页首提示*/
#toptip{border:1px solid #c8d5de;text-align:center;padding-top:3px}
#toptip div{margin:0 auto;width:99%;background:#c9d6de;height:3px;font-size:1px;line-height:0px;position:relative;top:3px}
#toptip p{text-align:left;text-indent:10px;margin-bottom:7px}
#toptip a img{position:relative;top:6px}
#toptip b{float:right;margin-top:5px}
#toptip b label{color:#aaa}
#toptip b a{background:url(close.gif) no-repeat 30px 0%;padding:0;padding-right:30px;color:#000;padding-top:2px;}