@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap");
@import url("../css/bootstrap-grid.css");
figure {
  margin: 0rem;
}

dd {
  margin-left: 0rem;
}

body section dl.list-text dd p a.font20 {
  font-size: 20px;
}

@media (max-width: 667px) {
  body section dl.list-text dd p a.font20 {
    font-size: 18px;
  }
}

body .more, body .back {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body .more span, body .back span {
  border: none;
  border-radius: .5rem;
  padding: .35rem 1rem;
}

body .more span::before, body .back span::before, body .more span::after, body .back span::after {
  font-size: .9rem;
  margin-left: .25rem;
  margin-right: .25rem;
}

[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

[off-canvas*=top] {
  width: 100%;
  height: 255px;
  top: 0;
}

[off-canvas*=right] {
  width: 255px;
  height: 100%;
  top: 0;
  right: 0;
}

[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0;
}

[off-canvas*=left] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0;
}

[off-canvas*=reveal] {
  z-index: 0;
}

[off-canvas*=push] {
  z-index: 1;
}

[off-canvas*=overlay] {
  z-index: 9999;
}

[off-canvas*=shift] {
  z-index: 9;
}

[canvas], [off-canvas] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-backface-visibility: hidden;
}

[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

[class*=js-] {
  cursor: pointer;
}

@media print {
  [canvas] {
    -webkit-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
  }
  [off-canvas] {
    display: none !important;
  }
}

html {
  min-height: 100%;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  /* HTML5 display-role reset for older browsers */
}

body a, body button, body li, body dt, body dd, body p, body input, body i, body span, body figure, body figcaption, body svg, body g, body path, body ellipse {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

body h1, body .h1 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0.67em 0;
}

body h2, body .h2 {
  font-size: 1.75rem;
  font-weight: 400;
}

body h3, body .h3 {
  font-size: 1.5rem;
  font-weight: 400;
}

body h4, body .h4 {
  font-size: 1.25rem;
  font-weight: 400;
}

body p {
  font-size: 1rem;
  font-weight: 300;
}

body sup {
  font-size: 0.8rem;
  color: #f00;
}

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

body a:hover {
  text-decoration: none;
}

body img {
  border: none;
}

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

body pre {
  font-family: monospace, monospace;
  font-size: 1rem;
}

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

body b,
body strong {
  font-weight: bolder;
}

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

body small {
  font-size: 80%;
}

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

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

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

body button,
body input {
  overflow: visible;
}

body button,
body select {
  text-transform: none;
}

body button,
body [type="button"],
body [type="reset"],
body [type="submit"] {
  -webkit-appearance: button;
  outline: none;
  border: none;
  cursor: pointer;
  padding: 10px 15px;
}

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

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

body fieldset {
  padding: 0.35em 0.75em 0.625em;
}

body legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

body progress {
  vertical-align: baseline;
}

body textarea {
  overflow: auto;
}

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

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

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

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

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

body details {
  display: block;
}

body summary {
  display: list-item;
}

body template {
  display: none;
}

body ol, body ul {
  list-style: none;
}

body li {
  list-style: none;
}

body blockquote, body q {
  quotes: none;
}

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

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

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body ::before, body ::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  font-weight: 900;
  margin-right: .5rem;
  margin-left: .5rem;
}

body [onclick], body button {
  cursor: pointer;
}

body [hidden] {
  display: none !important;
}

