html,body {  margin:0; padding:0; height:100%; background-color: #eee; font-family: Helvetica,Arial,sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, textarea, select, optgroup, option, fieldset, legend, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a { text-decoration: none ; color: #cc0000; }
ul, li { list-style: none }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { margin: 0; *font-size: 100%; line-height: 1.2 }
fieldset, img { border: 0 }

.icon {  background: url('icons.png') no-repeat;  display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;  }
.icon-large { width: 72px; height: 72px; float: left; }
.icon-small{ width: 18px; height: 18px; }

.ic-adb-driver { background-position: 0 0; }
.ic-apk-installer { background-position: -72px 0 }
.ic-adb-shell { background-position: -144px 0; }

.ic-f { background-position: -216px 0; }
.ic-t { background-position: -288px 0; }
.ic-g { background-position: -360px 0; }

.ic-more{ background-position: -432px 0;}
.ic-docs{ background-position: -504px 0;}


.sponsor-banner {   width: 728px; height: 90px; overflow: hidden;}
.sponsor-square {   width: 280px; height: 280px;  overflow: hidden;}
.sponsor-skyscraper { width: 300px; height: 600px;  overflow: hidden;}
.sponsor-rectangle {  float: right; margin: 20px 0 0 10px; width: 336px; height: 280px;  overflow: hidden; }
.sponsor-wrap{ padding: 15px;}

.share { width: 250px; height: 90px; text-align: center; }
.share li:hover{ opacity: 1}
.share li{ float: left; width: 33.333333333%; height:90px; text-align: center; overflow: hidden; opacity: .7 }
.share .f{ background-color: #297fb8}
.share .t{ background-color: #3498db}
.share .g{ background-color: #e74c3c}

.container{position:relative; min-height:100%;}

.header { position: relative; height:80px;  background-color: #ffffff; overflow: hidden;}
.content{ padding-bottom: 60px;}
.wrap { width: 1000px; margin: 0 auto; overflow: hidden;}

.logo {  float: left; padding-left: 80px; font-size: 1.6em; font-weight: bold; height: 80px; line-height: 80px;  background: url('logo.png') no-repeat;}
.logo a{ color: #888; }
.logo a:hover{ color: #666; }
 

.nav {  float: left; margin-left: 100px; }
.nav a { display: block; color: #70a229; height: 80px; line-height: 80px; padding: 0 10px;}
.nav ul { overflow: hidden;}
.nav li { float: left;  font-size: 1.3em; font-weight: bold;  padding: 0 10px; text-align: center; text-transform: uppercase  }
.nav li:hover{ background-color: #eee;  -webkit-transition: all .25s ease; transition: all .25s ease;}
.nav li.selected { background-color: #f7f7f7;  }

#more { display: none; position: absolute; top: 5px; right: 0; width: 72px; height: 72px; cursor: pointer; overflow: hidden; }


.featured {  width: 300px; height: 280px; overflow: hidden; font-size: 14px; color: #666}
.featured img{ float: left; margin-right: 6px}
.featured li{ border-bottom: 1px dotted #ddd; overflow: hidden; padding: 10px; font-size: 14px; height:73px;}
.featured li:hover { background-color: #f7f7f7}
.featured li:last-child{ border: none; }
.featured a {  font-weight: bold; font-size: 15px; }
.featured i { margin-right: 4px }
.featured span{ display: block; margin-top: 4px}

.downloads {  width: 440px; height: 280px; overflow: hidden; font-size: 14px; }
.section { padding: 10px; font-weight: bold; font-size: 16px;  color: #888;  }
.download {text-align: center; margin: 40px 0}


.latest {  width: 380px; height: 280px; overflow: hidden;}
.latest a { color: #777;}
.latest a:hover { color: #333;}
.latest li { line-height: 32px; height: 35px; padding:6px; border-bottom: 1px dotted #ddd; overflow: hidden; padding: 10px; font-size: 15px;}
.latest li:hover { background-color:  #f7f7f7}
.latest li:last-child{ border: none; }
.latest i { margin-right: 4px }

.documentation{ width: 640px; padding: 20px; }
.documentation li {   line-height: 32px; height: 60px; border-bottom: 1px dotted #ddd;  padding: 10px; font-size: 15px;  }
.documentation li:hover { background-color:  #f7f7f7}
.documentation li:last-child{ border: none; }

.solutions {  padding: 30px; overflow: hidden; }
.solutions p{ padding: 10px; line-height: 30px; }
.solutions li{ line-height: 32px; padding:6px; overflow: hidden; padding: 10px; font-size: 15px; }
.solutions span { font-size: 16px; font-weight: bold;color: #70a229;}
.solutions em {  color: #888; display:block;}

.post { padding: 30px; color: #666; }
.post h1{ font-size: 18px; padding-bottom: 30px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.post h5 { font-size: 16px; padding: 10px 0; color: #70a229;  }
.post p{ padding: 10px 0;  line-height: 22px}
.post em { color: #ff9909; font-weight: bold;}
.post .note {  padding: 0 0 0 20px; border-left: 3px solid #ff9909; margin: 16px 0;}
.post .pic { text-align: center; padding: 10px 0 }

.footer { position: absolute; bottom: 0; width:100%; height: 40px; color: #959595; overflow: hidden; }
.footer a{ color: #959595;}
.footer a:hover{  color: #666;}
.footer li { float: left; margin-right: 20px; }
.footer .copyright{ margin-left:10px; margin-right: 50px}


.fl { float: left}
.mt20 {  margin-top: 20px; }
.ml20 { margin-left: 20px;}
.white { background-color: #fff;}
.center { text-align: center; }
.line { border-bottom: 1px solid #eee; }

@media screen and (max-width:767px) {
	.wrap { width: 96% }
	.documentation li {  width: 250px; }

	.sponsor-square, .featured,.latest,.sponsor-skyscraper,.sponsor-rectangle { width: 100%; margin: 0 auto; float: none;}
	.sponsor-square {text-align: center;}

 
	.solutions{padding: 0}
	.post { padding: 6px;}

	.latest { height:auto;}
	.latest li{ height: 70px}

	.share {  margin: 10px auto 0; width: 100%;}


	.header { height: auto;}
	.logo {float: none}
	#more{ display: block;}
	.nav {  display: none; float: none; margin:0 10px}
	.nav a { line-height: 56px; height: 56px}
	.nav li {  float: none; }

	.downloads {  width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1023px) {

	.logo a, .share{ display: none;}
	.latest li { white-space: nowrap; text-overflow: ellipsis;}

}
@media screen and (min-width:1024px) and (max-width:1439px) {
	 .nav {margin-left: 50px}
	.latest li { white-space: nowrap; text-overflow: ellipsis;}
	.documentation { width: 630px;}
}