@charset "UTF-8";
@import url("../css/bootstrap-grid.css");
[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, body :before, body :after {
  -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;
}

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

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

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

body .editor2 sup {
  color: initial;
}

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: "Microsoft JhengHei", "Arial", '新細明體', sans-serif;
}

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: #000;
}

body a:hover {
  color: #770109;
}

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 a.page-link {
  padding: 9px 10px;
}

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

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

body .pagination li.page-item a.page-link:hover {
  color: #fff;
}

body .pagination li.page-item a.page-link:hover i {
  color: #fff;
}

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 .nav-Page02 .pagination {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
  margin: 30px 0;
}

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

body .nav-Page02 .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 .nav-Page02 .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 .nav-Page02 .pagination .page-double-right::after, body .nav-Page02 .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 .nav-Page02 .pagination .page-double-left::after, body .nav-Page02 .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 .nav-Page02 .pagination li.page-item {
  margin-top: 0;
}

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

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

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

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

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

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

body .nav-Page02 .pagination li.page-item a.page-link {
  padding: 9px 10px;
  border-top: solid 1px #808080;
  border-right: solid 1px #808080;
  border-bottom: solid 1px #808080;
  border-left: none;
  border-radius: 0;
}

body .nav-Page02 .pagination li.page-item a.page-link[href] {
  background: rgba(255, 255, 255, 0);
  color: #333333;
}

body .nav-Page02 .pagination li.page-item a.page-link[href] i {
  color: #333333;
}

body .nav-Page02 .pagination li.page-item a.page-link:hover {
  background: #333333;
  color: #fff;
  border-radius: 0;
}

body .nav-Page02 .pagination li.page-item a.page-link:hover i {
  color: #fff;
}

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

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

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

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

body .nav-Page02 .pagination .page-item:first-child .page-link {
  border-left: solid 1px #808080;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

body .nav-Page02 .pagination .page-item:first-child .page-link:hover {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

body .nav-Page02 .pagination .page-item:last-child .page-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

body .nav-Page02 .pagination .page-item:last-child .page-link:hover {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

body .nav-Page02 .pagination li.page-item a.page-link:hover {
  background: #333333;
  color: #ffffff;
}

body .nav-Page02 .pagination li.page-item a.page-link:hover i {
  color: #ffffff;
}

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 {
  background: #eee;
  width: 100%;
  z-index: 5 !important;
  position: relative;
}

body header .ntop .nlogo {
  position: absolute;
  top: 30px;
  left: 30px;
}

body header .ntop .allmenu {
  position: absolute;
  top: 40px;
  right: 20px;
  cursor: pointer;
  width: 100px;
  border-bottom: 3px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body header .ntop .allmenu .Lmu {
  color: #ffffff;
  width: 61px;
  text-align: center;
}

body header .ntop .allmenu .Rline {
  width: calc(100% - 61px);
  padding-bottom: 0.4rem;
  cursor: pointer;
}

body header .ntop .allmenu .Rline .navbarToggler {
  cursor: pointer;
}

body header .ntop .allmenu .Rline .navbarToggler span {
  position: relative;
  background-color: #ffffff;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 4px;
  padding: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  width: 30px;
  cursor: pointer;
}

body header .ntop .allmenu .Rline .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}

body header .ntop .allmenu .Rline .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

body header .ntop .allmenu .Rline .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}

body header .allicon {
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  -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;
  background: #ffffff;
  width: 100vw;
  height: 100vh;
}

body header .ediboxclose {
  content: "";
  position: absolute;
  top: 17px;
  right: 15px;
  z-index: 3;
}

body header .ediboxclose .cclose {
  background: rgba(255, 255, 255, 0);
  color: #fff;
  outline: none !important;
}

body header .ediboxclose .cclose i {
  font-size: 3.3rem;
}

body header .navcs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}

body header .navcs a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  width: 100%;
  height: 100%;
}

