@charset "UTF-8";
/******************************************/
/*		bootstrap-okadmin
/******************************************/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.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;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.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(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

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

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

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

.form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

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

.form-control-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.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: 0.25rem;
}

.form-row {
  display: flex;
  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: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #868e96;
}

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

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.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, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control: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,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

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

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.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, 0.8);
  border-radius: .2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control: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,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

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

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .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: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

/* > reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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: transparent;
}

@-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-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

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

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

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

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

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  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;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
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;
}

pre,
code,
kbd,
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 {
  vertical-align: middle;
  border-style: none;
}

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

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

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.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;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -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: flex;
  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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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,
.col-sm-auto, .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,
.col-md-auto, .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,
.col-lg-auto, .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,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-sm-first {
    order: -1;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-md-first {
    order: -1;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-lg-first {
    order: -1;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xl-first {
    order: -1;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-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 {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

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

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

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

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

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

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

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

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

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

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

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

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

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

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

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

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

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

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

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

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

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

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

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

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

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

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

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

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

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

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

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

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

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

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

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

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

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

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

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

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

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

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

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

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

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

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

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

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    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: 0.25rem !important;
}

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

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

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

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

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

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

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

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

/*ol, ul {
	list-style: none;
}*/
blockquote,
q {
  quotes: none;
}

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

/*背景沒連結時用*/
.myMOUSE {
  cursor: default;
}

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

@font-face {
  font-family: "optima";
  src: url(../fonts/optima.ttf);
}
@font-face {
  font-family: "dinpro";
  src: url(../fonts/DINPro-Regular_13937.ttf);
}
/*把變數帶入mixin中，此mixin只就單純把media queries寫到mixin中，
並且使用上面設立的變數來調動media queries的width*/
main[role="main"], section, article, .editor_Box, .wrap-hmh, .life_box .news_tag_content li {
  zoom: 1;
}
main[role="main"]:before, section:before, article:before, .editor_Box:before, .wrap-hmh:before, .life_box .news_tag_content li:before, main[role="main"]:after, section:after, article:after, .editor_Box:after, .wrap-hmh:after, .life_box .news_tag_content li:after {
  content: "";
  display: table;
  height: 0;
  overflow: hidden;
}
main[role="main"]:after, section:after, article:after, .editor_Box:after, .wrap-hmh:after, .life_box .news_tag_content li:after {
  clear: both;
}

/******************************************/
/*		layout 共用
/******************************************/
/*----------------------通用設定------------------------*/
p::selection, h1::selection, h2::selection, h3::selection, h4::selection, b::selection, strong::selection, span::selection, li::selection, div::selection, a::selection, img::selection {
  color: #ffffff;
  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 {
  transition: 0.4s;
}

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;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
  /* Additional css `propery: value;` pairs here… */
}

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

.jqimgFill {
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
}

.jqimgFill img,
.jqimgFill-tc 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;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
}

input, select, textarea {
  outline: none;
  padding: 0 10px;
  color: #545759;
  background: #fff;
  border: none;
  font-size: 0.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 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 320px !important;
  overflow: hidden;
}

main[role="main"] {
  width: 100%;
  max-width: 1210px;
  margin: auto;
  margin-bottom: 27px;
  position: relative;
}

section {
  position: relative;
}

article {
  width: 90%;
  max-width: 1210px;
  margin: 0 auto;
}
article li {
  list-style: none;
}

article {
  margin-top: 30px;
}

/*----------------------共用標題------------------------*/
.main_title {
  position: relative;
  width: 100%;
}
.main_title:before {
  content: "";
  background: #518f23;
  width: 100%;
  height: 8px;
  display: block;
}
.main_title h2,.main_title span {
  position: absolute;
  top: -3px;
  left: 0;
  font-size: 1.375rem;
  color: #000;
  background: white;
  padding-right: 13px;
}
/*----------------------麵包屑------------------------*/
.breadcrumbs {
  margin-bottom: 44px;
  width: 100%;
  font-size: 0.875rem;
  color: #666;
}
.breadcrumbs a {
  color: #666;
}
.breadcrumbs a:after {
  content: '/ ';
  display: inline-block;
  margin: 0 4px;
}

/*----------------------編輯器------------------------*/
.editor_Box {
  width: 100%;
  margin: 0 auto;
  line-height: 32px;
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .editor_Box {
    font-size: 1.25rem;
    line-height: 28px;
  }
}
.editor_Box ul, .editor_Box ol {
  padding-left: 40px;
}
.editor_Box img {
  max-width: 100%;
  height: auto !important;
}
.editor_Box p{
  margin-bottom: 20px;
  line-height: 1.6;
}

.editor_Box iframe {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .editor_Box iframe {
    height: 50vw;
  }
}
.editor_Box h1, .editor_Box h2, .editor_Box h3, .editor_Box h4, .editor_Box h5, .editor_Box h6 {
  margin: inherit;
}
.editor_Box em{
  font-style: italic;
}
/*----------------------頁籤------------------------*/
.page {
  font-size: 0.875rem;
  clear: both;
  width: 100%;
  text-align: center;
  margin: 30px 0 50px 0;
}
.page dt, .page dd {
  vertical-align: top;
  display: inline-block;
  font-size: #eeeeee;
}
.page dt a, .page dd a {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  color: #666666;
}
.page dt a:hover, .page dd a:hover {
  background: #89b829;
}
.page dt a {
  width: auto;
}
.page dd a {
  background: #f5f5f5;
}
.page dd.active a {
  font-size: 1.125rem;
  background: #89b829;
  color: #ffffff;
}
.page .nopage {
  opacity: 0.2;
}
.page .ltbn {
  margin-right: 20px;
}
.page .rtbn {
  margin-left: 20px;
}

/*----------------------GO TOP------------------------*/
.top_btn {
  transition: 0.4s;
  opacity: 0;
}
.top_btn.active {
  opacity: 1;
  right: 0;
}
.top_btn a {
  display: block;
  transition: 0.4s;
  position: fixed;
  bottom: 5%;
  right: 1.5%;
  width: 30px;
  height: 30px;
  z-index: 10;
  text-indent: -10000px;
  background: url(../images/go_top.png) top left no-repeat;
  background-size: cover;
}
.top_btn a:hover {
  opacity: 0.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;
  }
}
.header_show {
  position: relative;
  z-index: 100;
}

