@CHARSET "UTF-8";

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	/* background-color: #E3F1FF; */
}

a{
	cursor: pointer;
}

.signIn .form-control {
	border-radius: 0 !important;
}

.container-custom-style {
	padding-left: 100px;
	padding-right: 100px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-inverse {
	background-color: rgba(0, 0, 0, 0.75) !important;
}

.navbar-inverse,.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form
	{
	border: 0px !important;
}

.navbar-inverse .navbar-nav .dropdown-menu,.navbar-inverse .navbar-nav .dropdown-menu li a
	{
	color: #fff;
	border: 0px;
}

.navbar-inverse .dropdown-menu li a:hover,.navbar-inverse .dropdown-menu>.active>a,.navbar-inverse .dropdown-menu>.active>a:hover,.navbar-inverse .dropdown-menu li
	{
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: white;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.navbar-inverse .dropdown-menu>li>a:focus,.navbar-inverse .dropdown-menu>li>a:hover
	{
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.75) !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.inner {
	padding-left: 2%;
	padding-right: 2%;
}

#contactUs>h3 {
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

#contactUs p {
	font-size: 14px;
	text-align: left;
	font-family: 'Microsoft YaHei';
}

#background p {
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 35px;
}

#database p {
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 35px;
}

#value p {
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 35px;
}

#comingSoon{
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	background-color: #D8D8D8;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: #808281;
}

#comingSoon:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#comingSoon p {
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#comingSoon h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

#package {
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	background-color: #C9E4FF;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: #004080;
}

#package:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#package p {
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#package h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

#topUp {
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	background-color: #FEFFC9;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: #BB5E00;
}

#topUp:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#topUp p {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#topUp h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

#baidu {
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	background-color: #CEFFC9;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: #105A2A;
}

#baidu:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#baidu p {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 15px;
	font-size: 17px;
	text-align: left;
	/* text-indent:35px; */
	font-family: Georgia, "Times New Roman", Times, serif;
	/* text-align:right; */
}

#baidu h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

#compShow {
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	background-color: #acc0ff;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: rgb(76,120,255);
}

#compShow:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#compShow p {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 15px;
	font-size: 16px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#compShow h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

#compFile {
	height: 220px;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	background-color: #C9D3FF;
	padding-top: 20px;
	margin-top: 15px;
	position: relative;
	border: none;
	font-family: 'Microsoft YaHei';
	color: #5E48DA;
}

#compFile:hover {
	padding-top: 30px;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s; /* Opera */
}

#compFile p {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 15px;
	font-size: 17px;
	text-align: left;
	/* text-indent:35px; */
	font-family: Georgia, "Times New Roman", Times, serif;
	/* text-align:right; */
}

#compFile h1 {
	margin-left: 5%;
	margin-top: 25px !important;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

.adv-blue {
	font-size: 90px;
	color: #5591FF;
	margin-left: 10px;
}

.adv-grey {
	font-size: 90px;
	color: #999b9b;
	margin-left: 10px;
}

.adv-orange {
	font-size: 90px;
	color: #FF962C;
	margin-left: 10px;
}

.adv-green {
	font-size: 90px;
	color: #57FF60;
}

.adv-purple {
	font-size: 90px;
	color: #5E48DA;
}

.advantage button {
	float: right;
	bottom: 10px;
	/* margin-left:35%; */
	position: absolute;
}

.main {
	position: relative; /*重要！保证footer是相对于wapper位置绝对*/
	height: auto; /* 保证页面能撑开浏览器高度时显示正常*/
	min-height: 56%; /* IE6不支持，IE6要单独配置*/
	margin-top: 90px;
	margin-bottom: 40px;
	min-height:600px;
}

.panel-default {
	border: 0px solid #c0c0c0;
}

.panel-collapse .panel-body {
	border-left: 1px solid #4E9FD6;
	border-bottom: 1px solid #4E9FD6;
	border-right: 1px solid #4E9FD6;
}

/* .panel-group{
	background-color:#e0e0e0;
} */
/** panel的样式 **/
.panel-company .panel-body a,.panel-executive .panel-body a,.panel-report .panel-body a
	{
	color: #333;
}

.panel-company .panel-body a:hover,.panel-executive .panel-body a:hover,.panel-report .panel-body a:hover
	{
	text-decoration: underline;
}

.panel-footer {
	min-height: 40px;
	padding: 5px 10px;
}

