@charset "utf-8";   body, h1,h2,h3,h4,h5,h6, p,ul,ol,dl,dd, form,fieldset,legend,textarea,input,button, blockquote,pre{ margin:0; padding:0}
html{ overflow-y:scroll}
body{ font:12px "microsoft yahei",Helvetica; color:#666; background:#fff url(/images/common/header_divideline.png) repeat-x 0 95px}
h1,h2,h3,h4,h5,h6, input,textarea,select,optgroup,button, pre,tt,code{ font-size:100%; font-family: "microsoft yahei",Helvetica}
input,textarea,select,button, * legend{ color:#444}
form label{ cursor:pointer}
textarea{ overflow:auto}
img{ border:0}
hr{ height:1px; border:none; border-top:1px solid #DDD}
fieldset{ border:1px solid #DDD}
q:before, q:after {content:''}
li{ list-style:none}
table{ width:100%}
 a{ color:#C69; text-decoration:none}
body a:hover{ color:#39E; text-decoration:none}
.clear-color a, a.clear-color{ color:#444}
.under-line a, a.under-line{ text-decoration:underline}
a:focus, object {outline:none}
.dragable{ cursor:move}
.clickable{ cursor:pointer}
blockquote{ zoom:1; border:1px dashed #FBD; padding:0 10px; margin:15px; background:#FFF}
blockquote #addresser, blockquote span.addresser{ line-height:20px; position:relative; top:-10px; background:#FFF}
.help{ height:25px; padding-left:30px; margin-bottom:15px; background:#CEB url(/images/common/help-left.gif) no-repeat left top}
.help div{ height:25px; line-height:25px; padding-right:12px; font-size:12px; font-weight:lighter; background:url(/images/common/help-right.gif) no-repeat right top}
.user-levels{ font-weight:bold; color:#5A0}
.user-coins{ padding-right:15px; font-weight:bold; color:#F60; background:url(/images/profile/gold-coin.gif) no-repeat 100% 2px}
.user-points{ font-weight:bold}
.c-gold-coin{ color:#F60}
.c-level{ color:#394 }
.gold-coin{ padding-right:13px; background:url(/images/profile/gold-coin.gif) no-repeat right 1px; color:#F60; font-weight:bold}
.user-online, .user-unline{ padding-left:18px; font-weight:bold; background:url(/images/profile/user-online.gif) no-repeat}
.user-online{ background-position:0px 0px}
.user-unline{ background-position:0px -25px}
 #ajax-indicator {position: absolute;  left:50%; width:198px; height:28px; line-height:28px; border:1px solid #9C6; margin-left:-107px; font-weight:bold; text-align:center; color:#360; z-index:99999; filter:alpha(opacity=70); -moz-opacity:7; opacity: 0.7; -khtml-opacity: 0.7; background-color:#EFD}
#ajax-indicator span {line-height:28px; background:url(/images/common/loading.gif) no-repeat left center; padding:2px 0 2px 26px}
  .size20{ font-size:20px}
.size18{ font-size:18px}
.size16{ font-size:16px}
.size14{ font-size:14px}
.size13{ font-size:13px}
.size12{ font-size:12px}
.size11{ font-size:11px}
 .red1{ color:#F69}
.red2{ color:#E39}
.red3{ color:#f00}
.green1{ color:#5A0}
.green2{ color:#390}
.orange1{ color:#F60}
.orange2{ color:#F30}
.gray1{ color:#444}
.gray2{ color:#888}
.black{ color:#000}
.white{ color:#FFF}
 .stress{ font-weight:bold}
.lighter{ font-weight:lighter}
 .left{ text-align:left}
.center{ text-align:center}
.right{ text-align:right}
.top, .top- *{ vertical-align:top}
.middle, .middle- *{ vertical-align:middle}
.bottom, .bottom- *{ vertical-align:bottom}
 .justify{ text-align:justify; text-justify:newspaper}
.clear-justify{ text-align:left; text-justify:auto}
 .limit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
 .indent{ text-indent:2em}
.clear-indent{ text-indent:0}
 .gap10{ padding:0 5px}
.gap20{ padding:0 10px}
.gap30{ padding:0 15px}
.gap40{ padding:0 20px}
 .line-height1{ line-height:1.5}
.line-height2{ line-height:2}
.line-height3{ line-height:2.5}
.clear-line-height{ line-height:normal}
 .round{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
 .divide5, .divide10, .divide15, .divide20{ border-bottom:1px solid #DDD}
.divide5{ padding-bottom:5px; margin-bottom:5px}
.divide10{ padding-bottom:10px; margin-bottom:10px}
.divide15{ padding-bottom:15px; margin-bottom:15px}
.divide20{ padding-bottom:20px; margin-bottom:20px}
.clear-divide{ padding-bottom:0; border-bottom:0; margin-bottom:0}
 .padding5{ padding-bottom:5px}
.padding10{ padding-bottom:10px}
.padding15{ padding-bottom:15px}
.padding20{ padding-bottom:20px}
.clear-padding{ padding-bottom:0}
 .margin5{ margin-bottom:5px}
.margin10{ margin-bottom:10px}
.margin15{ margin-bottom:15px}
.margin20{ margin-bottom:20px}
.clear-margin{ margin-bottom:0}
 .float-left, .left-float{ float:left}
.float-right, .right-float{ float:right}
.clear-float, .clear{ overflow:hidden; height:0; clear:both}
 .hide{ display:none}
.visible{ display:block}
.mobile-visible{ display:none}
  .green-button1,.red-button1,.orange-button1,.blue-button1,.gray-button1, .green-button2,.red-button2,.orange-button2,.blue-button2,.gray-button2, .green-button3,.red-button3,.orange-button3,.blue-button3,.gray-button3, .green-button4,.red-button4,.orange-button4,.blue-button4,.gray-button4, .green-button5,.red-button5,.orange-button5,.blue-button5,.gray-button5, .green-button6,.red-button6,.orange-button6,.blue-button6,.gray-button6{ overflow:hidden; display:inline-block; border:0; cursor:pointer; text-align:center; text-decoration:none; font-weight:bold; font-family:"microsoft yahei",Helvetica; color:#FFF !important; background:url(/images/common/button-m1.gif) no-repeat}
a.green-button1,a.red-button1,a.orange-button1,a.blue-button1,a.gray-button1, a.green-button2,a.red-button2,a.orange-button2,a.blue-button2,a.gray-button2, a.green-button3,a.red-button3,a.orange-button3,a.blue-button3,a.gray-button3, a.green-button4,a.red-button4,a.orange-button4,a.blue-button4,a.gray-button4, a.green-button5,a.red-button5,a.orange-button5,a.blue-button5,a.gray-button5, a.green-button6,a.red-button6,a.orange-button6,a.blue-button6,a.gray-button6{ font-family:Verdana; * font-family:"microsoft yahei",Helvetica}
.green-button1, .red-button1, .orange-button1, .blue-button1, .gray-button1{ width:60px; height:21px; line-height:21px; _line-height:23px}
.green-button1{ background-position:0 0}
.green-button1:hover{ background-position:0 -40px}
.red-button1{ background-position:-120px 0}
.red-button1:hover{ background-position:-120px -40px}
.orange-button1{ background-position:-240px 0}
.orange-button1:hover{ background-position:-240px -40px}
.blue-button1{ background-position:-360px 0}
.blue-button1:hover{ background-position:-360px -40px}
.gray-button1{ background-position:-480px 0}
.gray-button1:hover{ background-position:-480px -40px}
.green-button2, .red-button2, .orange-button2, .blue-button2, .gray-button2{ width:80px; height:21px; line-height:21px; _line-height:23px}
.green-button2{ background-position:0 -80px}
.green-button2:hover{ background-position:0 -120px}
.red-button2{ background-position:-120px -80px}
.red-button2:hover{ background-position:-120px -120px}
.orange-button2{ background-position:-240px -80px}
.orange-button2:hover{ background-position:-240px -120px}
.blue-button2{ background-position:-360px -80px}
.blue-button2:hover{ background-position:-360px -120px}
.gray-button2{ background-position:-480px -80px}
.gray-button2:hover{ background-position:-480px -120px}
.green-button3, .red-button3, .orange-button3, .blue-button3, .gray-button3{ width:80px; height:25px; line-height:25px; _line-height:27px}
.green-button3{ background-position:0 -160px}
.green-button3:hover{ background-position:0 -200px}
.red-button3{ background-position:-120px -160px}
.red-button3:hover{ background-position:-120px -200px}
.orange-button3{ background-position:-240px -160px}
.orange-button3:hover{ background-position:-240px -200px}
.blue-button3{ background-position:-360px -160px}
.blue-button3:hover{ background-position:-360px -200px}
.gray-button3{ background-position:-480px -160px}
.gray-button3:hover{ background-position:-480px -200px}
.green-button4, .red-button4, .orange-button4, .blue-button4, .gray-button4{ width:100px; height:25px; line-height:25px; _line-height:27px}
.green-button4{ background-position:0 -240px}
.green-button4:hover{ background-position:0 -280px}
.red-button4{ background-position:-120px -240px}
.red-button4:hover{ background-position:-120px -280px}
.orange-button4{ background-position:-240px -240px}
.orange-button4:hover{ background-position:-240px -280px}
.blue-button4{ background-position:-360px -240px}
.blue-button4:hover{ background-position:-360px -280px}
.gray-button4{ background-position:-480px -240px}
.gray-button4:hover{ background-position:-480px -280px}
.green-button5, .red-button5, .orange-button5, .blue-button5, .gray-button5{ width:100px; height:31px; line-height:31px; _line-height:33px; font-size:14px}
.green-button5{ background-position:0 -320px}
.green-button5:hover{ background-position:0 -360px}
.red-button5{ background-position:-120px -320px}
.red-button5:hover{ background-position:-120px -360px}
.orange-button5{ background-position:-240px -320px}
.orange-button5:hover{ background-position:-240px -360px}
.blue-button5{ background-position:-360px -320px}
.blue-button5:hover{ background-position:-360px -360px}
.gray-button5{ background-position:-480px -320px}
.gray-button5:hover{ background-position:-480px -360px}
.green-button6, .red-button6, .orange-button6, .blue-button6, .gray-button6{ width:120px; height:31px; line-height:31px; _line-height:33px; font-size:14px}
.green-button6{ background-position:0 -400px}
.green-button6:hover{ background-position:0 -440px}
.red-button6{ background-position:-120px -400px}
.red-button6:hover{ background-position:-120px -440px}
.orange-button6{ background-position:-240px -400px}
.orange-button6:hover{ background-position:-240px -440px}
.blue-button6{ background-position:-360px -400px}
.blue-button6:hover{ background-position:-360px -440px}
.gray-button6{ background-position:-480px -400px}
.gray-button6:hover{ background-position:-480px -440px}
 .dutton, .dutton span{ overflow:hidden; display:inline-block; height:31px; line-height:31px; border:0; cursor:pointer; text-decoration:none; font-weight:bold; font-size:14px; color:#FFF !important; background:url(/images/common/dutton-m2.gif) no-repeat 0 0}
.dutton{ padding-left:30px}
.dutton span{ padding-right:10px}
.dutton.green-dutton{ background-position:0 0}
.dutton.green-dutton span{ background-position:100% -40px}
.dutton.green-dutton:hover{ background-position:0 -80px}
.dutton.green-dutton:hover span{ background-position:100% -120px}
.dutton.red-dutton{ background-position:0 -160px}
.dutton.red-dutton span{ background-position:100% -200px}
.dutton.red-dutton:hover{ background-position:0 -240px}
.dutton.red-dutton:hover span{ background-position:100% -280px}
.dutton.orange-dutton{ background-position:0 -320px}
.dutton.orange-dutton span{ background-position:100% -360px}
.dutton.orange-dutton:hover{ background-position:0 -400px}
.dutton.orange-dutton:hover span{ background-position:100% -440px}
.dutton.blue-dutton{ background-position:0 -480px}
.dutton.blue-dutton span{ background-position:100% -520px}
.dutton.blue-dutton:hover{ background-position:0 -560px}
.dutton.blue-dutton:hover span{ background-position:100% -600px}
.dutton.gray-dutton{ background-position:0 -640px}
.dutton.gray-dutton span{ background-position:100% -680px}
.dutton.gray-dutton:hover{ background-position:0 -720px}
.dutton.gray-dutton:hover span{ background-position:100% -760px}
 .main-button, .sub-button{ display: inline-block; width: 128px; border: 0; cursor: pointer; height: 50px; line-height: 50px; font-size: 18px; color: #fff; border-radius: 3px; background: rgb(255,76,75); font-weight: bold; -webkit-appearance: none}
.sub-button{ background: #f7e7cf; color: #666}
.main-button:hover, .sub-button:hover{ color: #fff; background: rgb(242,101,34)}
.disable-button, .disable-button:hover{ color: #fff; width: 200px; cursor: default; background: #ccc}
 .fav-button{ display:inline-block; width:60px; height:24px; background:url(/images/common/fav-button.gif) no-repeat 0 0}
.fav-button:hover{ background-position:0 100%}
.share-bar{ height:24px}
.share-bar li, .share-bar a{ float:left}
.share-bar li{ padding-left:5px}
.share-bar a{ height:24px; width:24px; background:url(/images/common/share-icon.gif) no-repeat}
.share-bar a.renren{ background-position:0 0}
.share-bar a.renren:hover{ background-position:0 100%}
.share-bar a.sina{ background-position:-24px 0}
.share-bar a.sina:hover{ background-position:-24px 100%}
 .article{ line-height:2}
.article h1, .article h2, .article h3{ height:2em}
.article h1{ font-size:133%}
.article h2{ font-size:117%}
.article h3{ font-size:108%}
.article p, .article ul, .article ol, .article dl, .article table, .article .outstand, .article .inset{ margin-bottom:1em}
.article .clear-margin, .article .clear-margin- *, .article .del-margin{ margin-bottom:0}
.article p{ text-indent:2em}
.article .clear-indent, .article .clear-indent- p{ text-indent:0}
.article ul, .article ol, .article dl{ margin-left:2em}
.article .clear-indent- ul, .article .clear-indent- ol, .article .clear-indent- dl{ margin-left:0}
.article ul li{ padding-left:1.5em; background:url(/images/common/gray-bullets.gif) no-repeat 0 0.75em; * background-position:0 0.70em}
.article ul.red-bullets li{ background-image:url(/images/common/red-bullets.gif)}
.article ul.green-bullets li{ background-image:url(/images/common/green-bullets.gif)}
.article ul.orange-bullets li{ background-image:url(/images/common/orange-bullets.gif)}
.article ul.blue-bullets li{ background-image:url(/images/common/blue-bullets.gif)}
.article ol li{ padding-left:1.5em; text-indent:-1.5em; list-style:decimal inside}
.article ol.custom li{ list-style:none outside}
.article .lspace{ margin-left:2em}
.article .rspace{ margin-right:2em}
.article .bg-green{ background:#EFD}
.article .bg-red{ background:#FDE}
.article .bg-blue{ background:#DEF}
.article .ending{ padding-right:13px; background:url(/images/common/ending.gif) no-repeat 100% 50%}
 .article .capital{ text-indent:0}
.article .capital .first-letter{ float:left; margin-right:10px; font:36px/42px "微软雅黑",黑体}
 .article .outstand{ padding:0.5em 1em; margin-left:2em; margin-right:2em; background:#EFD}
.article .outstand.bg-red{ background:#FDE}
.article .outstand.bg-blue{ background:#DEF}
.article .outstand p{ text-indent:0}
 .article .inset-wrap{ overflow:auto; _height:1%}
.article .inset-wrap .inset{ margin-top:0.5em}
.article .inset{ text-align:center}
.article .inset p{ text-indent:0; font-weight:bold; font-size:12px}
 .pay .pay-panel-head{ height:35px; line-height:35px; padding:0 10px; font-size:14px; font-weight:bold; background:#ffe8f2}
.pay .pay-panel-body{ line-height:2; padding:10px 10px 0}
.pay .pay-tab{ height:33px; padding:2px 10px 0; border-bottom:1px solid #FBD}
.pay .pay-tab li, .pay .pay-tab a{ float:left; height:32px; line-height:32px}
.pay .pay-tab li{ position:relative; top:1px; margin-right:10px}
.pay .pay-tab a{ padding:1px 11px 0}
.pay .pay-tab a.current, .pay .pay-tab a:hover{ padding:0 10px; border:1px solid #FBD; border-bottom:none; color:#444; background:#FFF}
.pay .pay-tab-panel{ padding:19px 20px; border:1px solid #FBD; border-top:none; background:#FFF}
.pay .pay-online td{ width:16%; padding:8px}
.pay .pay-online td.current{ background:#FEA}
.pay .pay-online img{ border:1px solid #CCC}
.pay .pay-online td:hover img{ border-color:#F90}
.pay .order-show{ line-height:35px; background:#FFF}
.pay .order-show td{ width:50%; border-color:#FBD}
.pay .price-sum{ background:#FFC; padding:10px 15px}
.pay .pay-panel h3{ line-height:30px; padding:0 10px; margin-bottom:10px; font-size:14px; background:#ffe8f2}
.pay .pay-panel .part{ padding:0 10px}
 .top-pagination-wrap{ height:25px; border-bottom:1px dashed #CCC; margin-bottom:10px; text-align:right}
.bottom-pagination-wrap{ padding-top:6px; border-top:1px dashed #CCC; text-align:right}
.pagination-title{ float:left; font-size:13px; font-weight:bold}
.pagination-sum{ margin-right:10px}
.pagination{ display:inline}
.pagination a{ margin:0 2px}
.pagination em.current{ margin:2px; font-weight:bold; font-size:14px}
.pagination span.disabled{ margin:2px; color:#999}
  table .stripe{ background:#ffeff6}
.table0, .table1, .table2, .table3{ border-collapse:collapse}
.table0 th, .table0 td, .table1 th, .table1 td, .table2 th, .table2 td, .table3 th, .table3 td{ padding:0 10px; border:1px solid #ffc2eb}
.table0 .thead, .table1 .thead, .table2 .thead, .table3 .thead{ background:#ffe0ee}
 .table0 th, .table0 td{ border:0}
 .table1 th, .table1 td{ border-left:0; border-right:0}
 .green-table th, .green-table td{ border-color:#BD9}
.green-table .thead{ background:#DEC}
.green-table .stripe{ background:#eef6e5}
 .red-table th, .red-table td{ border-color:#ffc2dd}
.red-table .thead{ background:#ffe0ee}
.red-table .stripe{ background:#ffeff6}
 .gray-table th, .gray-table td{ border-color:#d6d6d6}
.gray-table .thead{ background:#ebebeb}
.gray-table .stripe{ background:#f5f5f5}
 .deep-green-table th, .deep-green-table td{ border-color:#5A0}
.deep-green-table .thead{ color:#FFF; background:#5A0}
 .deep-red-table th, .deep-red-table td{ border-color:#F6A}
.deep-red-table .thead{ color:#FFF; background:#F6A}
 .deep-gray-table th, .deep-gray-table td{ border-color:#999}
.deep-gray-table .thead{ color:#FFF; background:#999}
  .textbox{ height:19px; line-height:19px; border:1px solid #7f9db9; background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0}
.textbox:hover{ background:#FFF}
 .textarea{ border:1px solid #7f9db9; background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0}
.textarea:hover{ background:#FFF}
.textarea textarea{ width:100%; line-height:2; border:0; background:none}
 select{ height:21px; padding:1px; * font-family:Arial}
 .textfile{ * height:21px; * line-height:21px; * border:1px solid #7f9db9; * background:#FFF url(/images/common/input-bg.gif) repeat-x 0 0}
input[class="textfile"]{ font-size:13px}
 .zogo-form-checkbox{ display:inline-block; height:15px; line-height:15px; padding-left:20px; margin-right:5px; cursor:pointer; background:url(/images/common/checkbox.gif) no-repeat 0 0}
.zogo-form-checkbox-hover{ background-position:0 -15px}
.zogo-form-checkbox-checked{ background-position:0 -30px !important}
 .zogo-form-radio{ display:inline-block; height:15px; line-height:15px; padding-left:20px; margin-right:5px; cursor:pointer; background:url(/images/common/radio.gif) no-repeat 0 0}
.zogo-form-radio-hover{ background-position:0 -15px}
.zogo-form-radio-checked{ background-position:0 -30px !important}
 .form-table td{ padding-bottom:15px}
.form-table tr.del-padding td{ padding-bottom:0px !important}
.form-table td.name{ text-align:right; white-space:nowrap}
 .form-text{ height:19px; line-height:17px; border:1px solid #7F9DB9; font-family:"microsoft yahei",Helvetica}
 .form-textarea{ line-height:21px; padding:0 5px; overflow:auto; font-size:12px; font-family:"microsoft yahei",Helvetica}
.fieldWithErrors {padding:1px; background-color:#F7B; display:inline-block}
.tag-manage {border-bottom:1px solid #CCCCCC; line-height:2; margin:-5px 0 15px; padding-bottom:10px}
.tag-manage .tag-rename, .tag-manage .tag-delete {border-bottom:1px solid #CCCCCC; line-height:2; margin:-5px 0 15px; padding-bottom:10px}
.tag-manage .tag-delete {background-position:100% 50%}
 .popup{ display:none; position:fixed; top:50%; left:50%; width:400px; margin-left:-200px; margin-top:-150px; line-height:normal}
 .popup .head-wrap, .popup .head, .popup .head-left, .popup .head-right{ height:40px}
.popup .head-wrap{ position:relative}
.popup .head{ height:31px; line-height:31px; padding-top:9px; margin:0 20px; font-size:14px; font-weight:bold; background:url(/images/popup/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-center.png')}
.popup .head-left, .popup .head-right{ position:absolute; top:0; width:20px}
.popup .head-left{ left:0; background:url(/images/popup/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-left.png')}
.popup .head-right{ right:0; background:url(/images/popup/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-head-right.png')}
.popup .close{ z-index:2; position:absolute; top:9px; right:15px; width:30px; height:30px}
.popup .close:hover{ background-position:0 100%}
 .popup .foot-wrap, .popup .foot, .popup .foot-left, .popup .foot-right{ height:20px}
.popup .foot-wrap{ position:relative}
.popup .foot{ margin:0 20px; background:url(/images/popup/popup-foot-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-center.png')}
.popup .foot-left, .popup .foot-right{ position:absolute; top:0; width:20px}
.popup .foot-left{ left:0; background:url(/images/popup/popup-foot-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-left.png')}
.popup .foot-right{ right:0; background:url(/images/popup/popup-foot-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-foot-right.png')}
.popup .resize{ position:absolute; bottom:10px; right:10px; width:21px; height:21px; cursor:se-resize; background:url(/images/popup/resize.gif) no-repeat 0 0}
 .popup .body-wrap{ width:100%; table-layout:fixed}
.popup .body-left{ _height:1%; width:20px; background:url(/images/popup/popup-body-left.png) repeat-y 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-body-left.png')}
.popup .body-right{ _height:1%; width:20px; background:url(/images/popup/popup-body-right.png) repeat-y 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/popup-body-right.png')}
.popup .body{ line-height:2; padding:10px 5px 0; background:#f9f9f9}
.popup .pop-title{ z-index:1; position:relative; height:34px; line-height:normal; margin:-34px 50px 0 -5px; font-size:14px; font-weight:bold}
.popup .timer{ color:#999}
.popup .title{ line-height:30px; font-size:14px}
.popup .sub-title{ height:25px; font-size:13px}
.popup .text p, .popup .text ul, .popup .text ol{ margin-bottom:0.5em}
.popup .text ul li{ list-style:disc inside}
.popup .text ol li{ padding-left:1.5em; text-indent:-1.5em; list-style:decimal inside}
 .jqmOverlay{ background:#000}
 .popup .head{ background:url(/images/popup/default/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-center.png')}
.popup .head-left{ background:url(/images/popup/default/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-left.png')}
.popup .head-right{ background:url(/images/popup/default/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/default/popup-head-right.png')}
.popup .close{ background:url(/images/popup/default/close.jpg) no-repeat 0 0}
 .pop-notice .head{ background:url(/images/popup/notice/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-center.png')}
.pop-notice .head-left{ background:url(/images/popup/notice/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-left.png')}
.pop-notice .head-right{ background:url(/images/popup/notice/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/notice/popup-head-right.png')}
.pop-notice .close{ background:url(/images/popup/notice/close.jpg) no-repeat 0 0}
 .pop-warning .head{ background:url(/images/popup/warning/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-center.png')}
.pop-warning .head-left{ background:url(/images/popup/warning/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-left.png')}
.pop-warning .head-right{ background:url(/images/popup/warning/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/warning/popup-head-right.png')}
.pop-warning .close{ background:url(/images/popup/warning/close.jpg) no-repeat 0 0}
 .pop-error .head{ background:url(/images/popup/error/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-center.png')}
.pop-error .head-left{ background:url(/images/popup/error/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-left.png')}
.pop-error .head-right{ background:url(/images/popup/error/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/error/popup-head-right.png')}
.pop-error .close{ background:url(/images/popup/error/close.jpg) no-repeat 0 0}
 .pop-note{ position:absolute; margin:0}
.pop-note .head{ background:url(/images/popup/note/popup-head-center.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-center.png')}
.pop-note .head-left{ top:-10px; left:-10px; width:30px; height:50px; background:url(/images/popup/note/popup-arrow-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-arrow-left.png')}
.pop-note .head-right{ background:url(/images/popup/note/popup-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-right.png')}
.pop-note.right-arrow .head-left{ top:0; left:0; background:url(/images/popup/note/popup-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-head-left.png')}
.pop-note.right-arrow .head-right{ top:-10px; right:-10px; width:30px; height:50px; background:url(/images/popup/note/popup-arrow-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/note/popup-arrow-right.png')}
.pop-note .close{ background:url(/images/popup/note/close.jpg) no-repeat 0 0}
 .pop-guide{ width:620px; height:420px; margin:-210px 0 0 -310px}
.pop-guide .head-wrap, .pop-guide .head, .pop-guide .head-left, .pop-guide .head-right{ height:20px}
.pop-guide .head-wrap{ position:relative}
.pop-guide .head{ line-height:normal; padding-top:0; background-image:url(/images/popup/guide/popup-head-center.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-center.png')}
.pop-guide .head-left{ background-image:url(/images/popup/guide/popup-head-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-left.png')}
.pop-guide .head-right{ background-image:url(/images/popup/guide/popup-head-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-head-right.png')}
.pop-guide .head-wrap .close{ display:none}
.pop-guide .close{ z-index:2; position:absolute; top:20px; right:20px; width:20px; height:20px; background:url(/images/popup/guide/close.gif) no-repeat 0 0}
.pop-guide .close:hover{ background-position:0 100%}
.pop-guide .body-left{ background-image:url(/images/popup/guide/popup-body-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-body-left.png')}
.pop-guide .body-right{ background-image:url(/images/popup/guide/popup-body-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-body-right.png')}
.pop-guide .body{ height:370px; padding:5px; background:#FFF}
.pop-guide .body .pop-title{ display:none}
.pop-guide .body .pop-content{ height:385px}
.pop-guide .body .welcome{ height:120px; padding:250px 0 0 250px; background:url(/images/popup/guide/welcome.png) no-repeat 0 0}
.pop-guide .body .intro{ _height:210px; min-height:210px; padding:90px 0 0 280px}
.pop-guide .body .intro ul li{ height:28px}
.pop-guide .body .intro h2{ height:30px; padding-left:25px; margin-left:-25px; background:url(/images/popup/guide/quote.png) no-repeat 0 0}
.pop-guide .body .intro h2 span{ float:left; height:30px; padding-right:20px; background:url(/images/popup/guide/quote.png) no-repeat 100% 100%}
.pop-guide .body .step1{ background-image:url(/images/popup/guide/illus1.png)}
.pop-guide .body .step2-1{ background-image:url(/images/popup/guide/illus2-1.png)}
.pop-guide .body .step2-2{ background-image:url(/images/popup/guide/illus2-2.png)}
.pop-guide .body .step3{ background-image:url(/images/popup/guide/illus3.png)}
.pop-guide .body .step4{ background-image:url(/images/popup/guide/illus4.png)}
.pop-guide .body .step4 .textbox{ width:68px}
.pop-guide .body .oper{ padding-left:280px}
.pop-guide .body .oper a, .pop-guide .body .oper input{ float:left; margin-right:20px}
.pop-guide .feedback{ padding:5px 10px}
.pop-guide .feedback .column{ width:272px}
.pop-guide .feedback dl{ padding:0 10px 9px; border:1px solid #dbebcc; background:#f3ffe8}
.pop-guide .feedback dt{ height:25px; line-height:25px; margin:0 -10px 9px; background:#e3f3d4}
.pop-guide .feedback dt span{ float:left; width:25px; margin-right:10px; text-align:center; font:20px/25px "Trebuchet MS","Verdana"; color:#FFF; background:#7B0}
.pop-guide .feed-story dd span{ float:left; width:75px; margin:0 4px}
.pop-guide .feed-story dd span .illus{ overflow:hidden; display:block; width:60px; height:60px; margin:auto}
.pop-guide .guide-regi{ padding:20px}
.pop-guide .guide-regi .textbox{ width:198px}
.pop-guide .guide-regi .main-error-hint{ font-weight:bold; color:#F6A}
.pop-guide .guide-regi .main-success-hint{ font-weight:bold; color:#5A0}
.pop-guide .guide-regi .validate-pic{ height:32px; margin-top:10px; line-height:16px}
.pop-guide .guide-regi .validate img{ float:left; width:90px; height:30px; vertical-align:middle; border:1px solid #EEE}
.pop-guide .ending{ height:100px; padding:270px 0 0 250px; background:url(/images/popup/guide/ending.png) }
.pop-guide .foot{ background-image:url(/images/popup/guide/popup-foot-center.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-center.png')}
.pop-guide .foot-left{ background-image:url(/images/popup/guide/popup-foot-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-left.png')}
.pop-guide .foot-right{ background-image:url(/images/popup/guide/popup-foot-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/guide/popup-foot-right.png')}
 .pop-rank{ width:620px; height:420px; margin:-210px 0 0 -310px}
.pop-rank .head-wrap, .pop-rank .head, .pop-rank .head-left, .pop-rank .head-right{ height:20px}
.pop-rank .head-wrap{ position:relative}
.pop-rank .head{ line-height:normal; padding-top:0; background-image:url(/images/popup/rank/popup-head-center.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-center.png')}
.pop-rank .head-left{ background-image:url(/images/popup/rank/popup-head-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-left.png')}
.pop-rank .head-right{ background-image:url(/images/popup/rank/popup-head-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-head-right.png')}
.pop-rank .head-wrap .close{ display:none}
.pop-rank .close{ z-index:2; position:absolute; top:20px; right:20px; width:20px; height:20px; background:url(/images/popup/rank/close.gif) no-repeat 0 0}
.pop-rank .close:hover{ background-position:0 100%}
.pop-rank .body-left{ background-image:url(/images/popup/rank/popup-body-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-body-left.png')}
.pop-rank .body-right{ background-image:url(/images/popup/rank/popup-body-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-body-right.png')}
.pop-rank .body{ height:370px; padding:5px; background:#FFF url(/images/popup/rank/popup-body-center.png)}
.pop-rank .body .pop-title{ display:none}
.pop-rank .body .pop-content{ height:385px; overflow: hidden}
.pop-rank .body .welcome{ width: 270px; padding:110px 0 0 260px}
.pop-rank .body .welcome p {font-size: 14px; margin-bottom: 1em}
.pop-rank #leftGirl {width: 210px; height: 345px; background: url(/images/popup/rank/girl.jpg) no-repeat; position: absolute; left: 70px; top: 80px}
.pop-rank .body .intro{ _height:210px; min-height:210px; padding: 60px 90px 0 90px}
.pop-rank .body .intro ul li{ height:28px}
.pop-rank .body .intro h2{ font-size: 18px; font-weight: normal; line-height: 1.5em; margin-bottom: 36px}
.pop-rank .body .intro h2 span{ height:30px; padding-right:20px}
.pop-rank .body .step1{ background-image:url(/images/popup/rank/illus1.png)}
.pop-rank .body .step2-1{ background-image:url(/images/popup/rank/illus2-1.png)}
.pop-rank .body .step2-2{ background-image:url(/images/popup/rank/illus2-2.png)}
.pop-rank .body .step3{ background-image:url(/images/popup/rank/illus3.png)}
.pop-rank .body .step4{ background-image:url(/images/popup/rank/illus4.png)}
.pop-rank .body .step4 .textbox{ width:68px}
.pop-rank .body .oper{ margin-top: 36px; text-align: center}
.pop-rank .body .oper a, .pop-rank .body .oper input{ display: inline-block; margin: 0 10px; vertical-align: middle}
.pop-rank .body .error_message{ color: red; margin-bottom: 0.5em}
.pop-rank .feedback{ padding: 60px 60px 0 60px}
.pop-rank .feedback p {margin-bottom: 1em}
.pop-rank .feedback .column{ width:272px}
.pop-rank .feedback dl{ padding:0 10px 9px; border:1px solid #dbebcc; background:#f3ffe8}
.pop-rank .feedback dt{ height:25px; line-height:25px; margin:0 -10px 9px; background:#e3f3d4}
.pop-rank .feedback dt span{ float:left; width:25px; margin-right:10px; text-align:center; font:20px/25px "Trebuchet MS","Verdana"; color:#FFF; background:#7B0}
.pop-rank .feed-story dd span{ float:left; width:75px; margin:0 4px}
.pop-rank .feed-story dd span .illus{ overflow:hidden; display:block; width:60px; height:60px; margin:auto}
.pop-rank .guide-regi{ padding:20px}
.pop-rank .guide-regi .textbox{ width:198px}
.pop-rank .guide-regi .main-error-hint{ font-weight:bold; color:#F6A}
.pop-rank .guide-regi .main-success-hint{ font-weight:bold; color:#5A0}
.pop-rank .guide-regi .validate-pic{ height:32px; margin-top:10px; line-height:16px}
.pop-rank .guide-regi .validate img{ float:left; width:90px; height:30px; vertical-align:middle; border:1px solid #EEE}
.pop-rank .ending{ height:100px; padding:270px 0 0 250px; background:url(/images/popup/rank/ending.png) }
.pop-rank .foot{ background-image:url(/images/popup/rank/popup-foot-center.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-center.png')}
.pop-rank .foot-left{ background-image:url(/images/popup/rank/popup-foot-left.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-left.png')}
.pop-rank .foot-right{ background-image:url(/images/popup/rank/popup-foot-right.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/popup/rank/popup-foot-right.png')}
 .pop-cmt .body, .pop-fav .body, .pop-can .body{ line-height:normal}
.pop-cmt{ width:570px; height:400px; margin-top:-200px; margin-left:-285px}
.pop-fav{ width:540px; height:300px; margin-top:-150px; margin-left:-270px}
.pop-can{ width:950px; height:575px; margin-left:-475px; margin-top:-287px}
.pop-article{ width:800px; height:580px; margin-top:-290px; margin-left:-400px}
.pop-article .pop-content{ overflow:auto; * overflow-x:hidden; height:510px; padding-right:15px}
  * iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px')}
 * html .popup{ position:absolute; top:expression( ( document.documentElement.clientHeight - this.offsetHeight ) / 2 + document.documentElement.scrollTop + 'px' ); margin-top:0 !important}
 .pop-tips{ position:absolute; z-index:9999; width:210px}
.pop-tips .tips-head-left, .pop-tips .tips-head-right{ height:15px}
.pop-tips .tips-head-left{ background:url(/images/common/tips-head-left.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-head-left.png')}
.pop-tips .tips-head-right{ background:url(/images/common/tips-head-right.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-head-right.png')}
.pop-tips .tips-body{ _height:1%; line-height:2; padding:0 15px; font-size:12px; background:url(/images/common/tips-body.png) repeat-y 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-body.png')}
.pop-tips .tips-foot{ overflow:hidden; height:10px; background:url(/images/common/tips-foot.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/common/tips-foot.png')}
.jqmWindow{ display:none; position:fixed; top:50%; left:50%; width:400px; height:300px; line-height:normal; margin-top:-150px; margin-left:-200px; background:#FFF}
.jq-title{ height:25px}
.jq-title-name{ float:left; font-size:14px; font-weight:bold; color:#969}
.jq-title-close{ float:right; width:25px; height:25px; background:url(/images/jqmodal/jp-title-close.gif) no-repeat 0 0}
.jq-title-close:hover{ background-position:0 -25px}
.jqmWindowInfo{ margin-left:-150px; margin-top:-100px; height:200px; width:300px; padding:15px; border-right:2px solid #BBB; border-bottom:2px solid #BBB}
.jq-msg{ width:600px; height:auto; margin-left:-300px; background:#f3fff3}
.jq-msg .jq-title{ height:25px; border-bottom:1px solid #CCC}
.jq-msg .jq-title-name{ color:#390}
.jq-msg .text-wrap{ height:auto; _height:70px; min-height:70px; margin:15px 0 0 6px}
.jq-msg .text{ line-height:2; text-indent:2em; font-size:14px}
.jq-msg .text p{ margin-bottom:5px}
.jq-msg .timer{ text-align:center; margin-top:5px; color:#999}
.jqmWindowCmt{ margin-top:-200px; margin-left:-260px; height:400px; width:520px; padding:15px 15px 0; background:#fff8fc}
.jqmWindowFav{ margin-top:-200px; margin-left:-260px; height:300px; width:520px; padding:15px 15px 0; background:#fff8fc}
.jqmWindowCan {margin-top:-305px; margin-left:-475px; height:600px; width:920px; padding:15px 15px 0; background:#fff8fc}
.jqmOverlay {background-color: #000}
 * iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px')}
 * html .jqmWindow {position: absolute; top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight/2 + 'px')}
 .broadcast{ position:fixed; right:20px; bottom:35px; width:260px; * filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false) !important}
* html .broadcast{ position:absolute; bottom:auto; top:expression( ( -35 - this.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
.broadcast .headline{ height:30px; line-height:30px; padding:5px 10px 10px 15px; font-size:14px; font-weight:bold}
.broadcast .headline div{ position:relative; height:30px}
.broadcast .headline .close{ position:absolute; top:0; right:0; width:30px; height:30px}
.broadcast .headline .close:hover{ background-position:0 100%}
.broadcast .body{ _height:1%; line-height:2; padding:0 20px}
.broadcast .foot{ height:15px}
 .broadcast-notice .headline .close{ background:url(/images/broadcast/notice/close.gif) no-repeat 0 0}
.broadcast-notice .headline{ color:#390; background:url(/images/broadcast/notice/head-bg.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/head-bg.png')}
.broadcast-notice .body{ background:url(/images/broadcast/notice/body-bg.png) repeat-y 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/body-bg.png')}
.broadcast-notice .foot{ background:url(/images/broadcast/notice/foot-bg.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/notice/foot-bg.png')}
 .broadcast-remind .headline .close{ background:url(/images/broadcast/remind/close.gif) no-repeat 0 0}
.broadcast-remind .headline{ color:#E39; background:url(/images/broadcast/remind/head-bg.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/head-bg.png')}
.broadcast-remind .body{ background:url(/images/broadcast/remind/body-bg.png) repeat-y 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/body-bg.png')}
.broadcast-remind .foot{ background:url(/images/broadcast/remind/foot-bg.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/broadcast/remind/foot-bg.png')}
 .main-panel .headline-wrap .lcorner, .main-panel .headline-wrap .rcorner, .main-panel .headline, .main-panel .headline span, .main-panel .head-wrap .lcorner, .main-panel .head-wrap .rcorner, .main-panel .head, .main-panel .foot-wrap .lcorner, .main-panel .foot-wrap .rcorner, .main-panel .foot{ background:url(/images/common/red-panel-head.gif) no-repeat}
.main-panel .body-wrap, .main-panel .body{ background:url(/images/common/red-panel-body.gif) repeat-y}
 .main-panel .headline-wrap, .main-panel .headline-wrap .lcorner, .main-panel .headline-wrap .rcorner, .main-panel .headline, .main-panel .headline span{ height:35px}
.main-panel .headline-wrap .lcorner, .main-panel .headline-wrap .rcorner{ float:left; width:10px; margin-top:-35px}
.main-panel .headline-wrap .lcorner{ background-position:0 0}
.main-panel .headline-wrap .rcorner{ float:right; background-position:100% 0}
.main-panel .headline{ height:25px; line-height:25px; padding-bottom:10px; margin:0 10px; background-position:0 -35px; background-repeat:repeat-x}
.main-panel .headline span{ float:left; height:25px; padding-right:60px; font-size:14px; font-weight:bold; color:#FFF; background-position:100% -70px; background-color:#ff88bd}
.main-panel .headline span a{ color:#FFF}
 .main-panel .head-wrap, .main-panel .head-wrap .lcorner, .main-panel .head-wrap .rcorner, .main-panel .head, .main-panel .foot-wrap, .main-panel .foot-wrap .lcorner, .main-panel .foot-wrap .rcorner, .main-panel .foot{ overflow:hidden; height:10px}
.main-panel .head-wrap .lcorner, .main-panel .head-wrap .rcorner, .main-panel .foot-wrap .lcorner, .main-panel .foot-wrap .rcorner{ width:10px; margin-top:-10px}
.main-panel .head-wrap .lcorner, .main-panel .foot-wrap .lcorner{ float:left}
.main-panel .head-wrap .rcorner, .main-panel .foot-wrap .rcorner{ float:right}
.main-panel .head, .main-panel .foot{ margin:0 10px; background-repeat:repeat-x}
.main-panel .head-wrap .lcorner{ background-position:0 -105px}
.main-panel .head-wrap .rcorner{ background-position:100% -105px}
.main-panel .head{ background-position:0 -95px}
.main-panel .foot-wrap .lcorner{ background-position:0 -115px}
.main-panel .foot-wrap .rcorner{ background-position:100% -115px}
.main-panel .foot{ background-position:0 -125px}
 .main-panel .body-wrap{ background-position:0 0; background-color:#fff9fc}
.main-panel .body{ line-height:2; padding:0 15px; background-position:100% 0}
 .green-panel .headline-wrap .lcorner, .green-panel .headline-wrap .rcorner, .green-panel .headline, .green-panel .headline span, .green-panel .head-wrap .lcorner, .green-panel .head-wrap .rcorner, .green-panel .head, .green-panel .foot-wrap .lcorner, .green-panel .foot-wrap .rcorner, .green-panel .foot{ background-image:url(/images/common/green-panel-head.gif)}
.green-panel .headline span{ background-color:#7abd38}
.green-panel .body-wrap, .green-panel .body{ background-image:url(/images/common/green-panel-body.gif)}
.green-panel .body-wrap{ background-color:#f8fcf5}
 .blue-panel .headline-wrap .lcorner, .blue-panel .headline-wrap .rcorner, .blue-panel .headline, .blue-panel .headline span, .blue-panel .head-wrap .lcorner, .blue-panel .head-wrap .rcorner, .blue-panel .head, .blue-panel .foot-wrap .lcorner, .blue-panel .foot-wrap .rcorner, .blue-panel .foot{ background-image:url(/images/common/blue-panel-head.gif)}
.blue-panel .headline span{ background-color:#60aff2}
.blue-panel .body-wrap, .blue-panel .body{ background-image:url(/images/common/blue-panel-body.gif)}
.blue-panel .body-wrap{ background-color:#f7fbfe}
  #site-bar-wrap{ position:fixed; z-index:200; left:0; top:0; width:100%; height:31px; background:url(/images/common/site-bar-bg.gif) repeat-x 0 0}
#site-bar{ height:31px; margin:0 auto; padding:2px 0}
#site-bar-wrap #site-bar{ width:960px; padding:0}
#site-bar .site-nav{ height:23px; padding:4px 0}
#site-bar li{ float:left; width:auto; height:23px; line-height:23px; padding:0 11px 0 10px; background:url(/images/common/word-break.gif) no-repeat 100% 50%}
#site-bar li.last{ padding-right:0; background:none}
#site-bar .drop-menu-wrap{ position:relative; z-index:2000; padding:0 6px 0 5px}
#site-bar .drop-menu-wrap label{ float:left; position:relative; z-index:1; height:21px; line-height:21px; padding:1px 12px 1px 5px; background:url(/images/common/drop-arrow.gif) no-repeat 100% 9px}
#site-bar .drop-menu-wrap.hover label{ padding:0 11px 1px 4px; border:1px solid #BBB; border-bottom:0; background-color:#FFF; background-position:100% -23px}
#site-bar .drop-menu{ display:none; position:absolute; top:22px; left:5px; width:75px; line-height:2; padding:0 5px; border:1px solid #BBB; background:#FFF}
#site-bar .drop-menu a{ display:block; height:2em}
#site-bar .site-logo{ float:left; width:119px; height:31px; background:url(/images/common/site_logo.png) no-repeat 0 50%}
#site-bar a{ color:#666}
#site-bar a.green1{ color:#5A0}
#site-bar a:hover{ color:#39E !important}
#site-bar a.msg{ padding-left:20px; background:url(/images/common/new-msg.gif) no-repeat 0 50%}
#site-bar a.renren{ padding-left:18px; background:url(/images/api/renren/icon.gif) no-repeat 0 0}
#site-bar a.qq{ padding-left:18px; background:url(/images/api/qq/icon.png) no-repeat 0 0}
#site-bar a.sina{ padding-left:20px; background:url(/images/api/sina/icon.gif) no-repeat 0 0}
#site-bar .renren-online a{ padding-left:18px; background:url(/images/api/renren/icon.gif) no-repeat 0 0}
#site-bar .sina-online a{ padding-left:20px; background:url(/images/api/sina/icon.gif) no-repeat 0 0}
#site-bar .qq-online a{ padding-left:20px; background:url(/images/api/qq/icon.png) no-repeat 0 0}
#site-bar .renren-online img{ display:none}
#site-bar .search-bar{ height:19px; padding-top:4px}
#site-bar .search-bar .search-input{ float:left; width:118px; height:13px; border:1px solid #C9C}
#site-bar .search-bar .search-input:hover, #site-bar .search-bar .search-input.hover{ border-color:#5A0}
#site-bar .search-bar .search-btn{ float:left; width:15px; height:15px; border:none; cursor:pointer; background:url(/images/common/search-btn.gif) no-repeat 0 0}
.app_ad{ position: fixed; bottom: 0; width: 100%}
.app_ad .close_button{ width: 32px; height: 32px; position: absolute; right: 0; top: -32px; background: #666; color: #fff; text-align: center; line-height: 32px; font-size: 16px}
.app_ad img{ width: 100%}
.app_ad.at_web{ width: 950px; left: 50%; margin-left: -475px; z-index: 500}
.app_ad.at_web .close_button{ top: 40px}
#onlineService {position: fixed; right: 10px; top: 100px}
#onlineService a#kf {display: block; width: 120px; height: 230px; background: url("/images/common/service_53kf_v1.png") no-repeat}
#onlineService a#closeHandler {display: block; width: 14px; height: 14px; position: absolute; top: 0; right: 0}
html.ie6, .ie6 body {background-image: url(about:blank); background-attachment: fixed}
html.ie6 #onlineService {position: absolute; bottom:auto; top: expression(eval(document.documentElement.scrollTop + 100))}
@charset "utf-8";  body{ background:#935 url(/images/forum/bg.gif) repeat-x 0 100px}
a{ color:#666; text-decoration:none}
a.color{ color:#C69}
table{ border-collapse:collapse; empty-cells:show}
.left-align{ text-align:left !important}
.right-align{ text-align:right !important}
.center-align{ text-align:center !important}
.top-valign{ vertical-align:top}
.middle-valign{ vertical-align:middle}
 .mg-tp-cl{ margin-top:0 !important}
.mg-rt-cl{ margin-right:0 !important}
.mg-bt-cl{ margin-bottom:0 !important}
.mg-lf-cl{ margin-left:0 !important}
.pd-tp-cl{ padding-top:0 !important}
.pd-rt-cl{ padding-right:0 !important}
.pd-bt-cl{ padding-bottom:0 !important}
.pd-lf-cl{ padding-left:0 !important}
.bd-tp-cl{ border-top:0 !important}
.bd-rt-cl{ border-right:0 !important}
.bd-bt-cl{ border-bottom:0 !important}
.bd-lf-cl{ border-left:0 !important}
 .purple{ color:#C69}
.user-online, .user-unline{ padding-left:18px; font-weight:bold; background:url(/images/profile/user-online.gif) no-repeat}
.user-online{ background-position:0px 0px}
.user-unline{ background-position:0px -25px}
.gold-coin{ padding-right:15px;  background:url(/images/forum/icons.png) no-repeat right 0; color:#F60}
.c-level{ color:#394}
 .header-wrap{ background:#FFF}
.header{ width:960px; height:100px; margin:auto}
.logo{ overflow:hidden; float:left; width:112px; height:56px; margin-top:22px; text-indent:-1000px; background:url(/images/common/logo.gif) no-repeat}
 .main-nav{ float:right; height:27px; margin-top:38px; white-space:nowrap}
.main-nav li{ position:relative; float:left; height:27px; padding-left:4px}
.main-nav li span{ * line-height:24px}
.main-nav li a{ float:left; height:27px; line-height:27px; padding:0 8px; text-align:center; color:#C69; background:#FFF0F7}
.main-nav li a:hover, .main-nav li a.current{ color:#FFF; background:#cc4d8c}
 .main-nav .drop-menu{ display:none; position:absolute; top:27px; left:0; width:66px; line-height:2; padding:5px; border:1px solid #ffd6e9; background:#fffafc}
.main-nav .drop-menu li, .main-nav .drop-menu a{ float:none; height:24px}
.main-nav .drop-menu li{ position:static; margin-left:0}
.main-nav .drop-menu a{ display:block; padding:0; text-align:left; background:none}
.main-nav .drop-menu a:hover{ color:#39E; background:none}
 .footer-wrap{ padding:15px 0}
.footer{ width:960px; margin:auto; line-height:30px; text-align:center}
.footer *{ color:#FFF}
 .bodyer-wrap{ }
.bodyer{ width:960px; margin:0 auto}
 .content{ zoom:1; width:960px; background:#FFF}
 .sub-nav-wrap{ height:35px; line-height:35px}
.sub-nav-wrap, .sub-nav-wrap *{ color:#FFF}
 .crumb{ float:left}
 .sub-nav{ float:right; margin-right:20px}
 .skin-select-wrap{ float:right; width:100px; height:35px; line-height:normal; position:relative}
.skin-select-wrap .skin-select{ position:absolute; left:0; top:7px; width:90px; padding:5px 5px 0}
.skin-select-wrap .skin-select:hover, .skin-select-wrap .skin-select.hover{ border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:#FFF}
.skin-select-wrap .skin-latest, .skin-select-wrap .drop-menu{ width:80px}
.skin-select-wrap .skin-latest{ padding-right:10px;  background:url(/images/forum/icons.png) no-repeat right -540px}
.skin-select-wrap a{ overflow:hidden; float:left; width:9px; height:9px; border:1px solid #666; margin:0 5px 10px 0}
 .post-btn, .reply-btn{ display:inline-block; width:60px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; background:url(/images/forum/post-btn.gif) no-repeat}
.post-btn{ background-position:0 0}
.post-btn:hover{ color:#FFF; background-position:100% 0}
.reply-btn{ background-position:0 100%}
.reply-btn:hover{ color:#FFF; background-position:100% 100%}
 .content .search-bar{ height:21px}
.content .search-bar .form-text{ margin-right:10px; border-color:#CCC}
.content .search-bar .search-btn{ width:21px; height:21px; border:0; cursor:pointer;  background:url(/images/forum/icons.png) no-repeat -30px -360px}
 .index{ background:none}
 .index .scroll-news{ overflow:hidden; height:240px; line-height:2; background:#FFF}
 .forum-category{ overflow:hidden; height:70px; background:#f9ecf3}
.forum-category ul{ float:left; height:50px; line-height:25px; padding:10px 17px 10px 16px; border-right:1px solid #f3dae8}
.forum-category ul.last{ border-right:0; padding-right:0}
.forum-category td{ padding:0 5px}
.forum-category a{ color:#C69}
 .forum-matter{ height:225px; padding:20px 20px 15px; background:#FFF}
.forum-matter .post-rank{ margin-left:20px}
.forum-matter .post-rank-title{ height:31px; line-height:1.8; * line-height:2; padding:0 10px; color:#FFF; background:url(/images/forum/theme-name-bg.gif) no-repeat 0 0}
.forum-matter .post-rank-title.recommend{ background-position:0 0}
.forum-matter .post-rank-title.latest{ background-position:0 -70px}
.index .search-panel .form-text{ width:162px}
.index .search-panel a{ color:#C69}
.index .main-column{ width:740px}
.index .sub-column{ width:215px}
 .index .board-module{ background:#FFF}
.index .board-module .head{ height:25px; background:#C69}
.index .board-module .head div{ height:25px; line-height:25px; padding-left:15px; color:#FFF; background:url(/images/forum/board-head-bg.png) no-repeat 0 0; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/forum/board-head-bg.png')}
.index .board-module .body{ padding:15px 20px}
.index .board-module .board-intr{ width:180px; padding-top:5px; margin-right:25px}
.index .board-module .board-illus{ height:120px; background:#EEE}
.index .board-module .board-category{ width:215px; line-height:24px}
.index .board-module .board-category dl{ padding-left:50px; background:url(/images/forum/board-category-icon.jpg) no-repeat 0 50%}
.index .board-module .board-category dd{ padding-bottom:3px; border-bottom:1px solid #CCC; margin-bottom:3px}
.index .board-module .board-category dd.last{ padding-bottom:0; border-bottom:0; margin-bottom:0}
.index .board-module .board-rank{ width:230px; _height:216px; min-height:216px; padding-left:24px; border-left:1px dashed #CCC}
.index .board-module .pk-panel{ height:125px}
.index .board-module .pk-panel .pk-intr{ float:left; width:100px; margin-right:50px}
.index .board-module .pk-panel .pk-intr.last{ margin-right:0}
.index .board-module .pk-panel .pk-illus{ height:100px}
.index .rank-module{ padding:5px 10px; background:#FFF}
.index .rank-module .head{ height:21px; line-height:21px}
.index .rank-module .head span{ color:#C69}
.index .rank-module .body{ line-height:2}
 .index .slide-wrap{ height:213px; border:1px solid #DDD}
.index .slide{ position:relative; overflow:hidden; width:213px; height:213px}
.index .slide .illus-wrap{ position:absolute; left:0; top:0; height:213px; white-space:nowrap}
.index .slide .illus{ float:left; width:213px; height:213px}
.index .slide .illus-btn{ position:absolute; right:5px; bottom:7px; height:18px; line-height:16px}
.index .slide .illus-btn a{ float:left; margin-left:5px; width:16px; height:16px; border:2px solid #666; text-align:center; font-weight:bold; color:#666; background:#FFF}
.index .slide .illus-btn a.current, .index .slide .illus-btn a:hover{ padding:2px; border:0; color:#FFF; background:#935}
.index .slide-text{ position:relative}
.index .slide-text div{ position:absolute; left:0; top:0}
.index .board-list{ border-bottom:3px solid #EEE; margin-bottom:10px}
.index .board-list th{ height:2.2em; border-bottom:1px dashed #EEE; font-size:13px}
.index .board-list td{ width:1%; padding:10px; border-top:1px dashed #EEE}
.index .board-list .illu{ float:left; width:40px; height:40px; margin-right:10px}
.index .board-list p{ line-height:1.8}
.forum-state{ padding:10px 10px 10px 65px; background:#FFF url(/images/forum/forum-data.gif) no-repeat 12px 50%}
 .board-show-wrap{ zoom:1; overflow:auto; background:#FFF}
.with-side{ background:url(/images/forum/side-column-bg.gif) repeat-y 100% 0}
.board-show-wrap.with-side .main-column{ float:left; width:100%; margin-left:-220px; overflow:hidden}
.board-show-wrap.with-side .side-column{ float:right; width:220px; padding-bottom:20px}
.board-show-wrap .board-show{ zoom:1; padding:20px}
.board-show-wrap.with-side .board-show{ margin-left:220px}
.board-show-wrap .board-intr{ height:85px; margin-bottom:15px; border-bottom:3px solid #EEE}
.board-show-wrap .board-intr .rss-order{ margin-left:40px}
.board-show-wrap .board-intr .rss-order a{ display:inline-block; margin-right:10px}
.board-show-wrap .board-intr .rss-order .good-icon{ line-height:15px; padding:0 10px 0 18px; border-right:1px solid #CCC; color:#690; background:url(/images/forum/good.gif) no-repeat 0 0}
.board-show-wrap .board-intr .rss-order .rss-icon{ padding-left:42px; background:url(/images/common/rss.png) no-repeat 0 0}
.board-show-wrap .board-intr .illu{ float:left; width:60px; height:60px; padding:4px; border:1px solid #DDD; margin-right:10px}
.board-show-wrap .board-intr .intr-head-wrap{ height:2.0em}
.board-show-wrap .board-intr h1{ display:inline}
.board-show-wrap .board-intr p{ line-height:2}
.board-show-wrap .new-post-bar{ height:30px; margin-bottom:15px}
.board-show-wrap .new-post-bar .right-float{ margin-top:7px}
.board-show-wrap .board-tabs{ border-top:1px dashed #EEE; padding-top:15px; height:30px; color:#CCC}
.board-show-wrap .board-tabs a{ color:#C69}
.board-show-wrap .board-tabs .current{ font-weight:bold; color:#F60}
.theme-list{ width:100%; border-width:1px 0; border-style:solid; border-color:#EEE; margin-bottom:15px}
.theme-list th{ line-height:2.2em; padding:0 5px; text-align:left; font-weight:lighter; background:#FFF1F8}
.theme-list td{ padding:5px; border-width:1px 0; border-style:solid; border-color:#EEE; vertical-align:middle}
.theme-list .reply-sum{ color:#390}
.theme-list .good{ background:url(/images/forum/good.gif) no-repeat 98% 50%}
.theme-list .new{ background:url(/images/forum/new.gif) no-repeat 98% 50%}
.theme-list .date a{ font-size:10px; color:#999}
.board-show-wrap .theme-list .width1{ width:600px}
.board-show-wrap.with-side .theme-list .width1{ width:400px}
.board-show-wrap .theme-list .width2{ width:70px}
.board-show-wrap .clear-side, .board-show-wrap .open-side{ float:right; height:40px; line-height:40px; padding:0 25px 0 5px; margin-right:10px; color:#C69; background:url(/images/forum/sidebar_toggle.gif) no-repeat 100% 0}
.board-show-wrap .clear-side:hover{ color:#C69; background-position:100% -40px}
.board-show-wrap .open-side{ background-position:100% -80px}
.board-show-wrap .open-side:hover{ color:#C69; background-position:100% -120px}
.board-show-wrap .search-bar-wrap{ padding:15px 0 0 10px; margin-top:10px; background:url(/images/forum/double-divi.gif) repeat-x 0 0}
.board-show-wrap .search-bar-wrap .form-text{ width:162px}
.board-show-wrap .board-hot{ padding:15px 10px 0; margin-top:15px; background:url(/images/forum/double-divi.gif) repeat-x 0 0}
.board-show-wrap .board-hot .hot-name{ line-height:25px}
.board-show-wrap .board-hot p{ width:190px; line-height:2; padding-left:10px; background:url(/images/forum/gray-arrow.gif) no-repeat 0 50%}
.board-show-wrap .board-hot .more{ text-align:right; background:none}
.board-show-wrap .board-member-brief{ padding-top:15px; margin-top:15px; background:url(/images/forum/double-divi.gif) repeat-x 0 0}
.board-show-wrap .board-member-brief h4{ padding-left:10px}
.board-show-wrap .board-member-brief td{ width:1%; padding-top:10px; text-align:center; vertical-align:top}
.board-show-wrap .board-member-brief .illu{ display:block; width:50px; height:50px; margin:auto; overflow:hidden}
.board-show-wrap .board-member-brief .illu img{ width:50px}
.board-show-wrap .board-member-brief p{ width:70px; line-height:2}
.board-show-wrap .board-member-brief .oper{ height:21px; padding:10px 10px 0}
 .post-view{ height:auto}
.post-view .post-intr{ padding:15px 20px 20px; background:#FFF9FC}
.post-view .post-intr .fav{ padding-left:12px;  background:url(/images/forum/icons.png) no-repeat -30px -30px}
.post-view .post-title{ padding-bottom:10px; border-bottom:1px dashed #EEE}
.post-view .post-title h1{ line-height:2; margin-bottom:10px}
.post-view .post-title h1 .good{ display:inline; padding:10px; background:url(/images/forum/good.gif) no-repeat 50% 50%}
.post-view .post-tabs{ height:35px; padding-top:10px; border-bottom:3px solid #EEE; margin-bottom:15px}
.post-view .post-tabs .left-float{ margin-top:5px; color:#CCC}
.post-view .post-tabs .left-float a{ color:#C69}
.post-view .new-post-bar{ height:30px}
.post-view .new-post-bar .right-float{ margin-top:7px}
.post-view table{ border-collapse:collapse}
.post-view td{ padding:0 10px}
.post-view .side-column{ width:150px; padding:10px; border-top:5px solid #FFE0EF; border-bottom:5px solid #FFE0EF; vertical-align:top; background:#FFF0F7}
.post-view .side-column p{ margin-bottom:8px}
.post-view .side-column .photo{ width:150px; overflow:hidden; margin-bottom:10px}
.post-contents{ padding:10px 15px !important; border-top:5px solid #FFF0F7; border-bottom:5px solid #FFF0F7; vertical-align:top}
.post-contents .contentShowWrap {width:760px}
.post-contents .post-info{ height:25px; margin-bottom:10px; border-bottom:1px dashed #DDD}
.post-contents .post-info .font-zoom{ height:25px; margin-right:80px; color:#666}
.post-contents .post-info .font-zoom *{ float:left}
.post-contents .post-info .font-zoom a{ width:16px; height:16px; margin-right:5px}
.post-contents .post-info .font-zoom a.zoom-in{  background:url(/images/forum/icons.png) no-repeat -30px -270px}
.post-contents .post-info .font-zoom a.zoom-out{  background:url(/images/forum/icons.png) no-repeat -30px -240px}
.post-contents .post-index{ padding-right:15px;  background:url(/images/forum/icons.png) no-repeat right -510px}
.post-contents .min-height{ min-height:220px; _height:220px}
.post-contents .post-ad{ float:right; width:200px; height:250px; background:#EEE}
.post-contents .contents-show{ margin-bottom:10px; word-break:break-all}
.post-contents .contents-show *{ line-height:2em}
.post-contents .contents-show h1{ font-size:200%}
.post-contents .contents-show h2{ font-size:150%}
.post-contents .contents-show h3{ font-size:117%}
.post-contents .contents-show a{ color:#C69}
.post-contents .contents-show a:hover, .post-contents .contents-show a:hover *{ color:#39E !important}
.post-view .post-action{ height:auto}
.post-view .post-up{ height:30px; padding-top:10px; margin-bottom:10px}
.post-view .post-up .up-icon{ float:left; height:30px; line-height:30px; padding-left:40px; color:#F90; font-size:14px; font-weight:bold; background:url(/images/forum/ding.gif) no-repeat 0 0}
.post-view .action-oper{ height:20px; padding-top:10px; border-top:1px dashed #DDD; font-size:117%}
.post-view .action-oper a{ color:#C69}
.post-view .action-oper .reply-oper, .post-view .action-oper .quote-oper, .post-view .action-oper .edit-oper, .post-view .action-oper .rr-fresh, .post-view .action-oper .sina-syn{ float:left; height:20px; line-height:20px; padding-left:17px; margin-right:15px}
.post-view .action-oper .reply-oper{ background:url(/images/forum/reply.gif) no-repeat 0 50%}
.post-view .action-oper .quote-oper{ background:url(/images/forum/quote.gif) no-repeat 0 50%}
.post-view .action-oper .edit-oper{ background:url(/images/forum/edit.gif) no-repeat 0 50%}
.post-view .action-oper .rr-fresh{ background:url(/images/api/renren/fresh-icon.gif) no-repeat 0 50%}
.post-view .action-oper .sina-syn{ background:url(/images/api/sina/syn_icon.gif) no-repeat 0 50%}
.post-view .action-oper .back-top{ float:right; width:16px; height:16px; background:url(/images/forum/back-top.gif) no-repeat 0 0}
.moderator-msg{ margin-top:15px}
.moderator-msg blockquote{ border-color:#7B0; margin:0}
.moderator-msg blockquote #addresser{ font-size:13px; font-weight:bold}
.post-view .signature{ padding-top:10px; border-top:1px solid #DDD; margin-top:10px; width: 760px; word-break: break-all; overflow: hidden}
.post-view .signature p{ line-height:2}
.post-view .signature img{ margin-top:10px; max-height: 300px}
.post-view .signature img, .contents-show img{ max-width: 760px}
.post-view .signature .progress-box{ color:#069; font-weight:bold; font-family:Arial}
.post-view .signature .progress-box{ margin-top:10px}
.post-view .signature .progress-box img{ margin-top:0}
.post-vote{ height:auto; padding-bottom:10px; border-bottom:1px dashed #DDD; margin-bottom:10px}
.post-vote .vote-icon{ margin-bottom:10px}
.post-vote .vote-title{ height:2.2em; font-size:117%; font-weight:bold}
.post-vote .vote-title a{ font-size:86%; font-weight:lighter; color:#C69}
.post-vote .vote-list li{ margin-bottom:0.8em}
.post-vote .vote-list li input{ position:relative; top:2px !important; top:1px}
.post-vote .vote-list .submit{ margin:10px 0 5px}
.post-attach{ width:600px; height:auto; margin-bottom:10px}
.post-attach a{ color:#C69}
.post-attach p{ line-height:2}
.post-attach table{ width:100%; margin-bottom:5px}
.post-attach table td{ height:2em; border:1px solid #CCC; vertical-align:middle}
.post-moderate{ width:100%; border-bottom:3px solid #EEE; margin-bottom:15px; font-size:14px; font-weight:bold}
.post-moderate td{ height:30px; vertical-align:middle; text-align:center; background:#EFE}
.post-moderate a{ color:#390}
.quick-reply{ padding-top:15px; border-top:1px dashed #DDD; margin-top:15px}
.quick-reply div{ width:400px; margin:auto}
.quick-reply .form-textarea{ width:388px; margin:10px 0}
 .top-pagination-wrap{ height:25px; border-bottom:1px dashed #CCC; margin-bottom:10px; text-align:right}
.bottom-pagination-wrap{ padding-top:6px; border-top:1px dashed #CCC; text-align:right}
.pagination-title{ float:left; font-size:13px; font-weight:bold}
.pagination-sum{ margin-right:10px}
.pagination{ display:inline}
.pagination a{ margin:0 2px}
.pagination em.current{ margin:2px; color:#E39; text-decoration:underline; font-size:14px; font-weight:bold}
.pagination span.disabled{ margin:2px; color:#999}
 .forum-member{ height:auto; padding:20px}
.forum-member .club-intr{ padding-bottom:10px; border-bottom:1px dashed #EEE; margin-bottom:15px}
.forum-member h1{ margin-bottom:10px}
.forum-member .pagi-wrap{ height:2em; margin-bottom:15px}
.forum-member .pagi-wrap .right-float{ margin-top:6px}
.forum-member table{ width:100%; border-collapse:collapse; margin-bottom:15px}
.forum-member td{ width:1%; padding:10px; border-top:1px solid #DDD; border-bottom:1px solid #DDD}
.forum-member .illu{ float:left; width:60px; height:60px; margin-right:10px; overflow:hidden}
.forum-member td p{ line-height:2.5}
 .forum-menu-wrap{ position:relative; display:inline-block}
.forum-menu-wrap .menu-link{ display:inline-block; height:19px; line-height:19px; border:1px solid #FBD; padding:0 25px 0 5px; cursor:pointer;  background:url(/images/forum/icons.png) no-repeat right -570px}
.forum-menu{ position:absolute; top:21px; right:0; width:auto; height:auto; padding:0 15px; border:1px solid #FBD; text-align:left; white-space:nowrap; background:#fff1f8}
.forum-menu .delete{ position:absolute; top:5px; right:-5px; width:20px; height:20px;  background:url(/images/forum/icons.png) no-repeat -30px -300px}
.forum-menu a{ display:inline-block; margin:0 12px}
.forum-menu dl{ margin:10px 0}
.forum-menu dt, .forum-menu dd{ height:25px; line-height:25px}
.forum-menu dt{ font-weight:bold}
.forum-back{ padding:5px}
.forum-back li{ line-height:25px}
 .board-select{ height:auto; margin-top:5px}
.board-select table{ width:100%; border-collapse:collapse}
.board-select th{ line-height:2.2em; padding-left:10px; text-align:left; font-size:108%; background:#ffedf6}
.board-select td{ width:1%; padding:10px 15px; border-top:1px solid #ffedf6}
 .new-post{ padding:15px 20px 20px}
.new-post h1{ line-height:2; margin-bottom:10px; font-size:117%}
.new-post table{ width:100%; border-collapse:collapse}
.new-post td{ padding:10px; border-top:1px solid #ffe0ef; border-bottom:1px solid #ffe0ef; background:#fff9fc}
.ke td{ padding:0; border-top:none; border-bottom:none; background:none}
.new-post td.name{ width:100px; text-align:center; font-weight:bold; background:#fff0f7}
.new-post .simle-list{ width:600px}
.new-post .simle-list td{ height:40px; padding:0; border:0; vertical-align:middle; text-align:center}
.new-post .add-attach{ height:auto}
.new-post .add-attach .attach-remind{ height:2em; border-bottom:1px solid #ffe0ef; margin:10px 0}
.new-post .add-attach .attach-list{ border-bottom:1px solid #ffe0ef; margin-bottom:10px}
.new-post .add-attach .attach-list td{ border:0; padding:0px 10px 10px 0; vertical-align:middle}
.new-post .add-attach .attach-list td.name{ width:60px; background:none}
.new-post .add-attach .attach-select input{ height:auto !important; height:21px}
.new-post .add-attach .form-textarea{ width:388px; height:68px}
.new-post .submit-oper{ text-align:center; background:#ffe0ef}
.new-post .submit-oper *{ vertical-align:middle}
 .new-post .validate-pic{ height:32px; margin-top:10px; line-height:16px}
.new-post .validate img{ float:left; width:90px; height:30px; vertical-align:middle; border:1px solid #EEE}
.add-vote ul{ margin-top:10px}
.add-vote li{ margin-bottom:10px}
.add-vote .form-text{ width:430px}
.post-back{ height:400px; padding-bottom:20px; border:1px solid #ffe0ef; margin:0 20px 20px; overflow:auto}
 .user-document td{ padding:10px}
.user-document .user-info{ padding:10px; vertical-align:top}
.user-document .user-info p{ margin-bottom:5px}
.user-document .user-info p.last{ margin-bottom:0}
.user-document .user-info .photo{ width:150px; overflow:hidden; margin-bottom:5px}
.user-document .other-info p{ line-height:25px}
 .bookmark th{ padding:10px 15px; text-align:left; background:#fff0f7}
.bookmark td{ padding:10px 15px}
.add-bookmark{ margin:20px; background:#FFF}
.add-bookmark .form-text{ width:400px}
.moderate-panel-wrap{ zoom:1; background:url(/images/forum/moderate-nav-bg.gif) repeat-y 100% 0}
.moderate-panel-wrap .main-column{ float:left; width:780px}
.moderate-panel-wrap .side-column{ float:right; width:180px; padding-top:20px}
.moderate-panel{ padding:20px}
.moderate-panel h1{ height:30px}
.moderate-panel .pagi-wrap{ height:25px}
.moderate-nav li{ height:30px; margin-bottom:5px}
.moderate-nav li a{ display:block; height:30px; line-height:30px; padding-left:15px; font-weight:bold; background:#fff1f8}
.moderate-nav li.current a, .moderate-nav li a:hover{ color:#E39 !important; background:#FFF}
 .forum-search{ _height:400px; min-height:400px; padding:20px}
.forum-search .search-bar{ margin-bottom:15px; text-align:center}
.forum-search .search-option{ border-collapse:collapse; border-top:3px solid #EEE; border-bottom:3px solid #EEE; margin-bottom:15px}
.forum-search .search-option td{ width:1%; padding:10px 5px; border-top:1px dashed #EEE; border-bottom:1px dashed #EEE; white-space:nowrap}
.forum-search .search-result{ height:auto}
.forum-search .search-result h2{ height:25px; margin-bottom:10px; border-bottom:1px solid #EEE; font-size:117%}
.forum-search .search-result .result-list{ height:auto; border-bottom:1px solid #EEE; padding-bottom:10px; margin-bottom:15px}
.forum-search .search-result h3{ line-height:2; font-size:108%}
.forum-search .search-result p{ line-height:2; margin-left:1em}
.forum-search .pagi-wrap{ height:25px}
.nice-mark{ font-weight:bold; color:#D45 !important}
.icons {display:inline-block; width:30px; height:30px; background-image:url(/images/forum/icons.png); background-repeat:no-repeat; text-indent:-999em}
html.not_ie .icons {vertical-align:bottom}
.icon_level_1 {background-position:0 -30px}
.icon_level_2 {background-position:0 -60px}
.icon_level_3 {background-position:0 -90px}
.icon_level_4 {background-position:0 -120px}
.icon_level_5 {background-position:0 -150px}
.icon_level_6 {background-position:0 -180px}
.icon_level_7 {background-position:0 -210px}
.icon_level_8 {background-position:0 -240px}
.icon_level_9 {background-position:0 -270px}
.icon_level_10 {background-position:0 -300px}
.icon_level_11 {background-position:0 -330px}
.icon_level_12 {background-position:0 -360px}
.icon_level_13 {background-position:0 -390px}
.icon_level_14 {background-position:0 -420px}
.icon_level_15 {background-position:0 -450px}
.icon_level_16 {background-position:0 -480px}
.icon_sustainable_off {background-position:-30px -60px}
.icon_sustainable_on {background-position:-30px -90px}
.icon_members_off {background-position:-30px -120px}
.icon_members_on {background-position:-30px -150px}
.icon_cert_off {background-position:-30px -180px}
.icon_cert_on {background-position:-30px -210px}
.auther_name {width: 150px; word-wrap: break-word}
.userMobile, .userAndroid {background:url(/images/forum/user-from.gif) no-repeat; display:inline-block; width:12px; height:14px; overflow:hidden; vertical-align:middle}
html.lte7 .userMobile, html.lte7 .userAndroid {display:inline; zoom:1}
.userMobile {background-position:0 0}
.userAndroid {background-position:-20px 0}