.fix_bg .head_box {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
.fix_bg .logo {
  width: 131px;
  height: 30px;
}
.fix_bg .wrap-hmh {
  padding: 5px 0;
}
.fix_bg .search_box {
  top: -35px;
}
.fix_bg .community {
  top: -33px;
}

.head_top {
  width: 100%;
  height: 24px;
  background: #ececec;
  font-size: 0.875rem;
  padding: 3px 2%;
}
.head_top ul {
  display: flex;
  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: 0.5;
  text-decoration: none;
}

.logo {
  transition: 0.4s;
  display: block;
  width: 194px;
  height: 46px;
  text-indent: -10000px;
  background: url(../svg/logo.svg);
  background-size: cover;
}
.logo a {
  width: 100%;
  height: 100%;
  display: block;
}
.logo:hover {
  opacity: 0.7;
}

.wrap-hmh {
  padding: 12px 0;
  width: 90%;
  max-width: 1223px;
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.wrap-hmh:before, .wrap-hmh:after {
  display: none;
}

.search_box {
  display: flex;
  align-items: center;
  position: absolute;
  top: -49px;
  left: 50%;
  transform: translateX(-50%);
}

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

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

.search_keyword {
  display: flex;
  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: flex;
  position: relative;
  right: 0;
  top: -55px;
}

.community ul { padding: 0; margin: 0; position: absolute; top: -47px; right: 30px; }

.community li { list-style-type: none; display: inline-block; }

.community li a { width: 35px; height: 35px; padding-top: 2px; text-align: center; vertical-align: sub; text-decoration: none; color: #fff; background-color: #5ba822; border-radius: 20px; overflow: hidden; }

.community li a:hover { background-color: #ecbc00; }

.community li a:hover i:first-child { margin-top: -30px; }

.community li a i { position: relative; display: block; font-size: 1.2rem; line-height: 30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.community .ICON_YT, .community .ICON_FB, .community .ICON_contact { padding: 2px 0 0 0; display: block; }

.community .language_icon { padding: 9px 0 0 0; font-size: 1.2rem; display: block; }

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

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

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

.you_icon {
  background: url(../images/youtube_icon.png);
  background-size: cover;
}

.fa_icon {
  background: url(../images/facebook_icon.png);
  background-size: cover;
}

.re_icon {
  background: url(../images/re_icon.png);
  background-size: cover;
}

.email_icon {
  width: 29px;
  height: 25px;
  background: url(../images/contact_icon.png);
  background-size: cover;
}

.language_icon {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  background: #959595;
  padding-top: 5px;
}
.language_icon:hover {
  color: #ffffff;
  text-decoration: none;
} */

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

.nav_menu {
  width: 100%;
  background: #5ba822;
}
.nav_menu nav {
  width: 100%;
  max-width: 1248px;
  margin: auto;
  display: flex;
  font-size: 1.125rem;
}
.nav_menu nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav_menu nav li {
  position: relative;
  list-style: none;
  margin-right: 30px;
  height: 50px;
}
.nav_menu nav a {
  color: #ffffff;
  text-decoration: none;
  padding: 19px 0 15px 0;
  display: inline-block;
}
.nav_menu nav .home_icon {
  width: 21px;
  height: 19px;
  display: block;
  background: url(../svg/home.svg);
  background-size: cover;
  text-indent: -10000px;
}
.nav_menu nav .home_icon a {
  width: 100%;
  height: 100%;
  display: block;
}
.nav_menu .hot_icon {
  width: 20px;
  height: 15px;
  background: url(../images/hot_icon.png);
  display: block;
  position: absolute;
  top: 5px;
  right: -20px;
}
.nav_menu .new_icon {
  width: 20px;
  height: 16px;
  background: url(../images/news_icon.png);
  display: block;
  position: absolute;
  top: 5px;
  right: -20px;
}
.nav_menu .nav_item2 li {
  margin-right: 0;
}
.nav_menu .nav_item2 li:nth-child(1):before {
  content: '';
  width: 1px;
  height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: #42833b;
}
.nav_menu .nav_item2 li:after {
  content: '';
  width: 1px;
  height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: #42833b;
}
.nav_menu .nav_item2 li:nth-child(3) {
  top: -4px;
}
.nav_menu .nav_item2 li:nth-child(4), .nav_menu .nav_item2 li:nth-child(5), .nav_menu .nav_item2 li:nth-child(6) { top: 0;}
.nav_menu .nav_item2 a {
  position: relative;
  padding: 19px 15px 15px 15px;
}
.nav_menu .nav_item2 .subheader > a.on {
  padding: 19px 15px 15px 15px;
}
.nav_menu .nav_item2 .subheader > a.on.no {
  position: static;
  padding: 19px 15px 15px 15px;
  top:0;
}
.nav_menu .nav_item2 .new_icon {
  right: -2px;
}
.nav_menu .nav_item2 .event_icon,
.nav_menu .nav_item2 .buy_icon,
.nav_menu .nav_item2 .blog_icon,
.nav_menu .nav_item2 .map_icon {
  position: relative;
  margin-right: 5px;
}
.nav_menu .nav_item2 .event_icon {
  width: 23px;
  height: 19px;
  background: url(../svg/event.svg);
  background-size: cover;
  display: inline-block;
  top: 0;
}
.nav_menu .nav_item2 .buy_icon {
  width: 19px;
  height: 20px;
  background: url(../svg/buy.svg);
  background-size: cover;
  display: inline-block;
  top: 1px;
}
.nav_menu .nav_item2 .blog_icon {
  width: 17px;
  height: 17px;
  background: url(../svg/blog.svg);
  background-size: cover;
  display: inline-block;
  /* top: 15px;
  left: -10px;
  position: absolute; */
}
.nav_menu .nav_item2 .map_icon {
  width: 13px;
  height: 19px;
  background: url(../images/map_icon.png);
  background-size: cover;
  display: inline-block;
  top: 1px;
}
.nav_menu .nav_item2 .submenu li:before, .nav_menu .nav_item2 .submenu li:after {
  display: none;
}

.nav_menu .submenu {
  display: none;
  position: absolute;
  min-width: 100%;
  top: 50px;
  left: 0px;
  background: #ffffff;
  z-index: 10;
  box-shadow: 0px 1px 5px #555;
}

.nav_menu .submenu ul {
  display: block;
}
.nav_menu .submenu li:last-child a span {
  border-bottom: none;
}
.nav_menu .submenu li:hover {
  background: #8fc31f;
}
.nav_menu .submenu li:hover > a {
  color: #fff;
}
.nav_menu .submenu i.fas {
  float: right;
}
.nav_menu .submenu a {
  font-size: 17px;
  display: block;
  padding: 11px 15px 8px 15px;
  color: #434343;
  text-decoration: none;
  min-width: 200px; /* 164px */
  min-height: auto; /* 38px */
  line-height: 1.3rem;
}
.nav_menu .submenu .new_icon,
.nav_menu .submenu .hot_icon {
  top: -3px;
  right: 0;
  display: inline-block;
  position: relative;
}

.nav_menu .submenu li {
  position: relative;
  display: block;
  float: none;
  height: auto;
  margin-right: 0;
}
.nav_menu .submenu li .subitem {
  display: none;
  position: absolute;
  top: 0px;
  left: 164px;
  min-width: 227px;
  background: #ffffff;
  z-index: 2;
}
.nav_menu .submenu li .subitem li a {
  padding: 11px 15px 10px 15px;
}

.subheader > a.on {
  background: #1a7410;
  padding: 19px 5px 15px 5px;
}

#mo li ul.submenu li {
  font-size: 15px;
  text-align: left;
  width: 100%;
  float: left;
}

#mo li ul.submenu li a {
  padding: 0 0 0 24px;
  height: 38px;
}

.partition i {
  transition: .4s;
}

.nav_item2 li:nth-child(3) a:hover i {
  top: -4px;
}

.nav_item2 li:nth-child(4) a:hover i {
  top: -2px;
}

.nav_item2 li:nth-child(5) a:hover i {
  top: -4px;
}

.nav_item2 li:nth-child(6) a:hover i {
  top: -4px;
}

.banner {
  width: 90%;
  max-width: 980px;
  margin: 25px auto;
  text-align: center;
}

.menu_mo,
.mo_close {
  display: none;
}

/*----------------------nav icon------------------------*/
.menu-wrapper {
  display: none;
  position: absolute;
  top: 15px;
  left: -26px;
  width: 63px;
  height: 39px;
  cursor: pointer;
  z-index: 10;
}

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

.hamburger-menu {
  position: relative;
  background: #5ba822;
  transition: all 0ms 300ms;
  text-align: center;
  top: 44%;
  left: 44%;
}
.hamburger-menu.animate {
  background: rgba(255, 255, 255, 0);
}

.hamburger-menu:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 10px;
  background: #5ba822;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  background: #5ba822;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.close_btn {
  display: none;
}

@media screen and (max-width: 1245px) {
  .community {
    right: 20px;
  }
}
@media screen and (max-width: 1246px) {
  .nav_menu nav {
    width: 98%;
    font-size: 1rem;
    justify-content: center;
  }
}
@media screen and (max-width: 1246px) and (max-width: 1125px) {
  .nav_menu nav {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 1246px) {
  .nav_menu nav li {
    margin-right: 20px;
  }

  .nav_menu .submenu a {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1085px) {
  .nav_menu .hot_icon,
  .nav_menu .new_icon {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
  }

  .nav_menu .new_icon {
    right: -4px;
  }

  header.on .head_box {
    border-bottom: 2px solid #5ca822;
  }

  .head_top,
  .search_keyword {
    display: none;
  }

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

  .close_btn {
    display: block !important;
  }
  .close_btn a {
    background: #fa7500;
  }

  .logo {
    width: 131px;
    height: 30px;
    margin: auto;
  }

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

  .menu_pc {
    display: none;
    position: fixed;
    top: 52px;
    width: 100%;
    height: 100%;
    max-width: 1226px;
    margin: 0 auto;
    overflow: hidden;
    overflow-y: auto;
    height: 93vh;
    z-index: 12;
    background: #fff;
  }
  .menu_pc nav {
    display: block;
  }
  .menu_pc nav ul {
    display: block;
  }

  .nav_menu nav li {
    height: auto;
  }

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

  .nav_menu {
    display: block;
  }

  .community {
    width: 100%;
    position: static;
    transform: initial;
    /* background: #ffffff; */
    padding: 10px 0;
    text-align: center;
  }

  .community ul {
    padding: 0;
    margin: 0;
    position: static;
  }

  .community .language_icon
  {
    padding: 5px 0 0 0;
  }

  .search_box {
    width: 100%;
    position: static;
    transform: initial;
    background: #ffffff;
    padding: 15px 15px;
  }

  .search_input {
    width: 100%;
  }
  .search_input input {
    width: 91%;
  }

  .nav_menu nav {
    width: 100%;
    font-size: 1.0625rem;
  }
  .nav_menu nav .home_icon {
    display: none;
  }
  .nav_menu nav a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .nav_menu nav .subheader > a {
    background: #89b929;
    padding: 19px 20px 15px 20px;
  }
  .nav_menu nav .subheader > a:before {
    transition: .4s;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    margin-right: 7px;
  }
  .nav_menu nav .subheader > a.on {
    background: #1a7410;
  }
  .nav_menu nav .subheader > a.on:before {
    transform: rotate(91deg);
  }
  .nav_menu nav li {
    margin-right: 0;
  }

  .nav_item1 > li {
    border-bottom: 1px solid #fff;
  }

  .nav_menu .submenu {
    display: none;
  }
  .nav_menu .submenu i.fas {
    display: none;
  }
  .nav_menu .submenu a {
    font-size: 1.0625rem;
    padding: 11px 15px 11px 15px;
  }
  .nav_menu .submenu > ul {
    padding: 11px 0;
  }
  .nav_menu .submenu li:hover {
    background: #fff;
  }
  .nav_menu .submenu li:hover a {
    color: #434343;
  }
  .nav_menu .submenu > ul > li {
    width: 90%;
    margin: 0 auto;
  }
  .nav_menu .submenu > ul > li:not(:last-child) {
    border-bottom: 1px solid #888888;
  }
  .nav_menu .submenu > ul > li > a:before {
    font-family: "Font Awesome 5 Free";
    content: "+";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    margin-right: 7px;
  }
  .nav_menu .submenu > ul > li.open > a {
    transition: 0s;
    background: #fff;
    color: #000;
  }
  .nav_menu .submenu > ul > li.open > a:before {
    content: "-";
  }

  .nav_menu .submenu li .subitem {
    display: none !important;
    position: static;
  }
  .nav_menu .submenu li .subitem a {
    font-size: 1rem;
    padding: 11px 0px 11px 30px;
    line-height: 19px;
  }

  .nav_item2 {
    background: #89b929;
  }

  .nav_menu .nav_item2 a {
    padding: 19px 20px 15px 20px;
  }

  .nav_menu .nav_item2 li {
    padding: 0;
    border-bottom: 1px solid #fff;
  }
  .nav_menu .nav_item2 li:nth-child(1):before, .nav_menu .nav_item2 li:nth-child(2):before, .nav_menu .nav_item2 li:after {
    display: none;
  }
  .nav_menu .nav_item2 li:nth-child(1) a:before, .nav_menu .nav_item2 li:nth-child(2) a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    margin-right: 7px;
  }
  .nav_menu .nav_item2 li:nth-child(6) {
    border: none;
  }

  .community {
    justify-content: center;
  }

  .you_icon,
  .fa_icon,
  .re_icon,
  .language_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: #f97500;
    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(../images/close_btn.png) top left no-repeat;
    background-size: cover;
    margin-right: 5px;
    position: relative;
    top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .menu_mo {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
  }
  .menu_mo nav {
    justify-content: left;
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.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;
  }

  .banner {
    margin: 57px auto 25px auto;
  }
}
footer {
  padding: 16px 10px 11px 10px;
  text-align: center;
  width: 100%;
  background: #a3d244;
  color: #000;
}
footer .site_link {
  font-size: 0.875rem;
  margin-bottom: 13px;
}
footer .site_link a {
  color: #000;
  text-decoration: none;
}
footer .site_link a:hover {
  color: #ffffff;
}
footer .site_link a:hover:before {
  color: #000;
}
footer .site_link a:before {
  content: '｜';
}
footer .copyright {
  font-size: 0.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;
  }
}
/******************************************/
/*		pages
/******************************************/
.indexPage .health_box .life_list li:nth-child(6) {
  display: none;
}

.slick-dots li {
  margin: 0 7px;
}
.slick-dots li button:before {
  width: 10px;
  height: 10px;
  background: #d2d2d2;
}
.slick-dots li.slick-active button:before {
  background: #89b829;
}

.blockchain_item1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.blockchain_item1:before, .blockchain_item1:after {
  display: none;
}
.blockchain_item1 .news_box,
.blockchain_item1 .news_tag_box {
  width: 54.959%;
}
.blockchain_item1 .news_tag_box {
  max-width: 520px;
}

.new_banner_img {
  margin-bottom: 40px;
}

.new_banner_txt {
  margin-top: 42px;
  transition: .4s;
  font-size: 1.5rem;
  color: #000;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}

.indexPage .new_banner_photo {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.241%;
  overflow: hidden;
}
.indexPage .new_banner_photo .new_banner_img {
  transition: .6s;
  position: absolute;
  width: 100%;
  height: 100%;
}
.indexPage .news_box .slick-dots {
  margin: -54px 0 0 0;
  text-align: left;
}

.new_banner_list a {
  text-decoration: none;
}
.new_banner_list a:hover .new_banner_txt {
  opacity: .5;
}
.new_banner_list a:hover .new_banner_img {
  transform: scale(1.05);
}

.news_tag_list {
  display: flex;
  justify-content: space-between;
  font-size: 1.1875rem;
  letter-spacing: 0;
}
.news_tag_list li {
  transition: .2s;
  background: #eeeeee;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.news_tag_list li:not(:last-child) {
  margin-right: 5px;
}
.news_tag_list li:hover {
  background: #ffffff;
  border-top: 4px solid #518f23;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
}
.news_tag_list a {
  color: #959595;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.news_tag_list .active {
  background: #ffffff;
  border-top: 4px solid #518f23;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
}
.news_tag_list .active a {
  color: #000;
}

.news_tag_content {
  position: relative;
  z-index: 1;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
}
.news_tag_content li {
  padding: 19px 19px 10px 19px;
}
.news_tag_content > li {
  display: none;
}
.news_tag_content > li.active {
  display: block;
}

.news_focus {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 22px;
  border-bottom: 1px dashed #d2d2d2;
}
.news_focus a {
  text-decoration: none;
}
.news_focus a:hover .news_tag_txt {
  opacity: 0.7;
}
.news_focus a:hover .news_tag_photo {
  transform: scale(1.1);
}

.tag_focusContent {
  max-width: 228px;
  width: 100%;
}

.news_tag_img {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 56.58%;
  overflow: hidden;
}
.news_tag_img .news_tag_photo {
  transition: .4s;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
}

.news_tag_txt {
  font-size: 1.125rem;
  color: #000;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_minor li {
  font-size: 1.125rem;
  width: 100%;
  padding: 10px 0;
  line-height: 1.7;
}
.news_minor li:not(:last-child) {
  border-bottom: 1px dashed #d2d2d2;
}
.news_minor li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 21px;
  background: #518f23;
  margin: 0 12px;
}
.news_minor li a {
  color: #000;
  width: 91%;
  height: 28px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}
.news_minor li a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.blockchain_item2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 41px;
}
.blockchain_item2:before, .blockchain_item2:after {
  display: none;
}

.doctor_box,
.blogger_box {
  background: #eeeeee;
  border-top: 4px solid orange;
  padding: 15px 0;
}
.doctor_box header,
.blogger_box header {
  width: 99.8%;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/dor_line.png) left center repeat-x;
}
.doctor_box header h2,
.blogger_box header h2 {
  padding: 0 10px 0 15px;
  background: #eeeeee;
}
.doctor_box header h2 a,
.blogger_box header h2 a {
  font-size: 1.25rem;
  color: #000;
}
.doctor_box header h2 a:hover,
.blogger_box header h2 a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.doctor_box header .more_btn,
.blogger_box header .more_btn {
  font-size: 0.875rem;
  color: #353535;
  text-decoration: none;
  padding: 0 10px 0 10px;
  background: #eeeeee;
}
.doctor_box header .more_btn i,
.blogger_box header .more_btn i {
  transition: 0.4s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw.svg);
  background-size: cover;
  position: relative;
  left: 0;
}
.doctor_box header .more_btn:hover i,
.blogger_box header .more_btn:hover i {
  transition: 0.4s;
  left: 4px;
}

