@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))}
  .can-wrap{ height:520px; background:url(/images/can/bg0.gif) no-repeat 0 0}
.can{ padding:10px; color:#666}
.can a{ color:#666}
.can a:hover{ color:#39E}
.can select{ height:21px}
 .can .pop-panel .panel-head, .can .pop-panel .panel-foot, .can .pop-panel .panel-head span, .can .pop-panel .panel-foot span, .can .can-tab a, .can .can-menu-wrap, .can .search-bar .textbox, .can .search-bar .button, .can .can-menu .item-list-wrap, .can .can-menu .item-list .intr .fav, .can .can-menu .item-list .intr .delete, .can .can-menu .item-list .intr .diy, .can .can-menu .item-list .oper .add, .can .pop-oper .plus, .can .pop-oper .reduce, .can .can-record-tab a, .can .food-record-wrap, .can .sport-record-wrap, .can .can-record .food-progress, .can .can-record .sport-progress, .can .can-record .record-title, .can .can-record .record-title .toggle, .can .can-record td.unit .unit-box, .can .can-record td.delete a, .can .can-result{ background:url(/images/can/icon.png) no-repeat}
 .can .pop-panel .panel-head, .can .pop-panel .panel-foot, .can .pop-panel .panel-head span, .can .pop-panel .panel-foot span{ display:block; overflow:hidden; height:5px}
.can .pop-panel .panel-head, .can .pop-panel .panel-foot{ padding-left:5px}
.can .pop-panel .panel-head{ background-position:-310px -60px}
.can .pop-panel .panel-foot{ background-position:-310px -70px}
.can .pop-panel .panel-head span{ background-position:100% -65px}
.can .pop-panel .panel-foot span{ background-position:100% -75px}
.can .pop-panel .panel-body{ _zoom:1; position:relative; line-height:2; padding:5px 10px; border-left:1px solid #f7d0f7; border-right:1px solid #f7d0f7; background:#fff2f8}
.can .pop-panel .diy-unit{ position:absolute; top:0; left:0; padding:5px 10px; background:#fff2f8}
 .can .main-column{ float:left; width:590px}
.can .sub-column{ float:right; width:300px}
 .can .can-tab{ height:30px}
.can .can-tab li, .can .can-tab a{ float:left; width:69px; height:30px; line-height:30px}
.can .can-tab li{ position:relative}
.can .can-tab li.meal1, .can .can-tab li.meal1 a, .can .can-tab li.sport, .can .can-tab li.sport a, .can .can-tab li.latest, .can .can-tab li.latest a{ width:70px}
.can .can-tab li.sport{ margin-left:10px}
.can .can-tab li.latest{ float:right}
.can .can-tab li.meal1 a{ background-position:0 0}
.can .can-tab li.meal6 a{ background-position:-1px 0}
.can .can-tab li.meal2 a, .can .can-tab li.meal7 a{ background-position:-71px 0}
.can .can-tab li.meal3 a, .can .can-tab li.meal8 a{ background-position:-141px 0}
.can .can-tab li.sport a{ background-position:-210px 0}
.can .can-tab li.latest a{ background-position:-280px 0}
.can .can-tab li a:hover, .can .can-tab li a.current{ position:absolute; left:0; top:0; height:31px; font-weight:bold; color:#666; background-position:100% 0}
 .can .can-menu-wrap{ height:470px; background-position:0 -845px}
.can .can-menu{ height:400px; padding-left:15px}
 .can .green-bar{ height:28px; line-height:23px; padding:13px 20px 0}
.can .green-bar .can-menu-tab .current{ font-weight:bold}
.can .search-bar{ height:21px}
.can .search-bar .textbox{ width:160px; padding:0 10px; height:21px; line-height:21px; border:0; background-position:0 -215px}
.can .search-bar .textbox:hover{ background-position:0 -236px}
.can .search-bar .button{ width:30px; height:21px; border:0; cursor:pointer; background-position:-180px -215px}
.can .search-bar .button:hover{ background-position:-180px -236px}
.can .green-bar .drop-menu-wrap{ overflow:auto; position:relative; z-index:2}
.can .green-bar .drop-menu{ position:absolute; left:0; top:25px; width:80px; padding:5px 10px; border:1px solid #CCC; white-space:nowrap; background:#FFF}
 .can .can-menu .item-list-wrap{ float:left; width:270px; height:60px; padding:5px; margin:0 5px 10px 0; background-position:0 -290px}
.can .can-menu .item-list-wrap:hover, .can .can-menu .item-list-wrap.hover{ background-position:-280px -290px}
.can .can-menu .item-list{ width:260px; height:40px; padding:10px 0 10px 10px}
.can .can-menu .item-list .illus{ overflow:hidden; float:left; width:40px; height:40px; margin-right:10px}
.can .can-menu .item-list .illus img{ width: 40px}
.can .can-menu .item-list .intr{ position:relative; z-index:0; float:left; width:145px; line-height:20px}
.can .can-menu .item-list-wrap:hover .intr, .can .can-menu .item-list-wrap.hover .intr{ z-index:1}
.can .can-menu .item-list .intr dt, .can .can-menu .item-list .intr dd{ height:20px}
.can .can-menu .item-list .intr .fav, .can .can-menu .item-list .intr .delete, .can .can-menu .item-list .intr .diy{ width:20px; height:20px; margin-left:5px; background-position:-125px -265px}
.can .can-menu .item-list .intr .fav:hover{ background-position:-145px -265px}
.can .can-menu .item-list .intr .delete{ background-position:-397px -215px}
.can .can-menu .item-list .intr .delete:hover{ background-position:-397px -235px}
.can .can-menu .item-list .intr .diy{ background-position:-305px -215px}
.can .can-menu .item-list .intr .diy:hover{ background-position:-305px -235px}
.can .can-menu .item-list .intr .pop-intr{ display:none; position:absolute; left:0; top:20px; width:145px}
.can .can-menu .item-list .intr.intr-hover .pop-intr{ display:block}
.can .can-menu .item-list .oper{ position:relative; z-index:0; float:right; width:45px; padding:10px 5px 0 0; height:20px}
.can .can-menu .item-list-wrap:hover .oper, .can .can-menu .item-list-wrap.hover .oper{ z-index:1}
.can .can-menu .item-list .oper .add{ display:block; width:45px; height:20px; background-position:0 -265px}
.can .can-menu .item-list .oper .add:hover{ background-position:-50px -265px}
.can .can-menu .item-list .oper .pop-add{ display:none; position:absolute; right:10px; top:30px; width:145px}
.can .can-menu .item-list .oper.add-hover .pop-add{ display:block}
.can .can-menu .item-list .oper .pop-add a{ display:block}
.can .can-meal .item-list-wrap{ height:180px; background-position:0 -1320px}
.can .can-meal .item-list-wrap:hover, .can .can-meal .item-list-wrap.hover{ background-position:-280px -1320px}
.can .can-meal .item-list .intr{ width:170px; line-height:25px}
.can .can-meal .item-list .intr .meal-list{ height:100px; overflow:hidden}
.can .can-meal .item-list .intr .meal-list li{ height:25px}
.can .can-meal .item-list .intr .meal-list .dt{ float:left; width:100px}
.can .can-meal .item-list .intr .meal-list .dd{ float:right; width:60px; text-align:right}
.can .can-meal .item-list .oper{ padding-top:70px}
.can .pop-oper{ display:none; position:absolute; z-index:1}
.can .pop-oper .plus, .can .pop-oper .reduce{ display:inline-block; width:20px; height:20px; background-position:-165px -265px}
.can .pop-oper .plus:hover{ background-position:-185px -265px}
.can .pop-oper .reduce{ background-position:-205px -265px}
.can .pop-oper .reduce:hover{ background-position:-225px -265px}
.can .can-menu .pop-oper{ top:50px; left:60px; width:210px}
 .can .can-menu .record-list-wrap{ float:left; width:270px; height:85px; padding:5px; margin:0 5px 10px 0; background:url(/images/can/record-list-bg.gif) no-repeat 0 0}
.can .can-menu .record-list-wrap:hover{ background-position:0 100%}
.can .can-menu .record-list{ width:260px; height:75px; padding:5px 0 5px 10px}
.can .can-menu .record-list .intr{ float:left; width:200px; line-height:25px}
.can .can-menu .record-list .add{ float:right; width:60px; height:75px}
 .can .can-record-tab{ height:30px}
.can .can-record-tab li, .can .can-record-tab a{ width:110px; height:30px}
.can .can-record-tab li{ position:relative; z-index:10}
.can .can-record-tab a{ display:block; opacity:0.4; filter:alpha(opacity=40)}
.can .can-record-tab a.food-tab{ background-position:0 -35px}
.can .can-record-tab a.sport-tab{ background-position:-110px -35px}
.can .can-record-tab a:hover, .can .can-record-tab a.current{ position:absolute; left:0; top:0; height:31px; opacity:1; filter:alpha(opacity=100)}
 .can .can-record{ position:relative; height:390px; margin-bottom:10px}
.can .food-record-wrap, .can .sport-record-wrap{ position:absolute; top:0; left:0; z-index:0; width:280px; height:390px; opacity:0.4; filter:alpha(opacity=40)}
.can .food-record-wrap.upper, .can .sport-record-wrap.upper{ z-index:1; opacity:1; filter:alpha(opacity=100)}
.can .food-record-wrap{ padding:1px 1px 0 10px; background-position:-9px -365px}
.can .sport-record-wrap{ left:9px; padding:1px 10px 0 1px; background-position:-300px -365px}
.can .food-record, .can .sport-record{ height:388px; background:#FFF}
.can .can-record .food-progress, .can .can-record .sport-progress{ position:absolute; top:0; width:9px}
.can .can-record .food-progress{ left:1px; background-position:0 -365px}
.can .can-record .sport-progress{ left:281px; background-position:-591px -365px}
.can .can-record .record-title{ height:31px; line-height:30px; padding-left:10px; cursor:pointer; font-size:14px}
.can .can-record .record-title.meal1, .can .can-record .record-title.meal6{ background-position:0 -85px}
.can .can-record .record-title.meal2, .can .can-record .record-title.meal7{ background-position:0 -116px}
.can .can-record .record-title.meal3, .can .can-record .record-title.meal8{ background-position:0 -147px}
.can .can-record .record-title .toggle{ width:30px; height:30px; background-position:100% -215px}
.can .can-record .record-body{ display:none; * height:181px; padding:10px 0; border-top:1px solid #CCC; margin:0 10px}
.can .can-record .record-panel.current, .can .can-record .record-panel.sport-current{ overflow:auto; height:233px}
.can .can-record .record-panel.sport-current{ height:350px}
.can .can-record .record-panel.current .record-title, .can .can-record .record-panel.sport-current .record-title{ background-position:0 -178px}
.can .can-record .record-panel.current .record-title .toggle, .can .can-record .record-panel.sport-current .record-title .toggle{ background:none}
.can .can-record .record-panel.current .record-body, .can .can-record .record-panel.sport-current .record-body{ display:block}
 .can .can-record td{ line-height:21px}
.can .can-record td.name, .can .can-record td.name div{ width:70px}
.can .can-record td.name{ padding-right:10px}
.can .can-record td.unit, .can .can-record td.unit .unit-box, .can .can-record td.unit .unit-box span{ width:55px}
.can .can-record td.unit .unit-box, .can .can-record td.unit .unit-box span{ display:block}
.can .can-record td.unit .unit-box{ height:21px; padding-right:20px; background-position:-250px -215px}
.can .can-record td.unit .unit-box:hover{ background-position:-250px -235px}
.can .can-record td.cal, .can .can-record td.cal div{ width:60px}
.can .can-record td.delete, .can .can-record td.delete a{ width:20px}
.can .can-record td.delete a{ display:block; height:21px; background-position:-390px -215px}
.can .can-record td.delete a:hover{ background-position:-390px -235px}
.can .can-record .pop-oper{ width:170px}
 .can .can-result{ height:50px; padding:10px 15px; background-position:0 -765px}
.can .can-result .sum{ width:165px; line-height:20px}
.can .can-result .oper{ width:80px; padding-top:2px}
 .can .can-upload{ margin:20px 20px 0}
.can .can-upload .width1{ width:200px}
.can .can-upload .width2{ width:100px}
.can .can-upload ul{ padding-left:10px}
.can .can-upload li{ margin-bottom:15px}
 .can .store-menu-wrap{ height:468px; border:1px solid #CCC; background:#FFF}
.can .store-record-wrap{ height:408px; padding:9px; border:1px solid #CCC; margin-bottom:15px; background:#FFF}
.can .store-record{ overflow:auto; height:405px}
.can .store-record table{ width:auto}
.can .store-record td{ line-height:21px; padding:0}
.can .store-record td.name, .can .store-record td.name div{ width:85px}
.can .store-record td.name{ padding-right:10px}
.can .store-record td.unit, .can .store-record td.unit .unit-box{ width:60px}
.can .store-record td.unit .unit-box{ display:block; height:21px; padding-right:20px; background:url(/images/can/edit-m1.gif) no-repeat 100% 0}
.can .store-record td.unit .unit-box:hover{ background-position:100% 100%}
.can .store-record td.unit .unit-box span{ display:block; width:50px}
.can .store-record .unit-box-wrap{ position:relative; height:21px}
.can .store-record .unit-box-wrap .show{ position:absolute; top:0; left:0; width:80px; padding:5px; background:#EFD}
.can .store-record td.cal, .can .store-record td.cal div{ width:60px}
.can .store-record td.delete, .can .store-record td.delete a, .can .store-record td.edit, .can .store-record td.edit a{ width:20px}
.can .store-record td.delete a, .can .store-record td.edit a{ display:block; height:21px; background:url(/images/can/delete-m1.gif) no-repeat 100% 0}
.can .store-record td.edit a{ background-image:url(/images/can/edit-m1.gif)}
.can .store-record td.delete a:hover, .can .store-record td.edit a:hover{ background-position:100% 100%}
.can #sport_menu {padding:5px;cursor:pointer}
.can #sport_menu .drop-menu a {display:block; width: 80px; height: 24px; line-height: 24px; overflow: hidden}
.can #sportTip {line-height: 1.5em; margin: 0 10px 5px 10px}
.can #sportTip a {color: #C69}
.can #sportTip a:hover {color: #39E}
  body{ line-height:2; background-repeat:no-repeat; background-position:50% 30px}
a.sub{ padding-left:10px; background:url(/images/common/main-arrow.gif) no-repeat left -5px}
table{ border-collapse:collapse}
 .header{ padding-top:30px; _padding-top:0px}
 .footer{ line-height:30px; padding-bottom:15px}
.footer *{ color:#444}
 .banner-wrap{ background-repeat:no-repeat; background-position:50% 0}
.banner{ position:relative; width:1003px; margin:auto; background-repeat:no-repeat; background-position:50% 0}
.banner .flash-banner{ position:absolute; top:0; left:0}
.banner .intro{ position:relative; padding:30px 0 0 35px; font-weight:bold}
.banner h1{ font:lighter 30px/2 "微软雅黑","黑体"}
.banner h2, .banner p{ margin-left:30px}
.banner h2{ font-size:14px}
.banner p span{ cursor:pointer}
.banner .set-btn{ position:absolute; right:30px; bottom:30px; width:100px; height:50px; background:url(/images/common/blank.gif)}
 .tips{ padding:5px 10px; border:1px solid #CCC; margin-bottom:21px; background:#EFE}
.tips .close{ float:right; width:20px; height:20px; background:url(/images/common/delete.gif) no-repeat 50% 50%}
 .nav-wrap{ * height:1%; position:relative; background-repeat:repeat-x; background-position:50% 0}
.nav{ width:961px; height:30px; padding:0 21px; margin:auto; font-size:14px; font-weight:bold}
.nav ul{ float:left}
.nav ul.core-wrap{ margin-right:40px}
.nav ul.go-wrap{ float:right}
.nav li{ float:left; padding:0 5px}
.nav li a{ float:left; height:30px; line-height:30px; padding:0 10px}
 .bodyer-wrap{ background-repeat:no-repeat; background-position:50% 0}
.bodyer{ width:961px; padding:21px 21px 0; margin:auto}
 .main-column{ float:left; width:700px}
.sub-column{ float:right; width:240px}
 .module{ zoom:1; position:relative; margin-bottom:21px}
.module .head{ height:30px; line-height:30px; font-size:14px; font-weight:bold}
.module .head-left, .module .head-right, .module .head-center{ background-repeat:no-repeat}
.module .head-left{ padding-left:10px; background-position:0 0}
.module .head-right{ padding-right:10px; background-position:100% 100%}
.module .head-center{ height:30px; background-repeat:repeat-x; background-position:0 50%}
.module .head .toggle{ float:right; width:30px; height:30px; margin-top:-30px; background:url(/images/space/module-toggle.gif) no-repeat}
.module .head a.on{ background-position:0 0}
.module .head a.on:hover{ background-position:0 100%}
.module .head a.off{ background-position:100% 0}
.module .head a.off:hover{ background-position:100% 100%}
.module .body-wrap{ background-color:#FFF; background-repeat:repeat-y; background-position:0 0}
.module .body{ zoom:1; padding:15px 14px; border-width:0 1px 1px 1px; border-style:solid; border-color:transparent; background-repeat:repeat-y; background-position:100% 0}
.module .module-nav{ height:25px; line-height:normal; border-bottom:1px solid #CCC; margin-bottom:10px; color:#999}
.module .foot{ overflow:hidden; height:10px}
.module .foot-left, .module .foot-right, .module .foot-center{ background-repeat:no-repeat}
.module .foot-left{ padding-left:10px; background-position:0 0}
.module .foot-right{ padding-right:10px; background-position:100% -20px}
.module .foot-center{ height:10px; background-color:#FFF; background-repeat:repeat-x; background-position:0 -10px}
 .item-title{ height:25px; font-size:13px}
.item-title a{ font-size:12px; font-weight:lighter}
.divi-1{ height:3px; overflow:hidden; margin:15px 0; background:url(/images/space/divi-1.gif) repeat-x left top}
.guide-1{ height:auto; line-height:21px; padding:0 5px; background:#EFE}
 .page{ height:2em; line-height:normal}
.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}
  .opcard{ _overflow:hidden; height:30px; border-bottom:1px solid #F6A; margin-bottom:15px}
.opcard li{ position:relative; float:left; width:80px; height:31px; margin-right:5px}
.opcard li a{ display:block; height:25px; line-height:25px; margin-top:6px; text-align:center; color:#FFF; background:#F6A}
.opcard li a:hover, .opcard li.current a{ height:29px; line-height:29px; margin-top:0; border:1px solid #F6A; border-bottom-color:#FFF; font-weight:bold; color:#F6A; background:none}
 .tags-wrap{ _height:25px; min-height:25px}
.tags-wrap .tags-title{ float:left}
.tags-wrap .tags-contents{ margin-left:65px}
.tags-wrap .tags{ display:-moz-inline-box !important; display:inline-block; height:19px; padding-left:21px; margin:0 3px 8px 0; background:url(/images/space/tags-lf.gif) no-repeat left top}
.tags-wrap .tags a{ color:#390}
.tags-wrap .tags span{ float:left; height:17px; line-height:17px; padding-right:5px; border:1px solid #390; border-left:none; background:#FFF}
.tags-wrap .tags .edit, .tags-wrap .tags .delete{ background:url(/images/favorite/edit.gif) no-repeat 0 50%}
.tags-wrap .tags .delete{ background-position:100% 50%}
 .smile-list, .space-popup .smile-list{ width:520px; height:auto; margin-bottom:10px; overflow:auto}
.smile-list img, .space-popup .smile-list img{ padding:4px; border:1px solid #EEE; cursor:pointer}
 .space-enter{ width:600px; padding:10px 15px; margin:0 auto 20px; background:#FFF}
.space-enter .step-title{ line-height:29px; padding-left:10px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#613b00; background:#f8e9cd}
.space-enter .welcome{ margin-bottom:15px; font-size:14px}
.space-enter .enter-input .width1{ width:380px}
.space-enter .enter-input .width2{ width:80px}
.space-enter .enter-input .name{ padding:5px 10px 0 0; font-weight:bold}
.space-enter .enter-input td{ vertical-align:top}
.space-enter .enter-input .check-list td{ padding-bottom:0px}
 .news .textarea{ padding:5px; border:1px solid #7f9db9; margin-bottom:10px}
.news .textarea textarea{ overflow:auto; width:100%; line-height:20px; border:0; height:80px; font-size:12px}
 .short-profile .photo{ width:150px; margin:auto; margin-bottom:10px; text-align:center}
.short-profile .photo p{ padding-top:2px}
.short-profile .spacer{ height:25px; line-height:normal; font-size:14px; font-weight:bold}
.short-profile li{ line-height:21px}
.short-profile li.divi{ margin-top:10px}
.add-friend{ display:block; width:63px; height:19px; line-height:19px; padding-left:22px; color:#FFF; font-weight:bold; background:url(/images/space/add-friend.gif) no-repeat left top}
.add-friend:hover{ color:#FFF !important; background:url(/images/space/add-friend.gif) no-repeat left bottom}
 .photo-data-wrap{ width:400px; height:10px; border:1px solid #690; overflow:hidden}
.photo-data-wrap .photo-data{ height:10px; background:url(/images/space/photo-data.gif) repeat-x left top}
.album{ height:auto; zoom:1}
.album .photo-wrap{ float:left; width:166px; height:auto; padding-bottom:10px; text-align:center}
.album .photo-wrap .photo{ display:block; width:150px; height:120px; margin:auto; padding-bottom:5px; background:url(/images/space/photo-shadow.gif) no-repeat center bottom}
.album .photo-wrap .photo a{ display:block; width:148px; height:118px; border:1px solid #DDD; overflow:hidden}
.album .photo-wrap p{ height:20px; line-height:20px}
.album .photo-wrap .limit{ width:166px}
.photo-tag{ line-height:2; margin:0 0 15px}
.photo-tag .edit, .photo-tag .delete{ background:url(/images/favorite/edit.gif) no-repeat 0 50%}
.photo-tag .delete{ background-position:100% 50%}
.photo-tag span{ white-space:nowrap}
.in-photo{ height:125px; padding-bottom:10px; zoom:1}
.in-photo .forward, .in-photo .back, .in-photo .forbid, .in-photo .backbid{ float:left; width:20px; height:125px; background:url(/images/space/forback.gif) no-repeat}
.in-photo .forward{ margin-right:5px; background-position:0px -125px}
.in-photo .forward:hover{ background-position:0px -250px}
.in-photo .back{ float:right; background-position:-20px -125px}
.in-photo .back:hover{ background-position:-20px -250px}
.in-photo .forbid{ margin-right:5px; background-position:0px 0px}
.in-photo .backbid{ float:right; background-position:-20px 0px}
.in-photo .photo{ float:left; width:150px; height:120px; padding-bottom:5px; margin-right:5px; background:url(/images/space/photo-shadow.gif) no-repeat center bottom}
.in-photo .photo a{ display:block; width:148px; height:118px; text-align:center; border:1px solid #DDD; overflow:hidden}
.new-photo{ width:700px; height:auto; margin:auto; zoom:1}
.new-photo .photo-pre{ float:left; width:150px; height:150px; margin-right:20px; background:#EEE}
.new-photo .photo-save{ float:left; height:auto}
.new-photo .photo-save p{ margin-top:15px}
 .in-gift{ _height:125px; min-height:125px; zoom:1}
.in-gift .forward, .in-gift .back, .in-gift .forbid, .in-gift .backbid{ float:left; width:20px; height:125px; background:url(/images/space/forback.gif) no-repeat}
.in-gift .forward{ margin-right:5px; background-position:0px -125px}
.in-gift .forward:hover{ background-position:0px -250px}
.in-gift .back{ float:right; background-position:-20px -125px}
.in-gift .back:hover{ background-position:-20px -250px}
.in-gift .forbid{ margin-right:5px; background-position:0px 0px}
.in-gift .backbid{ float:right; background-position:-20px 0px}
.in-gift .mygift{ float:left; width:124px; height:auto; padding-bottom:5px; text-align:center}
.in-gift .mygift .illu{ height:75px; text-align:center}
.in-gift .mygift p{ width:104px; line-height:20px; padding:0 10px}
.gift{ height:auto}
.gift .my-gift-wrap.last{ margin-bottom:0}
.gift .my-gift-wrap .illus{ float:left; width:90px; height:90px; padding:9px; border:1px solid #DDD; margin-right:15px; background-repeat:no-repeat; background-position:50% 50%}
.gift .my-gift-wrap p{ line-height:2}
.gift .my-gift-wrap .big-font{ color:#E39; font-size:18px; font-family:arial}
.gift .send-step-title{ height:25px; border-bottom:1px dashed #CCC; margin-bottom:10px; font-size:13px; font-weight:bold}
.gift .sended-gift-list{ height:auto; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:20px}
.gift .sended-gift-list table{ width:100%}
.gift .sended-gift-list td{ padding:10px; text-align:center; vertical-align:top}
.gift .sended-gift-list .gift-select{ display:block; height:90px; cursor:pointer}
.gift .sended-gift-list p{ line-height:21px}
.gift .sended-gift-list .bottom-pagination-wrap{ border-top:0}
.gift .send-oper-wrap{ zoom:1; overflow:auto; height:auto}
.gift .send-oper-wrap .gift-selected{ float:left; width:148px; height:auto; padding:10px; border:1px solid #CCC; text-align:center}
.gift .send-oper-wrap .gift-selected p{ line-height:21px}
.gift .send-oper-wrap .send-oper{ float:right; width:700px; height:auto}
.gift .send-oper-wrap .send-step{ zoom:1; overflow:auto; height:auto; margin-bottom:20px}
.gift .send-oper-wrap .send-step.last{ margin-bottom:0}
.gift .send-oper .friend-list, .gift .send-oper .receive-list{ width:198px; height:198px; padding:10px; border:1px solid #CCC; overflow:auto}
.gift .send-oper .friend-list{ float:left}
.gift .send-oper .receive-list-wrap{ float:left; width:220px; height:220px; padding-left:35px; background:url(/images/gift/add-arrow.gif) no-repeat 10px center}
.gift .send-oper .friend-list li, .gift .send-oper .receive-list li{ margin-bottom:10px}
.gift .send-oper .friend-list input{ width:13px; height:13px}
.gift .send-oper .add-msg .form-textarea{ width:463px; height:87px}
.gift .send-oper .send-ways li{ margin-bottom:10px}
.gift .send-oper .send-ways li.last{ margin-bottom:0}
 .bless{ height:auto}
.bless p{ line-height:25px}
.bless p.indent{ text-indent:24px}
.bless .birthday{ padding-top:110px; color:#E39; background:url(/images/bless/birthday.gif) no-repeat 50% 0}
.bless .teacher{ padding-top:140px; color:#E39; background:url(/images/bless/teacher.gif) no-repeat 50% 0}
.bless .autumn{ padding-top:150px; color:#F60; background:url(/images/bless/mid-autumn.gif) no-repeat 50% 0}
.bless .tour{ padding-top:150px; color:#690; background:url(/images/bless/tour.gif) no-repeat 50% 0}
.bless .national{ padding-top:140px; color:#F00; background:url(/images/bless/national.gif) no-repeat 50% 0}
 .in-friend .group-title{ line-height:normal; font-size:13px; font-weight:bold; cursor:pointer}
.in-friend .group-title span{ padding-right:2px; font-size:20px; font-family:"Courier New"; color:#390}
.in-friend li{ line-height:23px; padding-left:14px}
.in-friend.del-padding li{ padding-left:0}
.in-friend li.diary-new{ background:url(/images/space/new-diary-icon.gif) no-repeat left center}
.friends .friends-nav{ width:170px}
.friends .friends-nav .search-bar{ height:25px}
.friends .friends-nav .search-bar .textbox{ width:139px; height:23px; line-height:23px; border-color:#999; border-right:0}
.friends .friends-nav .search-bar .button{ width:30px; height:25px; border:0 none; cursor:pointer; background:url("/images/info/side-search-bar-m1.gif") no-repeat 100% 0}
.friends .friends-nav .search-bar .button:hover{ background-position:100% 100%}
.friends .friends-nav ul{ line-height:30px}
.friends .friends-nav ul li{ height:30px; line-height:30px; padding:0 10px}
.friends .friends-nav ul li.current{ background:#ffe5f0}
.friends .friends-nav ul li.current a{ color:#444; font-weight:bold}
.friends .friends-nav ul.invite li{ padding-left:20px; background:url(/images/space/friends-icon.gif) no-repeat}
.friends .friends-nav ul.invite li.i1{ background-position:0 0}
.friends .friends-nav ul.invite li.i2{ background-position:0 100%}
.friends .friends-content{ width:730px}
.friends .group-title{ height:29px; line-height:29px; border-bottom:2px solid #FDE}
.friends .group-title .group-name{ display:inline-block; height:29px; padding:0 10px; background:#ffe5f0}
.friends .batch-oper{ padding:5px 10px; background:#ffeff6}
.friends .batch-on, .friends .batch-off{ display:inline-block; * overflow:hidden; width:60px; height:21px; line-height:21px; * line-height:23px; * margin-bottom:3px; text-align:center; color:#444; border:none; background:url(/images/space/group-button.gif) no-repeat}
.friends .batch-on{ background-position:0 0}
.friends .batch-on:hover{ background-position:0 -21px}
.friends .batch-on:active{ background-position:0 -42px}
.friends .batch-off{ background-position:0 -42px}
.friends .group-list td{ padding:10px; border-bottom:1px solid #FDE}
.friends .group-list td .checkbox, .friends .group-list td .illus, .friends .group-list td .intro{ float:left}
.friends .group-list td .checkbox{ width:30px; padding-top:24px; * padding-top:20px}
.friends .group-list td .illus{ width:60px; margin-right:10px}
.friends .group-list td .intro{ padding:5px 0}
 .space-hot{ height:221px}
.space-hot .hot-wrap{ float:left; width:70px; height:200px; overflow:hidden}
.space-hot .hot-wrap .hot-show{ height:200px; line-height:normal; color:#F7B; font-size:10px; text-align:center; background:url(/images/space/space-hot-show.gif) no-repeat center 15px}
.space-hot .hot-title{ height:21px; line-height:21px; text-align:center; font-weight:bold}
.space-hot .hot-title span{ float:left; width:70px}
 .in-frilink li{ height:24px; padding-left:20px; background:url(/images/space/fav-icon.gif) no-repeat left center}
.in-frilink .w1{ width:150px}
.in-frilink .w2{ width:190px}
.in-frilink .w3{ white-space:nowrap}
 .in-msg .msg-lists{ position:relative; width:100%; min-height:60px; margin-bottom:20px}
.in-msg .msg-lists .illus{ position:absolute; left:0; top:0; width:60px; height:60px; overflow:hidden}
.in-msg .msg-lists .intro{ margin-left:70px}
.in-msg .msg-lists .msg-title{ height:25px; line-height:25px; margin-bottom:10px; background:#f9e4f5 url(/images/space/msg-title.gif) no-repeat 0 0}
.in-msg .msg-title .msger{ float:left; padding-left:10px}
.in-msg .msg-title .oper{ float:right; padding-right:10px}
.in-msg .msg-title .index{ float:right; padding:0 5px 0 30px; font-weight:bold; color:#FFF; background:#F7B url(/images/space/msg-title.gif) no-repeat 0 100%}
.in-msg .msg-text{ padding-left:5px; line-height:2}
.in-msg .search-bar{ height:25px}
.in-msg .search-bar .textbox{ float:left; width:180px; height:19px; border:1px solid #CCC; margin-right:10px}
.in-msg .search-bar .button{ float:left; width:21px; height:21px; border:none; cursor:pointer; background:url(/images/common/search-btn-1.gif) no-repeat 0 0}
.space-popup .new-msg{ width:520px; margin:auto}
.space-popup .new-msg .form-textarea{ width:506px !important; width:508px; height:210px}
.space-popup .new-msg .center{ margin-top:10px}
 .in-mycan{ height:auto}
.in-mycan .mycan-list{ float:left; width:150px; height:45px; margin-right:10px; margin-bottom:15px; background:#F6F6F6}
.in-mycan .mycan-list.last{ margin-right:0}
.in-mycan .mycan-list .illu{ float:left; width:43px; height:43px; border:1px solid #CCC}
.in-mycan .mycan-list .intr{ float:left; width:70px; height:45px; line-height:normal; padding-left:5px}
.in-mycan .mycan-list .intr .divi{ width:80px; margin:5px 0 8px 0; font-weight:bold}
.in-mycan .mycan-list .oper{ float:right; width:25px; height:45px}
.in-mycan .mycan-list .oper .modify{ display:block; width:25px; height:25px; background:url(/images/common/modify.gif) no-repeat center center}
.in-mycan .mycan-list .oper .delete{ display:block; width:25px; height:20px; background:url(/images/common/delete.gif) no-repeat center center}
.in-mycan .recipe-list-wrap{ height:auto}
.in-mycan .recipe-list{ height:auto; padding-left:10px; margin-bottom:15px}
.in-mycan .recipe-title{ height:20px; margin-bottom:10px; border-bottom:1px dashed #FBD}
.in-mycan .recipe-title b{ float:left; height:20px; line-height:20px; color:#FFF; background:#F7B}
 .diary-title{ height:25px; line-height:25px; padding-left:10px; margin-bottom:15px; font-size:13px; font-weight:bold; background:#FEF url(/images/space/diary-title.gif) no-repeat -70px top}
.diary-title a{ float:right; width:25px; height:25px; text-align:center; font-size:12px; font-weight:lighter}
.diary-title .delete{ background:url(/images/common/delete.gif) no-repeat center center}
.diary-title .modify{ background:url(/images/common/modify.gif) no-repeat center center}
.diary-title .toggle{ font-size:20px; font-family:'Courier New'; color:#390; font-weight:bold}
.diary-text{ height:auto; margin:0 10px 20px 10px}
.diary-text.last{ margin-bottom:0px}
.diary-text p{ line-height:23px}
.diary-text .main-line{ margin:10px 0}
.diary-text .support-flower{ * position:relative; * top:-2px; display:inline-block; width:22px; height:20px; background:url("/images/space/support-flower.gif") no-repeat 0 0}
.diary-text .support-flower:hover{ background-position:0 100%}
.can-show-wrap{ height:auto; zoom:1}
.can-show-wrap li{ line-height:21px}
.can-show-wrap .divi{ margin-bottom:5px}
.can-show-wrap .c-show{ float:left; height:auto; _height:69px; min-height:69px; padding-right:20px; margin-right:20px; border-right:1px solid #DDD}
.can-show-wrap .a-show{ float:left; word-break:break-all; max-width:300px}
.smart-diary{ padding:5px 10px; border:1px solid #DDD; margin-bottom:10px}
.nurmal-space-diary-head{ height:25px; background:url(/images/space/nurmal_space_diary.png) no-repeat 0 3px}
.smart-diary-head{ height:25px; background:url(/images/space/smart-mark.gif) no-repeat 0 3px}
.smart-diary-head .oper1, .smart-diary-head .oper2{ height:25px; line-height:25px; padding-left:30px; font-weight:bold; background:url(/images/space/smart-diary-oper.gif) no-repeat 0 0}
.smart-diary-head .oper2{ background-position:0 100%}
.smart-diary-part{ padding-left:10px; padding-right:10px}
.smart-diary-part td{ width:1%}
.smart-diary-report .part{ padding:0 10px; margin-bottom:15px}
.smart-diary-report .result{ padding:7px 10px 0; border:2px solid #FDE; margin-top:10px}
.booby-show{ border-bottom:1px dashed #CCC; margin-bottom:10px}
.booby-show li{ margin-bottom:10px}
.diary-calendar{ margin-bottom:20px}
.diary-calendar .calendar .cal-nav{ height:35px}
.diary-calendar .calendar .cal-nav li{ float:left}
.diary-calendar .calendar .cal-nav li.lf, .diary-calendar .calendar .cal-nav li.rt{ width:170px; height:35px; text-align:center; background:url(/images/nice/cal/nav-lf.gif) no-repeat 0 0}
.diary-calendar .calendar .cal-nav li.rt{ background:url(/images/nice/cal/nav-rt.gif) no-repeat 0 0}
.diary-calendar .calendar .cal-nav li.md{ width:330px; height:30px; padding-top:5px; line-height:30px; text-align:center; font-weight:bold; color:#B8A; background:url(/images/nice/cal/nav-ct-m1.gif) no-repeat 50% 0}
.diary-calendar .calendar .cal-nav li a{ display:block; width:95px; height:35px; margin:auto; background:url(/images/nice/cal/month-select.gif) }
.diary-calendar .calendar .cal-nav li.lf a{ background-position:0 0}
.diary-calendar .calendar .cal-nav li.lf a:hover{ background-position:0 100%}
.diary-calendar .calendar .cal-nav li.rt a{ background-position:100% 0}
.diary-calendar .calendar .cal-nav li.rt a:hover{ background-position:100% 100%}
.diary-calendar .calendar table{ width:100%; border-collapse:separate; table-layout:fixed; font-size:12px; color:#444; background:#FDE}
.diary-calendar .calendar .dayName th{ height:20px; color:#B8A; background:#FDE}
.diary-calendar .calendar td{ width:1%; height:80px; background:#FFF}
.diary-calendar .calendar td.weekendDay{ background:#EFE}
.diary-calendar .calendar td.today{ background:#FF9}
.diary-calendar .otherMonth{ visibility:hidden}
.diary-calendar .calendar td a{ color:#444}
.diary-calendar .calendar td div{ position:relative; height:80px; line-height:20px; padding:0 5px; color:#666}
.diary-calendar .calendar td .more{ position:absolute !important; bottom:0; color:#C69}
.diary-calendar .calendar td .edit{ position:absolute !important; right:4px; top:4px; width:18px; height:18px; background:url(/images/nice/cal/edit.gif)}
.diary-calendar .calendar td .edit:hover{ background-position:0 100%}
.diary-calendar .calendar td .remark{ position:absolute !important; right:5px; bottom:8px; width:15px; height:15px; background:url(/images/nice/cal/remark.gif)}
.diary-calendar .calendar td .writed{ position:absolute !important; left:10px; bottom:10px; width:40px; height:33px; background:url(/images/nice/cal/writed.gif) 0 0}
.diary-calendar .calendar td .writed:hover{ background-position:0 100%}
.new-diary{ width:520px; height:auto}
.new-diary .form-text.width1{ width:150px}
.direct_go_btn{ display:inline-block; width:24px; height:17px; * vertical-align:0; vertical-align:-4px; border:0; background:url(/images/forum/go.gif) no-repeat; cursor:pointer}
 .diary-booby-wrap{ float:right; width:390px}
.booby .diary-booby-title{ height:18px; line-height:18px; padding-left:20px; border:1px solid #ffd9ec; cursor:pointer; margin-bottom:10px; font-weight:bold; background:url("/images/space/diary-group-head.gif") repeat-x 0 0}
.booby .diary-booby-title:hover{ background-position:0 -23px}
.booby .diary-booby-title .toggle-on, .booby .diary-booby-title .toggle-off{ float:right; width:30px; height:18px; background:url("/images/space/diary-group-head.gif") no-repeat}
.booby .diary-booby-title .toggle-on{ background-position:0 -72px}
.booby .diary-booby-title .toggle-off{ background-position:0 -95px}
.booby .booby-check{ margin:0 5px}
.booby .booby-check li{ margin-bottom:10px}
.booby .booby-check.food-trace li{ margin-bottom:5px}
.booby .track-wrap{ float:left; background:url(/images/booby/track.gif) repeat-x 0 0 !important}
 .profile-nav-wrap{ height:auto}
.basic-brief{ height:auto; border-bottom:1px dashed #CCC; padding-bottom:5px; margin-bottom:5px}
.basic-brief .master{ height:25px; font-size:14px; font-weight:bold}
.basic-brief .master-photo{ zoom:1; overflow:auto; margin-bottom:5px}
.basic-brief .master-photo img{ margin-right:10px}
.basic-brief li{ line-height:25px}
.profile-nav{ border-bottom:1px dashed #CCC; padding-bottom:5px; margin-bottom:5px}
.profile-nav li{ height:25px}
.profile-nav a{ display:block; height:25px; line-height:25px; padding-left:10px; background:url(/images/common/main-arrow.gif) no-repeat 0 0}
.profile-nav.last{ border-bottom:none; padding-bottom:0; margin-bottom:0}
 .progress{ _height:400px; min-height:400px}
.progress p{ line-height:25px}
.progress .divi{ height:12px; padding:20px 0; background:url(/images/space/diary-divi.gif) repeat-x left center}
.has-side-nav{ position:relative}
.has-side-nav .progress{ padding-left:20px; border-left:1px solid #CCC; margin-left:170px}
.has-side-nav .side-nav{ position:absolute; left:14px; width:150px; font-size:14px}
.has-side-nav .side-nav dd{ height:35px; margin-bottom:10px}
.has-side-nav .side-nav dd a{ display:block; height:35px; line-height:35px; padding-left:15px; color:#444; background:#EEE}
.has-side-nav .side-nav dd.current a, .has-side-nav .side-nav a:hover{ font-weight:bold; color:#E39; background:#FDE}
.progress .data-table{ margin-bottom:10px; border-collapse:separate}
.progress .data-table th, .progress .data-table td{ padding:0 10px; text-align:right}
.progress .data-table th{ border-bottom:2px solid #FBD; background:#FDE}
.progress .data-table td{ border-bottom:1px solid #FBD}
.progress .data-table .odd td{ background:#FEF}
.progress .data-table .bd-divi{ border-right:2px solid #FBD}
.progress-bar{ width:360px; padding:5px 0}
.in-progress-lf{ float:left; width:200px; padding-right:25px; border-right:1px dashed #CCC}
.in-progress-lf .success-show{ height:59px; line-height:59px; text-align:center; font-size:20px; font-weight:bold; color:#F60; background:url(/images/space/success-show-bg.gif) no-repeat}
.in-progress-lf p{ line-height:25px; text-align:center; border-bottom:1px dashed #CCC}
.in-progress-rt{ float:right; width:420px}
.in-progress-rt p{ line-height:25px}
.curve-wrap{ width:670px; height:170px; overflow:hidden}
.curve-wrap .curve-show{ float:left; width:335px; overflow:hidden}
.curve-wrap .curve-show div{ margin-left:-15px}
.new-weight li{ margin-bottom:15px}
.new-weight li.last{ margin-bottom:0}
.new-weight .form-text{ width:91px}
.toggle-open{ padding-left:15px; font-weight:bold; background:url(/images/space/progress_toggle_o.jpg) no-repeat 0 0}
.toggle-close{ padding-left:15px; font-weight:bold; background:url(/images/space/progress_toggle_c.jpg) no-repeat 0 0}
.fat-rate{ display:block; width:280px; height:32px; background:#FEEAF4; border:1px solid #FDE; margin:auto}
.bw-rate{ display:block; width:280px; height:32px; background:#E2F6FD; border:1px solid #FDE; margin:10px auto}
.bmi-rate{ display:block; width:420px; height:58px; padding-top:10px; padding-left:20px; line-height:32px; background:#EBFDE2; border:1px solid #FDE; margin:10px auto}
  .settings .set-start{ width:830px; height:220px; padding:30px 0; margin:auto}
.settings .set-start div{ float:left; width:180px; height:85px; padding:135px 10px 0; margin-right:10px; background:url(/images/space/settings-guide.gif) no-repeat}
.settings .set-start div.s1{ background-position:0 0}
.settings .set-start div.s2{ background-position:-200px 0}
.settings .set-start div.s3{ background-position:-400px 0}
.settings .set-start div.s4{ margin-right:0; background-position:-600px 0}
.settings .set-start p{ line-height:20px; margin-bottom:5px}
.settings .set-start a span{ width:140px; text-align:center}
 .settings .set-basic{ width:600px; margin:auto}
.settings .set-basic .width1{ width:340px}
 .settings .set-layout-wrap{ width:630px; margin:auto}
.settings .set-layout{ padding:12px 12px 0; background:url(/images/space/layout-set-bg.gif) no-repeat 0 0}
.settings .set-layout .set-banner{ height:68px; padding:10px 0 0 30px; border:1px solid #BBB; margin-bottom:10px; color:#BBB; background:#F6F6F6}
.settings .set-layout .set-body{ padding-bottom:15px}
.settings .set-layout .set-left{ width:432px}
.settings .set-layout .set-right{ width:164px}
.settings .set-layout .module-show, .settings .set-layout .module-hide{ padding:5px 5px 0; border:1px solid #BBB}
.settings .set-layout .module-show{ height:280px; margin-bottom:20px}
.settings .set-layout .module-hide{ _height:102px; min-height:102px}
.settings .set-layout .layout-bridge-wrap{ position:relative}
.settings .set-layout .layout-bridge{ position:absolute; left:50%; top:-21px; height:22px; width:30px; border-left:1px solid #BBB; border-right:1px solid #BBB; margin-left:-15px; background:#FFF}
.settings .set-layout .set-module li{ height:25px; line-height:25px; padding-left:10px; margin-bottom:5px; border:2px solid #FBD; vertical-align:0; cursor:move; background:url(/images/space/set-module-bg.gif) repeat-x 0 0}
.settings .set-layout .set-module li .show-btn, .settings .set-layout .set-module li .hide-btn{ display:block; width:25px; height:25px}
.settings .set-layout .set-module li .show-btn{ background:url(/images/common/set-top.gif) no-repeat 50% 50%}
.settings .set-layout .set-module li .hide-btn{ background:url(/images/common/delete.gif) no-repeat 50% 50%}
.settings .set-layout .set-module.disable li{ border:2px solid #CCC; cursor:default; background:#EEE}
 .settings .select-skin form, .settings .select-skin form *{ display:inline}
.settings .select-skin td{ width:1%; padding:10px; text-align:center}
.settings .select-skin a.thumb{ display:block; width:240px; border:2px solid #DDD; margin:0 auto 5px}
.settings .select-skin .price{ padding-right:15px; background:url(/images/profile/gold-coin.gif) no-repeat 100% 50%}
.settings .select-skin a.thumb.current, .settings .select-skin a.thumb:hover{ border-color:#5A0}
.settings .select-skin .diy-thumb{ position:relative; overflow:hidden; width:236px; height:168px; padding:7px 4px 5px 0; border:2px solid #DDD; margin:0 auto 5px; background:url(/images/space/diy-skin-thumb.gif) no-repeat}
.settings .select-skin .thumb-head{ overflow:hidden; height:60px; background-color:#a4d2fa; background-position:50% 0}
.settings .select-skin .thumb-bg{ overflow:hidden; height:108px; background-color:#DEF; background-position:50% 0}
 .settings .easy-skin{ margin:0 15px}
.settings .easy-skin .column{ overflow:auto; width:440px; height:400px; margin-bottom:20px}
.settings .easy-skin .banner-set a{ display:block; width:400px; border:2px solid #DDD; margin-bottom:15px}
.settings .easy-skin .banner-set a.current, .settings .easy-skin .banner-set a:hover{ border-color:#5A0}
.settings .easy-skin .bg-set a{ float:left; width:100px; height:100px; border:2px solid #DDD; margin:0 15px 20px}
.settings .easy-skin .bg-set a.current, .settings .easy-skin .bg-set a:hover{ border-color:#5A0}
 .settings .diy-skin{ width:880px; margin:auto}
.settings .diy-skin .column{ width:398px; padding:5px 10px; border:1px solid #DDD; margin-bottom:20px}
.settings .diy-skin .column p{ margin-bottom:5px}
.settings .diy-skin .column .input-file input{ height:21px}
.settings .diy-skin .color-picker{ width:17px; height:17px; border:1px solid #7f9db9; text-indent:-500px; cursor:pointer}
 .my-nice .guide-title{ height:35px; margin-bottom:10px}
.my-nice .plan-panel{ float:left; width:280px}
.my-nice .plan-panel table{ border:1px solid #ffc2eb}
.my-nice .plan-panel td{ width:50%; height:145px}
.my-nice .nice-subject{ float:right; width:370px}
.space-help{ height:auto}
.space-help .catalog{ margin-bottom:20px}
.space-help .catalog table{ border:1px solid #FFF}
.space-help .catalog td{ width:14%; border:1px solid #FFF; background:#FEF}
.space-help .catalog a{ display:block; height:25px; line-height:25px; padding-left:10px; background:url(/images/common/main-arrow.gif) no-repeat 0 0}
.space-help h2{ height:25px !important; color:#969}
.space-help .help-list{ margin-bottom:20px}
.space-help .help-divi{ height:20px; border-top:1px solid #CCC}
.space-help .help-divi a{ float:right; width:20px; height:20px; background:url(/images/common/to-top.gif) no-repeat center center}
 .topics .part{ margin-bottom:10px}
.topics .title{ height:25px; line-height:25px; padding:0 10px; margin-bottom:10px; background:#FEF}
.topics .text{ padding:0 10px}
.topics .topic-data{ height:25px; line-height:normal; margin-bottom:7px; border-bottom:1px solid #DDD}
.topics .break{ padding-left:20px; background:url(/images/common/break.gif) no-repeat 0 50%}
.topics .reply{ border-top:1px dashed #DDD; margin-top:5px}
.topics .reply .part{ padding:7px 10px; border-bottom:1px dashed #DDD; margin-bottom:10px}
.topics .reply .reply-content{ margin-bottom:15px}
.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}
 .space-cal-small .body-wrap .body{ padding:15px 9px 9px !important}
.calendar-small{ width:220px; line-height:normal}
.calendar-small .calendar{ padding-bottom:10px; background:#FDE}
.calendar-small .calendar .cal-nav{ height:25px; background:url("/images/space/calendar_small/nav_bg.jpg") no-repeat 0 0}
.calendar-small .calendar .cal-nav li{ float:left}
.calendar-small .calendar .cal-nav li.lf, .calendar-small .calendar .cal-nav li.rt{ width:20px; padding-top:5px; padding-bottom:2px; text-align:center}
.calendar-small .calendar .cal-nav li.lf{ padding-left:20px}
.calendar-small .calendar .cal-nav li.rt{ padding-right:20px}
.calendar-small .calendar .cal-nav li.md{ width:140px; padding-top:5px; line-height:20px; text-align:center; font-weight:bold; color:#B8A; background:url("/images/space/calendar_small/nav_md.jpg") no-repeat 0 0}
.calendar-small .calendar .cal-nav li a{ display:block; width:18px; height:18px; margin:auto}
.calendar-small .calendar .cal-nav li.lf a{ background:url("/images/space/calendar_small/nav_lf.jpg") no-repeat 0 0}
.calendar-small .calendar .cal-nav li.lf a:hover{ background-position:0 100%}
.calendar-small .calendar .cal-nav li.rt a{ background:url("/images/space/calendar_small/nav_rt.jpg") no-repeat 0 0}
.calendar-small .calendar .cal-nav li.rt a:hover{ background-position:0 100%}
.calendar-small .calendar table{ width:210px; border-collapse:separate; table-layout:fixed; margin:auto; font-size:12px}
.calendar-small .calendar .dayName th{ height:20px; color:#B8A}
.calendar-small .calendar td{ width:28px; height:28px; border:1px solid #FDE; vertical-align:top; background:#FFF}
.calendar-small .calendar td.weekendDay{ background:#FFECF6}
.calendar-small .calendar td.today{ background:#FEF2DB}
.calendar-small .otherMonth{ padding:2px 0 0 2px; color:#CCC; background:#FFF}
.calendar-small .otherMonth.weekendDay{ background:#FFECF6}
.calendar-small .calendar td a{ display:block; width:26px; height:26px; padding:2px 0 0 2px}
.calendar-small .calendar td a:hover{ color:#3980C2; text-decoration:underline}
.calendar-small .calendar td div{ position:relative; height:28px; color:#C69}
.calendar-small .calendar .radio{ background:url("/images/space/calendar_small/radio.gif") no-repeat 18px 5px}
.calendar-small .calendar .radio-icon{ position:absolute; top:5px; left:18px; width:10px; height:10px}
.calendar-small .calendar .mc-icon{ position:absolute; top:5px; left:18px; width:10px; height:10px}
.calendar-small .calendar .diary-content{ background:url("/images/space/calendar_small/diary.gif") no-repeat 22px 0}
.calendar-small .calendar .mc-day{ background:url("/images/space/calendar_small/mc.gif") no-repeat 18px 5px}
.calendar-small .calendar .diary-mood{ position:absolute; top:17px; left:3px; width:10px; height:10px}
.calendar-small .calendar .diary-icon{ position:absolute; top:0; right:0; width:6px; height:6px; background:url("/images/space/calendar_small/diary.gif") no-repeat 0 0}
.calendar-big{ padding-bottom:10px}
.calendar-big .cal-nav{ height:35px; background:url("/images/space/calendar_big/nav_bg.gif") no-repeat 0 0}
.calendar-big .cal-nav li{ float:left}
.calendar-big .cal-nav li.lf, .calendar-big .calendar .cal-nav li.rt{ width:165px}
.calendar-big .cal-nav li.md{ width:600px; padding-top:5px; line-height:30px; text-align:center; font-weight:bold; color:#B8A}
.calendar-big .cal-nav li a{ display:block; width:100px; height:35px; margin:auto; background:url("/images/space/calendar_big/nav_btn_bg.jpg") no-repeat}
.calendar-big .cal-nav li.lf a{ background-position:0 0}
.calendar-big .cal-nav li.lf a:hover{ background-position:0 100%}
.calendar-big .cal-nav li.rt a{ background-position:100% 0}
.calendar-big .cal-nav li.rt a:hover{ background-position:100% 100%}
.calendar-big table{ width:930px; border-collapse:separate; table-layout:fixed; background:#FDE; padding:0 8px 0 7px}
.calendar-big .dayName th{ height:35px; font-size:14px; color:#B8A}
.calendar-big td{ position:relative; width:125px; height:125px; vertical-align:top; font-weight:bold; font-size:12px; background:#FFF}
.calendar-big td.weekendDay{ background:#FFECF6}
.calendar-big td.today{ background:#FEF2DB}
.calendar-big td a{ display:block; padding:5px 0 0 5px; width:120px; height:120px}
.calendar-big .otherMonth{ padding:5px 0 0 5px; font-style:italic; color:#CCC; background:#FFF}
.calendar-big .weekendDay{ background:#FFECF6}
.calendar-big .calendar td div{ height:20px; color:#C69}
.calendar-big td.hover{ background:url("/images/space/calendar_big/td_hover.gif") no-repeat 0 0}
  .bg1{ background:#FFF4FB}
.bg2{ background:#EFB}
.bg3{ background:#DFF}
.bg4{ background:#EDF}
.bg5{ background:#FF8}
.bg6{ background:url("/images/space/bg/bg1.gif")}
.bg7{ background:url("/images/space/bg/bg2.gif")}
.bg8{ background:url("/images/space/bg/bg3.gif")}
.bg9{ background:url("/images/space/bg/bg4.gif")}
.bg10{ background:url("/images/space/bg/bg5.gif")}
.bg11{ background:url("/images/space/bg/bg6.gif")}
.bg12{ background:url("/images/space/bg/bg7.gif")}
.bg13{ background:url("/images/space/bg/bg8.gif")}
.bg14{ background:url("/images/space/bg/bg9.gif")}
.bg15{ background:url("/images/space/bg/bg10.gif")}
.bg16{ background:url("/images/space/bg/bg11.gif")}
.bg17{ background:url("/images/space/bg/bg12.gif")}
.bg18{ background:url("/images/space/bg/bg13.gif")}
.bg19{ background:url("/images/space/bg/bg14.gif")}
.bg20{ background:url("/images/space/bg/bg15.gif")}
 .bn1{ background-color:transparent; background-image:url(/images/space/bn/bn1.jpg); color:#069}
.bn2{ background-color:transparent; background-image:url(/images/space/bn/bn2.jpg); color:#930}
.bn3{ background-color:transparent; background-image:url(/images/space/bn/bn3.jpg); color:#069}
.bn4{ background-color:transparent; background-image:url(/images/space/bn/bn4.jpg); color:#807}
.bn5{ background-color:transparent; background-image:url(/images/space/bn/bn5.jpg); color:#FD0}
 #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}
.pop-nice{ width:740px; height:590px; margin-left:-370px; margin-top:-295px}
.pop-nice .pop-content{ overflow:auto; * overflow-x:hidden; width:690px; height:520px}
.pop-can .can-wrap{ height:505px; background:none}
.pop-can .can{ padding:5px 0 0 0}
 #need_simple_captcha .validate-pic{ height:32px; margin-top:10px; line-height:16px}
#need_simple_captcha .validate img{ float:left; width:90px; height:30px; vertical-align:middle; border:1px solid #EEE}