@charset "UTF-8";

/********* header *********/
.corporate_brand {
    padding-top: 15px;
    position: absolute;
}

.corporate_logo {
    height: 22px;
    margin-left: 15px;
}

.header-title {
    margin-left: 110px;
    padding-top: 6px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
    text-align: center;
}

.page-top {
    font-size: 1.5em;
}

.nav-btn {
  margin-bottom: 60px;
}

/********* footer *********/
/* for all width. */
.footer {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-top-color: #e7e7e7;
}

/********* side bar *********/
/* for all width. */
.bs-docs-sidebar.affix {
    position: fixed;
    top: 80px;
    width: 187px;
}

.bs-docs-sidenav {
    margin-top: 0px;
}

.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus,
.bs-docs-sidebar .nav > li > a {
    display: block;
    width: inherit;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 4px 22px;
    text-indent: -1em;
    text-decoration: none;
    background-color: transparent;
    border-left: 0px solid #10218B;
    border-right: 0px solid #10218B;
}

.bs-docs-sidebar .nav > .active > a:hover,
.bs-docs-sidebar .nav > .active > a:focus,
.bs-docs-sidebar .nav > .active > a {
  padding-left: 19px;
  font-weight: bold;
  color: #10218B;
  background-color: transparent;
  border-left: 3px solid #10218B;
  border-right: 0px solid #10218B;
}

.bs-docs-sidebar .nav > .visited > a:hover,
.bs-docs-sidebar .nav > .visited > a:focus,
.bs-docs-sidebar .nav > .visited > a {
  padding-left: 19px;
  font-weight: bold;
  color: #10218B;
  background-color: transparent;
  border-left: 3px solid #10218B;
  border-right: 0px solid #10218B;
}


/* header collapse bar */
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    color: #777;
    background-color: transparent;
}

.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus {
    color: #10218B;
}
.navbar-nav > li.active > a {
    font-weight: bold;
}

.navbar-nav > li.visited > a:hover,
.navbar-nav > li.visited > a:focus {
    color: #777;
    font-weight: bold;
    background-color: transparent;
}
.navbar-nav > li.visited > a {
    color: #10218B;
}

/********* main contents *********/
/* for all width. */
.inline {
    display: inline;
}

/* for all width. */
body {
    padding-top: 80px;
}

section {
    padding-bottom: 40px;
}

.title {
    margin-top: -80px;
    padding-top: 80px;
}

.btn-primary {
    color: #fff;
    background-color: #10218B;
    border-color: #091468;
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #3399F0;
    background-position: 0 -15px;
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.note {

}

.caution tbody>tr>td {
    border: 1px solid #000;
}

.note tbody>tr>td {
    border: 1px solid #000;
}

.images {
    margin-bottom: 10px;
}

.step {

}

ul {
    padding-left: 16px;
}

.top .list-group-item {
    border: none;
    padding: 10px 0px;
}

.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 {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.navbar-toggle {
    float: right;
    margin-left: 0px;
    margin-right: 0px;
}

.note-icon {
    margin-right: 2px;
}

/* for < 479px width. */
@media ( max-width : 479px) {
    .navbar-header h4 {
        font-size: 12px;
    }
}

/* for 768px < 992px width. */
@media ( min-width : 768px) {
  .footer {
      position: fixed;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1030;
  }

  .navbar-header {
      float: left;
  }
}

/* for 992px < 1200px width. */
@media ( min-width : 992px) { /**/
  .footer {
      position: fixed;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1030;
  }
  .navbar-header {
      float: left;
  }
  .bs-docs-sidebar.affix {
      width: 242px;
  }
}

/* for 1200px < x width.*/
@media ( min-width : 1200px) { /**/
  .footer {
      position: fixed;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 1030;
  }
  .navbar-header {
      float: left;
  }
  .bs-docs-sidebar.affix {
      width: 292px;
  }
}