.doctor_box {
  width: 87%;
  max-width: 900px;
  background: url(../images/line.png) #eeeeee top right repeat-y;
}

.doctor_content {
  display: flex;
}
.doctor_content a {
  color:#333;
  width: 34%;
  display: block;
  align-items: center;
  text-decoration: none;
  background: url(../images/line.png) #eeeeee top right repeat-y;
  padding: 0 15px;
}
.doctor_content h4 {
  padding: 3px 0 3px 10px; margin-bottom: 10px;  border-left: 4px solid #ff9019;
}
.doctor_content a:hover .doctor_img,
.doctor_content a:hover .doctor_txt {
  opacity: 0.5;
}
.doctor_content .doctor_img {
  width: 100px; height: 100px;
  float: left;
  margin-right:5px;
  overflow: hidden;
  border-radius: 99em;
}
.doctor_content .doctor_txt {
  width: 60%; float: left;
  color: #000;
}
/* .doctor_content .doctor_txt h4 {
  border-left: 4px solid #ff9019;
  padding: 6px 0 6px 10px;
  margin-bottom: 10px;
} */
.doctor_content .doctor_txt p {
  font-size:1rem;
  color:#518f23;
  line-height: 20px;
  margin-bottom: 10px;
  max-height: 40px;
  overflow: hidden;
  white-space: normal;
}
.doctor_content .doctor_txt h3 {
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1.1em;
  color: #ff9019;
}

.blogger_box {
  width: 40%; max-width: 330px;
}
.blogger_box header .line {
  max-width: 110px;
}
.blogger_box .blogger_txt ul {
  padding: 0 15px;
  margin-left: 15px;
  margin-top: 25px;
}
.blogger_box .blogger_txt li {
  list-style: none;
}
.blogger_box .blogger_txt a {
  display: block;
  color: #000;
  font-size: 0.875rem;
  margin-bottom: 14px;
  text-decoration: none;
  position: relative;
}
.blogger_box .blogger_txt a:hover {
  opacity: 0.5;
}
.blogger_box .blogger_txt a:before {
  content: '';
  background: #d2d2d2;
  width: 5px;
  height: 5px;
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 5px;

}

.blockchain_item3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.blockchain_item3:before, .blockchain_item3:after {
  display: none;
}

.left_content {
  width: 75%;
  max-width: 880px;
}

.life_box {
  margin-bottom: 50px;
}
.life_box .news_tag_list {
  justify-content: initial;
}
.life_box .news_tag_list li {
  transition: .4s;
  height: 46px;
  line-height: 46px;
  border-top: 4px solid #dcdcdc;
}
.life_box .news_tag_list li.active, .life_box .news_tag_list li:hover {
  border-top: 4px solid #518f23;
}
.life_box .news_tag_list li:hover {
  background: #ffffff;
}
.life_box .news_tag_content li {
  width: 100%;
  padding: 33px 13px 23px 13px;
}
.life_box .news_tag_content li .left_photo {
  float: left;
  margin-bottom: 22px;
}
.life_box .news_tag_content li .news_minor {
  float: right;
}
.life_box .news_tag_content li .left_photo li {
  padding: 0;
  display: none;
  max-width: 400px;
}
.life_box .news_tag_content li .left_photo li .left_img {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.life_box .news_tag_content li .left_photo li .left_img img {
  transition: .6s;
}
.life_box .news_tag_content li .left_photo li .left_img:hover img {
  transform: scale(1.1);
}
.life_box .news_tag_content li .left_photo li.active {
  display: block;
}
.life_box .news_minor {
  width: 51%;
  max-width: 445px;
}
.life_box .news_minor li {
  padding: 8.5px 0;
}
.life_box .news_minor li:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 21px;
  background: #518f23;
  margin: 0 12px;
}
.life_box .news_minor li.active a {
  color: #0d8200;
}
.life_box .left_btn {
  width: auto;
  padding: 7px 15px;
  /* height: 45px; */
  line-height: 1.4;
  display: inline-block;
  text-align: center;
  font-size: 1.125rem;
  clear: both;
  margin: 10px auto 13px 20px;
  border: 1px solid #89b829;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}
.life_box .left_btn a {
  color: #353535;
  text-decoration: none;
}
.life_box .left_btn a .icon {
  width: 11px;
  height: 16px;
  transition: .4s;
  fill: #7C7C7C !important;
  stroke: #7C7C7C !important;
  position: relative;
  top: 1px;
}
.life_box .left_btn a:hover {
  color: #000;
}
.life_box .left_btn a:hover .icon path {
  fill: #000 !important;
  stroke: #000 !important;
}

.health_box header,
.video_box header,
.in_blog_box header,
.in_qutpatient_box header {
  margin-bottom: 35px;
  position: relative;
}
.health_box header:before,
.video_box header:before,
.in_blog_box header:before,
.in_qutpatient_box header:before {
  content: "";
  background: #518f23;
  width: 100%;
  height: 8px;
  display: block;
}
.health_box header h2,
.video_box header h2,
.in_blog_box header h2,
.in_qutpatient_box header h2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.375rem;
  color: #000;
  background: #ffffff;
  padding-right: 13px;
}
.health_box header h2 a,
.video_box header h2 a,
.in_blog_box header h2 a,
.in_qutpatient_box header h2 a {
  color: #000;
  text-decoration: none;
}
.health_box header h2 a:hover,
.video_box header h2 a:hover,
.in_blog_box header h2 a:hover,
.in_qutpatient_box header h2 a:hover {
  opacity: .5;
}
.health_box header .more_btn,
.video_box header .more_btn,
.in_blog_box header .more_btn,
.in_qutpatient_box header .more_btn {
  position: absolute;
  top: -4px;
  right: 0;
  background: #ffffff;
  font-size: 0.875rem;
  color: #353535;
  text-decoration: none;
  padding: 0 0 0 12px;
}
.health_box header .more_btn i,
.video_box header .more_btn i,
.in_blog_box header .more_btn i,
.in_qutpatient_box header .more_btn i {
  transition: 0.2s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw_g.svg);
  background-size: cover;
  position: relative;
  left: 0;
  top: -2px;
}
.health_box header .more_btn:hover i,
.video_box header .more_btn:hover i,
.in_blog_box header .more_btn:hover i,
.in_qutpatient_box header .more_btn:hover i {
  left: 4px;
}