body header .navcs a:hover {
  color: #E60012;
}

body header .navbg {
  height: 50vh;
}

body header .navbg01 {
  background: url("../images/nav-01.jpg") no-repeat;
  background-size: cover;
}

body header .navbg02 {
  background: url("../images/nav-02.jpg") no-repeat;
  background-size: cover;
}

body header .navbg03 {
  background: url("../images/nav-03.jpg") no-repeat;
  background-size: cover;
}

body header .navbg04 {
  background: url("../images/nav-04.jpg") no-repeat;
  background-size: cover;
}

body header .navbg05 {
  background: url("../images/nav-05.jpg") no-repeat;
  background-size: cover;
}

body header .navbg06 {
  background: url("../images/nav-06.jpg") no-repeat;
  background-size: cover;
}

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

body section .newstart {
  padding: 4rem 0rem 0rem 2rem;
}

body section .newstart .newlist {
  margin-bottom: 3rem;
}

body section .newstart .newlist a .ndate {
  position: relative;
  color: #ffffff;
  margin-bottom: 0.3rem;
  letter-spacing: 1px;
}

body section .newstart .newlist a .ndate:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 17px;
  background: url("../images/new-point.svg") no-repeat;
  background-size: cover;
  top: 6px;
  left: -24px;
  margin: 0;
}

body section .newstart .newlist a .ndate:hover {
  color: #ffffff;
}

body section .newstart .newlist a .ntitle {
  color: #D1BF9A;
  font-size: 1.3rem;
  letter-spacing: 2px;
  margin-bottom: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body section .newstart .newlist a .ntitle:hover {
  color: #D1BF9A;
}

body section .newstart .newlist a .nco {
  color: #ffffff;
  letter-spacing: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body section .newstart .newlist a .nco:hover {
  color: #ffffff;
}

body section .newstart .newlist:nth-of-type(even) {
  margin-left: 5.5rem;
}

body footer {
  background: url("../images/footerbg.png") repeat;
  color: #fff;
  padding: 1.5rem;
}

body footer .footer-info {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

body footer .footer-info .ficon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

body footer .footer-info .ficon a {
  color: #ffffff;
  margin-right: 0.8rem;
  font-size: 1.8rem;
}

body footer .footer-info .ficon a:hover {
  color: #ffffff;
}

body footer .footer-info .foomenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.8rem 0rem;
  position: relative;
}

body footer .footer-info .foomenu:before {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 35px;
  height: 1px;
  top: 0px;
  left: 0px;
  margin: 0;
}

body footer .footer-info .foomenu:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 35px;
  height: 1px;
  bottom: 0px;
  left: 0px;
  margin: 0;
}

body footer .footer-info .foomenu .ffmenu {
  margin-right: 1.5rem;
}

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

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

body footer .footer-info .faph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

body footer .footer-info .faph p {
  margin-right: 1rem;
}

body footer .fologo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body footer .fcopy {
  margin-bottom: 1rem;
}

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"] {
  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;
  padding: 0.8rem 0.75rem;
}

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: #AF935A;
}

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;
  color: #fff;
}

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

body form.forms-group .submit {
  background: #D1BF9A;
  border: 1px solid #fff;
  border-color: #D1BF9A;
  color: #fff;
}

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

body form.forms-group .reset {
  background: #ffffff;
  border: 1px solid #fff;
  border-color: #221e1f;
  color: #221e1f;
}

body form.forms-group .reset:hover {
  background: #ccc;
  border-color: #ccc;
  color: #221e1f;
}

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

body form.forms-group dl dd .boxwi .ones {
  position: relative;
}

body form.forms-group dl dd .boxwi .ones select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff;
}

body form.forms-group dl dd .boxwi .ones .select__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body form.forms-group2 input, body form.forms-group2 select, body form.forms-group2 textarea {
  border: 1px solid #666;
  border-color: #ccc;
  border-radius: 0.5rem;
  padding: 0.8rem 0.75rem;
}

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

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

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

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

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

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

