/*--------- rest --------*/
html,body { height: 100%; /* for popWin */ font-size: 18px; background: #f2de8c;   }
body,ul,li,form,dl,dt,p {	margin: 0; padding: 0;  } 
li { list-style: none; }
em { font-style: normal; }
img { border: 0; } 
input,select { font-size: 18px;  }
h1 { font-size: 25px; }
textarea {font-size:18px;line-height:130%}
a {  color: #069; text-decoration: none;   }
a:hover {color: #f30; color: #fff; background: #069; }
a:active { color: #069; }

.colorLink a { color: #069; }
.colorLink a:hover { color: #069; background: none; text-decoration:underline; }

.grayLink a { color: #666; }
.grayLink a:hover { color: #069; background: none; text-decoration:underline; }

.pointer { cursor: pointer; }
.vLine { color:#999; font-size: 14px }

/* ----------- hander --------- */
.header {height:170px; height:235px; width: 1280px; margin:0 auto; background: #f2de8c; position: relative;   }
.top-nav {  overflow: hidden; margin: 0 auto; width: 1280px; background: #f1f1f1; font-family: Verdana;   height: 36px; line-height: 36px;  }
.top-nav-content { background: #f1f1f1;   margin: 0 auto; position: relative; }

.top-mem { position: absolute; right: 5px; top: 1px;  color: #999; }
.top-banner { display:none;  }

.logo { position: absolute; top:20px; left:15px; overflow:hidden;  }
.logo a {  display: block;   height: 120px; width: 370px;   }
.logo a:hover { background: none; }


#last_login_type_topbar { color:gray }

.btn-change-style { position: absolute; left: 140px; top: 115px; }
.btn-change-style a { width:10px; height:10px; line-height:10px; font-size: 2px; _margin: 0 3px 0 0;  display: inline-block; zoom:1; *display: inline;  }
.web_style_2, .web_style_2:hover { background: #815d27; } /*v2*/
.web_style_1, .web_style_1:hover { background: #418181; }/*v1*/


#nav { width: 1280px; margin: -63px auto 0;  font-size:16px;  height: 56px;  padding-top: 7px;
 position:relative; 
	background-color: rgba(140,100,35,.7); background-color:#896329\0; *background:#896329;    text-align: center;
	

	border-radius: 1em 1em 0 0 ;
	
	
}


#nav li {  padding-left: 2.5em; text-align: left; margin-right:20px; position:relative; display: inline-block; *float: left;  }
#nav strong { padding: 3px 0.5em; background: #f3e99d;  color:#896329; width: 1em; position: absolute; font-size:16px; border-radius: 0.3em;  line-height:130%;  left:0; display: inline-block;*float: left;   }
#nav a { color: #fff; text-decoration: none; border-radius:0.4em;  line-height:160%; display: inline-block;  }
#nav a:hover { background: none; text-decoration: underline;  }
#nav a.curr { color:#ffff00;  }

.searchBar *{ vertical-align: middle;  }
#nav li#navSearch { padding-left:0.5em}

.body-home a.nav-home, 
.body-poetrys a.nav-poetrys, 
.body-gushi a.nav-gushi ,
.body-author a.nav-member, 
.body-xds a.nav-xds, 
.body-yinglian a.nav-yinglian ,
.body-cm a.nav-cm , 
.body-seekhelp a.nav-seekhelp , 
.body-lunshi a.nav-lunshi ,
.body-gl a.nav-gl , 
.body-wx a.nav-wx , 
.body-cm a.nav-cm , 
.body-dalei a.nav-dalei , 
.body-study a.nav-study , 
.body-authors a.nav-authors , 
.body-xs a.nav-xs ,
.body-fm a.nav-fm ,
.body-pics a.nav-pics ,
.body-sanwen a.nav-sanwen ,
.body-qzd a.nav-qzd ,
.body-shuhua a.nav-shuhua ,
.body-xianhua a.nav-xianhua ,
.body-audio a.nav-audio,
.body-ch a.nav-ch,
.body-circle a.nav-circle 
{ 
 color:#ffff00!important; font-weight: bold; 
}	



#dailyBoxV {  padding: 15px 110px 0 0; color: #2a0b00; }
#go2worksShow { display: block; position: absolute; right: 110px; top: 13px; width:660px;height:150px; }
#go2worksShow:hover { background: none; }
.daily-box-v {   height: 146px; overflow:hidden;  }
.daily-text div {  width:19px; padding-left: 7px; line-height: 21px;  height: 140px; float:right;  border-right: 1px solid #d0bc6a;  }
.daily-box-v h1 { letter-spacing: 3px; font-size:16px; width: 27px; *line-height: 27px;   text-align: center; *writing-mode:tb-rl; float: right;  padding: 0; margin-right: 5px; *margin-right: 0; font-family: SimSun;   }
.daily-box-v h2 { border:none; font-size:16px; font-weight:normal; float: right;  width: 20px; text-align: center;  padding: 0; margin: 0;  margin-left: 10px; margin-right: 5px;  }



/* ----- focus box ----- */
#focusBox {  border: 1px solid #ccc; padding: 3px; background: #fff; position: relative;  _width: 267px; margin-bottom: 10px; }
#focusTitle{ position: absolute; bottom: 9px; left: 10px; color: #fff; z-index: 999;filter:alpha(opacity=80);opacity: 0.8;  }
#focusPannel {  text-align: right; bottom:6px; left: 3px; width: 330px; padding-right: 4px; height: 23px;  position: absolute; }
	#focusPannel a {background: #fff; text-decoration: none; color: #B46303; margin-right: 2px; margin-top: 3px;width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; }
	#focusPannel .curr {  background: #B46303; color: #fff;  }
#focusBox img { vertical-align: top; height: 223px; width: 340px; }
#focusImgBox a:hover {	background: none!important ;}

/*-------- stru ---------------*/
.container { width: 1240px; padding: 10px 20px; margin: 0 auto; overflow: hidden;    min-height: 300px;   background: #fff; }
.home-main { margin-top: 10px; background: #fff; }
.location { margin: 8px 0; color: #666; }

.main_left { width:26%;margin-top: 10px; float: left; overflow: hidden; _overflow: inherit;   min-height: 400px; background: #fff; }
.main_right { width:72%;margin-top: 10px; float: right; }

.main { margin-top: 10px; width: 810px; float: left; overflow: hidden; _overflow: inherit;   min-height: 400px; background: #fff;  }
#main {  background: #fff; min-height: 400px;}
.sidebar { margin-top: 10px;  width:330px; float: right;  }

#friend-links { zoom:1; position: relative;   margin: 0 auto; padding: 20px 20px 0;  font-size: 14px;color: #666;    }
	#friend-links a { margin-right: 10px; }


.footer {width: 980px; padding: 0 10px; margin: 0 auto 10px; padding-top: 20px;  overflow: hidden; color: #444;   }
.home .footer { margin: 10px auto;  }

.bottom-nav { font-family: Verdana;   margin-bottom: 5px;  text-align: center;   }
.copyright {  font-family: Verdana; text-align: center; line-height: 170%; }
	.copyright a { color: #666; background: none; }



/*----- UI ----------*/

.flexBox { flex-wrap:wrap; -flex-wrap:wrap;  display: -webkit-box; display: -webkit-flex; display: flex; }
.flexBox li { -webkit-box-flex: 1; -webkit-flex: 1; flex:1; flex-grow:1; -flex-grow:1; }


.icon_strong{padding: 0px 3px; margin: 0 3px 0 0; border-radius: 4px; background: #dc143c; color: #fff;}
.title { font-weight: bold; margin: 20px 0 10px; position: relative; }
	.title span { font-size: 12px; font-weight: normal; color: #666; }
.b { font-weight: bold; }
.fw-b { font-weight: bold; }
.fw-n { font-weight:normal!important ; }
.f12 { font-size: 12px!important ; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f25 { font-size: 25px; }
.text-left { text-align: left!important; }
.all-text-left * { text-align: left!important;  }
.verdana { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.widget-box { margin-bottom: 20px; border: 1px solid #cecece; }
.widget-box .title { margin-bottom: 10px; font-weight: bold;}
.widget-box .content { padding: 10px; }
p.intro { line-height: 160%; margin: 10px 0; }
.intro { word-break:break-all; overflow: hidden; *overflow: inherit; color: #666; }
.dynasty { color: #666; }
.tips-text { font-size: 14px; color: #333; font-family: Verdana, Arial; }
div.tips-text { line-height: 140%; padding: 5px 0; }
.red { color: #dc143c; }
.black { color: #000; }
.red2 { color: #f09; }
.gray { color: #666; }
.gray2 { color: #999; }
.transparent { filter:alpha(opacity=0);opacity: 0;  } 

.tips-div { background: #ffa; padding: 10px;border: 1px solid #b9a; }
.tips-err,.tips-ok {padding-left: 24px; font-size: 12px;  display: inline-block; height: 18px; line-height: 20px; font-family: Verdana, Arial;   }
.tips-err { color: #f00; background: url(img/tips_err.gif) no-repeat ; }
.tips-ok {  color: #069; background: url(img/tips_ok.gif) no-repeat; }
.notes-div { background: #fefac3; border: 1px solid #d3c9b9; padding: 20px; } 
.ajax-tips {  background: #ff6;  color: #000!important; padding: 5px;   }
.lh140 { line-height:140%; }
.lh160 { line-height: 160%; }
.lh180 { line-height: 180%; }

.myBtn { padding: 3px 6px; }
.baseBtn { padding: 2px!important ; font-size: 12px; }
.btn-2w,.btn-4w { cursor: pointer; font-family:Verdana;  font-size: 12px; height: 23px; padding: 0; margin: 0; border: none; background: url(img/btn_bg.gif) no-repeat; color: #fff;  }
.btn-2w { width: 44px; }
.btn-4w  { background-position: left -23px; width: 64px; }
.btn-comm { background: #777; cursor: pointer; color: #fff; border:1px solid #333; padding: 0 8px; _padding:0; height: 32px; line-height: 32px; font-size: 14px; letter-spacing: 1px }

.songti { font-family: "simSun"!important ; }
.simHei { font-family: simHei; }
.en { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.no-script {font-size: 16px; font-weight: bold; color: #f00; background: #ffc; line-height: 180%;   }
.vm { vertical-align: middle; }
.vm-all * { vertical-align: middle; }

.mt { margin-top: 15px; }
.mt0 { margin-top: 0!important ; }
.mb { margin-bottom: 15px; }
.mtb { margin: 15px 0; }

.fl { float: left;  }

.text-list { overflow: hidden; }
	.text-list li { margin: 6px 0; position: relative; }
	.text-list li span { color: #666; }
	.text-list .r { position: absolute; right: 0; _right:5px; top: 0;  }

.list { overflow: hidden; min-height: 20px;  }
.list li { margin: 3px 0;  }
.list-f-l li { float: left; margin-right: 15px; }

.popWin {
background: #fff; border: 1px solid #6087a4; z-index:999; display: none;
left:50%;/*FF IE7*/
top:50%;/*FF IE7*/
position:fixed!important;/*FF IE7*/

}
.popTitle { color: #14364f; font-weight: bold; background: url(img/popwintit.gif) repeat-x; height: 27px;  line-height: 27px; text-indent: 5px; position: relative; }
.close { background:  url(img/close.gif) no-repeat left top; display: inline-block; zoom:1; *display: inline; height: 15px; font-size: 1px; width: 16px;   position: absolute;  top: 5px; right:5px;  }
.close:hover { background: url(img/close.gif) left 15px; }
.popBody { padding: 15px; _padding-bottom: 30px; }
.bg,.popIframe {background-color: #666; display:none;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/


} 
.popIframe {filter:alpha(opacity=0);   opacity:0; display: block; }

#inputBox { width: 380px;  }
#pinYinBox { width: 380px;  }

.box { overflow: hidden; background: url(img/bg_title.gif) repeat-x 3px top; border: 1px solid #cecece; margin-bottom: 10px;  }
.box-title { position: relative; background: url(img/icon_title.gif) no-repeat 5px;  height: 28px; line-height: 28px;  border-bottom: 1px solid #cecece; }
.box-title strong { padding-left: 26px; }
.box-title .more,.box-title .r,.title .r { font-size: 14px; position: absolute; top:0px; right:5px; font-family: "simSun"!important ;  }
.more:hover { background: none;  text-decoration: underline; color: #069; }


.box-body { padding: 10px; overflow: hidden;  }
.clearfloat { clear:both;  height:0;  font-size: 1px;  line-height: 0px; }

.tab { height: 30px; _height: 1%; border-bottom:1px solid #aaa; padding-left: 14px; margin-bottom: 15px; line-height: 16px; }
.tab li {position: relative; bottom: -1px; z-index: 999;  display: inline-block!important;   background: #ccc; padding: 6px 8px;  cursor: pointer;  }
.tab li.curr {font-weight: bold; color: #b46303; border: 1px solid #aaa; border-bottom: 1px solid #fff; background: #fff; }
.tab li.curr a { color: #B46303!important }
.tab li.curr a:hover {  background:none }

.orderBy-bar { font-size: 12px; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding: 5px; }
	.orderBy-bar .curr { font-weight: bold; color: #000; }



/*-------- login -------*/

.login .login-div,.register-div  { padding: 10px; border: 1px solid #ccc; background: #e3e3e3; margin-top: 10px; }
.login-div .tips-text { color: #666; }
.unlogin-div { margin: 20px 0 0 0; }

/*---------- home.html ----------*/
.home-left { width: 860px;  float: left; }
.home-right { float: right; width: 360px; }
.home-ll { width: 350px; float: left;  }
.home-lr { width: 494px; height: 208px;  float: right; }
.subject-box { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }
.subject-box img { vertical-align: top; }


/*pop home*/
.daily-pop {position: absolute; z-index: 9999; display: none; color: #3f3001; font-size: 14px;  line-height:130%;  border:1px solid #3f3001; padding:6px; background:#fcfcab; _width: 150px; }

/*index member news*/
#memNewsBox { overflow: hidden;  height: 80px; position: relative; }
.mem-news { position: absolute;  top:0; background: #fff; }
.mem-news li { margin:0 0 10px 0;  }
.mem-news li span { display: none; }

.art-rank-top li {  color: #fff;  float: left; width: 100%; margin-bottom: 3px; line-height: 26px;  border-bottom: 1px dashed #ccc;  position: relative; }
.art-rank-top li span { position: absolute; right: 0px; top:0; color: #666; font-size: 14px; }
.art-rank-top li a { display: block; width: 126px; text-overflow:ellipsis;  white-space: nowrap; overflow: hidden;   }
.art-rank-top li:last-child {  border-bottom: 0; margin-bottom: 0; }
.art-rank-top em {margin-right: 8px; margin-top: 6px; font-size: 12px; line-height: 13px; display: block; float: left; width:13px; height: 13px; background: url(img/rank_top_bg.gif) no-repeat 0px -13px; text-align: center;}
 .top1 em,   .top2 em,  .top3 em {  background: url(img/rank_top_bg.gif) no-repeat 0px 0px;}


#rankTopTab { *padding-left:10px; }

/*text-dashed-list*/
.text-dashed-list li {  white-space: nowrap; overflow: hidden; position: relative; background:url(img/line_dashed.gif) repeat-x center ;  }
.text-dashed-list a:hover { background: #369!important ; color: inherit; color: #fff; }
.text-dashed-list span.l { width: 140px; overflow: hidden; height: 27px; display: block; text-overflow:ellipsis; }
.text-dashed-list span.l a {background: #fff;  }
.text-dashed-list span.r { position:absolute; right:0; top: 0; background: #fff; padding-left: 5px; }
.text-dashed-list span.r a { color: #666; }
.text-dashed-list span.r a:hover { color: #fff; }

/*tag-class*/
.tag-class {  _height: 1%; }
.tag-class li { float: left; width: 49%; margin-right: 2%; margin-bottom: 5px; line-height: 150%; }
	.tag-class strong a { color: #333; }
	.tag-class strong a:hover { color: #fff; }
	.tag-class .full { width: auto; }


 


.cm-list { overflow: hidden; zoom:1;  }
.cm-list li { position: relative; zoom:1; overflow: hidden;  _overflow: inherit; _height: 105px; min-height: 105px; margin-bottom: 15px;}
.cm-list li.good .icon_good { vertical-align: middle; margin-right: 3px; width:16px; height: 18px; background: url(img/icon_jing.gif) no-repeat; display: inline-block; zoom:1; *display: inline;  }
.cm-list .mem { position: absolute; left:0; width: 111px;  text-align: center; background:url(img/cm_arr.gif) no-repeat right 20px; }
.cm-list .mem .pic48 { margin-bottom: 8px; margin-right: 20px; }
.cm-list .mem .pic48 a:hover { background-color:transparent;  }
.cm-list .name { width: 90px;margin-right: 20px; overflow: hidden; height: 18px; line-height: 18px; }
.cm-list .mem strong {font-size: 14px; color: #f60; margin-top: 5px; margin-right: 20px; width: 90px; display: block; }
.cm-list .content { margin-left: 110px;border: 1px solid #bbb; background: #f2f2f2; }
.cm-list .content p {  padding: 8px 8px 8px 15px; line-height: 150%; color: #333;  }
.cm-list .content .info {  color: #666; padding: 0 0 10px 15px; position: relative; }
.cm-list .content .r { position:absolute; right: 5px; top: 1px; font-size: 14px;  }
.cm-list .do { color: #666; position: relative;  font-size: 14px; padding : 0 15px; margin-bottom: 5px; }
.reply-text-hide { display: none!important ; }
.reply-text { color: #9c410f; line-height: 160%;  }
.reply-text p { color: #9c410f!important ; }
.cm-list .tit {padding:  8px 8px 0 15px; color: #666; position: relative; }
.cm-list .tit .r { position: absolute; right: 8px; }
.setGood,.unsetGood { font-size: 12px; }

	.cm-list-2 li { _overflow: inherit; _height: auto; min-height:60px; }
	.cm-list-2 .content { margin-left: 0px; border: 1px solid #ccc; background: #f9f9f9; }
	.cm-list-2 .r { _margin-right: 10px; }
	.cm-list-2 .tit {padding:  5px 8px 0 15px; color: #666; position: relative; }





#resultBox { display: none; font-size: 12px; border: 1px solid #f4b757; background: #fff99d; position: absolute; *left: 0; *top:26px; padding: 10px; }
#resultBox .tips { margin-bottom: 10px; position: relative;  }
#resultBox li { color: #666; overflow: hidden; width: 190px; width: 286px; height: 20px; white-space: nowrap;text-overflow:ellipsis; }
#resultBox a { color: #666; }
#resultBox em { color: #f60; font-size: 14px; font-weight: bold; }
#resultBox a:hover {  color: #666; background: none;  }
#resultBox li span,#resultBox rt { display: none; }
#resultBox span.r { *line-height: 14px; display: block!important; position: absolute; right: 5px; top:0; font-weight: bold; font-size: 12px; }
#resultBox span.r a { color: #f60; }
#resultBox span.r a:hover { color: #f60; }

.form-div { padding: 10px; border: 1px solid #ccc; background: #e3e3e3;}
.post-div  { padding: 10px;  margin-top: 10px; }
.post-div select,.post-div textarea { font-size:18px;  }
.post-div .title { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; }


.editer {  line-height: 180%;    font-size: 18px; margin: 0; padding: 0;   }
.editer a { color: #f30!important ;    }
.editer a:hover {  color: #f30; background: none; }
.editer p { margin: 0; padding: 0; }
.editer ruby { ruby-position: inline; } 
.editer rt { color: #f40!important ; font-size: 20px; }
.editer span { color: #06f; font-size: 12px; }
.iframeWrap { border: 1px solid #7f9db9; padding: 5px; background: #fff; width: 750px; }
#editerIframe { width: 100%; }
.editer-do input { background: #618402; color: #fff; border: none; padding: 4px 6px 2px; margin: 6px 1px 0 0;   }

.article-show { line-height: 150%; padding: 10px; border: 1px solid #ccc;  background: #eee;  }
.article-show .content { overflow: auto; height: 80px;  }

.art-intro { line-height: 160%; margin-bottom: 20px;  font-family: "Simson"!important ; }


.catalog { width: 600px;   }
.catalog li { margin: 5px 0; background: url(img/line_dashed.gif) repeat-x center; }
.catalog li a { background-color: #EEEFE7; padding-right: 10px; }
.catalog li span { float: right; margin-top: -16px; padding-left: 10px;  background-color: #EEEFE7; text-align: left; width:100px; }
/* -------- pages --------- */
#list { overflow: hidden; zoom:1; }
#list li { display: none; }
.pages { margin-top: 20px; overflow: hidden; height: 25px;   }
.pages a,.pages .current,#info{    border:1px solid #ccc;    background:#ddd;    display:inline-block;    margin:1px;    text-decoration:none;    font-size:12px;    width:18px;    height:18px;    text-align:center;    line-height:18px;  padding:1px 2px;}
.pages a:hover{    border:1px solid #369;    background:#369!important ; color: #fff;}
.pages .current{    border:1px solid #fff;   background:#f3f3f3;    margin:1px;    color:#666;}
#info{  width:auto;}
/* pages2 */
.pages2 { margin: 15px 0; padding: 3px; text-align: center; overflow: hidden; font-size:14px; }
    .pages2 * { vertical-align: top; padding: 2px 5px; display: inline-block; zoom:1; *display: inline;  border: 1px solid #ccc; background: #eee; color: #666; }
    .pages2 em { font-style: normal; }
    .pages2 .curr {background: #f90; border: 1px solid #f90; color: #333; }
    .pages2 a:hover { background: #f90; border: 1px solid #f90; color: #333; text-decoration: none;  }


.search-result-num { margin-bottom: 15px; }
.search-result-num strong {  color: #f00; }
.search-result-num em { font-weight: bold;   }
.search-result-num div { display: block;  margin-bottom: 30px; }
.search-result-num p { padding-top: 10px;   }


/*-------- PIC ----------*/
.face { border: 1px solid #ccc; padding: 4px; background: #fff; width: 48px; height: 48px; }
.author-face { vertical-align: middle; margin-right: 5px; width: 50px; height: 60px;  }
.upload-pic * { vertical-align: middle; }
.upload-pic .face { margin-right: 10px; }
.pic img,img.pic { padding: 4px; border: 1px solid #bbb; background: #fff; }



.crop-wrap {position:relative; height: 300px; overflow: hidden; font-size: 12px;  }
.base-box img {width:160px; height:auto!important ; position:absolute;  overflow:hidden;}
.view-box {position:absolute; left:170px; top:80px;  overflow:hidden; width:48px;height:48px; }
.old-face { top:0; }
.crop-wrap #tips1 { top: 55px; text-align: center;  }
.crop-wrap #tips2 { top: 135px;  }

.pic48,.pic75,.pic120,.pic160 {display: inline-block;  zoom:1; *display: inline;  text-align: left;  overflow: hidden;   }
.pic48 {   background: url(img/pic48.png) no-repeat; width: 62px; height: 63px;  }
.pic48 img   { margin: 4px; width: 48px; height: 48px;   }

/*-------- list----------*/
.mem-list {  overflow: hidden; _overflow: inherit; _height: 1%;  }
	.mem-list li { margin: 0 0 15px 0; text-align: center; float: left; width: 100px; display: block!important ;  }
	.mem-list .pic a { background: #fff; }
	.mem-list img { width: 48px; height: 48px; }
	.mem-list .name { margin-top: 10px; width: 100%; height: 19px; line-height: 19px; overflow: hidden; }
	.sidebar  .mem-list li  { width: 50%; float: left; text-align: left; }
#whoLikeList li  { width: 33%; float: left; text-align: center; }
#friend-list { _height: auto; }
.line-2ps li { width: 50%; overflow: hidden; float: left; text-align: center;   }
.line-3ps li { width: 33%; float: left; text-align: center;   }
.line-4ps li { width: 25%; float: left; text-align: center;   }
.line-5ps li { width: 20%; float: left; text-align: center;   }
.line-6ps li { width: 16%; float: left; text-align: center;   }
.line-7ps li { width: 14%; float: left; text-align: center;   }
.line-8ps li { width: 12%; float: left; text-align: center;   }
.line-9ps li { width: 11%; float: left; text-align: center;   }
.line-10ps li { width: 10%; float: left; text-align: center;   }


  .art-list-single { overflow: hidden; }
	.art-list-single li { width: 42%;  overflow: hidden; height: 20px; line-height: 20px; margin-bottom: 10px; margin-right: 6%; _margin-right: 30px; float: left; background: url(img/line_dashed.gif) repeat-x center;   position: relative; }
	.art-list-single li span.l { width: 68%; display: inline-block; zoom:1; *display: inline; white-space: nowrap; overflow: hidden;  }
	.art-list-single li span.r { position: absolute; right: 0; text-indent: 10px; background: #fff; }
	.art-list-single li span {  color: #666; }
	.art-list-single li a { padding: 1px; background: #fff;  }
	.art-list-single li a:hover { background: #369!important ; color: #fff; }

.back-doc { text-align: center; }

.original-list  { overflow: hidden; height:78px; }
	.original-list li { margin: 0!important; padding: 0; height: 20px; text-align: left;  }
	.original-list a,.original-list .r { display: block; width: 180px; height: 18px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
	.original-list .r { width: 60px; font-size: 12px; text-overflow:clip; text-align: right; }
	
	.original-list-2 li  .l { width: auto!important ; }
	.original-list-2 li  .l em { background: #fff; padding-right: 5px; font-size: 14px; }
	.original-list-2 li  .l strong { background: #fff; padding-right: 5px; color: #f00; font-weight: normal; }
	.original-list-2 li a { width: auto!important ; display: inline;  }
	
.new-original-list { zoom:1; overflow: hidden;  }
	.new-original-list ul { width: 730px;  overflow: hidden; zoom:1;  }
  
	.new-original-list li { float: left; text-align: left; width:31.5%; line-height: 150%;  margin-right: 20px; }
  .new-original-list li:nth-child(3n+0) {  margin-right:0  }
  
	.new-original-list a { display: inline-block; zoom:1; *display: inline; background: #fff; padding-right: 3px; }

	.home-mem-blog-list li { width: 320px; }

.main-banner { width: 706px; overflow: hidden; text-indent: -96px;  }
.new-art-cm-box {   overflow: hidden; zoom:1; }
.new-art-cm {word-break:break-all; zoom:1; overflow: hidden;  width: 100%;}
	.new-art-cm li { margin-bottom: 15px;  }
	.new-art-cm li.good .icon_good { vertical-align: middle; margin-right: 3px; width:16px; height: 18px; background: url(img/icon_jing.gif) no-repeat; display: inline-block; zoom:1; *display: inline;  }

	.new-art-cm span { display: none; }
	.new-art-cm p {   color: #666; padding: 5px 0; font-size: 14px; line-height: 140%;  }	
	.new-art-cm div { height: 17px; white-space: nowrap; _white-space: normal; overflow: hidden;  }
	.new-art-cm .reply-text { color: #9C410F;  }

.pic-text-list { overflow: hidden; _overflow: inherit; _height: 1%; }	
	.pic-text-list li {  float: left; margin: 0 0 15px 0; height:195px;  text-align: center; overflow: hidden;  }
	.pic-text-list .name { margin-top: 8px; }

#topColl li { height: 190px; color: #666;  }	
.col-li-2 li { width: 50%; }
.col-li-4 li { width: 25%; }
.col-li-5 li { width: 20%; }	
.col-li-6 li { width: 16.5%; }	

.doc-list { overflow: hidden; _overflow: inherit; _height: 1%; }
 .doc-list li { float: left; width: 25%; }
 
.works_digg { padding: 10px 0; }
.hot-keyword a { white-space: nowrap; display: inline-block; zoom:1; *display: inline; }

#facebox img { width:32px; }

.msg-icon { background: url(img/msg.gif); display: inline-block; zoom:1; *display: inline; width: 14px; height: 14px; }
.no-read { background: #eee url(img/icon_noread.gif) no-repeat 10px 12px!important ; }

.gl-box table { margin-top:10px; border-bottom:1px dashed #ccc; }
	.gl-box td { padding-bottom:5px;}
	.gl-box table.last { border:0 }
.gl-rule {margin-right:20px; font-family: simSun; }
	.gl-rule em { color: #aaa;  }
	.gl-rule strong { font-weight: normal; color: #f00; }


.ci-class-tit { clear: both; border-bottom: 1px dashed #ccc; font-family: Verdana; margin: 5px 0; color: #666; }

.follow-text {   margin: 10px; zoom:1; }
	.follow-text div {zoom:1; border: 1px dashed #aaa; margin-bottom: 5px; background: #fdfdfd;  padding-top: 10px;}
	.follow-text em { color: #999; }
	.follow-text  span { padding-left: 15px; color: #666;   display: block; zoom:1; }

#memBlogContent { color: #333; line-height: 160%!important ; font-size: 14px!important ; }

.ql-duizhang, .wl-duizhang { position: relative; margin-right:70px }
.duizhang, .duizhang-2 {left: 180px; top: 99px;  position: absolute; background: url(img/icon_duizhang.gif) no-repeat; color:#666;  display: block;width: 50px; height: 34px;  font-size:32px;  }
.duizhang-2 { top: 156px;  }

.wl-duizhang .duizhang, .wl-duizhang .duizhang-2 { left: 150px; }
.gl-rule, .gl-sample { color: #000;}

#shi_gl_list li { margin: 0 0 7px 0; border-bottom: 1px dashed #ccc; padding-bottom: 7px; }

#rand-works li { height: 28px; line-height: 28px; }
.rand-works li {  border-bottom: 1px dashed #CCCCCC;  color: #FFFFFF; line-height: 24px;  margin-bottom: 3px;  position: relative;  }
.rand-works li:last-child {border: 0;}
.rand-works .l {  display: block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 240px;  height: 26px;}
.rand-works .r {  position: absolute;  right: 0; _right:10px;  top:0;}
.art-rank-top strong, .new-mem-top strong { font-weight: normal; color: #999; font-size: 12px; }


.inc-header {  position: relative; height: 44px; overflow: hidden;  }
.inc-header-content { width: 1000px; margin:0 auto;  position: relative; }
.inc-top-logo a { display: block; width: 150px; height: 46px; background: url(img/52_logo_s_top.png) no-repeat left center; }
.inc-top-logo a:hover { background: url(img/52_logo_s_top.png) no-repeat left center; }

.inc-top-nav { font-family: Verdana; color: #999;   height: 27px; line-height: 27px;  position: absolute; top: 8px; right: 5px; }
.inc-top-nav  span { color: #000; }
#download52app { text-align: center; display:block;  background: #f90; color: #fff!important;  padding: 0.4em 0; }

#wap-top { display: none; }
.web-hide { display: none!important; }
.tdWidth { width:5em }


#wap-bang {  display: none!important; }

@media only screen and  (max-width:1023px){
  #wap-bang {  display: inline-block!important; }
  .wap-hide { display:none!important }
  li.wap-hide { display:none!important }
   .web-hide { display: inline-block!important; }
   .top-nav .notice,#download52app,.location,#last_login_type_topbar,.home-ll { display:none; }
   .home-lr,.home-left,.home-right,.new_list { float: none; width: auto!important; height: auto; }
   textarea { width:98%!important;  }
   .tdWidth { width:auto } 
   
   .top-mem { position: static; }
   .header,.main_left { display: none;}
   #nav,.top-nav,.container,.footer { width: auto;height: auto; margin: 0; }
   .main,.sidebar,.main_left,.main_right { width:auto!important; float: none;min-height:auto; }
   .pages2 { clear: both; }
   .container { padding: 0; }
   #nav { padding: 0.5em; border-radius: 0; position: static;  }
   #nav li { margin: 0 0 2px 0; position: static; padding: 0;  display: block;  }
   #nav strong { position: static; width: auto; padding: 1px 0.3em; font-weight: normal; }
   #nav br { display: none; }
   #nav_li_top { margin: 0 0 5px 0;  }
   #nav .last { border: none; }
   
   li#navSearch { position: absolute; top:34px; right: 12px;}
   
   #site-news { height: 2em; }
   .top-nav-content * { vertical-align:top;   }
   .top-mem {text-align: right; padding: 0 0.5em 0 0;}
   .top-mem-info { max-width: 8em; overflow: hidden; white-space: nowrap; margin-right: 4px; display: inline-block; }
   
   #wap-top { display: block; padding: 5px; }
   #wap-top img { width:120px!important }
   #btnQQ,#btnWX { width:25px;  overflow: hidden; display: inline-block; }
   #btnWX { text-indent:-4px }
   
   
   .box { border: none; }
   .box-body {padding: 1em 1em 0.5em;}
   .box-title { border: none; margin: 0 0.3em;  }
   .box-title .more, .box-title .r, .title .r { right: 0.8em; }
   .wap-list-height { max-height: 10em; overflow: hidden; }
  .wap-small { font-size:small }
  .popWin { width:100%!important; top:40%!important;left:0!important;margin-left:0!important }
  .tips-text { display: block; }
  
  
  #facebox { left: 1em!important;  }
  .cm-list #facebox { top:auto!important; bottom: 0!important;  }
  
  
  #follow {  margin-left:0!important }
  .cm-list li { overflow: inherit; }
	.cm-list .mem { position: static; text-align:left; background: #f2f2f2; width: auto; overflow:hidden; padding:10px 0 0 }
	.cm-list .mem .pic48 { width: auto; height:auto; float: left; margin-right:10px; background: none; border: 1px solid #ccc; border-radius: 6px; }
	.cm-list .mem .pic48 img { display: block; }
	.cm-list .mem .name { float: left; height: 48px; line-height: 48px; width: auto; }
	.cm-list .content { margin: 0 0 1em 0; border: none; padding: 10px 0; }
	.cm-list .content p { padding: 0; }
	.follow-text p { padding: 10px!important; }
	.btn-add-blacklist { display: none!important; }
	.follow-text { margin: 10px 0; }
	.reply-text strong { padding: 0!important; }
	.cm-list .content .info { padding: 5px 0!important; }
  .msg-icon { vertical-align: middle!important;}
}

@media only screen and (min-width: 1024px) and (max-width:1199px) {

  .header,
  #nav {
    width: 1024px;
  }

  .header {
    background-position: left !important;
  }

  .container {
    width: 984px;
  }

  .home-left {
    width: 720px;
  }

  .home-right {
    width: 246px;
  }

  #nav li {
    margin: 0 7px 2px 0;
  }

  #nav a {
    line-height: 130%;
  }

  #nav strong {
    padding: 1px 0.3em;
    font-weight: normal;
  }

  #navSearch {
    position: absolute !important;
    left: 40px;
    bottom: 66px
  }

  #searchBarBr {
    display: none;
  }

  #searchBy {
    width: 5em !important;
    font-size: 16px !important;
  }

  .searchBar-keyword {
    font-size: 16px !important;
  }

  .home-ll,
  .top-nav {
    width: auto;
  }

  .home-lr {
    width: 380px;
  }

  .home-lr div {
    max-height: 192px !important;
  }

  #focusBox img {
    width: 315px;
    height: auto
  }

  #focusPannel {
    width: 92% !important
  }

  .index-news li {
    overflow: hidden;
    white-space: nowrap;
  }

  .zl-works li {
    width: 31% !important
  }

  .new-original-list li {
    width: 31%;
    margin-right: 10px;
  }

  .works-list-2c {
    width: 32%;
    overflow: hidden;
  }

  .works-list-2c li {
    white-space: nowrap;
  }

  #shiji-show-box {
    height: 12em;
  }

  .box-body,
  .new_list div,
  #lunshi-wrap,
  #sheTuan div {
    width: auto !important;
  }

  .club-index-face-show a {
    white-space: nowrap;
    width: 6em
  }

  #sheTuan li {
    white-space: nowrap;
  }

  .home-right .line-5ps li {
    width: 4em
  }

  #renqiBox .f14 {
    font-size: x-small
  }

  .main {
    width: 280px !important;
  }

  .sidebar {
    width: 690px !important;
  }

}