.health_box header .more_btn i {
  transition: 0.4s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw_g.svg);
  background-size: cover;
  position: relative;
  top: -1px;
  left: 0;
}

.indexPage .health_box .life_list li {
  margin: 0 0.55%;
}

.health_box {
  max-width: 1210px;
  margin: 0 auto 50px auto;
}
.health_box .life_img {
  transition: .4s;
}
.health_box .life_list {
  width: 97%;
  margin: 0 auto;
}
.health_box .life_list ul {
  display: flex;
  justify-content: space-between;
}
.health_box .life_list li {
  list-style: none;
  max-width: 140px;
}
.health_box .life_list li a {
  text-decoration: none;
  color: #3d3d3d;
}
.health_box .life_list li a:hover {
  color: #9e9e9e;
}
.health_box .life_list li a:hover .life_img {
  opacity: .5;
}
.health_box .life_img {
  margin-bottom: 10px;
}
.health_box .life_txt {
  font-size: 0.9375rem;
  text-align: center;
}
.health_box .life_txt h3 {
  display: inline-block;
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
  padding: 1px 6px;
  margin-bottom: 8px;
}
.health_box .life_txt p {
  text-align: left;
  line-height: 20px;
  margin-bottom: 12px;
}
.health_box .life_txt .price {
  text-align: right;
  color: #000;
}
.health_box .life_txt .original {
  color: #de4242;
  text-decoration: line-through;
  margin-right: 7px;
}

.video_box {
  margin-bottom: 50px;
}

.video_list ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.video_list li {
  width: 50%;
  max-width: 424px;
}
.video_list li iframe {
  width: 100%;
  height: 239px;
}
.video_list .video_youtobe {
  margin-bottom: 22px;
}
.video_list .video_txt {
  font-size: 1.125rem;
}
.video_list .video_txt a {
  color: #000;
  text-decoration: none;
  border-left: 6px solid #518f23;
  padding: 2px 0 2px 15px;
  display: block;
  line-height: 22px;
}
.video_list .video_txt a:hover {
  opacity: 0.5;
}

.in_blog_box {
  margin-bottom: 50px;
}

.in_blog_img {
  transition: 0.4s;
}
.in_blog_img .in_blog_photo {
  width: 100%;
  height: 0;
  padding-bottom: 55.82%;
  overflow: hidden;
}

.in_blog_list {
  width: 100%;
}
.in_blog_list .slick-dots {
  position: absolute;
  top: -10px;
  right: 53px;
  text-align: right;
  background: #fff;
  display: inline-block;
  width: auto;
}
.in_blog_list .slick-dots li {
  flex-wrap: initial;
  display: inline-block !important;
}
.in_blog_list li {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
}
.in_blog_list .in_blog_content {
  max-width: 424px;
  margin-bottom: 25px;
}
.in_blog_list .in_blog_content a {
  width: 100%;
  display: flex;
  align-items: center;
}
.in_blog_list .in_blog_content a .in_blog_txt {
  color: #666666;
}
.in_blog_list .in_blog_content a:hover .in_blog_img {
  opacity: 0.6;
}
.in_blog_list .in_blog_img {
  position: relative;
  max-width: 215px;
}
.in_blog_list .in_blog_img .in_blog_tag {
  position: absolute;
  bottom: 11px;
  left: 0;
  background: #009e96;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  padding: 5px 6px;
}
.in_blog_list .in_blog_txt {
  width: 182px;
  padding-left: 16px;
}
.in_blog_list .in_blog_txt h3 {
  font-size: 1.125rem;
  color: #000;
  line-height: 24px;
  height: 44px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}
.in_blog_list .in_blog_txt p {
  font-size: 0.875rem;
  height: 40px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}

.in_qutpatient_box {
  margin-bottom: 50px;
}

.in_qutpatient_content {
  width: 100%;
  display: flex;
  position: relative;
}

.in_qutpatient_boxq {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: -moz-calc(100% - 177px);
  width: -webkit-calc(100% - 177px);
  width: calc(100% - 177px);
}

.in_qutpatient_tag {
  width: 136px;
  margin: 0 31px 0 10px;
  font-size: 0.9375rem;
}
.in_qutpatient_tag li {
  transition: 0.2s;
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 56px;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 18px;
  cursor: pointer;
}
.in_qutpatient_tag li:not(:last-child) {
  margin-bottom: 4px;
}
.in_qutpatient_tag li:hover {
  color: #ffffff;
  background: #0068b7;
}
.in_qutpatient_tag .active {
  color: #ffffff;
  background: #0068b7;
}

.in_qutpatient_container {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0;
  opacity: 0;
  z-index: -1;
}
.in_qutpatient_container.active {
  opacity: 1;
  z-index: 1;
  position: relative;
}

.in_qutpatient_banner {
  width: 65%;
  max-width: 380px;
}
.in_qutpatient_banner .slider-for li {
  transition: 0.4s;
}
.in_qutpatient_banner .slider-for li:hover {
  opacity: 0.5 !important;
}
.in_qutpatient_banner .polist {
  margin-top: 10px;
}
.in_qutpatient_banner .polist li {
  transition: 0.4s;
  width: 120px;
  height: 90px;
  margin-right: 10px;
}
.in_qutpatient_banner .polist li:hover {
  opacity: 0.5;
}

.in_qutpatient_line {
  font-size: 0.9375rem;
  text-align: center;
}
.in_qutpatient_line a {
  color: #21af8a;
  border-left: 1px solid #21af8a;
  border-right: 1px solid #21af8a;
  text-decoration: none;
  padding: 0 5px;
}
.in_qutpatient_line a:not(:last-child) {
  margin-right: 3px;
}
.in_qutpatient_line a:hover {
  opacity: 0.5;
}

.in_qutpatient_brief {
  font-size: 0.9375rem;
  line-height: 22px;
  width: 43%;
}
.in_qutpatient_brief .label {
  font-size: 0.875rem;
  font-weight: bold;
  color: #21af8a;
  margin-bottom: 8px;
}
.in_qutpatient_brief h2 {
  font-size: 1.4375rem;
  font-weight: 600;
  margin-bottom: 16px;
}
.in_qutpatient_brief h2 a {
  text-decoration: none;
  color: #000;
}
.in_qutpatient_brief h2 a:hover {
  opacity: .5;
}
.in_qutpatient_brief .in_add {
  padding-left: 23px;
  background: url(../svg/map_icon.svg) left 4px no-repeat;
  background-size: 11px 15px;
  margin-bottom: 6px;
}
.in_qutpatient_brief .in_add:after {
  transition: .4s;
  display: inline-block;
  content: '';
  width: 19px;
  height: 19px;
  background: url(../images/in_map_icon.png) top left no-repeat;
  position: relative;
  top: 4px;
}
.in_qutpatient_brief .in_tel {
  padding-left: 23px;
  background: url(../svg/tel_icon.svg) left 4px no-repeat;
  background-size: 16px 15px;
}
.in_qutpatient_brief .in_qutpatient_add {
  margin-bottom: 30px;
}
.in_qutpatient_brief .in_qutpatient_add a {
  text-decoration: none;
  color: #000;
}
.in_qutpatient_brief .in_qutpatient_add a:hover {
  opacity: .5;
}
.in_qutpatient_brief .in_brief_tag {
  margin-bottom: 10px;
}
.in_qutpatient_brief .in_brief_tag a {
  text-decoration: none;
  border: 1px solid #e88512;
  color: #e88512;
  padding: 1px 2px;
}
.in_qutpatient_brief .in_doctors {
  transition: .4s;
  width: 100%;
  background: #eeeeee;
  padding: 10px;
}
.in_qutpatient_brief .in_doctors a {
  text-decoration: none;
  color: #303131;
  display: inline-block;
}
.in_qutpatient_brief .in_doctors:hover {
  opacity: .5;
}
.in_qutpatient_brief .in_doctors .in_doctors_img,
.in_qutpatient_brief .in_doctors .in_doctors_txt {
  display: inline-block;
  vertical-align: top;
}
.in_qutpatient_brief .in_doctors .in_doctors_img {
  width: 90px;
  border: 2px solid #d2d2d2;
  margin-right: 4px;
}
.in_qutpatient_brief .in_doctors .in_doctors_txt {
  width: 63%;
}
.in_qutpatient_brief .in_doctors .in_doctors_txt h3 {
  color: #000;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 8px;
}
.in_qutpatient_brief .in_doctors .in_doctors_txt p {
  font-size: 0.8125rem;
  line-height: 19px;
  letter-spacing: 0;
  height: 76px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}

