/* 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;
}
#googleguanggao iframe {
border: 0 none;
padding: 0;
}
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{ position: relative;
z-index: 99997;
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);
min-width:980px}
.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; }
#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;}
#googleguanggao{ border-bottom:3px solid #5085D3; padding-left:10px;}
#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;
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 {
	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;
	position: relative;
}
.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: 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;
}

.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;