/*= css gobal reset
==========================================================*/
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, cite, table, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-style: normal; font-weight: normal; font-size: 100%; font-family: inherit; }
ol, ul { list-style: none; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
:focus { outline: 0; }
body { color: #1d242b; background: #fafafa; font-size: small; line-height: 1.5; }
body, input, button, select, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
a:link, a:visited { color: #0982be; text-decoration: none; }

/*= 960 Grids layout
==========================================================*/
.grids { width: 960px; }
.grids, .clearfix, .cp, .cp-body { zoom: 1; }
.grids:after, .clearfix:after, .cp:after, .cp-body:after { content: ".MaxLabs."; clear: both; display: block; height: 0; visibility: hidden; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16 {
    float: left; display: inline; margin-left: 5px; margin-right: 5px; }
.span1 { width: 50px; }
.span2 { width: 110px; }
.span3 { width: 170px; }
.span4 { width: 230px; }
.span5 { width: 290px; }
.span6 { width: 350px; }
.span7 { width: 410px; }
.span8 { width: 470px; }
.span9 { width: 530px; }
.span10 { width: 590px; }
.span11 { width: 650px; }
.span12 { width: 710px; }
.span13 { width: 770px; }
.span14 { width: 830px; }
.span15 { width: 890px; }
.span16 { width: 950px; }

/*= content panel (cp) */
.col1 .cp { margin-left: 5px; }
.cols1 .col1 .cp, .cols2 .col2 .cp, .cols3 .col3 .cp, .cols4 .col4 .cp, .cols5 .col5 .cp, .cols6 .col6 .cp, .cols7 .col7 .cp, .cols8 .col8 .cp, .cols9 .col9 .cp, .cols10 .col10 .cp, .cols11 .col11 .cp, .cols12 .col12 .cp, .cols13 .col13 .cp, .cols14 .col14 .cp, .cols15 .col15 .cp, .cols16 .col16 .cp { margin-right: 5px; }
.cp { margin-bottom: 10px; }
.cp-head { font-size: small; height: 2em; line-height: 2; margin-bottom: .5em; border-bottom: 1px solid #ddd; }
.cp-head h2 { font-weight: bold; }

/*= common widgets
==========================================================*/
body { visibility: hidden; text-align: center; }
* html body#maxlabs { visibility: visible; }
body[id="maxlabs"] { visibility: visible; }
.container { font-size: 90%; background: url(header.png) repeat-x; text-align: left; min-width: 980px; }
.header, .content, #footer { width: 960px; margin: 0 auto; }
.header { margin-bottom: 10px; }

#accessbar { height: 0; font-size: 0; overflow: hidden; }
#brand { height: 60px; }
#brand h1.sitename, #brand h2.slogan { display: none; }
#brand .logo { float: left; display: inline; margin: 15px 0 0 20px; }

#nav { font-size: 120%; margin: 0 10px; background: #23a0e3 url(nav.png) repeat-x 0 -120px; }
#nav .inner { height: 40px; line-height: 40px; margin: 0 -10px; background: url(nav.png) no-repeat; }
#nav ul { float: right; padding-right: 10px; background: url(nav.png) no-repeat 100% -40px; }
#nav li { float: left; padding-left: 2px; background: url(nav.png) no-repeat 0 -80px; }
#nav li a { float: left; padding: 0 15px 0 9px; height: 40px; color: #fff; }
#nav li a span { display: block; padding-left: 28px; background: url(nav.png) no-repeat 0 -200px; }
#nav li a.home span { background-position: 0 -240px; }
#nav li a.buy span { background-position: 0 -280px; }
#nav li a.download span { background-position: 0 -200px; }
#nav li a.faq span { background-position: 0 -320px; }
#nav li a.reg span { background-position: 0 -360px; }
#nav li a.login span { background-position: 0 -440px; }
#nav li a.bbs span { background-position: 0 -400px; }
#nav a.home, #nav a.download, #nav a.service, #nav a.wiki, #nav a.blog, #nav a.community, #nav a.about, #nav li a:hover { background: url(nav.png) no-repeat 50% -160px; }

#intro { position: relative; width: 960px; height: 400px; margin: 10px 0; overflow: hidden; background: url(bg.png) no-repeat; }
#intro .info { font-size: 1.2em; width: 600px; margin-top: 60px; margin-left: 30px; }
#intro .badge { position: absolute; top: 0; left: 0; }
#intro .badge a { display: block; width: 70px; height: 70px; overflow: hidden; text-indent:-9999px; background:no-repeat url(badge.png)!important;/* FF IE7 */;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/badge.png');/* IE6 */_ background-image: none; /* IE6 */}
#intro .download-btn { display: block; margin: 20px 0 0 200px; padding: 12px; width: 224px; height: 38px; overflow: hidden; text-align: center; color: #993300; cursor: pointer; background-image: url(download.png); _background-image: url(download-hover.png); background-repeat: no-repeat; background-position: center center; }
#intro .download-btn:hover { background-image: url(download-hover.png); _background-image: url(download.png); text-decoration: none; }
#intro .download-btn .download-title { font-size: 120%; font-weight: bold; }

#slideshow { position: absolute; top: 30px; left: 660px; width: 200px; height: 332px; background:no-repeat url(fisheep.png)!important;/* FF IE7 */;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fisheep.png');/* IE6 */_ background-image: none; /* IE6 */}
#slideshow img { display: block; }
#slideshowlink { position: absolute; bottom: 30px; right: 0; text-align: center; width: 500px; }
#slideshowlink a { background: transparent url(dot.png) no-repeat scroll 0 0; display:inline-block; width:8px; height:8px; margin-right: 3px; overflow:hidden; text-indent:-9999px; }
#slideshowlink a.link_act { background-position: 0 -16px; }
#slideshowlink a:hover { background-position: 0 -8px; }
#slideshowdis { display: none; }

#crumbnav { margin: 0 5px; padding-left: 10px; background: url(bg1.png) repeat-x 0 100%; }
#crumbnav .inner1 { padding-right: 10px; background: url(bg1.png) repeat-x 100% 100%; }
#crumbnav .inner2 { padding: 0; color: #999; background: url(bg2.png) repeat-x 0 100%; }
#crumbnav a:link, #crumbnav a:visited { color: #999; }
#crumbnav p { height: 27px; line-height: 25px; padding-left: 16px; background: url(b_home.png) no-repeat 0 50%; }

#footer { font-size: 90%; color: #666; padding: 10px 0; margin-bottom: 20px; border-top: 1px solid #eee; overflow: hidden; }
#footer .copyright { float: left; }
#footer .validator { float: right; }
#footer a:link, #footer a:visited { color: #666; }

.searchbox { height: 25px; margin-right: 35px; background: url(search.png) no-repeat; }
.searchbox legend { display: none; }
.searchbox label { float: left; height: 25px; }
.searchbox .searchtext { width: 100%; background: url(search.png) no-repeat 100% -25px; }
.searchbox .searchtext input { width: 95%; border: 0; height: 19px; line-height: 19px; padding: 3px; background: transparent; }
.searchbox label.searchbutton { position: relative; margin-right:-35px; width: 35px; background: url(search.png) no-repeat 0 -50px; }
.searchbox .searchbutton input { width: 35px; height: 25px; opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); overflow: hidden; cursor: pointer; }
.searchbox .searchbutton:active { outline: 1px dotted; }

h2.pagetitle { font-size: small; font-weight: bold; height: 2em; line-height: 2; margin-bottom: .5em; border-bottom: 1px solid #ddd; }
.nofound, .alert-404 p { padding:10px 10px 10px 20px; background: url(tips_alert.png) no-repeat 0 50%; }

.archives-list li { margin-bottom: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dashed #eee; }
.archives-list .title { margin-left: -20px; padding-left: 20px; background: url(i_post.png) no-repeat 0 50%; }
.archives-list .meta { margin-bottom: 0; }

/*= Category menu */
.menu { clear: both; }
.menu h3 { font-size: small; font-weight: bold; height: 2em; line-height: 2; margin-bottom: .5em; border-bottom: 1px solid #ddd; }
.menu ul { line-height: 1.8; }
.menu ul ul { padding-left: 2em; list-style-type: square; }
.menu li a.current:link, .menu li a.current:visited { color: #1d242b; }

/*= Pagination */
.pagination { clear: both; height: 1.8em; line-height: 1.8; word-spacing: -0.1em; }
.pagination a:link, .pagination a:visited { color: #666; padding: 2px 4px; border: 1px solid #ddd; background: #fff; }
.pagination a.current, .pagination a.current:link, .pagination a.current:visited, .pagination a:hover { border-color: #83c6ea; background: #e6f6ff; }

/*= Post,Articles entities (hentry) */
.post p, .post ul, .post ol, .post dl, .post table { margin-bottom: 1em; line-height: 1.7; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; margin-bottom: .5em; }
.post h1 { font-size: 1.8em; }
.post h2 { font-size: 1.5em; }
.post h2.pagetitle { font-size: small; font-weight: bold; height: 2em; line-height: 2; margin-bottom: .5em; border-bottom: 1px solid #ddd; }
.post h3 { font-size: 1.4em; }
.post ul { padding-left: 2em; list-style-type: disc; }
.post ol { padding-left: 2em; list-style-type: decimal; }
.post dd { padding-left: 2em; }

h3.entry-title { font-weight: bold; font-size: medium; margin-bottom: 5px; }
p.meta, p.tags { color: #999; margin-bottom: 5px; }

.blog-entity { padding-bottom:15px; margin-bottom:15px; /*border-bottom: solid 1px #ddd;*/ }

/*= Section-default
==========================================================*/
.news ul { padding-left: 1.5em; line-height: 1.4; list-style: disc; }
.news li { margin-bottom: 5px; }
.news .date { display: block; color: #999; }

.download-list li { color: #999; line-height: 1.3; padding-left: 15px; margin-bottom: 5px; background: url(b_down.png) no-repeat 0 .2em; }
.download-list a { display: block; margin-bottom: 5px; }

.sub-content { padding-top: 8px; min-height: 200px; background: url(bg3.png) repeat-x; }
* html .sub-content { height: 200px; }
.sub-content .cp h3 { font-size: small; font-weight: bold; height: 2em; line-height: 2; margin-bottom: .5em; }
.sub-content li { margin-bottom: 5px; }
* html .news li, * html .download-list li, * html .sub-content li { zoom: 1; }
.sub-content li .desc { display: block; color: #999; }
.sub-content a:link, .sub-content a:visited { color: #1d242b; }
.onlinechart .btn-im { float: right; }
.post .more-link { display:block; text-align:right; }
.about p { line-height: 1.8; margin-bottom: 1em; }
.about a:link, .about a:visited { color: #0982be; }

/*= Section-download
==========================================================*/
.download-dock { float: left; width: 230px; margin-right: 20px; }
.download-dock .download-btn { display: block; padding: 12px; width: 224px; height: 38px; overflow: hidden; text-align: center; color: #993300; cursor: pointer; background-image: url(download.png); _background-image: url(download-hover.png); background-repeat: no-repeat; background-position: center center; }
.download-dock .download-btn:hover { background-image: url(download-hover.png); _background-image: url(download.png); text-decoration: none; }
.download-dock .download-btn .download-title { font-size: 120%; font-weight: bold; }
.download-adr { float: left; width: 300px; }
.download-adr ul { margin: 0 ; padding: 0; list-style: none; line-height: 2.3; }
.download-adr li { float: left; width: 220px; margin-right: 10px; padding-left: 20px; background: url(b_down.png) no-repeat 0 50%; }
.block,.block li{float:none;width:auto;}

.gray { color: #999; }

/*= Section-service
==========================================================*/
.sevicetable { width: 100%; margin: 5px 0; border: 1px solid #ddebf3; border-collapse: separate; border-spacing: 2px; }
.sevicetable td { padding: 6px; color: #333; background: #eff5f9; }
.sevicetable th { padding: 6px 12px; text-align: left; color: #143c62; background: #e7f0f4; }
.grouptitle th { font-weight: bold; color: #333; background: #ddebf3; }
.sevicetable .help { display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; vertical-align: middle; background: url(help.png); }
.sevicetable .note { color: #666; margin-top: 5px; line-height: 1.5; }
.sevicetable .note p { margin-bottom: 5px; line-height: 1.5; }

/*= Section-blog
==========================================================*/
/*= blog entry */
.entry-content, .entry-summary { margin-bottom: 1em; }

/*= Comments */
.comments h2, .comment-form h2 { font-size: small; font-weight: bold; height: 2em; line-height: 2; margin-bottom: .5em; }
.comments .comments-count { font-weight: normal; font-size: 90%; color: #999; }
.comments li { clear: both; padding: 5px 0 5px 45px; border-bottom: 1px solid #f5f5f5; overflow: hidden; }
.comments .avatar { float: left; display: inline; margin-left: -45px; height: 32px; width: 32px; padding: 1px; border: 1px solid #eee; }
.comment-meta, .comment-content p { margin-bottom: .5em; }
.comments .even { background: #fafafa; }

.comment-form li { clear: both; margin-bottom: 5px; }
.comment-form label { float: left; width: 110px; }
.comment-form label em { font-size: 90%; font-style: normal; color: #999; }
.comment-form input.text, .comment-form textarea { height: 1.5em; line-height: 1.5; padding: 2px; width: 200px; border: 1px solid; border-color: #eee #ccc #ccc #ddd; }
.comment-form textarea { width: 470px; height: 10em; overflow: auto; }
.comment-form input.button { border: 0; padding: 3px 7px; color: #fff; background: #1f9ee2; cursor: pointer; overflow: visible; }
.comment-form .indent { padding-left: 110px; }

.nocomments { width: 565px; margin-bottom: 10px; color: #999; border: 1px solid #eee; padding-left: 20px; background: url(tips_alert.png) no-repeat 10px 50%; }
.nocomments p { padding: 10px; }

.QQbox H2, .QQbox UL, .QQbox LI{PADDING-RIGHT:0px; PADDING-LEFT:0px; PADDING-BOTTOM:0px; MARGIN:0px; BORDER-TOP-STYLE:none; PADDING-TOP:0px; BORDER-RIGHT-STYLE:none; BORDER-LEFT-STYLE:none; LIST-STYLE-TYPE:none; BORDER-BOTTOM-STYLE:none}
.QQbox A{FONT-SIZE:12px; COLOR:#696969; TEXT-DECORATION:none}
.QQbox A:hover{COLOR:#000000}
.QQbox{Z-INDEX:99; RIGHT:0px; WIDTH:178px; POSITION:absolute; TOP:40px}
.QQbox .press{RIGHT:0px; WIDTH:33px; CURSOR:pointer; BORDER-TOP-STYLE:none; BORDER-RIGHT-STYLE:none; BORDER-LEFT-STYLE:none; POSITION:absolute; HEIGHT:158px; BORDER-BOTTOM-STYLE:none}
.QQbox .Qlist{BACKGROUND:url(qq/qq_listbg.gif) repeat-y -155px 0px; LEFT:0px; WIDTH:145px; POSITION:absolute}
.QQbox .Qlist .t{FONT-SIZE:1px; FLOAT:right; WIDTH:145px; HEIGHT:6px}
.QQbox .Qlist .b{FONT-SIZE:1px; FLOAT:right; WIDTH:145px; HEIGHT:6px}
.QQbox .Qlist .t{BACKGROUND:url(qq/qq_listbg.gif) no-repeat left 50%}
.QQbox .Qlist .b{BACKGROUND:url(qq/qq_listbg.gif) no-repeat right 50%}
.QQbox .Qlist .con{BACKGROUND:#fff; MARGIN:0px auto; WIDTH:90%}
.QQbox .Qlist .con H2{BORDER-RIGHT:#3a708d 1px solid; BORDER-TOP:#3a708d 1px solid; BACKGROUND:url(qq/qq_listbg.gif) repeat-y -163px 0px; FONT:bold 12px/22px "ËÎÌå"; BORDER-LEFT:#3a708d 1px solid; COLOR:#fff; BORDER-BOTTOM:#3a708d 1px solid; HEIGHT:22px; TEXT-ALIGN:center}
.QQbox .Qlist .con UL{}
.QQbox .Qlist .con UL LI{PADDING-RIGHT:0px; PADDING-LEFT:8px; BACKGROUND:#ffffff; PADDING-BOTTOM:0px; PADDING-TOP:5px; HEIGHT:20px}
.QQbox .Qlist .con UL LI.odd{BACKGROUND:#fff; text-align:center;}