.a_b_banner_box ul {
  display: flex;
}
.a_b_banner_box li {
  transition: 0.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 {
  max-width: 310px;
  border-left: 1px solid #e5e5e5;
  padding-left: 10px;
  margin-left: 10px;
}

.us_ad_banner a {
  width: 100%;
  height: 100%;
  display: block;
  margin-bottom: 10px;
}
.us_ad_banner a:hover {
  opacity: 0.6;
}

.us_slider {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.us_slider .slick-dots {
  text-align: center;
  margin: 0;
}
.us_slider .slick-prev {
  left: 0;
}
.us_slider .slick-next {
  right: 0;
}
.us_slider img {
  transition: .4s;
}
.us_slider li a:hover img {
  opacity: .5;
}
.us_slider .slick-dots li.slick-active button:before {
  background: #eb6100;
}

.as_clinic {
  width: 100%;
  background: #dcdcdc;
  padding-bottom: 27px;
  margin-bottom: 25px;
}
.as_clinic h2 {
  color: #518f23;
  background: #eeeeee;
  font-size: 1.25rem;
  padding: 12px 10px;
}
.as_clinic .as_clinic_tag {
  width: 90%;
  margin: 0 auto;
  padding: 14px 0;
}
.as_clinic .as_clinic_tag a {
  display: inline-block;
  background: #ebebeb;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  border-radius: 99px;
  text-align: center;
  color: #ffffff;
  font-size: 0.8125rem;
  padding: 5px 6px;
  color: #000;
  margin-bottom: 5px;
  text-decoration: none;
}
.as_clinic .as_clinic_tag a:hover {
  opacity: 0.5;
}
.as_clinic .in_clinic_img {
  padding-bottom: 37.18%;
  width: 100%;
  max-width: 140px;
  height: 0;
  margin-right: 4%;
}
.as_clinic .as_clinic_box a {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.as_clinic .as_clinic_box a .as_clinic_txt p {
  color: #000;
}
.as_clinic .as_clinic_box a:hover .in_clinic_img,
.as_clinic .as_clinic_box a:hover .as_clinic_txt {
  opacity: 0.5;
}
.as_clinic .as_clinic_slider {
  width: 90%;
  margin: 0 auto;
}
.as_clinic .as_clinic_slider .slick-dots {
  margin: 0;
  text-align: center;
}
.as_clinic .as_clinic_slider .slick-dots li button:before {
  background: #fff;
}
.as_clinic .as_clinic_slider .slick-dots li.slick-active button:before {
  background: #89b829;
}
.as_clinic .as_clinic_img {
  transition: 0.4s;
  width: 140px;
  margin-right: 11px;
}
.as_clinic .as_clinic_txt {
  width: 46%;
  transition: 0.4s;
}
.as_clinic .as_clinic_txt h3 {
  display: block;
  background: #1a7410;
  color: #fff;
  padding: 5px;
  font-size: 0.875rem;
  margin-bottom: 7px;
}
.as_clinic .as_clinic_txt p {
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: 0;
}

.as_event {
  margin-bottom: 25px;
}
.as_event header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px 10px;
}
.as_event .as_event_title {
  font-size: 1.25rem;
  color: #518f23;
}
.as_event .more_btn {
  font-size: 0.875rem;
  color: #353535;
  text-decoration: none;
}
.as_event .more_btn i {
  transition: 0.4s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw_g.svg);
  background-size: cover;
  position: relative;
  top: -1px;
  left: 0;
}
.as_event .more_btn:hover i {
  transition: 0.4s;
  left: 4px;
}
.as_event time {
  color: #ef8200;
  font-size: 1rem;
  display: block;
  margin-bottom: 8px;
}
.as_event .event_content_text {
  color: #000;
  line-height: 23px;
  font-size: 1.125rem;
}
.as_event a {
  text-decoration: none;
}
.as_event .as_event_img {
  transition: 0.4s;
}
.as_event .as_event_img:hover {
  opacity: 0.5;
}
.as_event .as_event_txt {
  padding: 10px 8px;
  transition: 0.4s;
}
.as_event .as_event_txt:hover {
  background: #f6f6f6;
}

.fb_box {
  margin-bottom: 25px;
}
.fb_box iframe {
  height: 420px;
  margin-bottom: 20px;
}

.as_partner header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px 10px;
  margin-bottom: 20px;
}
.as_partner .as_partner_title {
  font-size: 1.25rem;
  color: #518f23;
}
.as_partner .more_btn {
  font-size: 0.875rem;
  color: #353535;
  text-decoration: none;
}
.as_partner .more_btn i {
  transition: 0.4s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw_g.svg);
  background-size: cover;
  position: relative;
  top: -1px;
  left: 0;
}
.as_partner .more_btn:hover i {
  transition: 0.4s;
  left: 4px;
}
.as_partner .as_partner_list {
  width: 86%;
  display: flex;
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
  margin: auto;
  font-size: 0.8125rem;
}
.as_partner .as_partner_list li {
  max-width: 116px;
  margin-bottom: 8px;
}
.as_partner .as_partner_list a {
  color: #737373;
  text-decoration: none;
}
.as_partner .as_partner_img {
  width: 100%;
  border: 1px solid #a0a0a0;
  margin-bottom: 7px;
}

.site_map {
  width: 100%;
  background: #eeeeee;
  padding-top: 0px;
}

.site_map_box {
  /* display: flex; */
  width: 90%;
  /* max-width: 1051px; */
  margin: auto;
  padding: 25px 0 10px 0;
  justify-content: center;
}
.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: #5ba822;
}
.site_map_box .site_map_content a:before {
  content: '‧';
  margin-right: 4px;
}
.site_map_box h4 {
  width: 100%;
  font-size: 1rem;
  color: #5ba822;
  margin-bottom: 15px;
  font-weight: bold;
}
.site_map_box h4 a {
  color: #5ba822;
  text-decoration: none;
}
.site_map_box h4 a:hover {
  opacity: 0.6;
}
.site_map_box li {
  font-size: 0.8125rem;
  list-style: none;
  margin-bottom: 5px;
}
.site_map_box .site_map_item:not(:last-child) {
  margin-right: 10px;
}
.site_map_box .site_map_content {
  /* display: flex; */
}
.site_map_box .site_map_content ul {
  margin-right: 0px;
}
.site_map_box .last_link {
  padding-right: 30px;
  /* border-right:#626262 1px solid; */
}
.site_map_box .last_link h4:not(:last-child) {
  margin-bottom: 23px;
}
.site_map_box .last_link a {
  text-decoration: none;
  color: #5ba822;
}
.site_map_box .last_link a:hover {
  opacity: 0.6;
}