body form.forms-group2 .signinmm {
  background: #770109;
  border-color: #770109;
  color: #fff;
}

body form.forms-group2 .signinmm:hover {
  background: #000;
  color: #fff;
}

body form.forms-group2 .fb {
  background: #385490;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body form.forms-group2 .fb img {
  height: 21px;
  margin-right: 8px;
}

body form.forms-group2 .line {
  background: #00B100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body form.forms-group2 .line img {
  height: 21px;
  margin-right: 8px;
}

body form.forms-group2 .registeredmm {
  background: #D1BF9A;
  border-color: #D1BF9A;
  color: #fff;
}

body form.forms-group2 .registeredmm:hover {
  background: #AF935A;
  color: #fff;
}

body form.forms-group2 .boxlinem {
  background: #ffffff;
  border: 1px solid #fff;
  border-color: #221E1F;
  color: #221E1F;
}

body form.forms-group2 .boxlinem:hover {
  background: #221E1F;
  color: #fff;
}

body form.forms-group2 dl dd {
  margin-bottom: 1.5rem;
}

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

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

body form.forms-group2 dl dd .boxwi .ones {
  position: relative;
}

body form.forms-group2 dl dd .boxwi .ones select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff;
}

body form.forms-group2 dl dd .boxwi .ones .select__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  z-index: 1;
}

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

.signinmm {
  background: #770109;
  border-color: #770109;
  color: #fff;
}

.signinmm:hover {
  background: #000;
  color: #fff;
}

.more {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  color: #fff;
  outline: none !important;
  text-align: center;
  width: 105px;
  padding: 7px 15px;
}

.more:hover {
  background: #770109;
  border-color: #770109;
  color: #fff;
}

.linebox01 {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-color: #000000;
  color: #000000;
  outline: none !important;
  text-align: center;
  width: 130px;
  padding: 10px 15px !important;
}

.linebox01:hover {
  background: #770109;
  border-color: #770109;
  color: #fff;
}

.redm {
  border: 1px solid #fff;
  border-color: #770109;
  background: #770109;
  color: #ffffff;
  outline: none !important;
  text-align: center;
  width: 130px;
  padding: 10px 15px !important;
}

.redm:hover {
  background: #D1BF9A;
  border-color: #D1BF9A;
  color: #000000;
}

/*go-top*/
.go-top {
  position: fixed;
  bottom: 2%;
  right: 10px;
  z-index: 2;
  background: rgba(93, 6, 12, 0.8);
  padding: 22px;
  border-radius: 50%;
  color: #ffffff;
}

.go-top span {
  display: none;
}

.go-top:hover {
  background: #5d060c;
  color: #ffffff;
}

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

.btn_fb {
  background: #3b5998 !important;
  border: solid 1px #3b5998 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
}

.btn_fb:hover {
  background: #000000 !important;
  border: solid 1px #000000 !important;
}

.btn_line {
  background: #00c300 !important;
  border: solid 1px #00c300 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
}

.btn_line:hover {
  background: #000000 !important;
  border: solid 1px #000000 !important;
}

.otherlink {
  position: fixed;
  right: 10px;
  top: 60vh;
  z-index: 2;
}

.otherlink .floatcart {
  width: 50px;
  opacity: 0.8;
  margin-bottom: .5rem;
  position: relative;
}

.otherlink .floatcart:hover {
  opacity: 1;
}

.otherlink .floatcart span {
  width: 30px;
  height: 30px;
  background: #5d060c;
  border-radius: 50%;
  color: #fff;
  padding-top: 3px;
  padding-left: 6px;
  position: absolute;
  top: -10px;
  left: -10px;
}

.otherlink .floatsearch {
  width: 50px;
  opacity: 0.8;
  margin-bottom: .5rem;
}

