@charset "UTF-8"; 

@font-face {
	font-family: 'iconfont';
	src: url('fonts/iconfont.eot');
	src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf')
		format('truetype'), url('fonts/iconfont.svg#iconfont') format('svg')
}

.iconfont {
	font-family: "iconfont";
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	display: block;
	-webkit-text-stroke-width: .2px
} /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not ([controls] ){
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background: transparent
}

a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not (:root ){
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
	{
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
	padding: 0
}

@media print {
	* {
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important
	}
	a, a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr, img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
	select {
		background: #fff !important
	}
	.navbar {
		display: none
	}
	.table td, .table th {
		background-color: #fff !important
	}
	.btn>.caret, .dropup>.btn>.caret {
		border-top-color: #000 !important
	}
	.label {
		border: 1px solid #000
	}
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #f8f8f8;
	background-color: #fff;
	min-height: 98%;
	height: 98%
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #9bd0f6;
	text-decoration: none
}

a:hover, a:focus {
	color: #54aff0;
	text-decoration: underline
}

a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

figure {
	margin: 0
}

img {
	vertical-align: middle
}

hr {
	margin-top: 18px;
	margin-bottom: 18px;
	border: 0;
	border-top: 1px solid #eee
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 18px;
	margin-bottom: 9px
}

h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 9px;
	margin-bottom: 9px
}

h1, .h1 {
	font-size: 33px
}

h2, .h2 {
	font-size: 27px
}

h3, .h3 {
	font-size: 23px
}

h4, .h4 {
	font-size: 17px
}

h5, .h5 {
	font-size: 13px
}

h6, .h6 {
	font-size: 12px
}

p {
	margin: 0 0 9px
}

.lead {
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4
}

@media ( min-width :768px) {
	.lead {
		font-size: 19.5px
	}
}

small, .small {
	font-size: 92%
}

cite {
	font-style: normal
}

mark, .mark {
	background-color: rgba(229, 190, 86, 0.28);
	padding: .2em
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-warning {
	color: #fff
}

a.text-warning:hover {
	color: #e6e6e6
}

.page-header {
	padding-bottom: 8px;
	margin: 36px 0 18px;
	border-bottom: 1px solid #eee
}

ul, ol {
	margin-top: 0;
	margin-bottom: 9px
}

ul ul, ul ol, ol ul, ol ol {
	margin-bottom: 0
}

.list-unstyled, .list-inline {
	padding-left: 0;
	list-style: none
}

.list-inline {
	margin-left: -5px
}

.list-inline>li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px
}

abbr[title], abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #999
}

code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 3px
}

kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	box-shadow: none
}