@media screen and (max-width: 1200px) {
  .left_content {
    width: 70%;
  }

  .life_box .news_tag_content li .left_photo {
    width: 40%;
  }
  .life_box .news_tag_content li .news_minor {
    width: 58%;
  }

  .doctor_content .doctor_txt h3 {
    font-size: 1.125rem;
  }

  .video_list li {
    width: 48%;
  }

  .in_blog_list .in_blog_content {
    max-width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .indexPage main[role="main"] {
    margin-top: 60px;
  }
  .indexPage article {
    width: 90%;
    margin: 0 auto;
  }
  .indexPage article.blockchain_item1, .indexPage article.blockchain_item2 {
    margin-bottom: 30px;
  }
  .indexPage .banner {
    display: none;
  }

  .blockchain_item1 {
    flex-wrap: wrap;
  }
  .blockchain_item1 .news_box,
  .blockchain_item1 .news_tag_box {
    width: 100%;
  }
  .blockchain_item1 .news_box {
    margin-bottom: 40px;
  }
  .blockchain_item1 .news_tag_box {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
  }
  .blockchain_item1 .news_tag_content,
  .blockchain_item1 .news_tag_list .active {
    box-shadow: none;
  }
  .blockchain_item1 .news_tag_list {
    display: inline-block;
  }
  .blockchain_item1 .news_tag_list li {
    background: none;
    display: inline-block;
    width: auto;
    padding: 0 16px;
  }
  .blockchain_item1 .news_tag_box {
    max-width: 100%;
  }
  .blockchain_item1 .tag_focusContent {
    max-width: 49%;
  }
  .blockchain_item1 .tag_co_btn {
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 99%;
  }

  .blockchain_item2 {
    flex-wrap: wrap;
  }
  .blockchain_item2 .doctor_box,
  .blockchain_item2 .blogger_box {
    width: 100%;
    max-width: 100%;
  }
  .blockchain_item2 .doctor_box {
    margin-bottom: 20px;
  }
  .blockchain_item2 .doctor_content a {
    flex-wrap: wrap;
  }
  .blockchain_item2 .doctor_content .doctor_img {
    display: block;
    margin: 0 auto 10px;
  }
  .blockchain_item2 .doctor_content .doctor_txt {
    width: 100%;
  }
  .doctor_content .doctor_img { float: none; }
  .doctor_content .doctor_txt { float: none; margin-bottom: 10px; text-align:center; }
  .blogger_box .blogger_txt ul { display: block; }
  .blogger_box .blogger_txt ul li { width: 100%; margin-right: 0; }

  .news_tag_box {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.17);
  }

  .news_tag_content,
  .news_tag_list .active {
    box-shadow: none;
  }

  .news_tag_list {
    display: inline-block;
  }
  .news_tag_list li {
    transition: 0s;
    background: none;
    display: inline-block;
    width: auto;
    padding: 0 16px;
  }

  .news_tag_box {
    max-width: 100%;
  }

  .life_box .news_tag_list li {
    border: none;
  }

  .life_box .news_tag_list li.active,
  .life_box .news_tag_list li:hover {
    box-shadow: none;
  }

  .tag_focusContent {
    max-width: 49%;
  }

  .tag_co_btn {
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 99%;
  }

  .blogger_box .blogger_txt ul {
    padding: 0 35px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .blogger_box .blogger_txt li {
    width: 46%;
    margin-right: 4%;
  }

  .life_box .news_tag_content li .left_photo {
    display: none;
  }
  .life_box .news_tag_content li .news_minor {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  .video_list li iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

  .video_list .video_youtobe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
  }

  .health_box .life_list li {
    max-width: 100%;
    margin: 0 0.5%;
  }

  .life_img img {
    width: 100%;
  }

  .in_blog_list .in_blog_content {
    max-width: 100%;
    width: 100%;
  }
  .in_blog_list .in_blog_txt {
    width: 69%;
  }
  .in_blog_list .in_blog_txt h3 {
    width: 100%;
    height: 24px;
    -webkit-line-clamp: 1;
    margin-bottom: 5px;
  }

  .in_qutpatient_content {
    flex-wrap: wrap;
  }

  .in_qutpatient_tag {
    margin: 0;
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 99%;
  }
  .in_qutpatient_tag li {
    display: inline-block;
    height: auto;
    padding: 10px;
  }

  .in_qutpatient_banner {
    margin-bottom: 24px;
  }
  .in_qutpatient_banner img {
    width: 100%;
  }
  .in_qutpatient_banner .polist {
    display: none;
  }

  .in_qutpatient_boxq {
    width: 90%;
    padding-bottom: 24px;
    position: relative;
    margin: 31px auto 0 auto;
  }

  .in_qutpatient_container {
    flex-wrap: wrap;
    width: 100%;
  }

  .in_qutpatient_banner,
  .in_qutpatient_brief {
    width: 100%;
    max-width: 100%;
  }

  .in_qutpatient_line {
    margin-top: 20px;
  }

  .in_qutpatient_box {
    margin-bottom: 10px;
  }

  .a_b_banner_box {
    margin: 0 auto 34px auto;
  }

  .doctor_box {
    background: #eee;
  }

  .life_box .left_btn {
    width: 70%;
    margin: 20px auto 13px auto;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .indexPage .mo_use {
    margin: 0 auto 20px auto;
  }

  .new_banner_txt,
  .news_tag_list {
    font-size: 1.125rem;
  }

  .news_tag_txt {
    font-size: 1rem;
    height: 48px;
  }

  .news_minor li {
    font-size: 1rem;
    padding: 5px 0;
    line-height: 30px;
  }

  .doctor_content {
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    width: 97%;
  }
  .doctor_content a {
    width: 239px;
  }

  .in_blog_list .in_blog_txt h3 {
    font-size: 1rem;
    line-height: 22px;
    height: 41px;
    -webkit-line-clamp: 2;
  }

  .in_qutpatient_boxq {
    width: 95%;
  }

  .a_b_banner_box li:not(:last-child) {
    margin-right: 4%;
  }

  .as_event .as_event_txt {
    width: 83%;
    padding: 0 8px;
  }
  .as_event .event_content_text {
    line-height: 21px;
    font-size: 0.9375rem;
    height: 42px;
    overflow: hidden;
  }
  .as_event time {
    font-size: 0.875rem;
    margin-bottom: 0;
  }

  .news_minor li a {
    width: 88%;
  }

  .video_list .video_txt {
    font-size: 1rem;
    overflow: hidden;
    height: 42px;
  }
  .video_list .video_txt a {
    height: 44px;
    overflow: hidden;
  }

  .in_blog_box {
    margin-bottom: 27px;
  }

  .health_box .life_txt {
    font-size: 0.875rem;
  }
  .health_box .life_txt h3 {
    font-size: 0.9375rem;
    padding: 0px 3px;
    margin-bottom: 6px;
  }
  .health_box .life_txt p {
    line-height: 17px;
  }
  .health_box .life_txt .price {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .health_box .life_txt .price {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .health_box .life_txt .original {
    margin-right: 0;
  }
}
.google_banner_Box {
  display: flex;
  justify-content: center;
}
.google_banner_Box .pc_use {
  margin: 0 10px;
}

.partner_content {
  padding-top: 44px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.partner_content .preamble {
  font-size: 1rem;
  color: #000;
  line-height: 30px;
  margin-bottom: 60px;
}
.partner_content .partner_title {
  position: relative;
  width: 100%;
  margin-bottom: 31px;
}
.partner_content .partner_title:before {
  content: "";
  background: #c9c9c9;
  width: 100%;
  height: 1px;
  display: block;
}
.partner_content .partner_title h3 {
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 1.25rem;
  color: #000;
  background: white;
  padding-right: 13px;
}
.partner_content .partner_item {
  margin-bottom: 47px;
}
.partner_content .partner_img {
  margin-bottom: 13px;
}
.partner_content .partner_img img {
  width: 100%;
}
.partner_content .partner_txt {
  text-align: center;
  font-size: 1rem;
  line-height: 24px;
}
.partner_content .col-sm-3 {
  margin-bottom: 29px;
}
.partner_content a {
  text-decoration: none;
}
.partner_content a .partner_txt {
  color: #666666;
  text-align: center;
}
.partner_content a:hover .partner_txt {
  opacity: 0.5;
}

.focus_message {
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 37px;
}
.focus_message .focus_title {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 1.125rem;
  color: #ffffff;
  background: #f28900;
  padding: 6px 8px 6px 8px;
}
.focus_message .focus_title::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 13.5px 23px;
  border-color: transparent transparent transparent #f28900;
  position: absolute;
  top: 0px;
  right: -23px;
  z-index: 8;
}
.focus_message #site-marquee {
  padding-left: 33px;
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: middle;
  width: 86%;
  position: relative;
  overflow: hidden;
  height: 24px;
}
.focus_message #site-marquee ul {
  position: absolute;
  width: 100%;
}
.focus_message #site-marquee li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.focus_message #site-marquee a {
  color: #518f23;
  display: block;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
}

.main_news_list {
  width: 95%;
  max-width: 770px;
  margin: 40px auto 0 auto;
}
.main_news_list ul {
  width: 100%;
}
.main_news_list ul li {
  margin-bottom: 22px;
}
.main_news_list ul li a {
  display: flex;
  text-decoration: none;
}
.main_news_list ul li a:hover .main_news_content {
  transition: 0.4s;
  color: #5ba822;
}
.main_news_list .main_news_img {
  margin-right: 36px;
  padding-bottom: 17.534%;
  width: 100%;
  height: 0;
  max-width: 240px;
}
.main_news_list .main_news_txt {
  font-size: 0.875rem;
  width: -moz-calc(100% - 276px);
  width: -webkit-calc(100% - 276px);
  width: calc(100% - 276px);
}
.main_news_list .main_news_txt h2 ,.main_news_list .main_news_txt h4{
  position: static;
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 13px;
  height: 21px;
  line-height: 24px;
  overflow: hidden;
  border-left: 6px solid #518f23;
  padding-left: 12px;
}
.main_news_list .main_news_txt .ti_left {
  display: flex;
  padding-right: 5px;
}
.main_news_list .main_news_txt .titag {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.main_news_list .main_news_txt .titag time,
.main_news_list .main_news_txt .titag .news_tag {
  color: #aaaaaa;
}
.main_news_list .main_news_txt .titag time {
  margin-right: 18px;
}
.main_news_list .main_news_txt .titag .people_eye {
  color: #aaaaaa;
}
.main_news_list .main_news_txt .main_news_content {
  color: #000;
  line-height: 1.5;
  height: 66px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}

.bre_highlight {
  color: #4691c5;
}

.main_detail_box {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

.detail_h2 {
  margin-bottom: 27px;
}
.detail_h2 h1 {
  font-size: 1.875rem;
  color: #0d8200;
  padding-bottom: 13px;
  margin-bottom: 21px;
  border-bottom: 1px solid #0d8200;
  line-height: 1.3;
}
.detail_h2 .detail_item {
  font-size: 1rem;
  color: #ffa023;
  display: flex;
  justify-content: space-between;
}
.detail_h2 .detail_time {
  display: flex;
  flex-wrap: wrap;
}
.detail_h2 .reporter {
  margin-right: 15px;
}
.detail_h2 .reporter:before {
  content: '●';
  width: 5px;
  height: 5px;
  color: #ffa023;
  display: inline-block;
  margin: 0 11px 0 5px;
}
.detail_h2 .people_eye {
  color: #ffa023;
  position: relative;
  /* top: -2px; */
}
.detail_h2 .people_eye .fa-eye:before {
  color: #ffa023;
}

.print_word {
  display: flex;
  align-items: center;
}
.print_word .print_btn {
  display: block;
  text-indent: -10000px;
  width: 20px;
  height: 20px;
  background: url(../images/print_icon.png);
  background-size: cover;
  margin-right: 10px;
}
.print_word .font_level {
  display: flex;
}
.print_word .font_level a {
  text-decoration: none;
  color: #666666;
  text-align: center;
  line-height: 32px;
  width: 40px;
  height: 32px;
  display: block;
  border: 1px solid #aaaaaa;
}
.print_word .font_level a:hover {
  background: #aaaaaa;
  color: #fff;
}
.print_word .font_level .zoom_out {
  font-size: 0.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: 0.9375rem;
  color: #666666;
  line-height: 24px;
  margin-bottom: 37px;
}
@media screen and (max-width: 640px) {
  .detail_explanation {
    font-size: 1.1rem;
  }
  .detail_h2 .reporter{
    margin-top: 5px;
  }
}


.detail_foreword {
  width: 100%;
  background: #e9f9dd;
  border-left: 7px solid #89b829;
  font-size: 1.125rem;
  line-height: 30px;
  text-align: center;
  padding: 28px 21px;
  margin-bottom: 42px;
}

.out_link {
  display: flex;
  margin-bottom: 50px;
}
.out_link a {
  width: 150px;
  height: 44px;
  display: block;
  text-indent: -10000px;
}
.out_link a:hover {
  opacity: 0.8;
}
.out_link a:nth-child(1) {
  margin-right: 12px;
  background: url(../images/fb_link.png) top left no-repeat;
}
.out_link a:nth-child(2) {
  background: url(../images/post_icon.png) top left no-repeat;
}

.web_tag {
  display: flex;
  margin-bottom: 23px;
}
.web_tag a {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #039145;
  padding: 7px 9px;
  background: #f5f5f5;
  margin-right: 7px;
  text-decoration: none;
  border-radius: 4px;
}
.web_tag a:hover {
  background: #039145;
  color: #fff;
}
@media screen and (max-width: 640px){
  .web_tag {
    flex-wrap: wrap;
  }
  .web_tag a{
    margin-bottom: 7px;
  }
}
.community_share .community_share_title {
  font-size: 1rem;
  color: #666666;
  margin-bottom: 15px;
}

.div-ad-mo {
  margin-bottom: 13px !important;
  margin-left: 0px !important;
}

.community_list {
  list-style: none;
  /* display: flex; */
  margin-bottom: 13px;
  display: inline-grid; grid-gap:5px; grid-template-columns: repeat(4, auto);
  align-items: center;
}
.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: 0.8;
}
.community_list .fb_share {
  background: #1877F2;
  display: inline-flex;
  align-items: center;
  /* width: 77px; */
  height: 34px;
  /* -webkit-border-radius: 5px; */
  /* -moz-border-radius: 5px; */
  border-radius: 5px;
}
.community_list .fb_share .fb-share-button span { width: 88px !important; }
.community_list .fb_share:hover {
  /* background: #365899; */
}

.detail_item_minor {
  margin-top: 100px;
}
.detail_item_minor.last_item {
  margin-bottom: 40px;
}

.main_eventPage .health_box .life_list ul,
.main_newsPage .health_box .life_list ul,
.main_news_detailPage .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_newsPage .health_box .life_list li:not(:last-child),
.main_news_detailPage .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_newsPage .health_box .life_list .slick-slider .slick-list,
.main_news_detailPage .health_box .life_list .slick-slider .slick-list,
.main_videoPage .health_box .life_list .slick-slider .slick-list {
  width: 100%;
}

/*作者欄位*/
.writer_box {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #eeeeee;
  padding: 16px 28px;
  margin-bottom: 20px;
}
.writer_box .writer_photo {
  width: 117px;
  height: 117px;
  overflow: hidden;
  border-radius: 99em;
  margin-right: 12px;
}
.writer_box .writer_txt {
  width: -moz-calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
  margin-left: 1.5%;
  position: relative;
  top: 5px;
}
.writer_box .writer_txt h2 {
  font-weight: bold;
  font-size: 1.25rem;
  align-items: center;
  color: #fd9a18;
  margin-bottom: 11px;
}
.writer_box .writer_txt p {
  font-size: 1.0625rem;
  line-height: 24px;
  height: 66px;
  overflow: hidden;
}
.writer_box .writer_description {
  font-size: 0.9375rem;
  width: 100%;
  line-height: 23px;
  margin-top: 20px;
}

.main_tag {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -10px;
}
.main_tag a {
  display: inline-block;
  border-radius: 99px;
  text-align: center;
  color: #5ba822;
  font-size: 0.9375rem;
  padding: 5px 12px;
  margin-right: 3px;
  margin-bottom: 8px;
  text-decoration: none;
  border: 1px solid #5ba822;
}
.main_tag a:hover {
  background: #5ba822;
  color: #fff;
}
.main_tag a.active {
  background: #5ba822;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .blockchain_item3 {
    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-left: 0;
    margin: 0 auto;
  }

  .main_news_list .main_news_img {
    width: 100%;
    max-width: 100%;
    padding-bottom: 54.534%;
    margin-bottom: 20px;
  }
  .main_news_list .main_news_img img {
    width: 100%;
  }
  .main_news_list .main_news_txt {
    width: 100%;
  }
  .main_news_list .main_news_txt h2 ,.main_news_list .main_news_txt h4{
    height: 44px;
  }
  .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: flex;
    flex-wrap: wrap;
  }
  .main_news_list ul li {
    width: 50%;
    flex-wrap: wrap;
    padding: 0 15px;
  }
  .main_news_list ul li a {
    display: block;
  }

  .us_ad_banner,
  .as_clinic {
    display: none;
  }

  .us_slider img {
    width: 100%;
  }

  .as_event .as_event_content a {
    width: 100%;
    display: flex;
  }

  .fb_iframe_widget_fluid {
    margin: 0 auto;
    display: block !important;
    max-width: 500px;
  }

  .fb_box iframe {
    width: 100%;
  }

  .as_partner {
    display: none;
  }

  .fb_iframe_widget span {
    width: 100% !important;
  }

  .main_news_detailPage .health_box,
  .main_newsPage .health_box,
  .main_eventPage .health_box,
  .main_videoPage .health_box {
    width: 90%;
  }
  .main_news_detailPage .health_box .life_list ul,
  .main_newsPage .health_box .life_list ul,
  .main_eventPage .health_box .life_list ul,
  .main_videoPage .health_box .life_list ul {
    display: block;
  }
  .main_news_detailPage .health_box .life_list li:not(:last-child),
  .main_newsPage .health_box .life_list li:not(:last-child),
  .main_eventPage .health_box .life_list li:not(:last-child),
  .main_videoPage .health_box .life_list li:not(:last-child) {
    max-width: 100%;
    margin: 0 0.5%;
  }
  .main_news_detailPage .health_box .life_img img,
  .main_newsPage .health_box .life_img img,
  .main_eventPage .health_box .life_img img,
  .main_videoPage .health_box .life_img img {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .focus_message .focus_title,
  .focus_message #site-marquee {
    font-size: 1rem;
  }
  .focus_message #site-marquee {
    width: 70%;
    line-height: 20px;
  }

  .main_news_list {
    width: 100%;
  }
  .main_news_list ul li {
    padding: 0 10px;
  }

  .main_news_list .main_news_txt h2 ,.main_news_list .main_news_txt h4{
    height: 37px;
    padding-left: 8px;
    font-size: 1rem;
    line-height: 20px;
  }
  .main_news_list .main_news_txt .ti_left {
    flex-wrap: wrap;
  }

  .main_news_list ul li {
    margin-bottom: 40px;
  }

  .writer_box {
    display: block;
    padding: 20px 16px;
  }
  .writer_box .writer_photo {
    width: 170px;
    height: 170px;
    margin: 0 auto 20px auto;
  }
  .writer_box .writer_txt {
    width: 100%;
    margin-left: 0;
  }
  .writer_box .writer_txt h2 {
    text-align: center;
  }
  .writer_box .writer_txt p {
    font-size: 1rem;
  }

  .detail_foreword {
    font-size: 1rem;
    line-height: 28px;
    padding: 15px 6px;
  }
}
.detail_content {
  page-break-after: always;
  /*print分頁面*/
}