.otherlink .floatsearch:hover {
  opacity: 1;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.disms {
  display: none;
}

.videoa {
  background: #000;
  width: 100%;
  height: 625px;
  position: relative;
}

div.ww embed {
  width: 100%;
  height: 100vh;
  max-height: 625px;
}

div.ww iframe {
  width: 100%;
  height: 100vh;
  max-height: 625px;
}

@media screen and (max-width: 730.98px) {
  .deskTop,
  .Tablets,
  .deskTopTablets {
    display: none !important;
  }
  .otherlink {
    top: 115px;
  }
  .otherlink .floatcart {
    width: 45px;
  }
  .otherlink .floatsearch {
    width: 45px;
  }
}

@media screen and (max-width: 991.98px) {
  .deskTop {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .Mobile,
  .Tablets,
  .TabletsMobile {
    display: none !important;
  }
}

@media screen and (max-width: 409.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 23vw;
  }
  .footer-logo a img {
    width: 3vw;
  }
  body div.ww embed {
    max-height: 186px;
  }
  body div.ww iframe {
    max-height: 186px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body header .navbg {
    height: 34vh;
  }
  body header .navbg01 {
    background: url("../images/nav-01_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg02 {
    background: url("../images/nav-02_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg03 {
    background: url("../images/nav-03_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg04 {
    background: url("../images/nav-04_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg05 {
    background: url("../images/nav-05_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg06 {
    background: url("../images/nav-06_p.jpg") no-repeat;
    background-size: cover;
  }
  body section .newstart {
    padding: 4rem 2rem 0rem 3rem;
  }
  body section .newstart .newlist {
    margin-bottom: 2rem;
  }
  body section .newstart .newlist a .ntitle {
    color: #D1BF9A;
    font-size: 1.1rem;
  }
  body section .newstart .newlist:nth-of-type(even) {
    margin-left: 0rem;
  }
  body section .newstart .newlist:last-of-type {
    margin-bottom: 4rem;
  }
  body footer .footer-info .foomenu {
    display: flow-root;
  }
  body footer .footer-info .foomenu .ffmenu {
    float: left;
    width: 24%;
    margin-bottom: 6px;
  }
  body footer .footer-info .faph {
    display: flow-root;
    margin-bottom: 0.8rem;
  }
  body footer .footer-info .faph p {
    margin-bottom: 5px;
  }
  body footer .footer-info .fcopy {
    font-size: 15px;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2.1rem !important;
  }
  body form.forms-group2 dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group2 dl dd img#imgcode {
    height: 2.1rem !important;
  }
  .disms {
    display: block;
  }
}

@media screen and (min-width: 375px) and (max-width: 408.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 23vw;
  }
  .footer-logo a img {
    width: 3vw;
  }
  body div.ww embed {
    max-height: 186px;
  }
  body div.ww iframe {
    max-height: 186px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body header .navbg {
    height: 34vh;
  }
  body header .navbg01 {
    background: url("../images/nav-01_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg02 {
    background: url("../images/nav-02_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg03 {
    background: url("../images/nav-03_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg04 {
    background: url("../images/nav-04_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg05 {
    background: url("../images/nav-05_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg06 {
    background: url("../images/nav-06_p.jpg") no-repeat;
    background-size: cover;
  }
  body section .newstart {
    padding: 4rem 2rem 0rem 3rem;
  }
  body section .newstart .newlist {
    margin-bottom: 2rem;
  }
  body section .newstart .newlist a .ntitle {
    color: #D1BF9A;
    font-size: 1.1rem;
  }
  body section .newstart .newlist:nth-of-type(even) {
    margin-left: 0rem;
  }
  body section .newstart .newlist:last-of-type {
    margin-bottom: 4rem;
  }
  body footer .footer-info .foomenu {
    display: flow-root;
  }
  body footer .footer-info .foomenu .ffmenu {
    float: left;
    width: 24%;
    margin-bottom: 6px;
  }
  body footer .footer-info .faph {
    display: flow-root;
    margin-bottom: 0.8rem;
  }
  body footer .footer-info .faph p {
    margin-bottom: 5px;
  }
  body footer .footer-info .fcopy {
    font-size: 15px;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2.1rem !important;
  }
  body form.forms-group2 dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group2 dl dd img#imgcode {
    height: 2.1rem !important;
  }
  .disms {
    display: block;
  }
}

@media screen and (min-width: 411px) and (max-width: 575px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 23vw;
  }
  .footer-logo a img {
    width: 3vw;
  }
  body div.ww embed {
    max-height: 215px;
  }
  body div.ww iframe {
    max-height: 215px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body header .navbg {
    height: 34vh;
  }
  body header .navbg01 {
    background: url("../images/nav-01_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg02 {
    background: url("../images/nav-02_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg03 {
    background: url("../images/nav-03_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg04 {
    background: url("../images/nav-04_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg05 {
    background: url("../images/nav-05_p.jpg") no-repeat;
    background-size: cover;
  }
  body header .navbg06 {
    background: url("../images/nav-06_p.jpg") no-repeat;
    background-size: cover;
  }
  body section .newstart {
    padding: 4rem 2rem 0rem 3rem;
  }
  body section .newstart .newlist {
    margin-bottom: 2rem;
  }
  body section .newstart .newlist a .ntitle {
    color: #D1BF9A;
    font-size: 1.1rem;
  }
  body section .newstart .newlist:nth-of-type(even) {
    margin-left: 0rem;
  }
  body section .newstart .newlist:last-of-type {
    margin-bottom: 4rem;
  }
  body footer .footer-info .foomenu {
    display: flow-root;
  }
  body footer .footer-info .foomenu .ffmenu {
    float: left;
    width: 24%;
    margin-bottom: 6px;
  }
  body footer .footer-info .faph {
    display: flow-root;
    margin-bottom: 0.8rem;
  }
  body footer .footer-info .faph p {
    margin-bottom: 5px;
  }
  body footer .footer-info .fcopy {
    font-size: 15px;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2.1rem !important;
  }
  body form.forms-group2 dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 dl dd #xcode {
    width: 6rem;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw {
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  body form.forms-group2 dl dd .boxwi .dsboxw:last-of-type {
    margin-right: 0px !important;
  }
  body form.forms-group2 dl dd img#imgcode {
    height: 2.1rem !important;
  }
  .disms {
    display: block;
  }
}

@media screen and (min-width: 576px) and (max-width: 640.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: 3vw;
  }
  body div.ww embed {
    max-height: 287px;
  }
  body div.ww iframe {
    max-height: 287px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body section .newstart {
    padding: 4rem 2rem 0rem 3rem;
  }
  body section .newstart .newlist {
    margin-bottom: 2rem;
  }
  body section .newstart .newlist a .ntitle {
    color: #D1BF9A;
    font-size: 1.1rem;
  }
  body section .newstart .newlist:nth-of-type(even) {
    margin-left: 0rem;
  }
  body section .newstart .newlist:last-of-type {
    margin-bottom: 4rem;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 input, body form.forms-group2 select, body form.forms-group2 textarea {
    margin-top: .5rem;
  }
  body form.forms-group2 dl dd img#imgcode {
    margin-top: .5rem;
  }
  body form.forms-group2 .mb0 {
    margin-bottom: 0;
  }
  .otherlink {
    top: 25vh !important;
  }
  .disms {
    display: block;
  }
}

@media screen and (min-width: 641px) 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: 3vw;
  }
  body div.ww embed {
    max-height: 287px;
  }
  body div.ww iframe {
    max-height: 287px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body section .newstart {
    padding: 4rem 2rem 0rem 3rem;
  }
  body section .newstart .newlist {
    margin-bottom: 2rem;
  }
  body section .newstart .newlist a .ntitle {
    color: #D1BF9A;
    font-size: 1.1rem;
  }
  body section .newstart .newlist:nth-of-type(even) {
    margin-left: 0rem;
  }
  body section .newstart .newlist:last-of-type {
    margin-bottom: 4rem;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 input, body form.forms-group2 select, body form.forms-group2 textarea {
    margin-top: .5rem;
  }
  body form.forms-group2 dl dd img#imgcode {
    margin-top: .5rem;
  }
  body form.forms-group2 .mb0 {
    margin-bottom: 0;
  }
  .otherlink {
    top: 25vh !important;
  }
  .disms {
    display: block;
  }
}

@media screen and (max-width: 667px) {
  .otherlink {
    top: 240px;
  }
  .otherlink .floatcart {
    width: 45px;
  }
  .otherlink .floatsearch {
    width: 45px;
  }
}

@media screen and (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: 3vw;
  }
  body div.ww {
    margin-top: 64px;
  }
  body div.ww embed {
    max-height: 390px;
  }
  body div.ww iframe {
    max-height: 390px;
  }
  body header .ntop .nlogo {
    top: 14px;
    left: 13px;
  }
  body header .ntop .allmenu {
    top: 10px;
    right: 10px;
    border-bottom: 2px solid #ffffff;
  }
  body header .ntop .allmenu .Lmu {
    font-size: 13px;
  }
  body header .ntop .allmenu .Rline .navbarToggler span {
    height: 2px;
  }
  body header .ediboxclose {
    top: 2px;
    right: 8px;
  }
  body header .ediboxclose .cclose {
    padding: 0;
  }
  body header .ediboxclose .cclose i {
    font-size: 2.5rem;
  }
  body header .navcs {
    font-size: 14px;
  }
  body header .navcs a {
    line-height: 25px;
  }
  body header .navbg {
    height: 34vh;
  }
  body section .newstart {
    padding: 4rem 3rem 0rem 2rem;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  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;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2.1rem !important;
  }
  body form.forms-group2 input, body form.forms-group2 select, body form.forms-group2 textarea {
    margin-top: .5rem;
  }
  body form.forms-group2 dl dd img#imgcode {
    margin-top: .5rem;
    height: 2rem !important;
  }
  body form.forms-group2 .mb0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 11vw;
  }
  .footer-logo a img {
    width: 3vw;
  }
  body div.ww {
    margin-top: 64px;
  }
  body div.ww embed {
    max-height: 525px;
  }
  body div.ww iframe {
    max-height: 525px;
  }
  body header .ntop .allmenu {
    top: 24px;
  }
  body header .ediboxclose {
    top: 10px;
  }
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group2 input, body form.forms-group2 select, body form.forms-group2 textarea {
    margin-top: .5rem;
  }
  body form.forms-group2 dl dd img#imgcode {
    margin-top: .5rem;
  }
  body form.forms-group2 .mb0 {
    margin-bottom: 0;
  }
  .otherlink {
    top: 40vh;
  }
}

@media screen and (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: 3vw;
  }
}

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

@media screen and (min-width: 1360px) and (max-width: 1440px) {
  .header-logo {
    text-align: center;
  }
  .header-logo a img {
    width: 20vw;
  }
  a.navbar-brand > img {
    width: 10vw;
  }
  .footer-logo a img {
    width: 3vw;
  }
  body header .ntop .allmenu {
    top: 27px;
  }
  body header .ediboxclose {
    top: 10px;
  }
}

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

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

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  body form.forms-group dl dd .wi50 {
    width: 100%;
  }
  body form.forms-group dl dd #xcode {
    width: 6rem;
  }
  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;
  }
  body form.forms-group dl dd img#imgcode {
    height: 2.1rem !important;
  }
}

[hidden] {
  display: none;
  visibility: hidden;
}

.vertical-nav a, .vertical-nav label {
  display: block;
  padding: 10px;
  background: transparent;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
}

.vertical-nav label {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.vertical-nav label a {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: calc(100% - 45px);
}

.nav__list-li {
  position: relative;
}

.nav__list-li:after {
  position: absolute;
  content: '';
  top: 18px;
  right: 0px;
  width: 20px;
  height: 11px;
  background: url("../images/dmenuicon.svg") no-repeat;
  background-size: cover;
}

.nav__list-li a {
  color: #770109 !important;
}

.nav__list-li a:hover a {
  color: #770109 !important;
}

.nav__list .group-list a, .nav__list .group-list label {
  padding-left: 2rem;
}

.group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.group-list .sub-group-list a, .group-list .sub-group-list label {
  background: #ffffff;
}

.group-list .sub-sub-group-list a, .group-list .sub-sub-group-list label {
  padding-left: 6rem;
  background: #ffffff;
}

.sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul {
  /* reset the height when checkbox is checked*/
  max-height: 1000px;
}

.nav__list label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#menuToggle {
  display: block;
  position: relative;
}

#menuToggle a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#menu li {
  margin: 0;
  border-bottom: 1px solid #ADAFB0;
}

#menu li a {
  color: #221E1F;
  font-weight: 600;
  position: relative;
}

#menu li a:after {
  position: absolute;
  content: '';
  top: 18px;
  right: 0px;
  width: 20px;
  height: 11px;
  background: url("../images/dmenuicon.svg") no-repeat;
  background-size: cover;
  opacity: 0;
}

#menu li a:hover {
  color: #770109;
}