.panel-footer button {
	float: left;
}

.panel-footer a {
	float: right;
	margin-top: 3px;
	margin-right: 10px;
}

.panel-footer a>i {
	font-size: 22px;
	vertical-align: middle !important;
	color: #95949a;
}
/** panel-company **/
.panel-company {
	border-color: #00578e;
	border: none;
}

.panel-company .panel-heading {
	background-color: #467B90;
	border-color: #00578e;
	color: #fff;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-decoration: none;
}

.panel-company .panel-heading:hover { /* background-color:#18436E;
	color:#fff; */
	background-color: #255A6E;
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	transition: all .75s;
}

.panel-company .panel-body {
	background-color: #D4EDF5;
}

.panel-company>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #00578e;
}

.panel-company>.panel-heading .badge {
	color: #00578e;
	background-color: #fff;
}

.panel-company>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #00578e;
}

/** panel-executive **/
.panel-executive {
	border-color: #0891B2;
	border: none;
}

.panel-executive>a {
	color: #0891B2;
}

.panel-executive>a:hover {
	text-decoration: underline;
}

.panel-executive .panel-heading {
	background-color: rgba(8, 145, 178, 0.4);
	border-color: #0891B2;
	color: #0891B2;
	font-family: "Microsoft YaHei";
	font-weight: 600;
}

.panel-executive>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #0891B2;
}

.panel-executive>.panel-heading .badge {
	color: #0891B2;
	background-color: #fff;
}

.panel-executive>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #0891B2;
}

/** panel-report **/
.panel-report {
	border-color: #26817E;
	border: none;
}

.panel-report>a {
	color: #26817E;
}

.panel-report>a:hover {
	text-decoration: underline;
}

.panel-report .panel-heading {
	background-color: rgba(38, 129, 126, 0.4);
	border-color: #26817E;
	color: #26817e;
	font-family: "Microsoft YaHei";
	font-weight: 600;
}

.panel-report>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #26817E;
}

.panel-report>.panel-heading .badge {
	color: #26817E;
	background-color: #fff;
}

.panel-report>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #26817E;
}

.panel-body .dl-horizontal dd { 
	font-family: "Verdana";
	font-size: 14px;
	font-weight: 300;
	text-overflow: ellipsis;
}

.panel-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.panel-body .dl-horizontal dt {
	font-weight: 600;
	font-size: 14px;
	text-align: right;
}

.content {
	padding-bottom: 40px;
}

.footer {
	text-align: center;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: black;
	height: 50px;
	padding: 10px;
}

.sitemap {
	margin-top: 30px;
	position: relative;
	z-index: 0;
	text-align: center;
	left: 0px;
	bottom: 0px;
	right: 0px;
/* 	background-color: #282828; */
    background-image: url(/common/images/home/nav-bg.jpg);
	padding-top: 30px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
.sitemap-top{
  margin-top: -18px;
}
.sitemap-top li{
	
	margin-top: 10px;
	
}
.sitemap p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	z-index: 100;
	text-align: middle;
}

.sitemap hr {
	border-top: 1px solid #2380C4;
}

.sitemap a {
	color: #ffffff;
}

.facebook {
	color: #0ec0e3!important;
}

.twitter {
	color: #0ec0e3 !important;
}

.linkedin {
	color: #0ec0e3 !important;
	
}

.weixin {
	color: #0ec0e3 !important;
	
}

.facebook:hover,.twitter:hover,.linkedin:hover {
	text-shadow: 1px 1px 2px #000000;
}

.border-left a {
	color: white;
}

.border-right a {
	color: white;
}

.border-right {
	float: right;
	text-align: right;
	width: 50%;
	padding-left: 5%;
	padding-right: 8%;
	border-left: 0px solid #337ab7;
	border-right: 1px solid #337ab7;
	line-height: 18px;
	border-bottom: 0px solid #000;
	padding-bottom: 0px;
	margin-left: -1px;
	margin-bottom: 0px;
	padding-top: 10px;
	color: white;
}