@media print {
  .top_btn,
  .detail_h2 .detail_item,
  .site_map,
  header,
  footer,
  .health_box,
  .banner,
  .right_contet,
  .detail_time,
  .print_word,
  .detail_item,
  .focus_message,
  .breadcrumbs,
  .out_link,
  .web_tag,
  .community_share,
  .detail_item_minor,
  .detail_item,
  .writer_box {
    display: none;
  }

  .left_content {
    width: 100%;
  }
}
.main_eventPage .as_clinic {
  padding-bottom: 0;
}

.event_banner {
  width: 100%;
  max-width: 1210px;
  margin: 25px auto;
}
.event_banner .slick-prev {
  width: 21px;
  height: 31px;
  background: url(../svg/arrw_g.svg) top left no-repeat;
  background-size: cover;
  left: 20px;
  transform: rotate(180deg);
}
.event_banner .slick-next {
  width: 21px;
  height: 31px;
  background: url(../svg/arrw_g.svg) top left no-repeat;
  background-size: cover;
  right: 20px;
}

.main_event_list {
  width: 100%;
  max-width: 770px;
  margin: 40px auto 0 auto;
}
.main_event_list ul {
  width: 100%;
}
.main_event_list ul li {
  margin-bottom: 22px;
}
.main_event_list ul li a {
  display: flex;
  text-decoration: none;
}
.main_event_list ul li a:hover .main_news_content {
  transition: 0.4s;
  color: #5ba822;
}
.main_event_list .main_event_img {
  margin-right: 36px;
  width: 100%;
  max-width: 345px;
  height: 0;
  padding-bottom: 25.326%;
}
.main_event_list .main_event_txt {
  font-size: 0.875rem;
  width: -moz-calc(100% - 379px);
  width: -webkit-calc(100% - 379px);
  width: calc(100% - 379px);
}
.main_event_list .main_event_txt h2 {
  display: flex;
  position: static;
  font-size: 1.125rem;
  color: #000;
  margin-bottom: 13px;
  line-height: 23px;
  border-left: 6px solid  #518f23;
  padding-left: 12px;
}
.main_event_list .main_event_txt .event_time {
  margin-bottom: 5px;
}
.main_event_list .main_event_txt .event_time, .main_event_list .main_event_txt .event_add {
  position: relative;
  background: #eeeeee;
  padding: 5px 20px;
  color: #000;
}
.main_event_list .main_event_txt .event_time i, .main_event_list .main_event_txt .event_add i {
  color: #518f23;
}
.main_event_list .main_event_txt .event_time span, .main_event_list .main_event_txt .event_add span{
  font-size: 0.875rem;
    position: static;
    background: none;
    padding: 0;
}
.main_event_list .main_event_txt .main_event_content {
  margin-top: 13px;
  color: #000;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .main_event_list ul li {
    margin-bottom: 40px;
  }
  .main_event_list ul li a {
    flex-wrap: wrap;
  }
  .main_event_list .main_event_img {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.768%;
  }
  .main_event_list .main_event_img img {
    width: 100%;
  }
  .main_event_list .main_event_txt {
    width: 100%;
  }

  .right_contet {
    width: 100%;
  }

  .main_eventPage .as_clinic {
    display: block;
  }
}
.video_first {
  margin-bottom: 100px;
}

.video_tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #518f23;
  color: #ffffff;
  padding: 8px 8px;
  z-index: 2;
}

