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

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

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

main article section .inbanner {
  padding: 0;
  margin: 0;
}

main article section .inbanner .swiper-slide {
  position: relative;
  padding-bottom: 46.93%;
  height: 0;
  overflow: hidden;
}

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

main article section .inbanner .saction img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: all 15s linear;
  transition: all 15s linear;
}

main article section .inbanner .swiper-button-next:after, main article section .inbanner .swiper-button-prev:after {
  color: #ffffff;
}

main article section .inbanner .swiper-pagination-bullet {
  background: #373737;
  opacity: 1;
  outline: none;
}

main article section .inbanner .swiper-pagination-bullet-active {
  background: #D1BF9A;
}

main article section .inewbg {
  background: url("../images/img-newbg.jpg") right bottom no-repeat;
  background-size: cover;
  padding: 0px 15px;
}

main article section .incomenubg {
  background: url("../images/img-inallmebg.jpg") right bottom no-repeat;
  background-size: cover;
  overflow: hidden;
}

main article section .inewtitle {
  padding: 4rem 0rem 0rem 2rem;
}

main article section .inewtitle p {
  font-size: 1.8rem;
  color: #ffffff;
  letter-spacing: 5px;
}

main article section .inewtitle p:nth-of-type(1) {
  padding-left: 3rem;
  position: relative;
}

main article section .inewtitle p:nth-of-type(1):before {
  position: absolute;
  content: "";
  width: 40px;
  height: 78px;
  background: url("../images/newicon.svg") no-repeat;
  background-size: cover;
  top: -44px;
  left: 10px;
  margin: 0;
}

main article section .inewtitle p:nth-of-type(2) {
  padding: 0rem 0rem 4rem 4.3rem;
  position: relative;
}

main article section .inewtitle p:nth-of-type(2):after {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background: #770109;
  top: 53px;
  right: 93px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: rotate(37deg);
  transform: rotate(37deg);
}

main article section .inewtitle p:nth-of-type(3) {
  padding-left: 4.8rem;
  font-size: 1rem;
  letter-spacing: 0px;
}

main article section .smbox {
  overflow: hidden;
  position: relative;
}

main article section .smbox a .smtitle {
  position: absolute;
  top: 40px;
  right: 53px;
  z-index: 2;
  color: #ffffff;
  text-shadow: 1px 1px 0 #212121, 2px 2px 0 #212121, 0px 0px 0 #212121, -2px -2px 0 #212121;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 31px;
}

main article section .smbox a .smtitlee {
  position: absolute;
  bottom: 72px;
  right: 103px;
  z-index: 2;
  color: #ffffff;
  text-shadow: 1px 1px 0 #212121, 2px 2px 0 #212121, 0px 0px 0 #212121, -1px -1px 0 #212121;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: .5px;
  border-bottom: 1px solid #ffffff;
  -webkit-box-shadow: 0px 1px #212121;
          box-shadow: 0px 1px #212121;
  padding-bottom: 0.3rem;
  width: 45%;
  text-align: right;
}

main article section .smbox a .box {
  height: 265px;
  -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;
  overflow: hidden;
  z-index: 1;
}

