/*============================== Title: Pringles Updated: Content: * Filename: base.css * Version: 1.0.0 (2008-06-05) YYYY-MM-DD * Website: http:// * Author: Ray Huang (Ray.Huang@nurun.com) * Description: all css == STRUCTURE: ============================== * _Reset fonts * ============================================ */ /*=== _Reset fonts =====*/ * { } html,body { width:100%; border:0; background:#000; color:#ffd798;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%;} legend { color:#000; } body { font:12px/1.231 "宋体", arial, helvetica, clean, sans-serif; /**font-size:small;*font:x-small;*/ *font-size:12px;} table { font-size:inherit; font:100%; } pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /*== define ==================*/ a { color:#ffd798; outline:none;} div.divclear { clear:both; line-height:0; font-size:0; height:0;} a img { border:0;} /*== frame ===================*/ #pageBody { width:100%; margin:0 auto;} #headerBox { width:960px; height:38px; margin:0 auto; text-align:right; color:#bfb095;} #mainContentBox { width:100%;} #frameBox { width:100%;} #leftBg,#rightBg { width:50%; background-position:0 0; background-repeat:repeat-x;} #leftBg { background-image:url(../img/page-left-bg.gif);} #rightBg { background-image:url(../img/page-right-bg.gif);} #middleTd { width:960px; min-height:480px;} /*#sidabarBox { width:220px; float:left; position:relative; z-index:198;}*/ /*modify by jason.zhou*/ #sidabarBox { width:220px; float:left; position:relative;} #navBox { width:220px; height:487px; float:left;} #navSwf { width:220px;} #sidabarBox .sidebarlink { margin:50px 0 0;} #contentBox { width:740px; min-height:483px; float:right; padding:0 0 18px 0;} * html #contentBox { height:483px;} #footerBox,#footerBoxIndex { width:960px; height:60px; margin:0 auto; padding:0 0 46px 0; position:relative;} #footerBox { background:url(../img/footer-bg.jpg) 0 0 no-repeat;} #footerBoxIndex { background:url(../img/footer-bg-index.jpg) 0 0 no-repeat;} /*== header ==================*/ #headerBox input { width:77px; height:16px; float:right; margin:13px 0 0 8px; line-height:16px; text-align:center; background:#363636; border:1px #585858 solid; color:#afa38d;} #headerBox #login_Button1 { width:60px; height:19px; text-indent:-1000em; background:url(../img/header-btn-sign.gif) 0 0 no-repeat; border:0; cursor:pointer;} #headerBox a,#headerBox span { color:#bfb095; float:right; margin:13px 0 0 8px; line-height:16px;} #headerBox span.welcometip { /*width:160px;*/width:110px; height:18px; text-align:left; text-indent:-1000em; background:url(../img/header-welcome.gif) 0 0 no-repeat;} #headerBox #login_loginout { background:none; border:0; cursor:pointer;} /*== footer ==================*/ #footerLinksBox { width:410px; height:25px; position:absolute; left:240px; top:10px;} #footerBoxIndex #footerLinksBox { position:absolute; left:140px; top:18px;} #footerLinksBox a { height:25px; text-align:left; text-indent:-1000em;/* border:1px #fff solid;*/} #footerLinksBox a.nodrinkdrive { width:240px; float:left; margin:0 20px 0 0;} #footerLinksBox a.privacy { width:59px; float:left;} #footerLinksBox a.terms { width:49px; float:right;} /*== sidebar =================*/ #sidebarLink { width:258px; height:185px; position:absolute; left:0; top:617px; z-index:199;} #sidebarLink a { width:258px; height:185px; float:left; text-indent:-1000em; background:url(../img/sidebar-ps-link.jpg) 0 0 no-repeat;} #sidebarLinkshowlist { width:220px; height:196px; position:absolute; left:0; top:470px; z-index:199; background:url(../img/showlist-sidebar-banner.png) 0 0 no-repeat;} * html #sidebarLinkshowlist { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/showlist-sidebar-banner.png"); background:none!important;} #sidebarLinkshowlist2 { width:103px; height:26px; position:absolute; left:0; top:680px; z-index:199; background:url(../img/showlist-sidebar-banner3.gif) 0 0 no-repeat;} #sidebarLinkshowlist2 a { float:left; width:103px; height:26px;} #sidebarLinkshowlist3 { position:absolute; left:0; top:720px; z-index:300; 0 0 no-repeat;} #sidebarLinkpi { width:258px; height:375px; position:absolute; left:0; top:550px; z-index:199;} #sidebarLinkpi a.linkwinner { width:258px; height:190px; float:left; text-indent:-1000em; background:url(../img/link-winnerlist.jpg) no-repeat;} #sidebarLinkpi a.linkbrandevents { width:258px; height:180px; float:left; text-indent:-1000em; background:url(../img/link-brandevents.jpg) no-repeat;} #sidebarLinkpi a.linkpersonageindex { width:258px; height:200px; float:left; text-indent:-1000em; background:url(../img/leftinfo-h3info03.jpg) center no-repeat;} #sidebarLinkpi a.linkluofeng { width:258px; height:170px; float:left; text-indent:-1000em; background:url(../img/link-luofeng.jpg) center no-repeat;} /*== 娲惧鍥為【 =================*/ #middleTd div.partyreview { position:relative; background:url(../img/maincontent-bg.jpg) 0 0 no-repeat;} #contentBox.partyreview h1 { width:666px; height:58px; margin:76px 0 0 64px; background:url(../img/partyreview-line-l.gif) 0 bottom no-repeat;} * html #contentBox.partyreview h1 { margin:76px 0 0 32px;} #contentBox.partyreview h1 span { visibility:hidden;} #prevnextBox { width:176px; position:absolute; right:89px; top:104px;} #prevnextBox span { width:78px; height:18px;} #prevnextBox span.pre_party { float:left;} #prevnextBox span.next_party { float:right;} #prevnextBox a { width:78px; height:18px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;} #prevnextBox span.pre_party a { background:url(../img/partyreview-links-prev.png) 0 0 no-repeat;} * html #prevnextBox span.pre_party a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/partyreview-links-prev.png"); background:none!important; cursor:pointer;} #prevnextBox span.next_party a { background:url(../img/partyreview-links-next.png) 0 0 no-repeat;} * html #prevnextBox span.next_party a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/partyreview-links-next.png"); background:none!important; cursor:pointer;} #contentBox.partyreview #videoBox { width:645px; margin:14px 0 0 85px;}/*445 to 645*/ * html #contentBox.partyreview #videoBox { margin:24px 0 0 85px;} #videoPlayerBox { width:293px; height:221px; float:left;} #videoBox ul { width:130px; float:left; display:block; margin:0; padding:0;}/*robin change to left*/ #videoBox li { width:130px; float:left; list-style:none; background:url(../img/review-video-bg.jpg) 0 0 no-repeat;} #videoBox div.thumbnails { width:127px; height:92px; display:block; margin:1px; cursor:pointer;} /*robin*/ #videoBox div.thumbnails button { width:25px; height:25px; float:left; margin:34px 0 0 47px; text-indent:-1000em; border:0; background:url(../img/review-video-playicon.png) 0 0 no-repeat; cursor:pointer;} * html #videoBox div.thumbnails button { margin:34px 0 0 23px !important; margin:34px 0 0 47px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/review-video-playicon.png"); background:none!important;} #videoBox div.title { width:130px; display:block; text-align:center; line-height:30px;} #contentBox.partyreview #personageBox { width:406px; float:left; margin:41px 0 0 37px; position:relative;} * html #contentBox.partyreview #personageBox { margin:41px 0 0 18px;} #contentBox.partyreview #personageBox h2 { height:25px; background:url(../img/partyreview-line-m.gif) 0 bottom no-repeat;} #contentBox.partyreview #personageBox h2 span { width:100%; height:18px; float:left; text-indent:-1000em; background:url(../img/partyreview-title-personage.gif) 54px 0 no-repeat;} #photofaceBox { width:156px; float:left; position:relative;} #contentBox.partyreview #photofaceBox{ margin:4px 0 0 42px;} * html #contentBox.partyreview #photofaceBox{ margin:4px 0 0 21px;} #photoFace { width:156px; height:193px; overflow:hidden;} #photoMask { width:156px; height:193px; position:absolute; left:0; top:0; background-position:0 0; background-repeat:no-repeat;} #contentBox.partyreview #photoMask { background-image:url(../img/partyreview-face-mask.gif);} #photoMask a { width:156px; height:193px; float:left; text-indent:-1000em;} /*== add by vitrum 20081008 star ==*/ #photovote span { margin:0; padding:0;width:50px; height:20px; line-height:20px; float:left; padding-left:16px;overflow:hidden;} /*== add by vitrum 20081008 end ==*/ #nameAge { width:139px; margin:0 auto; line-height:30px; text-align:center;} #nameAge span,#personageBox div.intro span { padding:0 3px 0 3px;} #personageBox div.intro { width:193px; float:right; margin:4px 0 0 0; line-height:20px;} #personageBox div.intro div.content { padding:10px 0; line-height:20px;} #personageBox a.linktobeing { width:193px; height:25px; float:right; text-align:left; text-indent:-1000em; background:url(../img/partyreview-links-personage.gif) 0 0 no-repeat;} #personageBox #secretBox { width:244px; height:180px; background:url(../img/review-pop.jpg) 0 0 no-repeat; position:absolute; right:-30px; top:28px;} #secretBox #closeSecret { width:15px; height:15px; float:right; margin:10px 16px 0 0; text-indent:-1000em; background:url(../img/review-btn-close.gif) 0 0 no-repeat; border:0; cursor:pointer; } #secretBox ol { padding:20px;} #secretBox ol li { list-style-type:decimal; line-height:25px; list-style-position:inside;} #partylistBox { width:235px; height:116px; float:right; margin:41px 39px 0 0;} * html #partylistBox { margin:41px 19px 0 0;} #partylistBox h2 { height:25px; background:url(../img/partyreview-line-s.gif) 0 bottom no-repeat;} #partylistBox h2 span { width:100%; height:18px; float:left; text-indent:-1000em; background:url(../img/partyreview-title-party.gif) 39px 0 no-repeat;} #partylistBox #partyListScroll { height:55px; overflow:hidden; padding:15px 30px 15px 40px; line-height:20px;} #partylistBox #partyList { height:55px; overflow:hidden; line-height:20px;} #partylistBox #partyList a { text-decoration:none;} #linktoPS { width:163px; height:139px; float:right; margin:0 72px 0 0;} * html #linktoPS { margin:0 36px 0 0;} #linktoPS a { width:163px; height:139px; float:left; text-indent:-1000em; background:url(../img/partyreview-links-ps.gif) no-repeat;} #partyphotoBox { width:615px; height:195px; margin:40px auto 0 auto; background:url(../img/partyreview-photolist-bg.jpg) 0 28px no-repeat;} #partyphotoBox h2 { width:100%; height:28px; text-indent:-1000em; background:url(../img/partyreview-photolist-title.gif) 0 0 no-repeat;} #partyphotoBox h3 { float:right; margin:-28px 15px 0 0; line-height:28px;} #contentBox.partyreview #imgRollList img { width:98px; height:63px; padding:3px; background:url(../img/partyphoto-bg-red.gif) 0 0 no-repeat;} /*== 鍚嶅＋鍏堢敓 =================*/ #middleTd div.personage { background:url(../img/personage-bg.jpg) 0 0 no-repeat;} #contentBox.personage h1 { width:666px; height:55px; margin:76px 0 0 64px; background:url(../img/partyreview-line-l.gif) 0 bottom no-repeat;} * html #contentBox.personage h1 { margin:76px 0 0 64px;} #contentBox.personage h1 span { width:253px; height:47px; float:left; margin:0 0 0 15px; text-indent:-1000em; background:url(../img/personage-title.jpg) 0 0 no-repeat;} #contentBox.personage #videoBox { width:293px; float:left; margin:17px 0 0 82px;} * html #contentBox.personage #videoBox { margin:17px 0 0 41px;} #contentBox.personage #personageBox { width:280px; height:230px; float:right; margin:7px 73px 0 0;} * html #contentBox.personage #personageBox { margin:7px 36px 0 0;} #contentBox.personage #personageBox h2 { width:79px; height:20px; float:right; text-indent:-1000em; margin:7px 41px 0 0; background:url(../img/personage-title-personage.jpg) 0 0 no-repeat;} * html #contentBox.personage #personageBox h2 { margin:7px 20px 0 0;} #contentBox.personage #photofaceBox { margin:0;} #contentBox.personage #photoMask { background-image:url(../img/personage-face-mask.gif);} #contentBox.personage #photofaceBox a { width:111px; height:24px; float:left; margin:11px 0 0 22px; text-indent:-1000em; background:url(../img/personage-links-party.gif) 0 0 no-repeat;} /*add by vitrum 20081008*/ #contentBox.personage #photofaceBox a.top50votebtn { width:62px; height:22px; float:left;background:transparent url(../img/top50man-vote-btn.gif) no-repeat;text-indent:-1000em;margin:0 0 0 10px;; } #contentBox.personage .intro { width:120px; height:160px; overflow:hidden;} #personageComments { /*width:440px; by vitrum 20081010*/ width:320px;float:left; margin:27px 0 0 81px; line-height:22px;} * html #personageComments { margin:27px 0 0 40px;} #personageComments h2 { height:28px; text-indent:-1000em; background:url(../img/personage-title-comments.gif) 0 0 no-repeat;} #contentBox.personage #linktoPS { width:161px; height:160px; margin:13px 54px 0 0;} * html #contentBox.personage #linktoPS { margin:13px 27px 0 0;} #contentBox.personage #linktoPS a { width:161px; height:160px; background:url(../img/personage-links-ps.jpg) 0 0 no-repeat;} #hisphotoBox { width:615px; height:123px; overflow:hidden; margin:20px auto 0 auto;} #hisphotoBox li { float:left;} #hisphotoBox li img { width:98px; height:63px; padding:3px; background:url(../img/partyphoto-bg-red.gif) 0 0 no-repeat;} #otherslistBox { width:615px; height:225px; overflow:hidden; margin:15px auto 0 auto; background:url(../img/personage-otherslist-bg.jpg) 0 28px no-repeat;} #otherslistBox h2 { width:100%; height:28px; text-indent:-1000em; background:url(../img/personage-otherslist-title.gif) 0 0 no-repeat;} #otherslistBox #othersList li { float:left;} #otherslistBox #othersList li img { width:94px; height:122px; padding:18px 11px 16px 9px; background:url(../img/personage-other-mask.gif) 0 0 no-repeat;} /*== 鐧诲綍 ====================*/ #middleTd div.login,#middleTd div.myhome,#middleTd div.forgetpwd,#middleTd div.register,#middleTd div.registerok,#middleTd div.partyinfo { background:url(../img/maincontent-bg.jpg) 0 0 no-repeat;} #loginFormBox { width:456px; height:354px; margin:152px 0 0 144px; background:url(../img/login-form-bg.jpg) 0 0 no-repeat;} #loginFormBox h1 { width:450px; height:69px; margin:0 2px; background:url(../img/login-line.gif) 0 bottom no-repeat;} #loginFormBox h1 span { width:223px; height:24px; float:left; margin:25px 0 0 41px; text-indent:-1000em; background:url(../img/login-title.gif) 0 0 no-repeat;} #loginFormBox ul { width:350px; padding:21px 0 0 41px;} #loginFormBox ul li { width:350px; height:21px; float:left; margin:0 0 13px 0;} #loginFormBox ul label { width:78px; height:21px; float:left; margin:0 40px 0 0; text-indent:-1000em; background-image:url(../img/login-label.gif); background-repeat:no-repeat;} #loginFormBox ul label.username { background-position:0 0;} #loginFormBox ul label.userpwd { background-position:0 -34px;} #loginFormBox ul input { height:19px; line-height:19px; text-indent:7px; color:#ffd798; background:#434343; border:1px #6e6e6e solid;} * html #loginFormBox ul input { float:left;} #loginFormBox ul li.btnandlink input,#loginFormBox ul li.btnandlink a { height:24px; float:left; text-indent:-1000em; background-image:url(../img/login-btnandlinks.gif); background-repeat:no-repeat;} #loginFormBox ul li.btnandlink input { width:51px; margin:0 10px 0 117px; background-position:0 0; border:0; cursor:pointer;} #loginFormBox ul li.btnandlink a { width:111px; background-position:-61px 0;} /*== 娉ㄥ唽 =====================*/ #contentBox.register { position:relative;} #trendsEsquireBox { width:243px; float:left; margin:79px 0 0 64px;} * html #trendsEsquireBox { margin:79px 0 0 32px;} #trendsEsquire { width:243px; height:318px;/* border:5px #fff solid;*/} #trendsEsquireBox a.linktops { width:162px; height:24px; float:left; margin:10px 0 0 41px; text-indent:-1000em; background:url(../img/register-links-ps.gif) 0 0 no-repeat;} #regformcontent { width:416px; float:right; padding:0 0 37px 0; text-align:left; margin:82px 0 0 0;} #regformcontent li { width:416px; line-height:21px; float:left; margin:0 0 11px 0;} #regformcontent li.selecticon { height:auto;} div.selectbtn { width:105px; height:25px; float:left; line-height:25px; background:url(../img/register-btn-showicon.gif) right 5px no-repeat; cursor:pointer;} div.selectbtn img { margin:0 2px 0 0; padding:1px; background:url(../img/personlist-icon-bg.gif) 0 0 no-repeat; vertical-align:middle;} div.iconbox { width:357px; height:268px; margin:5px 0 0 0; background:url(../img/iconbox-bg.gif) 0 0 no-repeat;} div.iconbox dt { width:100%; height:56px; text-align:left; text-indent:-1000em; background-position:23px 20px; background-repeat:no-repeat;} div.iconbox dt.beer { background-image:url(../img/iconbox-title-beer.gif);} div.iconbox dt.game { background-image:url(../img/iconbox-title-game.gif);} div.iconbox dt.rest { background-image:url(../img/iconbox-title-rest.gif);} div.iconbox dt.food { background-image:url(../img/iconbox-title-food.gif);} div.iconbox dd { float:left; margin:0 27px; text-align:center;} * html div.iconbox dd { margin:0 20px;} div.iconbox dd img { display:block;} div.iconbox dd a { line-height:38px; text-decoration:none;} #regformcontent input { height:19px; margin:0 11px; line-height:19px; text-indent:7px; color:#ffd798; background:#434343; border:1px #6e6e6e solid;} * html #regformcontent input { float:left;} * html #regformcontent select { float:left;} #regformcontent span.checkradio input { margin:0 0 0 0;} #contentBox input.hiddentext{ display:none} #regformcontent input.regsubmit { width:80px; height:24px; float:left; margin:15px 0 0 4px; /*margin:4px 0 0 4px;vitrum20090122 */text-indent:-1000em; background:url(../img/register-btn-submit.gif) 0 0 no-repeat; border:0; cursor:pointer;} input.width86 { width:86px;} input.width160 { width:160px;} input.width184 { width:184px;} input.width230 { width:230px;} input.width246 { width:246px;} #regformcontent select { margin:0 11px;} #regformcontent label { width:73px; height:21px; float:left; text-indent:-1000em; background-repeat:no-repeat;} #regformcontent label { background-image:url(../img/register-label.gif);} #regformcontent label.username { background-position:0 0;} #regformcontent label.age { background-position:0 -31px;} #regformcontent label.city { background-position:0 -62px;} #regformcontent label.blog { background-position:0 -93px;} #regformcontent label.comments { margin:0 0 10px 0; background-position:0 -128px;} #contentBox.register #regformcontent label.checklabel { width:auto; float:none; padding:0 40px 0 0; background:none;} * +html #contentBox.register #regformcontent label.checklabel { padding:0 20px 0 0;} * html #contentBox.register #regformcontent label.checklabel { padding:0 20px 0 0;} a.term { padding:0 0 0 11px; background:url(../img/register-icon-arrow.gif) 0 center no-repeat;} * html #regformcontent span { float:left;} #personlistBox { width:676px; float:right; background:url(../img/register-personlist-bg.jpg) 0 24px no-repeat; position:relative;} #personlistBox h2 { height:24px; text-indent:-1000em; background:url(../img/register-title-personlist.gif) 0 0 no-repeat;} .itemlist { padding:31px 0 0 18px;} * html .itemlist { padding:31px 0 0 0;} .itemlist li { width:128px; float:left; margin:0 16px; padding:0 0 0 0;} #contentBox.showlist ul.itemlist { padding:10px 0 0 0;} #showlistItem { padding:31px 0 0 18px;} * html #showlistItem { padding:31px 0 0 0;} .itemlist li div.thumbnail { width:94px; height:122px; float:left; /*background:url(../img/personlist-img-bg.gif) 0 0 no-repeat;*/} .itemlist li img.icon { width:23px; height:23px; float:right; margin:0 0 6px 0; padding:1px; background:url(../img/personlist-icon-bg.gif) 0 0 no-repeat;} .itemlist li div.name,.itemlist li div.ballot { width:128px; line-height:20px; text-align:center;} div.more { width:80px; height:20px; position:absolute; right:27px; top:3px;} div.more a { width:80px; height:20px; float:right;/* margin:21px 37px 0 0;*/ text-align:left; text-indent:-1000em; background:url(../img/register-links-more.gif) 0 0 no-repeat;} #pwdemailBox { width:454px; height:249px; position:absolute; left:143px; top:79px;} #pwdemailBox #loginFormBox { margin:0; padding:0; position:relative;} #pwdemailBox #loginFormBox #closepwd{ width:15px; height:15px; text-indent:-1000em; position:absolute; right:10px; top:10px; color:#fff; font-size:12px; background:url(../img/review-btn-close.gif) 0 0 no-repeat; border:0; cursor:pointer;} #pwdemailBox #loginFormBox h1 span { width:375px; background:url(../img/register-title-pwdemail.gif) 0 0 no-repeat;} #loginFormBox ul label.userpwd-confirm { background-position:0 -89px;} #loginFormBox ul label.useremailreg { background-position:0 -125px;} #loginFormBox ul label.usermobilereg { background-position:0 -168px;} #pwdemailBox #loginFormBox li.errortip { margin:0;} #pwdemailBox #loginFormBox li.errortip span { padding:0 0 0 114px;} #loginFormBox li.btnandlink input.regfinish { width:80px; background-image:url(../img/register-btn-regok.gif);} /*== 娉ㄥ唽鎴愬姛 ================*/ #contentBox.registerok #loginFormBox h1 { padding:59px 0 0 0;} #contentBox.registerok #loginFormBox h1 span { width:363px; height:24px; margin:30px 0 0 41px; background:url(../img/registerok-title.gif) 0 0 no-repeat;} #contentBox.registerok #loginFormBox a.linktomyhome { width:140px; height:24px; float:left; text-indent:-1000em; margin:17px 0 0 157px; background:url(../img/registerok-links.gif) 0 0 no-repeat;} /*== 鎵惧洖瀵嗙爜 =================*/ #contentBox.forgetpwd h1 span { background-image:url(../img/forgetpwd-title.gif);} #loginFormBox ul label.useremail { background-position:0 -146px;} #loginFormBox ul li.btnandlink input.forgetpwdsubmit { background-image:url(../img/forgetpwd-btn-send.gif);} /*== 涓汉绌洪棿 ================*/ #trendsEsquireBox a.linktopsagain,#trendsEsquireBox input.setdefault,#trendsEsquireBox input.deleteitem,#regformcontent li a.linktomodify { height:24px; float:left; text-indent:-1000em; background-image:url(../img/myhome-btn-modify.gif); background-repeat:no-repeat;} #trendsEsquireBox a.linktopsagain { width:82px; margin:27px 0 0 0; background-position:0 0;} #trendsEsquireBox input.setdefault { width:89px; margin:27px 0 0 0; background-position:-88px 0; border:0; cursor:pointer;} #trendsEsquireBox input.deleteitem { width:69px; margin:27px 0 0 0; background-position:-177px 0; border:0; cursor:pointer;} #regformcontent label.myhomeusername { background-position:0 -149px;} #regformcontent label.myhomeage { background-position:0 -178px;} #regformcontent label.vote { background-position:0 -211px;} #regformcontent label.myhomecity { background-position:0 -242px;} #regformcontent label.myhomeblog { background-position:0 -309px;} #regformcontent label.myhomecomments { margin:0 0 6px 0; background-position:0 -288px;} #contentBox.myhome #regformcontent { padding:0 0 0 0;} #regformcontent li.city,#regformcontent li.blog { width:50%; float:left;} #regformcontent li.blog a { width:120px; float:left; overflow:hidden;} #contentBox.myhome #regformcontent li.selecticon { width:406px; padding:10px 0 0 0; background:url(../img/myhome-line.gif) 0 0 no-repeat;} #contentBox.myhome #regformcontent li.selecticon label { margin:0 0 12px 0;} #regformcontent li ul.iconlist {} #regformcontent li ul.iconlist span { width:auto; display:block; float:none;} #regformcontent li ul.iconlist li { width:197px; height:68px; float:left;} #regformcontent li ul.iconlist li.even { float:right;} #regformcontent li ul.iconlist li img { float:left; margin:0 12px 0 0; padding:2px; background:url(../img/myhome-icon-bg.gif) 0 0 no-repeat;} #regformcontent li a.linktomodify { width:79px; float:right; background-position:-596px 0; } #forwardBoxNew { width:740px; height:178px; background:url(../img/myhome-forward-bg.jpg) 0 0 no-repeat; position:relative;} #forwardBox { /*width:410px; */ width:320px; float:right; margin:77px 0 0 0;/* float:left; margin:77px 0 0 44px;*/} /** html #forwardBox { margin:77px 0 0 32px;}*/ #forwardBox li { /*width:410px;*/width:320px; float:left; margin:0 0 12px 0;} #forwardBox label { width:67px; height:21px; float:left; text-indent:-1000em; background-image:url(../img/myhome-label-forward.gif); background-repeat:no-repeat;} #forwardBox label.firendemail { background-position:0 0;} #forwardBox label.imgurl { background-position:0 -29px;} #forwardBox label.widgetcode { background-position:0 -58px;} #forwardBox input { height:19px; float:left; margin:0 12px 0 1px; line-height:19px; text-indent:7px; color:#b4b4b4; background:#434343; border:1px #6e6e6e solid;} #forwardBox input.send, #forwardBox input.copy, #forwardBox a.view { width:67px; height:22px; float:left; text-indent:-1000em; background-image:url(../img/myhome-btn-forward.gif); background-repeat:no-repeat;} #forwardBox input.send, #forwardBox input.copy { margin:0; border:0; cursor:pointer;} #forwardBox input.send { background-position:0 0;} #forwardBox input.copy { background-position:0 -29px;} #forwardBox #forward_send_msg { float:left;} #forwardBox a.view { margin:0 7px 0 0; background-position:0 -58px; cursor:pointer;} #myhomePopBox { width:454px; height:182px; position:absolute; left:63px; top:28px; z-index:900; background:url(../img/myhome-pop-bg.gif) 0 0 no-repeat;} #myhomePopBox div.content { position:relative;} #myhomePopBox #closeBtn { width:15px; height:15px; text-indent:-1000em; position:absolute; right:10px; top:10px; background:url(../img/review-btn-close.gif) 0 0 no-repeat; border:0; cursor:pointer;} #myhomePopBox h2 { width:450px; height:69px; margin:0 2px; background:url(../img/login-line.gif) 0 bottom no-repeat;} #myhomePopBox h2 span { width:355px; height:24px; float:left; margin:25px 0 0 40px; text-indent:-1000em; background:url(../img/myhome-pop-title.gif) 0 0 no-repeat;} #myhomePopBox p { width:133px; height:23px; float:left; text-indent:-1000em; margin:18px 0 20px 44px; background:url(../img/myhome-pop-tip.gif) 0 0 no-repeat;} * html #myhomePopBox p { margin:18px 0 20px 22px;} #myhomePopBox a,#myhomePopBox #forwardAgain { height:24px; float:left; text-indent:-1000em; background-image:url(../img/myhome-pop-link.gif); background-repeat:no-repeat;} #myhomePopBox #forwardAgain { width:78px; margin:0 0 0 44px; background-position:0 0; border:0; cursor:pointer;} #myhomePopBox a.showlist { width:105px; margin:0 18px; background-position:-98px 0;} #myhomePopBox a.ps { width:77px; background-position:-222px 0px;} #contentBox.myhome #personlistBox { background:none;} /*== 鐢勯€夋淳瀵?================*/ #partyinfoBox { width:617px; height:473px; float:left; margin:78px 0 0 64px;} * html #partyinfoBox { margin:78px 0 0 32px;} #newpartyBox { width:613px; height:211px; margin:0 auto; overflow:hidden; background:url(../img/personage-otherslist-bg.jpg) 0 28px no-repeat;} #newpartyBox h2,#partyphotoListBox h2 { height:28px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;} #newpartyBox h2 { background-image:url(../img/partyinfo-title-new.gif);} #newpartyBox #newpartycontent { width:330px; height:160px; float:left; margin:22px 0 0 19px;} * html #newpartyBox #newpartycontent { margin:22px 0 0 5px;} #newpartyBox #link { width:260px; height:210px; float:right; margin:-27px 0 0 0; background:url(../img/partyinfo-links-ps.jpg) no-repeat;} #newpartyBox #link a { display:none;} #newpartyBox div.partyimg { width:133px; height:94px; float:left; background:url(../img/partyinfo-newparty-imgmask.gif) 0 0 no-repeat;} #newpartycontent ul { float:left; margin:0 0 0 10px;} #newpartycontent li {} #newpartycontent span.date,#newpartycontent span.city,#newpartycontent span.club { display:inline; padding:0 3px 0 0; line-height:20px; color:#bfa278; font-size:14px; font-weight:bold;} #newpartycontent span.address { display:block; line-height:16px; color:#bfa278;} #partyphotoListBox { width:613px; height:161px; margin:10px auto 0 auto; overflow:hidden; background:url(../img/personage-otherslist-bg.jpg) 0 28px no-repeat;} #partyphotoListBox h2 { background-image:url(../img/partyinfo-title-review.gif);} #imgRollList ul {} #imgRollList li { float:left;} #contentBox.partyinfo #imgRollList img { width:98px; height:63px; display:block; padding:2px; background:url(../img/partyphoto-bg-blue.gif) 0 0 no-repeat;} #imgRollList span { line-height:46px;} /*== 鍏充簬娲诲姩 ================*/ #middleTd div.activityintro,#popIntro div.activityintro { min-height:690px; background:url(../img/activityintro-bg.jpg) 0 0 no-repeat; position:relative;} * html #middleTd div.activityintro,* html #popIntro div.activityintro { height:690px;} #popIntro { width:740px; margin:0 auto;} #contentBox.activityintro div.content { padding:77px 0 0 64px;} #contentBox.activityintro h2 { width:349px; height:44px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat; } #contentBox.activityintro h2.web { background-image:url(../img/activityintro-web-title-h1.gif);} #contentBox.activityintro h2.underline { background-image:url(../img/activityintro-title-h1.gif);} #contentBox.activityintro h3 { width:290px; height:43px; text-indent:-1000em; background:url(../img/activityintro-title-h2.gif) 0 0 no-repeat;} #contentBox.activityintro p.slogan { width:129px; height:74px; text-indent:-1000em; background:url(../img/activityintro-slogan.gif) 0 0 no-repeat;} #contentBox.activityintro dl { margin:16px 0 0 0;} #contentBox.activityintro dt { height:23px; text-indent:-1000em; background-image:url(../img/activityintro-dt.gif); background-repeat:no-repeat;} #contentBox.activityintro dt.timeweb { background-position:0 0;} #contentBox.activityintro dt.introweb { background-position:0 -23px;} #contentBox.activityintro dt.ruleweb { background-position:0 -46px;} #contentBox.activityintro dt.awardweb { background-position:0 -69px;} #contentBox.activityintro dt.time{ background-position:0 -92px;} #contentBox.activityintro dt.intro { background-position:0 -115px;} #contentBox.activityintro dt.award { margin:34px 0 0 0; background-position:0 -161px;} #contentBox.activityintro dd { padding:0 0 0 4px; line-height:22px;} #contentBox.activityintro dd ol {} #contentBox.activityintro dd ol li {list-style-type:square; /*list-style-type:decimal;*/ list-style-position:inside; } #contentBox.activityintro dd ul {} #contentBox.activityintro dd ul li { padding:0 0 35px 0;} #contentBox.activityintro div.content a { height:60px; float:left; clear:both; text-indent:-1000em;} #contentBox.activityintro div.content a.linktops { width:247px; margin:23px 0 0 0; background:url(../img/activityintro-linktops-web.jpg) 0 0 no-repeat;} #contentBox.activityintro div.content a.linktoparty { width:317px; margin:0 0 0 0; background:url(../img/activityintro-linktops.gif) 0 0 no-repeat;} #contentBox.activityintro #linkBox { width:245px; height:140px; position:absolute; top:492px; right:85px;} #contentBox.activityintro div.underline { background:url(../img/activityintro-links-.jpg) 0 0 no-repeat;} #contentBox.activityintro div.web { background:url(../img/activityintro-links-web.jpg) 0 0 no-repeat;} #contentBox.activityintro #linkBox a { width:245px; height:70px; float:left; text-indent:-1000em;} /*== 鍏充簬娲诲姩 ===add by vitrum 20081008====*/ #contentBox.activityintro { overflow:visible;} #contentBox.activityintro div.webtitle { width:676px; height:168px;/*height:184px;*/ background:url(../img/activityintro-web-title-h2.jpg) no-repeat; text-indent:-1000em;} #contentBox.activityintro div.webtitle h3 {background:none;} #contentBox.activityintro dl {margin:0 0 24px;/*margin:16px 0;*/width:676px;} #contentBox.activityintro dl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* ie 6 dl hack*/ #contentBox.activityintro dt { width:115px;height:30px; text-indent:-1000em; background-image:url(../img/activityintro-dt2.gif); background-repeat:no-repeat;} #contentBox.activityintro dt.timeweb2 {background-position:0 0;} #contentBox.activityintro dt.introweb2 {background-position:-115px 0;} #contentBox.activityintro dt.ruleweb2 {background-position:-231px 0;} #contentBox.activityintro dt.awardweb2 {background-position:-347px 0;} #contentBox.activityintro div.web { background:none /*background:url(../img/activityintro-links-web2.jpg) 0 0 no-repeat;*/} #contentBox.activityintro #linkBox { width:252px; height:140px; position:absolute; top:536px; right:108px;z-index:10;} #contentBox.activityintro #linkBox a { background:url(../img/pixel.gif) no-repeat;} /*== 鍏ㄩ儴灏侀潰 ================*/ #middleTd div.showlist { background:#000 url(../img/showlist-bg.jpg) 0 0 no-repeat;} #showlistMenu { padding:79px 0 0 64px;} #showlistMenu li { width:108px; height:34px; float:left;} #showlistMenu li a { width:108px; height:34px; float:left; text-indent:-1000em; background-image:url(../img/showlist-menu-bg.jpg); background-repeat:no-repeat;} #showlistMenu li a.new { background-position:0 -34px;} #showlistMenu li a.hot { background-position:-108px 0;} #showlistMenu li.selected a.new { background-position:0 0;} #showlistMenu li.selected a.hot { background-position:-108px -34px;} #showlistMenu input.searchkey { width:132px; height:18px; float:left; margin:10px 0 0 8px; line-height:18px; text-indent:2px; color:#ffd798; border:1px #6e6e6e solid; background:#434343;} #showlistMenu input.searchNamebtn { width:62px; height:21px; float:left; margin:10px 0 0 8px; text-indent:-1000em; background:url(../img/showlist-btn-search-2.gif) 0 0 no-repeat; border:0; cursor:pointer;} #contentBox.showlist h2 { width:700px; height:35px; margin:19px 0 29px 0; text-indent:-1000em; background:url(../img/showlist-title.jpg) 64px 0 no-repeat;} * html #contentBox.showlist h2 { margin:19px 0 29px 0;} #searchBox { width:600px; height:25px; margin:0 0 0 64px; position:relative;} #searchBox #searchBtn { width:64px; height:25px; float:right; margin:2px 0 0 0; text-indent:-1000em; background:url(../img/showlist-btn-search.gif) 0 0 no-repeat; border:0; cursor:pointer;} #searchBox #reset { width:64px; height:25px; float:right; margin:2px 0 0 0; text-indent:-1000em; background:url(../img/showlist-btn-reset.jpg) 0 0 no-repeat; border:0; cursor:pointer;} #searchBox li { /*display:inline;*/ float:left; margin:0 10px 0 0;} #searchBox li div.iconbox { position:absolute; left:0; top:30px;} #contentBox.showlist ul.itemlist li { margin:0 0 0 45px;} * html #contentBox.showlist ul.itemlist li { margin:0 0 0 35px;} .pagenum { text-align:right;} #Pager2_formView1 { width:80%; } #Pager2_formView1 td { width:100%; text-align:right; padding:0 60px 0 0;} #Pager2_formView1 td a,#Pager2_formView1 td span { line-height:40px; padding:0 5px;} /*== 涓汉璇︾粏 ===============*/ #personinfoBox { width:789px; height:600px; background:url(../img/personinfo-bg.jpg) 0 0 no-repeat;} #personinfoBox.personinfo #trendsEsquireBox { margin:29px 0 0 29px;} * html #personinfoBox.personinfo #trendsEsquireBox { margin:29px 0 0 15px;} #trendsEsquireBox a.idoit { width:127px; height:28px; float:left; margin:0 0 0 59px; text-indent:-1000em; background:url(../img/personinfo-links-ps.gif) 0 0 no-repeat;} #personinfoBox #regformcontent { margin:29px 74px 0 0;} * html #personinfoBox #regformcontent { margin:29px 37px 0 0;} #regformcontent label.personinfousername { background-position:0 -330px;} #regformcontent label.personinfoage { background-position:0 -357px;} #regformcontent label.personinfovote { background-position:0 -386px;} #regformcontent label.personinfocity { background-position:0 -417px;} #regformcontent label.personinfoblog { background-position:0 -442px;} #regformcontent label.personinfocomments { background-position:0 -465px;} #personinfoBox.personinfo #regformcontent li.vote strong { float:left; font-size:22px; font-weight:bold;} #personinfoBox.personinfo #regformcontent li.vote a { width:83px; height:28px; float:left; margin:0 2px; clear:right; text-indent:-1000em; background:url(../img/personinfo-btn-pushme.gif) 0 0 no-repeat;} #personinfoBox.personinfo #regformcontent li.selecticon { width:461px; padding:2px 0 0 0; background:url(../img/personinfo-line.gif) 0 0 no-repeat;} * html #personinfoBox.personinfo #regformcontent li.selecticon { width:416px;} #coverlistBox { width:740px; height:188px; margin:0 auto; background:url(../img/personinfo-line-2.gif) center top no-repeat;} /*== 灏侀潰鐢峰＋ ===============*/ #PSBox { width:740px; height:675px; position:relative;} #psPopBoxMask { width:740px; height:675px; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=80); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;} #psPopBox { width:454px; height:260px; margin:240px auto 0 auto; background:url(../img/ps-pop-bg.gif) 0 0 no-repeat; position:relative;} #psPopBox div.content { position:relative;} #psPopBox #psPopClose { width:15px; height:15px; text-indent:-1000em; position:absolute; right:10px; top:10px; background:url(../img/review-btn-close.gif) 0 0 no-repeat; border:0; cursor:pointer;} #psPopBox h2 { width:450px; height:60px; margin:0 2px; background:url(../img/login-line.gif) 0 bottom no-repeat;} #psPopBox h2 span { width:216px; height:30px; float:left; margin:12px 0 0 43px; text-indent:-1000em; background:url(../img/ps-pop-title.gif) 0 0 no-repeat;} #psPopBox ul { width:360px; padding:18px 0 0 43px;} #psPopBox li { width:360px; height:21px; float:left; margin:0 0 13px 0;} #psPopBox label { width:94px; height:21px; float:left; text-indent:-1000em; background-repeat:no-repeat; background-image:url(../img/ps-pop-label.gif); background-repeat:no-repeat;} #psPopBox label.name { background-position:0 -3px;} #psPopBox label.pwd { background-position:0 -37px;} #psPopBox label.reg { background-position:0 -70px;} #psPopBox input { width:230px; height:19px; float:left; margin:0 0 0 23px; line-height:19px; text-indent:2px; background:#434343; border:1px #6e6e6e solid; color:#fff;} #psPopBox a { float:left; margin:0 0 0 23px; line-height:21px; color:#fcddac;} #psPopBox input.signinsubmit { width:58px; height:26px; margin:0 0 0 117px; text-indent:-1000em; background:url(../img/ps-pop-btn.gif) 0 0 no-repeat; border:0; cursor:pointer;} #psPopBox li.errortip,#psPopBox li.btnandlink { margin:0 0 5px 0;} #psPopBox #email_msg { float:left; margin:0 0 0 117px; line-height:21px;} #indexSwf { height:627px; /*background:url(../img/indexSwf_bg.jpg) no-repeat;*/} #startBox { width:100%; height:100%; position:absolute; left:0; top:0; z-index:400;} /*robin*/ #thirdBox { width:150px;float:right;margin-top:123px; } .thirdBoxBorder { background:transparent url(../img/review-video-bg.jpg) no-repeat scroll 0 0;padding:1px; } /*鍗氬棣栭〉*/ #blogindex{width:740px; height:auto; background:url(../img/blogindex_bg.jpg) 0 0 no-repeat;padding:184px 0 0 62px;} * html #blogindex {padding:184px 0 0 57px; width:683px;} /* IE6 */ #blogindex h1 { width:493px; height:26px; background:url(../img/blogindex_h1.gif) 0 bottom no-repeat;text-indent:-1000em;} #blogindex h2 { width:452px; height:29px; background:url(../img/blogindex_h2.gif) 0 bottom no-repeat;text-indent:-1000em;margin:0 0 42px;} #blogindex h3 { width:204px; height:26px; padding:0 0 0 130px;} * html #blogindex h3 { padding:0 0 0 126px; } /* IE6 */ #blogindex li { float:left;} #blogindex li.blogindexboxhot { width:334px; height:184px; background:url(../img/blogindex_box_bg1.jpg)0 bottom no-rpeat;background-image:url(../img/blogindex_box_bg1.jpg)} div.blogindexphoto { width:130px;height:119px;float:left;} div.blogindextxt {width:170px;height:83px;float:right;padding:24px 20px 0 4px;line-height:1.8em;position:relative;top:0; right:0;} h5 { width:130px; height:119px; float:left; position:relative;} h5 img.huangguo { position:absolute; top:-9px; left:0px;} #blogindex li.blogindexbox { width:334px; height:184px; background:url(../img/blogindex_box_bg2.jpg)0 bottom no-repeat;background-image:url(../img/blogindex_box_bg2.jpg)} #blogindex li a.linktoblog { position:relative; background:transparent url(../img/blogindex_into.gif) no-repeat scroll 0 0;float:right;height:30px;text-align:left;text-indent:-1000em;width:195px;} /*== top50 man ==*/ .top50box {height:auto; background:url(../img/top50man-bg.jpg) no-repeat; } .top50box .top50title { width:740px; height:164px; float:left;background:url(../img/top50man-title.jpg) no-repeat;text-indent:-1000em;} .top50box ul.top5list { width:683px; height:204px; float:left;background:transparent url(../img/top50man-top5list-bg.jpg) no-repeat; padding:20px 0 0 57px;overflow:hidden;} .top50box ul.top5list li {width:136px; height:224px;float:left; overflow:hidden;} .top50box ul.top5list li img {width:90px; height:118px; padding:24px 28px 2px 20px; float:left;} .top50box ul.top5list li.top5man1 img { background:transparent url(../img/top50mantop01-bg.gif) no-repeat; } .top50box ul.top5list li.top5man2 img { background:transparent url(../img/top50mantop02-bg.gif) no-repeat; } .top50box ul.top5list li.top5man3 img { background:transparent url(../img/top50mantop03-bg.gif) no-repeat; } .top50box ul.top5list li.top5man4 img { background:transparent url(../img/top50mantop50-bg.gif) no-repeat;/*background:transparent url(../img/top50mantop04-bg.gif) no-repeat;*/ } .top50box ul.top5list li.top5man5 img { background:transparent url(../img/top50mantop50-bg.gif) no-repeat;/*background:transparent url(../img/top50mantop05-bg.gif) no-repeat;*/ } .top50box div.top5manless { width:683px; height:20px; float:left;padding:0 0 0 57px;} .top50box ul.top50list { width:683px; height:auto; float:left;/*background:transparent url(../img/top50man-top50list-bg.jpg) repeat-y;*/padding:0 0 0 57px;} .top50box ul.top50list li {width:136px; height:205px;float:left;overflow:hidden;} .top50box ul.top50list li img {width:90px; height:118px; padding:24px 28px 2px 20px; float:left;background:transparent url(../img/top50mantop50-bg.gif) no-repeat; } a.top50votebtn { width:62px; height:22px; float:left;background:transparent url(../img/top50man-vote-btn.gif) no-repeat;text-indent:-1000em;} .top50box ul li span { margin:0; padding:0;width:50px; height:20px; line-height:20px; float:left; padding-left:16px;overflow:hidden;} .top50box .top50manpagenav { width:740px; height:30px; float:left; text-align:right;} .top50box .top50manpagenav .pagenav { float:right; margin-top:16px;} h3.voteok {width:365px; height:83px; float:left;background:url(../img/top50man-vote-info01.gif) no-repeat;text-indent:-1000em; margin-top:20px;} h3.voteerror {width:379px; height:83px; float:left;background:url(../img/top50man-vote-error.gif) no-repeat;text-indent:-1000em;margin-top:20px;} h3.voteclose {width:379px; height:83px; float:left;background:url(../img/top50man-vote-info03.gif) no-repeat;text-indent:-1000em;margin-top:20px;} button.voteclose {background:transparent url(../img/review-btn-close.gif) no-repeat;border:0 none;cursor:pointer;float:right;height:15px;margin:10px 16px 0 0;text-indent:-1000em;width:15px; padding:8px 8px;} /*== top50 man vote info ==*/ #top50manvoteinfobox { padding:110px 0 5px 20px;width:200px; height:45px; float:left;background:transparent url(../img/top50man-voteinfo-bg.jpg) no-repeat;position:relative;} #top50manvoteinfobox a.getvoteinfo { width:86px; height:23px; float:left; background:url(../img/top50man-voteinfo-btn1.gif) no-repeat; text-indent:-1000em;} #top50manvoteinfobox a.actionrule { width:86px; height:23px; float:left; background:url(../img/top50man-voteinfo-btn2.gif) no-repeat; text-indent:-1000em; padding-right:10px;} /*== blogmanpost ==*/ #blogmanpost { width:220px; height:430px; float:left;background:transparent url(../img/blogmanpost-bg.jpg) no-repeat;position:relative;margin-top:10px;} #blogmanpost .blogmanposttitle {width:214px; height:29px; float:left; background:url(../img/blogmanpost-title.jpg) no-repeat; text-indent:-1000em; margin:0;} div.blogmanpostScroll { width:214px;height:390px;overflow:hidden;float:left;position:relative;} #blogmanList {width:214px;height:390px;overflow:hidden;} #blogmanList ul.blogmanpostlist {width:205px; padding:10px 0 0 8px;} #blogmanList ul.blogmanpostlist li { float:left; width:200px; padding:0 0 0 10px} #blogmanList .blogpostface { width:45px; height:45px; float:left; padding:4px 0 10px 10px;text-indent:-1000em;} #blogmanList .blogpostfacepng01 {background:url(../img/blogmanpost-face01.png) no-repeat;} #blogmanList .blogpostfacepng02 {background:url(../img/blogmanpost-face02.png) no-repeat;} #blogmanList .blogpostfacepng03 {background:url(../img/blogmanpost-face03.png) no-repeat;} #blogmanList .blogpostfacepng04 {background:url(../img/blogmanpost-face04.png) no-repeat;} #blogmanList .blogpostfacepng05 {background:url(../img/blogmanpost-face05.png) no-repeat;} #blogmanList .blogpostfacepng06 {background:url(../img/blogmanpost-face06.png) no-repeat;} #blogmanList .blogpostfacepng07 {background:url(../img/blogmanpost-face07.png) no-repeat;} #blogmanList .blogpostfacepng08 {background:url(../img/blogmanpost-face08.png) no-repeat;} * html #blogmanList .blogpostfacepng01 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face01.png"); background:none!important;} * html #blogmanList .blogpostfacepng02 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face02.png"); background:none!important;} * html #blogmanList .blogpostfacepng03 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face03.png"); background:none!important;} * html #blogmanList .blogpostfacepng04 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face04.png"); background:none!important;} * html #blogmanList .blogpostfacepng05 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face05.png"); background:none!important;} * html #blogmanList .blogpostfacepng06 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face06.png"); background:none!important;} * html #blogmanList .blogpostfacepng07 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face07.png"); background:none!important;} * html #blogmanList .blogpostfacepng08 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-face08.png"); background:none!important;} #blogmanList .blogpostname {width:55px; height:40px; float:left; text-indent:-1000em; } #blogmanList .blogmanpostname01 {background:url(../img/blogpostname01.png) no-repeat; } #blogmanList .blogmanpostname02 {background:url(../img/blogpostname02.png) no-repeat; } #blogmanList .blogmanpostname03 {background:url(../img/blogpostname03.png) no-repeat; } #blogmanList .blogmanpostname04 {background:url(../img/blogpostname04.png) no-repeat; } #blogmanList .blogmanpostname05 {background:url(../img/blogpostname05.png) no-repeat; } #blogmanList .blogmanpostname06 {background:url(../img/blogpostname06.png) no-repeat; } #blogmanList .blogmanpostname07 {background:url(../img/blogpostname07.png) no-repeat; } #blogmanList .blogmanpostname08 {background:url(../img/blogpostname08.png) no-repeat; } * html #blogmanList .blogmanpostname01 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname01.png"); background:none!important;} * html #blogmanList .blogmanpostname02 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname02.png"); background:none!important;} * html #blogmanList .blogmanpostname03 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname03.png"); background:none!important;} * html #blogmanList .blogmanpostname04 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname04.png"); background:none!important;} * html #blogmanList .blogmanpostname05 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname05.png"); background:none!important;} * html #blogmanList .blogmanpostname06 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname06.png"); background:none!important;} * html #blogmanList .blogmanpostname07 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname07.png"); background:none!important;} * html #blogmanList .blogmanpostname08 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogpostname08.png"); background:none!important;} #blogmanList p {width:120px; height:64px; float:right; padding:0 20px 8px 0px; line-height:18px;} #blogmanList a {width:76px; height:20px; float:right; padding-right:20px; background:url(../img/blogmanpost-btn.gif) no-repeat; text-indent:-1000em;} #blogmanList .blogmanpostline {width:220px; height:10px; float:left; background:url(../img/blogmanpost-line.png) -14px 0 no-repeat; text-indent:-1000em; margin:4px auto 4px;} * html #blogmanList .blogmanpostline { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/blogmanpost-line.png"); background:none!important;} /*==top50 votepop info==*/ #top50manvoteok h3.voteerror { background:url(../img/top50man-vote-info01.gif) no-repeat; margin-top:14px;} #top50manvoteerror h3.voteerror { background:url(../img/top50man-vote-info02.gif) no-repeat; margin-top:14px;} #top50manvoteclose h3.voteerror { background:url(../img/top50man-vote-info03.gif) no-repeat; margin-top:14px;} /*== personage-top ==*/ #middleTd div.personage-top { background:url(../img/personage-top-bg.jpg) 0 0 no-repeat;} #middleTd div.personage-34 { background:url(../img/maincontent-bg.jpg) 0 0 no-repeat;} #contentBox.personage-top h1 { width:666px; height:55px; margin:70px 0 0 64px; text-indent:-1000em} * html #contentBox.personage-top h1 { margin:70px 0 0 64px;} #contentBox.personage-top .personage-cont { width:645px; height:auto; overflow:hidden; padding-left:94px;} /*== #videoBox ==*/ #middleTd #contentBox .personage-cont #videoBox { width:293px; height:250px; margin:0; padding:0;float:left;} #contentBox .personage-cont #videoBox .videoboxnav { width:293px; height:29px;} #videoBox .videoboxnav ul { width:293px;} #videoBox .videoboxnav ul li { width:99px; height:29px; float:left; background:none} #videoBox .videoboxnav ul li a { width:99px; height:29px; float:left; text-indent:-1000em; background:url(../img/videobox-nav.gif) no-repeat;} #videoBox .videoboxnav ul li a.videolink01 { background-position: -198px 0;} #videoBox .videoboxnav ul li a.videolink02 { background-position: -99px 0;} #videoBox .videoboxnav ul li.selected a.videolink01 { background-position: 0 0;} #videoBox .videoboxnav ul li.selected a.videolink02 { background-position: -297px 0;} /*== personageBox ==*/ .personage-top .personageBox { width:340px; height:278px; float:left; margin-left:12px; overflow:hidden;} .personage-top .personageBox h2 { width:340px; height:63px; float:left; clear:left; text-indent:-1000em; background:url(../img/personageBox-h2.gif) no-repeat} .personage-top .personageBox p { width:340px; height:92px;float:left; clear:left; text-indent:-1000em;} .personage-top .personageBox h3 { width:340px; height:30px; float:left; clear:left; text-indent:-1000em; background:url(../img/personageBox-h3.gif) no-repeat} .personage-top .personageBox span.grade { width:300px; height:20px; clear:left; padding-left:10px;float:left;} .personage-top span.pingno { float:left; width:auto; height:18px;padding:0 10px ;} .personage-top .personageBox span.grade img { width:19px; height:19px; float:left; margin:0; padding:0;} .personage-top .personageBox a { width:140px; height:36px; float:left; clear:left; text-indent:-1000em; cursor:pointer;} .personage-top .personageBox a.link01 { background:url(../img/personageBox-btn01.gif) no-repeat;} .personage-top .personageBox a.link02 { background:url(../img/personageBox-btn02.gif) no-repeat;} /*== personageBoxword ==*/ .personage-top .personageBoxword { width:645px; float:left; clear:left;} .personageBoxword h2 { width:645px; height:30px; float:left; background:url(../img/personageBoxword-title.gif) no-repeat; text-indent:-1000em;} .personageBoxword p { width:640px;float:left; clear:left; padding-left:5px;line-height:22px; } #contentBox .personage-cont #hisphotoBox {} /*== expertsbox ==*/ .personage-top .expertsbox { width:645px; height:327px; overflow:hidden; float:left; clear:left; background:url(../img/expertsbox-bg.jpg) no-repeat;} .personage-top .expertsbox h2 {width:645px; height:51px; float:left; clear:left; text-indent:-1000em; background:url(../img/expertsbox-title.gif) no-repeat;} .personage-top .expertsbox #expertstub {width:600px; padding-left:10px;} .personage-top .expertsbox ul li { width:115px; height:80px; float:left;} .personage-top .expertsbox ul li a { width:115px; height:80px; float:left; text-indent:-1000em; background:url(../img/expertsbox-tub.gif) no-repeat; cursor:pointer;} .personage-top .expertsbox ul li a.pingboxtab01 { background-position:0 1px} .personage-top .expertsbox ul li a.pingboxtab02 { background-position:-115px 1px} .personage-top .expertsbox ul li a.pingboxtab03 { background-position:-230px 1px} .personage-top .expertsbox ul li a.pingboxtab04 { background-position:-345px 1px} .personage-top .expertsbox ul li.ui-tabs-selected a.pingboxtab01 { background-position:0 -80px} .personage-top .expertsbox ul li.ui-tabs-selected a.pingboxtab02 { background-position:-115px -80px} .personage-top .expertsbox ul li.ui-tabs-selected a.pingboxtab03 { background-position:-230px -80px} .personage-top .expertsbox ul li.ui-tabs-selected a.pingboxtab04 { background-position:-345px -80px} .personage-top .expertsbox .pingboxinfo { width:600px;} .personage-top .expertsbox .pingboxinfo h3 { width:600px; height:51px; float:left; clear:left; text-indent:-1000em;} .personage-top .expertsbox #pingbox01 h3 { background:url(../img/pingboxinfo-h301.gif) no-repeat;} .personage-top .expertsbox #pingbox02 h3 { background:url(../img/pingboxinfo-h302.gif) no-repeat;} .personage-top .expertsbox #pingbox03 h3 { background:url(../img/pingboxinfo-h303.gif) no-repeat;} .personage-top .expertsbox #pingbox04 h3 { background:url(../img/pingboxinfo-h304.gif) no-repeat;} .personage-top .expertsbox .pingboxinfo h4 { display:none} .personage-top .expertsbox .pingboxinfo h5 { width:100px; height:30px; float:left; background:url(../img/pingboxinfo-h5.gif) no-repeat;text-indent:-1000em;} .personage-top .expertsbox .pingboxinfo p { width:580px; float:left; clear:left; padding-left:18px; line-height:22px;} /*== publicbox ==*/ .personage-top .publicbox { width:645px;} .personage-top .publicbox h2 { width:640px; height:39px; float:left; clear:left; background:url(../img/publicboxscro-h2.jpg) no-repeat;text-indent:-1000em; } .personage-top .publicbox .jScrollPaneContainer { float:left; clear:left;} .personage-top .publicbox .pagenav { width:600px; float:left; clear:left; text-align:right; line-height:24px;} .personage-top .publicbox .pagenav table { float:right;} .personage-top .publicbox .pagenav a { width:20px; } .personage-top .publicbox .publicboxscro { width:640px; height:390px; overflow: auto; float:left; clear:left} .personage-top .publicbox .publicboxscro ul { background:url(../img/publicbox-ulbg.jpg) repeat-y;} .personage-top .publicbox .publicboxscro ul li { width:609px; height:130px;} .personage-top .publicbox .publicboxscro ul li .img { width:100px; height:130px; padding-left:6px; float:left;clear:left;text-align:center;display:table-cell; text-align:center; /* 针对IE的Hack */ *display:block; *font-size:64px;/*约为高度的0.873*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/; vertical-align:middle;} .personage-top .publicbox .publicboxscro ul li .img img { width:65px; height:85px;margin-top:20px;} .personage-top .publicbox .publicboxscro ul li .info { width:480px; height:40px; float:left; background:url(../img/publicboxscro-infobg.gif) no-repeat;line-height:22px; padding-top:20px;} .personage-top .publicbox .publicboxscro ul li .info span { float:left;} .personage-top .publicbox .publicboxscro ul li .info span.name { width:60px; } .personage-top .publicbox .publicboxscro ul li .info h4 {display:none} .personage-top .publicbox .publicboxscro ul li .info h5 { width:80px; height:30px; float:left; background:url(../img/publicboxscro-h5.png) no-repeat;text-indent:-1000em;} *html .personage-top .publicbox .publicboxscro ul li .info h5 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="img/publicboxscro-h5.png"); background:none!important;} .personage-top .publicbox .publicboxscro ul li .info span.grade { width:140px; height:30px; } .personage-top .publicbox .publicboxscro ul li .info span.grade img { width:19px; height:19px; margin:0; padding:0;} .personage-top .publicbox .publicboxscro ul li .info span.daytime { width:160px;} .personage-top .publicbox .publicboxscro ul li p { width:480px; float:left; line-height:22px;} /*== commentsbox ==*/ .personage-top .commentsbox { width:645px; height:306px; float:left; clear:left; background:url(../img/commentsbox-bg.gif) no-repeat; margin-top:6px;} .personage-top .commentsbox h2 { width:100px; height:50px; float:left; clear:left; text-indent:-1000em; background:url(../img/commentsbox-h2.gif) no-repeat;} .personage-top .commentsbox ul { width:620px; float:left; clear:left; padding-left:25px;} .personage-top .commentsbox ul li { width:620px;float:left; height:40px; line-height:40px;} .personage-top .commentsbox ul li.username { width:200px;} .personage-top .commentsbox ul li.password { width:200px;} .personage-top .commentsbox ul li.link { width:200px;} .personage-top .commentsbox ul li.link a { padding-left:20px;} .personage-top .commentsbox ul li.star {} .personage-top .commentsbox ul li.comment { height:102px; overflow:hidden} .personage-top .commentsbox ul li.code {} .personage-top .commentsbox ul li.btn {} .personage-top .commentsbox ul li.btn input { background:transparent url(../img/commentsbox-btn.gif) no-repeat;border:0 none;cursor:pointer;height:23px;text-indent:-1000em;width:90px; margin-left:60px; float:left;} .personage-top .commentsbox ul li input.txt { width:120px;height:16px;background:#363636;border:1px solid #585858;color:#AFA38D;float:left;line-height:16px;margin:10px 0 0 1px;} .personage-top .commentsbox ul li label { width:60px; float:left;} .personage-top .commentsbox ul li textarea { width:370px; max-width:370px; height:90px; max-height:90px; background:#363636;border:1px solid #585858;color:#AFA38D;float:left; margin-top:8px;} .personage-top .commentsbox .gradeselect {width:130px; margin-top:8px;float:left} *+html .personage-top .commentsbox .gradeselect { margin-top:0;} .personage-top .commentsbox .gradeselect img { margin:0; padding:0;} .personage-top .commentsbox #gradechecked { width:50px; float:left;margin-top:4px;} *html .personage-top .commentsbox #gradechecked { margin-top:0;} .personage-top .commentsbox #gradechecked label {width:41px;float:left; text-indent:-1000em; background:url(../img/gradechecked.gif)} .personage-top .commentsbox #gradechecked #gradetxt1 { background-position:0 0} .personage-top .commentsbox #gradechecked #gradetxt2 { background-position:-41px 0} .personage-top .commentsbox #gradechecked #gradetxt3 { background-position:-82px 0} .personage-top .commentsbox #gradechecked #gradetxt4 { background-position:-123px 0} .personage-top .commentsbox #gradechecked #gradetxt5 { background-position:-164px 0} /*34,48,57*/ #contentBox.personage-34 h1 { background:url(../img/personage-34-title.gif) no-repeat;} #contentBox.personage-34 .personageBox { background:url(../img/personagebox-34-bg.jpg) no-repeat;} #contentBox.personage-34 .personageBox p { background:url(../img/personagebox-34-p.gif) no-repeat;} #contentBox.personage-48 h1 { background:url(../img/personage-48-title.gif) no-repeat;} #contentBox.personage-48 .personageBox { background:url(../img/personagebox-48-bg.jpg) no-repeat;} #contentBox.personage-48 .personageBox p { background:url(../img/personagebox-48-p.gif) no-repeat;} #contentBox.personage-57 h1 { background:url(../img/personage-57-title.gif) no-repeat;} #contentBox.personage-57 .personageBox { background:url(../img/personagebox-57-bg.jpg) no-repeat;} #contentBox.personage-57 .personageBox p { background:url(../img/personagebox-57-p.gif) no-repeat;} /*== pop windows postedmtop3 =*/ #postedmtop3 {} #TB_ajaxContent h3.edm { width:160px; height:20px; float:left; text-indent:-1000em; background:url(../img/postedmtop3-h3.gif) no-repeat; margin-top:8px} #TB_ajaxContent textarea.longtxt { width:380px;height:68px;background:#363636;border:1px solid #585858;color:#AFA38D;float:left;line-height:14px;margin:10px 0 0 1px; clear:left} #TB_ajaxContent input.btnsub { background:transparent url(../img/postedmtop3-btn.gif) no-repeat;border:0 none;cursor:pointer;height:23px;text-indent:-1000em;width:90px; margin:4px 0 0 260px; float:left; clear:left;} #TB_ajaxContent h3.popwin-title-pingok { width:342px; height:111px; float:left; text-indent:-1000em; background:url(../img/popwin-title-pingok.gif) no-repeat; } #TB_ajaxContent h3.popwin-title-reg { width:342px; height:65px; float:left; text-indent:-1000em; background:url(../img/popwin-title-reg.gif) no-repeat; } #TB_ajaxContent a.btn-enter { width:78px;height:27px;float:left;line-height:16px;clear:left;text-indent:-1000em; background:url(../img/btn-enter.gif) no-repeat;margin:10px 0 0 260px; } /*== leftinfo ==*/ .leftinfo { width:220px; height:auto;} .leftinfo span { display:none; width:0px; height:0px;text-indent:-1000em;} .leftinfo h2.info01 { width:220px;height:191px; float:left; clear:left; background:url(../img/leftinfo-h2.jpg) no-repeat;} .leftinfo h2.info01 a { width:220px;height:191px; float:left; clear:left;text-indent:-1000em;} .leftinfo h3.info02 { width:220px; height:24px; float:left; clear:left; text-indent:-1000em; background:url(../img/leftinfo-h3info02.gif) no-repeat;} .leftinfo h3.info03 { width:220px;height:200px; float:left; clear:left; text-indent:-1000em; background:url(../img/leftinfo-h3info03.jpg) no-repeat;} .leftinfo h3.info03 a { width:220px;height:200px; float:left; clear:left;text-indent:-1000em;} .leftinfo h4 { width:220px;height:110px; float:left; clear:left;} .leftinfo h4.info34 { background:url(../img/leftinfo-h4info34.jpg) no-repeat;} .leftinfo h4.info48 { background:url(../img/leftinfo-h4info48.jpg) no-repeat;} .leftinfo h4.info57 { background:url(../img/leftinfo-h4info57.jpg) no-repeat;} .leftinfo h4 a { width:220px;height:110px; float:left; clear:left;text-indent:-1000em;} .hiddenRadio{ display:none;} .personage-top .commentsbox ul li img.txtImg {line-height:16px;margin:10px 0 0 1px;} #luofengBox { width:740px; height:680px; overflow:hidden; position:relative;} #luofengShow { width:780px; height:680px; position:absolute; left:0; top:0;} /*== stylish_body ==*/ #stylish_body {} #stylish_body #stylish_body_top { height:40px; width:100%; background:url(../img/stylish_top_bg.gif) top center no-repeat;} #stylish_body #stylish_body_top #headerBox { height:40px; margin:0 auto; } #stylish_body #middleTd { min-height:475px;} #stylish_body #leftBg { background:url(../img/stylish_left_bg.jpg) repeat-x; height:630px} #stylish_body #rightBg { background:url(../img/stylish_right_bg.jpg) repeat-x; height:630px} #stylish_body #stylish_td { display:table; clear:left; vertical-align:top;} #stylish_body #stylish_body_logo { width:960px; height:86px; background:url(../img/stylish_body_top_bg.jpg) no-repeat;} #stylish_body #stylish_experience_flash { width:960px; height:475px; background:url(../img/stylish_experience_flash_bg.jpg) no-repeat;} #stylish_body a.logo { width:109px; height:86px; float:left; background:url(../img/stylish_logo.gif) no-repeat; text-indent:-1000em;} #stylish_body a.btn_backhome { width:64px; height:86px; float:right; background:url(../img/stylish_btn_backhome.gif) 0 55px no-repeat; text-indent:-1000em;} #stylish_body #middleTd { background:url(../img/stylish_experience_flash_bg.jpg) no-repeat;} .brandevent2008 { height:750px;}