.navbar .nav>li:hover .dropdown-menu {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.navbar .nav .dropdown-menu>li>a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.navbar .nav .dropdown-menu>li>button {
	margin-top: 12px;
}

.panel-footer>a {
	margin: 2.5px;
}

@media ( min-width :768px) {
	.col-sm-4-search.col-md-3-search {
		z-index: 100;
	}
	.col-sm-4-search {
		position: fixed;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-sm-12-fixed-bottom {
		position: relative;
		min-height: 1px;
		padding-left: 5px;
		padding-right: 10px;
	}
	.col-sm-push-4-search {
		left: 34%;
	}
	.fixed-bottom {
		width: 100%;
	}
}

@media (max-width: 997px) {
	.container-custom-style {
		padding-left: 15px;
		padding-right: 15px;
	}	
}

@media ( min-width :992px) {
	.col-md-3-search {
		width: 20% !important;
		position: fixed !important;
		min-height: 1px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		float: left !important;
	}
	.col-md-push-3-search {
		left: 22%;
	}
	.col-md-12-fixed-bottom {
		position: relative;
		min-height: 1px;
		padding-right: 40px;
		padding-left: 40px;
	}
	.fixed-bottom {
		width: 76.5%;
	}
}

.searchResult:hover {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	-moz-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	transition: box-shadow .5s;
	-moz-transition: box-shadow .5s; /* Firefox 4 */
	-webkit-transition: box-shadow .5s; /* Safari 和 Chrome */
	-o-transition: box-shadow .5s;
	-moz-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1); /* Opera */
}

.shadow:hover {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	-moz-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	transition: box-shadow .5s;
	-moz-transition: box-shadow .5s; /* Firefox 4 */
	-webkit-transition: box-shadow .5s; /* Safari 和 Chrome */
	-o-transition: box-shadow .5s; /* Opera */
}

.shadow {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	-moz-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	transition: box-shadow .5s;
	-moz-transition: box-shadow .5s; /* Firefox 4 */
	-webkit-transition: box-shadow .5s; /* Safari 和 Chrome */
	-o-transition: box-shadow .5s; /* Opera */
}

.product {
	-moz-box-shadow: -3px 2px 9px #333333;
	-webkit-box-shadow: -3px 2px 9px #333333;
	box-shadow: -3px 2px 9px #333333;
}

.bs-callout {
	margin: 20px 0;
	border: 0px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	padding: 10px;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px
}

.bs-callout p:last-child {
	margin-bottom: 0
}

.bs-callout code {
	border-radius: 3px
}

.bs-callout+.bs-callout {
	margin-top: -5px
}

.bs-callout-danger {
	border-left-color: #ce4844
}

.bs-callout-danger h4 {
	color: #ce4844
}

.bs-callout-warning {
	border-left-color: #aa6708
}

.bs-callout-warning h4 {
	color: #aa6708
}

.bs-callout-info {
	border-left-color: #5bc0de
}

.bs-callout-info h4 {
	color: #1b809e
}

.addToCart {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 8%
}

@media ( min-width : 992px) {
	.addToCart {
		float: right;
		width: 22%;
	}
}

@media ( min-width : 768px) {
	.addToCart {
		float: right;
	}
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th
	{
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}

.hrline {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #8A6D3B;
}

.cartItemMenu {
	margin-right: 20px;
	float: right;
}

.pagination a:hover {
	cursor: pointer;
	background-color: #337AB7;
	color: #FFF;
}

.pagination a {
	border: solid 1px #DDD;
	background-color: #FFF;
	padding: 10px 15px;
	font-size: 14px;
}

.list-order-align {
	text-align: center;
}

.list-order-btn {
	padding: 2px 5px!important;
}

.order-check {
	position: fixed;
	margin: 10px 0 0 5px;
	padding: 8px 31px 10px 31px;
	z-index: 11;
}

.order-check h4 {
	font-size: 20px;
}

.order-check span {
	color: red;
	font-size: 22px;
	margin-left: 8px;
}

.order-check button {
	margin: 24px 0;
	font-size: 18px;
	font-weight: bold;
}

/** change pwd **/
.change-password-input{
	padding-left:3px;
	height:35px;
	width:210px;
	border:1px solid #CCC;
	-webkit-box-shadow:none!important;
  	box-shadow:none!important;
	border-radius:0!important;
 	margin-top:14px;
}
.change-password-input:focus{
    border:1px solid #999;
    padding-left:3px;
}
#changePwd{
	margin-top:15px;
	margin-left:230px;
	width: 130px!important;
}
.change-password-label label{
  padding-top:15px!important;
  font-size: 14px;
}

.change-password-label{
	width: 150px; 
	text-align: right;
	padding-right: 30px;
}

.des-for-set-password {
	font-size: 16px;
	color:#177cb0;
}

/** recharge CSS **/
.tab-content span {
	padding-left: 20px !important;
	font-size: 28px;
	font-weight: bold;
}

.tab-content i {
	margin-right: 10px;
	font-size: 40px;
}

.body-content {
	margin-top: 5px;
	margin-bottom: 10px !important;
}

.tp-table-thead-tr {
	background: #eee;
	border: 1px solid #cfcfcf;
}

.tp-table-thead-tr>th {
	font-weight: normal!important;
	font-size: 14px;
}

.tp-header-product{
	padding: 10px 0 10px 72px!important;
}

.tp-header-describe {
	padding: 10px 0 10px 45px!important;
}

.tp-header-volume{
	padding: 10px 0 10px 67px!important;
}

.tp-header-subtotal{
	padding: 10px 20px 10px 0!important;
	text-align: right;
}

.recharge-chackbox {
	display: none;
}

.recharge-chackbox+label {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 9px;
	display: inline-block;
	margin-left: 5px;
	top: 22px;
}

.recharge-chackbox+label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.recharge-chackbox:checked+label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

.recharge-chackbox:checked+label:after {
	content: '\2714';
	position: absolute;
	top: -4px;
	left: 0px;
	color: #758794;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	padding: 0 0 0 0;
	vertical-align: text-top;
}

.tp-body-type0, .tp-body-type1, .tp-body-type2, .tp-body-type3, .tp-body-type4, .tp-body-type5 {
	color: #FFF;
	font-size: 14px!important;
	padding: 10px!important;
	position: relative;
	margin-bottom: 10px;
}

.tp-body-type0>span, .tp-body-type1>span, .tp-body-type2>span, .tp-body-type3>span, .tp-body-type4>span, .tp-body-type5>span {
	margin: 0 25px 0 60px;
	font-size: 16px;
}

.tp-body-type5 {
	background: rgb(209, 91, 71);
	border-color: rgb(209, 91, 71);
}

.tp-body-type4 {
	background: rgb(255, 198, 87);
	border-color: rgb(232, 177, 13);
}

.tp-body-type3 {
	background: rgb(189, 183, 255);
	border-color: rgb(189, 183, 255);
}

.tp-body-type2 {
	background: rgb(48, 126, 204);
	border-color: rgb(48, 126, 204);
}

.tp-body-type1 {
	background: rgb(130, 175, 111);
	border-color: rgb(130, 175, 111);
}

.tp-body-type0 {
	background: rgb(189, 183, 107);
	border-color: rgb(189, 183, 107);
}

.tp-body-tr5, .tp-body-tr4, .tp-body-tr3 ,.tp-body-tr2, .tp-body-tr1, .tp-body-tr0 {
	background: #f3f3f3;
	border: 1px solid #cfcfcf!important;
}

.tp-gap {
	height: 5px;
}

.tp-gap-big {
	height: 8px;
}

.tp-body-tr3:hover {
	-moz-box-shadow: 2px 2px 10px rgb(209, 91, 71);
	-webkit-box-shadow: 2px 2px 10px rgb(209, 91, 71);
	box-shadow: 2px 2px 10px rgb(209, 91, 71);
}

.tp-body-tr2:hover {
	-moz-box-shadow: 2px 2px 10px rgb(232, 177, 13);
	-webkit-box-shadow: 2px 2px 10px rgb(232, 177, 13);
	box-shadow: 2px 2px 10px rgb(232, 177, 13);
}

.tp-body-tr1:hover {
	-moz-box-shadow: 2px 2px 10px rgb(48, 126, 204);
	-webkit-box-shadow: 2px 2px 10px rgb(48, 126, 204);
	box-shadow: 2px 2px 10px rgb(48, 126, 204);
}

.tp-body-tr0:hover {
	-moz-box-shadow: 2px 2px 10px rgb(130, 175, 111);
	-webkit-box-shadow: 2px 2px 10px rgb(130, 175, 111);
	box-shadow: 2px 2px 10px rgb(130, 175, 111);
}

.tp-body-product {
	padding: 10px 55px 0 30px;
	font-size: 14px;
	min-width: 175px;
}

.recharge-sub-total {
	border-top: 1px solid #DDD;
	padding: 15px 20px 0 30px !important;
}

.tp-body-volume {
	max-width: 95px!important;
	min-width: 100px!important;
	padding: 0 0 0 35px;
}

.tp-point-offset {
	padding-left: 25px;
}

.spin-main {
	width: 150px;
	position: relative;
}

.spin-input {
	position: absolute;
	margin: 0 0 0 0 !important;
	width: 55px !important;
	height: 28px !important;
	text-align:center;
	box-shadow: none !important;
	border: 1px solid #CFCFCF !important;
	line-height: normal;
	left:28px;
	top:-14px;
}

.spin-up,.spin-down {
	margin: 0 0 0 0 !important;
	width: 28px;
	height: 28px;
	text-align:center;
	border: 1px solid #CFCFCF;
	font-size: 16px !important;
	cursor:pointer;
	line-height: 16px;
	color:#fff;
}

.spin-up{
	background-color:#1D87BD ;
	position: absolute;
	left: 83px;
	top:-14px;
}
.spin-down{
	background-color:#55ACEE;
	position: absolute;
	top:-14px;
}

.recharge {
	height: auto;
	padding: 0px;
	min-width: 790px;
}

.md-font-size{
	font-size: 14px!important;
}

.tp-header-price {
	padding: 0 0 0 18px;
}

.tp-body-sub-total {
	text-align: right;
	padding: 10px 15px 0 0 !important;
	font-size: 14px!important;
	min-width: 170px!important;
	max-width: 170px!important;
}

.sub-total-point, .sub-total-price {
	border: none !important;
	box-shadow: none !important;
	background-color: transparent!important;
	width: 70px!important;
	text-align: right;
	font-size: 14px!important;
}

.recharge-total-point,.recharge-total-price {
	border: none !important;
	box-shadow: none !important;
	background-color: transparent!important;
	padding-left: 3px !important;
	color: red;
	width: 80px;
}

.tp-font-weight {
	font-size: 14px!important;
	font-weight: normal!important;
}

.recharge-currency{
	color: red;
	font-size: 16px;
}

.recharge-confirm-point,.recharge-confirm-price {
	font-size: 14px;
}

.recharge-confirm-price {
	margin: 5px 0 15px 0;
}

.tp-confirm-btn {
	margin: 15px 0;
	font-size: 14px;
}

.green {
	color: #69aa46 !important;
	margin: 0 3px 0 0;
}

.order-list {
	min-height: 580px;
}

.order-check h4 {
	font-size: 20px;
}

.order-check span {
	color: red;
	font-size: 22px;
	margin-left: 8px;
}

.order-check button {
	margin: 24px 0;
	font-size: 18px;
	font-weight: bold;
}

#warning {
	display: none;
	color: red;
	font-weight: normal!important;
	margin-bottom: 10px;
}

