html, body {
	font-family: Microsoft YaHei;
}

.bg-default {
	background-color: #0099BC;
}

@media ( min-width : 34em) {
	.navbar {
		border-radius: 0rem;
	}
}

.footer {
	background-color: #f7f7f7;
	padding: 4rem 0;
	margin-top: 4rem;
	font-size: 85%;
}

.footer a {
	color: #818a91;
}

.featurette {
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #555;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #eeeeee;
}

.featurette-main {
	border-top: none;
	background-image: url("./banner.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

@media ( min-width : 34em) {
	.featurette {
		text-align: left;
	}
}

@media ( min-width : 768px) {
	.featurette {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}

.featurette-title {
	margin-bottom: .5rem;
	font-size: 2rem;
	font-weight: 400;
	color: #333;
	text-align: center;
}

@media ( min-width : 768px) {
	.featurette-title {
		font-size: 2.5rem;
	}
}

.featurette .lead {
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	font-size: 1rem;
	text-align: center;
}

@media ( min-width : 768px) {
	.featurette-title+.lead {
		font-size: 1.5rem;
	}
}

@media ( min-width : 768px) {
	.featurette .lead {
		max-width: 80%;
	}
}

@media ( min-width : 48em) {
	.featurette .col-sm-6:first-child {
		padding-right: 2.8125rem;
	}
}

@media ( min-width : 48em) {
	.featurette .col-sm-6:last-child {
		padding-left: 2.8125rem;
	}
}

.half-rule {
	width: 6rem;
	margin: 2.5rem auto;
}

@media ( min-width : 34em) {
	.half-rule {
		margin-right: 0;
		margin-left: 0;
	}
}

.featured-items {
	margin-right: -1px;
	margin-left: -1px;
}

.form-group>label {
	text-align: right;
}

.pagination .controls a {
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
}

.pagination .controls input {
	border: 0;
	width: 30px;
	text-align: center;
}

.cms-header {
	color: #0099BC;
	margin: .5rem 0;
	padding: .5rem 0;
}

h4.cms-header, h5.cms-header {
	border-bottom: 1px solid #ECEEEF;
}

h4.cms-header:before {
	content: ">";
}

h5.cms-header {
	font-size: 1rem;
}

.cms-header small {
	font-size: 75%;
}

.cms-title {
	padding: .25rem 0;
}

a {
	color: #000;
}

.hide {
	display: none;
}

.btn-outline {
	color: #FFF;
	border-color: #FFF;
	border-width: 3px;
	font-weight : bold;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	color: #CCC;
	border-color: #CCC;
	background-color: #0099BC;
}

.help-text {
	padding: 0 5px;
}

.table-purchase {
	width: 100%;
}

.table-purchase td {
	border-top: 1px dashed #0099BC;
	padding: .5rem .25rem;
	font-size: 1rem;
}

.table-purchase td>small {
	font-size: 90%;
	color: rgba(0, 0, 0, .3);
}

.table-purchase td.before {
	color: #0099BC;
	vertical-align: top;
}

.table-purchase td.status {
	width: 100px;
	vertical-align: top;
}

.table-purchase .clear-border td {
	border-top: none;
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus,
	.nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active,
	.nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
	color: #FFF;
	background-color: #0099BC;
	border-color: #ddd #ddd transparent;
}

.nav-tabs .nav-link {
	padding: .5em 2em;
}