body footer .copyright {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body .editor {
  padding-right: 1rem;
  padding-left: 1rem;
}

body .editor h2, body .editor h3, body .editor h4, body .editor h5, body .editor h6 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

body .editor p {
  line-height: 2rem;
  margin-bottom: 0;
  word-wrap: break-word;
  font-weight: initial;
}

body .editor img {
  width: initial;
  margin: .5rem;
}

body .editor ol li {
  margin-bottom: 10px;
}

body .editor sup {
  color: initial;
}

body .editor div img {
  width: 100%;
}

body .editor2 {
  padding-right: 0;
  padding-left: 0;
}

body .editor2 h2, body .editor2 h3, body .editor2 h4, body .editor2 h5, body .editor2 h6 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

body .editor2 p {
  line-height: 2rem;
  margin-bottom: 0;
  word-wrap: break-word;
  font-weight: initial;
}

body .editor2 img {
  width: initial;
  margin: .5rem;
}

body .editor2 ol li {
  margin-bottom: 10px;
}

body .editor2 sup {
  color: initial;
}

.mob_open {
  display: none;
}

.pc_open {
  display: block;
}

body:lang(zh-tw) {
  font-family: '微軟正黑體', "Microsoft JhengHei", " Noto Sans CJK", "Xingothic TC", "Droid Sans Fallback", "PingFang TC", "Heiti TC", "LiHei Pro", "Arial", "Helvetica","PMingLiU", "sans-serif";
}

body:lang(en) {
  font-family: 'Nanum Gothic', "Microsoft JhengHei", "Arial", '新細明體', sans-serif;
}

body:lang(en) .classynav ul li a:after {
  width: 40px;
}

body:lang(en) section .title .tit01 {
  letter-spacing: 0px;
}

body:lang(en) section .title .tit02 {
  letter-spacing: 0px;
}

body:lang(en) section .title .tit03 {
  letter-spacing: 0px;
}

body:lang(en) section .title .tit04 {
  letter-spacing: 0px;
}

body {
  font-family: '微軟正黑體', "Microsoft JhengHei", " Noto Sans CJK", "Xingothic TC", "Droid Sans Fallback", "PingFang TC", "Heiti TC", "LiHei Pro", "Arial", "Helvetica","PMingLiU", "sans-serif";
}

body a {
  color: #221e1f;
}

body a:hover {
  color: #0c8081;
}

body .pagination {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}

body .pagination .page-left, body .pagination .page-right, body .pagination .page-double-right, body .pagination .page-double-left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 22px;
  height: 22px;
}

body .pagination .page-left::after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
}

body .pagination .page-right::after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 8px;
}

body .pagination .page-double-right::after, body .pagination .page-double-right::before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 2px solid;
  border-top: 2px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
}

body .pagination .page-double-left::after, body .pagination .page-double-left::before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
}

body .pagination li.page-item {
  margin-top: 0;
}

body .pagination li.page-item a.page-link {
  line-height: 1;
  background: #000;
  color: #fff;
  border-radius: 30px;
}

body .pagination li.page-item a.page-link[href] {
  color: #000;
}

body .pagination li.page-item a.page-link i::before {
  margin-right: 0;
  margin-left: 0;
}

body .pagination li.page-item a.page-link[href] {
  background: #fff;
}

body .pagination li.page-item a.page-link:hover {
  background: #000;
  color: #fff;
  border-radius: 30px;
}

body .pagination li.page-item {
  padding: 0rem 0.2rem;
}

body .pagination li.page-item a.page-link {
  font-weight: 600;
  background: #9EA0A3;
  color: #000;
  padding: 9px 10px;
}

body .pagination li.page-item a.page-link[href] {
  background: #DEDFDF;
  color: #000;
}

body .pagination li.page-item a.page-link:hover {
  background: #9EA0A3;
  color: #000;
}

body .pagination li.page-item .page-double-left {
  padding: 0px 10px;
}

body .pagination li.page-item .page-double-left::after, body .pagination li.page-item .page-double-left::before {
  left: 3px;
}

body .pagination li.page-item .page-left {
  padding: 0px 10px;
}

body .pagination li.page-item .page-left::after {
  left: 0px;
}

body .pagination li.page-item .page-right {
  padding: 0px 10px;
}

body .pagination li.page-item .page-right::after {
  left: -3px;
}

body .pagination li.page-item .page-double-right {
  padding: 0px 10px;
}

body .pagination li.page-item .page-double-right::after, body .pagination li.page-item .page-double-right::before {
  right: 3px;
}

body .cd-top i {
  background: rgba(0, 0, 0, 0.85);
  font-size: 1.15rem;
  color: #fff;
}

body .cd-top i::before, body .cd-top i::after {
  margin: 0;
}

body .more {
  text-align: center;
}

