/* 全局样式
------------------------------ */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,textarea,button,hr,blockquote,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1em;}
ul,ol,dl{list-style-type:none;}
fieldset,img{border:none;}
table{border-collapse:collapse;table-layout:fixed;empty-cells:show;}
caption,th{text-align:left;font-weight:normal;}
address,caption,cite,code,dfn,th{font-style:normal;font-weight:normal;}
img,input,button,select{vertical-align:middle;}
input,button,select,textarea{font-family:'\5fae\8f6f\96c5\9ed1';font-size:12px;vertical-align:baseline;*vertical-align:middle;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
q:before,q:after{content:'';}
hr{margin:3px 0;border:none;border-top:1px solid #bbb;border-bottom:1px solid #fff;_display:block;_margin:-5px 0;_font-size:0;_line-height:0;}
textarea{padding:2px 3px;border:1px solid #555;}
html{overflow-y:scroll;background-color:#fff;}
body{min-height:500px;color:#333;font:14px/1.7 Tahoma,'\5fae\8f6f\96c5\9ed1','\5b8b\4f53',sans-serif;}


/**
 * Icon Font
 * ------------------------------ */
@font-face{
font-family:cxcode;
src:url('fonts/cxcode.eot');
src:url('fonts/cxcode.eot?#iefix') format('embedded-opentype'),
	url('fonts/cxcode.ttf') format('truetype'),
	url('fonts/cxcode.woff') format('woff'),
	url('fonts/cxcode.svg#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}


/**
 * Link Style
 * ------------------------------ */
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a.und,
a.und:hover{text-decoration:underline;}
a.nound,
a.nound:hover{text-decoration:none;}

a.rlink{color:#d33;}
a.glink{color:#290;}
a.blink{color:#38e;}
a.ylink{color:#e63;}
a.rslink{color:#d55;}
a.gslink{color:#6b2;}
a.bslink{color:#5ad;}
a.yslink{color:#d95;}
a.graylink{color:#999;}
a.blacklink{color:#333;}

/* 清理浮动 */
.clearfix{zoom:1;}
.clearfix:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}

/* 隐藏文字 */
.hidetext{overflow:hidden;text-indent:100%;white-space:nowrap;}

/* 溢出文字 */
.ellitext{white-space:nowrap;text-overflow:ellipsis;}


/**
 * 左右两栏表单样式
 * ------------------------------ */
.form_add{zoom:1;}
.form_add:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0;}
.form_add dt{float:left;padding:5px;clear:left;text-align:right;}
.form_add dd{float:left;padding:5px;*float:none;}
.form_add .tip{padding:0;color:#777;}

/**
 * 输入框
 * ------------------------------ */
.cxinput{padding:2px 4px;border:1px solid #777;border-radius:3px;background-color:#fff;box-shadow:inset 0 2px 3px rgba(0,0,0,0.1);font:12px/1.6 Tahoma;}
.cxinput.large{padding:4px 9px;border-radius:3px;font-size:14px;}
input.cxinput{height:18px;line-height:18px;}
input.cxinput.large{height:20px;line-height:20px;}

.cxinput[size='4'],.cxinput[cols='4']{width:30px;}
.cxinput[size='5'],.cxinput[cols='5']{width:40px;}
.cxinput[size='6'],.cxinput[cols='6']{width:50px;}
.cxinput[size='7'],.cxinput[cols='7']{width:60px;}
.cxinput[size='8'],.cxinput[cols='8']{width:70px;}
.cxinput[size='9'],.cxinput[cols='9']{width:80px;}
.cxinput[size='10'],.cxinput[cols='10']{width:90px;}
.cxinput[size='11'],.cxinput[cols='11']{width:100px;}
.cxinput[size='12'],.cxinput[cols='12']{width:110px;}
.cxinput[size='13'],.cxinput[cols='13']{width:120px;}
.cxinput[size='14'],.cxinput[cols='14']{width:130px;}
.cxinput[size='15'],.cxinput[cols='15']{width:140px;}
.cxinput[size='16'],.cxinput[cols='16']{width:150px;}
.cxinput[size='17'],.cxinput[cols='17']{width:160px;}
.cxinput[size='18'],.cxinput[cols='18']{width:170px;}
.cxinput[size='19'],.cxinput[cols='19']{width:180px;}
.cxinput[size='20'],.cxinput[cols='20']{width:190px;}
.cxinput[size='21'],.cxinput[cols='21']{width:200px;}
.cxinput[size='22'],.cxinput[cols='22']{width:210px;}
.cxinput[size='23'],.cxinput[cols='23']{width:220px;}
.cxinput[size='24'],.cxinput[cols='24']{width:230px;}
.cxinput[size='25'],.cxinput[cols='25']{width:240px;}
.cxinput[size='26'],.cxinput[cols='26']{width:250px;}
.cxinput[size='27'],.cxinput[cols='27']{width:260px;}
.cxinput[size='28'],.cxinput[cols='28']{width:270px;}
.cxinput[size='29'],.cxinput[cols='29']{width:280px;}
.cxinput[size='30'],.cxinput[cols='30']{width:290px;}
.cxinput[size='31'],.cxinput[cols='31']{width:300px;}
.cxinput[size='32'],.cxinput[cols='32']{width:310px;}
.cxinput[size='33'],.cxinput[cols='33']{width:320px;}
.cxinput[size='34'],.cxinput[cols='34']{width:330px;}
.cxinput[size='35'],.cxinput[cols='35']{width:340px;}
.cxinput[size='36'],.cxinput[cols='36']{width:350px;}
.cxinput[size='37'],.cxinput[cols='37']{width:360px;}
.cxinput[size='38'],.cxinput[cols='38']{width:370px;}
.cxinput[size='39'],.cxinput[cols='39']{width:380px;}
.cxinput[size='40'],.cxinput[cols='40']{width:390px;}
.cxinput[size='41'],.cxinput[cols='41']{width:400px;}
.cxinput[size='42'],.cxinput[cols='42']{width:410px;}
.cxinput[size='43'],.cxinput[cols='43']{width:420px;}
.cxinput[size='44'],.cxinput[cols='44']{width:430px;}
.cxinput[size='45'],.cxinput[cols='45']{width:440px;}
.cxinput[size='46'],.cxinput[cols='46']{width:450px;}
.cxinput[size='47'],.cxinput[cols='47']{width:460px;}
.cxinput[size='48'],.cxinput[cols='48']{width:470px;}
.cxinput[size='49'],.cxinput[cols='49']{width:480px;}
.cxinput[size='50'],.cxinput[cols='50']{width:490px;}
.cxinput[size='60'],.cxinput[cols='60']{width:590px;}
.cxinput[size='70'],.cxinput[cols='70']{width:690px;}
.cxinput[size='80'],.cxinput[cols='80']{width:790px;}


/**
 * 选框
 * ------------------------------ */
.cxradio,
.cxcheckbox{margin:0 5px 0 0;padding:0;vertical-align:text-bottom;*vertical-align:middle;}
.cxselect{padding:3px;border:1px solid #777;border-radius:3px;background-color:#fff;font:12px/1.5 Tahoma;}


/**
 * 输入框、选框状态
 * ------------------------------ */
.cxinput:focus,
.cxselect:focus{outline:0;border-color:#5ad;box-shadow:inset 0 2px 3px rgba(0,0,0,0.1), 0 0 4px rgba(85,170,221,0.6);}
.cxinput[disabled],
.cxselect[disabled]{border-color:#999;color:#ccc;}


/**
 * 按钮
 * ------------------------------ */
.awesome,
.awesome:link,
.awesome:visited{position:relative;display:inline-block;padding:6px 12px 5px;border:none;border-bottom:1px solid rgba(0,0,0,0.25);border-radius:5px;background:#222;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;text-decoration:none;font:12px/1 '\5b8b\4f53';cursor:pointer;}
.awesome:hover{background-color:#111;color:#fff;}
.awesome:active{box-shadow:0 1px 3px rgba(0,0,0,0.5),inset 0px 1px 3px rgba(0,0,0,0.5);}
.large.awesome,
.large.awesome:visited{padding:10px 18px 9px;font:16px/1 '\5fae\8f6f\96c5\9ed1';}
.small.awesome,
.small.awesome:visited{padding:3px 8px 2px;}














/**
 * CSS Reset
 * ------------------------------ */
h1{height:50px;background:#347ebf;color:#fff;font-size:20px;line-height:50px;text-indent:12px;}
h2{background:#7a9bbf;color:#fff;font-size:15px;line-height:30px;text-indent:12px;}
h3{font-size:13px;line-height:30px;}

h1 a,
h2 a{color:#fff;}
h1 a.source,
h2 a.source{margin-left:20px;color:#ff3;font-size:14px;}
h2 a.source{font-size:12px;}
h1 a.source:after,
h2 a.source:after{content:'\e600';margin-left:0.5em;font-weight:normal;font-size:12px;font-family:cxcode;vertical-align:middle;}
h1 a.source:hover,
h2 a.source:hover{color:#ff9;text-decoration:none;}

blockquote{margin:10px 0;padding:5px 8px;border:1px solid #ddd;background:#f3f3f3;color:#999;font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';font-size:12px;}

code{margin:0 3px;padding:0 5px;border:1px solid #ddd;border-radius:3px;background:#f8f8f8;font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';}

pre{position:relative;margin:10px 0;padding:25px 20px 10px;border:1px solid #ddd;border-radius:3px;background:#f7f7f0;color:#333;word-wrap:break-word;}
pre code{margin:0;padding:0;border:none;background:none;font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';font-size:12px;}
pre code:before{content:'Code Examples';position:absolute;top:10px;left:10px;color:#bbb;font:bold 12px/1 Arial;text-shadow:1px 1px 0 #fff;}
pre code.html:before{content:'HTML Code';}
pre code.css:before{content:'CSS Code';}
pre code.js:before{content:'JavaScript Code';}
pre code.php:before{content:'PHP Code';}
pre code ol{list-style:decimal inside;}

a{color:#347ebf;text-decoration:none;}
a:hover{text-decoration:underline;}


/**
 * 头部
 * ------------------------------ */
.header{height:30px;padding:0 22px;border-bottom:1px solid #ccc;background:#f3f3f3;font:12px/30px Tahoma,'\5B8B\4F53';}
.header .pay{display:inline;margin-left:1em;padding-left:1em;border-left:1px solid #999;}
.breadcrumb{display:inline;}
.breadcrumb strong{color:#090;font-weight:normal;}

.content{overflow:hidden;position:relative;padding:20px;}

.otherjs{display:none;}


/**
 * 插件简介
 * ------------------------------ */
.intro{padding:10px;color:#555;}
.intro ul,
.intro ol,
.intro dl{margin:10px 0;}
.intro ul{list-style-position:inside;list-style-type:circle;}
.intro ol{list-style-position:inside;list-style-type:decimal;}
.intro ol li:before{content:'';}
.intro dt{font-weight:bold;}
.intro dd:before{content:'·';font-family:'\5B8B\4F53';}

.intro .release{list-style-type:none;}
.intro .release li{margin-bottom:10px;}
.intro .release a{padding:5px 10px;border:1px solid #ddd;border-radius:5px;background-color:#eee;color:#555;line-height:2;
background-image:-webkit-linear-gradient(top,#ddd 0%,#eee 100%);
background-image:linear-gradient(to bottom,#eee 0%,#ddd 100%);
}
.intro .release a:hover{border-color:#347ebf;color:#347ebf;text-decoration:none;}
.intro .release a:before{margin-right:0.5em;font-weight:normal;font-family:cxcode;vertical-align:top;opacity:0.8;}
.intro .release .demo:before{content:'\e602';}
.intro .release .download:before{content:'\e601';}

.example{padding:10px;}
.example + .example{border-top:1px solid #ccc;}


/**
 * 文档目录
 * ------------------------------ */
.doc_menu .title{background:#7a9bbf;color:#fff;font-size:15px;font-weight:bold;line-height:30px;text-indent:12px;}
.doc_menu .list{display:inline-block;list-style:inside decimal;padding:10px;line-height:24px;}
.doc_menu .list li{cursor:pointer;}
.doc_menu .list li:hover{color:#347ebf;text-decoration:none;}

.doc_menu.fixed .list{position:fixed;top:0;left:0;width:100%;padding:0;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.8);line-height:30px;z-index:11;
border-bottom:1px solid #ddd\9;
-webkit-transform-origin:left top;
-webkit-animation:docMenuFixed 0.2s ease-out;
}
.doc_menu.fixed .list li{float:left;padding:0 20px;
}
.doc_menu.fixed .list li:hover{background-color:#7a9bbf;color:#fff;}
.doc_menu.fixed .list li.n{background-color:#347ebf;color:#fff;
-webkit-transition:background-color 0.2s, color 0.2s;
}

@-webkit-keyframes docMenuFixed{
	0%{
		opacity:0;
		-webkit-transform:translateY(-100%);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}


/**
 * 参数表格
 * ------------------------------ */
.manual_table{font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New','\5fae\8f6f\96c5\9ed1';font-size:13px;}
.manual_table + .manual_table{margin-top:10px;}
.manual_table caption{color:#555;font-size:13px;font-weight:bold;line-height:30px;text-indent:2px;}
.manual_table th,
.manual_table td{border:1px solid #ddd;padding:3px 5px}
.manual_table th{background:#eee;color:#555;}
.manual_table thead th{text-align:center;}
.manual_table .unknown{color:#ccc;}

.green.awesome,
.green.awesome:link,
.green.awesome:visited{background-color:#91bd09;}
.green.awesome:hover{background-color:#749a02;}
.blue.awesome,
.blue.awesome:link,
.blue.awesome:visited{background-color:#2daebf;}
.blue.awesome:hover{background-color:#007d9a;}
.red.awesome,
.red.awesome:link,
.red.awesome:visited{background-color:#e33100;}
.red.awesome:hover{background-color:#872300;}
.magenta.awesome,
.magenta.awesome:link,
.magenta.awesome:visited{background-color:#a9014b;}
.magenta.awesome:hover{background-color:#630030;}
.orange.awesome,
.orange.awesome:link,
.orange.awesome:visited{background-color:#ff5c00;}
.orange.awesome:hover{background-color:#d45500;}
.gray.awesome,
.gray.awesome:link,
.gray.awesome:visited{background-color:#777;}
.gray.awesome:hover{background-color:#555;}

.awesome[disabled='disabled'],
.awesome[disabled='disabled']:link,
.awesome[disabled='disabled']:visited,
.awesome[disabled='disabled']:hover{background-color:#f5f5f5;color:#999;}