main article section .smbox a .box:hover {
  overflow: hidden;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

main article section .smbox a .box2 {
  height: 264px;
  -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;
  overflow: hidden;
  z-index: 1;
}

main article section .smbox a .box2:hover {
  overflow: hidden;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

main article section .smbox a .box01 {
  background: url("../images/img-smbg01.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box02 {
  background: url("../images/img-smbg02.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box03 {
  background: url("../images/img-smbg03.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box04 {
  background: url("../images/img-smbg04.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box05 {
  background: url("../images/img-smbg05.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box06 {
  background: url("../images/img-smbg06.jpg") no-repeat;
  background-size: cover;
}

main article section .smbox a .box07 {
  background: url("../images/img-smbg07.jpg") no-repeat;
  background-size: cover;
}

@media screen and (max-width: 409.98px) {
  main article section .inbanner .swiper-button-next:after, main article section .inbanner .swiper-button-prev:after {
    font-size: 1rem;
  }
  main article section .inewtitle {
    position: relative;
  }
  main article section .inewtitle p:nth-of-type(2) {
    padding: 0rem 0rem 1rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    top: -20px;
    right: 143px;
  }
  main article section .inewtitle p:nth-of-type(3) {
    position: absolute;
    top: 95px;
    right: 60px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
    bottom: 44px;
  }
  main article section .smbox a .smtitle2_p {
    top: 16px;
    right: 23px;
    line-height: 22px;
    font-size: 0.9rem;
  }
  main article section .smbox a .smtitlee_p {
    bottom: 27px;
    right: 61px;
    width: 60%;
  }
  main article section .smbox a .box {
    height: 203px;
  }
  main article section .smbox a .box2 {
    height: 135px;
  }
  main article section .inewbg {
    background: #000000 url("../images/img-newbg_p.jpg") right bottom no-repeat;
    padding: 0px 15px 8rem;
  }
}

@media screen and (min-width: 375px) and (max-width: 410.98px) {
  main article section .inbanner .swiper-button-next:after, main article section .inbanner .swiper-button-prev:after {
    font-size: 1rem;
  }
  main article section .inewtitle {
    position: relative;
    padding: 4rem 0rem 0rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2) {
    padding: 0rem 0rem 1rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    top: -20px;
    right: 173px;
  }
  main article section .inewtitle p:nth-of-type(3) {
    position: absolute;
    top: 95px;
    right: 80px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
    bottom: 58px;
  }
  main article section .smbox a .smtitle2_p {
    top: 16px;
    right: 23px;
    line-height: 22px;
    font-size: 0.9rem;
  }
  main article section .smbox a .smtitlee_p {
    bottom: 27px;
    right: 61px;
    width: 60%;
  }
  main article section .smbox a .box {
    height: 211px;
  }
  main article section .smbox a .box2 {
    height: 141px;
  }
  main article section .inewbg {
    background: #000000 url("../images/img-newbg_p.jpg") right bottom no-repeat;
    padding: 0px 15px 8rem;
  }
}

@media screen and (min-width: 411px) and (max-width: 575px) {
  main article section .inbanner .swiper-button-next:after, main article section .inbanner .swiper-button-prev:after {
    font-size: 1rem;
  }
  main article section .inewtitle {
    position: relative;
    padding: 4rem 0rem 0rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2) {
    padding: 0rem 0rem 1rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    top: -20px;
    right: 173px;
  }
  main article section .inewtitle p:nth-of-type(3) {
    position: absolute;
    top: 95px;
    right: 80px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
  }
  main article section .smbox a .smtitle2_p {
    top: 22px;
    right: 23px;
    line-height: 22px;
    font-size: 1rem;
  }
  main article section .smbox a .smtitlee_p {
    bottom: 27px;
    right: 61px;
    width: 60%;
  }
  main article section .smbox a .box {
    height: 231px;
  }
  main article section .smbox a .box2 {
    height: 155px;
  }
  main article section .inewbg {
    background: #000000 url("../images/img-newbg_p.jpg") right bottom no-repeat;
    padding: 0px 15px 8rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 640.98px) {
  main article section .inbanner .swiper-slide {
    padding-bottom: 47.4%;
  }
  main article section .inewtitle {
    position: relative;
    padding: 4rem 0rem 0rem 10rem;
  }
  main article section .inewtitle p:nth-of-type(2) {
    padding: 0rem 0rem 1rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    top: -20px;
    right: 283px;
  }
  main article section .inewtitle p:nth-of-type(3) {
    position: absolute;
    top: 95px;
    right: 190px;
  }
  main article section .smbox a .smtitle {
    top: 80px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
    bottom: 120px;
  }
  main article section .smbox a .smtitle2_p {
    font-size: 1rem;
    top: 40px;
  }
  main article section .smbox a .smtitlee_p {
    bottom: 72px;
  }
  main article section .smbox a .box {
    height: 360px;
  }
  main article section .smbox a .box2 {
    height: 240px;
  }
  main article section .inewbg {
    background: #000000 url("../images/img-newbg_p.jpg") right bottom no-repeat;
  }
}

@media screen and (min-width: 641px) and (max-width: 767.98px) {
  main article section .inbanner .swiper-slide {
    padding-bottom: 47.4%;
  }
  main article section .inewtitle {
    position: relative;
    padding: 4rem 0rem 0rem 13rem;
  }
  main article section .inewtitle p:nth-of-type(2) {
    padding: 0rem 0rem 1rem 3rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    top: -20px;
    right: 320px;
  }
  main article section .inewtitle p:nth-of-type(3) {
    position: absolute;
    top: 95px;
    right: 230px;
  }
  main article section .smbox a .smtitle {
    top: 80px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
    bottom: 120px;
  }
  main article section .smbox a .smtitle2_p {
    font-size: 1rem;
    top: 40px;
  }
  main article section .smbox a .smtitlee_p {
    bottom: 72px;
  }
  main article section .smbox a .box {
    height: 411px;
  }
  main article section .smbox a .box2 {
    height: 275px;
  }
  main article section .inewbg {
    background: #000000 url("../images/img-newbg_p.jpg") right bottom no-repeat;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  main article section .inewtitle {
    position: relative;
    padding: 4rem 0rem 0rem 1rem;
  }
  main article section .inewtitle p:nth-of-type(2):after {
    right: 45px;
  }
  main article section .smbox a .smtitle {
    top: 10px;
    right: 23px;
    line-height: 25px;
  }
  main article section .smbox a .smtitlee {
    -webkit-box-shadow: 0px 0px #212121;
            box-shadow: 0px 0px #212121;
    bottom: 32px;
    right: 63px;
    width: 47%;
  }
  main article section .smbox a .box {
    height: 144px;
  }
  main article section .smbox a .box2 {
    height: 144px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  main article section .smbox a .smtitle {
    top: 30px;
    font-size: 1rem;
    line-height: 24px;
  }
  main article section .smbox a .smtitlee {
    bottom: 50px;
  }
  main article section .smbox a .box {
    height: 188px;
  }
  main article section .smbox a .box2 {
    height: 189px;
  }
  main article section .smbox a .box01 {
    background-size: cover;
  }
  main article section .smbox a .box02 {
    background-size: cover;
  }
  main article section .smbox a .box03 {
    background-size: cover;
  }
  main article section .smbox a .box04 {
    background-size: cover;
  }
  main article section .smbox a .box05 {
    background-size: cover;
  }
  main article section .smbox a .box06 {
    background-size: cover;
  }
  main article section .smbox a .box07 {
    background-size: cover;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1359.98px) {
  main article section .smbox a .box {
    height: 249px;
  }
  main article section .smbox a .box2 {
    height: 249px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1439.98px) {
  main article section .smbox a .box {
    height: 256px;
  }
  main article section .smbox a .box2 {
    height: 256px;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1549.98px) {
  main article section .smbox a .box {
    height: 264px;
  }
  main article section .smbox a .box2 {
    height: 264px;
  }
}

@media screen and (min-width: 1550px) and (max-width: 1649.98px) {
  main article section .smbox a .box {
    height: 294px;
  }
  main article section .smbox a .box2 {
    height: 294px;
  }
}

@media screen and (min-width: 1650px) and (max-width: 1889px) {
  main article section .smbox a .box {
    height: 309px;
  }
  main article section .smbox a .box2 {
    height: 309px;
  }
}

@media screen and (min-width: 1900px) {
  main article section .smbox a .box {
    height: 357px;
  }
  main article section .smbox a .box2 {
    height: 357px;
  }
}