body .more a span {
  background: #eea826;
  color: #fff;
  border-radius: 1.5rem;
  text-align: center;
}

body .more a:hover span {
  background: #0c8081;
}

body .back {
  text-align: center;
}

body .back a span {
  background: #eea826;
  color: #fff;
  border-radius: 1.5rem;
}

body .back a:hover span {
  background: #0c8081;
}

body .climg img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  border: none;
}

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

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

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

body header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5 !important;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.4);
}

body header section.nav-top {
  padding: 5px 0px;
  background: #0c8081;
}

body header section.nav-top dl {
  margin-bottom: 0;
  padding-right: 15px;
}

body header section.nav-top dl dd {
  font-size: 0.8rem;
  font-weight: 500;
  padding-right: 1.5rem;
  color: #ffffff;
  position: relative;
}

body header section.nav-top dl dd a {
  color: #ffffff;
}

body header section.nav-top dl dd a:hover {
  color: #eea826;
}

body header section.nav-top dl dd:last-of-type {
  padding-right: 0;
}

body header section.nav-top dl dd:last-of-type:before {
  content: "";
  top: 5px;
  left: -20px;
  width: 1px;
  height: 13px;
  background: #ffffff;
  position: absolute;
}

body section.banner {
  margin-bottom: 1.5rem;
}

body section .title {
  margin-bottom: 4rem;
}

body section .title .tit01 {
  text-align: center;
  color: #6c6e70;
  position: relative;
  font-size: 1.625rem;
  letter-spacing: 1px;
  padding-bottom: .5rem;
  font-weight: 400;
  background: url("../images/t_line.jpg") center bottom no-repeat;
}

body section .title .tit01 span {
  color: #0c8081;
  font-weight: 600;
}

body section .title .tit02 {
  text-align: center;
  color: #6c6e70;
  position: relative;
  font-size: 1.45rem;
  letter-spacing: 1px;
  font-weight: 400;
}

body section .title .tit03 {
  text-align: center;
  color: #0c8081;
  position: relative;
  font-size: 1.45rem;
  letter-spacing: 1px;
  font-weight: 600;
}

body section .title .tit04 {
  text-align: center;
  color: #eea826;
  position: relative;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
}

body section .title .ttal {
  text-align: left;
}

body section .maps iframe {
  width: 100%;
  height: 15rem;
}

body section dl.txdata {
  margin-bottom: 5rem;
}

body section dl.txdata dd.txdataco {
  position: relative;
}

body section dl.txdata dd.txdataco .txtitle {
  font-size: 1.1rem;
  text-align: center;
  color: #221e1f;
  margin-bottom: 1rem;
}

body section dl.txdata dd.txdataco .txtitle span {
  border-bottom: 2px solid #6c6e70;
  padding-bottom: 0.3rem;
}

body section dl.txdata dd.txdataco .tdad {
  text-align: center;
  font-size: 3.5rem;
}

body section dl.txdata dd.txdataco .tdad span {
  font-size: 1.2rem;
  margin-left: .5rem;
}

body section dl.txdata dd.txdataco:after {
  content: "";
  top: 5px;
  right: 0px;
  width: 2px;
  height: 134px;
  background: #e2e2e2;
  position: absolute;
}

body section dl.txdata dd.txdataco:last-of-type:after {
  display: none;
}

body section dl.list-text {
  margin-bottom: 0;
  margin-bottom: 0;
}

body section dl.list-text dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body section dl.list-text dd p {
  color: #0c8081;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0;
}

body section dl.list-text dd {
  border-bottom: 1px dashed #fff;
  border-color: #0c8081;
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}

body section dl.list-text dd p {
  color: #0c8081;
  font-weight: 600;
}

body section dl.list-text dd p a {
  color: #221e1f;
}

body section dl.list-text dd p a:hover {
  color: #666;
}

body section dl.list-text dd p:first-of-type {
  margin-bottom: 0.3rem;
}

body section dl.list-text dd p:first-of-type::before {
  font-family: 'fontello';
  content: "\e805";
  margin-right: 1rem;
}