pre {
	display: block;
	padding: 8.5px;
	margin: 0 0 9px;
	font-size: 12px;
	line-height: 1.42857143;
	word-break: break-all;
	word-wrap: break-word;
	color: #f8f8f8;
	background-color: rgba(51, 51, 51, 0.25);
	border: 1px solid rgba(51, 51, 51, 0.4);
	border-radius: 3px
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

.container:before, .container:after {
	content: " ";
	display: table
}

.container:after {
	clear: both
}

@media ( min-width :768px) {
	.container {
		width: 750px
	}
}

@media ( min-width :992px) {
	.container {
		width: 970px
	}
}

@media ( min-width :1200px) {
	.container {
		width: 1170px
	}
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

.container-fluid:before, .container-fluid:after {
	content: " ";
	display: table
}

.container-fluid:after {
	clear: both
}

.row {
	margin-left: -15px;
	margin-right: -15px
}

.row:before, .row:after {
	content: " ";
	display: table
}

.row:after {
	clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
	.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
	.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
	.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
	.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-3 {
	width: 25%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-6 {
	width: 50%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-9 {
	width: 75%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-12 {
	width: 100%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-offset-0 {
	margin-left: 0
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-12 {
	margin-left: 100%
}

@media ( min-width :768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
		.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
}

@media ( min-width :992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
		.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
}

@media ( min-width :1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
		.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left
	}
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-4 {
		width: 33.33333333%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: inherit;
	color: #fff;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold
}

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}

input[type="file"] {
	display: block
}

input[type="range"] {
	display: block;
	width: 100%
}

select[multiple], select[size] {
	height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus
	{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

output {
	display: block;
	padding-top: 6px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555
}

.form-control {
	display: block;
	width: 100%;
	height: 32px;
	padding: 5px 12px;
	font-size: 13px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #cecece;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-send {
	height: 30px
}

.form-pwd {
	background: url('../images-quick/login_pwd_ico.png') left 11px center no-repeat;
	padding-left: 42px;	
}

.form-user {
	background: url('../images-quick/login_user_ico.png') left 5px center no-repeat;
	padding-left: 42px;	
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}

textarea.form-control {
	height: auto
}

input[type="search"] {
	-webkit-appearance: none
}

input[type="date"], input[type="time"], input[type="datetime-local"],
	input[type="month"] {
	line-height: 30px;
	line-height: 1.428571429 \0
}

input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control,
	.input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon,
	.input-group-lg>.input-group-btn>input[type="date"].btn, input[type="time"].input-lg,
	.form-horizontal .form-group-lg input[type="time"].form-control,
	.input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon,
	.input-group-lg>.input-group-btn>input[type="time"].btn, input[type="datetime-local"].input-lg,
	.form-horizontal .form-group-lg input[type="datetime-local"].form-control,
	.input-group-lg>input[type="datetime-local"].form-control,
	.input-group-lg>input[type="datetime-local"].input-group-addon,
	.input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
	input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control,
	.input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon,
	.input-group-lg>.input-group-btn>input[type="month"].btn {
	line-height: 44px
}

.form-group {
	margin-bottom: 15px
}

.last-form-group {
	margin-bottom: 0
}

.form-group .distext {
	padding-left: 10px
}

.form-group p.accept-text {
	text-align: center
}

.form-group p.accept-text.invite-text {
	margin-bottom: 30px
}

.radio, .checkbox {
	position: relative;
	display: block;
	min-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px
}

.radio label, .checkbox label {
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"],
	.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px \9
}

.radio+.radio, .checkbox+.checkbox {
	margin-top: -5px
}

.radio-inline, .checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
	input[type="checkbox"][disabled], input[type="checkbox"].disabled,
	fieldset[disabled] input[type="checkbox"] {
	cursor: not-allowed
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
	.checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
	cursor: not-allowed
}

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label,
	fieldset[disabled] .checkbox label {
	cursor: not-allowed
}

.form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control,
	.input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon,
	.input-group-lg>.input-group-btn>.form-control-static.btn,
	.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control,
	.input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon,
	.input-group-sm>.input-group-btn>.form-control-static.btn {
	padding-left: 0;
	padding-right: 0
}

.input-lg, .form-horizontal .form-group-lg .form-control,
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon,
	.input-group-lg>.input-group-btn>.btn {
	height: 44px;
	padding: 10px 16px;
	font-size: 15px;
	line-height: 2;
	border-radius: 6px
}

select.input-lg, .form-horizontal .form-group-lg select.form-control,
	.input-group-lg>select.form-control, .input-group-lg>select.input-group-addon,
	.input-group-lg>.input-group-btn>select.btn {
	height: 44px;
	line-height: 44px
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control,
	.input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon,
	.input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg,
	.form-horizontal .form-group-lg select[multiple].form-control,
	.input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon,
	.input-group-lg>.input-group-btn>select[multiple].btn {
	height: auto
}

.input-lg+.form-control-feedback, .form-horizontal .form-group-lg .form-control+.form-control-feedback,
	.input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback,
	.input-group-lg>.input-group-btn>.btn+.form-control-feedback {
	width: 44px;
	height: 44px;
	line-height: 44px
}

@media ( min-width :768px) {
	.form-inline .form-group, .navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .form-control, .navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .input-group, .navbar-form .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
		.form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn,
		.form-inline .input-group .form-control, .navbar-form .input-group .form-control
		{
		width: auto
	}
	.form-inline .input-group>.form-control, .navbar-form .input-group>.form-control
		{
		width: 100%
	}
	.form-inline .control-label, .navbar-form .control-label {
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .radio, .navbar-form .radio, .form-inline .checkbox,
		.navbar-form .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label,
		.navbar-form .checkbox label {
		padding-left: 0
	}
	.form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
		.form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"]
		{
		position: relative;
		margin-left: 0
	}
	.form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback
		{
		top: 0
	}
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline,
	.form-horizontal .checkbox-inline {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 6px
}

.form-horizontal .radio, .form-horizontal .checkbox {
	min-height: 24px
}

.form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after
	{
	content: " ";
	display: table
}

.form-horizontal .form-group:after {
	clear: both
}

@media ( min-width :768px) {
	.form-horizontal .control-label {
		text-align: right;
		margin-bottom: 0;
		padding-top: 6px
	}
}

.form-horizontal .has-feedback .form-control-feedback {
	top: 0;
	right: 15px
}

@media ( min-width :768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top: 14.3px
	}
}

@media ( min-width :768px) {
	.form-horizontal .form-group-sm .control-label {
		padding-top: 5px
	}
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 50px;
	font-size: 13px;
	line-height: 1.42857143;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.btn:hover, .btn:focus {
	color: #fff;
	text-decoration: none
}

.btn:active, .btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-primary {
	color: #fff;
	background-color: #f0aa3c;
	border-color: #f0aa3c
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #f7a119;
	border-color: #f7a119
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle
	{
	background-image: none
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus,
	.btn-primary.disabled:active, .btn-primary.disabled.active,
	.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary,
	fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus,
	fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active
	{
	background-color: #618fb0;
	border-color: #5383a5
}

.btn-primary .badge {
	color: #618fb0;
	background-color: #fff
}

.btn-info {
	color: #fff;
	background-color: #4ab0ce;
	border-color: #36a7c8
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.open>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #3196b4;
	border-color: #297f98
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	background-image: none
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus,
	.btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled],
	.btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active,
	.btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover,
	fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active,
	fieldset[disabled] .btn-info.active {
	background-color: #4ab0ce;
	border-color: #36a7c8
}

.btn-info .badge {
	color: #4ab0ce;
	background-color: #fff
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block
	{
	width: 100%
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.dropdown {
	position: relative
}

.dropdown-toggle:focus {
	outline: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 13px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto
}

.dropdown-menu .divider {
	height: 1px;
	margin: 8px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #666;
	white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #fff;
	background-color: #618fb0
}

.dropdown-menu li i {
	display: inline-block;
	font-size: 16px
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
	{
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #618fb0
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover,
	.dropdown-menu>.disabled>a:focus {
	color: #999
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed
}

.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}

@media ( min-width :768px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto
	}
	.navbar-right .dropdown-menu-left {
		left: 0;
		right: auto
	}
}

.btn .caret {
	margin-left: 0
}

.btn-lg .caret, .btn-group-lg>.btn .caret {
	border-width: 5px 5px 0;
	border-bottom-width: 0
}

[data-toggle="buttons"]>.btn>input[type="radio"], [data-toggle="buttons"]>.btn>input[type="checkbox"]
	{
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.input-group[class*="col-"] {
	float: none;
	padding-left: 0;
	padding-right: 0
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.input-group-addon, .input-group-btn, .input-group .form-control {
	display: table-cell
}

.input-group-addon:not (:first-child ):not (:last-child ),
	.input-group-btn:not (:first-child ):not (:last-child ), .input-group .form-control:not
	(:first-child ):not (:last-child ){
	border-radius: 0
}

.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control,
	.input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn
	{
	padding: 10px 16px;
	font-size: 15px;
	border-radius: 6px;
	line-height: 2
}

.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav:before, .nav:after {
	content: " ";
	display: table
}

.nav:after {
	clear: both
}

.nav>li {
	position: relative;
	display: block
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #eee
}

.nav>li.disabled>a {
	color: #999
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
	color: #999;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #eee;
	border-color: #9bd0f6
}

.nav .nav-divider {
	height: 1px;
	margin: 8px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.nav>li>a>img {
	max-width: none
}

.nav-pills>li {
	float: left
}

.nav-pills>li>a {
	border-radius: 3px
}

.nav-pills>li+li {
	margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus
	{
	color: #fff;
	background-color: #618fb0
}

.nav-justified, .nav-tabs.nav-justified {
	width: 100%
}

.nav-justified>li, .nav-tabs.nav-justified>li {
	float: none
}

.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media ( min-width :768px) {
	.nav-justified>li, .nav-tabs.nav-justified>li {
		display: table-cell;
		width: 1%
	}
	.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
		margin-bottom: 0
	}
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 18px;
	border: 1px solid transparent
}

.navbar:before, .navbar:after {
	content: " ";
	display: table
}

.navbar:after {
	clear: both
}

@media ( min-width :768px) {
	.navbar {
		border-radius: 3px
	}
}

.navbar-nav {
	margin: 8px -15px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 18px
}

@media ( max-width :767px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header
		{
		padding: 5px 15px 5px 25px
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 18px
	}
	.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus
		{
		background-image: none
	}
}

@media ( min-width :768px) {
	.navbar-nav {
		float: left;
		margin: 0
	}
	.navbar-nav>li {
		float: left
	}
	.navbar-nav>li>a {
		padding-top: 16px;
		padding-bottom: 16px
	}
	.navbar-nav.navbar-right:last-child {
		margin-right: -15px
	}
}

@media ( min-width :768px) {
	.navbar-left {
		float: left !important
	}
	.navbar-right {
		float: right !important
	}
}

.navbar-form {
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px 15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0
		rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0
		rgba(255, 255, 255, 0.1);
	margin-top: 10px;
	margin-bottom: 10px
}

@media ( max-width :767px) {
	.navbar-form .form-group {
		margin-bottom: 5px
	}
}

@media ( min-width :768px) {
	.navbar-form {
		width: auto;
		border: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-form.navbar-right:last-child {
		margin-right: -15px
	}
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.pager {
	padding-left: 0;
	margin: 18px 0;
	list-style: none;
	text-align: center
}

.pager:before, .pager:after {
	content: " ";
	display: table
}

.pager:after {
	clear: both
}

.pager .nextstep {
	display: inline-block;
	font-size: 12px
}

.pager .complete {
	font-size: 12px;
	-webkit-text-stroke-width: 0
}

.pager .next>a, .pager .next>span {
	float: right
}

.pager .previous>a, .pager .previous>span {
	float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus,
	.pager .disabled>span {
	color: #eee;
	background-color: transparent;
	cursor: not-allowed
}

@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 40px 0
}

to {
	background-position: 0 0
}

}
.progress {
	overflow: hidden;
	height: 18px;
	margin-bottom: 18px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background-color: #618fb0;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	background: url('../images-quick/tab_arrow.png') center no-repeat;
}

.progress-striped .progress-bar, .progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15)
		50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%,
		rgba(0, 0, 0, 0));
	background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
	min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
	color: #999;
	min-width: 30px;
	background-color: transparent;
	background-image: none;
	box-shadow: none
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.modal-dialog {
	/**position: relative;**/
	width: auto;
	margin: 10px
}

@media ( max-width :768px) {
	.modal-dialog {
		width: 80%;
		margin: auto
	}
}

.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: 0
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857143px
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

@media ( min-width :768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
	}
	.modal-sm {
		width: 300px
	}
}

@media ( min-width :992px) {
	.modal-lg {
		width: 900px
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	visibility: visible;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity = 0)
}

.tooltip.in {
	opacity: .9;
	filter: alpha(opacity = 90)
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	border-radius: 3px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	right: 5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

@
-ms-viewport {
	width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
	display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block,
	.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
	.visible-md-block, .visible-md-inline, .visible-md-inline-block,
	.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
	display: none !important
}

@media ( max-width :767px) {
	.visible-xs {
		display: block !important
	}
	table.visible-xs {
		display: table
	}
	tr.visible-xs {
		display: table-row !important
	}
	th.visible-xs, td.visible-xs {
		display: table-cell !important
	}
}

@media ( max-width :767px) {
	.visible-xs-block {
		display: block !important
	}
}

@media ( max-width :767px) {
	.visible-xs-inline {
		display: inline !important
	}
}

@media ( max-width :767px) {
	.visible-xs-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm {
		display: block !important
	}
	table.visible-sm {
		display: table
	}
	tr.visible-sm {
		display: table-row !important
	}
	th.visible-sm, td.visible-sm {
		display: table-cell !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-block {
		display: block !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md {
		display: block !important
	}
	table.visible-md {
		display: table
	}
	tr.visible-md {
		display: table-row !important
	}
	th.visible-md, td.visible-md {
		display: table-cell !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-block {
		display: block !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :1200px) {
	.visible-lg {
		display: block !important
	}
	table.visible-lg {
		display: table
	}
	tr.visible-lg {
		display: table-row !important
	}
	th.visible-lg, td.visible-lg {
		display: table-cell !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-block {
		display: block !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-inline {
		display: inline !important
	}
}

@media ( min-width :1200px) {
	.visible-lg-inline-block {
		display: inline-block !important
	}
}

@media ( min-width :768px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

@media ( min-width :992px) and (max-width:1199px) {
	.hidden-md {
		display: none !important
	}
}

@media ( min-width :1200px) {
	.hidden-lg {
		display: none !important
	}
}

.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: .65
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.checkbox label::before {
	background: none;
	border-color: #aaa
}

.checkbox label::after {
	color: #eee
}

.checkbox-dark input[type="checkbox"]:checked+label::after {
	color: #666
}

.checkbox input[type="checkbox"]:disabled+label::before {
	opacity: .65;
	background-color: transparent;
	cursor: not-allowed
}

.checkbox input[type="checkbox"]:disabled+label::after {
	color: #eee;
	opacity: .65;
	cursor: not-allowed
}

a:focus {
	outline: none;
	text-decoration: none
}

ul, ol {
	margin: 0
}

hr {
	border-top: none
}

blockquote {
	border-left-color: rgba(51, 51, 51, 0.4)
}

blockquote.blockquote-sm {
	padding: 0 0 0 15px;
	font-size: 13px
}

blockquote p {
	font-size: inherit;
	margin-bottom: 9px
}

h1 {
	font-size: 35.75px
}

h2 {
	font-size: 29.25px
}

h3 {
	font-size: 22.75px
}

h4 {
	font-size: 16.25px
}

h5 {
	font-size: 13px
}

h6 {
	font-size: 11.05px
}

code, pre {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

label, input, button, select, textarea {
	font-weight: 300
}

legend small {
	color: #d2d2d2;
	font-size: 14px
}

.form-control {
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s
}

.form-control:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
	outline: 0
}

.form-control[type=search], .form-control.search {
	padding-left: 26px
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus
	{
	outline: none
}

.form-horizontal input+.help-block, .form-horizontal select+.help-block,
	.form-horizontal textarea+.help-block, .form-horizontal .uneditable-input+.help-block,
	.form-horizontal .input-prepend+.help-block, .form-horizontal .input-append+.help-block
	{
	margin-top: 4.5px
}

.form-group {
	margin-bottom: 18px
}

@media ( min-width :768px) {
	.form-horizontal.form-label-left .control-label {
		text-align: left
	}
}

.dropdown-menu {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.dropdown-menu>li>a {
	font-weight: 300
}

.btn:focus {
	outline: none
}

.btn {
	color: #fff;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn:hover, .btn:focus {
	color: #fff;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.08)
}

.btn.active:hover {
	color: #fff;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.btn.disabled, .pager .disabled button, .btn[disabled] {
	color: #fff
}

.btn .caret {
	border-top-color: #fff
}

.tab-content {
	overflow: auto
}

.nav {
	margin-bottom: 0
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #eee;
	border-color: transparent
}

.nav>li>a {
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
	color: black
}

.nav>li>div>button:hover, .nav>li>div>button:focus, .nav>li>div>button:visited,
	.nav>li>div>button:active {
	background-color: rgba(26, 26, 26, 0.4)
}

.nav>li>div>button>a {
	color: #fff
}

.nav>li.divider {
	display: inline-block;
	height: 38px;
	width: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.5),
		rgba(102, 102, 102, 0))
}

.nav>li.agents>div>ul:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(51, 51, 51, 0.85);
	position: absolute;
	border-radius: 0;
	top: -6px;
	right: 6px
}

.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus
	{
	background-color: rgba(51, 51, 51, 0);
	color: #d2d2d2
}

.nav>li>a.disabled:hover, .nav>li>a.disabled:focus, .nav .open>a.disabled,
	.nav .open>a.disabled:hover, .nav .open>a.disabled:focus {
	background-color: #f7a119;
	color: #fff
}

.nav-pills .dropdown-menu {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.nav-pills>li>a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/**background: rgba(51, 51, 51, 0.25)**/
	background: #fff
}

.nav-pills>li>a.disabled {
	cursor: default
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus
	{
	color: #fff;
	background: #f7a119
}

.nav-justified>li, .nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}

.navbar {
	margin: 0
}

.navbar .btn-navbar {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus
	{
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.navbar-nav {
	margin: -7px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 18px
}

@media ( max-width :767px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		margin: 2px 0 0;
		background-color: rgba(51, 51, 51, 0.85);
		border: 0;
		box-shadow: none
	}
}

.modal {
	color: #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
	color: #555
}

.modal-footer {
	background-color: #f5f5f5;
	border-radius: 0 0 6px 6px
}

.tooltip {
	font-size: 12px
}

.tooltip-inner {
	padding: 4px;
	white-space: nowrap
}

.list-group {
	margin-bottom: 0
}

.widget>.list-group {
	margin: -12px -17px
}

.widget .body>.list-group {
	margin: 0 -17px -12px
}

.widget .body>.list-group .list-group-item:first-child {
	border-top: 1px solid rgba(51, 51, 51, 0.25)
}

.list-group-item {
	border: none;
	-webkit-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out
}

.widget .list-group-item {
	background: none
}

.widget .list-group-item+.list-group-item {
	border-top: 1px solid rgba(51, 51, 51, 0.25)
}

.list-group-outer .list-group-item+.list-group-item {
	margin-top: 10px
}

.list-group-item>.fa-chevron-right {
	margin-top: 3px;
	margin-left: 6px;
	color: #ebebeb
}

.list-group-lg .list-group-item {
	padding: 15px 15px
}

.list-group:last-of-type .list-group-item:last-child {
	border-bottom: 0
}

.progress-sm {
	height: 10px;
	margin-bottom: 9px
}

.progress-xs {
	height: 5px;
	margin-bottom: 9px
}

html {
	min-height: 100%;
	height: 100%
}

body {
	font-weight: 300;
	font-family: "Open Sans", "Hiragino Sans GB", "Microsoft Yahei",
		sans-serif;
	/**background-color: rgba(53, 115, 137, 0.89);
	background-image: radial-gradient(10% 0, farthest-side ellipse, rgba(119, 157, 207, 0.8)
		30%, rgba(174, 180, 186, 0.8) 76%, rgba(199, 175, 156, 0.8));
	background-image: -webkit-radial-gradient(10% 0, farthest-side ellipse, rgba(119, 157, 207
		, 0.8) 30%, rgba(174, 180, 186, 0.8) 76%, rgba(199, 175, 156, 0.8));
	background-image: -moz-radial-gradient(10% 0, farthest-side ellipse, rgba(119, 157, 207,
		0.8) 30%, rgba(174, 180, 186, 0.8) 76%, rgba(199, 175, 156, 0.8))**/
}

body.background-dark {
	background-color: rgba(53, 115, 137, 0.89);
	background-image: radial-gradient(farthest-side ellipse at 10% 0, rgba(126, 159, 229, 0.8)
		30%, rgba(63, 109, 195, 0.8) 76%, rgba(50, 105, 168, 0.8));
	background-image: -webkit-radial-gradient(10% 0, farthest-side ellipse, rgba(126, 159, 229
		, 0.8) 30%, rgba(63, 109, 195, 0.8) 76%, rgba(50, 105, 168, 0.8));
	background-image: -moz-radial-gradient(10% 0, farthest-side ellipse, rgba(126, 159, 229,
		0.8) 30%, rgba(63, 109, 195, 0.8) 76%, rgba(50, 105, 168, 0.8))
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	color: white
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	color: #d2d2d2;
	font-weight: 300
}

h2 small {
	font-size: 16.25px;
	margin-left: 15px
}

ul ul, ol ul {
	list-style: none
}

ul, ol {
	list-style: none;
	padding: 0
}

iframe {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

fieldset {
	width: 100%;
	min-width: 0
}

form {
	margin-bottom: 0
}

a {
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

.btn {
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

.background1 {
	/**background-color: rgba(45, 101, 203, 0.89)**/
	background-color: #fff;
}

.background2 {
	background-color: rgba(144, 133, 79, 0.89)
}

.background3 {
	background-color: rgba(136, 79, 144, 0.89)
}

@
-moz-keyframes bg-attention { 0%{
	background-color: white
}

5%{
background-color
:
#fdfbf3
}
0%{
background-color
:transparent
}
}
@
-webkit-keyframes bg-attention { 0%{
	background-color: white
}

5%{
background-color
:
#fdfbf3
}
0%{
background-color
:transparent
}
}
@
keyframes bg-attention { 0%{
	background-color: white
}

5%{
background-color
:
#fdfbf3
}
0%{
background-color
:transparent
}
}
.bg-attention {
	-webkit-animation: bg-attention 10s;
	-o-animation: bg-attention 10s;
	animation: bg-attention 10s
}

.text-align-center {
	text-align: center
}

.text-align-right {
	text-align: right
}

.no-margin {
	margin: 0
}

.mt-xlg {
	margin-top: 40px
}

.mt-n-xlg {
	margin-top: -40px
}

.mt-lg {
	margin-top: 27px
}

.mt-n-lg {
	margin-top: -27px
}

.mt {
	margin-top: 18px
}

.mt-n {
	margin-top: 18px
}

.mt-md {
	margin-top: 18px
}

.mt-n-md {
	margin-top: -18px
}

.mt-sm {
	margin-top: 9px
}

.mt-n-sm {
	margin-top: -9px
}

.mt-xs {
	margin-top: 4.5px
}

.mt-n-xs {
	margin-top: -4.5px
}

.mt-0 {
	margin-top: 0
}

.mt-n-0 {
	margin-top: 0
}

.mb-xlg {
	margin-bottom: 40px
}

.mb-n-xlg {
	margin-bottom: -40px
}

.mb-lg {
	margin-bottom: 27px
}

.mb-n-lg {
	margin-bottom: -27px
}

.mb {
	margin-bottom: 18px
}

.mb-n {
	margin-bottom: 18px
}

.mb-md {
	margin-bottom: 18px
}

.mb-n-md {
	margin-bottom: -18px
}

.mb-sm {
	margin-bottom: 9px
}

.mb-n-sm {
	margin-bottom: -9px
}

.mb-xs {
	margin-bottom: 4.5px
}

.mb-n-xs {
	margin-bottom: -4.5px
}

.mb-0 {
	margin-bottom: 0
}

.mb-n-0 {
	margin-bottom: 0
}

.ml-lg {
	margin-left: 20px
}

.ml-n-lg {
	margin-left: -20px
}

.ml {
	margin-left: 15px
}

.ml-n {
	margin-left: 15px
}

.ml-md {
	margin-left: 15px
}

.ml-n-md {
	margin-left: -15px
}

.ml-sm {
	margin-left: 10px
}

.ml-n-sm {
	margin-left: -10px
}

.ml-xs {
	margin-left: 5px
}

.ml-n-xs {
	margin-left: -5px
}

.ml-0 {
	margin-left: 0
}

.ml-n-0 {
	margin-left: 0
}

.mr-lg {
	margin-right: 20px
}

.mr-n-lg {
	margin-right: -20px
}

.mr {
	margin-right: 15px
}

.mr-n {
	margin-right: 15px
}

.mr-md {
	margin-right: 15px
}

.mr-n-md {
	margin-right: -15px
}

.mr-sm {
	margin-right: 10px
}

.mr-n-sm {
	margin-right: -10px
}

.mr-xs {
	margin-right: 5px
}

.mr-n-xs {
	margin-right: -5px
}

.mr-0 {
	margin-right: 0
}

.mr-n-0 {
	margin-right: 0
}

.no-padding {
	padding: 0
}

.form-control.parsley-error, .form-control.parsley-error:focus {
	box-shadow: inset 0 0 3px #eac85e
}

.parsley-errors-list {
	font-size: 12px
}

.parsley-errors-list li {
	list-style: none;
	color: #eac85e
}

.logo {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	overflow: hidden;
	left: 0;
	right: auto;
	top: -45px;
	width: 140px;
	height: 116px;
	float: left;
	z-index: 1;
	display: block
}

@media ( min-height :940px) {
	.logo {
		position: fixed
	}
}

@media ( max-width :767px) {
	.logo {
		position: relative;
		width: auto;
		top: -60px
	}
}

.logo a {
	color: #fff;
	text-decoration: none;
	font-weight: normal
}

.logo strong {
	color: #fff
}

.logo:hover, .logo:focus {
	color: white
}

.wrap {
	min-height: 100%
}

.content-wrap {
	margin-left: 185px
}

@media ( max-width :767px) {
	.content-wrap {
		margin-left: 185px !important
	}
}

.content {
	padding: 30px 2.5641%;
	-webkit-transition: margin-top .35s ease, opacity .2s;
	-o-transition: margin-top .35s ease, opacity .2s;
	transition: margin-top .35s ease, opacity .2s;
	max-width: none;
	width: auto;
	opacity: 1;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #f7a119;
	background: #fff;
	box-shadow: 0 3px 11px rgba(0, 0, 0, 0.09);
}

.esign {
	margin-top: 45px;
	margin-left: 15%;
	width: 171px;
	height: 63px;
	background: url("https://esignweb.oss-cn-hangzhou.aliyuncs.com/img%2Flogo%2Fesign.png?v=3") left center no-repeat;
	background-size: 80%;
}
.thirdproject {
	margin-top: 60px;
	margin-left: 15%;
	width: 154px;
	height: 53px;
	background: url("") left center no-repeat;	
}

.content.hiding {
	opacity: 0
}

.widget {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cecece;
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 12px 17px;
	color: #f8f8f8;
	/**background: rgba(51, 51, 51, 0.4);**/
	margin-bottom: 30px;
	position: relative
}

.widget.normal {
	height: 220px
}

.widget.large {
	height: 315px
}

.widget.large .body {
	height: 280px
}

.widget.xlarge {
	height: 415px
}

.widget.xlarge .body {
	height: 380px
}

.widget.tiny {
	height: 188px
}

.widget.tiny-x2 {
	height: 426px
}

.widget.transparent {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.widget>header {
	position: relative;
	background: none
}

.widget>header h1, .widget>header h2, .widget>header h3, .widget>header h4,
	.widget>header h5 {
	margin: 0;
	line-height: 20px;
	font-weight: 600
}

.widget>header h1 small, .widget>header h2 small, .widget>header h3 small,
	.widget>header h4 small, .widget>header h5 small {
	text-transform: lowercase
}

.widget>header h4 {
	font-size: 14px
}

.widget .body {
	margin-top: 10px
}

.widget>footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 15px 0 0
}

.widget .actions {
	position: absolute;
	right: 0;
	top: -2px
}

.widget .actions a {
	text-decoration: none
}

.widget .widget-table-overflow {
	margin: 0 -17px -12px
}

a:hover, a:focus {
	text-decoration: none
}

.firNav_content {
	margin: 10px 5px;
	text-align: center;
	width: 80px
}

.firNav_icon {
	background-color: white;
	width: 80px;
	height: 80px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 16px;
	color: #aaa;
	margin-bottom: 5px
}

.firNav_icon>.iconfont {
	font-size: 50px;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black),
		to(rgba(0, 0, 0, 0.5)))
}

.firNav_icon>.iconfont:hover, .firNav_icon>.iconfont:focus {
	color: #aaa
}

.firNav_icon:hover, .firNav_icon:focus {
	background-color: rgba(255, 255, 255, 0.9);
	color: #aaa
}

.firNav_title {
	color: white
}

.popover-content>a:hover, .popover-content>a:visited {
	color: #ddd;
	background-color: rgba(0, 0, 0, 0.2)
}

.page-header {
	border: none;
	margin: 0 2.5641% 0;
	padding: 0;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.page-header .navbar {
	height: 43px;
	min-height: 40px;
	border: none
}

.page-header .goHome {
	color: rgba(51, 51, 51, 0.5);
	padding: 8px 0;
	width: 120px;
	height: 38px;
	background-color: transparent;
	border: 0;
	text-align: left
}

.page-header .goHome i {
	display: inline-block
}

@media ( max-width :760px) {
	.page-header .goHome {
		width: auto
	}
}

.page-header .goHome>.go_button {
	font-weight: bold;
	padding-right: 6px;
	font-size: 17px
}

@media ( max-width :560px) {
	.page-header .goHome>.go_button {
		display: none
	}
}

.page-header .goHome:hover, .page-header .goHome:focus {
	color: white
}

.page-header .go_img {
	width: 8px;
	margin-bottom: 3px
}

.page-header .goHome-content {
	width: 390px;
	padding: 20px 30px;
	display: none;
	position: absolute;
	left: 0;
	top: 43px;
	background-color: rgba(51, 51, 51, 0.85);
	border-radius: 3px !important;
	z-index: 99
}

@media ( max-width :768px) {
	.page-header .goHome-content {
		width: 270px
	}
}

.page-header button#goHome:focus {
	outline: none
}

.page-header .appOption {
	float: left;
	color: #f8f8f8;
	padding-top: 0;
	padding-left: 30px
}

.page-header .appOpt {
	font-family: "Open Sans", "Microsoft Yahei", sans-serif;
	font-size: 17px;
	padding-right: 6px;
	font-weight: bold
}

.page-header .navbar .nav li.dropdown.open>.dropdown-toggle,
	.page-header .navbar .nav li.dropdown.active>.dropdown-toggle,
	.page-header .navbar .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: transparent;
	color: rgba(51, 51, 51, 0.5)
}

.page-header .navbar .nav li.dropdown.open>.dropdown-toggle:hover,
	.page-header .navbar .nav li.dropdown.open>.dropdown-toggle:focus,
	.page-header .navbar .nav li.dropdown.active>.dropdown-toggle:hover,
	.page-header .navbar .nav li.dropdown.active>.dropdown-toggle:focus,
	.page-header .navbar .nav li.dropdown.open.active>.dropdown-toggle:hover,
	.page-header .navbar .nav li.dropdown.open.active>.dropdown-toggle:focus
	{
	color: #fff
}

.page-header .navbar .nav>li>a:focus, .page-header .navbar .nav>li>a:hover,
	.page-header .navbar .nav>.active>a, .page-header .navbar .nav>.active>a:hover,
	.page-header .navbar .nav>.active>a:focus {
	color: #fff
}

.page-header .navbar .nav>li>a:focus .arrow, .page-header .navbar .nav>.active>a:focus .arrow
	{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s
		ease-in-out, -o-transform 0.5s ease-in-out, transform 0.5s ease-in-out
}

.page-header .nav>li {
	position: relative;
	background: none;
	float: left;
	height: 38px
}

.page-header .nav>li>a {
	color: rgba(51, 51, 51, 0.5);
	width: 177px;
	padding: 0;
	padding-top: 5px;
	font-size: 19.5px;
	outline: 0;
	background: none;
	text-align: center;
	vertical-align: middle;
	text-shadow: none
}

.page-header .nav>li>a .arrow {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s
		ease-in-out, -o-transform 0.5s ease-in-out, transform 0.5s ease-in-out
}

.page-header .nav>li>a.hidden-btn {
	width: auto
}

.page-header .nav>li>a:hover {
	color: #fff
}

.page-header .nav>li .count {
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 9.1px;
	font-weight: normal;
	background: rgba(51, 51, 51, 0.55);
	color: rgba(255, 255, 255, 0.9);
	line-height: 1em;
	padding: 2px 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.page-header .nav>li.divider {
	display: block;
	height: 38px;
	width: 1px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	background:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(51, 51, 51,
		0)), color-stop(50%, rgba(51, 51, 51, 0.5)),
		color-stop(100%, rgba(102, 102, 102, 0)));
	background: -moz-linear-gradient(rgba(51, 51, 51, 0),
		rgba(51, 51, 51, 0.5), rgba(102, 102, 102, 0));
	background: -webkit-linear-gradient(rgba(51, 51, 51, 0),
		rgba(51, 51, 51, 0.5), rgba(102, 102, 102, 0));
	background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.5),
		rgba(102, 102, 102, 0))
}

.page-header .search-query {
	color: #f8f8f8;
	border: none;
	background: url(../img/search-white.png) 5px 5px no-repeat
		rgba(51, 51, 51, 0.4);
	padding-left: 26px;
	-webkit-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
	width: 200px
}

.page-header .search-query::-moz-placeholder {
	color: rgba(238, 238, 238, 0.76);
	opacity: 1
}

.page-header .search-query:-ms-input-placeholder {
	color: rgba(238, 238, 238, 0.76)
}

.page-header .search-query::-webkit-input-placeholder {
	color: rgba(238, 238, 238, 0.76)
}

.page-header .search-query:focus {
	width: 240px
}

.page-header .navbar-form {
	margin: 5px 15px 0 0;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.page-header .navbar-nav {
	margin: 0
}

.page-header .navbar .nav>li>.dropdown-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(51, 51, 51, 0.85);
	position: absolute;
	border-radius: 0;
	top: -6px;
	left: 6px
}

.page-header .navbar .pull-right>li>.dropdown-menu, .page-header .navbar .nav>li>.dropdown-menu.pull-right
	{
	left: auto;
	right: 0
}

.page-header .navbar .pull-right>li>.dropdown-menu:before, .page-header .navbar .nav>li>.dropdown-menu.pull-right:before
	{
	left: auto;
	right: 12px
}

.page-header .navbar .pull-right>li>.dropdown-menu:after, .page-header .navbar .nav>li>.dropdown-menu.pull-right:after
	{
	left: auto;
	right: 13px
}

.page-header .navbar .pull-right>li>.dropdown-menu .dropdown-menu,
	.page-header .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
	margin-top: 6px;
	left: 48px;
	right: 100%;
	margin-left: 0;
	margin-right: -1px;
	-moz-border-radius: 6px 0 6px 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 0 6px 6px
}

.page-title {
	color: #fff;
	font-weight: 300;
	line-height: 1;
	margin: 11px 0 18px
}

.page-title small {
	color: #d2d2d2
}

.messages {
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	border: none;
	color: #fff
}

.navbar .nav>li>.messages:before {
	border-bottom: none
}

.navbar .nav>li>.messages:after {
	border-bottom-color: rgba(51, 51, 51, 0.85)
}

.navbar .nav>li>.messages>li>a {
	color: #fff;
	padding: 8px 10px
}

.navbar .nav>li>.messages .see-all {
	padding: 5px 10px
}

.message img {
	float: left;
	width: 40px
}

.message .details {
	margin-left: 50px
}

.message .text {
	font-size: 12px;
	color: #ddd
}

.support {
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	border: none;
	color: #fff
}

.navbar .nav>li>.support:before {
	border-bottom: none
}

.navbar .nav>li>.support:after {
	border-bottom-color: rgba(51, 51, 51, 0.85)
}

.navbar .nav>li>.support>li>a {
	color: #fff;
	padding: 5px 10px
}

.navbar .nav>li>.support .see-all {
	padding: 5px 10px
}

.support-ticket .picture {
	float: left;
	text-align: center
}

.support-ticket .details {
	margin-left: 30px;
	font-size: 12px
}

.settings-popover {
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	border: none;
	color: #fff;
	width: 117px;
	font-size: 12px;
	left: -90px !important;
	top: 36px !important
}

.settings-popover.bottom .arrow {
	border-bottom-color: transparent;
	border-bottom: none;
	top: -13px;
	margin-left: 0;
	left: auto;
	right: -4px
}

.settings-popover.bottom .arrow:after {
	border-bottom-color: rgba(51, 51, 51, 0.85);
	border-width: 6px
}

.settings-popover .btn-group {
	margin-top: 0
}

.settings-popover .btn-sm, .settings-popover .btn-group-sm>.btn {
	padding: 0 7px
}

.setting {
	font-weight: normal
}

.setting+.setting {
	margin-top: 5px
}

.account {
	margin-top: 25px !important;
	width: 150px;
	background: rgba(51, 51, 51, 0.85);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px !important;
	border: none;
	color: #fff;
	left: 17px
}

.navbar .nav>li>.account:before {
	border-bottom: none
}

.navbar .nav>li>.account:after {
	border-bottom-color: rgba(51, 51, 51, 0.85)
}

.account:before {
	border-bottom: none
}

.account:after {
	border-bottom-color: rgba(51, 51, 51, 0.85)
}

.account>li>a {
	color: #fff
}

.account-picture {
	padding: 5px 10px;
	font-weight: normal
}

.account-picture img {
	width: 50px;
	margin-right: 5px
}

.account>li>a {
	padding: 7px 10px
}

.btn-transparent {
	background: rgba(51, 51, 51, 0.4);
	color: #fff;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-transparent:hover {
	background: rgba(51, 51, 51, 0.5);
	color: #fff
}

.btn-transparent.active {
	color: #fff;
	background: rgba(51, 51, 51, 0.55)
}

.btn-transparent.active:hover {
	background: rgba(51, 51, 51, 0.55)
}

.btn-transparent .caret {
	border-top-color: #f8f8f8
}

.btn-white {
	background: none;
	border: 2px solid #fff
}

.btn-disabled {
	cursor: not-allowed
}

legend+.control-group {
	margin-top: 1.42857143;
	-webkit-margin-top-collapse: separate
}

.form-condensed .control-label {
	width: 100px
}

.form-condensed .controls {
	margin-left: 120px
}

.section {
	font-size: 14px;
	color: #d2d2d2;
	vertical-align: middle;
	line-height: 30px;
	padding: 10px 0 0
}

.section small {
	font-size: 12px;
	color: #d2d2d2;
	font-weight: bold
}

.controls+.controls {
	margin-top: 10px
}

.help-block {
	font-size: 12px
}

.form-control.input-transparent {
	border: none;
	color: #f8f8f8;
	background-color: rgba(51, 51, 51, 0.4)
}

.form-control.input-transparent::-moz-placeholder {
	color: rgba(238, 238, 238, 0.76);
	opacity: 1
}

.form-control.input-transparent:-ms-input-placeholder {
	color: rgba(238, 238, 238, 0.76)
}

.form-control.input-transparent::-webkit-input-placeholder {
	color: rgba(238, 238, 238, 0.76)
}

.form-control.input-transparent:focus {
	color: #f8f8f8
}

.form-control.input-transparent[disabled], .form-control.input-transparent[readonly],
	fieldset[disabled] .form-control.input-transparent {
	background-color: rgba(77, 77, 77, 0.4)
}

.form-wizard .progress {
	margin-bottom: 10px
}

.form-wizard .tab-pane {
	margin-top: 40px;
	margin-bottom: 40px
}

.form-wizard .previous {
	display: none
}

.wizard-navigation {
	margin-bottom: 5px
}

.wizard-navigation a {
	color: #f8f8f8
}

.widget-tabs {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0
}

.widget-tabs .body {
	background: rgba(51, 51, 51, 0.4);
	margin-top: 0;
	padding: 12px 17px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0;
	border-radius: 0 0 3px 3px
}

.widget-tabs .nav-tabs {
	border-bottom: none
}

.widget-tabs .nav>li>a {
	padding: 7px 12px;
	color: #f8f8f8
}

.widget-tabs .nav>li.active {
	margin-bottom: 0
}

.widget-tabs .nav>li.active>a {
	border-color: transparent;
	background: rgba(51, 51, 51, 0.4)
}

.widget-tabs .nav>li.active>a:hover {
	color: #f8f8f8
}

.widget-tabs .nav>li.active>.tabItem {
	background: rgba(51, 51, 51, 0.4) !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}

.widget-tabs .nav>li:not (.active )>a {
	background: rgba(51, 51, 51, 0.4);
	border-bottom: none
}

.widget-tabs .nav>li:not (.active )>a:hover {
	background: rgba(26, 26, 26, 0.4);
	border-color: transparent
}

.widget-tabs .nav>li:first-child>a {
	border-left: none
}

.widget:not(.widget-tabs ) .tab-content {
	padding: 10px;
	border: none;
	border-top: none;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0;
	border-radius: 0 0 3px 3px;
	overflow: hidden
}

.widget:not(.widget-tabs ) .tabs-below .tab-content {
	border-bottom: none;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0
}

.widget:not(.widget-tabs ) .tabs-left .tab-content {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0;
	border-radius: 0 3px 3px 0
}

.widget:not(.widget-tabs ) .tabs-right .tab-content {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px 0 0 3px
}

.tab-header {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 14px
}

.progress-small {
	height: 6px
}

.progress-inverse .bar, .progress .progress-bar-inverse {
	color: #555;
	background-color: #f8f8f8;
	/**background-image: -webkit-linear-gradient(top, #f8f8f8 0, #f8f8f8 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0, #f8f8f8 100%);
	background-image: linear-gradient(to bottom, #f8f8f8 0, #f8f8f8 100%);
	background-repeat: repeat-x;**/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8',
		endColorstr='#FFF8F8F8', GradientType=0);
	float: left;
	height: 100%;
}

.progress-inverse.progress-striped .bar, .progress-striped .progress-bar-inverse
	{
	background-image: -webkit-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent
		50%, #f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, #f8f8f8 25%, transparent 25%, transparent 50%,
		#f8f8f8 50%, #f8f8f8 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, #f8f8f8 25%, rgba(0, 0, 0, 0)
		25%, rgba(0, 0, 0, 0) 50%, #f8f8f8 50%, #f8f8f8 75%, rgba(0, 0, 0, 0)
		75%, rgba(0, 0, 0, 0))
}

.modal img {
	max-width: 100%
}

.text-align-center {
	text-align: center
}

.text-align-right {
	text-align: right
}

.well-white {
	background: rgba(255, 255, 255, 0.2)
}

.margin-top {
	margin-top: 10px
}

.margin-bottom {
	margin-bottom: 10px
}

.no-margin {
	margin: 0 !important
}

.weight-normal {
	font-weight: normal
}

.visible-phone-landscape {
	display: none !important
}

.background-danger {
	background: #e5603b;
	color: white
}

.background-warning {
	background: #eac85e;
	color: white
}

.background-success {
	background: #56bc76;
	color: white
}

.background-primary {
	background: #618fb0;
	color: white
}

.background-info {
	background: #4ab0ce;
	color: white
}

.background-lime {
	background: #8cbf26;
	color: white
}

.loader {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.loader .spinner {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -10px;
	font-size: 20px;
	text-align: center
}

.loader-wrap {
	position: fixed;
	left: 0;
	right: 0;
	top: 70px;
	bottom: 0;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

@media ( min-width :1049px) {
	.loader-wrap {
		margin-left: 185px
	}
	.sidebar-on-right .loader-wrap {
		margin-right: 185px;
		margin-left: 0
	}
}

@media ( min-width :768px) and (max-width:1048px) {
	.loader-wrap {
		margin-left: 62px
	}
	.sidebar-on-right .loader-wrap {
		margin-right: 62px;
		margin-left: 0
	}
}

.sidebar-hidden .loader-wrap {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.loader-wrap.hiding {
	opacity: 0
}

.loader-wrap .fa {
	position: absolute;
	top: 50%;
	line-height: 30px;
	margin-top: -85px;
	font-size: 18px;
	vertical-align: middle
}

.attention {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.bg-addition {
	background-color: rgba(51, 51, 51, 0.25) !important
}

ul.text-list, ol.text-list {
	margin-bottom: 9px;
	padding-left: 40px
}

ul.text-list {
	list-style: disc
}

ol.text-list {
	list-style: decimal
}

@media ( max-width :320px) {
	.hidden-xs-portrait {
		display: none !important
	}
}

@media ( min-width :768px) {
	.sidebar-hidden .sidebar {
		display: none
	}
}

@media ( max-width :767px) {
	.sidebar.nav-collapse, .sidebar.nav-collapse.collapse {
		height: 0
	}
	.sidebar.nav-collapse.collapse.in {
		height: auto
	}
	body {
		padding-left: 20px;
		padding-right: 20px
	}
	.page-title {
		margin-top: 6px
	}
	.sidebar, .sidebar-on-right .sidebar {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 90px 5%;
		width: 90%;
		padding: 0
	}
	.sidebar .side-nav, .sidebar-on-right .sidebar .side-nav {
		margin: 10px 0
	}
	.sidebar+.wrap, .sidebar-on-right .sidebar+.wrap {
		margin-left: 0;
		margin-right: 0
	}
	.nv-controlsWrap {
		display: none
	}
	.logo, .sidebar-on-right .logo, .sidebar-hidden .logo {
		display: block;
		left: 1.6%;
		right: auto;
		padding-right: 5px;
		width: 40px;
		top: 4px
	}
	.modal-body {
		max-height: 1000px;
		padding-top: 30px
	}
	.widget-404-search, .widget-404 {
		width: 402px
	}
	.widget-404 {
		padding: 0
	}
	.widget-404 .body {
		margin-top: 0
	}
	.single-widget-container .widget-404-search {
		margin-top: 0
	}
	.single-widget-container .widget-404-search .search-field {
		width: 285px
	}
	.single-widget-container.error-page {
		margin-top: -170px
	}
	.navbar .nav>li>.dropdown-menu.messages, .navbar .nav>li>.dropdown-menu.support
		{
		margin-right: -68px
	}
	.navbar .nav>li>.dropdown-menu.messages:after, .navbar .nav>li>.dropdown-menu.support:after
		{
		right: 85px
	}
	.notifications {
		position: absolute;
		right: 0;
		top: 46px;
		margin: 0;
		-webkit-transition: top .3s ease;
		-o-transition: top .3s ease;
		transition: top .3s ease
	}
	.mailbox .folder-title {
		float: none
	}
	.mailbox .form-search {
		margin-top: 9px
	}
	.mailbox .form-search label {
		display: block
	}
	.mailbox .form-search .input-search {
		width: 100%;
		height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.mailbox .form-search .input-search:hover {
		width: 100%
	}
	.mailbox-content {
		margin-top: 0
	}
	.client-details {
		text-align: left
	}
	.landing .logo {
		width: auto
	}
	.landing .logo small {
		display: none
	}
	.landing .features+.features {
		margin-top: 0
	}
	.landing .feature {
		margin-bottom: 20px
	}
	.carousel-landing {
		height: 215px;
		margin-bottom: -24px
	}
	.carousel-landing h1 {
		font-size: 20px
	}
}

@media ( max-width :480px) {
	.sidebar, .sidebar-on-right .sidebar {
		margin: 90px 2.5641%;
		width: 94.8718%
	}
	.form-condensed .controls {
		margin-left: 0
	}
	.form-horizontal .control-label {
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left
	}
	.form-horizontal .controls {
		margin-left: 0
	}
	.form-horizontal .control-list {
		padding-top: 0
	}
	.form-horizontal .form-actions {
		padding-left: 10px;
		padding-right: 10px
	}
	body {
		padding-left: 13px;
		padding-right: 13px
	}
	.login-widget, .registration-widget {
		width: 260px
	}
	.widget-404-search, .widget-404 {
		width: 260px
	}
	.widget-404 h1 {
		font-size: 80px;
		line-height: 80px
	}
	.widget-404 h3 {
		font-size: 16.25px;
		line-height: 20px
	}
	.single-widget-container .widget-404-search {
		margin-top: 0
	}
	.single-widget-container .widget-404-search .search-field {
		width: 143px
	}
	.single-widget-container.error-page {
		margin-top: -129px
	}
	.navbar .nav>li>.dropdown-menu.messages {
		margin-right: -112px
	}
	.navbar .nav>li>.dropdown-menu.messages:after {
		right: 129px
	}
	.chat-footer .btn {
		padding: 4px 0
	}
	.page-header .navbar-form {
		margin: 10px 0 0;
		width: 100%;
		overflow: hidden;
		height: 0;
		-webkit-transition: height .3s ease;
		-o-transition: height .3s ease;
		transition: height .3s ease
	}
	.page-header .search-query {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.page-header .search-query:focus {
		width: 100%
	}
	.visible-phone-landscape {
		display: block !important
	}
	.hidden-phone-landscape {
		display: none !important
	}
}

.nav-email-folders>li>a {
	color: #eee;
	font-weight: 400;
	background-color: transparent
}

.nav-email-folders>li>a:hover {
	background-color: rgba(51, 51, 51, 0.25);
	color: #f8f8f8
}

.nav-email-folders>li>a>.glyphicon {
	margin-right: 5px
}

.nav-email-folders>li>a>.fa-circle {
	margin-top: 3px
}

.nav-email-folders>li>a>.badge {
	background-color: #e5603b;
	font-weight: 600
}

.nav-email-folders>li.active>a, .nav-email-folders>li.active>a:hover,
	.nav-email-folders>li.active>a:focus {
	background-color: rgba(51, 51, 51, 0.25);
	color: #f8f8f8;
	font-weight: 600
}

.nav-email-folders>li.active>a>.badge, .nav-email-folders>li.active>a:hover>.badge,
	.nav-email-folders>li.active>a:focus>.badge {
	color: #555
}

.widget-email-count {
	display: inline-block;
	margin: 0;
	font-size: 12px;
	color: #d2d2d2;
	line-height: 29px
}

.widget-email-count+.widget-email-pagination {
	margin-left: 10px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	border-radius: 0;
	vertical-align: -9px
}

.widget-email-pagination {
	margin: 0
}

.single-widget-container {
	left: 0;
	top: 35%;
	position: absolute;
	width: 100%
}

.single-widget-container .widget {
	margin: 0 auto
}

@media ( max-width :1199px) {
	.single-widget-container {
		top: 25%
	}
}

@media ( max-width :767px) {
	.single-widget-container {
		top: 10%
	}
}

@media ( max-width :480px) {
	.single-widget-container {
		top: 25%
	}
}

@media print {
	hr {
		border-bottom-color: #999
	}
	blockquote {
		border-top: none;
		border-right: none;
		border-bottom: none
	}
	.sidebar {
		display: none
	}
	.wrap {
		margin: 0
	}
	.page-header {
		display: none
	}
	.logo {
		position: static;
		width: auto
	}
	.table, .table td, .table th {
		background: #fff !important;
		border: none !important
	}
	.table td {
		border-top: 1px solid #999 !important
	}
	.hidden-print {
		display: none !important
	}
	.client-details {
		text-align: right
	}
	.col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5,
		.col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10,
		.col-print-11 {
		float: left
	}
	.col-print-1 {
		width: 8.33333333%
	}
	.col-print-2 {
		width: 16.66666667%
	}
	.col-print-3 {
		width: 25%
	}
	.col-print-4 {
		width: 33.33333333%
	}
	.col-print-5 {
		width: 41.66666667%
	}
	.col-print-6 {
		width: 50%
	}
	.col-print-7 {
		width: 58.33333333%
	}
	.col-print-8 {
		width: 66.66666667%
	}
	.col-print-9 {
		width: 75%
	}
	.col-print-10 {
		width: 83.33333333%
	}
	.col-print-11 {
		width: 91.66666667%
	}
	.col-print-12 {
		width: 100%
	}
	.col-print-push-0 {
		left: auto
	}
	.col-print-push-1 {
		left: 8.33333333%
	}
	.col-print-push-2 {
		left: 16.66666667%
	}
	.col-print-push-3 {
		left: 25%
	}
	.col-print-push-4 {
		left: 33.33333333%
	}
	.col-print-push-5 {
		left: 41.66666667%
	}
	.col-print-push-6 {
		left: 50%
	}
	.col-print-push-7 {
		left: 58.33333333%
	}
	.col-print-push-8 {
		left: 66.66666667%
	}
	.col-print-push-9 {
		left: 75%
	}
	.col-print-push-10 {
		left: 83.33333333%
	}
	.col-print-push-11 {
		left: 91.66666667%
	}
	.col-print-pull-0 {
		right: auto
	}
	.col-print-pull-1 {
		right: 8.33333333%
	}
	.col-print-pull-2 {
		right: 16.66666667%
	}
	.col-print-pull-3 {
		right: 25%
	}
	.col-print-pull-4 {
		right: 33.33333333%
	}
	.col-print-pull-5 {
		right: 41.66666667%
	}
	.col-print-pull-6 {
		right: 50%
	}
	.col-print-pull-7 {
		right: 58.33333333%
	}
	.col-print-pull-8 {
		right: 66.66666667%
	}
	.col-print-pull-9 {
		right: 75%
	}
	.col-print-pull-10 {
		right: 83.33333333%
	}
	.col-print-pull-11 {
		right: 91.66666667%
	}
	.col-print-offset-0 {
		margin-left: 0
	}
	.col-print-offset-1 {
		margin-left: 8.33333333%
	}
	.col-print-offset-2 {
		margin-left: 16.66666667%
	}
	.col-print-offset-3 {
		margin-left: 25%
	}
	.col-print-offset-4 {
		margin-left: 33.33333333%
	}
	.col-print-offset-5 {
		margin-left: 41.66666667%
	}
	.col-print-offset-6 {
		margin-left: 50%
	}
	.col-print-offset-7 {
		margin-left: 58.33333333%
	}
	.col-print-offset-8 {
		margin-left: 66.66666667%
	}
	.col-print-offset-9 {
		margin-left: 75%
	}
	.col-print-offset-10 {
		margin-left: 83.33333333%
	}
	.col-print-offset-11 {
		margin-left: 91.66666667%
	}
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle
	{
	background: rgba(26, 26, 26, 0.4)
}

.icon-alert {
	font-size: 19px
}

.conMess {
	position: absolute;
	top: -109px;
	width: 226px;
	height: 106px;
	font-family: "Open Sans", "Hiragino Sans GB", "Microsoft Yahei",
		sans-serif;
	font-size: 13px;
	display: none
}

.conList {
	width: 190px;
	height: 200px;
	top: -92px
}

.icon-alert:hover .conMess {
	display: block
}

.cpuchart:hover .cputrend, .cpuchart:hover .contenttrend, .cpuchart:hover .trend1
	{
	display: block
}

.trend1 {
	position: relative
}

.page-title:hover .dash-edit {
	display: inline-block
}

.dash-edit {
	font-size: 18px;
	color: rgba(51, 51, 51, 0.5);
	display: none
}

.widget-mob:hover .mob_dashboard {
	display: inline-block
}

.mob_dashboard {
	color: rgba(255, 255, 255, 0.45);
	font-size: 14px;
	float: right;
	display: none
}

.mob_dashboard:hover {
	color: rgba(255, 255, 255, 0.6)
}

.userlist {
	padding-left: 27px;
	color: #555;
	list-style: inherit
}

.altSection {
	color: white
}

.altValue {
	width: 80px;
	text-align: left;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 12px
}

.altName {
	text-align: left
}

.altUser {
	padding-top: 7px;
	padding-bottom: 15px
}

.inner-widget {
	margin-bottom: 20px
}

.inner-widget {
	margin-bottom: 20px
}

.well-cos {
	margin: 0;
	padding-top: 0;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}

.tre:hover, .tre:focus {
	background: rgba(51, 51, 51, 0.25)
}

.tre1, .tre2, .tre3 {
	background: rgba(51, 51, 51, 0.25)
}

.tre1:hover, .tre1:focus, .tre2:hover, .tre2:focus, .tre3:hover, .tre3:focus
	{
	background: rgba(51, 51, 51, 0.4)
}

.settingBox {
	width: 310px;
	position: absolute;
	right: 18px;
	top: 57px;
	z-index: 1
}

.linkk {
	color: white;
	text-decoration: underline
}

.linkk:hover, .linkk:focus, .linkk:active, .linkk:visited {
	color: white;
	text-decoration: underline
}

.modal .widget-tabs .nav-tabs {
	border-bottom: 1px solid #ddd
}

.modal .widget-tabs .nav-tabs li {
	margin-bottom: -1px
}

.modal .nav-tabs>li>a {
	border: 1px solid transparent;
	background-color: #fff
}

.modal .widget-tabs .nav>li:not (.active )>a {
	border: 1px solid transparent;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-weight: 400
}

.modal .nav-tabs>li.active>a, .modal .nav-tabs>li.active>a:hover, .modal .nav-tabs>li.active>a:focus
	{
	color: #666;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	font-weight: 400
}

.modal .tab-content {
	color: #666;
	background-color: #fff
}

.modal-trash {
	width: 400px
}

td {
	vertical-align: middle !important;
	text-align: left !important
}

.radioSer label::before {
	margin-top: 10px;
	margin-bottom: 10px
}

.radioSer label::after {
	margin-top: 10px;
	margin-bottom: 10px
}

.cputrend {
	width: 300px;
	position: absolute;
	top: -170px;
	right: 5%;
	overflow: hidden;
	display: none
}

.contenttrend {
	width: 300px;
	position: absolute;
	top: -170px;
	right: -5%;
	overflow: hidden;
	display: none
}

.warmtime {
	text-align: left !important;
	padding-left: 0 !important;
	padding-right: 0;
	vertical-align: middle !important
}

.warmicon {
	text-align: left !important;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle !important
}

.sortedth {
	cursor: pointer
}

.sortedtext {
	text-decoration: underline;
	text-align: left;
	color: #fff
}

.sortedtext:hover, .sortedtext:focus {
	text-decoration: underline;
	text-align: left;
	color: #fff
}

.sortedup {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	margin-left: .3em;
	border: 0;
	content: "";
	font: 15px FontAwesome
}

.sortedup:before {
	content: "\f0d8"
}

.sorteddown {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	margin-left: .3em;
	border: 0;
	content: "";
	font: 15px FontAwesome
}

.sorteddown:before {
	content: "\f0d7"
}

.trace-item {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 13px;
	min-height: 20px
}

.traceList {
	cursor: pointer;
	display: block;
	height: 35px;
	margin: 6px 0 -3px 0;
	padding: 8px 10px 4px 10px;
	color: #f8f8f8;
	text-decoration: none;
	background: rgba(51, 51, 51, 0.4);
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.traceList:hover, .traceList:focus, .traceList:active, .traceList:visited
	{
	background: rgba(51, 51, 51, 0.5)
}

.bar-graph {
	height: 35px;
	width: 70%;
	zoom: 1;
	background-color: rgba(0, 0, 0, 0.47);
	border-radius: 3px 0 0 3px;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}

.bar-text {
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 10;
	position: relative;
	text-align: left;
	line-height: 1.7
}

.trace_value {
	margin-top: 2px;
	line-height: 20px;
	font-size: 12px;
	padding: 0 10px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	position: relative;
	z-index: 9
}

.trace_value a {
	cursor: pointer
}

.radio1 {
	width: 48px;
	display: inline-block
}

.checkbox0 {
	width: 61px;
	display: inline-block
}

.checkbox1 {
	width: 71px;
	display: inline-block
}

.checkbox2 {
	color: rgba(51, 51, 51, 0.5);
	width: 225px;
	display: inline-block
}

.label1 {
	margin-right: 10px
}

.label2 {
	margin-right: 10px
}

.btn-choose-group {
	position: absolute;
	top: 87px;
	right: 5%
}

.btn-report {
	color: #fff;
	background-color: transparent;
	padding: 3px 7px 1px 7px;
	border-color: #aaa
}

.btn-report:hover, .btn-report:focus, .btn-report:active, .btn-report:visited
	{
	opacity: .65
}

.btn-refresh {
	color: #56bc76;
	background-color: transparent;
	margin-right: 10px;
	margin-left: 10px;
	padding: 3px 7px 1px 7px;
	border-color: #56bc76
}

.btn-refresh:hover, .btn-refresh:focus, .btn-refresh:active,
	.btn-refresh:visited {
	color: #56bc76;
	opacity: .65
}

.btn-choose {
	background-color: transparent;
	border: none;
	color: white;
	text-decoration: underline
}

.btn-choose:hover, .btn-choose:focus, .btn-choose:active, .btn-choose:visited
	{
	box-shadow: none;
	text-decoration: underline
}

.btn-trash {
	background-color: transparent;
	border: none;
	padding: 0
}

button.btn.dropdown-toggle.btn-choose {
	box-shadow: none;
	-webkit-box-shadow: none
}

.iconfont {
	font-family: "iconfont";
	font-size: 40px;
	font-style: normal
}

.icon-side {
	display: inline-block;
	float: left;
	margin-right: 15px;
	width: 16px;
	line-height: 20px;
	font-size: 14px;
	opacity: .4;
	text-align: right;
	font-weight: 300
}

.icon1 {
	font-size: 19px
}

.icon1.success {
	color: #56bc76
}

.icon1.danger {
	color: #e5603b
}

.icon1.warning {
	color: #eac85e
}

.icon2 {
	font-size: 12px
}

.icon2.success {
	color: #56bc76
}

.icon2.outdate {
	color: #eac85e
}

.icon2.danger {
	color: #e5603b
}

.icon2.wait {
	color: #4a7993
}

.icon2.trash {
	font-size: 19px;
	color: #9f9f9f
}

.icon2.trash:hover, .icon2.trash:focus, .icon2.trash:active, .icon2.trash:visited
	{
	color: white
}

.icon2.setting {
	font-size: 14px;
	color: #9f9f9f
}

.icon2.setting:hover, .icon2.setting:focus, .icon2.setting:active,
	.icon2.setting:visited {
	color: white
}

.setting-converse {
	color: #666;
	cursor: pointer
}

.setting-converse:hover {
	color: rgba(102, 102, 102, 0.7)
}

.icon2.expand {
	cursor: pointer;
	font-size: 12px;
	color: #9f9f9f
}

.icon2.expand:hover, .icon2.expand:focus, .icon2.expand:active, .icon2.expand:visited
	{
	color: white
}

.icon2-dd {
	font-size: 12px;
	float: right;
	margin: 0 -4px 0 5px
}

.icon-inline {
	display: inline-block;
	font-size: 12px !important;
	margin-left: 2px;
	margin-right: 2px
}

.icon3 {
	font-size: 21px
}

.iconplus {
	display: none;
	font-weight: bold;
	color: #3c3c3c;
	position: absolute;
	left: 43px;
	top: 31px;
	font-size: 34px
}

.iconplus:hover, .iconplus:focus {
	color: #767676;
	cursor: pointer
}

.iconlogo {
	font-size: 70px;
	line-height: 163px;
	margin-left: 40px;
	color: rgba(51, 51, 51, 0.5)
}

@media ( max-width :768px) {
	.iconlogo {
		line-height: .4;
		margin-left: 5px
	}
}

.iconlogo:hover, .iconlogo:focus {
	color: white
}

li.dd-item:hover {
	background-color: rgba(51, 51, 51, 0.1)
}

.tabItem {
	color: white !important;
	background-color: transparent !important
}

.tabItem:hover {
	background: rgba(0, 0, 0, 0.1) !important
}

.tabItem:visited, .tabItem:active, .tabItem .active {
	background: rgba(51, 51, 51, 0.4) !important
}

a.tabIcon {
	padding: 3px 9px !important
}

.btn-hollow {
	float: right;
	background-color: transparent;
	color: #56bc76
}

.btn-hollow:hover, .btn-hollow:focus {
	background-color: #56bc76;
	border-color: #56bc76;
	color: white;
	box-shadow: none;
	-webkit-box-shadow: none
}

.btn-reply {
	float: left;
	background-color: transparent;
	color: #fff;
	border: solid 1px #fff;
	padding: 0 6px;
	margin-right: 13px;
	transition: border-color .2s
}

.btn-reply:hover, .btn-reply:focus {
	opacity: .65;
	border: solid 1px #fff;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none
}

.appItem {
	color: #9bd0f6
}

.headOne {
	text-align: center;
	width: 80%;
	margin: auto
}

.headOneIcon {
	display: inline-block;
	margin: 40px auto
}

.login {
	display: inline-block;
	padding-left: 90%
}

.login-logo {
	line-height: 108px
}

.home-button {
	text-align: center
}

.loginButton {
	position: relative;
	height: 33px;
	line-height: 35px;
	color: #56bc76;
	float: right;
	margin-top: -40px;
	margin-right: 10px;
	z-index: 2;
	font-size: 20px;
	border: none;
	background: none;
	outline: none;
	cursor: pointer
}

.loginButton:hover {
	cursor: pointer;
	color: rgba(86, 188, 118, 0.8)
}

.buttonDisabled {
	color: rgba(51, 51, 51, 0.5);
	cursor: default
}

.buttonDisabled:hover {
	cursor: default;
	color: rgba(51, 51, 51, 0.5)
}

#signButton {
	height: 33px;
	line-height: 3px
}

.remember {
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
	display: inline-block
}

@media ( max-width :480px) {
	.remember {
		float: left
	}
}

.remember label {
	line-height: 1.3;
	color: rgba(51, 51, 51, 0.6);
	font-weight: normal;
	padding-left: 0
}

.remember label::after {
	color: #fff
}

.headOneIconImg {
	width: 142px;
	height: 142px;
	border-radius: 35px;
	background-color: white;
	-webkit-box-shadow: 0 0 50px rgba(132, 132, 132, 0.5);
	margin: auto
}

@media ( max-width :991px) {
	.headOneIconImg {
		width: 120px;
		height: 120px
	}
}

@media ( max-width :767px) {
	.headOneIconImg {
		width: 100px;
		height: 100px;
		border-radius: 25px
	}
}

.headOneIconImg:focus, .headOneIconImg:hover {
	background-color: rgba(255, 255, 255, 0.9)
}

.headOneIconText {
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
	font-weight: normal;
	text-shadow: 0 0 20px grey
}

.my_logo .icon {
	font-size: 220px;
	line-height: 100px;
	padding: 10px 0;
	color: #fff;
	-webkit-transition: font-size .25s ease-out 0s;
	-moz-transition: font-size .25s ease-out 0s;
	transition: font-size .25s ease-out 0s;
	-webkit-text-stroke-width: .2px
}

.headOneIconImg .icon {
	display: inline;
	font-size: 100px;
	line-height: 138px;
	padding: 80px 0;
	color: #aaa;
	-webkit-transition: font-size .25s ease-out 0s;
	-moz-transition: font-size .25s ease-out 0s;
	transition: font-size .25s ease-out 0s;
	-webkit-text-stroke-width: .2px;
	text-align: center;
	position: relative;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black),
		to(rgba(0, 0, 0, 0.5)))
}

@media ( max-width :991px) {
	.headOneIconImg .icon {
		font-size: 80px;
		line-height: 120px
	}
}

@media ( max-width :767px) {
	.headOneIconImg .icon {
		font-size: 70px;
		line-height: 100px
	}
}

.homePage {
	margin-top: 5%;
	top: 15%
}

.login-icon {
	font-size: 140px;
	color: #fff
}

.login-header {
	margin-bottom: 0;
	margin-top: -30px;
	height: 200px
}

.show-shadow {
	z-index: 999
}

.login-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -230px;
	width: 600px
}

.sign-modal {
	/**position: absolute;**/
	left: 75%;
	top: 50%;
	/**margin-left: -360px;**/
	/**margin-top: -300px;**/
	width: 500px;
	
	margin: auto;
	float: right;
	
}

.sign-modal.mlogin{
	width: 490px;
}

.sign-modal .form-group {
	margin-bottom: 20px
}

.sign-modal .input-group input.form-control {
	border-radius: 6px
}

.sign-modal .login-icon {
	font-size: 100px
}

.sign-modal .myModalContent {
	width: 100%
}

.sign-modal .modal-body .control-label {
	float: left;
	color: #f8f8f8
}

.sign-modal h1, .sign-modal h2, .sign-modal h3, .sign-modal h4,
	.sign-modal h5, .sign-modal h6, .sign-modal p {
	color: #f8f8f8
}

.sign-modal .validate-message {
	color: #eac85e;
	visibility: hidden
}

.sign-modal .validate-message.active {
	visibility: visible
}

@media ( max-width :768px) {
	.sign-modal {
		width: 100%;
		position: absolute;
		left: 0;
		top: 10%;
		margin-left: 0;
		margin-top: 0
	}
	.sign-modal .form-wizard form {
		text-align: center
	}
	.sign-modal .form-wizard form .control-label {
		float: none
	}
}

@media screen and (max-width:768px) and (max-height:780px) {
	.sign-modal {
		top: 0
	}
}

.sign-modal .form-wizard .tab-pane {
	margin-top: 28px
}

.sign-modal .form-wizard .tab-content {
	height: auto
}

.myModalHeader {
	text-align: center;
	line-height: 1;
	border-bottom: 0;
	padding-bottom: 0
}

.myModalHeader p {
	text-align: left;
	padding: 0 10px;
	color: rgba(51,51,51,0.6);
	font-size: 30px
}

.myModalBody {
	padding-bottom: 0;
	max-height: 500px
}

.myInputGroup {
	width: 100%
}

.myInputGroup .parsley-errors-list li {
	color: #f8771d;
	line-height: 2
}

.myModalContent {
	width: 56%;
	margin: auto;
	box-shadow: none;
	background-color: transparent;
	border: none
}

.form-login {
	margin-bottom: 0
}

.form-login .checkbox label::before {
	border-color: rgba(51, 51, 51, 0.4)
}

@media ( max-width :1200px) {
	.headOneIcon {
		margin: 20px auto;
		min-height: 160px
	}
}

@media ( max-width :400px) {
	.myModalContent {
		margin: auto
	}
}

.home-footer {
	position: absolute;
	bottom: 0%;
	text-align: center;
	width: 100%;
	color: white;
	border-top: 1px solid #cecece;
	background: #fff;
	box-shadow: 0 3px 11px rgba(0, 0, 0, 0.09)
}

.mobile-inner-footer {
	display: none;
	position: relative;
	text-align: center;
	margin-top: 15px;
	width: auto;
	float: right;
	font-size: 13px
}

@media ( max-width :480px) {
	.mobile-inner-footer {
		display: inline-block
	}
	.mobile-out-footer {
		display: none
	}
	#mail-find-psw {
		float: left
	}
}

@media ( max-width :375px) {
	.mobile-inner-footer a {
		padding: 0 8px
	}
	.mobile-inner-footer a.inline {
		padding: 0 4px;
		padding-right: 0
	}
	.find-psw-footer {
		margin-top: 9px
	}
	.pager span.find-psw-footer {
		padding: 0
	}
}

.home-footer.mobile-footer {
	top: 1.5%;
	bottom: 0;
	right: 1%;
	text-align: right;
	height: 20px;
	position: absolute;
	margin-top: 0
}

.home-footer a {
	color: #fff;
	padding: 0 10px
}

.mobile-inner-footer a {
	color: rgba(51, 51, 51, 0.6);
	padding: 0 10px;
	padding-right: 0
}

.home-footer a :hover, .home-footer :focus {
	color: #e8e8e8
}

.in-footer {
	right: 30px;
	text-align: right;
	color: white;
	display: none;
	margin-top: -50px
}

.in-footer span {
	padding-left: 15px
}

.in-footer ul {
	float: right;
	padding-top: 10px
}

.in-footer ul li {
	display: inline-block
}

.in-footer ul li a {
	color: rgba(51, 51, 51, 0.5)
}

.in-footer ul li a :hover, .in-footer ul li :focus {
	color: #fff
}

.in-footer ul .divider {
	width: 1px;
	height: 12px;
	background: rgba(51, 51, 51, 0.5);
	margin-top: 13px;
	margin-left: 10px
}

@media screen and (max-height:1032px) and (max-width:768px) {
	.in-footer {
		position: relative;
		right: 0
	}
}

.blur {
	filter:
		url('url(blur.svg#blur);utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg">\a        <filter id="blur">\a            <feGaussianBlur stdDeviation="5"></feGaussianBlur>\a        </filter>\a     </svg>');
	-webkit-filter: blur(55px);
	-moz-filter: blur(55px);
	-ms-filter: blur(55px);
	-o-filter: blur(55px);
	filter: blur(55px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=55,
		MakeShadow=false);
	opacity: .9
}

.animateBlur {
	-webkit-animation: filter-animation .5s
}

@
-webkit-keyframes filter-animation { 0%{
	-webkit-filter: blur(55px)
}

100%{
-webkit-filter
:blur(0)
}
}
.none-opacity {
	opacity: 0
}

#divtest {
	border: solid 3px blue;
	padding: 4px;
	margin: 3px;
	width: 50%;
	height: 100px
}

@
-webkit-keyframes myrotate { 0%{
	-webkit-transform: rotate(0deg)
}

100%{
-webkit-transform
:rotate(-90deg)
}
}
@
-moz-keyframes myrotate { 0%{
	-moz-transform: rotate(0deg)
}

100%{
-moz-transform
:rotate(-90deg)
}
}
@
-ms-keyframes myrotate { 0%{
	-ms-transform: rotate(0deg)
}

100%{
-ms-transform
:rotate(-90deg)
}
}
@
-o-keyframes myrotate { 0%{
	-o-transform: rotate(0deg)
}

100%{
-o-transform
:rotate(-90deg)
}
}
@
keyframes myrotate { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate(-90deg)
}
}
.rotate {
	-webkit-animation: myrotate .5s;
	-moz-animation: myrotate .5s;
	-ms-animation: myrotate .5s;
	-o-animation: myrotate .5s;
	animation: myrotate .5s;
	transform: rotate(90deg)
}

@
-webkit-keyframes myrotateBack { 0%{
	-webkit-transform: rotate(0deg)
}

100%{
-webkit-transform
:rotate(180deg)
}
}
@
-moz-keyframes myrotateBack { 0%{
	-moz-transform: rotate(0deg)
}

100%{
-moz-transform
:rotate(180deg)
}
}
@
-ms-keyframes myrotateBack { 0%{
	-ms-transform: rotate(0deg)
}

100%{
-ms-transform
:rotate(180deg)
}
}
@
-o-keyframes myrotateBack { 0%{
	-o-transform: rotate(0deg)
}

100%{
-o-transform
:rotate(180deg)
}
}
@
keyframes myrotateBack { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate(180deg)
}
}
.rotateBack {
	-webkit-animation: myrotateBack .5s;
	-moz-animation: myrotateBack .5s;
	-ms-animation: myrotateBack .5s;
	-o-animation: myrotateBack .5s;
	animation: myrotateBack .5s
}

#username {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 6px;
	box-shadow: none;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

#emails-co {
	margin-top: 15px;
	height: 72px;
	overflow: auto
}

.emails-co-text {
	text-align: center !important
}

#psw {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	box-shadow: none;
	color: #fff;
	padding-right: 14%
}

.tooltip_login {
	top: 64%;
	background-color: #f0f59c;
	left: 50%;
	width: auto;
	text-align: center;
	height: 75%;
	border-radius: 6px;
	line-height: 1.7;
	font-size: 14px;
	margin: auto
}

.arrow_tooltip {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f0f59c;
	top: -8px;
	left: 46%;
	position: absolute
}

.tip-content {
	padding: 8px
}

.shake.shake-constant.shake-horizontal {
	-webkit-animation-name: shake-horizontal;
	-ms-animation-name: shake-horizontal;
	animation-name: shake-horizontal;
	-webkit-animation-duration: 100ms;
	-ms-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running
}

@
-webkit-keyframes shake-horizontal { 0%{
	-webkit-transform: translate(0, 0) rotate(0deg)
}

2%{
-webkit-transform
:translate
(-18px
,
0)
rotate
(0deg)
}
4%{
-webkit-transform
:translate
(12px
,
0)
rotate
(0deg)
}
6%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
8%{
-webkit-transform
:translate
(0
,
0)
rotate
(0deg)
}
10%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
12%{
-webkit-transform
:translate
(12px
,
0)
rotate
(0deg)
}
14%{
-webkit-transform
:translate
(-18px
,
0)
rotate
(0deg)
}
16%{
-webkit-transform
:translate
(24px
,
0)
rotate
(0deg)
}
18%{
-webkit-transform
:translate
(-15px
,
0)
rotate
(0deg)
}
20%{
-webkit-transform
:translate
(6px
,
0)
rotate
(0deg)
}
22%{
-webkit-transform
:translate
(-3px
,
0)
rotate
(0deg)
}
24%{
-webkit-transform
:translate
(12px
,
0)
rotate
(0deg)
}
26%{
-webkit-transform
:translate
(-21px
,
0)
rotate
(0deg)
}
28%{
-webkit-transform
:translate
(30px
,
0)
rotate
(0deg)
}
30%{
-webkit-transform
:translate
(-18px
,
0)
rotate
(0deg)
}
32%{
-webkit-transform
:translate
(6px
,
0)
rotate
(0deg)
}
34%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
36%{
-webkit-transform
:translate
(18px
,
0)
rotate
(0deg)
}
38%{
-webkit-transform
:translate
(-30px
,
0)
rotate
(0deg)
}
40%{
-webkit-transform
:translate
(42px
,
0)
rotate
(0deg)
}
42%{
-webkit-transform
:translate
(-30px
,
0)
rotate
(0deg)
}
44%{
-webkit-transform
:translate
(18px
,
0)
rotate
(0deg)
}
46%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
48%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
50%{
-webkit-transform
:translate
(18px
,
0)
rotate
(0deg)
}
52%{
-webkit-transform
:translate
(-30px
,
0)
rotate
(0deg)
}
54%{
-webkit-transform
:translate
(42px
,
0)
rotate
(0deg)
}
56%{
-webkit-transform
:translate
(-33px
,
0)
rotate
(0deg)
}
58%{
-webkit-transform
:translate
(24px
,
0)
rotate
(0deg)
}
60%{
-webkit-transform
:translate
(-15px
,
0)
rotate
(0deg)
}
62%{
-webkit-transform
:translate
(6px
,
0)
rotate
(0deg)
}
64%{
-webkit-transform
:translate
(-3px
,
0)
rotate
(0deg)
}
66%{
-webkit-transform
:translate
(12px
,
0)
rotate
(0deg)
}
68%{
-webkit-transform
:translate
(-21px
,
0)
rotate
(0deg)
}
70%{
-webkit-transform
:translate
(30px
,
0)
rotate
(0deg)
}
72%{
-webkit-transform
:translate
(-39px
,
0)
rotate
(0deg)
}
74%{
-webkit-transform
:translate
(33px
,
0)
rotate
(0deg)
}
76%{
-webkit-transform
:translate
(-27px
,
0)
rotate
(0deg)
}
78%{
-webkit-transform
:translate
(21px
,
0)
rotate
(0deg)
}
80%{
-webkit-transform
:translate
(-15px
,
0)
rotate
(0deg)
}
82%{
-webkit-transform
:translate
(9px
,
0)
rotate
(0deg)
}
84%{
-webkit-transform
:translate
(-3px
,
0)
rotate
(0deg)
}
86%{
-webkit-transform
:translate
(-9px
,
0)
rotate
(0deg)
}
88%{
-webkit-transform
:translate
(15px
,
0)
rotate
(0deg)
}
90%{
-webkit-transform
:translate
(-21px
,
0)
rotate
(0deg)
}
92%{
-webkit-transform
:translate
(12px
,
0)
rotate
(0deg)
}
94%{
-webkit-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
96%{
-webkit-transform
:translate
(-3px
,
0)
rotate
(0deg)
}
98%{
-webkit-transform
:translate
(0
,
0)
rotate
(0deg)
}
}
@
-ms-keyframes shake-horizontal { 0%{
	-ms-transform: translate(0, 0) rotate(0deg)
}

2%{
-ms-transform
:translate
(-9px
,
0)
rotate
(0deg)
}
4%{
-ms-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
6%{
-ms-transform
:translate
(-2px
,
0)
rotate
(0deg)
}
8%{
-ms-transform
:translate
(5px
,
0)
rotate
(0deg)
}
10%{
-ms-transform
:translate
(-1px
,
0)
rotate
(0deg)
}
12%{
-ms-transform
:translate
(9px
,
0)
rotate
(0deg)
}
14%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
16%{
-ms-transform
:translate
(-4px
,
0)
rotate
(0deg)
}
18%{
-ms-transform
:translate
(7px
,
0)
rotate
(0deg)
}
20%{
-ms-transform
:translate
(8px
,
0)
rotate
(0deg)
}
22%{
-ms-transform
:translate
(7px
,
0)
rotate
(0deg)
}
24%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
26%{
-ms-transform
:translate
(-2px
,
0)
rotate
(0deg)
}
28%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
30%{
-ms-transform
:translate
(3px
,
0)
rotate
(0deg)
}
32%{
-ms-transform
:translate
(-7px
,
0)
rotate
(0deg)
}
34%{
-ms-transform
:translate
(7px
,
0)
rotate
(0deg)
}
36%{
-ms-transform
:translate
(4px
,
0)
rotate
(0deg)
}
38%{
-ms-transform
:translate
(-10px
,
0)
rotate
(0deg)
}
40%{
-ms-transform
:translate
(3px
,
0)
rotate
(0deg)
}
42%{
-ms-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
44%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
46%{
-ms-transform
:translate
(0
,
0)
rotate
(0deg)
}
48%{
-ms-transform
:translate
(-8px
,
0)
rotate
(0deg)
}
50%{
-ms-transform
:translate
(0
,
0)
rotate
(0deg)
}
52%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
54%{
-ms-transform
:translate
(4px
,
0)
rotate
(0deg)
}
56%{
-ms-transform
:translate
(-2px
,
0)
rotate
(0deg)
}
58%{
-ms-transform
:translate
(-9px
,
0)
rotate
(0deg)
}
60%{
-ms-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
62%{
-ms-transform
:translate
(4px
,
0)
rotate
(0deg)
}
64%{
-ms-transform
:translate
(-10px
,
0)
rotate
(0deg)
}
66%{
-ms-transform
:translate
(8px
,
0)
rotate
(0deg)
}
68%{
-ms-transform
:translate
(0
,
0)
rotate
(0deg)
}
70%{
-ms-transform
:translate
(4px
,
0)
rotate
(0deg)
}
72%{
-ms-transform
:translate
(-4px
,
0)
rotate
(0deg)
}
74%{
-ms-transform
:translate
(-1px
,
0)
rotate
(0deg)
}
76%{
-ms-transform
:translate
(-3px
,
0)
rotate
(0deg)
}
78%{
-ms-transform
:translate
(0
,
0)
rotate
(0deg)
}
80%{
-ms-transform
:translate
(-10px
,
0)
rotate
(0deg)
}
82%{
-ms-transform
:translate
(4px
,
0)
rotate
(0deg)
}
84%{
-ms-transform
:translate
(-7px
,
0)
rotate
(0deg)
}
86%{
-ms-transform
:translate
(7px
,
0)
rotate
(0deg)
}
88%{
-ms-transform
:translate
(-1px
,
0)
rotate
(0deg)
}
90%{
-ms-transform
:translate
(9px
,
0)
rotate
(0deg)
}
92%{
-ms-transform
:translate
(-6px
,
0)
rotate
(0deg)
}
94%{
-ms-transform
:translate
(-8px
,
0)
rotate
(0deg)
}
96%{
-ms-transform
:translate
(-1px
,
0)
rotate
(0deg)
}
98%{
-ms-transform
:translate
(-5px
,
0)
rotate
(0deg)
}
}
@
keyframes shake-horizontal { 0%{
	transform: translate(0, 0) rotate(0deg)
}

2%{
transform
:translate
(-4px
,
0)
rotate
(0deg)
}
4%{
transform
:translate
(2px
,
0)
rotate
(0deg)
}
6%{
transform
:translate
(-3px
,
0)
rotate
(0deg)
}
8%{
transform
:translate
(9px
,
0)
rotate
(0deg)
}
10%{
transform
:translate
(2px
,
0)
rotate
(0deg)
}
12%{
transform
:translate
(-6px
,
0)
rotate
(0deg)
}
14%{
transform
:translate
(-7px
,
0)
rotate
(0deg)
}
16%{
transform
:translate
(2px
,
0)
rotate
(0deg)
}
18%{
transform
:translate
(7px
,
0)
rotate
(0deg)
}
20%{
transform
:translate
(-1px
,
0)
rotate
(0deg)
}
22%{
transform
:translate
(-10px
,
0)
rotate
(0deg)
}
24%{
transform
:translate
(-10px
,
0)
rotate
(0deg)
}
26%{
transform
:translate
(3px
,
0)
rotate
(0deg)
}
28%{
transform
:translate
(-5px
,
0)
rotate
(0deg)
}
30%{
transform
:translate
(4px
,
0)
rotate
(0deg)
}
32%{
transform
:translate
(-6px
,
0)
rotate
(0deg)
}
34%{
transform
:translate
(-2px
,
0)
rotate
(0deg)
}
36%{
transform
:translate
(-6px
,
0)
rotate
(0deg)
}
38%{
transform
:translate
(-2px
,
0)
rotate
(0deg)
}
40%{
transform
:translate
(4px
,
0)
rotate
(0deg)
}
42%{
transform
:translate
(8px
,
0)
rotate
(0deg)
}
44%{
transform
:translate
(-3px
,
0)
rotate
(0deg)
}
46%{
transform
:translate
(-10px
,
0)
rotate
(0deg)
}
48%{
transform
:translate
(4px
,
0)
rotate
(0deg)
}
50%{
transform
:translate
(-6px
,
0)
rotate
(0deg)
}
52%{
transform
:translate
(6px
,
0)
rotate
(0deg)
}
54%{
transform
:translate
(-8px
,
0)
rotate
(0deg)
}
56%{
transform
:translate
(5px
,
0)
rotate
(0deg)
}
58%{
transform
:translate
(9px
,
0)
rotate
(0deg)
}
60%{
transform
:translate
(7px
,
0)
rotate
(0deg)
}
62%{
transform
:translate
(1px
,
0)
rotate
(0deg)
}
64%{
transform
:translate
(2px
,
0)
rotate
(0deg)
}
66%{
transform
:translate
(-2px
,
0)
rotate
(0deg)
}
68%{
transform
:translate
(-7px
,
0)
rotate
(0deg)
}
70%{
transform
:translate
(-1px
,
0)
rotate
(0deg)
}
72%{
transform
:translate
(-6px
,
0)
rotate
(0deg)
}
74%{
transform
:translate
(5px
,
0)
rotate
(0deg)
}
76%{
transform
:translate
(0
,
0)
rotate
(0deg)
}
78%{
transform
:translate
(9px
,
0)
rotate
(0deg)
}
80%{
transform
:translate
(-3px
,
0)
rotate
(0deg)
}
82%{
transform
:translate
(8px
,
0)
rotate
(0deg)
}
84%{
transform
:translate
(-2px
,
0)
rotate
(0deg)
}
86%{
transform
:translate
(-1px
,
0)
rotate
(0deg)
}
88%{
transform
:translate
(-3px
,
0)
rotate
(0deg)
}
90%{
transform
:translate
(4px
,
0)
rotate
(0deg)
}
92%{
transform
:translate
(0
,
0)
rotate
(0deg)
}
94%{
transform
:translate
(4px
,
0)
rotate
(0deg)
}
96%{
transform
:translate
(2px
,
0)
rotate
(0deg)
}
98%{
transform
:translate
(-2px
,
0)
rotate
(0deg)
}
}
.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 100
}

@
-webkit-keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translate(-50px, 0);
	transform: translate(-50px, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate
(0
,
0);
transform
:translate
(0
,
0)
}
}
@
keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translate(-50px, 0);
	-ms-transform: translate(-50px, 0);
	transform: translate(-50px, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate
(0
,
0);
-ms-transform
:translate
(0
,
0);
transform
:translate
(0
,
0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@
-webkit-keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translate(50px, 0);
	transform: translate(50px, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate
(0
,
0);
transform
:translate
(0
,
0)
}
}
@
keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	transform: translate(50px, 0)
}

100%{
opacity
:
1;-webkit-transform
:translate
(0
,
0);
-ms-transform
:translate
(0
,
0);
transform
:translate
(0
,
0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

.picker {
	background-color: rgba(51, 51, 51, 0.4)
}

.picker:hover, .picker:active, .picker:focus, .picker:open {
	background-color: rgba(26, 26, 26, 0.4)
}

.nav-picker {
	margin-right: 14px;
	margin-top: 13px
}

@media ( max-width :992px) {
	.nav-picker>.navbar-nav {
		float: left !important;
		margin-left: 0
	}
}

.nav-picker>ul>li {
	display: inline-block
}

@media ( max-width :768px) {
	.logo, .sidebar-on-right .logo, .sidebar-hidden .logo {
		display: block;
		left: 15px;
		top: 22px;
		right: auto;
		padding-right: 5px;
		width: auto
	}
	.logo>h4>a, .sidebar-on-right .logo>h4>a, .sidebar-hidden .logo>h4>a {
		line-height: .2
	}
	.hidden-btn {
		width: auto
	}
}

@media ( max-width :330px) {
	.logo i {
		font-size: 50px
	}
}

.basic-card {
	z-index: 0
}

.float-card {
	display: none;
	z-index: 2;
	position: absolute;
	width: 100%;
	top: 0
}

.float-card.relative {
	position: relative
}

.float-card .widget {
	background-color: #f5f5f5;
	color: rgba(51, 51, 51, 0.6)
}

.float-card span {
	cursor: pointer
}

.float-card section .widget {
	background-color: #fff
}

.float-card h1, .float-card h2, .float-card h3, .float-card h4,
	.float-card h5, .float-card div, .float-card th, .float-card td {
	color: rgba(51, 51, 51, 0.6)
}

.float-card .float-card-title {
	font-weight: bold
}

.float-card .well {
	background-color: #fff
}

.float-card .radio {
	display: inline-block;
	margin-right: 15px
}

.float-card .radio label::after {
	background-color: rgba(51, 51, 51, 0.6)
}

.float-card .visits-info .key {
	color: #999;
	margin-top: 16px
}

.float-card .visits-info .value {
	font-weight: 400;
	margin-top: 8px;
	color: #666
}

.float-card .table>thead>tr>th, .float-card .table>thead>tr>td,
	.float-card .table>tbody>tr>th, .float-card .table>tbody>tr>td,
	.float-card .table>tfoot>tr>th, .float-card .table>tfoot>tr>td {
	border-top: #ddd solid 1px;
	color: #686868;
	font-weight: 400
}

.float-card .table-hover tbody tr:hover>td, .float-card .table-hover tbody tr:hover>th
	{
	background-color: #f5f5f5
}

.float-card .table>thead>tr>th {
	border-bottom: #ddd solid 2px
}

.float-card .sortedtext {
	color: #666
}

.float-card .body {
	height: auto
}

.float-card .source-col-header {
	font-size: 14px
}

.float-card .single-table {
	background-color: #fff
}

.float-card .nav-tabs>li {
	float: left;
	margin-bottom: -1px
}

.float-card .nav-tabs {
	border-bottom: 1px solid #ddd
}

.float-card .nav-tabs>.active {
	margin-bottom: -1px
}

.float-card .nav-tabs>li>a {
	border-radius: 3px 3px 0 0;
	color: #4d9dd7;
	padding-top: 8px;
	padding-bottom: 8px
}

.float-card .nav-tabs>li.active>a, .float-card .nav-tabs>li.active>a:hover,
	.float-card .nav-tabs>li.active>a:focus {
	border-color: #ddd;
	color: #666;
	border-bottom-color: #f5f5f5;
	background-color: #f5f5f5;
	border-left: 1px solid #ddd
}

.float-card .widget:not (.widget-tabs ) .tab-content {
	background: none
}

.float-all {
	width: 85%;
	top: 146px
}

.float-body {
	margin-top: 10px
}

.float-body .nav>li.active {
	margin-bottom: -1px
}

.float-body .nav>li:not (.active )>a {
	background-color: #f5f5f5
}

.float-body .nav>li:not (.active )>a:hover {
	background-color: #f5f5f5
}

.float-body .nav-tabs>li>a {
	border-bottom: 1px solid #ddd
}

#inner-tab-body {
	padding: 0;
	padding-top: 10px
}

.trans-modal {
	top: 25%
}

.trans-modal .modal-dialog {
	width: 750px
}

@media ( max-width :768px) {
	.trans-modal .modal-dialog {
		width: 91%
	}
}

@media ( max-width :640px) {
	.trans-modal .modal-dialog {
		width: 90%
	}
}

@media ( max-width :530px) {
	.trans-modal .modal-dialog {
		width: 89%
	}
}

@media ( max-width :480px) {
	.trans-modal .modal-dialog {
		width: 97.5%
	}
}

.account-modal .modal-dialog {
	margin-top: 10%
}

@media ( max-width :768px) {
	.account-modal .modal-dialog {
		width: 91%
	}
}

@media ( max-width :640px) {
	.account-modal .modal-dialog {
		width: 90%
	}
}

@media ( max-width :530px) {
	.account-modal .modal-dialog {
		width: 89%
	}
}

@media ( max-width :480px) {
	.account-modal .modal-dialog {
		width: 97.5%
	}
}

.alert-modal {
	top: 25%
}

.alert-modal .modal-dialog {
	width: 1000px
}

@media ( max-width :768px) {
	.alert-modal .modal-dialog {
		width: 91%
	}
}

@media ( max-width :640px) {
	.alert-modal .modal-dialog {
		width: 90%
	}
}

@media ( max-width :530px) {
	.alert-modal .modal-dialog {
		width: 89%
	}
}

@media ( max-width :480px) {
	.alert-modal .modal-dialog {
		width: 97.5%
	}
}

.form-input-white {
	border: 1px solid #ccc
}

.from-error {
	border: 1px solid #eac85e
}

.validation-message {
	color: #eac85e;
	font-size: 12px;
	display: none
}

.modal-body {
	padding-top: 14px
}

.modal-body .control-label {
	float: right
}

@media ( max-width :768px) {
	.modal-body .control-label {
		float: left
	}
}

#myModalAlert .form-control {
	display: inline-block;
	width: 25%;
	padding-right: 6px;
	padding-left: 6px
}

#myModalAlert .select {
	width: 32%
}

#myModalAlert .form-row {
	margin-bottom: 18px
}

.app_status {
	width: 100%;
	height: 38px;
	position: fixed;
	z-index: 1050;
	bottom: 0;
	left: 0;
	background-color: rgba(51, 51, 51, 0.4);
	text-align: center
}

.app_status .app_status-info {
	margin: 0 auto;
	width: 535px;
	line-height: 38px;
	height: 38px
}

.app_status .app_status-info div {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding: 0 10px
}

.app_status .app_status-info .unit {
	color: #d2d2d2;
	font-size: 13px
}

.app_status .app_status-info .app_name {
	font-size: 15px;
	font-weight: bold
}

.float-show-all {
	z-index: 20;
	height: 500px
}

.float-show-all .widget {
	background-color: #fff
}

.dd-handle-show-all {
	display: block;
	height: 35px;
	margin: 5px 0;
	padding: 7px 10px 5px 10px;
	color: #f8f8f8;
	text-decoration: none;
	background: rgba(51, 51, 51, 0.4);
	border-radius: 3px;
	cursor: pointer
}

.trans-name a {
	color: #4d9dd7
}

.trans-name a:hover, .trans-name a:focus {
	color: #2877b0
}

table .progress {
	margin-left: 8px
}

.apdex-td {
	padding-left: 13px !important
}

.validating {
	text-align: center
}

.validating .refresh {
	font-size: 14px;
	display: inline-block
}

.validated {
	text-align: center;
	display: none
}

@media ( max-width :420px) {
	.page-header .navbar {
		margin-left: -30px
	}
}

@media ( max-width :390px) {
	.page-header .navbar {
		margin-left: -50px
	}
}

@media ( max-width :375px) {
	.page-header .navbar {
		margin-left: -70px
	}
}

@media ( max-width :350px) {
	.page-header .navbar {
		margin-left: -90px
	}
}

@media ( max-width :330px) {
	.page-header .navbar {
		margin-left: -110px
	}
}

@media ( max-width :310px) {
	.page-header .navbar {
		margin-left: -130px
	}
}

#tab1 {
	margin-top: 34px;
	margin-bottom: 0
}

#tab2 {
	margin-top: 34px;
	margin-bottom: 0
}

#tab3 {
	margin-top: 34px;
	margin-bottom: 0
}

#tab4 {
	margin-top: 80px
}

#tab4 p {
	margin-bottom: 62px
}

.user-info .form-control {
	height: 35px
}

.user-info label {
	margin-bottom: 18px
}

.user-info label.error {
	margin-bottom: 0;
	padding-left: 10px;
	color: #eac85e
}

.user-info legend.section {
	color: #d2d2d2
}

.user-info span {
	font-size: 12px
}

.user-info legend.section span.agent-title, .user-info legend.section span.num-title
	{
	font-size: 14px
}

.user-info .save-text {
	display: none
}

.user-info .edit-text {
	display: none
}

.user-info .editing {
	display: none
}

.user-info .agent, .user-info .agent-num, .groupname {
	display: inline-block;
	line-height: 24px
}

.user-info .agent-num {
	text-align: right
}

ul label.ul-title {
	margin-bottom: 10px;
	font-size: 14px
}

.news {
	position: fixed;
	bottom: -199px;
	left: 10%;
	display: inline-block;
	border-left: none;
	background: rgba(51, 51, 51, 0.4);
	border-top-right-radius: 4px;
	color: #f8f8f8;
	transition: transform .2s ease
}

.news .news-light {
	position: absolute;
	top: -41px;
	background: rgba(51, 51, 51, 0.4);
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.news .news-light p {
	padding: 9px 20px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-size: 16px
}

.news .news-content {
	padding: 12px 17px;
	min-width: 400px
}

@media ( max-width :510px) {
	.news .news-content {
		min-width: 200px
	}
}

.news.active {
	transform: translateY(-199px)
}

.news ul.news-lists li {
	padding: 8px;
	border-bottom: 1px solid rgba(51, 51, 51, 0.4)
}

.news ul.news-lists li a {
	float: right
}

.news ul.news-lists li a:hover {
	cursor: pointer
}

#ignore {
	color: #fff;
	float: none;
	margin-left: 15px
}

#ignore .skip {
	font-size: 12px;
	display: inline-block
}

#ignore:hover {
	color: #e8e8e8;
	background: none;
	cursor: pointer
}

#find-psw .tab-content {
	background: transparent;
	min-height: 220px;
	height: auto
}

@media ( max-width :480px) {
	#find-psw .tab-content {
		min-height: 270px;
		height: auto
	}
}

#find-psw #find-psw1 {
	margin-top: 56px
}

#find-psw #find-psw2 p {
	margin-bottom: 62px
}

.outlabel {
	position: relative
}

.outlabel label.error {
	position: absolute;
	top: 30px;
	left: 15px;
	font-weight: normal;
	color: #FF0000;
	margin-bottom: 0
}

#loginform-inner input.error::-webkit-input-placeholder {
	color: #eac85e
}

#loginform-inner input.error:-moz-placeholder {
	color: #eac85e;
	opacity: 1
}

#loginform-inner input.error::-moz-placeholder {
	color: #eac85e;
	opacity: 1
}

#loginform-inner input.error:-ms-input-placeholder {
	color: #eac85e
}

@media screen and (max-height:1032px) and (max-width:768px) {
	.in-footer {
		position: relative;
		right: 0
	}
}

.user-info {
	padding-left: 30px;
	padding-right: 30px
}

.user-info .form-control {
	height: 35px
}

.user-info label {
	margin-bottom: 18px
}

.user-info span {
	font-size: 12px
}

.user-info span:hover {
	cursor: pointer
}

.user-info .save-text {
	display: none
}

.user-info .edit-text {
	display: none
}

.user-info .editing {
	display: none
}

.user-info .agent, .user-info .agent-num {
	display: inline-block
}

.user-info .agent-num {
	text-align: right
}

.news {
	position: fixed;
	bottom: -193px;
	left: 10%;
	display: inline-block;
	border-left: none;
	background: rgba(51, 51, 51, 0.4);
	border-top-right-radius: 4px;
	color: #f8f8f8;
	transition: transform .2s ease
}

.news .news-light {
	position: absolute;
	top: -41px;
	background: rgba(51, 51, 51, 0.4);
	cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.news .news-light p {
	padding: 9px 20px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-size: 16px
}

.news .news-content {
	padding: 12px 17px;
	min-width: 400px
}

@media ( max-width :510px) {
	.news .news-content {
		min-width: 200px
	}
}

.news.active {
	transform: translateY(-193px)
}

.news ul.news-lists li {
	padding: 8px
}

.news ul.news-lists li:hover {
	cursor: pointer;
	color: #e8e8e8
}

.news ul.news-lists li a {
	float: right
}

.nav-justified>li {
	display: table-cell;
	border-radius: 3px;
	border: 1px solid #cecece;
	border-bottom: none;
	width: 1%
}

.text-success {
	color: #56bc76
}

.text-warning {
	color: #eac85e
}

.ve-title {
	font-size: 18px;
	color: #eac85e;
	text-align: center
}

.ve-title span {
	font-size: 16px;
	color: #eac85e
}

.ve-title .ext-link {
	font-size: 14px;
	color: #fff
}

.ve-content .ve-des {
	font-size: 14px
}

.ve-content .countdown-txt {
	color: #eac85e;
	margin-left: 10px
}

.invite_warn {
	color: #eac85e;
	float: left;
	width: 100%;
	text-align: center
}

.tagsinput {
	width: 100%;
	background: none;
	border: none
}

.tag_email {
	display: inline-block;
	padding: 2px 30px 2px 8px;
	margin-right: 5px;
	margin-bottom: 2px;
	background: #5bc0de;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	position: relative;
	word-break: break-all;
	word-wrap: break-word
}

.tag_email .close {
	position: absolute;
	right: 8px;
	top: 0;
	cursor: pointer
}

.remember input[type="checkbox"] {
	margin-left: 0;
	visibility: hidden
}

.remember .checkbox-wrapper {
	position: relative
}

.check_right_box {
	display: inline-block;
	position: relative;
	top: 1px;
	width: 17px;
	height: 17px;
	color: rgba(51, 51, 51, 0.4);
	border: 1px solid rgba(51, 51, 51, 0.4);
	border-radius: 3px;
	background-color: none;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out;
	vertical-align: top
}

.check_right_box .check_right {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: -2px;
	color: #fff;
	font-size: 14px;
	display: none
}

#currentPassword-error {
	display: none
}

#loginform-inner label.error {
	position: absolute;
	left: 15px;
	top: -20px;
	color: #eac85e
}

.failure_reset {
	font-size: 16px;
	color: #eac85e
}

label.error {
	color: #eac85e
}

.sign_mobile input.error::-webkit-input-placeholder {
	color: #eac85e
}

.sign_mobile input.error:-moz-placeholder {
	color: #eac85e;
	opacity: 1
}

.sign_mobile input.error::-moz-placeholder {
	color: #eac85e;
	opacity: 1
}

.sign_mobile input.error:-ms-input-placeholder {
	color: #eac85e
}

input.cellphoneKeySend[disabled] {
	background-color: #c3c3c3;
	border-color: #c3c3c3
}

input.cellphoneKeySend[disabled]:hover {
	background-color: #c3c3c3
}

.cancel-text {
	display: none
}

.cancel-btn {
	line-height: 24px;
	margin-left: 10px
}

.click_next {
	color: #eac85e;
	display: none
}

.wizard-mobile {
	display: none
}

.checkcode-input {
	display: inline-block;
	width: 40%
}

.inline-input {
	display: inline-block;
	width: 50%
}

.inline-btn {
	display: inline-block;
	width: 47%;
	padding-left: 3px;
	padding-right: 3px
}

.inputline-btn {
	margin-top: 40%
}

.checkcode-img {
	display: inline-block;
	float: right;
	cursor: pointer;
	height: 30px;
	width: 80px
}

.checkcode-num {
	margin-bottom: 21px
}

.finish-btn {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px
}

.repeat-checkcode-btn {
	float: right;
	color: rgba(255, 255, 255, 0.4);
	cursor: pointer;
	margin-left: 22px;
	margin-top: 5px;
	font-size: 15px
}

.switch {
	vertical-align: middle
}

.repeat-btn {
	margin-top: 10px;
	display: none
}

.repeat-btn button {
	margin-left: 8px;
	margin-top: -6px
}

.checkcode-form {
	display: none
}

.mobile-input {
	height: 40px
}

.btn-lg-mobile {
	height: 44px;
	font-size: 16.5px
}

.btn-whole {
	width: 100%
}

input[type="text"][disabled] {
	background-color: #eee;
	opacity: 1
}

.small-padding-input-lg {
	padding: 10px
}

.modal-mobile {
	position: static
}

.modal-mobile .sign-modal {
	position: static;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0
}

.modal-mobile .modal-body {
	padding-top: 0
}

@media ( max-width :375px) {
	.static-mobile {
		position: static
	}
}

.btn-xs {
	padding: 1px 5px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-success {
	color: #fff;
	background-color: #56bc76;
	border-color: #47b268
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
	.btn-success.active, .open>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #3fa05e;
	border-color: #35864f
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle
	{
	background-image: none
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus,
	.btn-success.disabled:active, .btn-success.disabled.active,
	.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus,
	.btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success,
	fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus,
	fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active
	{
	background-color: #56bc76;
	border-color: #47b268
}

.btn-success .badge {
	color: #56bc76;
	background-color: #fff
}

.btn-info {
	color: #fff;
	background-color: #4ab0ce;
	border-color: #36a7c8
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.open>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #3196b4;
	border-color: #297f98
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	background-image: none
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus,
	.btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled],
	.btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active,
	.btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover,
	fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active,
	fieldset[disabled] .btn-info.active {
	background-color: #4ab0ce;
	border-color: #36a7c8
}

.btn-info .badge {
	color: #4ab0ce;
	background-color: #fff
}

.btn-inverse {
	color: #555;
	background-color: #f8f8f8;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active,
	.btn-inverse.active, .open>.btn-inverse.dropdown-toggle {
	color: #555;
	background-color: #dfdfdf;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-inverse:active, .btn-inverse.active, .open>.btn-inverse.dropdown-toggle
	{
	background-image: none
}

.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus,
	.btn-inverse.disabled:active, .btn-inverse.disabled.active,
	.btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus,
	.btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse,
	fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus,
	fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active
	{
	background-color: #f8f8f8;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-inverse .badge {
	color: #f8f8f8;
	background-color: #555
}

.transparentbg-widget {
	background: transparent
}

@media ( max-width :480px) {
	.headOneIconImg {
		width: 70px;
		height: 70px;
		border-radius: 20px;
		margin: 0
	}
	.headOneIconImg .icon {
		font-size: 50px;
		line-height: 70px
	}
	.headOneIcon {
		min-height: 130px
	}
	.mobile-transparent-widget {
		background: none
	}
	.sign-modal .mobile-form-group {
		margin-bottom: 0
	}
	.mobile-col-12 {
		margin-left: 0;
		width: 100%
	}
	.login-icon {
		font-size: 110px
	}
	.myModalHeader p {
		font-size: 30px
	}
}

.form-control:focus {
	border: 1px solid #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(102, 175, 233, 0.6)
}

.form-control.input-transparent:focus {
	border: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2)
}

.copyright {
	color: rgba(51, 51, 51, 0.6);
	font-size: 12px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	margin-top: 10px
}

.copyright a, .copyright a:focus {
	color: rgba(51, 51, 51, 0.6)
}

.footer-link-wrapper {
	margin-bottom: 0
}

.accept_errorbx {
	font-size: 16px;
	line-height: 200px;
	text-align: center
}

.user-info header {
	margin-left: -13px
}

.icon-authority {
	font-size: 15px
}

.table-edit tr td i.edit-trigger {
	visibility: hidden;
	cursor: pointer
}

.table-edit tr td i.edit-trigger.resend {
	font-size: 15px
}

.table-edit tr:hover td i.edit-trigger {
	visibility: visible
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 18px
}

table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: left
}

.table th {
	font-weight: 300;
	color: white
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td,
	.table>tfoot>tr>th, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid rgba(51, 51, 51, 0.35)
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td,
	.table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td,
	.table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td
	{
	border-top: 0
}

.table>thead>tr>th {
	font-weight: 600;
	text-transform: uppercase;
	border-bottom-width: 1px
}

td {
	vertical-align: middle !important;
	text-align: left !important
}

.table-hover tbody td, .table-hover tbody th {
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td,
	.table>tfoot>tr>th, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid rgba(51, 51, 51, 0.35)
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th
	{
	background-color: #f9f9f9
}

.fade.in {
	opacity: 1
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal.in .modal-dialog {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-body {
	padding-top: 30px
}

.modal-body .control-label {
	float: right
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
	display: none;
	opacity: .5;
	filter: alpha(opacity = 50)
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity = 0)
}

.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity = 50)
}

.close {
	float: right;
	font-size: 24px;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity = 20)
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity = 50)
}

.close {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	text-shadow: none
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.btn-danger {
	color: #fff;
	background-color: #e5603b;
	border-color: #e24e24
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
	.open>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #d1431c;
	border-color: #b23918
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle
	{
	background-image: none
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus,
	.btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled],
	.btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active,
	.btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover,
	fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active,
	fieldset[disabled] .btn-danger.active {
	background-color: #e5603b;
	border-color: #e24e24
}

.btn-danger .badge {
	color: #e5603b;
	background-color: #fff
}

.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.btn-default {
	color: #fff;
	background-color: #666;
	border-color: rgba(0, 0, 0, 0.15)
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
	.btn-default.active, .open>.btn-default.dropdown-toggle {
	color: #fff;
	background-color: #4d4d4d;
	border-color: rgba(0, 0, 0, 0.15)
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle
	{
	background-image: none
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus,
	.btn-default.disabled:active, .btn-default.disabled.active,
	.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus,
	.btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default,
	fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus,
	fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active
	{
	background-color: #666;
	border-color: rgba(0, 0, 0, 0.15)
}

.btn-default .badge {
	color: #666;
	background-color: #fff
}

.icon-authority.lv0 {
	color: #56bc76
}

.edit-trigger.lv0 {
	display: none
}

#del-false {
	margin-left: 25px;
	color: #eac85e
}

.placeholder {
	display: block;
	padding-left: 18px;
	line-height: 20px;
	position: absolute;
	left: 10px;
	top: 5px;
	width: 100%;
	text-align: left;
	z-index: 1060;
	color: #9c9c9c
}

#loginform-inner .placeholder {
	left: 0;
	top: 14px;
	color: #fff
}

@media ( max-height :650px) {
	.modal-mobile {
		overflow: hidden
	}
	.home-footer {
		position: relative;
		margin-top: 600px
	}
}

@media screen and (max-height:730px) and (min-width:768px) {
	.in-footer {
		position: relative
	}
}

.logowrappper {
	margin-top: -40px;
	margin-bottom: 40px
}

.modal-header .inline-logo {
	display: inline-block;
	padding-right: 15px;
	font-size: 95px
}

.modal-header .divider {
	display: inline-block;
	width: 2px;
	height: 50px;
	background: rgba(255, 255, 255, 0.5)
}

.modal-header p.tip {
	font-size: 16px
}

.modal-header .subtitle {
	font-size: 16px
}

.qingyun-logo {
	width: 14%;
	margin-top: -45px;
	margin-left: 10px
}

#sign_qc {
	margin-bottom: 0
}

#sign_qc_form .tab-content {
	height: auto;
	background: transparent
}

.myModalBody.pt-15 {
	padding-top: 15px
}

.widget .body.qc_body {
	margin: 20px 0
}

.widget .success_qc {
	display: none;
	font-size: 18px;
	margin: 150px 0
}

.sidebar {
	position: absolute;
	width: 160px;
	padding: 10px 0;
	top: 0;
	color: #fff;
	z-index: 1;
	margin: 105px 0 0 25px;
	font-weight: 300
}

@media ( min-height :940px) {
	.sidebar {
		position: fixed
	}
}

.sidebar .settings {
	margin-top: 10px;
	text-align: center
}

.sidebar .settings .btn-auto {
	display: none
}

.sidebar .panel {
	background: none
}

.sidebar.collapse {
	display: block
}

.side-nav {
	margin: 0
}

.side-nav li {
	list-style: none
}

.side-nav li i[class*=fa] {
	width: 16px;
	margin-right: 15px;
	float: left;
	line-height: 20px;
	font-size: 14px;
	opacity: .4;
	text-align: right
}

.side-nav li span .name {
	margin-left: 14px
}

.side-nav li a:hover, .side-nav li a:focus {
	background: rgba(0, 0, 0, 0.07);
	text-decoration: none
}

.side-nav li.active a {
	background: rgba(0, 0, 0, 0.07)
}

.side-nav li a {
	color: inherit;
	-webkit-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
	text-decoration: none;
	display: block;
	padding: 6px 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 4px 0
}

.side-nav li a .fa-angle-down {
	width: auto;
	float: right;
	margin-right: -8px;
	opacity: 1;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out;
	transition: transform .3s ease-in-out
}

.side-nav li a.collapsed .fa-angle-down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.side-nav li a[data-toggle="collapse"]:before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f107";
	float: right;
	margin-right: -8px;
	position: relative;
	top: 1px;
	-webkit-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out
}

.side-nav li a[data-toggle="collapse"].collapsed:before {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.side-nav li.active>a {
	font-weight: 700
}

.side-nav .panel-collapse li a {
	padding: 4px 20px;
	padding-left: 65px
}

.side-nav .panel-collapse li a:hover, .side-nav .panel-collapse li a:focus
	{
	background: rgba(0, 0, 0, 0.07)
}

.side-nav .panel-collapse li a i[class*="fa"] {
	float: none;
	font-size: inherit
}

.side-nav .panel-collapse .panel-collapse .panel-collapse>li a {
	padding-left: 70px
}

.side-nav .panel-collapse .panel-collapse>li a {
	padding-left: 60px
}

.side-nav .panel {
	margin: 0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.side-nav .panel-collapse.collapse {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease
}

.side-nav .panel-collapse.collapse.in {
	height: auto
}

.sidebar-labels {
	list-style: none;
	padding: 10px 20px
}

.sidebar-labels>li>a {
	color: #eee;
	text-decoration: none;
	font-weight: normal
}

.sidebar-labels>li>a:hover {
	color: #fff
}

.sidebar-labels>li>a .circle, .sidebar-labels>li>a .circle-o {
	position: relative;
	top: -2px;
	font-size: 9px;
	height: 12px;
	width: 12px;
	line-height: 12px
}

.sidebar-labels>li>a .fa-circle {
	font-size: 11px;
	vertical-align: 1px;
	margin-left: 4px;
	margin-right: 8px
}

.sidebar-labels>li>a .circle-o {
	top: 1px;
	left: 1px
}

.sidebar-labels>li+li {
	margin-top: 9px
}

@media ( max-width :767px) {
	.sidebar-labels {
		display: none
	}
}

.sidebar-alerts .alert {
	margin-bottom: 0;
	padding: 9px 12px 9px 20px
}

.sidebar-alerts .alert .close {
	font-size: 16px;
	text-shadow: none;
	opacity: 1;
	color: rgba(255, 255, 255, 0.9)
}

@media ( max-width :767px) {
	.sidebar-alerts {
		display: none
	}
}

.sidebar-nav-title {
	margin: 35px 0 5px 20px
}

.sidebar-nav-title .action-link {
	color: #fff;
	float: right;
	margin-right: 12px;
	margin-top: -1px
}

.sidebar-nav-title .action-link .fa, .sidebar-nav-title .action-link .glyphicon
	{
	font-size: 9px
}

@media ( max-width :767px) {
	.sidebar-nav-title {
		display: none
	}
}

.sidebar-on-right .sidebar {
	right: 0;
	margin: 80px 25px 0 0
}

.sidebar-on-right .wrap {
	margin-left: 0;
	margin-right: 185px
}

.sidebar-on-right .logo {
	right: 67px;
	left: auto
}

.sidebar-hidden .sidebar, .sidebar-hidden .logo {
	display: none
}

.sidebar-hidden .wrap {
	margin-left: 0;
	margin-right: 0
}

.count {
	border-top: 1px dashed rgba(255, 255, 255, 0.5);
	margin-top: 10px;
	padding-top: 5px
}

.selector {
	background: none
}

.selector .arrow {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s
		ease-in-out, -o-transform 0.5s ease-in-out, transform 0.5s ease-in-out
}

.selector:hover {
	box-shadow: none
}

.selector:focus {
	box-shadow: none
}

.selector:focus .arrow {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s
		ease-in-out, -o-transform 0.5s ease-in-out, transform 0.5s ease-in-out
}

.selector a {
	color: #fff
}

.dropdown-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(51, 51, 51, 0.85);
	position: absolute;
	border-radius: 0;
	top: -6px;
	left: 50px
}

.teamlist {
	margin-top: 0 !important;
	left: 45px
}

.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 20px
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}

.dd-list .dd-list {
	padding-left: 30px
}

.dd-collapsed .dd-list {
	display: none
}

.dd-item, .dd-empty, .dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px
}

.dd-item.active a.collapse {
	color: #000
}

.dd-item.sub-dd-item {
	padding-left: 30px
}

.dd-handle {
	display: block;
	height: 35px;
	margin: 5px 0;
	padding: 7px 10px 5px 10px;
	color: #f8f8f8;
	text-decoration: none;
	background: rgba(51, 51, 51, 0.4);
	border-radius: 3px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.dd-handle .value {
	line-height: 1.7
}

.dd-handle .man_group {
	font-size: 12px;
	float: right;
	margin: 0 -4px 0 5px
}

.dd-handle .man_group.lv0 {
	visibility: hidden
}

.dd-handle .man_group.lv1 {
	visibility: visible
}

.dd-handle.active {
	background: #fff;
	color: #666
}

.dd-item>a.collapse {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	color: #f8f8f8;
	z-index: 11
}

.dd-item>a.collapse:before {
	content: '-';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
	margin-top: 5px
}

.header-title {
	position: absolute;
	top: 10px;
	left: 110px
}

.header-title h1 {
	color: rgba(51, 51, 51, 0.5);
	display: inline-block
}

.header-title .divider {
	display: inline-block;
	height: 30px;
	width: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	padding: 0;
	background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.5),
		rgba(102, 102, 102, 0));
	background: -webkit-linear-gradient(rgba(51, 51, 51, 0),
		rgba(51, 51, 51, 0.5), rgba(102, 102, 102, 0));
	background: -moz-linear-gradient(rgba(51, 51, 51, 0),
		rgba(51, 51, 51, 0.5), rgba(102, 102, 102, 0));
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(51, 51, 51,
		0)), color-stop(50%, rgba(51, 51, 51, 0.5)),
		color-stop(100%, rgba(102, 102, 102, 0)))
}

