/*
../../../img/common/light
*/
body, html {
	background: url(../images/bg.png) top center repeat-y #fafafa;
	background-image: url(../images/bg1.png)
}
h1 {
	color: #00b4ff
}
h1.bordered, h2.bordered, h3.bordered, h4.bordered, h5.bordered, h6.bordered {
	border-bottom-color: #ccc
}
a, h1.highlight, h2.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight {
	color: #00b4ff
}
a:focus, a:hover {
	color: #007eb3
}
hr {
	border-color: #eee
}
.btn {
	/*background: #ccc;*/
	color: #676767
}
.btn:active, .btn:focus, .btn:hover {
	color: #000
}
.form-styled .title {
	border-bottom-color: #ccc
}
.form-styled input[type=email], .form-styled input[type=password], .form-styled input[type=text], .form-styled textarea {
	color: #000;
	background-color: #fff;
	border-color: #ccc
}
.form-styled input[type=email]:focus, .form-styled input[type=email]:focus.invalid, .form-styled input[type=email]:focus:invalid, .form-styled input[type=password]:focus, .form-styled input[type=password]:focus.invalid, .form-styled input[type=password]:focus:invalid, .form-styled input[type=text]:focus, .form-styled input[type=text]:focus.invalid, .form-styled input[type=text]:focus:invalid, .form-styled textarea:focus, .form-styled textarea:focus.invalid, .form-styled textarea:focus:invalid {
border-color:#676767
}
.form-styled ::-webkit-input-placeholder {
color:#666
}
.form-styled :-ms-input-placeholder {
color:#666
}
.form-styled :-moz-placeholder {
color:#666
}
.form-styled ::-moz-placeholder {
color:#666
}
.form-styled input[type=checkbox]+.checkbox-label::before {
	background: #fff;
	border-color: #ccc
}
.form-styled input[type=checkbox]:focus+.checkbox-label::before {
	border-color: #676767
}
.form-styled input[type=checkbox]:checked+.checkbox-label::before {
	background: url(../images/checked-checkbox.png) center center no-repeat #fff
}
.form-styled input[type=radio]+.radio-label::before {
	background: #fff;
	border-color: #ccc
}
.form-styled input[type=radio]:focus+.radio-label::before {
	border-color: #676767
}
.form-styled input[type=radio]:checked+.radio-label::before {
	background: url(../images/checked-radio.png) center center no-repeat #fff
}
.form-styled .error-message {
	color: red
}
.table-styled {
	color: #333
}
.table-styled td, .table-styled th {
	border-left: none;
	border-right: none
}
.table-styled th {
	line-height: 2em;
	background: #b3b3b3;
	font-size: 1.2em
}
.table-styled tr {
	background: #e6e6e6
}
.table-styled tr:nth-child(even) {
	background: #ccc
}
.table-styled .btn {
	background: #b3b3b3
}
.table-vertical {
	border-top: 1px solid #ccc
}
.table-vertical th {
	border-bottom: 1px solid #8d8d8d
}
.table-no-stripe tr, .table-no-stripe tr:nth-child(even), .table-vertical tr, .table-vertical tr:nth-child(even) {
	background: #e6e6e6;
	border-color: #ccc
}
.hide-theme-light {
	display: none
}
.loading-bg {
	background: url(../images/loading.gif) center center no-repeat
}

/*#header-nav {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}*/
#header-logo {
	width: 189px;
	background: url(../images/logo.png) no-repeat	
}
#header-logo.dev-en {
	width: 343px;
	background: url(../images/logo-dev-en.png) no-repeat
}
#header-logo.dev-zh {
	width: 343px;
	background: url(../images/logo-dev-cn.png) no-repeat
}
#header-primary-nav.nav-dropdown2 {
	color: #000;
	position: absolute;
	right: 40px;
	bottom: 5px;
	padding-right: 10px;
	font-weight: 300
}
#header-primary-nav.nav-dropdown2>li>ul {
	background-color: #e8f2f4;
	background-color: #fff;
	background-color: rgba(255,255,255,.8)
}
#header-secondary-nav.nav-dropdown {
	top: 10px;
	font-weight: 300;
	height:32px;width:220px;margin-top: 13px;background:url("../images/h1.png") right center no-repeat;background-size:100%;
}

.footer {
	color: #fff
}