body footer {
  background: #0c8081;
  color: #fff;
}

body footer .footer-info {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

body footer .footer-info dl {
  margin-bottom: 0;
}

body footer .footer-info dl dd:last-of-type {
  margin-bottom: 0;
}

body footer .footer-info a {
  color: #fff;
}

body footer .footer-info a:hover {
  color: #0c8081;
}

body footer .footer-info dl.foomenu {
  padding-left: 0;
}

body footer .footer-info dl.foomenu::after {
  content: "";
  clear: both;
}

body footer .footer-info dl.foomenu dd {
  float: left;
}

body footer .footer-info dl.foomenu dd:last-of-type::after {
  content: none;
}

body footer .footer-info dl.foomenu dd::after {
  content: "|";
}

body footer .footer-info dl.foomenu dd {
  color: #000;
  font-size: 0.9rem;
}

body footer .footer-info dl.foomenu dd::after {
  color: #fff;
}

body footer .footer-info dl.foomenu dd a {
  color: #fff;
}

body footer .footer-info dl.foomenu dd a:hover {
  color: #fff;
}

body footer .footer-info dl.list-abreast02 {
  margin-bottom: 0;
}

body footer .footer-info dl.list-abreast02 dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body footer .footer-info dl.list-abreast02 dd p {
  margin: 0;
}

body footer .footer-info dl.list-abreast02 dd {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0rem 1rem;
}

body footer .footer-info dl.list-abreast02 dd p {
  color: #fff;
  font-weight: 400;
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

body footer .footer-info dl.list-abreast03 {
  margin-bottom: 0;
}

body footer .footer-info dl.list-abreast03 dd {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body footer .footer-info dl.list-abreast03 dd p {
  margin: 0;
}

body footer .footer-info dl.list-abreast03 dd {
  padding-top: 0;
  padding-bottom: 0.3rem;
  margin: 0rem;
  color: #fff;
  font-weight: 400;
  font-size: 0.8rem;
  letter-spacing: 0px;
  margin-bottom: 0.3rem;
}

body footer .footer-info dl.list-abreast03 dd p.cw {
  text-align: center;
  width: 2rem;
  margin: 0;
}

body footer .footer-info dl.list-abreast03 dd:last-of-type {
  padding-bottom: 0;
}

body footer .footer-info dl.list-abreast03 dd:first-of-type {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.3rem;
  padding-left: 0.2rem;
}

body footer .copyright {
  background: #ffffff;
  color: #0c8081;
  font-weight: 600;
  text-align: center;
  padding: 0.7rem 0rem;
  font-size: 0.8rem;
}

body form.forms-group input, body form.forms-group select, body form.forms-group textarea {
  width: 100%;
  padding: .5rem .75rem;
  outline: none !important;
}

body form.forms-group input::-webkit-input-placeholder, body form.forms-group select::-webkit-input-placeholder, body form.forms-group textarea::-webkit-input-placeholder {
  font-weight: 300;
}

body form.forms-group input:-ms-input-placeholder, body form.forms-group select:-ms-input-placeholder, body form.forms-group textarea:-ms-input-placeholder {
  font-weight: 300;
}

body form.forms-group input::-ms-input-placeholder, body form.forms-group select::-ms-input-placeholder, body form.forms-group textarea::-ms-input-placeholder {
  font-weight: 300;
}

body form.forms-group input::placeholder, body form.forms-group select::placeholder, body form.forms-group textarea::placeholder {
  font-weight: 300;
}

body form.forms-group label {
  margin-bottom: 0;
  padding-left: 0;
}

body form.forms-group [type="checkbox"], body form.forms-group [type="radio"] {
  width: auto !important;
}

body form.forms-group select {
  padding-bottom: .75rem;
  margin-right: .5rem;
}

body form.forms-group textarea {
  resize: none;
}

body form.forms-group button, body form.forms-group button[id="submit"], body form.forms-group button[type="reset"] {
  border: none;
  padding: .55rem 1.65rem;
  outline: none;
}

body form.forms-group button:hover {
  outline: none;
}

body form.forms-group dl dd {
  margin-bottom: 1rem;
}

body form.forms-group dl dd .wi50 {
  width: 50%;
}

body form.forms-group dl dd #xcode {
  width: 10rem;
}

body form.forms-group dl dd img#imgcode {
  width: initial;
  height: 2.5rem !important;
  margin-left: .5rem;
}

body form.forms-group dl dd:last-of-type {
  text-align: center;
}

body form.forms-group input, body form.forms-group select, body form.forms-group textarea {
  border: 1px solid #666;
  border-radius: 0.5rem;
}

body form.forms-group input:hover, body form.forms-group select:hover, body form.forms-group textarea:hover {
  border-color: #000;
}

body form.forms-group input:focus, body form.forms-group select:focus, body form.forms-group textarea:focus {
  border-color: #eea826;
}

body form.forms-group input::-webkit-input-placeholder, body form.forms-group select::-webkit-input-placeholder, body form.forms-group textarea::-webkit-input-placeholder {
  color: #ccc;
}

body form.forms-group input:-ms-input-placeholder, body form.forms-group select:-ms-input-placeholder, body form.forms-group textarea:-ms-input-placeholder {
  color: #ccc;
}

body form.forms-group input::-ms-input-placeholder, body form.forms-group select::-ms-input-placeholder, body form.forms-group textarea::-ms-input-placeholder {
  color: #ccc;
}

body form.forms-group input::placeholder, body form.forms-group select::placeholder, body form.forms-group textarea::placeholder {
  color: #ccc;
}

body form.forms-group button {
  background: #000000;
  border-color: 1px solid #0f0c0a;
  border-radius: 0.5rem;
  color: #fff;
}

body form.forms-group button:hover {
  background: #ccc;
  color: #fff;
}

body form.forms-group button[type="submit"] {
  background: #000;
  color: #fff;
}

body form.forms-group button[type="submit"]:hover {
  background: #ccc;
  color: #fff;
}

body form.forms-group .submit {
  background: #000;
  color: #fff;
}

body form.forms-group .submit:hover {
  background: #ccc;
  color: #fff;
}

body form.forms-group button[type="reset"] {
  background: #6c6e70;
  border-color: #6c6e70;
  color: #fff;
}

body form.forms-group button[type="reset"]:hover {
  background: #4b4c4c;
  color: #fff;
}

body form.forms-group .reset {
  background: #6c6e70;
  border-color: #6c6e70;
  color: #fff;
}

body form.forms-group .reset:hover {
  background: #4b4c4c;
  color: #fff;
}

body form.forms-group dl dd .boxwi .dsboxw {
  width: 33.333%;
  margin-right: .5rem;
}

body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
  margin-right: 0px !important;
}

