@charset "utf-8";
/* CSS Document */
header, hgroup, nav, section, article, aside, footer {
	display:block
}
html, body, form, fieldset, legend, h1, h2, h3, h4, h5, h6, dt, dd {
	margin:0;
	padding:0
}
:focus {
	outline: none;
}
a, area {
blr:expression(this.onFocus=this.blur())
}
fieldset, a img {
	border:0
}
address, caption, cite, code, dfn, th, var {
	font-style:inherit;
	font-weight:inherit
}
abbr, acronym, dfn {
	border-bottom:1px dotted #666;
	font-variant:normal;
	cursor:help
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1.286em;
	background-color:#FFF;
}
caption, th {
	text-align:left
}
p, pre, blockquote, dl, ul, ol {
	margin:0 0 1.286em;
	padding:0
}
li ul, li ol {
	margin-bottom:0
}
ul, ol {
	list-style:none
}
html {
	height:100%
}
body {
	background-color: #e6f2fe;
	background-image:url(../img/background_banners/body,back,ground.jpg);
	font:11px/1.33 "微软雅黑", "黑体", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	padding:0px 10px 3em;
	margin:0px auto;
	color:#373d48;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	max-width:1150px;
	min-width:780px
}
h1, h2, h3 {
	font-weight:normal
}
h1 {
	font-size:24px
}
h2 {
	font-size:18px
}
h3 {
	font-size:16px
}
a:link, a:visited {
	color:#144fae;
	text-decoration:none
}
a:hover, a:focus, a:active {
	color:#083681;
	text-decoration:underline
}
.hidden {
	position:absolute;
	top:-100000px
}
section>section {
	background:rgba(255, 255, 255, 0.35) no-repeat;
	border:1px solid #a8b8d1;
	box-shadow:inset 0 1px 3px rgba(58, 78, 103, 0.15), 0 1px 0 rgba(255, 255, 255, 0.5)
}
#main {
	width:75%;
	float:left
}
.html-rtl #main {
	float:right
}
#main>section, #sub>section {
	padding:10px;
	margin:0 0 10px;
	border-radius:8px
}
#sub {
	width:100%;
	float:left;
}
.html-rtl #sub {
	float:left
}
body:after, header:after, .addons:after, #install:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}
#intro {
	position:relative;
	width:71%;
	float:left;
	padding:10px 2.25%;
	border-right:1px inset rgba(0, 0, 0, 0.25);
	margin:0
}
.addons li {
	float:left;
	width:30%;
	position:relative;
	margin-right:5%;
	margin-bottom:5%
}
.html-rtl .addons li {
	float:right
}
.addons li:nth-child(3n), .html-rtl .addons li:nth-child(3n+1) {
margin-right:0
}
.html-rtl .addons li:nth-child(3n) {
margin-right:5%
}
.addons li>a, .rec-addons li>a, #monthly>div, #go-mobile>div {
	background:-moz-linear-gradient(top, #fff 0, #ecf1f7 100%);
	border:1px solid #b7c3d7;
	border-radius:6px;
	box-shadow:inset 0 -2px 0 rgba(58, 78, 103, 0.08), 0 2px 0 rgba(190, 210, 230, 0.5)
}
.addons li>a, .rec-addons li>a {
	display:block;
	display:-moz-box;
	-moz-box-orient:vertical;
	-moz-box-align:center;
	position:relative;
	height:120px;
	width:100%;
	width:-moz-calc(100% - 22px);
	padding:10px;
	-moz-transition-property:border-color, box-shadow;
-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-out
}
.addons li>a:hover, .addons li>a:focus, .addons li>a:active, .rec-addons li>a:hover, .rec-addons li>a:focus, .rec-addons li>a:active {
	border-color:rgba(165, 175, 185, 1);
	box-shadow:inset 0 -2px 0 rgba(58, 78, 103, 0.1), 0 2px 0 rgba(190, 210, 230, 0.85);
	-moz-transition-property:border-color, box-shadow;
-moz-transition-duration:.1s;
	-moz-transition-timing-function:ease-out;
	text-decoration:none
}
.addons h3, .rec-addons h3 {
	font-size:14px;
	line-height:1.1;
	font-weight:bold;
	font-family:inherit;
	margin:.25em 0;
	text-align:center;
	overflow:hidden
}
.addons li>a:hover h3, .addons li>a:focus h3, .addons li>a:active h3, .rec-addons li>a:hover h3, .rec-addons li>a:focus h3, .rec-addons li>a:active h3 {
	text-decoration:underline
}
.addons p.desc, .rec-addons p.desc {
	-moz-box-flex:1;
	overflow:hidden;
	font-size:11px;
	text-align:left;
	color:#373d48;
	margin:0
}
.html-rtl .addons p.desc, .html-rtl .rec-addons p.desc {
	text-align:right
}
.addons img, .rec-addons img {
	display:block;
	max-width:50px
}
#sub .menu-box {
	position:relative
}
#recs .header, #sub .menu-box h2, #more-ways h2 {
	margin:-10px -10px 0;
	padding:.45em 10px;
	background:-moz-linear-gradient(top, #fff 0, #ecf1f7 100%);
	box-shadow:inset 0 -3px 0 rgba(58, 78, 103, 0.05), 0 3px 0 rgba(175, 195, 220, .3);
	border-radius:8px 8px 0 0;
	border-bottom:1px solid #a8b8d1;
	overflow:hidden
}
#recs .header {
	margin:0;
	padding:.45em 9%;
	width:82%
}
#sub ul {
	margin:0 0 -10px
}
#sub li {
	border-bottom:1px solid #cdd4de;
	margin:0 -10px;
	clear:both
}
#menu-box-personas li {
	border-bottom-color:#666
}
#sub li:last-child {
	border-bottom-width:0
}
#sub .menu-box li, #menu-box-personas li h6, #more-ways li {
	font-size:13px
}
#sub li a {
	text-decoration:none
}
.htruncate {
	white-space:nowrap;
	overflow:hidden
}
#up-and-coming a.menu-title .htruncate {
	line-height:32px;
	display:inline-block;
	width:-moz-calc(100% - 48px)
}
#up-and-coming a.menu-title, #menu-box-personas span.menu-title {
	display:block;
	background:rgba(255, 255, 255, 0.35) 95% 50% no-repeat;
	color:#333;
	overflow:hidden
}
#menu-box-personas span.menu-title {
	pointer-events:none
}
#up-and-coming a.menu-title, #menu-box-personas span.menu-title b {
	padding:.5em 30px .5em 10px
}
#menu-box-personas span.menu-title b {
	display:block;
	font-weight:normal;
}
#menu-box-personas span.menu-title {
	background-color:rgba(255, 255, 255, 0.65);
	border-top:1px solid rgba(255, 255, 255, 0.35);
	text-decoration:none;
	position:absolute;
	bottom:0;
	width:100%
}
#up-and-coming a.menu-title:hover, #up-and-coming a.menu-title:focus, #up-and-coming a.menu-title:active, #menu-box-personas a:hover span.menu-title, #menu-box-personas a:focus span.menu-title, #menu-box-personas a:active span.menu-title {
	background-color:rgba(255, 255, 255, 0.65);
	background-position:96% 50%;
	-moz-transition-property:background-color, background-position;