#menu li a:hover:after {
  opacity: 1;
}

#menuToggle input:checked ~ ul {
  display: block;
  padding: 0;
}

ul.sub-group-list li {
  text-align: center;
}

input[type="checkbox"], .left-menu {
  display: none;
}

@media screen and (max-width: 991px) {
  .prodmb {
    margin-bottom: 0.5rem !important;
  }
  #menuToggle {
    position: relative;
    border: solid 2px #a0a0a0;
  }
  .left-menu {
    position: absolute;
    top: 1px;
    left: 47%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 26px;
    font-weight: bold;
    display: block;
    color: #000;
  }
  #menuToggle {
    height: 45px;
    margin: 2px auto 30px auto;
    z-index: 2;
    width: calc(100%);
    padding: 0;
  }
  #menuToggle input:checked ~ ul {
    border-top: none;
  }
  #menuToggle input:checked ~ ul.nav__list {
    margin-top: 50px;
  }
  #menu li {
    background: rgba(255, 255, 255, 0.95);
    margin: 0;
    border-bottom: solid 1px #d8d8d8;
  }
  #menuToggle input {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger*/
    -webkit-touch-callout: none;
  }
  #menuToggle span.menu-span {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 5px;
    position: absolute;
    top: 11px;
    right: 20px;
    background: #a0a0a0;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
            transform-origin: 4px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  #menuToggle span.menu-span:nth-last-child(2) {
    top: 21px;
  }
  #menuToggle span.menu-span:nth-last-child(3) {
    top: 31px;
  }
  #menuToggle input:checked ~ span.menu-span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(12px, 4px);
            transform: rotate(45deg) translate(12px, 4px);
    width: 20px;
    background: #a0a0a0;
    top: 6px;
  }
  #menuToggle input:checked ~ span.menu-span:nth-last-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
            transform: rotate(0deg) scale(0.2, 0.2);
  }
  #menuToggle input:checked ~ span.menu-span:nth-last-child(2) {
    -webkit-transform: rotate(132deg) translate(1px, -2px);
            transform: rotate(132deg) translate(1px, -2px);
    width: 20px;
    top: 17px;
  }
  #menu, #menu {
    display: none;
  }
}

@media screen and (max-width: 409.98px) {
  .left-menu {
    top: 3px;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 375px) and (max-width: 408.98px) {
  .left-menu {
    top: 7px;
    font-size: 1.5rem;
  }
}