/*go-top*/
.go-top {
  position: fixed;
  bottom: 290px;
  right: 10px;
  z-index: 2;
  color: #0c8081;
  font-size: 2rem;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 3px solid #0c8081;
  padding: 0px;
  opacity: 0.5;
  vertical-align: middle;
  mix-blend-mode: difference;
}

.go-top span {
  display: none;
}

.go-top:hover {
  opacity: 1;
}

.go-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mstop {
  padding-top: 99px !important;
}

@media (max-width: 730.98px) {
  .deskTop,
  .Tablets,
  .deskTopTablets {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .deskTop {
    display: none !important;
  }
  .cd-top {
    right: 5vw;
    bottom: 5vh;
  }
}

@media (min-width: 992px) {
  .Mobile,
  .Tablets,
  .TabletsMobile {
    display: none !important;
  }
  .cd-top {
    right: 30px;
    bottom: 30px;
  }
}

@media (max-width: 409.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 24vw;
  }
  .footer-logo a img {
    width: 40vw;
  }
  body header section.nav-top dl {
    padding-right: 0px;
  }
  body section .title .tit01 {
    font-size: 1.1rem;
  }
  body section .title .tit01 span {
    font-size: 1.1rem;
  }
  body section .title .tit02 {
    font-size: 1.1rem;
  }
  body section .title .tit03 {
    font-size: 1.1rem;
  }
  body section .title .tit04 {
    font-size: 0.9rem;
  }
  body section dl.txdata dd.txdataco {
    margin-bottom: 3rem;
  }
  body section dl.txdata dd.txdataco:last-of-type {
    margin-bottom: 0;
  }
  body section dl.txdata dd.txdataco:after {
    display: none;
  }
  body section dl.list-text {
    margin-bottom: 2rem;
  }
  body footer .footer-info dl.list-abreast03 {
    margin-top: 1.5rem;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2rem !important;
  }
  body form.forms-group dl dd .boxwi .dsboxw {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
}

@media (min-width: 411px) and (max-width: 575px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 24vw;
  }
  .footer-logo a img {
    width: 40vw;
  }
  body header section.nav-top dl {
    padding-right: 0px;
  }
  body section .title .tit01 {
    font-size: 1.1rem;
  }
  body section .title .tit01 span {
    font-size: 1.1rem;
  }
  body section .title .tit02 {
    font-size: 1.1rem;
  }
  body section .title .tit03 {
    font-size: 1.1rem;
  }
  body section .title .tit04 {
    font-size: 0.9rem;
  }
  body section dl.txdata dd.txdataco {
    margin-bottom: 3rem;
  }
  body section dl.txdata dd.txdataco:last-of-type {
    margin-bottom: 0;
  }
  body section dl.txdata dd.txdataco:after {
    display: none;
  }
  body section dl.list-text {
    margin-bottom: 2rem;
  }
  body footer .footer-info dl.list-abreast03 {
    margin-top: 1.5rem;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2rem !important;
  }
  body form.forms-group dl dd .boxwi .dsboxw {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 667px) {
  .mob_open {
    display: block !important;
  }
  .pc_open {
    display: none !important;
  }
  .mstop {
    padding-top: 89px !important;
  }
  /*go-top*/
  .go-top {
    bottom: 95px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .Mobile,
  .Tablets,
  .TabletsMobile {
    display: none !important;
  }
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 15vw;
  }
  .footer-logo a img {
    width: 21vw;
  }
  body header section.nav-top dl {
    padding-right: 0px;
  }
  body section .title .tit01 {
    font-size: 1.1rem;
  }
  body section .title .tit01 span {
    font-size: 1.1rem;
  }
  body section .title .tit02 {
    font-size: 1.1rem;
  }
  body section .title .tit03 {
    font-size: 1.1rem;
  }
  body section .title .tit04 {
    font-size: 0.9rem;
  }
  body section dl.txdata {
    margin-bottom: 2rem;
  }
  body section dl.txdata dd.txdataco:after {
    height: 85px;
  }
  body section dl.txdata dd.txdataco .txtitle {
    font-size: 1rem;
  }
  body section dl.txdata dd.txdataco .tdad {
    font-size: 2rem;
  }
  body section dl.list-text {
    margin-bottom: 2rem;
  }
  body footer .footer-info dl.list-abreast03 {
    margin-top: 1.5rem;
  }
  /*go-top*/
  .go-top {
    bottom: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .Mobile,
  .Tablets,
  .TabletsMobile {
    display: none !important;
  }
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 13vw;
  }
  .footer-logo a img {
    width: 20vw;
  }
  body footer .footer-info dl.list-abreast03 {
    margin-top: 1.5rem;
  }
  /*go-top*/
  .go-top {
    bottom: 390px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 10vw;
  }
  .footer-logo a img {
    width: 13vw;
  }
}

@media (min-width: 1200px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 10vw;
  }
  .footer-logo a img {
    width: 11vw;
  }
}