body, html {
	min-width: 1080px
}
.g-container {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
.g-container img{
	max-width:90%;
	width:expression(document.body.clientHeight>690?"690px":"auto"); /*IE 6*/
	text-align:center;
	margin:auto;
}
.g-row {
	zoom: 1;
	margin-left: -20px
}
.g-row:after, .g-row:before {
	content: "";
	display: table
}
.g-row:after {
	clear: both
}
.g-span-1, .g-span-10, .g-span-11, .g-span-12, .g-span-2, .g-span-3, .g-span-4, .g-span-5, .g-span-6, .g-span-7, .g-span-8, .g-span-9 {
	float: left;
	position: relative;
	margin-left: 20px
}
.g-span-1 {
	width: 70px
}
.g-offset-1 {
	margin-left: 110px
}
.g-span-2 {
	width: 160px
}
.g-offset-2 {
	margin-left: 200px
}
.g-span-3 {
	width: 250px
}
.g-offset-3 {
	margin-left: 290px
}
.g-span-4 {
	width: 340px
}
.g-offset-4 {
	margin-left: 380px
}
.g-span-5 {
	width: 430px
}
.g-offset-5 {
	margin-left: 470px
}
.g-span-6 {
	width: 520px
}
.g-offset-6 {
	margin-left: 560px
}
.g-span-7 {
	width: 610px
}
.g-offset-7 {
	margin-left: 650px
}
.g-span-8 {
	width: 700px
}
.g-offset-8 {
	margin-left: 740px
}
.g-span-9 {
	width: 790px
}
.g-offset-9 {
	margin-left: 830px
}
.g-span-10 {
	width: 880px
}
.g-offset-10 {
	margin-left: 920px
}
.g-span-11 {
	width: 970px
}
.g-offset-11 {
	margin-left: 1010px
}
.g-span-12 {
	width: 1060px
}
.g-offset-12 {
	margin-left: 1100px
}

.c-logo{
	margin-left: 8px
}
.modal .modal-content {
	background: #e6e6e6
}
.modal .close {
	color: #fff;
	background: #999
}
.modal h3 {
	color: #999
}
.pagination .active, .pagination a {
	border: 1px solid
}
.pagination .active {
	color: #ccc
}
.nav-dropdown .nav-btn, .nav-dropdown .nav-btn-dropdown a {
	color: #000
}
.nav-dropdown .nav-btn-dropdown a:focus, .nav-dropdown .nav-btn-dropdown a:hover, .nav-dropdown .nav-btn:focus, .nav-dropdown .nav-btn:hover, .nav-dropdown a.active {
	color: #00b4ff
}
.nav-dropdown>li>ul {
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.nav-dropdown .nav-btn {
	background: #fff
}
.nav-dropdown .nav-btn-dropdown {
	top: 8px;
	left: 0;
	right: 0
}
.nav-dropdown2 a {
	color: #000
}
.nav-dropdown2 a.active, .nav-dropdown2 a:focus, .nav-dropdown2 a:hover {
	color: #00b4ff
}
.nav-dropdown2>li>ul {
	background-color: #fff;
	background-color: rgba(255,255,255,.8)
}
.nav-dropdown2 .nav-btn {
	background: #fff
}
.nav-dropdown2 .nav-btn-dropdown {
	top: 8px;
	left: 0;
	right: 0
}
.api-doc, .api-doc td {
	color: #333
}
.api-doc .example, .api-doc .response, .api-doc .url {
	background: #eee;
	color: #444
}
.blog-comment-list, .blog-post-list article {
	border-bottom-color: #dbdbdb
}
.blog-comment-list .comment {
	border-top-color: #dbdbdb
}
.blog-comment-list .author, .blog-comment-list .date {
	color: #ccc
}
.dashboard-head {
	padding: 0
}
.dashboard-head a {
	font-size: 1.3em;
	line-height: 1.6em
}
.dashboard-head h1 {
	margin: 0
}
.dashboard-head .links-block {
	float: none
}
.dashboard-head .links {
	float: left;
	width: 50%
}
.dashboard-head .image {
	display: none
}
.dashboard-navbar {
	border-color: #00b4ff
}
/*! Copyright 2014 Megvii, Inc. All Rights Reserved. */
.demo-output .heading {
	color: #00b4ff
}
.demo-output .response, .demo-output .url {
	background: #f0f0f0;
	color: #676767
}
.demo-output pre {
	color: #a3a3a3
}
.demo-output pre .string {
	color: #484848
}
.demo-output pre .constant {
	color: #00b4ff;
	font-weight: 300
}
.demo-output .status-error {
	color: red
}
#url-btn {
	background-image: url(../../../img/demo-common/ok.png);
	background-position: center center;
	background-repeat: no-repeat
}
#url-btn:hover {
	background-image: url(../../../img/demo-common/ok-hover.png)
}


.home-hero .caption {
	background-color: #fff;
	background-color: rgba(255,255,255,.5)
}
.home-hero .caption h1 {
	color: #000
}