.video_conbox {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
.video_conbox .video_content {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  margin-bottom: 20px;
}
.video_conbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.main_video_list {
  width: 100%;
  margin-top: 35px;
}
.main_video_list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_video_list .col-lg-4 {
  margin-bottom: 75px;
}
.main_video_list .col-lg-4:nth-child(3n) {
  margin-right: 0;
}
.main_video_list .col-lg-4 a {
  color: #333333;
  text-decoration: none;
}
.main_video_list .col-lg-4 a:hover {
  color: #89b829;
}
.main_video_list .col-lg-4 a:hover .main_video_img i {
  opacity: 1;
  top: 50%;
}

.main_video_img {
  position: relative;
}
.main_video_img i {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../images/video_icon.png);
  background-size: cover;
}

.main_video_photo {
  height: 0;
  padding-bottom: 55.56%;
  margin-bottom: 20px;
}

.main_video_txt {
  line-height: 20px;
}

.main_videoPage .page {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .main_video_list .col-lg-4 {
    margin-bottom: 40px;
  }
}
.topic_Page .topic_pc {
  max-width: 100%;
}
.topic_Page .topic_mo {
  display: none;
  position: static;
  top: 0;
}
.topic_Page header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 65px;
  display: flex;
  background: #ffffff;
  z-index: 9;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.27);
}
.topic_Page .menu-wrapper {
  top: 15px;
  left: -26px;
}
.topic_Page .topic_header_box {
  position: relative;
  width: 90%;
  max-width: 1210px;
  margin: 0 auto;
}
.topic_Page .logo {
  width: 194px;
  height: 46px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.topic_Page .topic_title {
  padding: 29px 0 0 208px;
  font-size: 1.125rem;
  height: 50px;
  overflow: hidden;
  width: 55%;
  line-height: 19px;
  font-weight: bold;
}
.topic_Page .topic_nav {
  position: absolute;
  right: 0;
  top: 26px;
}
.topic_Page .topic_nav ul li {
  display: inline-block;
  list-style: none;
}
.topic_Page .topic_nav ul li:not(:last-child) {
  margin-right: 22px;
}
.topic_Page .topic_nav ul a {
  text-decoration: none;
  color: #333333;
}
.topic_Page .topic_nav ul a:hover {
  color: #89b829;
}
.topic_Page main {
  margin-top: 65px;
  margin-bottom: 0;
  width: 100%;
  max-width: 1210px;
}
.topic_Page main .topic_item {
  width: 100%;
  justify-content: center;
  display: flex;
}
.topic_Page main .topic_item img {
  width: 100%;
}
.topic_Page .mo_close {
  display: none;
}

.topic_list_box .topic_img {
  width: 100%;
  height: 0;
  padding-bottom: 56.035%;
  margin-bottom: 25px;
}
.topic_list_box .topic_banner {
  margin-bottom: 47px;
}
.topic_list_box a {
  text-decoration: none;
}
.topic_list_box a:hover .topic_img {
  opacity: 0.5;
}
.topic_list_box a:hover .topic_txt {
  color: #518f23;
}
.topic_list_box .row h2 {
  border-left: 6px solid #518f23;
  padding-left: 21px;
  font-size: 1.375rem;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
  padding: 6px 10px 6px 21px;
}
.topic_list_box .topic_img {
  transition: 0.4s;
}
.topic_list_box .topic_txt {
  transition: 0.4s;
  color: #666666;
  font-size: 1rem;
  line-height: 26px;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  vertical-align: middle;
  height: 77px;
}
.topic_list_box .col-md-6 {
  margin-bottom: 68px;
}
.topic_list_box .container {
  max-width: 1220px;
  margin-bottom: 40px;
}
.topic_list_box .container + .page {
  margin-bottom: 100px;
}

.topic_lsit2 .container .col-lg-4 a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.topic_lsit2 .container .col-lg-4 .row h2 {
  margin-bottom: 9px;
}
.topic_lsit2 .container .col-lg-4 .topic_txt {
  padding: 0 28px;
  margin: 0 0 28px 0;
}
.topic_lsit2 .main_title {
  margin-bottom: 50px;
}
.topic_lsit2 .main_title h2 {
  font-size: 1.875rem;
}

@media screen and (max-width: 1085px) {
  .topic_Page .menu-wrapper {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .topic_Page .menu-wrapper {
    display: block;
  }

  .topic_header_box .logo {
    display: none;
  }

  .topic_lsit1 .topic_header_box .logo {
    display: block;
    position: absolute;
    width: 132px;
    height: 31px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .topic_Page .topic_title {
    padding: 29px 0 0 42px;
    width: 90%;
  }

  .topic_Page .topic_nav {
    display: none;
    width: 100%;
    position: fixed;
    right: 0;
    top: 65px;
    background: #89b929;
    z-index: 7;
  }

  .topic_Page .topic_nav ul li {
    margin-right: 0 !important;
    width: 100%;
    display: block;
    text-align: center;
  }
  .topic_Page .topic_nav ul li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
  }
  .topic_Page .topic_nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 0;
    color: #ffffff;
    font-size: 1.125rem;
  }
  .topic_Page .topic_nav ul li a:hover {
    color: #ffffff;
  }

  .topic_lsit2 .main_title h2 {
    font-size: 1.25rem;
  }

  .topic_list_box .row h2 {
    font-size: 1.125rem;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 6px 9px 6px 13px;
  }

  .topic_lsit2 .container .col-lg-4 .topic_txt {
    padding: 0 18px;
    font-size: 0.9375rem;
    line-height: 22px;
    height: 66px;
  }

  .topic_list_box .col-md-6 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .topic_Page .topic_pc {
    display: none;
  }
  .topic_Page .topic_mo {
    display: block;
  }
}
.shared_Page .detail_h2 .detail_item {
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .shared_Page .community_share {
    margin-bottom: 20px;
  }
  .detail_h2 h1{
    font-size: 1.45rem;
  }
  .detail_time_box{
    width: 100%;
    display: flex;
  }
}

.fb-share-button span {
  width: 77px !important;
}

.from_box .form-group {
  margin-bottom: 20px;
  min-height: 85px;
}
.from_box label {
  margin-bottom: 10px;
  color: #5ba822;
  font-weight: bold;
}

.prompt {
  margin-top: 5px;
  display: block;
  font-size: 0.8125rem;
  color: #de4242;
}

.send_Btn {
  width: 100%;
  margin: 25px 0;
  text-align: center;
}
.send_Btn a {
  width: 27%;
  margin: auto;
  text-decoration: none;
  display: block;
  background: #5ba822;
  color: white;
  padding: 13px 22px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 1.125rem;
}
.send_Btn a:hover {
  background: #f28900;
}
@media screen and (max-width: 768px) {
  .send_Btn {
    margin: 10px 0 65px 0;
  }
  .send_Btn a {
    width: 60%;
  }
}
.topic_header_btn{
  position: absolute;
    bottom: -60px;
    width: 200px;
    height: 60px;
    /* background: #ff6600; */

}
.topic_header_btn a,.topic_header_btn a img{
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .topic_header_btn a,.topic_header_btn a img{
  display: block;
  width: 80%;
}
}
.topic_arrw{
  transition: .4s;
  opacity: 1;
  display: block;
  text-indent: -10000px;
  /* width: 20px;
  height: 27px; */
  width: 26px;
  height: 34px;
  background: url(../images/topic_arrw.png);
  background-size: cover;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateY(-50%);
  animation: scroll_2 0.4s 0s infinite alternate ease-in;
  z-index: 5;
}
.topic_arrw.active{
  opacity: 0;
  pointer-events: none;
}
@-webkit-keyframes scroll_2 {
  from {
    bottom: 10px;
  }
  to {
    bottom: 0px;
  }
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
}
.clearfix:after {
  clear: both;
}

.infinite_article{
  margin-top: 100px;
}

.news_links{
  margin-bottom: 15px;
  display: flex;
}


.other_people {
  margin-top: 35px;
  margin-bottom: 25px;
}
.other_people header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 20px 10px;
}
.other_people_title {
  font-size: 1.25rem;
  color: #518f23;
}
.other_people .more_btn {
  font-size: 0.875rem;
  color: #353535;
  text-decoration: none;
}
.other_people .more_btn i {
  transition: 0.4s;
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 16px;
  background: url(../svg/arrw_g.svg);
  background-size: cover;
  position: relative;
  top: -1px;
  left: 0;
}
.other_people .more_btn:hover i {
  transition: 0.4s;
  left: 4px;
}

.other_people_content {
  color: #000;
  line-height: 23px;
  font-size: 1.125rem;
  margin-top: 10px;
}
.other_people_content li{
  margin-bottom: 20px;
}
.other_people_content li a{
  display: flex;
}
.other_people a {
  text-decoration: none;
}
.other_people_img {
  transition: 0.4s;
  width: 70px;
  height: 70px;
  margin-right: 13px;
}
.other_people_img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.other_people_img:hover {
  opacity: 0.5;
}
.other_people_h2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: auto;
  color: #000;
  font-size: 15px;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  width: calc(100% - 83px);
}

@media screen and (max-width: 992px){
  .other_people{
    display: none;
  }
  .other_people_content{
    margin-top: 40px;
  }
  .infinite_article {
    margin-top: 50px;
}
}
.other_people_item{
  display: none;
}

@media screen and (max-width: 640px){
  .other_people_item{
    display: block;
    margin-bottom: -50px;
  }
}

.read-more{
  position: relative;
  color: #f28900;
  text-align: center;
  margin: 40px auto 0 auto;
  font-size: 17px;
}
.read-more span{
  background: #fbfbfb;
  position: relative;
  z-index: 1;
  padding: 0 5%;
}

.read-more::before{
  position: absolute;
  display: block;
    top: 41%;
    left: 50%;
    transform: translate(-50%,0%);
    content: '';
    width: 100%;
    height: 1px;
    background: #f28900;
}

@media screen and (max-width: 640px){
  .read-more{
    font-size: 14px;
    margin-top: 40px;
  }
}

.loading{
  margin: 100px 0;
  font-size: 28px;
  color: #ccc;
  text-align: center;
  animation: blink 1s infinite;
}

.loading.no-show{
  display: none;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blinking-text {
  animation: blink 1s infinite;
}

@media screen and (max-width: 640px){
  .loading{
    font-size: 18px;
    margin: 60px 0;
  }
}