@media (min-width: 1281px) and (max-width: 1366px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 8vw;
  }
  .footer-logo a img {
    width: 11vw;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 8vw;
  }
  .footer-logo a img {
    width: 11vw;
  }
}

@media (min-width: 1441px) and (max-width: 1889px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 7vw;
  }
  .footer-logo a img {
    width: 10vw;
  }
}

@media (min-width: 1900px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 6vw;
  }
  .footer-logo a img {
    width: 9vw;
  }
}

.title {
  margin-bottom: 2.5rem;
}

.title h1, .title h2, .title h3, .title h4, .title h5 {
  margin-bottom: 0;
}

.title h1 span {
  font-size: 1.5rem;
}

.title h1 {
  color: #000000;
}

.title h2 {
  color: #000000;
}

.title h3 {
  color: #000000;
}

.title h4 {
  color: #000000;
}

.title h5 {
  color: #000000;
}

main {
  display: block;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

main article {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

main article section.bg {
  padding: 6rem 0rem 8rem;
  background: url("../images/inprbg.jpg") repeat;
  background-attachment: fixed;
  background-size: contain;
  margin-top: 4rem;
  margin-bottom: 4rem;
  -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
}

main article section dl.inlist-img-mask dd figure {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

main article section dl.inlist-img-mask dd figure > p {
  margin: 0;
  overflow: hidden;
}

main article section dl.inlist-img-mask dd figure > p img {
  width: 100%;
  max-width: 100%;
  width: initial;
  height: auto !important;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

main article section dl.inlist-img-mask dd figure figcaption {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

main article section dl.inlist-img-mask dd figure figcaption > div {
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}

main article section dl.inlist-img-mask dd figure figcaption > div div.intro h4 {
  text-align: center;
}

main article section dl.inlist-img-mask dd figure figcaption > div div.intro p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

main article section dl.inlist-img-mask dd figure:hover figcaption {
  display: block;
}

main article section dl.inlist-img-mask dd figure {
  width: 200px;
  height: 200px;
  border: 2px solid #000000;
  border-radius: 50%;
}

main article section dl.inlist-img-mask dd figure > p {
  height: 200px;
}

main article section dl.inlist-img-mask dd figure > p img {
  max-height: 200px;
}

main article section dl.inlist-img-mask dd figure figcaption {
  background: rgba(255, 255, 255, 0.95);
  z-index: 1;
}

main article section dl.inlist-img-mask dd figure figcaption > div div.intro p {
  color: #000000;
  font-weight: 600;
  font-size: 1.1rem;
}

main article section dl.inlist-img-mask dd figure:hover {
  border-color: #0c8081;
}

main article section dl.inlist-img-mask dd:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -3%;
  width: 38px;
  height: 2px;
  background: #0c8081;
}

main article section dl.inlist-img-mask dd:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -3%;
  width: 38px;
  height: 2px;
  background: #0c8081;
}

main article section dl.list-img-intro {
  margin-bottom: 0;
  background: url("../images/in-minutiae-bg.jpg") repeat-x;
  background-position: top left;
  cursor: pointer;
  margin-top: 5rem;
}

main article section dl.list-img-intro dd {
  margin-bottom: 2rem;
}

main article section dl.list-img-intro dd figure {
  margin-bottom: 0;
  overflow: hidden;
}

main article section dl.list-img-intro dd figure > p {
  overflow: hidden;
  margin: 0;
}

main article section dl.list-img-intro dd figure > p img {
  width: 100%;
  max-width: 100%;
  width: initial;
  height: auto !important;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

main article section dl.list-img-intro dd figure:hover p {
  overflow: hidden;
}

main article section dl.list-img-intro dd figure:hover p img {
  -webkit-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
}

main article section dl.list-img-intro dd figure figcaption {
  padding: .5rem;
}

main article section dl.list-img-intro dd figure figcaption h4 {
  font-size: 1.25rem;
}

main article section dl.list-img-intro dd figure figcaption p {
  margin-bottom: 0;
}

main article section dl.list-img-intro dd figure > p {
  height: 170px;
}

main article section dl.list-img-intro dd figure > p img {
  max-height: 165px;
}

main article section dl.list-img-intro dd figure figcaption {
  padding: .5rem;
}

main article section dl.list-img-intro dd figure figcaption .h4 {
  color: #000000;
  text-align: center;
  font-weight: 600;
}

main article section dl.list-img-intro dd figure figcaption p {
  color: #6c6e70;
  text-align: center;
  font-weight: 600;
}

main article section dl.list-img-intro dd figure:hover p {
  border-color: #000000;
}

main article section dl.list-img-intro dd figure:hover figcaption .h4 {
  color: #0c8081;
}

main article section dl.list-img-intro dd figure:hover figcaption p {
  color: #0c8081;
}

.inbanner {
  padding: 0;
  margin: 0;
}

.inbanner .swiper-slide {
  position: relative;
  padding-bottom: 36.4%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.inbanner .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}

.inbanner .swiper-slide a img {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  border: none;
}

.inbanner .swiper-button-next:after, .inbanner .swiper-button-prev:after {
  color: #cdcece;
}

@media (max-width: 667px) {
  .inbanner .swiper-slide {
    padding-bottom: 47.1%;
  }
  .inbanner .swiper-button-next:after, .inbanner .swiper-button-prev:after {
    font-size: 1rem;
  }
}

@media (max-width: 409.98px) {
  main article section dl.inlist-img-mask dd {
    margin-bottom: 1.5rem;
  }
  main article section dl.inlist-img-mask dd:before {
    display: none;
  }
  main article section dl.inlist-img-mask dd:after {
    display: none;
  }
  main article section dl.list-img-intro {
    background: none;
  }
  main article section dl.list-img-intro dd figure > p {
    height: 280px;
  }
  main article section dl.list-img-intro dd figure > p img {
    max-height: 276px;
  }
}

@media (min-width: 411px) and (max-width: 575px) {
  main article section dl.inlist-img-mask dd {
    margin-bottom: 1.5rem;
  }
  main article section dl.inlist-img-mask dd:before {
    display: none;
  }
  main article section dl.inlist-img-mask dd:after {
    display: none;
  }
  main article section dl.list-img-intro {
    background: none;
  }
  main article section dl.list-img-intro dd figure > p {
    height: 325px;
  }
  main article section dl.list-img-intro dd figure > p img {
    max-height: 320px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  main article section dl.inlist-img-mask dd figure {
    width: 150px;
    height: 150px;
  }
  main article section dl.inlist-img-mask dd figure > p {
    height: 150px;
  }
  main article section dl.inlist-img-mask dd figure > p img {
    max-height: 150px;
  }
  main article section dl.inlist-img-mask dd:before {
    content: "";
    left: -5%;
    width: 10px;
  }
  main article section dl.inlist-img-mask dd:after {
    content: "";
    right: -4.5%;
    width: 10px;
  }
  main article section dl.list-img-intro {
    background: none;
  }
  main article section dl.list-img-intro dd figure > p {
    height: 136px;
  }
  main article section dl.list-img-intro dd figure > p img {
    max-height: 136px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  main article section dl.inlist-img-mask dd figure {
    width: 140px;
    height: 140px;
  }
  main article section dl.inlist-img-mask dd figure > p {
    height: 140px;
  }
  main article section dl.inlist-img-mask dd figure > p img {
    max-height: 140px;
  }
  main article section dl.inlist-img-mask dd:before {
    content: "";
    left: -4.5%;
    width: 17px;
  }
  main article section dl.inlist-img-mask dd:after {
    content: "";
    right: -4.5%;
    width: 17px;
  }
  main article section dl.list-img-intro {
    background: url("../images/in-minutiae-bg2.jpg") repeat-x;
  }
  main article section dl.list-img-intro dd figure > p {
    height: 105px;
  }
  main article section dl.list-img-intro dd figure > p img {
    max-height: 105px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  main article section dl.inlist-img-mask dd figure {
    width: 180px;
    height: 180px;
  }
  main article section dl.inlist-img-mask dd figure > p {
    height: 180px;
  }
  main article section dl.inlist-img-mask dd figure > p img {
    max-height: 180px;
  }
  main article section dl.inlist-img-mask dd:before {
    content: "";
    left: -3%;
    width: 26px;
  }
  main article section dl.inlist-img-mask dd:after {
    content: "";
    right: -4%;
    width: 26px;
  }
  main article section dl.list-img-intro dd figure > p {
    height: 142px;
  }
  main article section dl.list-img-intro dd figure > p img {
    max-height: 142px;
  }
}