#labelEmail {
	padding-left: 5px;
	font-weight: normal;
	font-size: 12px;
	color: red;
}

.recharge-foot {
	 position:relative;
	 font-size: 14px;
	 padding:0 0 10px 37px;
	 min-width: 540px;
}

.default-email {
	display:none;
}

.default-email+label {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-block;
	margin-left: 5px;
}

.default-email+label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.default-email:checked+label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

.default-email:checked+label:after {
	content: '\2714';
	position: absolute;
	top: -5px;
	left: 0px;
	color: #758794;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	padding: 0 0 0 0;
	vertical-align: text-top;
}

.check-email {
	display:none;
}

.check-email+label {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 3px;
}

.check-email+label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px
		rgba(0, 0, 0, 0.1);
}

.check-email:checked+label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}

.check-email:checked+label:after {
	content: '\2714';
	position: absolute;
	top: -5px;
	left: 0px;
	color: #758794;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	padding: 0 0 0 0;
	vertical-align: text-top;
}

.font-size-sm {
	margin-left: 30px;
	font-size: 12px;
	color: #959393;
	padding: 0 0 0 0!important;
}

.order-email {
	-webkit-appearance: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 1px solid #959393!important;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px!important;
    font-size: 14px!important;
    color: #959394;
    min-width:250px;
}

