body {
  font-family: PingFang SC;
  position: relative; }

.container-fluid {
  padding: 0;
  min-width: 1200px; }

.row {
  margin: 0; }

@media (min-width: 576px) {
  #container .section {
    min-height: 700px; } }
@media (min-width: 768px) {
  #container .section {
    min-height: 700px; } }
@media (min-width: 992px) {
  #container .section {
    min-height: 700px; } }
@media (min-width: 1200px) {
  #container .section {
    min-height: 700px; } }
.shadow-sm {
  box-shadow: rgba(0, 0, 0, 0.16) 0px -5px 20px 0px, rgba(0, 0, 0, 0.23) 0px 6px 50px 1px; }

.rounded {
  border-radius: 0.25rem !important; }

.bg-white {
  background-color: #fff !important; }

p {
  font-size: 14px;
  line-height: 22px; }

.btn {
  padding: 10px 80px;
  border-radius: 2px; }

.btn-outline-default {
  color: #555;
  background-color: transparent;
  background-image: none;
  border-color: #ddd; }

.btn-outline-default:hover {
  color: #fff;
  background-color: #999;
  border-color: #eee; }

.btn-outline-default:focus, .btn-outline-default.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-default.disabled, .btn-outline-default:disabled {
  color: #0074cd;
  background-color: transparent; }

.btn-outline-primary {
  color: #0074cd;
  background-color: transparent;
  background-image: none;
  border-color: #0074cd; }

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0074cd;
  border-color: #0074cd; }

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0074cd;
  background-color: transparent; }

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

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #1d95f3;
  border-color: #1d95f3; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf; }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }

.carousel-indicators li {
  border: none;
  border-radius: 0;
  width: 80px;
  height: 4px;
  margin: 0 4px;
  background-color: white;
  opacity: .3; }

.carousel-indicators .active {
  width: 80px;
  height: 4px;
  margin: 0 4px;
  background-color: white;
  opacity: 1; }

.media > .pull-left {
  margin-right: 40px; }

.form-control {
  border-radius: 0;
  border: 0px;
  outline: 1px solid #cccccc;
  font-size: 18px;
  padding: 4px 6px; }

textarea.form-control {
  padding-top: 14px; }

.btns a:hover, a.btns:focus {
  color: inherit;
  text-decoration: none; }

.affix {
  top: 0; }

.affix-top {
  margin-top: 20px; }

.guide-nav.nav > li > a {
  padding: 0; }

.modal {
  margin-top: 180px;
  text-align: center; }
  .modal .modal-dialog {
    width: 800px; }
  .modal .modal-header {
    border: 0; }
  .modal .modal-body {
    margin-bottom: 20px; }
    .modal .modal-body h5 {
      margin: 0 0 24px;
      font-size: 18px;
      color: #0c86e3; }
    .modal .modal-body .image-container .download-icon {
      display: block;
      width: 148px;
      height: 148px;
      border: 1px solid #ddd;
      margin: 0 auto;
      padding-top: 45px; }
    .modal .modal-body p {
      font-size: 16px;
      color: #888;
      margin: 20px 0; }

.vjs-big-play-button {
  display: none !important; }