-moz-transition-duration:.1s;
	-moz-transition-timing-function:ease-out;
	color:#083681
}
#menu-box-personas a:hover span.menu-title, #menu-box-personas a:focus span.menu-title, #menu-box-personas a:active span.menu-title {
	background-color:rgba(255, 255, 255, 0.8)
}
#sub .menu-box li:last-child a, #menu-box-personas ul li:last-child a span.menu-title {
	border-radius:0 0 8px 8px
}
#up-and-coming img {
	display:block;
	float:left;
	vertical-align:middle;
	margin:0 8px 0 0
}
#sub .all, #recs .header h2 a {
	line-height:24px;
	font-size:12px
}
#sub .all {
	display:block;
	float:right
}
#images {
	background:rgba(255, 255, 255, 0.35) no-repeat;
	border:1px solid #a8b8d1;
	box-shadow:inset 0 1px 3px rgba(58, 78, 103, 0.15), 0 1px 0 rgba(255, 255, 255, 0.5);
	max-height:140px;
	display:none;
	position:relative;
	overflow:hidden;
	border-radius:8px
}
#copyright {
	margin-top:80px;
	text-align:center;
	font-size:10px;
}
.menu-info {
	float:right;
	text-align:right;
	font-family:"宋体";
	font-size:9px/1.33;
	font-style:italic;
	color:#69C;
}
#info {
	padding:10px;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#69C;
}
#logo {
	padding:50px;
	text-align:center;
}