/** Order CSS **/
.order-main {
	/* border: 1px solid #FFFAF0; */
	padding: 20px 20px 30px 20px;
	/* background-color: #f3f3f3;
	-moz-box-shadow: 0 0 2px #CFCFCF;
	-webkit-box-shadow: 0 0 2px #CFCFCF;
	box-shadow: 0 0 2px #CFCFCF; */
	min-width: 600px!important;
}

.order-titel,.fa-clipboard {
	margin-right: 10px;
	font-size: 28px;
	font-weight: bold;
}

.order-id {
	margin: 0 2px 15px 0;
	float: right;
	font-size: 16px;
}

.order-no,.order-type,.order-point,.order-price,.order-number,.order-sub-total
	{
	text-align: center;
	font-size: 14px !important;
}

.price,.point,.number,.subtotal,.no,.type {
	text-align: center;
	font-size: 14px;
}

.order-total-price,.order-total-point {
	margin: 0 15px 20px 0;
	float: right;
	font-size: 14px;
}

.order-total-price {
	margin-left: 25px !important;
}

.order-btn-size {
	font-size: 14px;
	min-width: 140px!important;
}

.order-font-color {
	color: red;
}

.order-table {
	min-width: 500px!important;
}

.order-table,.order-table>thead>tr>th {
	border: 2px solid #DDD !important;
}