.btn[disabled] {
	cursor: not-allowed;
	opacity: .65;
	box-shadow: none;
	background-color: #666;
	border-color: #666
}

.btn[disabled]:hover {
	background-color: #666;
	border-color: #666
}

#changeGroupName {
	color: #618fb0;
	margin: 0 5px
}

#changeGroup_error {
	color: #eac85e;
	font-size: 16px;
	display: none
}

.group_modal_error {
	text-align: center;
	margin: 20px 0 0;
	color: #eac85e
}

#parentGroup {
	float: left;
	padding-top: 5px
}

.edit-power.lv1 {
	visibility: visible;
	cursor: pointer
}

.edit-power.lv0 {
	visibility: hidden
}

#switch-btn {
	position: relative
}

#switch-btn #switchGroup {
	display: none;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0;
	padding: 10px 0;
	background-color: rgba(51, 51, 51, 0.85)
}

#switch-btn #switchGroup li a {
	display: block;
	padding: 7px 10px;
	color: #fff
}

#switch-btn #switchGroup li a:hover {
	background-color: #618fb0
}

#switch-btn:hover #switchGroup {
	display: block
}




.loginModel .widget{
	padding:0px;
}
.loginModel .widget .body{
	margin-top: 0px;
}
 .loginModel .tab-nonactive{
 	color: #666666;
    font-size: 15px;
	background: -moz-linear-gradient(top,#fff,#f4f4f4); /*firefox*/
	background: -ms-linear-gradient(top, #fff,#f4f4f4);	/*IE*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f4f4f4)); /*chrome*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f4f4));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #fff, #f4f4f4);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #fff,#f4f4f4);  /*Opera 11.10+*/
	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f4f4f4);
}
.loginModel .tab-active,.loginModel li:hover{
	color: #fff;
    font-size: 15px;
	background: -moz-linear-gradient(top,#ffaa2c ,#ff8323); /*firefox*/
	background: -ms-linear-gradient(top, #ffaa2c,  #ff8323);	/*IE*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffaa2c), to(#ff8323)); /*chrome*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaa2c), to(#ff8323));      /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #ffaa2c,#ff8323);   /*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #ffaa2c,#ff8323);  /*Opera 11.10+*/
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffaa2c, endColorstr=#ff8323);
}

.mobile-active:after{
	content:url('../images-quick/tab_arrow.png');
	margin-left: 100px;
}
.account-active:after{
	content:url('../images-quick/tab_arrow.png');
	margin-left: 310px;
}
 .loginModel li>a{
	background: none;
} 
.login-nav>li{
	display: inline-block;
	width: 50%;
	line-height:40px;
	text-align: center;
	float: left;
}
.login-nav>li:hover{
	cursor: pointer;
}
.login-nav>li>a{
	color:#fff;
	line-height: 40px;
}
.send-code-btn{
	
	    width: 30%;
    margin-left: 4px;
        color: #666666;
        float:right;
            border: 1px solid #cecece;
}
.fl{
	float:left:
}
.fr{
	float:right;
}