* {
  box-sizing: border-box; }

::before, ::after {
  box-sizing: inherit; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

body {
  margin: 0; }

main {
  display: block; }

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0; }

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

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both; }

pre {
  font-family: monospace,monospace;
  font-size: inherit; }

address {
  font-style: inherit; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: inherit; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: bottom; }

embed, object, iframe {
  border: 0;
  vertical-align: bottom; }

button, input, optgroup, select, textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0; }

select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type='button'], [type='reset'], [type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none; }

button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled] {
  cursor: default; }

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText; }

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

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

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

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

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

::-webkit-input-placeholder {
  font: inherit; }

:-ms-input-placeholder {
  font: inherit; }

::-ms-input-placeholder {
  font: inherit; }

::placeholder {
  font: inherit; }

label[for] {
  cursor: pointer; }

details {
  display: block; }

summary {
  display: list-item; }

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

caption {
  text-align: left; }

td, th {
  vertical-align: top; }

th {
  text-align: left;
  font-weight: 700; }

template {
  display: none; }

[hidden] {
  display: none; }

/*
	Container width	
*/
/*
	General setting
*/
.container {
  width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }

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

.col {
  flex: auto;
  padding-left: 15px;
  padding-right: 15px; }

.col-1 {
  max-width: 8.33333%;
  flex: 0 0 8.33333%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-1 {
  margin-right: 8.33333%; }

.col-2 {
  max-width: 16.66667%;
  flex: 0 0 16.66667%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-2 {
  margin-right: 16.66667%; }

.col-3 {
  max-width: 25%;
  flex: 0 0 25%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-3 {
  margin-right: 25%; }

.col-4 {
  max-width: 33.33333%;
  flex: 0 0 33.33333%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-4 {
  margin-right: 33.33333%; }

.col-5 {
  max-width: 41.66667%;
  flex: 0 0 41.66667%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-5 {
  margin-right: 41.66667%; }

.col-6 {
  max-width: 50%;
  flex: 0 0 50%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-6 {
  margin-right: 50%; }

.col-7 {
  max-width: 58.33333%;
  flex: 0 0 58.33333%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-7 {
  margin-right: 58.33333%; }

.col-8 {
  max-width: 66.66667%;
  flex: 0 0 66.66667%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-8 {
  margin-right: 66.66667%; }

.col-9 {
  max-width: 75%;
  flex: 0 0 75%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-9 {
  margin-right: 75%; }

.col-10 {
  max-width: 83.33333%;
  flex: 0 0 83.33333%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-10 {
  margin-right: 83.33333%; }

.col-11 {
  max-width: 91.66667%;
  flex: 0 0 91.66667%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-11 {
  margin-right: 91.66667%; }

.col-12 {
  max-width: 100%;
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 15px; }

.col-offset-12 {
  margin-right: 100%; }

.btn {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
  color: #3e3e3e;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px; }
  .btn:hover {
    color: #000; }
  .btn-primary {
    color: #fff;
    background-color: #4a76a8;
    border-width: 1px;
    border-color: #4a76a8;
    border-style: solid; }
    .btn-primary:hover {
      background-color: #335173;
      border-color: #335173;
      color: #fff; }
    .btn-primary.btn-outline {
      color: #4a76a8; }
      .btn-primary.btn-outline:hover {
        color: #335173; }
  .btn-success {
    color: #fff;
    background-color: #4CAF50;
    border-width: 1px;
    border-color: #4CAF50;
    border-style: solid; }
    .btn-success:hover {
      background-color: #357a38;
      border-color: #357a38;
      color: #fff; }
    .btn-success.btn-outline {
      color: #4CAF50; }
      .btn-success.btn-outline:hover {
        color: #357a38; }
  .btn-danger {
    color: #fff;
    background-color: #FF5252;
    border-width: 1px;
    border-color: #FF5252;
    border-style: solid; }
    .btn-danger:hover {
      background-color: #ff0606;
      border-color: #ff0606;
      color: #fff; }
    .btn-danger.btn-outline {
      color: #FF5252; }
      .btn-danger.btn-outline:hover {
        color: #ff0606; }
  .btn-warning {
    color: #000;
    background-color: #ffc107;
    border-width: 1px;
    border-color: #ffc107;
    border-style: solid; }
    .btn-warning:hover {
      background-color: #ba8b00;
      border-color: #ba8b00;
      color: #000; }
    .btn-warning.btn-outline {
      color: #ffc107; }
      .btn-warning.btn-outline:hover {
        color: #ba8b00; }
  .btn-outline {
    background-color: transparent; }
    .btn-outline:hover {
      background-color: transparent; }

.form {
  display: flex;
  margin: 0px -15px;
  flex-wrap: wrap; }
  .form-group {
    margin-bottom: 15px;
    padding: 0px 15px; }
    .form-group:last-child {
      margin: 0px; }
    .form-group-large {
      max-width: 100%;
      flex: 0 0 100%; }
    .form-group-half {
      max-width: 50%;
      flex: 0 0 50%; }
    .form-group label {
      width: 100%;
      display: inline-block; }
      .form-group label input, .form-group label textarea {
        margin-top: 10px;
        display: block;
        width: 100%;
        padding: 10px 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
        .form-group label input:focus, .form-group label textarea:focus {
          color: #495057;
          background-color: #fff;
          border-color: #80bdff;
          outline: 0;
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }