/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
ul.noticeList { list-style: disc; padding: 0 20px 16px 40px }
ul.noticeList li { margin-bottom: 14px; line-height: 16px }
.toc-list li li { padding-left: 20px; line-height: 18px }
.toc-list li { line-height: 1.8 }
html { font-size: 16px }
body { font-size: 100%; font-family: "Helvetica Neue", Arial, sans-serif; color: #333; background: white; /*overflow:hidden*/ }
p { line-height: 1.5; margin: 1em 0; }
code { background: #E7E7E7; padding: 1px 2px; border-radius: 2px; }
h1 { letter-spacing: -1px; font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h2, h3, h4 { margin: 0 0 15px 0; }
h2 { font: bold 23px/23px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h3 { font: bold 20px/20px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #666; }
h4 { font-size: 14px; }
a { color: #0769AD; }
hr { clear: both; border: 0; border-bottom: 1px solid #ccc; width: 100%; }
iframe { border: 1px solid #BFBFBF; padding: 1px; }
#weibo-con  {height:60px;}
#weibo-con iframe { border: 0 none; padding: 0; }
#header_warp{position: fixed;top:0;left:0; width: 100%; z-index:9999}
.jquery-api-top{margin-top: 10px}
hr.dark { border-bottom: 1px solid #777777; }
hr.light { border-bottom: 1px solid #e5e5e5; }
hr.dots { height: 10px; background-color: #eee; border: none; }
.clearBoth { clear: both; width: 100%; display: block; height: 1px; }
.alignLeft { float: left; }
.alignRight { float: right; }
.constrain { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.border { border-bottom: 1px solid #333; }
.underline { border-bottom: 1px solid #bfbfbf; padding-bottom: 10px; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Syntax Highlighting ---------------------- */

pre, code { font-family: "source-code-pro", Consolas, monospace !important; word-spacing: 0; }
pre code { display: block; padding: 0.5em; color: #333; background: #f8f8ff }
pre .comment, pre .template_comment, pre .diff .header, pre .javadoc { color: #998; font-style: italic }
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .nginx .title, pre .subst, pre .request, pre .status { color: #333; font-weight: bold }
pre .number, pre .hexcolor, pre .ruby .constant { color: #099; }
pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula { color: #d14 }
pre .title, pre .id { color: #900; font-weight: bold }
pre .javascript .title, pre .lisp .title, pre .clojure .title, pre .subst { font-weight: normal }
pre .class .title, pre .haskell .type, pre .vhdl .literal, pre .tex .command { color: #458; font-weight: bold }
pre .tag, pre .tag .title, pre .rules .property, pre .django .tag .keyword { color: #000080; font-weight: normal }
pre .attribute, pre .variable, pre .lisp .body { color: #008080 }
pre .regexp { color: #009926 }
pre .class { color: #458; font-weight: bold }
pre .symbol, pre .ruby .symbol .string, pre .lisp .keyword, pre .tex .special, pre .prompt { color: #990073 }
pre .built_in, pre .lisp .title, pre .clojure .built_in { color: #0086b3 }
pre .preprocessor, pre .pi, pre .doctype, pre .shebang, pre .cdata { color: #999; font-weight: bold }
pre .deletion { background: #fdd }
pre .addition { background: #dfd }
pre .diff .change { background: #0086b3 }
pre .chunk { color: #aaa }
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter pre, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { border-radius: 0 0 0 0 !important; background: none !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "source-code-pro", Consolas, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important; }
.syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; padding: 1em 0; position: relative !important; overflow: auto !important; font-size: 1em !important; background: #eee; }
.syntaxhighlighter.source { overflow: hidden !important; }
.syntaxhighlighter .line { white-space: pre !important; }
.syntaxhighlighter table { width: 100% !important; }
.syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important; }
.syntaxhighlighter table td.code { width: 100% !important; }
.syntaxhighlighter table td.code .container { position: relative !important; }
.syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important; }
.syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important; }
.syntaxhighlighter table td.code .line { padding: 0 0.5em !important; }
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 1em !important; }
.syntaxhighlighter table td.gutter { border-right: 2px solid #999; }
.header-box { min-width:980px; position: relative; height: 38px; border-bottom: 1px solid #E0DEDE; background-color: #E8E8E8; background: url(header_bg.png) 0 0 repeat-x; background: linear-gradient(white, #E8E8E8); background: -moz-linear-gradient(white, #E8E8E8); background: -o-linear-gradient(white, #E8E8E8); background: -webkit-linear-gradient(white, #E8E8E8); box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, .15); -moz-shadow: 0 -1px 0 #fefcfc inset, 0 0 4px rgba(0,0,0,.15); -webkit-shadow: 0 -1px 0 #fefcfc inset, 0 0 4px rgba(0,0,0,.15); }
.header-box .logo { float: left; height: 38px; padding-left: 10px; padding-right: 20px; border-right: 1px #DDDDDD solid; }
.header-box .logo a { display: block; height: 32px; margin-top: 3px; text-decoration: none; color: #666666; font-family: \5fae\8f6f\96c5\9ed1; font-size: 18px; line-height: 32px; font-style: italic; background: url(logo.png) no-repeat; padding-left: 40px }
#feedback-overlay a:hover { text-decoration: none; }
.header-box .logo a span { font-family: \5b8b\4f53; font-size: 12px; font-style: normal; font-weight: 400; padding-top: 12px; display: block; color: #9d9d9d }
.header-box ul.header-nav { float: left; height: 38px; }
.header-box ul.header-nav li { float: left; height: 38px; }
.header-box ul.header-nav li a.nav-link { float: left; height: 38px; line-height: 38px; font-size: 14px; font-family: \5fae\8f6f\96c5\9ed1; padding: 0 15px; color: #666666; text-decoration: none; border-right: 1px #DDDDDD solid; }
.header-box ul.header-nav li a.chrome_app { background: url(chrome_app.png) 7px 3px no-repeat; padding-left: 40px; }
.header-box ul.header-nav li a.nav-link:hover { text-decoration: none; background-color: #EEEEEE }
#loader { background: url(../images/loader.gif) no-repeat center center; width: 100%; height: 100%; min-height: 300px }
#feedback-overlay { background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; display: none; z-index: 13 }
#feedback-overlay a { color: white; font-size: 1.4em; text-decoration: none; position: absolute; top: 30px }
#feedback-overlay a:hover { text-decoration: underline }
#feedback-window { position: fixed; top: 50px; width: 920px; background: white; display: none; z-index: 23 }
#feedback-window iframe { width: 100%; height: 100% }
#topnav { position: absolute; top: 5px; right: 30px }
#topnav li { float: left }
#topnav li a { background: #ffec86; padding: 5px 10px 7px 10px; color: #333; font-size: 1.1em; text-decoration: none }
#topnav li a:hover { background: #ffe25f; color: black }
#topnav li #home { border-right: 1px solid #cfba5a; border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px }
#topnav li .home-link { border-right: 1px solid #cfba5a; border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px }
#topnav li #feedback { border-left: 1px solid white; border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px }
.item li.sub { background: white }
.item li.sub a { text-decoration: none; color: #333 }
.item li.sub a span { background: none; margin: 0; padding: 5px 0 0 25px; display: block }
.item li.sub a span .highlight { text-decoration: underline }
.item li.sub a span.desc { color: #aaa; font-size: 0.8em; width: 30000px; overflow: hidden; padding: 4px 0 5px 25px; min-height: 12px }
.item li.sub a span.desc .highlight { text-decoration: none; font-weight: normal }
.item li.sub:hover { background: #dfdfdf }
.item li.odd { background: #edf3fe }
.item li.selected { background: #3875d7 }
.item li.selected span { color: white }
.item li.selected:hover { background: #0069c1 }
#navigation { float: left; width: 270px; overflow: hidden; background-color:#F6F6F6; border-right:1px solid #E0DEDE; }
#navigation #search { padding: 4px; background: #e8e8e8; border-bottom: 1px solid #ddd; border-right: 1px solid #aaa }
#navigation #static-list { overflow: auto; overflow-x: hidden; border-right: 1px solid #aaa }
#navigation #static-list li.category { border-bottom: 1px solid #ddd }
#navigation #static-list li.category span { background: url(../images/arrow.png) 0 0 no-repeat #eee; padding: 7px 0 7px 25px; display: block; cursor: pointer }
#navigation #static-list li.category ul { display: none }
#navigation #static-list li.category:hover span { background-position: 0 -27px }
#navigation #static-list li.open span { background-position: 0 -54px }
#navigation #static-list li.open:hover span { background-position: 0 -54px }
#navigation #static-list li.cat-selected span { background-position: 0 -27px }
#navigation #static-list li.sub { background: white }
#navigation #static-list li.sub a { text-decoration: none; color: #333 }
#navigation #static-list li.sub a span { background: none; margin: 0; padding: 5px 0 0 25px; display: block }
#navigation #static-list li.sub a span .highlight { text-decoration: underline }
#navigation #static-list li.sub a span.desc { color: #aaa; font-size: 0.8em; width: 30000px; overflow: hidden; padding: 4px 0 5px 25px; min-height: 12px }
#navigation #static-list li.sub a span.desc .highlight { text-decoration: none; font-weight: normal }
#navigation #static-list li.sub:hover { background: #dfdfdf }
#navigation #static-list li.odd { background: #edf3fe }
#navigation #static-list li.selected { background: #3875d7 }
#navigation #static-list li.selected span { color: white }
#navigation #static-list li.selected:hover { background: #0069c1 }
#navigation #results { border-right: 1px solid #aaa; display: none; overflow-x: hidden }
#navigation #results li.sub { background: white }
#navigation #results li.sub a { text-decoration: none; color: #333 }
#navigation #results li.sub a span { background: none; margin: 0; padding: 5px 0 0 25px; display: block }
#navigation #results li.sub a span .highlight { text-decoration: underline }
#navigation #results li.sub a span.desc { color: #aaa; font-size: 0.8em; width: 30000px; overflow: hidden; padding: 4px 0 5px 25px; min-height: 12px }
#navigation #results li.sub a span.desc .highlight { text-decoration: none; font-weight: normal }
#navigation #results li.sub:hover { background: #dfdfdf }
#navigation #results li.odd { background: #edf3fe }
#navigation #results li.selected { background: #3875d7 }
#navigation #results li.selected span { color: white }
#navigation #results li.selected:hover { background: #0069c1 }
.content-box { overflow: auto; zoom: 1 }
#content_box { overflow: auto; zoom: 1; margin-top: 40px; }
#googleguanggao { background-color: #FFFFFF; border-bottom: 3px solid #5085D3; padding-left: 192px; background-image: url(https://www.0133.cn/img/gg.gif); background-repeat: no-repeat }
#content { overflow: auto; zoom: 1 }
#content .inner { padding: 20px; max-width: 860px; line-height: 1.5 }
.underline { border-bottom: 1px solid #BFBFBF; padding-bottom: 10px; }
.inner h1.entry-title, .inner h1.page-title { color: #CB7C39; text-shadow: 0 1px 1px white; margin: 0 0 20px; letter-spacing: -1px; font: bold 33px/33px "proxima-nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
hr.dots { height: 10px; background-color: #EEE; border: none; }
.entry-meta { clear: left; color: #999; font-size: 12px; margin: 20px 0; }
.inner .entry .section-title { -webkit-box-shadow: #054873 0 -1px 0; box-shadow: #054873 0 -1px 0; border-top: 1px solid #0195E9; background: #333 url(../i/examples-back.png) center -50px no-repeat; border: 1px solid #111; padding: 10px 15px; font-size: 16px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); letter-spacing: 0; border-radius: 5px 5px 0 0; font-weight: normal; margin-bottom: 0; overflow: hidden; }
/*******************************************************************************/
/* API Sites */
/*******************************************************************************/

.entry { margin: 30px 0; }
.entry-wrapper { border: 1px solid #CCC; border-top: 0; padding: 10px; border-radius: 0 0 5px 5px; }
.section-title { background: #333 url(../i/examples-back.png) center -50px no-repeat; border: 1px solid #111; padding: 10px 15px; font-size: 16px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); letter-spacing: 0; border-radius: 5px 5px 0 0; font-weight: normal; margin-bottom: 0; overflow: hidden; }
.returns { float: right; font-style: italic; }
.api-item .returns { font-size: 16px; color: #333; font-weight: normal; }
.signatures { background: #eee; border: 1px solid #ccc; margin: 0 auto 30px; max-width: 750px; border-radius: 3px; color: #333; text-shadow: 0 1px 0 #fff; }
.inner .signatures li { list-style: none; margin: 0; padding: 10px; }
.inner .signatures h4 { font-size: 16px; letter-spacing: 0; padding: 10px; margin: -10px -10px 0; color: #fff; text-shadow: 0 1px 0 #444; background-color: #25649F; }
.inner code {     background-color: #eee;
    background-color: rgba( 0, 0, 0, .1 ); }
.signature:first-child h4 { border-radius: 3px 3px 0 0; }
#methods .api-item li, #events .api-item li { margin-bottom: 1em; }
#methods .api-item li ul, #events .api-item li ul { list-style: none; }
.version-details { font-weight: bold; }
.section-title .version-details, .name .version-details { float: right; clear: right; font-size: 12px; color: #fff; }
.api-item { padding: 20px 10px; }
.signature li, .api-item { border-top: 1px solid #CCC; }
.signature li:first-child, .api-item.first-item { border-top: none; padding-top: 10px; }
.version-details a, .returns a { color: #7ACEF4; }
.option-type { font-size: 16px; font-weight: normal; color: #333; float: right; }
#options .default { text-align: right; font-size: 13px; margin-top: -10px; }
.desc { font-size: 16px; padding: 10px 15px; color: #999; font-style: italic; }
.desc strong { color: #444; font-style: normal; }
.entry-summary p { margin: 0; }
.inner ul li, .inner ol li { padding: 0 0 0 5px; margin: 0 0 0 20px; list-style-type: disc; }
.entry-examples { margin-top: 20px; }
.inner .signatures ul ul { margin: 0 0 20px 20px; }
.inner .signatures li { list-style: none; background: none; margin: 0; padding: 10px; }
.inner blockquote { margin: 20px 0; }
.inner blockquote p { font: italic normal 23px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; color: #828282; margin-left: 0; margin-bottom: 0; padding: 20px 30px; position: relative; text-shadow: 0 1px 0 #ffffff; background-color: #f2f2f2; }
/* Listing Pages (categories, searches, etc.)
   ========================================================================== */

.listing .hentry { padding: 10px 20px; margin: 15px 0; border: 1px solid rgba( 0, 0, 0, 0.2 ); border-radius: 5px; background-color: #eee;}
.listing .hentry h1.entry-title a { font-size: 16px }
.listing #content .entry-title { font-size: 1.3em; margin-bottom: 0; text-shadow: 0 1px 1px #fff; }
.listing .entry-meta { float: right; }
.listing .entry-meta .category { padding: 4px; background-color: #ddd; border-radius: 5px; }
.listing #content .entry-meta .category a { color: #888; text-decoration: none; }
.pagination { text-align: center; margin-top: 2em; }
.page-numbers { padding: 0 10px; }
/* Sidebar
   ========================================================================== */
#categories { padding: 10px 20px 20px }
#categories h3 { font: 20px/18px; background-image: -webkit-linear-gradient(left, #efefef, #f3f3f3); background-image: linear-gradient(to right, #efefef, #f3f3f3); margin-left: -20px; margin-right: -20px; padding: 12px 20px; text-shadow: 0 1px 0 #ffffff; }
#categories li { padding-left: 20px; line-height: 15px; list-style-type: none; background: url(../images/bullet.png) no-repeat 0 14px; text-shadow: 0 1px 0 #ffffff; }
#categories li a { color: #4d4d4d; text-decoration: none; padding: 8px 0; display: block; }
#categories nav#secondary li { background-image: none; padding-left: 0; }
#categories nav#secondary li.current { background-color: #eee; margin-left: -35px; margin-right: -20px; padding-left: 35px; font-weight: bold; }
#search-field{ height: 30px;-webkit-appearance: textfield; width:220px; padding: 0;  height: 30px;line-height: 30px; margin-top: 4px; margin-left: 10px;}
#searchList{ position:absolute;right:20px;top:100px; width:220px; background-color: #F6F6F6;
border: 1px solid #E0DEDE; overflow: auto; max-height: 360px }
#searchList li{ padding:4px 10px; height: 36px; width:198px; border-bottom: 1px solid #E0DEDE; overflow: hidden}
#searchList li.nosearch{font-size: 12px; height: auto;}
#searchList li.nosearch p{font-size: 12px; height: auto;}
#searchList li a:link,#searchList li a:visited {color: #333; text-decoration:none; cursor:pointer;}
#searchList li a:hover {color: #333;text-decoration:none;}

#searchList li a span.desctext {color: #aaa;font-size: 0.8em;width: 30000px;overflow: hidden;min-height: 12px;display: block;}
#searchList li.cur{background: #3875d7;}
#searchList li.cur .item_title{color: #FFFFFF;}
/* --go to top-- */
.go_to_top{ display:block; z-index:16; cursor:pointer; overflow:hidden; text-indent:-9999px; position:fixed; right:5px; bottom:5px; width:50px; height:50px; background:url(http://a.mysodao.com/project/public/img/gototop-bg-v1.png);  _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://a.mysodao.com/project/public/img/gototop-bg-v1.png',sizingMethod='crop');}
.go_to_top:hover{ display:block; z-index:16; cursor:pointer; overflow:hidden; text-indent:-9999px; position:fixed; right:5px; bottom:5px; width:50px; height:50px; background:url(http://a.mysodao.com/project/public/img/gototop-bg-v1-hover.png);  _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://a.mysodao.com/project/public/img/gototop-bg-v1-hover.png',sizingMethod='crop');}

.helper_box{ margin:40px 10px; font:14px;}
.warning {
	padding: 0.5em 1em;
	margin: 1em;
	background: #fff3a5;
	border-radius: 5px;
}

/* ==========================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#content table {
	margin: 1em 2em;
}

#content thead tr {
	border-bottom: 2px solid #666;
}

#content tbody tr {
	border-bottom: 1px solid #666;
}

#content tbody tr:hover {
	background-color: #eee;
}

#content th {
	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#content th,
#content td {
	padding: .5em;
}
#content .syntaxhighlighter tr {
border-bottom: none;
}

#content figure {
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
	margin:0 0 1.2em;
	display: block;
}
#content figure img.column {
	vertical-align: top;
	padding: 0;
}
#content figcaption {
	clear: both;
	box-shadow: none;
	margin-top: 0;
	    font: italic 700 12px/20px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	    padding: 10px 5px;
	    color: #737272;
	    clear: both;
	    background-color: #f2f2f2;

}

#content .signature h4 a {
	color: inherit;
	text-decoration: none;
}

.signature h4 .icon-link {
	margin-right: 0.5em;
}

.signature .event-properties {
	margin: 15px 0 0 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1460441413_0772145.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1460441413_0772145.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1460441413_0772145.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1460441413_0772145.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1460441413_0772145.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    display: inline-block;
font-family: 'iconfont';
font-size: 24px;
font-style: normal;
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
              -webkit-transform: translate(0, 0);
                  -ms-transform: translate(0, 0);
                      transform: translate(0, 0);
-webkit-text-stroke-width: 0.2px;
}
.icon-link:before {
    content: "\e604";  font-family: iconfont;
}