2 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
\r
3 margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
\r
5 body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #528036 url(img/background.jpg) no-repeat fixed 0 0;}
\r
6 p {padding-bottom: 20px;}
\r
7 ol, ul {list-style: none;}
\r
8 table {border-collapse: separate;border-spacing: 0;}
\r
9 caption, th, td {text-align: left;font-weight: normal;}
\r
10 strong {font-weight: bold;}
\r
11 em {font-style: italic;}
\r
13 .font1 {color: white;background-color: #528036;}
\r
14 .right {float: right;}
\r
15 .left {float: left;}
\r
16 .hide {display: none;}
\r
17 .round {-moz-border-radius: 15px;-webkit-border-radius: 15px;-khtml-border-radius: 15px;border-radius: 15px;}
\r
18 .clear {clear: both;}
\r
19 .clearfix {display: block;}
\r
20 .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
\r
21 html[xmlns] .clearfix {display: block;}
\r
22 * html .clearfix {height: 1%;}
\r
26 a:link, a:visited {text-decoration: none;}
\r
27 a:hover {color: #000;text-decoration: none;}
\r
28 a:active {text-decoration: none;}
\r
31 h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;}
\r
32 h1 {font-size: 36px;line-height: 44px;}
\r
33 h2 {font-size: 20px;line-height: 20px;}
\r
34 h3 {font-size: 14px;line-height: 14px;}
\r
35 h4 {font-size: 14px;font-weight: normal;line-height: 25px;}
\r
38 .header_wrap {position: relative;min-width: 940px;padding: 100px 30px 0 30px;}
\r
39 .content_wrap {position: relative;min-width: 940px;padding: 0 30px 50px 30px;}
\r
40 .footer_wrap {bottom: 0;height: 47px;width: 100%;background-color: #1b1b1b;border-top: 1px solid #749e58;}
\r
43 .header {position: relative;width: 940px;margin: 0 auto;height: 160px;border: 1px solid white;background: transparent url(img/header-bg.png) repeat-x 0 -50px;}
\r
44 .header-text {padding: 40px 25px 15px 120px;font-size: 18px;line-height: 24px;color: #747d67;font-family: Helvetica, sans-serif;}
\r
45 .header-text img {padding-bottom: 5px;}
\r
46 .shortcuts {white-space: nowrap;text-align: right;position: absolute;top: -45px;right: 5px;}
\r
47 .shortcuts.language {top: -85px;right:0px;}
\r
48 .shortcuts li {display: inline;font-size: 18px;line-height: 28px;font-family: Helvetica, Arial, simsun, sans-serif;padding-bottom: 5px;margin-left: 30px;cursor: pointer;}
\r
49 .shortcuts li button {cursor: pointer;}
\r
50 .shortcuts li span {border-bottom: 1px dotted white;}
\r
51 .shortcuts li span.selected {padding: 2px;background-color: #528036;}
\r
52 .shortcuts li a {color: #fff;}
\r
53 .ieSuggest {display:none;font-size: 12px;color: silver;position: absolute;left: 10px;top: 2px;}
\r
54 .google_plus {position: absolute;right: 10px; top:10px;}
\r
55 .light-bulb {position: absolute;left: -20px;bottom: -35px;width:116px;height:180px;background-image:url(img/lightbulb.png);background-repeat: no-repeat;}
\r
58 .content {position: relative;width: 940px;margin: 0 auto;}
\r
59 .nav_section {position: relative;height: 20px;font-family: "Myriad Pro", "Trebuchet MS", sans-serif;font-size: 15px;color: #253;padding: 20px 0;}
\r
60 .nav_section ul {position: absolute;right: 10px;}
\r
61 .nav_section ul li {display: inline;line-height: 20px;margin: 0 5px 0 20px;border-bottom: 1px dotted white;}
\r
62 .nav_section ul li.noline {border-bottom: 0;}
\r
63 .nav_section ul li a {color: #fff;}
\r
64 .nav_section ul li a.selected {padding: 2px;background-color: #528036;}
\r
65 .nav_section ul li.first {border: none;}
\r
66 .content .title {margin: 50px 30px 20px 70px;}
\r
67 .content li {margin-bottom: 5px;}
\r
68 .contentBox {position: relative;overflow: hidden;border: 1px solid white;min-height: 200px;line-height: 25px;background: transparent url(img/contact-bg.png) repeat-x 0 0;}
\r
70 .zTreeInfo {display:none;width: 940px;position: absolute;}
\r
71 .zTreeInfo p {padding-bottom: 50px;}
\r
72 .zTreeInfo-left {float: left;width: 280px;height:300px;padding: 0 50px 60px 75px;background:url(img/zTreeIntroduction.jpg) no-repeat 30px 30px;}
\r
73 .zTreeInfo-right {position: relative;float: right;width: 475px;padding: 0 50px 60px 0;}
\r
74 .zTreeInfo-right li {font-size: 12px;list-style-type: disc;}
\r
76 .license {display:none;width: 940px;position: absolute;}
\r
78 .donateInfo {display:block;width: 940px;position: absolute;}
\r
80 .links {display:none;width: 940px;position: absolute;}
\r
81 .links .content {float: left;width: 160px;height:200px;padding: 0 10px 10px 2px;text-align: center;}
\r
82 .links .content.first {margin-left: 30px;}
\r
84 .contact {display:none;width: 940px;position: absolute;}
\r
85 .contact .myhome { position: absolute; top:10px; left:620px; width:300px; height:266px; background: transparent url(img/myhome.gif) scroll no-repeat 0 0;}
\r
87 .siteTag {position: absolute;left: -16px;top: 109px;z-index: 10;width: 65px;height: 46px;padding:0;margin:0 10px 0 0;
\r
88 vertical-align:middle;border:0 none;background: transparent url(img/siteTag.png) scroll no-repeat 0 0;}
\r
89 .siteTag.tag_zTreeInfo {background-position: 0 0}
\r
90 .siteTag.tag_license {background-position: 0 -46px}
\r
91 .siteTag.tag_donate {background-position: 0 -92px}
\r
92 .siteTag.tag_contact {background-position: 0 -138px}
\r
94 .apiContent {width: 940px;}
\r
95 .apiContent .right {float: right;padding-right: 100px;}
\r
96 .apiContent .left {float: left;padding-right: 20px;border-right: 1px dotted silver;}
\r
97 .api_setting {position: relative;margin:20px 0 20px 20px;}
\r
98 .api_function {position: relative;margin:20px 0 20px 30px;padding-right: 10px;}
\r
99 .api_content_title {text-align: center;font-weight: bold;}
\r
101 .demoContent {width: 940px;}
\r
102 .demoContent .right {float: right;padding: 20px;width: 600px;}
\r
103 .demoContent .left {float: left;padding: 20px;}
\r
104 .demoContent iframe {width:600px;min-height: 530px;}
\r
106 .faqContent {width: 940px;}
\r
107 .faqContent .right {float: right;padding: 20px;width: 600px;}
\r
108 .faqContent .left {float: left;padding: 20px;}
\r
109 .faqContent iframe {width:600px;min-height: 300px;}
\r
111 .baby_overlay_tmp {position: absolute;top:0; left:-5000px;display:block;visibility: hidden;width:640px;font-size:11px;}
\r
112 .baby_overlay_tmp .details {padding: 20px;}
\r
113 .baby_overlay {display:none;position:absolute;z-index:99;left:0; top:0;width:640px;color:#fff;font-size:11px;}
\r
114 .baby_overlay .content {width:100%; height:100px;overflow: hidden;background: transparent url(img/overlay_bg.png) scroll repeat 0 0;}
\r
115 .baby_overlay .details {padding:0 20px 20px 20px;}
\r
116 .baby_overlay .close {background-image:url(img/close.png);position:absolute; right:5px; top:5px;cursor:pointer;height:36px;width:36px;}
\r
117 .baby_overlay_arrow {background-image:url(img/overlay_arrow.png);background-position:0 0;position:absolute;height:40px;width:40px;left: -40px;}
\r
118 .baby_overlay_arrow.reverse {background-position:0 -40px;}
\r
121 .footer {position: relative;min-width: 1000px;font: 14px/24px arial, helvetica, sans-serif;}
\r
122 .footer ul {position:absolute;left: 0px;border:1px solid #393939;background:#262626;padding:12px 0px;line-height: 18px;display: none;list-style: none;}
\r
123 .footer ul li a {display:block;padding: 2px 15px;color: #9c9c9c;text-indent: 0;}
\r
124 .footer ul li a:hover {text-decoration:none;color: #fff;}
\r
125 .footer-logo {position:absolute;margin: 10px 0 0 30px;width:122px; height:24px;top:0; left:0;background: transparent url(img/footer-logo.png) no-repeat 0 0;}
\r
126 .footer_mii {position: absolute;right: 558px;top: 8px;z-index: 10;padding: 4px 0;}
\r
127 .footer_mii a {font-size:10px;color:#649140}
\r
128 .footer_mii a:hover {color:#B6D76F}
\r
129 .footer_siteMap {position: absolute;right: 358px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
\r
130 .footer_siteMap .footer_siteMap_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_siteMap.gif) no-repeat 0 0;}
\r
131 .footer_siteMap ul {top:-202px;width:180px;}
\r
132 .footer_siteMap:hover ul {left: 0}
\r
133 .footer_contact {position: absolute;right: 193px;top: 8px;width: 155px;z-index: 10;padding: 4px 0;}
\r
134 .footer_contact .footer_contact_header {width:155px;text-indent: -9999px;background: transparent url(img/footer_contact.gif) no-repeat 0px 0px;}
\r
135 .footer_contact ul {top:-113px;width:153px;}
\r
136 .footer_contact:hover ul {left: 0}
\r
137 .footer_download {position: absolute;right: 60px;top: 8px;width: 123px;z-index: 10;padding: 4px 0;}
\r
138 .footer_download .footer_download_header {width:123px;text-indent: -9999px;background: transparent url(img/footer_download.png) no-repeat 0px 0px;}
\r
139 .footer_download ul {top:-113px;width:140px;}
\r
140 .footer_download:hover ul {left: 0}
\r
143 button {vertical-align:middle;border:0 none;background: transparent no-repeat 0 0 scroll;}
\r
145 .shortcuts button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/menuIcon.png)}
\r
146 .shortcuts button.home {background-position: 0 0}
\r
147 .shortcuts button.demo {background-position: 0 -24px}
\r
148 .shortcuts button.api {background-position: 0 -48px}
\r
149 .shortcuts button.faq {background-position: 0 -72px}
\r
150 .shortcuts button.donate {background-position: 0 -144px}
\r
151 .shortcuts button.download {background-position: 0 -96px}
\r
152 .shortcuts button.face {background-position: 0 -120px}
\r
153 .shortcuts button.cn {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/chinese.png)}
\r
154 .shortcuts button.en {width:48px; height:24px;padding:0; margin:0 10px 0 0;background-image:url(img/english.png)}
\r
156 .content button.ico {width:24px; height:24px;padding:0; margin:0 10px 0 0;}
\r
158 .content button.ico16 {width:16px; height:16px;padding:0; margin:0 5px 0 0;background-image:url("img/apiMenu.png");}
\r
159 button.z_core {margin-top: -4px;background-position:0 0;}
\r
160 button.z_check {margin-top: -4px;background-position:0 -16px;}
\r
161 button.z_edit {margin-top: -4px;background-position:0 -32px;}
\r
162 button.z_hide {margin-top: -4px;background-position:0 -64px;}
\r
163 button.z_search {margin-top: -4px;background-position:0 -48px;}
\r
164 button.searchPrev {margin-top: -4px;background-position:-16px 0;cursor:pointer}
\r
165 button.searchNext {margin-top: -4px;background-position:-16px -16px;cursor:pointer}
\r
166 button.searchPrev.disabled {margin-top: -4px;background-position:-16px -32px;cursor:auto}
\r
167 button.searchNext.disabled {margin-top: -4px;background-position:-16px -48px;cursor:auto}
\r
168 input.search {margin:0;padding:2px 0; border:0;}
\r
169 input.searchKey {width:150px;}
\r
170 input.searchResult {margin-left:-3px;width:65px;text-align:right;background-color:white;color:#707070}
\r
171 input.searchResult.noResult {background-color:#ff6666;color:black}
\r
172 .baby_overlay div.overlaySearch {text-align:right;padding-right:50px;padding-top:12px;}
\r
175 .apiDetail .topLine {border-top: 1px dashed #376B29;margin-top: 5px;padding-top: 5px;}
\r
176 .apiDetail .highlight_red {color:#A60000;}
\r
177 .apiDetail .highlight_green {color:#A7F43D;}
\r
178 .apiDetail h1, .apiDetail h2, .apiDetail h3, .apiDetail h4, .apiDetail h5, .apiDetail h6 {color: white;padding: 0;}
\r
179 .apiDetail h2 {color: #A7F43D;margin: 5px auto;padding: 5px;font-size: 20px;}
\r
180 .apiDetail h2 span {font-size: 14px;float: right;font-weight: normal;margin: 2px 20px 0 0;vertical-align: bottom;}
\r
181 .apiDetail h2 span.path {float: left;margin: 2px 0 0 0;vertical-align: bottom;}
\r
182 .apiDetail h3 {margin: 5px auto;padding: 5px;font-size: 14px;font-weight: normal;}
\r
183 .apiDetail h3 span.h3_info {margin-left: 20px;font-size: 12px;}
\r
184 .apiDetail h4 {margin: 0 auto;padding: 0 5px;font-size: 12px;font-weight: normal;line-height: 16px;}
\r
185 .apiDetail .desc h4 {color: black;}
\r
186 .apiDetail h4 b{width: 150px;display:inline-block;}
\r
187 .apiDetail h4 span{width: 230px;display:inline-block;}
\r
189 .apiDetail pre, .apiDetail .desc {background: #E8FCD6;color: black;margin: 10px;padding: 10px;display: block;}
\r
190 .apiDetail pre {word-wrap: break-word;}
\r
191 .apiDetail p{margin-left: 5px;padding: 0;}
\r
192 .apiDetail .longdesc {margin-top: 5px;}
\r
193 .apiDetail .longdesc p{font-size: 12px;line-height:1.5;margin:3px 0;}
\r
194 .apiDetail .longdesc b{font-size: 14px;}
\r
195 .apiDetail table {border-collapse:collapse;}
\r
196 .apiDetail table td {border:1px solid silver;text-align: center;vertical-align: middle;}
\r
197 .apiDetail table thead td {font-weight: bold}
\r
199 .apiDetail button {width:16px; height:16px; vertical-align:middle; border:0 none; cursor: pointer;
\r
200 background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
\r
201 background-image:url("zTreeStyle/img/zTreeStandard.png");}
\r
203 .apiDetail button.chk {width:13px; height:13px; margin:0 3px 2px 0; cursor: auto}
\r
204 .apiDetail button.chk.checkbox_false_full {background-position:0 0}
\r
205 .apiDetail button.chk.checkbox_false_full_focus {background-position:0 -14px}
\r
206 .apiDetail button.chk.checkbox_false_part {background-position:0 -28px}
\r
207 .apiDetail button.chk.checkbox_false_part_focus {background-position:0 -42px}
\r
208 .apiDetail button.chk.checkbox_true_full {background-position:-14px 0}
\r
209 .apiDetail button.chk.checkbox_true_full_focus {background-position:-14px -14px}
\r
210 .apiDetail button.chk.checkbox_true_part {background-position:-14px -28px}
\r
211 .apiDetail button.chk.checkbox_true_part_focus {background-position:-14px -42px}
\r
212 .apiDetail button.chk.radio_false_full {background-position:-28px 0}
\r
213 .apiDetail button.chk.radio_false_full_focus {background-position:-28px -14px}
\r
214 .apiDetail button.chk.radio_false_part {background-position:-28px -28px}
\r
215 .apiDetail button.chk.radio_false_part_focus {background-position:-28px -42px}
\r
216 .apiDetail button.chk.radio_true_full {background-position:-42px 0}
\r
217 .apiDetail button.chk.radio_true_full_focus {background-position:-42px -14px}
\r
218 .apiDetail button.chk.radio_true_part {background-position:-42px -28px}
\r
219 .apiDetail button.chk.radio_true_part_focus {background-position:-42px -42px}