@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css");
body .more, body .more02, body .back, body .download, body .other, body .other2, body .other3, body .other4, body .other5, body .cart, body .cart2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  body .more span, body .more02 span, body .back span, body .download span, body .other span, body .other2 span, body .other3 span, body .other4 span, body .other5 span, body .cart span, body .cart2 span {
    border: none;
    border-radius: 0.5rem;
    padding: 0.35rem 1rem; }
    body .more span::before, body .more02 span::before, body .back span::before, body .download span::before, body .other span::before, body .other2 span::before, body .other3 span::before, body .other4 span::before, body .other5 span::before, body .cart span::before, body .cart2 span::before, body .more span::after, body .more02 span::after, body .back span::after, body .download span::after, body .other span::after, body .other2 span::after, body .other3 span::after, body .other4 span::after, body .other5 span::after, body .cart span::after, body .cart2 span::after {
      font-size: 0.9rem;
      margin-left: 0.25rem;
      margin-right: 0.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);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 300ms;
  transition: 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;
    -ms-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important; }

  [off-canvas] {
    display: none !important; } }
.mobileNav .nav-list {
  width: 100%; }
  .mobileNav .nav-list dd {
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .mobileNav .nav-list dd a, .mobileNav .nav-list dd label {
      display: block; }
    .mobileNav .nav-list dd label {
      cursor: pointer; }
    .mobileNav .nav-list dd .group-list {
      margin-bottom: 0; }
      .mobileNav .nav-list dd .group-list a, .mobileNav .nav-list dd .group-list label {
        padding-left: 2rem; }
      .mobileNav .nav-list dd .group-list .sub-group-list a, .mobileNav .nav-list dd .group-list .sub-group-list label {
        padding-left: 2rem; }
      .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list a, .mobileNav .nav-list dd .group-list .sub-group-list .sub-sub-group-list label {
        padding-left: 2rem; }
    .mobileNav .nav-list dd .group-list, .mobileNav .nav-list dd .sub-group-list, .mobileNav .nav-list dd .sub-sub-group-list {
      height: 100%;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.5s ease-in-out;
      transition: max-height 0.5s ease-in-out; }
    .mobileNav .nav-list dd input[type=checkbox]:checked + label + dl {
      max-height: 1000px; }
    .mobileNav .nav-list dd input[type=checkbox]:checked + label > span {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .mobileNav .nav-list dd label > span {
      float: right;
      -webkit-transition: -webkit-transform 0.65s ease;
      transition: transform 0.65s ease; }

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

body {
  line-height: 1.5; }
  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.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
  body sup {
    font-size: 0.8rem;
    color: #f00; }
  body a:hover {
    text-decoration: none; }
  body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  body ::before, body ::after {
    font-weight: 900; }
  body [onclick], body button {
    cursor: pointer; }
  body [hidden] {
    display: none !important; }
  body .cd-top {
    position: fixed;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
    text-align: center; }
    body .cd-top i {
      border-radius: 0.5rem;
      margin-right: 0;
      margin-left: 0;
      padding: 1rem 1.25rem; }
  body .cd-top.cd-top--show,
  body .cd-top.cd-top--fade-out,
  body .cd-top:hover {
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s; }
  body .cd-top.cd-top--show {
    visibility: visible;
    opacity: 1;
    z-index: 9997; }
  body .cd-top.cd-top--fade-out {
    opacity: 0.5; }
  body .cd-top:hover {
    opacity: 1; }
  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; }
    body .editor img {
      width: initial;
      margin: 0.5rem; }

body {
  font-family: "微軟正黑體", "Arial", "Noto Sans TC", "Font Awesome 5 Free", sans-serif; }
  body a {
    color: #000; }
    body a:hover {
      color: #000; }
  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: #000;
      color: #fff;
      text-align: center; }
      body .more a span::after {
        content: "";
        margin-right: 0; }
    body .more a:hover span {
      background: #ccc;
      color: #000; }
  body .more02 {
    text-align: center; }
    body .more02 a span {
      border: 1px solid #fff;
      border-color: #000;
      color: #000;
      border-radius: 1rem;
      text-align: center; }
      body .more02 a span::after {
        content: "";
        margin-right: 0; }
    body .more02 a:hover span {
      background: #000;
      color: #FFF; }
  body .back {
    text-align: center; }
    body .back a span {
      background: #000;
      color: #fff; }
      body .back a span::before {
        content: "";
        margin-left: 0; }
    body .back a:hover span {
      background: #ccc;
      color: #000; }
  body .download {
    text-align: right; }
    body .download a span {
      background: #000;
      color: #fff; }
      body .download a span::before {
        content: "";
        margin-left: 0; }
    body .download a:hover span {
      background: #ccc;
      color: #000; }
  body .other {
    text-align: left; }
    body .other a span {
      background: #278ce1;
      color: #fff;
      padding: 0.6rem 1rem; }
    body .other a:hover span {
      background: #083a82;
      color: #fff; }
  body .other2 {
    text-align: left; }
    body .other2 a span {
      background: #FFF;
      color: #000;
      padding: 0.6rem 1rem; }
    body .other2 a:hover span {
      background: #666;
      color: #fff; }
  body .other3 {
    text-align: left; }
    body .other3 a span {
      background: #abadae;
      color: #fff;
      padding: 0.6rem 1rem; }
    body .other3 a:hover span {
      background: #000;
      color: #fff; }
  body .other4 {
    text-align: center; }
    body .other4 a span {
      background: #221e1f;
      color: #fff;
      padding: 0.6rem 1rem; }
    body .other4 a:hover span {
      background: #000;
      color: #fff; }
  body .other5 {
    text-align: center; }
    body .other5 a span {
      background: #278ce1;
      color: #fff;
      padding: 0.6rem 1rem; }
    body .other5 a:hover span {
      background: #083a82;
      color: #fff; }
  body .cart {
    text-align: center; }
    body .cart span {
      background: #278ce1;
      color: #fff;
      cursor: pointer; }
      body .cart span::before {
        content: "";
        margin-left: 0; }
    body .cart:hover span {
      background: #083a82;
      color: #fff; }
  body .cart2 {
    text-align: left; }
    body .cart2 a span {
      background: #278ce1;
      color: #fff;
      cursor: pointer; }
      body .cart2 a span::before {
        content: "";
        margin-left: 0; }
    body .cart2 a:hover span {
      background: #083a82;
      color: #fff; }
  body section.banner {
    margin-bottom: 1.5rem; }
  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2 {
      color: #000;
      position: relative;
      font-size: 1.45rem;
      letter-spacing: 1px; }
      body section .title .tit01 h2::before {
        content: "";
        background: url("../images/layout/bg-title.jpg") repeat;
        position: absolute;
        top: 15px;
        left: 630px;
        width: 150px;
        height: 1px; }
      body section .title .tit01 h2::after {
        content: "";
        background: url("../images/layout/bg-title.jpg") repeat;
        position: absolute;
        top: 15px;
        right: 630px;
        width: 150px;
        height: 1px; }
  body section .maps iframe {
    width: 100%;
    height: 25rem; }
  body footer {
    background: #999;
    color: #fff; }
    body footer .footer-info {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      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: #666; }
      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-bottom: 0; }
        body footer .footer-info dl.list-abreast02 dd {
          padding-top: 0;
          padding-bottom: 0;
          margin: 0rem 2rem; }
          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 .copyright {
      background: #333;
      border-top: 1px solid #fff;
      border-color: #ccc;
      color: #fff;
      text-align: center;
      padding-top: 1rem;
      padding-bottom: 1rem; }
  body form.forms-group input, body form.forms-group select, body form.forms-group textarea {
    width: 100%;
    padding: 0.5rem 0.75rem;
    outline: none !important; }
    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: 0.75rem;
    margin-right: 0.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: 0.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 #name {
      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: 0.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; }
    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: #f00; }
    body form.forms-group input::placeholder, body form.forms-group select::placeholder, body form.forms-group textarea::placeholder {
      color: #ccc; }
  body form.forms-group label {
    font-size: 1.1rem;
    font-weight: 500; }
  body form.forms-group button {
    background: #000;
    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: #005aab;
    color: #fff; }
    body form.forms-group button[type="submit"]:hover {
      background: #083a82;
      color: #fff; }
  body form.forms-group .submit {
    background: #005aab;
    color: #fff; }
    body form.forms-group .submit:hover {
      background: #083a82;
      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 button[type="add"] {
    background: #221e1f;
    border-color: #221e1f;
    color: #fff; }
    body form.forms-group button[type="add"]:hover {
      background: #000;
      color: #fff; }
  body form.forms-group .add {
    background: #221e1f;
    border-color: #221e1f;
    color: #fff; }
    body form.forms-group .add:hover {
      background: #000;
      color: #fff; }

@media (max-width: 767.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: 575.98px) {
  .header-logo {
    text-align: center; }
    .header-logo a img {
      width: 20vw; }

  a.navbar-brand > img {
    width: 20vw; }

  .footer-logo a img {
    width: 20vw; }

  body div.ww embed {
    max-height: 200px; }
  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 0%;
      width: 90px; }
    body section .title .tit01 h2::after {
      right: 0%;
      width: 90px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 138px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 138px; }
  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-bottom: 0; }
    body footer .footer-info dl.list-abreast02 dd {
      padding-top: 0;
      padding-bottom: 0;
      margin: 0.3rem 0rem; } }
@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: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 15px;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 15px;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 257px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 257px; }
  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-bottom: 0; }
    body footer .footer-info dl.list-abreast02 dd {
      padding-top: 0;
      padding-bottom: 0;
      margin: 0.3rem 0rem; } }
@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: 15vw; }

  .footer-logo a img {
    width: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 70px;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 70px;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 197px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 197px; } }
@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: 15vw; }

  .footer-logo a img {
    width: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 180px;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 180px;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 195px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 195px; } }
@media (min-width: 1200px) {
  .header-logo {
    text-align: center; }
    .header-logo a img {
      width: 20vw; }

  a.navbar-brand > img {
    width: 15vw; }

  .footer-logo a img {
    width: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 55%;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 55%;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 243px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 243px; } }
@media (min-width: 1281px) and (max-width: 1366px) {
  .header-logo {
    text-align: center; }
    .header-logo a img {
      width: 20vw; }

  a.navbar-brand > img {
    width: 15vw; }

  .footer-logo a img {
    width: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 320px;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 320px;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 261px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 261px; } }
@media (min-width: 1367px) and (max-width: 1440px) {
  .header-logo {
    text-align: center; }
    .header-logo a img {
      width: 20vw; }

  a.navbar-brand > img {
    width: 15vw; }

  .footer-logo a img {
    width: 20vw; }

  body section .title .tit01 {
    text-align: center;
    margin-right: auto;
    margin-left: auto; }
    body section .title .tit01 h2::before {
      left: 350px;
      width: 150px; }
    body section .title .tit01 h2::after {
      right: 350px;
      width: 150px; }
  body section dl.list-img-text dd figure > p, body section dl.list-img-intro dd figure > p, body section dl.list-img-mask dd figure > p, body section dl.list-img-filter dd figure > p {
    height: 277px; }
    body section dl.list-img-text dd figure > p img, body section dl.list-img-intro dd figure > p img, body section dl.list-img-mask dd figure > p img, body section dl.list-img-filter dd figure > p img {
      max-height: 277px; } }
@media (min-width: 1441px) {
  .header-logo {
    text-align: center; }
    .header-logo a img {
      width: 20vw; }

  a.navbar-brand > img {
    width: 15vw; }

  .footer-logo a img {
    width: 20vw; } }
.rectbledottedline {
  border-bottom: 1px dashed #cccccc; }

.bannerspacing {
  margin-top: 0rem; }

.textlinkcolor a {
  color: #000; }
  .textlinkcolor a:hover {
    color: #000; }

.table-cartbg, .table-cartbgb td, .table-cartbg th {
  background-color: #278ce1; }

.table-bordered td {
  border: 1px solid #fff !important; }

.tablebox01 td {
  border-bottom: 1px solid #fff !important; }

.recordtable p {
  font-size: 1rem;
  color: #fff; }
.recordtable table tr {
  border-bottom: 1px dashed #cccccc; }
  .recordtable table tr th {
    width: 25%;
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
    letter-spacing: 1px;
    border-right: solid 1px #fff;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important; }
    .recordtable table tr th a {
      color: #000; }
      .recordtable table tr th a:hover {
        color: #000; }
    .recordtable table tr th:last-of-type {
      border-right: none; }
  .recordtable table tr td {
    border-right: none;
    vertical-align: middle;
    color: #000;
    border-top: none; }
    .recordtable table tr td span.textred a {
      color: #278ce1;
      text-decoration: underline; }

@media (max-width: 575.98px) {
  main article {
    margin-bottom: 0; }

  .recordtable p {
    font-size: 0.8rem; }
  .recordtable table tr th {
    font-size: 0.5rem;
    padding: 0.2rem; }
  .recordtable table tr td {
    font-size: 0.5rem;
    padding: 1rem 0.2rem; }
    .recordtable table tr td select {
      padding: 0; }
    .recordtable table tr td input {
      padding: 0rem;
      width: 40px; } }

/*# sourceMappingURL=table.css.map */