@charset "UTF-8";@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
  color: #868e96;
  opacity: 1
}

.form-control::-moz-placeholder {
  color: #868e96;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #868e96;
  opacity: 1
}

.form-control::-ms-input-placeholder {
  color: #868e96;
  opacity: 1
}

.form-control::placeholder {
  color: #868e96;
  opacity: 1
}

.form-control:disabled,.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.form-control-file,.form-control-range {
  display: block;
  width: 100%
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

select.form-control-sm:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px)
}

.form-control-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

select.form-control-lg:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px)
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
  padding-right: 5px;
  padding-left: 5px
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem
}

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
  color: #868e96
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #28a745
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40,167,69,.8);
  border-radius: .2rem
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
  border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid~.custom-control-label,.form-check-input.is-valid~.form-check-label,.was-validated .custom-control-input:valid~.custom-control-label,.was-validated .form-check-input:valid~.form-check-label {
  color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before {
  background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25);
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label:before,.was-validated .custom-file-input:valid~.custom-file-label:before {
  border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
  display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
  -webkit-box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220,53,69,.8);
  border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
  border-color: #dc3545
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid~.custom-control-label,.form-check-input.is-invalid~.form-check-label,.was-validated .custom-control-input:invalid~.custom-control-label,.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before {
  background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25);
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label:before,.was-validated .custom-file-input:invalid~.custom-file-label:before {
  border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
  display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  -webkit-box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width: 576px) {
  .form-inline label {
      -ms-flex-align:center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .form-inline .form-group,.form-inline label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-bottom: 0
  }

  .form-inline .form-group {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -ms-flex-align: center
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .form-inline .form-control-plaintext {
      display: inline-block
  }

  .form-inline .input-group {
      width: auto
  }

  .form-inline .form-check {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: auto;
      padding-left: 0
  }

  .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: .25rem;
      margin-left: 0
  }

  .form-inline .custom-control {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .form-inline .custom-control-label {
      margin-bottom: 0
  }
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@-ms-viewport {
  width: device-width
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
  display: block
}

body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}

[tabindex="-1"]:focus {
  outline: 0!important
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

address {
  font-style: normal;
  line-height: inherit
}

address,dl,ol,ul {
  margin-bottom: 1rem
}

dl,ol,ul {
  margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

dfn {
  font-style: italic
}

b,strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #007bff;
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance: button
}

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

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

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

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

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none!important
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container {
      max-width:1140px
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}

.col-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none
}

.col-1,.col-auto {
  -webkit-box-flex: 0
}

.col-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-2,.col-3 {
  -webkit-box-flex: 0
}

.col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-4,.col-5 {
  -webkit-box-flex: 0
}

.col-5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-6,.col-7 {
  -webkit-box-flex: 0
}

.col-7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-8,.col-9 {
  -webkit-box-flex: 0
}

.col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-10,.col-11 {
  -webkit-box-flex: 0
}

.col-11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

@media (min-width: 576px) {
  .col-sm {
      -webkit-flex-basis:0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .col-sm-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

  .col-sm-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-sm-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-sm-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-sm-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-sm-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-sm-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-sm-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-sm-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-sm-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-sm-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-sm-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-sm-first {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1
  }

  .order-sm-1 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1
  }

  .order-sm-2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2
  }

  .order-sm-3 {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3
  }

  .order-sm-4 {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
      -ms-flex-order: 4;
      order: 4
  }

  .order-sm-5 {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
      -ms-flex-order: 5;
      order: 5
  }

  .order-sm-6 {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
      -ms-flex-order: 6;
      order: 6
  }

  .order-sm-7 {
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
      -ms-flex-order: 7;
      order: 7
  }

  .order-sm-8 {
      -webkit-box-ordinal-group: 9;
      -webkit-order: 8;
      -ms-flex-order: 8;
      order: 8
  }

  .order-sm-9 {
      -webkit-box-ordinal-group: 10;
      -webkit-order: 9;
      -ms-flex-order: 9;
      order: 9
  }

  .order-sm-10 {
      -webkit-box-ordinal-group: 11;
      -webkit-order: 10;
      -ms-flex-order: 10;
      order: 10
  }

  .order-sm-11 {
      -webkit-box-ordinal-group: 12;
      -webkit-order: 11;
      -ms-flex-order: 11;
      order: 11
  }

  .order-sm-12 {
      -webkit-box-ordinal-group: 13;
      -webkit-order: 12;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.33333%
  }

  .offset-sm-2 {
      margin-left: 16.66667%
  }

  .offset-sm-3 {
      margin-left: 25%
  }

  .offset-sm-4 {
      margin-left: 33.33333%
  }

  .offset-sm-5 {
      margin-left: 41.66667%
  }

  .offset-sm-6 {
      margin-left: 50%
  }

  .offset-sm-7 {
      margin-left: 58.33333%
  }

  .offset-sm-8 {
      margin-left: 66.66667%
  }

  .offset-sm-9 {
      margin-left: 75%
  }

  .offset-sm-10 {
      margin-left: 83.33333%
  }

  .offset-sm-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 768px) {
  .col-md {
      -webkit-flex-basis:0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .col-md-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

  .col-md-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-md-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-md-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-md-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-md-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-md-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-md-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-md-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-md-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-md-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-md-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-md-first {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1
  }

  .order-md-1 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1
  }

  .order-md-2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2
  }

  .order-md-3 {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3
  }

  .order-md-4 {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
      -ms-flex-order: 4;
      order: 4
  }

  .order-md-5 {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
      -ms-flex-order: 5;
      order: 5
  }

  .order-md-6 {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
      -ms-flex-order: 6;
      order: 6
  }

  .order-md-7 {
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
      -ms-flex-order: 7;
      order: 7
  }

  .order-md-8 {
      -webkit-box-ordinal-group: 9;
      -webkit-order: 8;
      -ms-flex-order: 8;
      order: 8
  }

  .order-md-9 {
      -webkit-box-ordinal-group: 10;
      -webkit-order: 9;
      -ms-flex-order: 9;
      order: 9
  }

  .order-md-10 {
      -webkit-box-ordinal-group: 11;
      -webkit-order: 10;
      -ms-flex-order: 10;
      order: 10
  }

  .order-md-11 {
      -webkit-box-ordinal-group: 12;
      -webkit-order: 11;
      -ms-flex-order: 11;
      order: 11
  }

  .order-md-12 {
      -webkit-box-ordinal-group: 13;
      -webkit-order: 12;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.33333%
  }

  .offset-md-2 {
      margin-left: 16.66667%
  }

  .offset-md-3 {
      margin-left: 25%
  }

  .offset-md-4 {
      margin-left: 33.33333%
  }

  .offset-md-5 {
      margin-left: 41.66667%
  }

  .offset-md-6 {
      margin-left: 50%
  }

  .offset-md-7 {
      margin-left: 58.33333%
  }

  .offset-md-8 {
      margin-left: 66.66667%
  }

  .offset-md-9 {
      margin-left: 75%
  }

  .offset-md-10 {
      margin-left: 83.33333%
  }

  .offset-md-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 992px) {
  .col-lg {
      -webkit-flex-basis:0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .col-lg-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

  .col-lg-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-lg-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-lg-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-lg-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-lg-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-lg-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-lg-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-lg-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-lg-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-lg-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-lg-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-lg-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-lg-first {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1
  }

  .order-lg-1 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1
  }

  .order-lg-2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2
  }

  .order-lg-3 {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3
  }

  .order-lg-4 {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
      -ms-flex-order: 4;
      order: 4
  }

  .order-lg-5 {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
      -ms-flex-order: 5;
      order: 5
  }

  .order-lg-6 {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
      -ms-flex-order: 6;
      order: 6
  }

  .order-lg-7 {
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
      -ms-flex-order: 7;
      order: 7
  }

  .order-lg-8 {
      -webkit-box-ordinal-group: 9;
      -webkit-order: 8;
      -ms-flex-order: 8;
      order: 8
  }

  .order-lg-9 {
      -webkit-box-ordinal-group: 10;
      -webkit-order: 9;
      -ms-flex-order: 9;
      order: 9
  }

  .order-lg-10 {
      -webkit-box-ordinal-group: 11;
      -webkit-order: 10;
      -ms-flex-order: 10;
      order: 10
  }

  .order-lg-11 {
      -webkit-box-ordinal-group: 12;
      -webkit-order: 11;
      -ms-flex-order: 11;
      order: 11
  }

  .order-lg-12 {
      -webkit-box-ordinal-group: 13;
      -webkit-order: 12;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.33333%
  }

  .offset-lg-2 {
      margin-left: 16.66667%
  }

  .offset-lg-3 {
      margin-left: 25%
  }

  .offset-lg-4 {
      margin-left: 33.33333%
  }

  .offset-lg-5 {
      margin-left: 41.66667%
  }

  .offset-lg-6 {
      margin-left: 50%
  }

  .offset-lg-7 {
      margin-left: 58.33333%
  }

  .offset-lg-8 {
      margin-left: 66.66667%
  }

  .offset-lg-9 {
      margin-left: 75%
  }

  .offset-lg-10 {
      margin-left: 83.33333%
  }

  .offset-lg-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 1200px) {
  .col-xl {
      -webkit-flex-basis:0;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .col-xl-auto {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: none
  }

  .col-xl-1 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-xl-2 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xl-3 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-xl-4 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-xl-5 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-xl-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-xl-7 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-xl-8 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-xl-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-xl-10 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-xl-11 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-xl-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-xl-first {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1
  }

  .order-xl-1 {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1
  }

  .order-xl-2 {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2
  }

  .order-xl-3 {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3
  }

  .order-xl-4 {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
      -ms-flex-order: 4;
      order: 4
  }

  .order-xl-5 {
      -webkit-box-ordinal-group: 6;
      -webkit-order: 5;
      -ms-flex-order: 5;
      order: 5
  }

  .order-xl-6 {
      -webkit-box-ordinal-group: 7;
      -webkit-order: 6;
      -ms-flex-order: 6;
      order: 6
  }

  .order-xl-7 {
      -webkit-box-ordinal-group: 8;
      -webkit-order: 7;
      -ms-flex-order: 7;
      order: 7
  }

  .order-xl-8 {
      -webkit-box-ordinal-group: 9;
      -webkit-order: 8;
      -ms-flex-order: 8;
      order: 8
  }

  .order-xl-9 {
      -webkit-box-ordinal-group: 10;
      -webkit-order: 9;
      -ms-flex-order: 9;
      order: 9
  }

  .order-xl-10 {
      -webkit-box-ordinal-group: 11;
      -webkit-order: 10;
      -ms-flex-order: 10;
      order: 10
  }

  .order-xl-11 {
      -webkit-box-ordinal-group: 12;
      -webkit-order: 11;
      -ms-flex-order: 11;
      order: 11
  }

  .order-xl-12 {
      -webkit-box-ordinal-group: 13;
      -webkit-order: 12;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.33333%
  }

  .offset-xl-2 {
      margin-left: 16.66667%
  }

  .offset-xl-3 {
      margin-left: 25%
  }

  .offset-xl-4 {
      margin-left: 33.33333%
  }

  .offset-xl-5 {
      margin-left: 41.66667%
  }

  .offset-xl-6 {
      margin-left: 50%
  }

  .offset-xl-7 {
      margin-left: 58.33333%
  }

  .offset-xl-8 {
      margin-left: 66.66667%
  }

  .offset-xl-9 {
      margin-left: 75%
  }

  .offset-xl-10 {
      margin-left: 83.33333%
  }

  .offset-xl-11 {
      margin-left: 91.66667%
  }
}

.flex-row {
  -webkit-box-orient: horizontal!important;
  -webkit-flex-direction: row!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important
}

.flex-column,.flex-row {
  -webkit-box-direction: normal!important
}

.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-flex-direction: column!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal!important;
  -webkit-flex-direction: row-reverse!important;
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important
}

.flex-column-reverse,.flex-row-reverse {
  -webkit-box-direction: reverse!important
}

.flex-column-reverse {
  -webkit-box-orient: vertical!important;
  -webkit-flex-direction: column-reverse!important;
  -ms-flex-direction: column-reverse!important;
  flex-direction: column-reverse!important
}

.flex-wrap {
  -webkit-flex-wrap: wrap!important;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap!important;
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse!important;
  -ms-flex-wrap: wrap-reverse!important;
  flex-wrap: wrap-reverse!important
}