.order-table>tbody>tr>td {
	border: 1px solid #DDD !important;
}

.fixed-bottom {
	position: fixed;
	right: 0px;
	float: right;
	bottom: 0px;
	z-index: 1030;
	min-height: 20px;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px -1px 5px 0px rgba(136, 136, 136, 1);
	-moz-box-shadow: 0px -1px 5px 0px rgba(136, 136, 136, 1);
	box-shadow: 0px -1px 5px 0px rgba(136, 136, 136, 1);
	color: white;
}

.fixed-bottom span {
	font-size: 16px;
	/* vertical-align:middle;  */
	font-family: "Times" !important;
}

.modal {
	top: 20% !important;
}

.funcBarButton {
	color: #28a4c9;
	display: inline-block;
	text-shadow: 1px 1px 0px #000;
	padiing: 5px;
	font-size: 20px !important;
	background: black;
	background: rgba(0, 0, 0, 0.75);
	height: 28px;
	width: 28px;
	border-radius: 100%;
	border: none;
	text-align: center;
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
}

.funcBarButton:hover {
	color: white;
}

.fixed-bottom select {
	color: black;
	font-size: inherit;
	width: auto;
	height: 20px;
	line-height: 16px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
}

.ui-separator {
	height: 26px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	border-color: #c9d4db;
}

.highlight {
	color: #bf242a !important;
}

.productSelected {
	color: #28a4c9 !important;
}

.tips {
	height: 10px;
	display: none;
	text-align: center;
}

#signInForm label.error {
	display: inline-block;
	max-width: 100%;
	margin-top: 8px;
	font-weight: 400;
	color: red;
}

#forgetPwd label.error {
	display: inline-block;
	max-width: 100%;
	margin-top: 8px;
	font-weight: 400;
	color: red;
}

#registerForm label.error {
	display: inline;
	max-width: 100%;
	margin-top: 8px;
	font-weight: 400;
	font-size: 12px;
	color: red;
	float:right
}

.btn-group .btn {
	border-radius: 0 !important;
}

.title-callout {
	margin: 20px 0;
	border: 0px solid #eee;
	border-bottom-width: 2px;
	padding: 10px;
}

.hr-callout {
	margin: 20px 0;
	border: 0px solid #eee;
	border-bottom-width: 1px;
	padding: 10px;
}

.hr-callout-info {
	border-bottom-color: #dfdfdf
}

.title-callout h3 {
	margin-bottom: 0px;
}

.title-callout-info {
	border-bottom-color: #5bc0de
}

#solution h3 {
	font-family: 'Microsoft YaHei';
	color: #004080;
	margin-top: 0;
}

#solution h4 {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	line-height: 1.5;
	color: #00336E;
}

#commerce_intro h4 {
	text-indent: 2em;
	line-height: 1.5;
}

#commerce_contact p {
	text-align: right;
}

.center {
	text-align: center;
}

.compInput {
	min-height: 20px;
	padding: 30px;
	margin-bottom: 20px;
	background-color: #fff;
	/* border: 1px solid #2196F3; */
	border-radius: 0px;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	-moz-box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
	box-shadow: 5px 5px 10px 0px rgba(136, 136, 136, 1);
}

.download label {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	width: 80px;
	text-align: left;
	border-radius: 3px;
}

.download span {
	display: block;
	text-align: center;
}

.download>.word {
	color: #2B5797;
}

.download>.word:hover {
	color: #fff;
	background-color: #2B5797;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.download>.pdf {
	color: #D50D0A;
}

.download>.pdf:hover {
	color: #fff;
	background-color: #D50D0A;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.download>.excel {
	color: #1F7246;
}

.download>.excel:hover {
	color: #fff;
	background-color: #1F7246;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.download>.business {
	color: #758d94;
}

.download>.business:hover {
	color: #fff;
	background-color: #758d94;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.download>.businessPlus {
	color: #2facb2;
}

.download>.businessPlus:hover {
	color: #fff;
	background-color: #2facb2;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.download>.investPro {
	color: #2dbe60;
}

.download>.investPro:hover {
	color: #fff;
	background-color: #2dbe60;
	transition: all .5s;
	-moz-transition: all .5s; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
}

.word>input,.pdf>input,.excel>input,.business>input,.businessPlus>input,.investPro>input
	{
	margin-left: 45%;
}

.download>.lang {
	padding-left: 0px;
	display: inline;
	width: 90px;
}

.history-radio {
	display: none;
}

.history-radio+label {
	-webkit-appearance: none;
	background-color: #e9ecee;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05);
	padding: 9px;
	display: inline-block;
	position: relative;
	width: 120px;
	text-align: center;
	font-size: 14px;
	margin-left: 15px;
}

.history-radio:checked+label {
	background-color: #fafafa;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px
		rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1),
		inset 0px 0px 10px rgba(0, 0, 0, 0.1);
	color: #99a1a7;
}

.history-radio+label:hover,.history-radio:checked+label:hover {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 3px
		rgba(0, 0, 0, 0.2);
}
.total-page{
	margin-left:5px;
	color:#0090D7;
}
#table {
	border: 0;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;

	
}
#table{
	
	padding: 5px;
	border-spacing: 0;
	border-collapse: collapse;
	
}
#table thead tr th{
	font-size: 14px;
	font-weight: bold;
	
}
#table tbody tr td{
	font-size:14px;
}
 #table th {
	font-weight: normal;
	line-height: 30px;
	font-size: 16px;
	background:#fafafa;
}

#table tr:nth-child(odd) {
	background: #fafafa;
	text-align: center;
}

#table tr:nth-child(5) {
	background:#eef6fb;
	color: #FFF;
	text-align: center;
}

#table tr:hover {
	background: #E3F1FF;
}

 #table td,#table th {
	border: 1px solid #EEE;
}  
.container for password{
	height: 500px;
	padding-top: 3%;
	
}
.form-group-password col-xs-12{
	margin:20px auto;
	width:400px;
}

#account{
background-color:#C1CACA;
}
.btn-submit{
    border-style:none;
    padding:2px 25px;
    line-height:24px;
    color:#fff;
    text-align:center;
    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;
    cursor:pointer;
    border:1px #ae7d0a solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*内发光效果*/
    text-shadow:1px 1px 0px #b67f01;/*字体阴影效果*/
    background-color:#feb100;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#feb100), to(#e8a201));
    background-image: -webkit-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -moz-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -ms-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: -o-linear-gradient(top, #feb100 0%, #e8a201 100%);
    background-image: linear-gradient(top, #feb100 0%, #e8a201 100%);/*颜色渐变效果*/
}
.btn-submit:hover { border-style:none;
    padding:2px 25px;
    line-height:24px;
    color:#fff;
    text-align:center;
    font:16px "Microsoft YaHei", Verdana, Geneva, sans-serif;
    cursor:pointer;
    border:1px #ae7d0a solid;
    -webkit-box-shadow:inset 0px 0px 1px #fff;
    -moz-box-shadow:inset 0px 0px 1px #fff;
    box-shadow:inset 0px 0px 1px #fff;/*内发光效果*/
    text-shadow:1px 1px 0px #b67f01;/*字体阴影效果*/
    background-color:#e8a201;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#e8a201), to(#feb100));
    background-image: -webkit-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -moz-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -ms-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: -o-linear-gradient(top, #e8a201 0%, #feb100 100%);
    background-image: linear-gradient(top, #e8a201 0%, #feb100 100%);
}
.popover{ position: absolute;
  background-color:white !important;
  background-color: rgba(0, 0, 0, 0 !important; 
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
   border: 0px solid #ccc !important; 
   border: 0px solid rgba(0, 0, 0, 0) !important; 
   border-radius: 0px !important; 
   -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
  color: white;
}