.justify-content-start {
  -webkit-box-pack: start!important;
  -webkit-justify-content: flex-start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.justify-content-end {
  -webkit-box-pack: end!important;
  -webkit-justify-content: flex-end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -webkit-justify-content: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -webkit-justify-content: space-between!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.justify-content-around {
  -webkit-justify-content: space-around!important;
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.align-items-start {
  -webkit-box-align: start!important;
  -webkit-align-items: flex-start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.align-items-end {
  -webkit-box-align: end!important;
  -webkit-align-items: flex-end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.align-items-center {
  -webkit-box-align: center!important;
  -webkit-align-items: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.align-items-baseline {
  -webkit-box-align: baseline!important;
  -webkit-align-items: baseline!important;
  -ms-flex-align: baseline!important;
  align-items: baseline!important
}

.align-items-stretch {
  -webkit-box-align: stretch!important;
  -webkit-align-items: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

.align-content-start {
  -webkit-align-content: flex-start!important;
  -ms-flex-line-pack: start!important;
  align-content: flex-start!important
}

.align-content-end {
  -webkit-align-content: flex-end!important;
  -ms-flex-line-pack: end!important;
  align-content: flex-end!important
}

.align-content-center {
  -webkit-align-content: center!important;
  -ms-flex-line-pack: center!important;
  align-content: center!important
}

.align-content-between {
  -webkit-align-content: space-between!important;
  -ms-flex-line-pack: justify!important;
  align-content: space-between!important
}

.align-content-around {
  -webkit-align-content: space-around!important;
  -ms-flex-line-pack: distribute!important;
  align-content: space-around!important
}

.align-content-stretch {
  -webkit-align-content: stretch!important;
  -ms-flex-line-pack: stretch!important;
  align-content: stretch!important
}

.align-self-auto {
  -webkit-align-self: auto!important;
  -ms-flex-item-align: auto!important;
  align-self: auto!important
}

.align-self-start {
  -webkit-align-self: flex-start!important;
  -ms-flex-item-align: start!important;
  align-self: flex-start!important
}

.align-self-end {
  -webkit-align-self: flex-end!important;
  -ms-flex-item-align: end!important;
  align-self: flex-end!important
}

.align-self-center {
  -webkit-align-self: center!important;
  -ms-flex-item-align: center!important;
  align-self: center!important
}

.align-self-baseline {
  -webkit-align-self: baseline!important;
  -ms-flex-item-align: baseline!important;
  align-self: baseline!important
}

.align-self-stretch {
  -webkit-align-self: stretch!important;
  -ms-flex-item-align: stretch!important;
  align-self: stretch!important
}

@media (min-width: 576px) {
  .flex-sm-row {
      -webkit-box-orient:horizontal!important;
      -webkit-flex-direction: row!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .flex-sm-column,.flex-sm-row {
      -webkit-box-direction: normal!important
  }

  .flex-sm-column {
      -webkit-box-orient: vertical!important;
      -webkit-flex-direction: column!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .flex-sm-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: row-reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .flex-sm-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: column-reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .flex-sm-wrap {
      -webkit-flex-wrap: wrap!important;
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .flex-sm-nowrap {
      -webkit-flex-wrap: nowrap!important;
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .flex-sm-wrap-reverse {
      -webkit-flex-wrap: wrap-reverse!important;
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .justify-content-sm-start {
      -webkit-box-pack: start!important;
      -webkit-justify-content: flex-start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .justify-content-sm-end {
      -webkit-box-pack: end!important;
      -webkit-justify-content: flex-end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .justify-content-sm-center {
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .justify-content-sm-between {
      -webkit-box-pack: justify!important;
      -webkit-justify-content: space-between!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .justify-content-sm-around {
      -webkit-justify-content: space-around!important;
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .align-items-sm-start {
      -webkit-box-align: start!important;
      -webkit-align-items: flex-start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .align-items-sm-end {
      -webkit-box-align: end!important;
      -webkit-align-items: flex-end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .align-items-sm-center {
      -webkit-box-align: center!important;
      -webkit-align-items: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .align-items-sm-baseline {
      -webkit-box-align: baseline!important;
      -webkit-align-items: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .align-items-sm-stretch {
      -webkit-box-align: stretch!important;
      -webkit-align-items: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .align-content-sm-start {
      -webkit-align-content: flex-start!important;
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .align-content-sm-end {
      -webkit-align-content: flex-end!important;
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .align-content-sm-center {
      -webkit-align-content: center!important;
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .align-content-sm-between {
      -webkit-align-content: space-between!important;
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .align-content-sm-around {
      -webkit-align-content: space-around!important;
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .align-content-sm-stretch {
      -webkit-align-content: stretch!important;
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .align-self-sm-auto {
      -webkit-align-self: auto!important;
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .align-self-sm-start {
      -webkit-align-self: flex-start!important;
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .align-self-sm-end {
      -webkit-align-self: flex-end!important;
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .align-self-sm-center {
      -webkit-align-self: center!important;
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .align-self-sm-baseline {
      -webkit-align-self: baseline!important;
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .align-self-sm-stretch {
      -webkit-align-self: stretch!important;
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }
}

@media (min-width: 768px) {
  .flex-md-row {
      -webkit-box-orient:horizontal!important;
      -webkit-flex-direction: row!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .flex-md-column,.flex-md-row {
      -webkit-box-direction: normal!important
  }

  .flex-md-column {
      -webkit-box-orient: vertical!important;
      -webkit-flex-direction: column!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .flex-md-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: row-reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .flex-md-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: column-reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .flex-md-wrap {
      -webkit-flex-wrap: wrap!important;
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .flex-md-nowrap {
      -webkit-flex-wrap: nowrap!important;
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .flex-md-wrap-reverse {
      -webkit-flex-wrap: wrap-reverse!important;
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .justify-content-md-start {
      -webkit-box-pack: start!important;
      -webkit-justify-content: flex-start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .justify-content-md-end {
      -webkit-box-pack: end!important;
      -webkit-justify-content: flex-end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .justify-content-md-center {
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .justify-content-md-between {
      -webkit-box-pack: justify!important;
      -webkit-justify-content: space-between!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .justify-content-md-around {
      -webkit-justify-content: space-around!important;
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .align-items-md-start {
      -webkit-box-align: start!important;
      -webkit-align-items: flex-start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .align-items-md-end {
      -webkit-box-align: end!important;
      -webkit-align-items: flex-end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .align-items-md-center {
      -webkit-box-align: center!important;
      -webkit-align-items: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .align-items-md-baseline {
      -webkit-box-align: baseline!important;
      -webkit-align-items: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .align-items-md-stretch {
      -webkit-box-align: stretch!important;
      -webkit-align-items: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .align-content-md-start {
      -webkit-align-content: flex-start!important;
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .align-content-md-end {
      -webkit-align-content: flex-end!important;
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .align-content-md-center {
      -webkit-align-content: center!important;
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .align-content-md-between {
      -webkit-align-content: space-between!important;
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .align-content-md-around {
      -webkit-align-content: space-around!important;
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .align-content-md-stretch {
      -webkit-align-content: stretch!important;
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .align-self-md-auto {
      -webkit-align-self: auto!important;
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .align-self-md-start {
      -webkit-align-self: flex-start!important;
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .align-self-md-end {
      -webkit-align-self: flex-end!important;
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .align-self-md-center {
      -webkit-align-self: center!important;
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .align-self-md-baseline {
      -webkit-align-self: baseline!important;
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .align-self-md-stretch {
      -webkit-align-self: stretch!important;
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
      -webkit-box-orient:horizontal!important;
      -webkit-flex-direction: row!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .flex-lg-column,.flex-lg-row {
      -webkit-box-direction: normal!important
  }

  .flex-lg-column {
      -webkit-box-orient: vertical!important;
      -webkit-flex-direction: column!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .flex-lg-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: row-reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .flex-lg-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: column-reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .flex-lg-wrap {
      -webkit-flex-wrap: wrap!important;
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .flex-lg-nowrap {
      -webkit-flex-wrap: nowrap!important;
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .flex-lg-wrap-reverse {
      -webkit-flex-wrap: wrap-reverse!important;
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .justify-content-lg-start {
      -webkit-box-pack: start!important;
      -webkit-justify-content: flex-start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .justify-content-lg-end {
      -webkit-box-pack: end!important;
      -webkit-justify-content: flex-end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .justify-content-lg-center {
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .justify-content-lg-between {
      -webkit-box-pack: justify!important;
      -webkit-justify-content: space-between!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .justify-content-lg-around {
      -webkit-justify-content: space-around!important;
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .align-items-lg-start {
      -webkit-box-align: start!important;
      -webkit-align-items: flex-start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .align-items-lg-end {
      -webkit-box-align: end!important;
      -webkit-align-items: flex-end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .align-items-lg-center {
      -webkit-box-align: center!important;
      -webkit-align-items: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .align-items-lg-baseline {
      -webkit-box-align: baseline!important;
      -webkit-align-items: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .align-items-lg-stretch {
      -webkit-box-align: stretch!important;
      -webkit-align-items: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .align-content-lg-start {
      -webkit-align-content: flex-start!important;
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .align-content-lg-end {
      -webkit-align-content: flex-end!important;
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .align-content-lg-center {
      -webkit-align-content: center!important;
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .align-content-lg-between {
      -webkit-align-content: space-between!important;
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .align-content-lg-around {
      -webkit-align-content: space-around!important;
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .align-content-lg-stretch {
      -webkit-align-content: stretch!important;
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .align-self-lg-auto {
      -webkit-align-self: auto!important;
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .align-self-lg-start {
      -webkit-align-self: flex-start!important;
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .align-self-lg-end {
      -webkit-align-self: flex-end!important;
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .align-self-lg-center {
      -webkit-align-self: center!important;
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .align-self-lg-baseline {
      -webkit-align-self: baseline!important;
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .align-self-lg-stretch {
      -webkit-align-self: stretch!important;
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
      -webkit-box-orient:horizontal!important;
      -webkit-flex-direction: row!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .flex-xl-column,.flex-xl-row {
      -webkit-box-direction: normal!important
  }

  .flex-xl-column {
      -webkit-box-orient: vertical!important;
      -webkit-flex-direction: column!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .flex-xl-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: row-reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .flex-xl-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -webkit-flex-direction: column-reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .flex-xl-wrap {
      -webkit-flex-wrap: wrap!important;
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .flex-xl-nowrap {
      -webkit-flex-wrap: nowrap!important;
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .flex-xl-wrap-reverse {
      -webkit-flex-wrap: wrap-reverse!important;
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .justify-content-xl-start {
      -webkit-box-pack: start!important;
      -webkit-justify-content: flex-start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .justify-content-xl-end {
      -webkit-box-pack: end!important;
      -webkit-justify-content: flex-end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .justify-content-xl-center {
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .justify-content-xl-between {
      -webkit-box-pack: justify!important;
      -webkit-justify-content: space-between!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .justify-content-xl-around {
      -webkit-justify-content: space-around!important;
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .align-items-xl-start {
      -webkit-box-align: start!important;
      -webkit-align-items: flex-start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .align-items-xl-end {
      -webkit-box-align: end!important;
      -webkit-align-items: flex-end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .align-items-xl-center {
      -webkit-box-align: center!important;
      -webkit-align-items: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .align-items-xl-baseline {
      -webkit-box-align: baseline!important;
      -webkit-align-items: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .align-items-xl-stretch {
      -webkit-box-align: stretch!important;
      -webkit-align-items: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .align-content-xl-start {
      -webkit-align-content: flex-start!important;
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .align-content-xl-end {
      -webkit-align-content: flex-end!important;
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .align-content-xl-center {
      -webkit-align-content: center!important;
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .align-content-xl-between {
      -webkit-align-content: space-between!important;
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .align-content-xl-around {
      -webkit-align-content: space-around!important;
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .align-content-xl-stretch {
      -webkit-align-content: stretch!important;
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .align-self-xl-auto {
      -webkit-align-self: auto!important;
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .align-self-xl-start {
      -webkit-align-self: flex-start!important;
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .align-self-xl-end {
      -webkit-align-self: flex-end!important;
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .align-self-xl-center {
      -webkit-align-self: center!important;
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .align-self-xl-baseline {
      -webkit-align-self: baseline!important;
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .align-self-xl-stretch {
      -webkit-align-self: stretch!important;
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }
}

.align-baseline {
  vertical-align: baseline!important
}

.align-top {
  vertical-align: top!important
}

.align-middle {
  vertical-align: middle!important
}

.align-bottom {
  vertical-align: bottom!important
}

.align-text-bottom {
  vertical-align: text-bottom!important
}

.align-text-top {
  vertical-align: text-top!important
}

.border {
  border: 1px solid #e9ecef!important
}

.border-0 {
  border: 0!important
}

.border-top-0 {
  border-top: 0!important
}

.border-right-0 {
  border-right: 0!important
}

.border-bottom-0 {
  border-bottom: 0!important
}

.border-left-0 {
  border-left: 0!important
}

.border-primary {
  border-color: #007bff!important
}

.border-secondary {
  border-color: #868e96!important
}

.border-success {
  border-color: #28a745!important
}

.border-info {
  border-color: #17a2b8!important
}

.border-warning {
  border-color: #ffc107!important
}

.border-danger {
  border-color: #dc3545!important
}

.border-light {
  border-color: #f8f9fa!important
}

.border-dark {
  border-color: #343a40!important
}

.border-white {
  border-color: #fff!important
}

.rounded {
  border-radius: .25rem!important
}

.rounded-top {
  border-top-left-radius: .25rem!important
}

.rounded-right,.rounded-top {
  border-top-right-radius: .25rem!important
}

.rounded-bottom,.rounded-right {
  border-bottom-right-radius: .25rem!important
}

.rounded-bottom,.rounded-left {
  border-bottom-left-radius: .25rem!important
}

.rounded-left {
  border-top-left-radius: .25rem!important
}

.rounded-circle {
  border-radius: 50%!important
}

.rounded-0 {
  border-radius: 0!important
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slick-track:after,.slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.pc_Banner .slick-slide {
  height: 371px
}

.mo_Banner .slick-slide {
  height: 200px
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(../assets/slick.eot?ced611da);
  src: url(../assets/slick.eot?ced611da?#iefix) format("embedded-opentype"),url(../assets/slick.woff?b7c9e1e4) format("woff"),url(../assets/slick.ttf?d41f55a7) format("truetype"),url(../assets/slick.svg?f97e3bbf#slick) format("svg")
}

.slick-next,.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 99
}

.slick-next.slick-disabled:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev.slick-disabled:before,.slick-prev:focus:before,.slick-prev:hover:before {
  opacity: 1
}

.slick-next:before,.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

.slick-next {
  right: -25px
}

.slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: -39px 0 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px!important;
  margin: 0 10px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
  outline: none;
  background: transparent!important
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  display: table;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 99em;
  background: #fff;
  content: "";
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  background: #000
}

.topContent .slick-next,.topContent .slick-prev {
  display: none!important
}

.topContent .slick-dots li {
  width: 20px
}

.topContent .slick-dots {
  position: relative;
  margin: 29px 0 0
}

.tagContent .slick-dots {
  margin: 0
}

.tagContent .slick-dots li button:before {
  border: none
}

.exposeCase .topicContent .slick-dots {
  margin: 0
}

.exposeCase .topicContent .slick-dots li {
  width: 20px
}

.exposeCase .topicContent .slick-dots li button:before {
  border: none;
  background: #959595
}

.exposeCase .topicContent .slick-dots li.slick-active button:before {
  border: none;
  background: #6bad3d
}

.learningBox .exposeCase .topicContent li {
  margin: 0 4px 20px 0
}

.exposeCase .slick-prev {
  width: 46px;
  height: 108px;
  display: block;
  left: -46px
}

.exposeCase .slick-next {
  width: 46px;
  height: 108px;
  display: block;
  right: -29px
}

.navigation .tagContent .slick-dots {
  margin: -13px 0 0;
  width: auto;
  text-align: right;
  position: relative;
  bottom: -11px
}

.eventBox .navigation .tagContent .slick-dots {
  margin: -13px 0 0;
  width: auto;
  text-align: right;
  position: relative;
  bottom: -26px
}

.navigation .slick-dots li button:before {
  background: #959595
}

.navigation .slick-dots li.slick-active button:before {
  background: #6bad3d
}

.recentBox .slick-dots {
  display: none!important
}

.recentBox .slick-list {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto
}

.banner .slick-prev,.recentBox .slick-prev {
  left: 0;
  width: 40px;
  height: 93px
}

.banner .slick-next,.recentBox .slick-next {
  right: 0;
  width: 40px;
  height: 93px
}

a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,tfoot,thead,time,tt,u,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit
}

td,th,tr {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block
}

body {
  line-height: 1
}

blockquote,q {
  quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
  content: "";
  content: none
}

.myMOUSE {
  cursor: default
}

.error {
  font-size: 12px;
  color: #fc7314
}

@font-face {
  font-family: optima;
  src: url(../assets/optima.ttf?50488db3)
}

@font-face {
  font-family: dinpro;
  src: url(../assets/DINPro-Regular_13937.ttf?86fda987)
}

.editor_Box,.wrap-hmh,article,main[role=main],section {
  zoom:1}

.editor_Box:after,.editor_Box:before,.wrap-hmh:after,.wrap-hmh:before,article:after,article:before,main[role=main]:after,main[role=main]:before,section:after,section:before {
  content: "";
  display: table;
  height: 0;
  overflow: hidden
}

.editor_Box:after,.wrap-hmh:after,article:after,main[role=main]:after,section:after {
  clear: both
}

a::-moz-selection,b::-moz-selection,div::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,img::-moz-selection,li::-moz-selection,p::-moz-selection,span::-moz-selection,strong::-moz-selection {
  color: #fff;
  background: #545759
}

a::selection,b::selection,div::selection,h1::selection,h2::selection,h3::selection,h4::selection,img::selection,li::selection,p::selection,span::selection,strong::selection {
  color: #fff;
  background: #545759
}

body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: Arial,sans-serif,微軟正黑體;
  color: #000;
  line-height: 1em;
  letter-spacing: 1px;
  overflow: auto;
  font-size: 1rem;
  color: #545759;
  background: #fbfbfb
}

a {
  text-decoration: none
}

a,a:hover {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.presonal_header_title h1 a{
	color:white;
}

img {
  vertical-align: middle;
  max-width: 100%
}

a[x-apple-data-detectors] {
  color: inherit!important;
  text-decoration: none!important;
  font-size: inherit!important;
  font-family: inherit!important;
  font-weight: inherit!important;
  line-height: inherit!important
}

a[href^=tel] {
  color: inherit;
  text-decoration: none
}

*,:after,:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.jqimgFill {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: inline-block
}

.jqimgFill,.jqimgFill-tc img,.jqimgFill img {
  -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}

.jqimgFill-tc img,.jqimgFill img {
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: none;
  max-width: none
}

input,select,textarea {
  outline: none;
  padding: 0 10px;
  color: #545759;
  background: #fff;
  border: none;
  font-size: .875rem
}

.selectBox {
  background: #fff
}

body :target:before {
  display: block;
  content: "";
  height: 120px;
  margin: -120px 0 0
}

@media screen and (max-width: 960px) {
  body :target:before {
      height:100px;
      margin: -100px 0 0
  }
}

body .slide-down :target:before {
  display: block;
  content: "";
  height: 120px;
  margin: -120px 0 0
}

.section {
  position: relative
}

#Wrapper {
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
  min-width: 320px!important;
  overflow: hidden
}

#Wrapper,main[role=main] {
  position: relative;
  width: 100%
}

main[role=main] {
  max-width: 1210px;
  margin: auto auto 27px
}

section {
  position: relative
}

article {
  width: 90%;
  max-width: 1210px;
  margin: 0 auto
}

article li {
  list-style: none
}

article {
  margin-top: 20px
}

.main_title {
  position: relative;
  width: 100%;
  border-bottom: 4px solid #00a0e9;
  padding-bottom: 9px
}

.main_title:after {
  content: "";
  background: #8fc31f;
  width: 50px;
  height: 4px;
  display: block;
  position: absolute;
  bottom: -4px
}

.main_title h2 {
  font-size: 1.5rem;
  line-height: 1.33;
  color: #000;
  padding: 0 20px
}

@media screen and (max-width: 640px) {
  .main_title h2 {
      font-size:1.25rem
  }
}

.main_title a {
  text-decoration: none;
  color: #000
}

.main_title a:hover {
  opacity: .5
}

.breadcrumbs {
  margin-bottom: 30px;
  width: 100%;
  font-size: .875rem;
  line-height: 1.5;
  color: #666
}

.breadcrumbs a {
  color: #666
}

.breadcrumbs a:after {
  content: ">";
  display: inline-block;
  margin: 0 4px
}

.keyword_content {
  font-size: 1.875rem;
  line-height: 1.3;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.keyword_content b {
  font-weight: 400;
  width: 186px
}

.keyword_content span {
  width: calc(100% - 186px)
}

.editor_Box {
  width: 100%;
  line-height: 32px;
  font-size: 1.125rem;
  color: #000;
  margin: 0 auto 40px
}
.editor_Box p{
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .editor_Box {
      font-size:1rem;
      line-height: 28px
  }
}

.editor_Box ol,.editor_Box ul {
  padding-left: 40px
}

.editor_Box img {
  max-width: 100%;
  height: auto!important
}

.editor_Box iframe {
  max-width: 100%
}

@media screen and (max-width: 767px) {
  .editor_Box iframe {
      height:auto!important
  }
}

.editor_Box h1,.editor_Box h2,.editor_Box h3,.editor_Box h4,.editor_Box h5,.editor_Box h6 {
  margin: inherit
}

.page {
  font-size: .875rem;
  clear: both;
  width: 100%;
  text-align: center;
  margin: 30px 0 50px
}

.page dd,.page dt {
  vertical-align: top;
  display: inline-block;
  font-size: #eeeeee
}

.page dd a,.page dt a {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  color: #666
}

.page dd a:hover,.page dt a:hover {
  background: #00a0e9;
  color: #fff
}

.page dt a {
  width: auto
}

.page dd a {
  background: #f5f5f5
}

.page dd.active a {
  font-size: 1.125rem;
  background: #00a0e9;
  color: #fff
}

.page .nopage {
  opacity: .2
}

.page .ltbn {
  margin-right: 20px
}

.page .rtbn {
  margin-left: 20px
}

.top_btn {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0
}

.top_btn.active {
  opacity: 1;
  right: 0
}

.top_btn a {
  display: block;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: fixed;
  bottom: 5%;
  right: 1.5%;
  width: 30px;
  height: 30px;
  z-index: 10;
  text-indent: -10000px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYBAMAAACDuy0HAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEUwRDg1MUI0RTNEMTFFOUE0NjU5RUYwQkU0QjY4NzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEUwRDg1MUM0RTNEMTFFOUE0NjU5RUYwQkU0QjY4NzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRTBEODUxOTRFM0QxMUU5QTQ2NTlFRjBCRTRCNjg3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRTBEODUxQTRFM0QxMUU5QTQ2NTlFRjBCRTRCNjg3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnxiP14AAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAJFBMVEVHcEwAoOkAoOkAoOkAoOkAoOkAoOkAoOn///+l3viU2PaF0vVgPwe+AAAAB3RSTlMA3FY2qwIEsv2/AAAAAUdJREFUSMftl81twzAMRj+gK7TIBu01K/TUc1foBikKCIkXkOwBlA3UDezx6gD9icSPLHUoejGvenqgBZA0Abw8Bkfc3mONm11wxWG/wg/BGa+rOLhjj2c/fOfP4pLHkx9+w84PHxA6YoM3+A/hYe6Al8kPDzHObniJcfLCq5irwcVcDUVM1VDEVC3hU/yM4oDfv+Dxd/hbTNRQxUQNXSzV0MVSDUMs1DDEQl3Dx9hENuBzCycdFuJGDVPcqEHF6UzVoOJ8pGpQcXWRwtU5VV/B9fHPVRvOdVImnJqsTDg332vBqf1gC87tUxpwEm9pwEVUgg6PshR0uMgiU+GRVJkKF1K/GjyylqPBhTUzBZat8KJW4Jl2dg5PfBhxeOZjjsJ8UIaFwnwEh2H7k9ngf4W7lpqudalrEeta8bqWx661tG/h7VilPwB21B8Ajx2WOwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: cover
}

.top_btn a:hover {
  opacity: .5
}

.mo_use {
  display: none
}

@media screen and (min-width: 981px) {
  .mo_photo {
      display:none
  }
}

@media screen and (max-width: 980px) {
  .mo_use {
      display:block
  }

  .pc_use {
      display: none
  }
}

@media screen and (max-width: 640px) {
  article {
      margin-top:0
  }

  .breadcrumbs {
      margin-bottom: 15px;
      font-size: .8125rem
  }
}

header {
  position: absolute;
  z-index: 100
}

.fix_bg .head_box,header {
  width: 100%;
  background: #fff
}

.fix_bg .head_box {
  position: fixed;
  top: 0;
  left: 0
}

.fix_bg .wrap-hmh {
  padding: 5px 0
}

.fix_bg .search_box {
  top: 28px
}

.fix_bg .community {
  top: -33px
}

.head_top {
  width: 100%;
  height: 24px;
  background: #ececec;
  font-size: .875rem;
  padding: 3px 2%
}

.head_top ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.head_top li {
  list-style: none
}

.head_top li:not(:last-child):after {
  content: "";
  border-right: 1px solid #a0a0a0;
  margin: 0 9px;
  position: relative;
  top: 2px;
  height: 13px;
  display: inline-block
}

.head_top a {
  color: #2c8500
}

.head_top a:hover {
  opacity: .5;
  text-decoration: none
}

.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 185px;
  height: 50px;
  top: -2px;
}

.logo a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -10000px;
  background: url(../images/logo_20211124.svg)no-repeat center center/ cover;
}

.wrap-hmh {
  padding: 12px 0;
  width: 90%;
  max-width: 1223px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.wrap-hmh:after,.wrap-hmh:before {
  display: none
}

.search_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 26px;
  right: 55px
}

.search_input input {
  width: 180px;
  height: 27px;
  border-radius: 99em;
  border: 1px solid #eee
}

.search_btn {
  width: 20px;
  height: 19px;
  background: url(../svg/search_btn.svg?d2dd4fc5);
  background-size: cover;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: 5px
}

.search_keyword {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  margin-left: 16px
}

.search_keyword a {
  color: #000
}

.search_keyword a:hover {
  color: #ff9000;
  text-decoration: none
}

.search_keyword a:not(:last-child) {
  margin-right: 17px
}

.search_keyword:before {
  content: "";
  width: 1px;
  height: 30px;
  position: relative;
  display: inline-block;
  background: #a0a0a0;
  margin-right: 13px
}

.community {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: -49px
}

.community .main_link {
  display: none
}

.email_icon,.fa_icon,.re_icon,.you_icon {
  text-indent: -10000px;
  display: block;
  margin-right: 9px
}

.email_icon:hover,.fa_icon:hover,.language_icon:hover,.re_icon:hover,.you_icon:hover {
  opacity: .5
}

.fa_icon,.language_icon,.re_icon,.you_icon {
  width: 26px;
  height: 26px
}

.you_icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDEyMTkwMUU5QjAxMUU4OUJDRkRBNEE3NDlEMTA3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDEyMTkwMkU5QjAxMUU4OUJDRkRBNEE3NDlEMTA3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMTIxOEZGRTlCMDExRTg5QkNGREE0QTc0OUQxMDc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVEMTIxOTAwRTlCMDExRTg5QkNGREE0QTc0OUQxMDc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0FmDxgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA/UExURUdwTNgpJ////9orJ90sKMolJ88nJ8UjJuEtKNQoJ+IuKPrn5+uiov319ffY2OaLi9pPT+FqafC3ttA5OvTKyj/uAcMAAAABdFJOUwBA5thmAAABfUlEQVQ4y5WU7YKCIBBFcQTSBobh4/2fdUcUpc1V92D96J4uIpRSC+9LVGO65am3mtP00Jz0NgRdX2dDKb2DEDWDf+tTOtGB0wGSvhMnBtRFWm8bl7nBay6YWEcKulAvjgcOSGb2gEByD2700IW9yAAQGcpIwJfiiDJzhDSWM3HocJAGEQdZkoiDhy7rxTE8FG8a530Ma2MZ1sVkEY9QzR0izhInQPERAbrsU0Q3z1EeI88ZMRL+JV7xD9HWIXAiQu9hxXskSnyItsFN6fHcYhHnelkHRaAal/1LruVHI/nlPS4pWWwidY0bCBgs4i8Rv0W/zAMpQnBkXUxAMRL4QzTbqDckGyfbRzYwQ45yOGEXTWMRzSYaDBlNSfJhi1UrPBGZjRdxja8aQ0p9Y8N/T13kV/kt4iqaZEVMso4cQgY8xNc2ZE+krpgojTkYOZs5yzPaxVfDwRmuxSKaer3y6aHILVdHJbtCiPsxw3rM9sJOvEQ9NNc/8aferVqVH3EqKt4gIW98AAAAAElFTkSuQmCC);
  background-size: cover
}

.fa_icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODNGMjI4M0U5QjAxMUU4OEVBNkY0NjQwOTE3RUY0MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODNGMjI4NEU5QjAxMUU4OEVBNkY0NjQwOTE3RUY0MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4M0YyMjgxRTlCMDExRTg4RUE2RjQ2NDA5MTdFRjQzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4M0YyMjgyRTlCMDExRTg4RUE2RjQ2NDA5MTdFRjQzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JracxAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABIUExURUdwTDhVkj1YmCM8czpXlDxZlyVBdjpYlTxYlzpXkhs1aD1amP///7bA1Fhxp9fd6CE6b3iJrpGhxOvv9ThUkkxjkUBXh8XN36OICP0AAAAKdFJOUwA01ORmscWR6xiVa8A1AAACQElEQVR42u3bXZeqIBQGYDK/ADHAzP//T6dZzXQUwUNuYF/Mfu9rPwmauXoZ2+RSN1Uvs6WvmvrCguFdxtkrRccD42Wx+Ah1Lwumr935nSycbnv4G1k8zRqAMH8j6CRK3qtQS6T87ETeYwF6jrkA70XgEjEc9wC8DkGPCaie338SNRe8c/D3TGxwAQ2rcAEV7h58XotYhjc11iq1LIv6jrXWmLEcwKhp8MXeAy9IChgD058x+p4dMKohHCMCgnQAOw2HgIAgGeDo478AfkEqwG34P8ArYGXmvwA+QRrAMsQBPIIkADvEAvaCFIBxiAfsBKzIAqwAriABwAwfARwBK3MA1oCtgBXZAVvARsByXwJ9gLWA5b8GeQArASuzAi7gnwAKuAcvQsrM8+MdLQIClmcLTKMzcQf4FbAsJ+FtP08EBGCA9zYkZv6PAAyI2XFHAihg9gEeIl7AcpyFWsQLcgBuIj46B2D5ACByABQBCEAAAhCAADkBy+TEd0d620UlA8T9DNk/JsQGGGzAiA14YAP0XwdMAhmwYAMsNsBgA2ZswAMboP86YBLIAIUNsNgAkxBgrBPfE5LZiaa7YgIQgAAEIAABCEAAAhCAAAQgAAGOAD02oMIFaOjf+6GAK7TgAAW00IoHFFBDSy5AgAbXfICAFlx0AgIu4KoXDNDCy24wAIfX/UCALkHhEQJoU1Q+AYBrktLpecCVJ6n9nga0iYrPJwG6S1X9PgdoebLy+wmAbg8K+B/X/z8DaH1tndb5F/HMtmoya73dAAAAAElFTkSuQmCC);
  background-size: cover
}

.re_icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVQTFRF85gA////9KAS9ack85gA85gA85gAR3BM85gA85gA+MFk+ct9//769q83/vLe/vfq/evO97hO//vz+96s/OW++tKO+9aZ0LRPIAAAAAp0Uk5T8P///7q//wBF+Fd1vCUAAAHhSURBVEjH5ZfXmoMgEIVhSFE6or7/o26yu5ShGGIuw6Wfv1M4ZxByn67zrVqkWPUr5DLdyXQ7vSZyOQ9fCDkPf8I+6K+GnabSWC8cnIANDctu6k0YaL60gPMwpXJX4zCj1fLsbOTf6BsMNmxt0NS4MRiEt0sjdxgWCSjuDU5ddxs3txSmdpSB5O9ZErjOYCre9TPPs9878NyjYZMpuG/DB7ZS+jh2DivOncIbsydaHMLiL0ErclHylDo/gtP2rJmsVOybVH0YaXtNL7JYuIYuXLhqS3SM7UdhqmPpbOmUndVsC3qJlbvQtQV6MOymwDneiCpxLBLGsalF5XV1qDAmTCN2LHt9IU8QacelKxNXr7TNUvIm9Fw3QneMIdIBEHQaHrDXrkqaFkXobcCSMZJkOBkzMkm2Ym8h5OJGfits0WBfjQWskc1qG48oJnHoUIhuwm7BkzYkLgF7FhpDP0YKLYIF68zWRdcdilXtWBh7Nc1I3aBYlQpOxEX7BpzmrCwfMfQte3jE2rIShTqmG7CobexwiwyqAp/Pwcgm7kVQlcO5tc7n/xG9ZJb1yEmun/ZzDKzabvmBAc9gOs2y5+etGv99xAMT4Ot/medPLijXT65GH13KHtdB0r8FzuUTdB38AUyPS5OUeOIlAAAAAElFTkSuQmCC);
  background-size: cover
}

.email_icon {
  width: 29px;
  height: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAMAAAD63NUrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJNQTFRFR3BMMrh5WMSSa82hEK5mRr+IEK1kDqxkD61lJrVzEq5mGLFrUsSPB6pfV8eTaMufE65nR8CJQL6FPLyBOruAFa9oEq5n////AKJQidezCKpg+P37DKxi/f/+z+7gPLp+BapegtSv0vDk9vz5MLd57PnzXciXb86iAaZXf9Stl9u7w+vZHbJut+fRp+HH4fXs2vPn5d17MQAAABV0Uk5TADQPZdT8ffH4/rpU+fS4kGod4qncqsUG7QAAARZJREFUKM990el2gjAQBeCooERRu2ViMBCWsDQE5P2froPVVgPH+wv4znDJQFbHr2C/mSSghwUh5BDS5jSTvb9CpUBrI9wY4bM1qjypnJ8LJ3HxLUcNTrrl05R1dFUZVfkEC0PT7duOBCyNqiR2Jg1tJIMNzlINqjs/4qUGq5kEwF6/E4yZ4h/zsPG7DFI2qhp4r5u6vFnc4c3lnMmb4onasFHttfySATMlxxP96VglrcDxJIxUjy3POn6mrIzQUF3f4SjnbUUtVeK3f6K86Gox3K8n+rSsB43d3BUa3Q954mRIKomrJB/KsrlYTVFXx09vH7lJI6so7pks33ceuJP4wLJRCVl4MBP8RS8U7rp9pcv1Zh69H3ZfQ3FUf5SfAAAAAElFTkSuQmCC);
  background-size: cover
}

.language_icon {
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #959595;
  padding-top: 5px
}

.language_icon:hover {
  color: #fff;
  text-decoration: none
}

.menu_pc {
  position: relative;
  width: 95%;
  max-width: 1210px;
  margin: 0 auto
}

.nav_menu {
  width: 100%;
  background: #00a0e9
}

.nav_menu nav {
  width: 100%;
  max-width: 1210px;
  margin: auto;
  font-size: 1.125rem
}

.nav_menu nav,.nav_menu nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.nav_menu nav ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.nav_menu nav li {
  position: relative;
  list-style: none;
  height: 50px
}

.nav_menu nav li:not(:last-child) a:after {
  position: relative;
  top: 8px;
  margin: 0 0 0 18px;
  display: inline-block;
  content: "";
  width: 2px;
  height: 30px;
  background-color: #0075a9;
  border-right: 1px solid hsla(0,0%,100%,.59)
}

.nav_menu nav li:last-child a {
  padding-right: 20px
}

.nav_menu nav a {
  color: #fff;
  text-decoration: none;
  height: 50px;
  line-height: 53px;
  display: inline-block;
  padding-left: 20px
}

.nav_menu nav a:hover {
  background: #0068b7
}

.nav_menu nav .home_icon {
  width: 21px;
  height: 19px;
  display: block;
  background: url(../svg/home.svg?1722cdae);
  background-size: cover;
  text-indent: -10000px
}

.nav_menu nav .home_icon a {
  width: 100%;
  height: 100%;
  display: block
}

.main_link {
  position: absolute;
  right: 0;
  top: 9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center
}

.main_link a {
  display: block;
  line-height: 1.3;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #555;
}

.main_link a:before {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: 5px
}

.main_link a:hover {
  opacity: .6
}

.main_link .news_btn {
  background: #82be01;
  padding: 7px 10px;
  /* margin-right: 9px */
}

.main_link .news_btn:before {
  width: 19px;
  height: 16px;
  background: url(../svg/horn_icon.svg?7307313f) 0 0 no-repeat
}

.main_link .map_btn {
  padding: 0 5px;
  background: #ff9019
}

.main_link .map_btn:before {
  width: 14px;
  height: 19px;
  background: url(../svg/map_icon.svg?9190c18d) 0 0 no-repeat
}

.banner {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 90%;
  max-width: 970px;
  margin: 0 auto 25px;
  text-align: center
}

.banner:hover {
  opacity: .7
}

.menu_mo,.mo_close {
  display: none
}

.menu-wrapper {
  display: none;
  position: absolute;
  top: 15px;
  right: 0;
  width: 34px;
  height: 39px;
  cursor: pointer;
  z-index: 10
}

.hamburger-menu,.hamburger-menu:after,.hamburger-menu:before {
  width: 25px;
  height: 3px
}

.hamburger-menu {
  position: relative;
  background: #00a0e9;
  -webkit-transition: all 0ms .3s;
  -o-transition: all 0ms .3s;
  transition: all 0ms .3s;
  text-align: center;
  top: 44%;
  left: 0
}

.hamburger-menu.animate {
  background: hsla(0,0%,100%,0)
}

.hamburger-menu:before {
  bottom: 10px;
  -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  -o-transition: bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);
  transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
  transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

.hamburger-menu:after,.hamburger-menu:before {
  content: "";
  position: absolute;
  right: 0;
  background: #00a0e9
}

.hamburger-menu:after {
  top: 10px;
  -webkit-transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  -o-transition: top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);
  transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
  transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
}

.hamburger-menu.animate:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
  transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
  -o-transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);
  transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
  transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
}

.hamburger-menu.animate:before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
  transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
  -o-transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);
  transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
  transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
}

.close_btn,.follow_us,.search_btn.menu-search {
  display: none
}

@media screen and (max-width: 1085px) {
  .logo {
      width:185px;
      height: 50px;
      margin-left: 13px
  }
}

@media screen and (max-width: 1085px) and (max-width:768px) {
  .logo {
      width:185px;
      height: 50px
  }
  
}

@media screen and (max-width: 1085px) {
  .community {
      top:-39px
  }
}

.main_close,.menu-wrapper+.search_box.main_search .pre_search_btn {
  display: none
}

@media screen and (max-width: 980px) {
  body #ctee-slot-div-gpt-ad-1608577412318-0 { display: none !important; }
  .fix_bg .head_box,header { box-shadow: 0px 0px 5px #aaa; }
  .search_keyword:before {
      display:none
  }

  .menu-wrapper+.search_box.main_search {
      -webkit-transition: 1s;
      -o-transition: 1s;
      transition: 1s;
      display: block;
      background: #eee;
      position: absolute;
      z-index: 11;
      top: -265px;
      left: 0;
      padding: 60px 0 0
  }

  .menu-wrapper+.search_box.main_search .main_close {
      display: block;
      margin-top: 60px
  }

  .menu-wrapper+.search_box.main_search.open {
      top: 0
  }

  .menu-wrapper+.search_box.main_search .pre_search_btn {
      display: block;
      top: 0;
      bottom: auto;
      left: auto;
      margin-top: 0
  }

  .search_btn,.search_btn.menu-search {
      background: url(../svg/search_btn_b.svg?d3747fd2) 0 0 no-repeat
  }

  .search_btn.menu-search {
      display: block;
      position: absolute;
      right: 45px;
      top: 17px;
      width: 22px;
      height: 22px
  }

  .follow_us {
      width: 100%;
      background: #1b51aa;
      padding: 35px 0
  }

  .follow_us h3 {
      font-size: 1.0625rem;
      color: #fff;
      text-align: center;
      margin-bottom: 14px
  }

  .follow_us a {
      width: 60px
  }

  .follow_us a:not(:last-child) {
      margin-right: 15px
  }

  .follow_us img {
      display: block;
      width: 100%
  }

  .out_link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .on .menu-wrapper {
      top: 0;
      right: 23px;
      z-index: 13;
      width: 39px;
      background: #00a0e9
  }

  .on .menu-wrapper .hamburger-menu:after,.on .menu-wrapper .hamburger-menu:before {
      right: 9px;
      background: #fff;
      left: 7px
  }

  .main_link {
      display: none
  }

  .community .main_link {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: static;
      margin-right: 9px
  }

  .community .main_link a {
      height: 33px;
      line-height: 33px
  }

  .wrap-hmh {
      width: 100%
  }

  .head_top,.menu-wrapper+.search_box {
      display: none
  }

  .menu-wrapper {
      display: block;
      top: 9px
  }

  .close_btn {
      display: block!important
  }

  .close_btn a {
      background: #fa7500
  }

  .fix_bg .wrap-hmh {
      padding: 10px 0
  }

  .menu_pc {
      display: none;
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      max-width: 1226px;
      margin: 0 auto;
      overflow: hidden;
      overflow-y: auto;
      height: 100vh;
      z-index: 12;
      background: rgba(0,0,0,.76)
  }

  .menu_pc nav,.menu_pc nav ul {
      display: block
  }

  .menu_pc nav li {
      width: 85%;
      margin: auto!important;
      border-bottom: 1px solid #00a0e9
  }

  .nav_menu nav li {
      height: auto
  }

  .nav_menu .submenu,.nav_menu .submenu li>ul {
      display: block;
      position: static
  }

  .nav_menu {
      display: block
  }

  .community,.search_box {
      width: 100%;
      position: static;
      -webkit-transform: initial;
      -ms-transform: initial;
      transform: none;
      background: #fff;
      padding: 15px 0
  }

  .search_box {
      padding: 60px 0
  }

  .search_input {
      width: 91%;
      margin: auto
  }

  .search_input input {
      width: 91%
  }

  .search_keyword {
      width: 90%;
      margin: 20px auto 0;
      flex-wrap: wrap;
  }
  .search_keyword a{
    margin-bottom: 10px;
  }
  .menu_pc nav ul {
      background: #003da2;
      padding-top: 52px
  }

  .nav_menu nav {
      width: 100%;
      font-size: 1.0625rem;
      background: #00a0e9
  }

  .nav_menu nav .home_icon {
      display: none
  }

  .nav_menu nav a {
      width: 100%;
      height: 100%;
      display: block
  }

  .nav_menu nav li {
      margin-right: 0
  }

  .menu_mo nav .subheader>a {
      padding: 19px 6px 15px 10px
  }

  .menu_pc nav li:not(:last-child) a:after {
      display: none
  }

  .community {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: #003da2;
      padding: 35px 0
  }

  .fa_icon,.language_icon,.re_icon,.you_icon {
      width: 33px;
      height: 33px
  }

  .email_icon {
      width: 33px;
      height: 27px
  }

  .language_icon {
      line-height: 24px;
      font-size: 1.1875rem
  }

  .mo_close {
      text-align: center;
      display: block;
      background: #00a0e9;
      font-size: 1.375rem
  }

  .mo_close a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 10px 0;
      color: #fff;
      text-decoration: none;
      line-height: 24px
  }

  .mo_close a:before {
      display: inline-block;
      content: "";
      width: 21px;
      height: 21px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAABrBAMAAACCkWE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFR3BM////////////////////////////HUtVvgAAAAd0Uk5TAIp3eF39wr8q6MUAAAHNSURBVFjDvdg7TsQwGATgRLtQp6NdcQlaKHIBhLRH2DorLb4+MYnj1/+YoSCNK+uLFHv+UYbhv57Xbfngdp3CJS7n60RtewufcZnDwmEhcudrCBOFhcjN67JwWLgPw0tcJwqLLzkGhksYySWM4zJGcRljuBIjuBLDuRqDuRpDuRYDuRbDuB6DuB5DOAkDOAnzORlzORnzOA1zOA2zOR0zOR2zOAszOAvTORtTORvTOA9TOA+TOR8TOR+TOAQTOATrOQzrOAxrORRrOBSrORyrOBwrOQYrOAbLHIcdHIcljsV27kZiO0djO8diB0diibuw257jrm+6fv9+M6rWHqcxcC36wFjulL7bwmM3lttO48hy+9EnS3s6+iR33DOKy/eM4opLTXDlpSa4KkFgrk4QmGviCuTauAK5Lhshrs9GiBOCGOCkIAY4MfVdTk59l1NGjMNpI8bh1Hlmcvo8MzljeBqcNTwNzpzUKmdPapVzaoHCebVA4dwOInJ+BxE5oPAIHFJ4BA5qVx2HtauOA6tcw6FVruHg3lhxeG+sOKKkFhxTUgvuialymYt/GuHeWHAz0xtLjiipkXu8bxxTUlfua+CfMWFsi/4LtnIR+wFXKKqzqJTBcQAAAABJRU5ErkJggg==) 0 0 no-repeat;
      background-size: cover;
      margin-right: 5px;
      position: relative;
      top: 2px
  }
}

@media screen and (max-width: 1290px) {
  .search_box {
      right:6px
  }
}

@media screen and (max-width: 1085px) {
  .search_box {
      top:23px
  }
}

@media screen and (max-width: 980px) {
  

  .menu_mo {
      display:none;
      position: absolute;
      top: 50px;
      width: 100%;
      background: #00a0e9
  }

  .menu_mo nav {
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left;
      transition: -ms-transform .5s,-webkit-transform .5s,transform .5s!important;
      overflow-x: auto!important;
      overflow-y: hidden!important;
      white-space: nowrap!important;
      height: 40px
  }

  .menu_mo .nav_item1>li,.menu_mo .nav_item2 li {
      border: none
  }
}

@media screen and (max-width: 640px) {
  .banner {
    /* display: none; */
      width:100%;
      margin-bottom: 20px
  }
}

footer {
  padding: 16px 10px 11px;
  text-align: center;
  width: 100%;
  background: #55bce2;
  color: #000
}

footer .site_link {
  font-size: .875rem;
  margin-bottom: 13px
}

footer .site_link a {
  color: #000;
  text-decoration: none
}

footer .site_link a:hover {
  color: #fff
}

footer .site_link a:hover:before, footer .site_link a:hover:after {
  color: #000
}

footer .site_link a:before {
  content: "｜"
}
footer .site_link a:last-child:after {
  content: "｜";
}

footer .copyright {
  font-size: .75rem
}

@media screen and (max-width: 980px) {
  .site_map {
      display:none
  }
}

@media screen and (max-width: 640px) {
  footer .site_link a {
      margin-bottom:5px;
      display: inline-block
  }
}

.article_box,.aside_contactBox,.aside_job,.classification_box,.featured_box,.question_box,.recommended_box,.share_box,.tag_box,.theme_box {
  border-radius: 4px;
  border: 1px solid #eee;
  padding-top: 10px;
  margin-bottom: 33px
}

.us_ad_banner {
  margin-bottom: 26px
}

.recommended_box .recommended_img {
  margin-right: 1rem
}

.recommended_box ul {
  width: 90%;
  margin: 0 auto
}

.recommended_box li {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  list-style: none;
  margin-bottom: 10px
}

.recommended_box li:not(:last-child) {
  border-bottom: 1px solid #eee
}

.recommended_box li a {
  text-decoration: none
}

.recommended_box li h2,.recommended_box li h3 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px
}

.recommended_box li h2:hover,.recommended_box li h3:hover {
  opacity: .7
}

.recommended_box li h2 {
  font-size: 1.125rem
}

.recommended_box li h3 {
  font-size: .875rem
}

.recommended_box li .recommended_img {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 99em;
  margin-bottom: 16px
}

.recommended_box li .recommended_img:hover {
  opacity: .7
}
.recommended_txt {
  width: 39%;
}
.aside_title {
  line-height: 1;
  position: relative;
  font-size: 1.375rem;
  border-bottom: 4px solid #eee;
  padding: 0 15px 9px;
  margin-bottom: 12px
}

.aside_title:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  display: block;
  content: "";
  width: 111px;
  height: 4px;
  background-color: #8fc31f
}

.aside_b a {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: .875rem;
  color: #00a0e9
}

.aside_b a:hover {
  opacity: .7
}

.theme_box ul {
  width: 90%;
  margin: 0 auto
}

.theme_box li {
  padding-bottom: 14px;
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.theme_box li:not(:last-child) {
  border-bottom: 1px solid #eee
}

.theme_box a {
  text-decoration: none
}

.theme_box .theme_img {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 100%;
  max-width: 90px
}

.theme_box .theme_img img {
  width: 100%
}

.theme_box .theme_img:hover {
  opacity: .7
}

.theme_img {
  max-width: 90px
}

.theme_txt {
  width: 155px;
  line-height: 1.33
}

.theme_txt h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  color: #000;
  font-size: 1.125rem;
  height: 2.66em;
  line-height: 1.33;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.theme_txt h2:hover {
  opacity: .7
}

.featured_list {
  width: 90%;
  max-width: 250px;
  margin: auto
}

.featured_list li {
  padding-bottom: 12px;
  margin-bottom: 16px
}

.featured_list li:not(:last-child) {
  border-bottom: 1px solid #eee
}

.featured_list a,.featured_list a:hover {
  text-decoration: none
}

.featured_list a:hover .featured_img {
  opacity: .6
}

.featured_list a:hover .featured_txt {
  text-decoration: none
}

.featured_img {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  margin-bottom: 10px
}

.featured_img img {
  width: 100%
}

.featured_txt {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1.125rem;
  height: 2.66em;
  line-height: 1.33;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000;
  letter-spacing: .1px
}

.question_box {
  padding-top: 0
}

.question_tag {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

.question_tag a {
  text-decoration: none;
  font-size: 1.375rem;
  display: block;
  width: 49.5%;
  line-height: 1.45;
  letter-spacing: 1.1px;
  color: #8c8c8c;
  border-bottom: 4px solid #e5e5e5;
  padding: 11px 15px 5px
}

.question_tag a.active {
  background: #fff;
  border-bottom: 4px solid #8fc31f
}

.question_tag a:hover {
  background: #eee
}

.question_tag hr {
  width: 1px;
  height: 44px;
  background-color: #e5e5e5;
  border: none;
  margin: 0 auto;
  position: relative;
  top: 0
}

.question_content {
  display: none;
  width: 90%;
  margin: auto
}

.question_content.active {
  display: block
}

.question_content h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1rem;
  line-height: 1.13;
  letter-spacing: .1px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700
}

.question_content .ti_left {
  font-size: .875rem;
  line-height: 1.29;
  letter-spacing: .1px;
  color: #646464;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.question_content li {
  padding-bottom: 13px;
  margin-bottom: 13px
}

.question_content li:not(:last-child) {
  border-bottom: 1px solid #eee
}

.question_content a {
  text-decoration: none
}

.question_content a:hover h2 {
  opacity: .6
}

.article_box ul {
  width: 90%;
  margin: auto
}

.article_box ul li {
  padding-bottom: 13px;
  margin-bottom: 13px
}

.article_box ul li:not(:last-child) {
  border-bottom: 1px solid #eee
}

.article_box ul h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1rem;
  letter-spacing: .1px;
  color: #000;
  height: 2.76em;
  line-height: 1.38;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  margin-bottom: 10px
}

.article_box ul a {
  text-decoration: none
}

.article_box ul a:hover h2 {
  opacity: .6
}

.article_box .article_item {
  font-size: .875rem;
  letter-spacing: .1px;
  text-align: left;
  color: #646464;
  height: 1.29em;
  line-height: 1.29;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ads_tag {
  width: 90%;
  margin: auto
}

.ads_tag a {
  display: inline-block;
  margin: 0 13px 13px 0
}

.ads_tag .tag_1 {
  font-size: .8125rem;
  color: #000
}

.ads_tag .tag_2 {
  font-size: .9375rem;
  color: #60dcbe
}

.ads_tag .tag_3 {
  font-size: .75rem;
  color: #000
}

.ads_tag .tag_4 {
  font-size: .9375rem;
  color: #acda6a
}

.ads_tag .tag_5 {
  font-size: 1.0625rem;
  color: #ffb13b
}

.bottom_Banner {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 90%;
  max-width: 970px;
  margin: 0 auto 40px
}

.bottom_Banner img {
  width: 100%
}

.bottom_Banner:hover {
  opacity: .7
}

.article_box,.aside_contactBox,.aside_job,.classification_box,.featured_box,.question_box,.recommended_box,.share_box,.tag_box,.theme_box {
  background: #fff
}

.aside_contactBox {
  width: 100%
}

.aside_contactBox .aside_title {
  margin-bottom: 26px
}

.aside_contact_txt {
  width: 90%;
  margin: 0 auto;
  word-break: break-all
}

.aside_contact_txt h3 {
  font-size: 1rem;
  color: #fd8902;
  margin-bottom: 20px
}

.aside_contact_txt ul {
  font-size: .875rem;
  color: #000
}

.aside_contact_txt li {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.aside_contact_txt li a {
  width: 97%;
  color: #000;
  text-decoration: none
}

.aside_contact_txt li a:hover {
  opacity: .7
}

.aside_contact_txt i {
  margin-right: 5px
}

.aside_contact_txt i.fa-phone {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.as_map {
  display: block;
  text-align: center;
  font-size: 1rem;
  width: 89px;
  height: 30px;
  line-height: 30px;
  background-color: #045abd;
  margin: 24px 0 20px
}

.as_map,.as_map:hover {
  color: #fff;
  text-decoration: none
}

.as_map:hover {
  background: #8fc31f
}

.aside_job {
  font-size: .875rem;
  padding: 25px 0
}

.aside_job h3 {
  font-size: 1rem;
  color: #fd8902;
  margin-bottom: 20px;
  line-height: 1.3
}

.aside_job_content {
  width: 90%;
  margin: 0 auto
}

.job_edit {
  line-height: 1.8
}

.job_edit:not(:last-child) {
  margin-bottom: 30px
}

.classification_box {
  padding-bottom: 10px
}

.classification_box .aside_title {
  margin-bottom: 26px
}

.classification_box ul {
  width: 90%;
  margin: 0 auto;
  line-height: 1.5
}

.classification_box li {
  margin-bottom: 7px
}

.classification_box a {
  font-size: 1rem;
  color: #000;
  text-decoration: none
}

.classification_box a:hover {
  opacity: .6
}

.share_box {
  padding-bottom: 26px
}

.share_box .aside_title {
  margin-bottom: 26px
}

.share_box ul {
  width: 100%;
  max-width: 250px;
  margin: 0 auto
}

.share_box .slick-next,.share_box .slick-prev {
  width: 25px;
  height: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRFR3BMAAAAAQEBAAAAAAAABAQEAAAAAAAAEBAQAAAAAAAAAAAAAAAAAAAAAQEBAgICAAAAAAAAAAAAAAAAAAAA/v7+6enp/Pz829vb9/f3/Pz8y8vL+/v7tbW18PDw+vr6+Pj4xcXF1NTU0dHR6enp5+fn8/Pz/f399PT07+/vwsLCbm5uvb29+vr6////8fHxOzs7qKio6urqq6urkJCQZGRkZ2dnrq6uoqKi5OTk////hRprJQAAADp0Uk5TADcOPxIICgIBBTAcFiYZRB4sIik69izmuKPwpL5teuFaDYJkybzezkPTmGJDrvxqUX6MHm86UUsyo9UU6VMAAAPMSURBVFjD7ZjZduIwDIYnISFxNrKSAmUtS4GSltJt/P4PNpLDEuLYCcxcji44nEP7Hem3JEv+9eu//a2ZYAYafrmf0Z2Meo9gu/fJ85Qw3O2Uw2tvnFG0/DN9HHUJuZFlTie7hPK2YqzGKNMcjWmlZTTpdfWmKPN5RcWWJSO1Ecqc9k6qiGz10sYAazjdMa23V+aUPKw+bWLvaltKMie0oe00Gak5h9KepuoikvlM6b8gmd1E+F/z/YATb6Sp1dFNxec16HQ6W+7np2qdzJ6E02rF8VeZlH5WkoQCZcCJFSsIvtKyTB6QzHJ9rST+KFYUhqH7u/zTt8MJbr5KOa7vOY7NgZZ+OThzmko5tqaq6oH/m6GnXbskTMWHE0cn04rg56EDOVAAGTs5B8q9ikOzT/vapUNSwzGm1Ycxu3bJmMjjEnLo3PWKB1cdGXDioz7CLtX/9Au5ZJK0hpMKs35YjK2yXJtxsgGLTSJRMw6liwBiO4lkvN7NoWsrdE4imaR3N4f2LRTpBHosH2pjDqUWiHRUmwP1386c+ltFic5qc6C0E1uRjz3ZqL8OlAirJNdaL4e2UYKQtRqDjGpBQQHEJfYwYgUGoHYNKUNQ+wR65xMWQTCsEdWZSUHLK1BFe3zCzEePNFtKmhdDI1WNn102BtFVL5SRHgogk6h9MamtSUn7wqkB6JGKSISRhkKtt4pbyCPB0SCJyEnLmGX2sUSM9gu9kzSIC7UGx6au7iRtlaDQIiFbRGlXo9OyVdCaifQjmD+z78vZVZA2caH4USRdE80iycuFtOCa0VtcjIzF9pPUk7hK2hwjO4MgNk2YdBfSuqxQJz+zywUJsaneUk4iOhf9B3PoakRCl77FfRlJfGMfQB8NvesJibkkrqhkdjiUOdm607LKDuUu2e/i2ky5s1jCYBAwha5B2ML8RfMxe7xlgWk6N0SyztOYlG7zi4Yfa1kz9NzFDf7gRVMxHudt1Z014czfGMepXiJQJiAN6xc2HLxzDqncJDEHgPT5IMesPy4cwX6Uk8LgYy1RZwP7BA7ejmyLzBUPI2u/qK7h9eYN3QlCNhhIdkhGcnw3sL428/LVsh584HaD+4Sn1W21SFLBKUApX/vNYs1oyXLxsN+yHQkxtsPyR75nA0kHp2yGUuK4dTaAwI7EMI02f7zwQXPH84EVWEA7mgUU10dMg7X/6BSiclboRlEAFkWuG/q2pwGm8ZsGOoUBIsvxPDs3z3NyCrnpwQZRwAKYquUG3xjl5jck9pIFl6OuAw8+AELueYk6PWoZZ5O/jf0B+GRPXJs1DXMAAAAASUVORK5CYII=) 0 0 no-repeat;
  background-size: cover
}

.share_box .slick-next {
  right: 8px;
  top: 47.5%;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.share_box .slick-prev {
  left: 8px
}

.fb_box {
  margin-bottom: 26px
}

.office_tag {
  width: 100%;
  position: relative;
  margin-bottom: 20px
}

.item_Menu {
  position: relative;
  width: 80%;
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 16px
}

@media screen and (max-width: 768px) {
  .item_Menu {
      width:80%
  }
}

.item_menu_Box {
  text-align: center;
  font-size: .938rem;
  height: 49px;
  position: relative
}

@media screen and (max-width: 980px) {
  .item_menu_Box {
      width:100%!important
  }
}

.item_menu_Box .item_menu_list {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap!important;
  width: 100%;
  text-align: center
}

@media screen and (max-width: 980px) {
  .item_menu_Box .item_menu_list {
      position:static;
      transition: -ms-transform .5s,-webkit-transform .5s,transform .5s!important;
      overflow-x: auto!important;
      overflow-y: hidden!important;
      height: 25px
  }
}

.item_menu_Box li {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  min-width: auto;
  width: auto!important;
  list-style: none
}

.item_menu_Box li:not(:last-child) {
  border-right: 1px solid #f19325
}

@media screen and (max-width: 980px) {
  .item_menu_Box li {
      min-width:auto
  }
}

@media screen and (max-width: 768px) {
  .item_menu_Box li {
      width:50%
  }
}

.item_menu_Box li a {
  color: #f19325;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none
}

.item_menu_Box li:hover a {
  opacity: .7
}

.open_flexslider .item_menu_list {
  width: auto;
  text-align: initial
}

.flex-direction-nav {
  display: none;
  height: 0
}

.flex-direction-nav li {
  list-style: none
}

.flex-direction-nav li .mo_mark {
  position: absolute;
  display: none;
  top: 5px;
  width: 16px;
  height: 19px;
  z-index: 1
}

@media screen and (max-width: 980px) {
  .flex-direction-nav li .mo_mark {
      display:block
  }
}

@media screen and (max-width: 480px) {
  .flex-direction-nav li .mo_mark {
      top:9px;
      width: 12px;
      height: 13px
  }
}

.flex-direction-nav li.fle_l .mo_mark {
  left: 10px
}

.flex-direction-nav li.fle_r .mo_mark {
  right: 10px
}

.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 8px;
  text-indent: -10000px;
  border-style: solid;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA5BAMAAABg/64FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1QTFRFR3BMtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1sPilVQAAAA50Uk5TABT4ydlVIwl8ZzzrtZr+Q5bAAAAA30lEQVQ4y53VTwoBYRzG8ddiGopSXMDCxkK5gLKxlBxAFg6gbCknkBPIKSwcwhEs/ClScwZLz/uoL2O23z7NzDvv+5sQomuUva97nELSlriyOAZYkpZtLG6lPQCeCd6sFRUOLa4lNv+FLWsVhTuLpx/hk+DB2hJgepS4N1hWOMkBF9KuBPsG5wALXYk9gzWFVYAdg3VpF4cDgFOFM4v6jo2QR+I98Wn5PXGFeG3xq/D3xJ3AeyiivvviFf6geFRSOitM8XzyycaZwNME59AXSrOPxy3O25AgpZ8D/x2MvgAs7Y42IU/UEQAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: cover;
}

.flex-direction-nav .flex-prev {
  left: 12px
}

.flex-direction-nav .flex-next {
  right: 12px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (max-width: 980px) {
  .flex-direction-nav {
      display:block
  }
}

.open_arrw .flex-direction-nav {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 12px
}

@media screen and (max-width: 768px) {
  .classification_box {
      display:none
  }

  .theme_box li {
      -webkit-box-pack: end;
      -webkit-justify-content: end;
      -ms-flex-pack: end;
      justify-content: end
  }

  .theme_img {
      margin-right: 10px
  }

  .item_Menu {
      padding-top: 5px;
      height: 23px
  }

  .featured_list {
      max-width: none;
      margin: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .featured_list li {
      width: 47.5%
  }

  .featured_list li:not(:last-child) {
      border: none
  }

  .share_box ul {
      max-width: 90%
  }

  .share_box ul img {
      width: 100%
  }
}

@media screen and (max-width: 640px) {
  .recommended_box ul {
      -webkit-box-pack:justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .recommended_box li,.recommended_box ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .recommended_box li {
      width: 100%
  }
  .recommended_txt{
    width: 65%;
  }
  .recommended_box li .recommended_img {
      width: 85px;
      height: 85px;
      margin-bottom: 0;
      margin-right: 9px
  }
}

@media screen and (max-width: 640px) and (max-width:375px) {
  .recommended_box li .recommended_img {
      width:40px;
      height: 40px
  }
}

@media screen and (max-width: 640px) {
  .recommended_box li h2 {
      font-size:.9375rem;
      margin-bottom: 5px
  }

  .recommended_box li h3 {
      font-size: .8125rem;
      margin-bottom: 3px
  }

  .recommended_box li {
      padding-bottom: 8px
  }

  .theme_box ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .theme_box li {
      width: 46%
  }

  .theme_img {
      margin-right: 10px
  }

  .featured_txt,.theme_txt h2 {
      font-size: .875rem
  }

  .aside_b {
      font-size: .75rem
  }

  .aside_title,.question_tag a {
      font-size: 1.25rem
  }

  .question_tag a {
      padding: 7px 15px 0
  }

  .question_content h2 {
      margin-bottom: 5px
  }

  .article_box ul h2 {
      -webkit-line-clamp: 1;
      height: 20px
  }

  .ads_tag a {
      margin: 0 7px 9px 0
  }

  .bottom_Banner {
      display: none
  }
}

.main_indexPage .main_title {
  background: #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 20px 4px 0
}

.main_indexPage .per_btn {
  font-size: .875rem
}

.main_indexPage .per_btn a {
  color: #353535;
  text-decoration: none
}

.main_indexPage .per_btn a i {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1rem;
  color: #44c6d2;
  position: relative;
  top: 1px;
  left: 0
}

.main_indexPage .per_btn a:hover i {
  left: 4px
}

.main_indexPage .slick-next,.main_indexPage .slick-prev {
  width: 30px;
  height: 35px
}

.main_indexPage .slick-next:hover,.main_indexPage .slick-prev:hover {
  opacity: .7
}

.main_indexPage .slick-prev {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGBAMAAABia+rmAAAF7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNC0xNVQyMjozNTo0MCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDQtMTVUMjI6NDA6MDQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDQtMTVUMjI6NDA6MDQrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRlMTk0ODYtNGNiNC0wMTQ2LWE2YzctOTgzOGUxMTdmMzJiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFNTE2RkJGNUY4QjExRTk5M0JGRjZCQTY3MDNCMkIwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QkU1MTZGQkY1RjhCMTFFOTkzQkZGNkJBNjcwM0IyQjAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTUxNkZCQzVGOEIxMUU5OTNCRkY2QkE2NzAzQjJCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTUxNkZCRDVGOEIxMUU5OTNCRkY2QkE2NzAzQjJCMCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NGUxOTQ4Ni00Y2I0LTAxNDYtYTZjNy05ODM4ZTExN2YzMmIiIHN0RXZ0OndoZW49IjIwMTktMDQtMTVUMjI6NDA6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7l7Pl5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAElBMVEUAoOn///8AieQAnOggre3J6/p9obehAAAAUUlEQVRIx2NgGAXDHSjjlTUSMcAjy6woqIBPs6AQfs3K+DUbjGoeHJoZ8GtmCsSrmQmvZoLS+A0n4DRCHmMe1T54tTOQX/QQKLgIFXujYIABAIMNEN1e1KbzAAAAAElFTkSuQmCC) no-repeat 0 0/contain;
  background-size: contain;
  left: -57px
}

.main_indexPage .slick-next {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABGBAMAAABia+rmAAAF7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNC0xNVQyMjozNTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDQtMTVUMjI6Mzk6NTArMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDQtMTVUMjI6Mzk6NTArMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTI4NGYxNjktYWM1NS1lYzQ0LTkxNDktZGI0NGFiZGU3ZDBjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MDJDNkFGNUY4QjExRTlCNDVBODBBRDQzOEMzRjc2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QzYwMkM2QUY1RjhCMTFFOUI0NUE4MEFENDM4QzNGNzYiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjAyQzZBQzVGOEIxMUU5QjQ1QTgwQUQ0MzhDM0Y3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjAyQzZBRDVGOEIxMUU5QjQ1QTgwQUQ0MzhDM0Y3NiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Mjg0ZjE2OS1hYzU1LWVjNDQtOTE0OS1kYjQ0YWJkZTdkMGMiIHN0RXZ0OndoZW49IjIwMTktMDQtMTVUMjI6Mzk6NTArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6URHo8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAElBMVEUAoOn///8AieQAnOggre3J6/p9obehAAAAUklEQVRIx2NgGAXDFRjhlWV2VMYnzSQoZIBPXlEQr3Yj/NqZR7UPXu14U42iqAJ+7RRIEzAcv9MIeAx/sIxqpqdmAoUHgaKHQMFFoNgbBYMEAAD5vRC/NJOEQgAAAABJRU5ErkJggg==) no-repeat 0 0/cover;
  right: -57px
}

.main_indexPage .right_contet {
  padding-top: 0
}

.main_indexPage .recommended_box,.main_indexPage .right_contet>.in_use,.main_indexPage .theme_box {
  display: none
}

.main_indexPage .us_ad_banner.pc_use {
  display: block
}

.in_item1 {
  margin-bottom: 35px
}

.in_item1 .main_title {
  margin-bottom: 36px
}

.in_item1 a {
  text-decoration: none
}

.in_item1_box a:hover .in_item1_photo {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.in_item1_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item1_first {
  width: 40%;
  max-width: 420px
}

.in_item1_img {
  width: 100%;
  height: 0;
  padding-bottom: 56.192%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px
}

.in_item1_photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.in_item1_txt h2 {
  color: #000;
  font-size: 1.25rem;
  height: 2.8em;
  line-height: 1.4;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.in_item1_tag {
  text-align: center;
  background: #009e96;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  border-radius: 5px;
  padding: 5px 8px 3px;
  margin-bottom: 18px;
  line-height: 16px;
  letter-spacing: 0
}

.in_item1_right {
  width: 100%;
  max-width: 760px;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.17);
  box-shadow: 0 1px 5px rgba(0,0,0,.17);
  padding: 24px 0;
  border-radius: 10px
}

.in_item1_right .col-lg-4 {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 14px;
  padding: 0 10px 14px
}

.in_item1_right .col-lg-4:nth-child(4),.in_item1_right .col-lg-4:nth-child(5),.in_item1_right .col-lg-4:nth-child(6) {
  border: none;
  margin-bottom: 0
}

.in_item1_right ul {
  width: 85%;
  margin: auto
}

.in_item1_right li {
  list-style: none;
  margin: 0 5px
}

.in_item1_right li .in_item1_tag {
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 2
}

.in_item1_right .in_item1_img {
  margin-bottom: 10px
}

.in_item1_right .in_item1_txt h2 {
  font-size: 1rem;
  height: 3em;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 94%
}

.in_item2 {
  margin-bottom: 35px
}

.in_item2 .main_title {
  margin-bottom: 36px
}

.in_item2_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item2_left,.in_item3_left {
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.17);
  box-shadow: 0 1px 5px rgba(0,0,0,.17);
  border-radius: 10px;
  width: 44%;
  max-width: 533px;
  padding: 24px;
  line-height: 1.5
}

.in_item2_left .slick-prev,.in_item3_left .slick-prev {
  left: -25px;
  top: 65%
}

.in_item2_left .slick-next,.in_item3_left .slick-next {
  right: -25px;
  top: 65%
}

.in_item2_left .about_box,.in_item3_left .about_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px
}

.in_item2_left .about_box h2,.in_item3_left .about_box h2 {
  font-size: 1.375rem;
  font-weight: 700
}

.in_item2_left .about_box h2 a,.in_item3_left .about_box h2 a {
  color: #006db5;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  text-decoration: none
}

.in_item2_left .about_box h2 a:hover,.in_item3_left .about_box h2 a:hover {
  opacity: .7
}

.in_item2_left .about_img,.in_item3_left .about_img {
  width: 100%;
  max-width: 240px;
  height: 0;
  padding-bottom: 49.485%;
  margin-right: 20px;
  overflow: hidden;
  position: relative
}

.in_item2_left .about_img .about_photo,.in_item3_left .about_img .about_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.in_item2_left .about_img:hover .about_photo,.in_item3_left .about_img:hover .about_photo {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.in_item2_left .about_Txt,.in_item3_left .about_Txt {
  width: 50%;
  max-width: 225px;
 height: 244px;
  overflow: hidden;
  position: relative
}

.in_item2_left .blog_tag,.in_item2_left .job_title,.in_item3_left .blog_tag,.in_item3_left .job_title {
  margin-bottom: 10px
}

.in_item2_left .blog_tag:hover,.in_item2_left .job_title:hover,.in_item3_left .blog_tag:hover,.in_item3_left .job_title:hover {
  opacity: .7
}

.in_item2_left .job_txt,.in_item3_left .job_txt {
  color: #3f3f3f;
  font-size: .875rem;
  letter-spacing: 0;
  height: 126px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.in_item2_left .about_content,.in_item3_left .about_content {
  width: 90%;
  font-size: 1rem;
  color: #000;
  border-top: 1px solid #dcdcdc;
  padding-top: 26px;
  margin: auto auto 18px;
  height: 147px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* 第幾行要顯示點點點 */
  -webkit-box-orient: vertical;
  }

.in_more_btn a {
  display: block;
  width: 175px;
  height: 34px;
  line-height: 34px;
  margin: 0 auto;
  border-radius: 99em;
  border: 1px solid #4ec9d4;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
  text-align: center
}

.in_more_btn a:hover {
  font-weight: 700
}

.in_more_btn a:hover i {
  left: 4px
}

.in_more_btn i {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: relative;
  left: 0;
  color: #44c6d2;
  margin-left: 13px
}

.in_item2_right {
  width: 100%;
  max-width: 640px
}

.in_item2_right .medical_list .col-lg-3 {
  margin-bottom: 29px
}

.in_item2_right .medical_list .col-lg-3:nth-child(5),.in_item2_right .medical_list .col-lg-3:nth-child(6),.in_item2_right .medical_list .col-lg-3:nth-child(7),.in_item2_right .medical_list .col-lg-3:nth-child(8) {
  margin-bottom: 0
}

.in_item3 {
  margin-bottom: 35px
}

.in_item3 .main_title {
  margin-bottom: 36px
}

.in_item3 a {
  text-decoration: none
}

.in_item3_box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item3_right {
  width: 100%;
  max-width: 640px
}

.in_item3_right .medical_container .medical_txt h3 {
  color: #449e0e
}

.in_item3_left .blog_tag {
  border-left: 4px solid #009e96
}

.in_item3_left .about_box h2 {
  color: #449e0e
}

.in_item4_box {
  width: 95%;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item4 {
  margin-bottom: 35px
}

.in_item4 .main_title {
  margin-bottom: 36px
}

.in_item4 a {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none
}

.in_item4 a:hover .in_video_txt {
  opacity: .7
}

.in_item4 .in_item4_left {
  width: 100%;
  max-width: 456px
}

.in_item4 .in_video {
  height: 0;
  padding-bottom: 56.142%;
  position: relative
}

.in_item4 .in_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.in_item4 .in_video_txt {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 90%;
  margin: 17px auto 0
}

.in_item4 .in_video_txt h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  height: 2.4em;
  -webkit-line-clamp: 2;
  border-left: 4px solid #e76054;
  padding: 0 0 0 10px;
  margin-bottom: 15px
}

.in_item4 .in_video_txt h2,.in_item4 .in_video_txt p {
  line-height: 1.2;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.in_item4 .in_video_txt p {
  font-size: 1rem;
  color: #3f3f3f;
  height: 3.6em;
  -webkit-line-clamp: 3
}

.in_item4_right {
  width: 100%;
  max-width: 364px
}

.in_item4_right .in_video_txt {
  max-width: 165px;
  margin: 0
}

.in_item4_right .in_video_txt p {
  font-size: .9rem;
  height: 3.6em;
  -webkit-line-clamp: 3
}

.in_item4_right .in_video_img {
  position: relative;
  height: 0;
  padding-bottom: 27.473%;
  width: 100%;
  max-width: 180px;
  overflow: hidden
}

.in_item4_right .in_video_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.in_item4_right h3 {
  color: #000;
  font-size: 1rem;
  height: 2.4em;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
  font-weight: 700
}

.in_item4_right h3,.in_item4_right p {
  line-height: 1.2;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.in_item4_right p {
  color: #3f3f3f;
  font-size: .875rem;
  height: 3.6em;
  -webkit-line-clamp: 3
}

.in_item4_right a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item4_right a:not(:last-child) {
  margin-bottom: 38px
}

.in_item4_right a:hover .in_video_photo {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06)
}

.in_item5 .main_news_list {
  border-bottom: none;
  margin: 40px auto 0;
  padding-bottom: 0
}

.in_item6 .main_title {
  margin-bottom: 22px
}

.in_item6 {
  margin: 0 auto 50px
}

.in_item6 .life_img {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.in_item6 .life_list {
  width: 868px;
  margin: 0 auto
}

.in_item6 .life_list ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.in_item6 .life_list li {
  list-style: none;
  max-width: 140px;
  margin: 0 14px
}

.in_item6 .life_list li a {
  text-decoration: none;
  color: #3d3d3d
}

.in_item6 .life_list li a:hover {
  color: #9e9e9e
}

.in_item6 .life_list li a:hover .life_img {
  opacity: .5
}

.in_item6 .life_img {
  margin-bottom: 10px
}

.in_item6 .life_txt {
  font-size: .9375rem;
  text-align: center
}

.in_item6 .life_txt h3 {
  display: inline-block;
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
  padding: 1px 6px;
  margin-bottom: 8px
}

.in_item6 .life_txt p {
  text-align: left;
  line-height: 20px;
  margin-bottom: 12px
}

.in_item6 .life_txt .price {
  text-align: right;
  color: #000
}

.in_item6 .life_txt .original {
  color: #de4242;
  text-decoration: line-through;
  margin-right: 7px
}

@media screen and (max-width: 767px) {
  .in_item6 .life_txt {
      font-size:.875rem
  }

  .in_item6 .life_txt h3 {
      font-size: .9375rem;
      padding: 0 3px;
      margin-bottom: 6px
  }

  .in_item6 .life_txt p {
      line-height: 17px
  }

  .in_item6 .life_txt .price {
      font-size: .875rem
  }
}

@media screen and (max-width: 767px) and (max-width:360px) {
  .in_item6 .life_txt .price {
      font-size:.75rem
  }
}

@media screen and (max-width: 767px) {
  .in_item6 .life_txt .original {
      margin-right:0
  }

  .in_item6 .life_list li {
      margin: 0 14px 0 0
  }
}

.blockchain_item3 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.blockchain_item3:after,.blockchain_item3:before {
  display: none
}

.left_content {
  width: 75%;
  max-width: 880px
}

.a_b_banner_box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.a_b_banner_box li {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.a_b_banner_box li:not(:last-child) {
  margin-right: 7%
}

.a_b_banner_box a {
  width: 100%;
  height: 100%;
  display: block
}

.a_b_banner_box a:hover {
  opacity: .5
}

.right_contet {
  width: 100%;
  max-width: 310px;
  padding-left: 10px;
  margin-left: 10px;
  padding-top: 62px
}

.main_news_detailPage .right_contet {
  padding-top: 47px
}

.us_ad_banner a {
  width: 100%;
  height: 100%;
  display: block;
  margin-bottom: 10px;
  text-align: center
}

.us_ad_banner a:hover {
  opacity: .6
}

.site_map {
  width: 100%;
  background: #eee
}

.site_map_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1051px;
  margin: auto;
  padding: 25px 0 10px;
}

.site_map_box .site_map_content a {
  width: 100%;
  height: 100%;
  display: block;
  color: #626262;
  text-decoration: none
}

.site_map_box .site_map_content a:hover {
  color: #00a0e9;
  font-weight: bold;
}

.site_map_box .site_map_content a:before {
  content: "‧";
  margin-right: 4px
}

.site_map_box h4 {
  width: 100%;
  font-size: 1rem;
  color: #00a0e9;
  margin-bottom: 15px;
  font-weight: 700
}

.site_map_box li {
  font-size: .87rem;
  list-style: none;
  margin-bottom: 5px
}

.site_map_box .site_map_item:not(:last-child) {
  margin-right: 20px;
}

.site_map_box .site_map_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.site_map_box .site_map_content ul {
  margin-right: 10px;
}

.site_map_box .last_link h4:not(:last-child) {
  margin-bottom: 23px
}

.site_map_box .last_link a {
  text-decoration: none;
  color: #00a0e9
}

.site_map_box .last_link a:hover {
  opacity: .6
}

@media screen and (max-width: 1200px) {
  .left_content {
      width:70%
  }

  .in_item1_right {
      width: 59%
  }

  .main_indexPage main[role=main] {
      width: 95%
  }

  .in_item2_right,.in_item3_right {
      width: 52%
  }
}

@media screen and (max-width: 1024px) {
  .blockchain_item1 {
      -webkit-flex-wrap:wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .a_b_banner_box {
      margin: 0 auto 34px
  }
}

@media screen and (max-width: 980px) {
  .slick-slide img {
      margin:auto
  }

  .in_item1_box {
      display: block
  }

  .in_item1_first {
      width: 90%;
      max-width: none;
      margin: auto
  }

  .in_item1_right {
      width: 100%;
      margin: auto;
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none
  }

  .in_item1_right .slick-next,.in_item1_right .slick-prev {
      display: none!important
  }

  .in_item1_right ul {
      width: 88%
  }

  .in_item1_right .col-lg-4 {
      border-bottom: none
  }

  .in_item2_box,.in_item3_box {
      display: block
  }

  .in_item2_left,.in_item3_left {
      width: 100%;
      max-width: none
  }

  .in_item2_left .about_content,.in_item3_left .about_content {
      font-size: .9375rem;
      height: 138px;
  }

  .in_item2_left .about_img,.in_item3_left .about_img {
      max-width: 335px;
      padding-bottom: 49.121%;
      margin: 0 auto 20px
  }

  .in_item2_left .about_Txt,.in_item3_left .about_Txt {
      max-width: 47%;
      margin: 0 auto
  }

  .in_item2_left .about_box,.in_item3_left .about_box {
      display: block;
      height:340px;
      overflow: hidden;
  }

  .in_item2_right,.in_item3_right {
      width: 80%;
      margin: 51px auto 0
  }

  .in_item2_right .medical_list .col-lg-3 {
      margin-bottom: 35px
  }

  .in_item4_box {
      display: block
  }

  .in_item4 .in_item4_left,.in_item4 .in_item4_right {
      max-width: 100%
  }

  .in_item4 .in_video_txt {
      width: 100%;
      margin: 17px auto 25px
  }

  .in_item4_right .in_video_img {
      padding-bottom: 16%
  }

  .in_item4_right .in_video_txt {
      max-width: 69%;
      margin: 0!important
  }
}
@media screen and (max-width:375px) {
  .in_item2_left .about_box, .in_item3_left .about_box {
      height: 300px;
  }
}
@media screen and (max-width:360px) {
  .in_item2_left .about_box, .in_item3_left .about_box {
      height: 286px;
  }
}
@media screen and (max-width: 640px) {
  .in_item1_tag{
    font-size: 14px;
  }
  .in_item2_left .about_img,.in_item3_left .about_img {
      padding-bottom:98.121%
  }

  .in_item2_left .about_Txt,.in_item3_left .about_Txt {
      max-width: 100%;
      height: auto
  }

  .in_item2_right,.in_item3_right {
      width: 95%;
      margin: 30px auto 0
  }

  .in_item4_right .in_video_img {
      max-width: 150px;
      padding-bottom: 26%
  }

  .in_item4_right .in_video_txt {
      max-width: 53%
  }
}

@media screen and (max-width: 640px) and (max-width:375px) {
  .in_item4_right .in_video_txt {
      max-width:47%
  }
}

@media screen and (max-width: 640px) {
  .main_indexPage .blockchain_item3 {
      width:100%
  }

  .main_indexPage main[role=main] {
      width: 90%
  }

  .in_item6 .life_list ul {
      position: relative;
      left: -35px
  }
}

.medical_tag {
  width: 100%;
  margin: 35px auto 48px
}

.medical_tag a {
  display: inline-block;
  text-align: center;
  line-height: 36px;
  height: 36px;
  border: 1px solid #2e9ee6;
  background-color: #fff;
  border-radius: 99em;
  padding: 0 .75rem;
  margin-bottom: 12px;
  color: #000;
  text-decoration: none;
  font-size: 1.125rem
}

.medical_tag a.active,.medical_tag a:hover {
  background: #2e9ee6;
  color: #fff
}

.medical_list .col-lg-3 {
  margin-bottom: 48px
}

.blog_tag {
  font-size: .875rem;
  border-left: 4px solid #009e96;
  margin-bottom: 6px;
  padding-left: 8px
}

.about_Txt .job_title,.blog_tag {
  color: #000
}

.about_Txt a {
  text-decoration: none
}

.about_Txt a:hover h2 {
  opacity: .5
}

.medical_container {
  width: 100%;
  max-width: 170px
}

.medical_container .medical_img {
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  max-width: 170px;
  margin-bottom: 18px;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  overflow: hidden;
  border-radius: 5px
}

.medical_container .medical_img .medical_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.medical_container a {
  text-decoration: none
}

.medical_container a:hover .medical_photo {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.medical_container .medical_txt {
  font-size: .875rem;
  line-height: 1.43;
  letter-spacing: .1px
}

.medical_container .medical_txt .job_title {
  margin-bottom: 9px;
  color: #000
}

.medical_container .medical_txt h3 {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: .1px;
  color: #006db5
}

.blog_tag,.blog_tag+a h3,.job_title,.job_title+a h3 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.blog_tag+a h3 a,.blog_tag a,.job_title+a h3 a,.job_title a {
  text-decoration: none
}

.blog_tag+a h3:hover,.blog_tag:hover,.job_title+a h3:hover,.job_title:hover {
  opacity: .6
}

.blog_tag a,.job_title a {
  color: #000
}

@media screen and (max-width: 980px) {
  .medical_container,.medical_container .medical_img {
      max-width:none
  }
}

@media screen and (max-width: 640px) {
  .medical_tag a {
      line-height:30px;
      height: 30px;
      font-size: .9375rem
  }

  .medical_container .medical_txt h3 {
      font-size: 1rem
  }

  .blog_tag {
      margin-bottom: 3px
  }

  .medical_container .medical_txt .job_title {
      margin-bottom: 4px
  }

  .medical_container .medical_txt h3 {
      font-size: .9375rem
  }

  .medical_list .col-lg-3 {
      margin-bottom: 30px
  }

  .medical_tag {
      margin: 0 0 22px
  }

  .main_title {
      margin-bottom: 22px
  }
}

.main_news_list {
  width: 95%;
  max-width: 780px;
  margin: 40px auto;
  padding-bottom: 50px;
  border-bottom: 1px solid #c1e7f5
}

.main_news_list ul {
  width: 100%
}

.main_news_list ul li {
  padding-bottom: 18px;
  margin-bottom: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.main_news_list ul li a {
  text-decoration: none
}

.main_news_list ul li a:hover .main_news_content,.main_news_list ul li a:hover h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: .6
}

.main_news_list ul li a:hover .main_news_photo {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06)
}

.main_news_list ul li:not(:last-child) {
  border-bottom: 1px solid #c1e7f5
}

.main_news_list .ti_l {
  margin-bottom: 11px
}

.main_news_list .ti_l a {
  color: #00a0e9
}

.main_news_list .ti_l a:hover {
  opacity: .6
}

.main_news_list .main_news_img {
  position: relative;
  padding-bottom: 23.077%;
  width: 100%;
  height: 0;
  max-width: 320px;
  overflow: hidden
}

.main_news_list .main_news_img .main_news_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.main_news_list .main_news_txt {
  font-size: 1rem;
  width: calc(100% - 276px);
  margin-right: 2rem
}

.main_news_list .main_news_txt h2 {
  position: static;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 1.25rem;
  height: 1.5em;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.main_news_list .main_news_txt .ti_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
  font-size: .875rem;
  width: 79%
}

@media screen and (max-width: 980px) {
  .main_news_list .main_news_txt .ti_left {
      width:100%
  }
}

.main_news_list .main_news_txt .news_name {
  width: 63%
}

@media screen and (max-width: 980px) {
  .main_news_list .main_news_txt .news_name {
      width:100%
  }
}

.main_news_list .main_news_txt .titag {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px
}

.main_news_list .main_news_txt .titag,.main_news_list .main_news_txt .titag .people_con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.main_news_list .main_news_txt .titag .news_name,.main_news_list .main_news_txt .titag .people_regular,.main_news_list .main_news_txt .titag time {
  color: #666
}

.main_news_list .main_news_txt .titag time {
  margin-right: 18px
}

.main_news_list .main_news_txt .titag .people_regular {
  font-size: .875rem;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.main_news_list .main_news_txt .titag .people_regular i {
  margin-right: 5px
}

.main_news_list .main_news_txt .titag .people_eye {
  font-size: .875rem;
  color: #666
}

.main_news_list .main_news_txt .main_news_content {
  color: #000;
  height: 4.5em;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 18px
}

.bre_highlight {
  color: #4691c5
}

.main_detail_box {
  width: 100%;
  max-width: 865px;
  padding: 56px 0 72px;
  margin-bottom: 30px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff
}

.main_detail_container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto
}

.main_detail_container .blog_tag {
  margin-bottom: 20px
}

.detail_h2 {
  margin-bottom: 27px
}

.detail_h2 h2 {
  font-size: 1.875rem;
  color: #0d8200;
  padding-bottom: 13px;
  margin-bottom: 21px;
  border-bottom: 1px solid #0d8200;
  line-height: 37px
}

.detail_h2 .detail_item {
  font-size: .875rem;
  color: #666;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.detail_h2 .detail_item,.detail_h2 .detail_time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.detail_h2 .reporter {
  margin-right: 15px
}

.detail_h2 .reporter:before {
  width: 5px;
  height: 5px;
  color: #666;
  display: inline-block;
  margin: 0 11px 0 5px
}

.detail_h2 .people_eye {
  color: #aaa;
  position: relative
}

.detail_h2 .people_eye .fa-eye:before {
  color: #aaa
}

.print_word {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.print_word .print_btn {
  display: block;
  text-indent: -10000px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAECBAMAAADnYcRjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRFR3BMZmZmZmZmZmZmZmZmZmZmZmZmf638BQAAAAZ0Uk5TAAqk3zBpi+IMYAAAAttJREFUeNrt3UFT6jAUhuFGZQ+iXXMXsoZxxrXOeFmjC/dF7P//CfciIqUqIclJP0bes4d5JqTNCT3pKYr94Qap0S9Swj3f1qlxe5NguBjXFrG4jxbYAP4TYkfhsraKaeQkuDMT1HGDUNoB4gbBcgjiZsJZbRmjCMHMVLAUXoofP0PENKhtI3wi9IwFc/FEjJmK58aCSbBgaCyYSu+Iq6iiBVViglKmC4q0QIAAAQIECBAgQIAAAQIECBDk+p7PPwASBVbfQxAEQRAnF+l1Bml1CRZ1Bkl1CUZ1Bgl1CRpA42n0Za2Kj8dfpg/Zo57EljrAehCUQ7CeCWe1MkaFdZ1BTF3CWCpY2NcZhF8NPbFgLp6Iq6l4LhZMzOsMwu9JpVhQdSy4eRw8PgsFr0/vC9H1nUzwZ70Y9/+qBMtNQuJeRIKHz6TsSiNYbjNTN5MInhrJ+ZVC8NbcIGxnQoeCnaIsNxQI5jt7pJ5AsLtLG3QvaBdpjjsXvLUEL50L2qWysxMUVD8+dxAJXMk8EAj0V6P+jtS6Kzv5ynStXp0Lxeq8kGco+iytmakWmkxVn60fwY5ls2vbXoonuHPV796P4R8MBAgQIECAAAECBAgQIECAAIG9wOr9BwkCozMcCBAgQIAAwW8TBC/L5oLQTKZCgAABAgQIEPx6Qb4MZXigIFeWNvWepMktmHhPE+UWjLwnqnIL5t5TZbkFfe/JusyChf90YWbB0n/CMrNg5D9lmlewLpsshYLpAaeN8wr6B5y4zirYVM+6sUiwLZ7dd/I+o6DZEWDP2weCV+dDBe2uCM73XuQyMDP5clIiuDOEuSD690OAAAECBAgQfP/J1AyFt1giQIAAAQIECBAgQIAAAQIE2QTy7olWES7Qd9HUdxLVd1PVd5TVd9XVdxY+gu7K+g7T+i7b+k7jR9BtXd9xfn9dQv5ZsAqjjgDNOoPgUTDoitCuMwg2GHd6+Br/AL0DM4HSC1xEAAAAAElFTkSuQmCC);
  background-size: cover;
  margin-right: 10px
}

.print_word .font_level {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.print_word .font_level a {
  text-decoration: none;
  color: #666;
  text-align: center;
  line-height: 32px;
  width: 40px;
  height: 32px;
  display: block;
  border: 1px solid #aaa
}

.print_word .font_level a:hover {
  background: #aaa;
  color: #fff
}

.print_word .font_level .zoom_out {
  font-size: .9375rem;
  border-right: none
}

.print_word .font_level .zoom_in {
  font-size: 1.1875rem
}

.detail_img {
  width: 100%;
  margin-bottom: 10px
}

.detail_img img {
  width: 100%
}

.detail_explanation {
  font-size: .9375rem;
  color: #666;
  line-height: 24px;
  margin-bottom: 37px
}

.youtobe_box {
  width: 100%;
  height: 0;
  padding-bottom: 51%;
  position: relative;
  margin-bottom: 20px
}

.youtobe_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.web_tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 23px
}

.web_tag a {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #00a0e9;
  padding: 7px 9px;
  background: #f5f5f5;
  margin-right: 7px;
  text-decoration: none;
  margin-bottom: 7px
}

.web_tag a:hover {
  background: #00a0e9;
  color: #fff
}

.community_share h3 {
  font-size: 1rem;
  color: #666;
  margin-bottom: 15px
}

.community_list {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.community_list li {
  margin-right: 5px
}

.community_list li img {
  width: 35px
}

.community_list li:nth-child(2):hover,.community_list li:nth-child(3):hover,.community_list li:nth-child(4):hover {
  opacity: .8
}

.community_list .fb_share {
  background: #2079ef;
  width: 85px;
  height: 34px;
  border-radius: 5px
}

.community_list .fb_share:hover {
  background: #365899
}

.community_list .fb-share-button {
  top: 3px!important
}

.main_eventPage .health_box .life_list ul,.main_news_detailPage .health_box .life_list ul,.main_newsPage .health_box .life_list ul,.main_videoPage .health_box .life_list ul {
  width: 100%
}

.main_eventPage .health_box .life_list li:not(:last-child),.main_news_detailPage .health_box .life_list li:not(:last-child),.main_newsPage .health_box .life_list li:not(:last-child),.main_videoPage .health_box .life_list li:not(:last-child) {
  margin-right: 5.5%
}

.main_eventPage .health_box .life_list .slick-slider .slick-list,.main_news_detailPage .health_box .life_list .slick-slider .slick-list,.main_newsPage .health_box .life_list .slick-slider .slick-list,.main_tag,.main_videoPage .health_box .life_list .slick-slider .slick-list {
  width: 100%
}

.main_tag {
  margin-bottom: 30px;
  margin-top: -10px
}

.main_tag a {
  display: inline-block;
  border-radius: 99px;
  text-align: center;
  color: #5ba822;
  font-size: .9375rem;
  padding: 5px 12px;
  margin-right: 3px;
  margin-bottom: 8px;
  text-decoration: none;
  border: 1px solid #5ba822
}

.main_tag a.active,.main_tag a:hover {
  background: #8fc31f;
  color: #fff
}

.ad_banner {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-bottom: 38px
}

.ad_banner,.correlation {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.correlation {
  max-width: 865px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.main_ask,.main_related {
  width: 100%;
  max-width: 410px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff;
  padding-bottom: 10px
}

.main_related ul {
  width: 93%;
  margin: auto
}

.main_related li {
  padding-bottom: 13px
}

.main_related li:not(:last-child) {
  border-bottom: 1px solid #eee;
  margin-bottom: 13px
}

.main_related li a {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-decoration: none
}

.main_related li a:hover {
  color: #00a0e9
}

.main_related span {
  width: 80%
}

.main_related .people_eye {
  width: 70px;
  color: #aaa;
  font-size: .875rem
}

.main_ask input,.main_ask textarea {
  background-color: #eee;
  width: 100%;
  height: 35px
}

.main_ask textarea {
  padding-top: 10px;
  height: 90px;
  margin-bottom: 5px
}

.main_ask ul {
  width: 93%;
  margin: auto
}

.main_ask li {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 13px
}

.main_ask h4 {
  width: 100px
}

.main_ask .input_box {
  width: calc(100% - 100px)
}

.main_ask .private {
  width: 100%
}

.item_title {
  line-height: 1;
  position: relative;
  font-size: 1.375rem;
  border-bottom: 4px solid #eee;
  padding: 10px 10px 9px;
  margin-bottom: 26px
}

.item_title:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  display: block;
  content: "";
  width: 111px;
  height: 4px;
  background-color: #8fc31f
}

.private input {
  display: none
}

.confirm_btn {
  margin-top: 49px
}

.confirm_btn a {
  display: block;
  background: #045abd;
  width: 151px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin: auto;
  text-decoration: none
}

.confirm_btn a:hover {
  background: #8fc31f
}

.message_board {
  width: 100%;
  max-width: 865px;
  margin: 30px 0 55px;
  border-radius: 4px;
  border: 1px solid #eee;
  background: #fff;
  padding-bottom: 10px;
  line-height: 1.5
}

.message_box {
  width: 93%;
  margin: 0 auto;
  padding-bottom: 40px
}

.message_box:not(:last-child) {
  margin-bottom: 70px
}

.message_box header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-bottom: 18px
}

.message_box .message_name {
  border-left: 4px solid #009e96;
  padding-left: 10px;
  color: #000;
  font-weight: 700
}

.message_box .message_time {
  font-size: .875rem;
  width: 20%;
}
@media screen and (max-width: 1180px) {
  .message_box .message_time{
    width: 22%;
  }
}
@media screen and (max-width: 990px) {
  .message_box .message_time{
    width: 24%;
  }
}
.message_box .leave_box {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 18px;
  margin-bottom: 18px
}

.message_box .leave_txt {
  padding-left: 8px
}

.message_box .reply_box {
  padding-left: 12%
}

.message_box .reply_box h4 {
  color: #009e96;
  margin-bottom: 13px
}

.personal_page .a_b_banner_box {
  width: 100%;
  max-width: 865px
}

input[type=checkbox]+label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 26px;
  padding: 0 5px 0 26px;
  outline: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  position: relative;
  color: #ccc
}

input[type=checkbox]+label:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  background: #fff;
  content: "";
  border: 1px solid #bfbfbf
}

input[type=checkbox]+label span {
  position: relative;
  display: block;
  top: 3px;
  width: 100%
}

input[type=checkbox]:checked+label:after {
  width: 20px;
  height: 20px;
  background: hsla(0,0%,74.9%,.76);
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  content: ""
}

@media screen and (max-width: 980px) {
  .blockchain_item3 {
      -webkit-flex-wrap:wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90%
  }

  .left_content {
      width: 100%;
      max-width: 100%
  }

  .right_contet {
      width: 90%;
      max-width: 100%;
      border: none;
      padding-left: 0;
      margin: 0 auto
  }

  .main_news_list .main_news_img {
      width: 100%;
      max-width: 100%;
      padding-bottom: 28%;
      margin-bottom: 0
  }

  .main_news_list .main_news_img img,.main_news_list .main_news_txt {
      width: 100%
  }

  .main_news_list .main_news_txt h2 {
      height: 54px
  }

  .main_news_list .main_news_txt .ti_left {
      padding-right: 0;
      margin-bottom: 5px
  }

  .main_news_list .main_news_txt .titag {
      display: block
  }

  .main_news_list .main_news_txt .titag time {
      margin-right: 8px
  }

  .main_news_list .main_news_txt .titag .people_eye {
      width: 100%;
      display: block
  }

  .main_news_list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .main_ask,.main_related {
      max-width: 340px
  }

  .us_slider img {
      width: 100%
  }

  .as_event .as_event_content a {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .fb_iframe_widget_fluid {
      margin: 0 auto;
      display: block!important;
      max-width: 500px
  }

  .fb_box iframe {
      width: 100%
  }

  .a_b_banner_box,.as_partner {
      display: none
  }

  .fb_iframe_widget span {
      width: 100%!important
  }

  .main_eventPage .health_box,.main_news_detailPage .health_box,.main_newsPage .health_box,.main_videoPage .health_box {
      width: 90%
  }

  .main_eventPage .health_box .life_list ul,.main_news_detailPage .health_box .life_list ul,.main_newsPage .health_box .life_list ul,.main_videoPage .health_box .life_list ul {
      display: block
  }

  .main_eventPage .health_box .life_list li:not(:last-child),.main_news_detailPage .health_box .life_list li:not(:last-child),.main_newsPage .health_box .life_list li:not(:last-child),.main_videoPage .health_box .life_list li:not(:last-child) {
      max-width: 100%;
      margin: 0 .5%
  }

  .main_eventPage .health_box .life_img img,.main_news_detailPage .health_box .life_img img,.main_newsPage .health_box .life_img img,.main_videoPage .health_box .life_img img {
      width: 100%
  }

  .main_detail_box {
      padding: 20px 15px
  }
}

@media screen and (max-width: 640px) {
  .message_box .message_time{
    width: 28%;
  }
  .right_contet {
      width:100%;
      padding-top: 15px
  }

  .focus_message #site-marquee,.focus_message h3 {
      font-size: 1rem
  }

  .focus_message #site-marquee {
      width: 70%;
      line-height: 20px
  }

  .main_news_list {
      width: 100%;
      padding-bottom: 0;
      margin: auto
  }

  .main_news_list ul li {
      width: 100%;
      padding: 0 10px;
      margin-bottom: 40px
  }

  .main_news_list .ti_l {
      margin-bottom: 3px
  }

  .main_news_list .main_news_txt {
      width: 100%;
      margin-right: 5px
  }

  .main_news_list .main_news_txt h2 {
      height: 37px;
      padding-left: 0;
      line-height: 20px;
      font-size: .9375rem;
      -webkit-line-clamp: 2
  }

  .main_news_list .main_news_txt .ti_left {
      font-size: .75rem;
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left;
      display: block
  }

  .main_news_list .main_news_txt .main_news_content {
      display: none
  }

  .main_news_list .main_news_txt .titag time {
      margin-right: 0;
      width: 72px
  }

  .main_news_list .main_news_txt .titag .people_regular {
      margin-right: 10px;
      width: 40px
  }

  .main_news_list .main_news_txt .titag {
      display: block
  }

  .main_news_list .main_news_txt .titag time {
      margin-right: 8px
  }

  .main_news_list .main_news_txt .titag .people_eye {
      width: 100%;
      display: block
  }

  .correlation {
      display: block
  }

  .main_ask,.main_related {
      width: 100%;
      max-width: none
  }

  .main_related {
      margin-bottom: 30px
  }

  .left_content .ad_banner {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .left_content .ad_banner a {
      width: 48.5%
  }

  .main_ask {
      margin-bottom: 30px
  }

  .detail_h2 h2 {
      font-size: 1.375rem;
      line-height: 28px
  }
}

.detail_content {
  page-break-after: always
}

@media print {
  .banner,.breadcrumbs,.community_share,.detail_h2 .detail_item,.detail_item,.detail_time,.focus_message,.health_box,.out_link,.print_word,.right_contet,.site_map,.top_btn,.web_tag,.welcome_box,footer,header {
      display: none
  }

  .left_content {
      width: 100%
  }
}

.main_themePage .medical_container .medical_txt h3 {
  color: #449e0e
}

.main_videoPage .col-6 {
  margin-bottom: 40px
}

.video_content {
  width: 100%;
  max-width: 360px;
  margin: auto
}

.video_content .video_movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 55.559%;
  margin-bottom: 17px;
  overflow: hidden
}

.video_content .video_movie:hover .video_photo {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06)
}

.video_content .video_movie:hover i {
  opacity: 1;
  top: 50%
}

.video_content .video_movie i {
  opacity: 0;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAMAAAArU9sbAAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N0NGN0YwOUIwRjgxMUU3QjBFQkVDODIwMzJDNDM5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N0NGN0YwQUIwRjgxMUU3QjBFQkVDODIwMzJDNDM5QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3Q0Y3RjA3QjBGODExRTdCMEVCRUM4MjAzMkM0MzlCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3Q0Y3RjA4QjBGODExRTdCMEVCRUM4MjAzMkM0MzlCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k73CRgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABaUExURUdwTP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP8AAP////+vr//p6f8tLf/Gxv98fP8MDP9GRv+fn/9dXf+8vP/KyoJy89oAAAARdFJOUwDEOnXS3KeylE+CXxee9CoKVT0RsgAAAR9JREFUWMPtltGugyAMQBVERHRKp9N5t///zdvlPtwHKbaJe1jGeTEm5ARaWloUmUwm8410g1LOed22bYP0yOuLv9o759TQHSqcrcIhxvqkxAYmZXeCBPdDSnwQ0FCWUmK5EJLxIrEEFbcokSQ4Issyiz4huGR49X7lttAWG7c0+5VPuN3Jixe31PuVVwDYZpHFxi0A8WNV7Ev3Z4Hph2+pSAvAc+ZWkklYAG7zGZbpzrOkThSJjJFGF5aVHV0y09dZkGni1lG3t2RXwAOmRVgBkWp8bKu0GiOdYU10hv6dXUrYMf07u3dRiV6SsWAniaYmH0fJZuiHumNrzJAaGlqWxzTj0RCEI5DG+aevEfsP/uE09JqE1JBHxUwm82H8AtHLY9XFgdbjAAAAAElFTkSuQmCC);
  width: 69px;
  height: 69px;
  z-index: 1
}

.video_content .video_movie i,.video_content .video_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: absolute
}

.video_content .video_photo {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video_content .video_txt h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1.1rem;
  line-height: 1.56;
  letter-spacing: .1px;
  color: #449e0e;
  margin-bottom: 18px
}

.video_content .video_txt a {
  text-decoration: none
}

.video_content .video_txt a:hover h2 {
  text-decoration: none;
  opacity: .6
}

.video_content .titag {
  color: #666;
  font-size: .875rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.video_content .people_con,.video_content .titag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.video_content .people_regular {
  margin-right: 10px
}

@media screen and (max-width: 640px) {
  .video_content .video_txt h2 {
      font-size:.875rem;
      margin-bottom: 11px
  }

  .video_content .titag {
      font-size: .8125rem
  }

  .main_videoPage .col-6 {
      margin-bottom: 30px
  }
}

.main_casePage .col-6 {
  margin-bottom: 66px
}

.case_content {
  width: 100%;
  max-width: 360px;
  margin: auto
}

.case_content .case_img {
  position: relative;
  height: 0;
  padding-bottom: 55.559%;
  margin-bottom: 17px;
  overflow: hidden
}

.case_content .case_img,.case_content .case_photo {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 100%
}

.case_content .case_photo {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.case_content a:hover .case_photo {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06)
}

.case_content .case_txt h2 {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  font-size: 1.1rem;
  line-height: 1.56;
  letter-spacing: .1px;
  color: #449e0e;
  margin-bottom: 18px
}

.case_content .case_txt a {
  text-decoration: none
}

.case_content .case_txt a:hover h2 {
  text-decoration: none;
  opacity: .6
}

.case_content .titag {
  color: #666;
  font-size: .875rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.case_content .people_con,.case_content .titag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.case_content .people_regular {
  margin-right: 10px
}

@media screen and (max-width: 640px) {
  .case_content .case_txt h2 {
      font-size:.875rem;
      margin-bottom: 11px
  }

  .case_content .titag {
      font-size: .8125rem
  }

  .main_casePage .col-6 {
      margin-bottom: 30px
  }
}

.personal_page .main_link,.personal_page nav {
  display: none
}

.personal_page .banner {
  max-width: 1210px;
  width: 100%
}

@media screen and (max-width: 1280px) {
  .personal_page .banner {
      width:90%
  }
}

.personal_page .presonal_header {
  display: block
}

.personal_page .welcome_box {
  width: 90%;
  margin: 171px auto 10px
}

.personal_page article {
  margin-top: 0
}

.personal_page .breadcrumbs {
  margin-bottom: 20px
}

.presonal_header {
  background: #00a0e9;
  display: none
}

.presonal_header_Box {
  position: relative;
  width: 90%;
  max-width: 1223px;
  margin: auto;
  padding: 9px 0;
  color: #fff;
  line-height: 1.5;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.presonal_header_Box,.presonal_header_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.presonal_header_title {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 30%
}

.presonal_header_title h1 {
  font-size: 1.7rem;
  margin-right: 27px
}

.presonal_header_title h2 {
  font-weight: 700;
  font-size: 1.125rem
}

.presonal_header_nav {
  width: 68%;
  font-size: 1.125rem;
  text-align: right
}

.presonal_header_nav a {
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #045abd;
  text-decoration: none;
  line-height: 38px;
  height: 35px;
  padding: 0 17px
}

.presonal_header_nav a i {
  margin-right: 7px
}

.presonal_header_nav a:hover {
  opacity: .7
}

.welcome_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: 1210px;
  width: 95%;
  margin: 150px auto 10px
}

.welcome_box .welcome_content {
  max-width: 771px;
  font-weight: 700;
  font-size: .875rem;
  background: #a3f0ff;
  border-radius: 99em;
  padding: 3px 17px;
  line-height: 1.5;
  letter-spacing: 0
}

@media screen and (max-width: 1185px) {
  .presonal_header_title {
      width:100%
  }

  .presonal_header_nav {
      width: 100%;
      text-align: left
  }
}

@media screen and (max-width: 980px) {
  .presonal_header_title h1 {
      font-size:1.125rem;
      margin-right: 10px
  }

  .presonal_header_title h2 {
      font-size: .9375rem
  }

  .presonal_header_nav {
      font-size: .875rem;
      margin-top: 6px
  }

  .presonal_header_nav a {
      line-height: 29px;
      height: 28px;
      padding: 0 5px;
      margin: 5px;
  }

  .presonal_search .search_box {
      display: block
  }

  .personal_page .menu_mo {
      display: none
  }

  .personal_page nav {
      display: block
  }

  .personal_page .community .main_link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
  }

  .welcome_box {
      margin: 30px auto 30px
  }

  .personal_page .welcome_box {
      width: 95%;
      margin: 205px auto 10px;
  }
}
@media screen and (max-width: 820px) {
  .personal_page .welcome_box {
    margin: 175px auto 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .personal_page .welcome_box {
    margin: 179px auto 10px !important;
  }
}
@media screen and (max-width: 390px) {
  .personal_page .welcome_box {
    margin: 209px auto 10px !important;
  }
}
@media screen and (max-width: 360px) {
  .personal_page .welcome_box {
    margin: 236px auto 10px !important;
  }
}
@media screen and (max-width: 640px) {

  .welcome_box .welcome_content {
      width:100%;
      font-size: .75rem;
      padding: 4px 14px
  }

  .presonal_header_nav {
      font-size: .8125rem
  }
}

@media screen and (max-width: 375px) {

  .presonal_header_title {
      width:100%;
      display: block
  }
}

.personal_page .right_contet {
  padding-top: 49px
}

.personal_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background: #eee;
  font-size: 1.375rem;
  color: #000;
  padding: 15px 20px 13px
}

.personal_title:after,.personal_title:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 4px
}

.personal_title:before {
  width: 30%;
  max-width: 47px;
  background: #8fc31f;
  z-index: 1
}

.personal_title:after {
  width: 100%;
  background: #00a0e9;
  z-index: 0
}

.personal_title .per_btn {
  font-size: .875rem
}

.personal_title .per_btn a {
  color: #353535;
  text-decoration: none
}

.personal_title .per_btn a i {
  font-size: 1rem;
  color: #44c6d2;
  position: relative;
  top: 1px
}

.personal_title .per_btn a:hover {
  color: #44c6d2
}

.personal_item1 {
  margin-bottom: 70px;
  color: #000
}

.personal_item1 .personal_title {
  margin-bottom: 30px
}

.personal_item1 .about_box {
  line-height: 1.5;
  width: 96%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 30px;
  margin: 0 auto 26px
}

.personal_item1 .about_box h2 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #006db5;
  margin-bottom: 5px
}

.personal_item1 .about_img {
  width: 30%;
  max-width: 240px;
  margin-right: 20px
}

.personal_item1 .about_Txt {
  width: 69%
}

.personal_item1 .blog_tag,.personal_item1 .job_title {
  margin-bottom: 10px
}

.personal_item1 .job_txt {
  color: #3f3f3f;
  font-size: .875rem
}

.personal_item1 .about_content {
  line-height: 1.5;
  color: #000;
  width: 96%;
  margin: auto
}

.personal_item2 {
  margin-bottom: 55px
}

.personal_item2 .case_content {
  max-width: 420px
}

.personal_item2 .personal_title {
  max-width: 420px;
  margin: 0 auto 30px
}

.personal_item4 .main_news_list {
  padding-bottom: 0
}

.presonal_search {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  width: 100%;
  height: 210px;
  position: fixed;
  top: -100%;
  left: 0;
  background: #fff;
  z-index: 10;
  border-bottom: 5px solid #00a0e9
}

.presonal_search .search_box {
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

.presonal_search.open {
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  top: 0
}

.presonal_search .search_btn {
  background: url(../svg/search_btn_b.svg?d3747fd2)
}

.presonal_search .search_keyword:before {
  background: #e5e5e5
}

.presonal_search .search_input input {
  width: 300px
}

.pre_search_btn {
  bottom: -4px;
  left: 50%;
  width: 36px;
  height: 36px;
  background-color: #00a0e9;
  z-index: 11
}

.pre_search_btn,.pre_search_btn:after,.pre_search_btn:before {
  display: block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.pre_search_btn:after,.pre_search_btn:before {
  content: "";
  width: 19px;
  height: 3px;
  bottom: 17px;
  left: 25%;
  background: #fff
}

.pre_search_btn:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.pre_search_btn:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (max-width: 980px) {
  .presonal_search,.search_box {
      background:#eee
  }

  .pre_search_btn {
      display: block!important;
      top: 0!important;
      bottom: auto!important;
      left: auto!important;
      right: 26px;
      margin-top: 0;
      -webkit-transform: translateX(0)!important;
      -ms-transform: translateX(0)!important;
      transform: translateX(0)!important
  }
}

@media screen and (max-width: 640px) {
  .personal_item4 .main_news_list {
      margin-top:30px
  }

  .personal_item1 .about_img {
      width: 80%;
      margin: 0 auto 20px auto;
  }

  .personal_item1 .about_box {
      padding-bottom: 15px;
      margin-bottom: 16px;
      display: block;
  }

  .personal_item1 .about_content {
      font-size: .9375rem
  }

  .personal_item1 {
      margin-bottom: 35px
  }

  .presonal_search {
      height: auto;
      padding: 50px 0 0
  }

  .presonal_search .main_close {
      margin-top: 60px
  }

  .presonal_search .search_box {
      padding: 0
  }
}
.aside_contact_txt_email a{
  cursor: initial;
}