@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;700&family=Montserrat:wght@300;500;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
#header {
  height: 120px;
  position: static;
  top: -120px;
  transition: top 0.35s ease;
}
#header .maxW-1850 {
  height: inherit;
}
#header .maxW-1850 .container {
  height: inherit;
}
#header .maxW-1850 .container .row {
  height: inherit;
}
#header.vis {
  transition: top 0.35s ease;
  height: 120px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: #fff;
}

@media (min-width: 1175px) {
	.container, .container-lg, .container-md, .container-sm{
		max-width: 1080px;
	}
}

@media (max-width: 767.98px) {
  .mobuse {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40%;
  }
}

.menuBtn {
  display: none;
  position: absolute;
  right: 25px;
  top: 27.5px;
}
@media (max-width: 767.98px) {
  .menuBtn {
    display: block;
  }
  .menuBtn i {
    font-size: 2.5rem;
    cursor: pointer;
  }
}
.menuBtn.vis i {
  color: #fff;
}

#nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  #nav {
    display: none;
    background-color: #ab7e3e;
    padding-top: 90px;
    padding-bottom: 50px;
    border-top-left-radius: 15px;
  }
}
#nav li {
  display: inline-flex;
  position: relative;
}
@media (max-width: 767.98px) {
  #nav li {
    display: block;
    padding: 8px 0;
    text-align: center;
  }
}
#nav li:last-child:after {
  display: none;
}
#nav li:after {
  content: "";
  background-color: #000;
  height: 24px;
  width: 1px;
  position: absolute;
  right: -63%;
  transform: translateY(-50%);
  top: 50%;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #nav li:after {
    right: -45%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #nav li:after {
    height: 20px;
    right: -35%;
  }
}
@media (max-width: 1199.98px) {
  #nav li:after {
    height: 20px;
    right: -35%;
  }
}
@media (max-width: 767.98px) {
  #nav li:after {
    display: none;
  }
}
#nav li:last-child {
  border-right: none;
}
#nav li a {
  color: #000;
  font-weight: 500;
  font-size: 1.375rem;
  text-decoration: none;
  transition: color 0.35s ease;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #nav li a {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #nav li a {
    font-size: 1rem;
  }
}
@media (max-width: 1199.98px) {
  #nav li a {
    font-size: 1.1rem;
  }
}
@media (max-width: 767.98px) {
  #nav li a {
    color: #fff;
    font-size: 1.4rem;
  }
}
#nav li a:hover {
  color: #808080;
  transition: color 0.35s ease;
  text-decoration: none;
}
@media (max-width: 767.98px) {
  #nav li a:hover {
    color: #fff;
  }
}

ul.community {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  justify-content: space-evenly;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  ul.community {
    flex-wrap: wrap;
  }
}
ul.community .order {
  background-color: #d1802d;
  border-radius: 50vw;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 15px;
  line-height: 33px;
  font-weight: bold;
  transition: all 0.35s ease;
}
ul.community .order:hover {
  background-color: #808080;
  color: #fff;
  transition: all 0.35s ease;
}
ul.community li {
  display: inline-flex;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  ul.community li:first-child {
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }
}
ul.community li a img:last-child {
  display: none;
}
ul.community li a:hover img:last-child {
  display: block;
}
ul.community li a:hover img:first-child {
  display: none;
}

.top {
  background-color: #fff;
  width: 50px;
  height: 50px;
  right: 80px;
  position: fixed;
  z-index: 2;
  border-radius: 50vw;
  text-align: center;
  /*top: calc(50% + 120px);*/
  bottom: 80px;
  line-height: 20px;
}
@media (max-height: 768px) {
	.top {
		top: 66%;
	}
}
@media (max-width: 767.98px) {
  .top {
    right: 40px;
  }
}
.top a {
  color: #ac803d;
  text-decoration: none;
}
.top a i {
  transform: translateY(5px);
  display: inline-block;
}

.topElse {
  width: 151px;
  height: 151px;
  background-image: url(../images/index/top.svg);
  right: 35px;
  z-index: 2;
  position: fixed;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .topElse {
    display: none;
  }
}
.topElse a {
  color: #231815;
  text-decoration: none;
  /*border-top: #fff solid 1px;
  border-bottom: #fff solid 1px;*/
  position: relative;
  font-size: 1.5rem;
  transform: translateY(15px);
}
@media (max-width: 767.98px) {
  .topElse a {
    font-size: 0.8rem;
  }
}
.topElse a:before {
  content: "RESERVE";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767.98px) {
  .topElse a:before {
    top: -30px;
  }
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.siteMap {
  min-height: 255px;
  background-color: #fff;
  padding: 80px 0;
}
@media (max-width: 767.98px) {
  .siteMap {
    padding: 50px 0;
  }
}
.siteMap .footerLogo {
  margin-bottom: 30px;
}
.siteMap .footerLogo > div {
  margin: 0 15px;
}
.siteMap .footerLink {
  margin-bottom: 30px;
}
.siteMap .footerLink a {
  font-size: 1rem;
  color: #000;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  margin: 0 20px;
}
.siteMap .footerLink a:first-child:after {
  width: 1px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  right: -20px;
  position: absolute;
  background-color: gray;
}
.siteMap .footersmlogo a {
  margin: 0 15px;
}

.under {
  background-color: #ebebeb;
  height: 80px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footerSite {
  position: fixed;
  z-index: 10;
  bottom: 0;
  width: 100%;
  left: 0;
  border-top: #d1802d solid 1px;
  opacity: 0;
  transition: all 0.35s ease;
}
@media (min-width: 769px) {
  .footerSite {
    display: none;
  }
}
.footerSite.vis {
  opacity: 1;
  transition: all 0.35s ease;
}
.footerSite ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: flex;
  background-color: rgba(255, 255, 255, 0.95);
  align-items: center;
}
.footerSite ul li {
  text-align: center;
  border-right: #d1802d solid 1px;
  padding: 13px 0;
  min-height: 56px;
}
.footerSite ul li:last-child {
  border-right: none;
}
.footerSite ul li a {
  font-weight: 700;
  display: block;
  color: #d1802d;
  text-decoration: none;
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100vw;
  font-family: "Noto Serif TC", Times, serif !important;
  -webkit-overflow-scrolling: touch;
  font-weight: 400;
  overflow-x: hidden;
}

.enFont {
  font-family: "Montserrat", sans-serif;
}

.banner {
  position: relative;
}
@media (max-width: 767.98px) {
  .banner {
    height: 350px;
  }
  .banner img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 350px;
    -o-object-position: center;
       object-position: center;
  }
}
@media (min-width: 1400px) {
  .banner img {
    width: 100%;
  }
}
.banner h2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.25rem;
  color: #fff;
  top: 10%;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .banner h2 {
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.25rem;
    color: #fff;
    top: 10%;
    font-weight: 700;
    width: 100%;
    text-align: center;
  }
}
.banner h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 7rem;
  color: #fff;
  top: 15%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner h1 {
    font-size: 5rem;
    top: 20%;
  }
}
@media (max-width: 1199.98px) {
  .banner h1 {
    font-size: 4rem;
    top: 20%;
  }
}
@media (max-width: 767.98px) {
  .banner h1 {
    font-size: 3rem;
  }
}

.wline {
  position: relative;
}
.gline {
  position: relative;
}
.wline:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0;
  bottom: 0;
  content: "";
}
.gline:after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #AF803D;
  left: 0;
  bottom: 0;
  content: "";
}
.wline-right {
  position: relative;
  padding: 40px 0;
}
.gline-right {
  position: relative;
  padding: 40px 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wline-right {
    padding: 20px 0;
  }
  .gline-right {
    padding: 20px 0;
  }
}
@media (max-width: 1199.98px) {
  .wline-right {
    padding: 20px 0;
  }
  .gline-right {
    padding: 20px 0;
  }
}
.wline-right:after {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #fff;
  right: -1px;
  top: 0;
  content: "";
}
.wline-right:before {
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 50vw;
  right: -13px;
  bottom: -12.5px;
  z-index: 2;
  content: url(../images/index/star_w.svg);
}
.gline-right:after {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #AF803D;
  right: -1px;
  top: 0;
  content: "";
}
.gline-right:before {
  position: absolute;
  height: 25px;
  width: 25px;
  border-radius: 50vw;
  right: -13px;
  bottom: -12.5px;
  z-index: 2;
  content: url(../images/index/star_g.svg);
}
.wline-else {
  position: absolute;
  z-index: 2;
  width: 105%;
}
.gline-else {
  position: absolute;
  z-index: 2;
  width: 100%;
}
.wline-else:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  content: "";
}
.gline-else:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #AF803D;
  bottom: 0;
  content: "";
}
.wline-left {
  position: relative;
}
.gline-left {
  position: relative;
}
.wline-left:after {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 0;
  top: 0;
  content: "";
}
.gline-left:after {
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: #AF803D;
  left: 0;
  top: 0;
  content: "";
}
.wline-bottom {
  position: relative;
}
.gline-bottom {
  position: relative;
}
.wline-bottom:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  left: 0;
  bottom: 0;
  content: "";
}
.gline-bottom:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #AF803D;
  left: 0;
  bottom: 0;
  content: "";
}
.wline-top {
  position: relative;
}
.gline-top {
  position: relative;
}
.wline-top:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  content: "";
}
.gline-top:after {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #AF803D;
  top: 0;
  left: 0;
  content: "";
}

.masterTitle {
  font-size: 1.75rem;
  color: #AF803D;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .masterTitle {
    font-size: 1.5rem;
	font-weight: 700;
  }
}
@media (max-width: 1199.98px) {
  .masterTitle {
    font-size: 1.5rem;
	font-weight: 700;
  }
}
.masterTitle span {
  /*display: none; 240320*/
  border-radius: 50vw;
  border: #AF803D solid 2px;
  display: inline-flex;
  width: 36px;
  height: 36px;
  margin-left: 0.75rem;
  align-items: center;
  transform: translateY(-2px);
  justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .masterTitle span {
    width: 30px;
    height: 30px;
    transform: translateY(0px);
  }
}
@media (max-width: 1199.98px) {
  .masterTitle span {
    width: 25px;
    height: 25px;
    transform: translateY(0px);
    margin-left: 3px;
  }
}
.masterTitle span i {
  font-size: 1.25rem;
}

.enTitle {
  color: #AF803D;
  font-size: 1.25rem;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .enTitle {
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  .enTitle {
    font-size: 1rem;
  }
}

.masterTitle2 {
  color: #fff;
  font-weight: 500;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .masterTitle2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.masterTitle2 p {
  margin-top: 35px;
  font-size: 2rem;
  line-height: 100%;
  padding-left: 40px;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .masterTitle2 p {
    padding-left: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .masterTitle2 p {
    padding-left: 0;
    font-size: 2rem;
  }
}
@media (max-width: 1199.98px) {
  .masterTitle2 p {
    padding: 0;
    font-size: 1.4rem;
  }
}
.masterTitle2 span {
  display: block;
  font-size: 0.7rem;
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .masterTitle2 span {
    padding-left: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .masterTitle2 span {
    padding-left: 0;
  }
}
@media (max-width: 1199.98px) {
  .masterTitle2 span {
    padding: 0;
  }
}

#newsBox {
  background-color: #fff;
  min-height: 800px;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #newsBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #newsBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #newsBox {
    min-height: inherit;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #newsBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #newsBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #newsBox .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  #newsBox .container {
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  #newsBox .col-md-10.col {
    padding: 20px 0;
  }
}
@media (max-width: 767.98px) {
  #newsBox .col-2.wline-right {
    display: none;
  }
  #newsBox .col-2.gline-right {
    display: none;
  }
}
#newsBox .col-10 {
  padding: 20px 0;
}
.newsListBox {
  padding: 0 100px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .newsListBox {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .newsListBox {
    padding: 0;
  }
}
.newsListBox .owl-nav {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
.newsListBox .owl-prev {
  position: absolute !important;
  left: -5% !important;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .newsListBox .owl-prev {
    left: -8% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .newsListBox .owl-prev {
    left: -10% !important;
  }
}
@media (max-width: 1199.98px) {
  .newsListBox .owl-prev {
    left: -14% !important;
  }
}
.newsListBox .owl-prev i {
  color: #fff;
  font-size: 2.5rem;
}
.newsListBox .owl-next {
  position: absolute !important;
  right: -5% !important;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .newsListBox .owl-next {
    right: -8% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .newsListBox .owl-next {
    right: -10% !important;
  }
}
@media (max-width: 1199.98px) {
  .newsListBox .owl-next {
    right: -14% !important;
  }
}
.newsListBox .owl-next i {
  color: #fff;
  font-size: 2.5rem;
}
.newsListBox .owl-dots {
  transform: translateY(30px);
  position: absolute;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .newsListBox .owl-dots {
    transform: translateY(0px);
  }
}
.newsListBox .item a {
  display: block;
  border: #AF803D solid 1px;
  text-decoration: none;
}
.newsListBox .item a .newsDes {
  display: block;
  padding: 25px;
}
.newsListBox .item a .newsDes p {
  margin: 0;
  color: #000;
}
.newsListBox .item a .newsDes p:first-child {
  font-size: 1.25rem;
  font-weight: 700;
}
.newsListBox .item a .newsDes p:last-child {
  font-size: 1.125rem;
}
.newsListBox .item .newsDate {
  padding: 15px;
  display: flex;
  font-size: 1.125rem;
  color: #000;
  border: #AF803D solid 1px;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  position: relative;
}
.newsListBox .item .newsDate:before {
  content: "";
  height: 100%;
  /*background-color: #fff;*/
  width: 1px;
  left: 50%;
  position: absolute;
  top: 0;
}

#aboutBox {
  /*min-height: 700px;*/
}
@media (max-width: 575.98px) {
  #aboutBox .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 20px;
  }
}
#aboutBox .item {
  background-position: center;
  background-size: cover;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #aboutBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #aboutBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #aboutBox {
    min-height: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #aboutBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #aboutBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #aboutBox .container {
    max-width: 100%;
  }
}
#aboutBox .aboutMain {
  max-width: 1100px;
  font-size: 1.25rem;
  color: #fff;
  padding: 50px 50px 166px 50px;
}
@media (max-width: 1199.98px) {
  #aboutBox .aboutMain {
    font-size: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  #aboutBox .aboutMain {
    padding: 50px 15px 50px 15px;
  }
}
#aboutBox .aboutMain p {
  margin-bottom: 25px;
  font-family: "微軟正黑體";
}
#aboutBox .aboutMain h3 {
  color: #fff;
  font-weight: 700;
  font-size: 1.875rem;
  margin-bottom: 35px;
  margin-left: 50px;
  font-size: 1.5rem;
  margin-bottom: 35px;
  margin-left: 0;
}
@media (max-width: 767.98px) {
  #aboutBox .col-2.align-self-start {
    display: none;
  }
}

#brandBox {
  min-height: 1080px;
  background-position: center;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #brandBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #brandBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #brandBox {
    min-height: inherit;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #brandBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #brandBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #brandBox .container {
    max-width: 100%;
  }
}
#brandBox .owl-nav {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
#brandBox .owl-prev {
  position: absolute !important;
  left: 5% !important;
}
#brandBox .owl-prev i {
  color: #fff;
  font-size: 2.5rem;
}
#brandBox .owl-next {
  position: absolute !important;
  right: 5% !important;
}
#brandBox .owl-next i {
  color: #fff;
  font-size: 2.5rem;
}
#brandBox .owl-dots {
  position: absolute;
  bottom: -80%;
  width: 100%;
}
@media (max-width: 575.98px) {
  #brandBox .owl-dots {
    bottom: -60px;
  }
}
#brandBox .container .row:last-child {
  height: 100vh;
}
#brandBox h4 {
  color: #fff;
  font-size: 4.6875rem;
}
#brandBox .info {
  color: #fff;
  text-align: center;
}
#brandBox .info p {
  font-size: 1.25rem;
  font-family: "微軟正黑體";
}
@media (max-width: 767.98px) {
  #brandBox .info p {
    font-size: 1rem;
  }
}

#ingerdientsBox {
  /*background: #800c08;*/
  min-height: 850px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #ingerdientsBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #ingerdientsBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #ingerdientsBox {
    min-height: inherit;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #ingerdientsBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #ingerdientsBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #ingerdientsBox .container {
    max-width: 100%;
  }
}
#ingerdientsBox .owl-nav {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
#ingerdientsBox .owl-prev {
  position: absolute !important;
  left: 5% !important;
}
#ingerdientsBox .owl-prev i {
  color: #fff;
  font-size: 2.5rem;
}
#ingerdientsBox .owl-next {
  position: absolute !important;
  right: 5% !important;
}
#ingerdientsBox .owl-next i {
  color: #fff;
  font-size: 2.5rem;
}
#ingerdientsBox .owl-dots {
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: 20vw;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ingerdientsBox .owl-dots {
    bottom: 20px;
    width: 100%;
    left: 0px;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .owl-dots {
    bottom: 15px;
    width: 100%;
    left: 0;
  }
}
#ingerdientsBox .ingerdientsImg {
  position: relative;
  border-right: #fff solid 1px;
}
#ingerdientsBox .ingerdientsImg .info {
  position: absolute;
  color: #fff;
  top: 200px;
  left: 50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ingerdientsBox .ingerdientsImg .info {
    top: 100px;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .ingerdientsImg .info {
    top: 70px;
    left: 30px;
  }
}
#ingerdientsBox .ingerdientsImg .info .title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 125%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ingerdientsBox .ingerdientsImg .info .title {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .ingerdientsImg .info .title {
    font-size: 1.875rem;
  }
}
#ingerdientsBox .ingerdientsImg .info p {
  font-size: 1.25rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ingerdientsBox .ingerdientsImg .info p {
    font-size: 1.4rem;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .ingerdientsImg .info p {
    font-size: 1.25rem;
  }
}
#ingerdientsBox .infoMain {
  padding: 0 50px 0 60px;
}
@media (max-width: 1199.98px) {
  #ingerdientsBox .infoMain {
    padding: 0 20px 0 20px;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .infoMain {
    padding: 20px 20px 50px 20px;
  }
}
#ingerdientsBox .infoMain .masterTitle {
  font-weight: 700;
  margin-bottom: 35px;
}
@media (max-width: 767.98px) {
  #ingerdientsBox .infoMain .masterTitle {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 1.25rem;
  }
}
#ingerdientsBox .infoMain .desMain {
  color: #fff;
  font-size: 1.25rem;
  line-height: 175%;
}
@media (max-width: 1199.98px) {
  #ingerdientsBox .infoMain .desMain {
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #ingerdientsBox .infoMain .desMain {
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  #ingerdientsBox .infoMain .desMain {
    font-size: 1rem;
  }
}

#menuBox {
  background: #000;
  min-height: 850px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #menuBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #menuBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #menuBox {
    min-height: inherit;
  }
}
@media (max-width: 767.98px) {
  #menuBox {
    background-color: #000;
  }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #menuBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #menuBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #menuBox .container {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  #menuBox .col-md-7 {
    order: 2;
  }
}
@media (max-width: 767.98px) {
  #menuBox .col-md-5 {
    order: 1;
  }
}
#menuBox .item {
  background-color: #92ab81;
}
#menuBox .owl-nav {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
#menuBox .owl-prev {
  position: absolute !important;
  left: 5% !important;
}
#menuBox .owl-prev i {
  color: #fff;
  font-size: 2.5rem;
}
#menuBox .owl-next {
  position: absolute !important;
  right: 5% !important;
}
#menuBox .owl-next i {
  color: #fff;
  font-size: 2.5rem;
}
#menuBox .owl-dots {
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: -50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #menuBox .owl-dots {
    position: absolute;
    bottom: 20px;
    width: 30%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767.98px) {
  #menuBox .owl-dots {
    position: static;
    width: 100%;
    padding: 15px 0 10px 0;
  }
}
#menuBox .ingerdientsImg {
  position: relative;
  border-right: #fff solid 1px;
}
#menuBox .ingerdientsImg .info {
  position: absolute;
  color: #fff;
  top: 200px;
  left: 50px;
}
#menuBox .ingerdientsImg .info .title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 125%;
}
#menuBox .ingerdientsImg .info p {
  font-size: 2rem;
}
#menuBox .infoMain {
  padding: 0 50px 0 200px;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #menuBox .infoMain {
    padding: 0 130px 0 130px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #menuBox .infoMain {
    padding: 0 50px 0 50px;
  }
}
@media (max-width: 1199.98px) {
  #menuBox .infoMain {
    padding: 0 50px 0 50px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #menuBox .infoMain {
    padding: 15px;
  }
}
@media (max-width: 767.98px) {
  #menuBox .infoMain {
    padding: 30px 15px;
  }
}
#menuBox .infoMain .masterTitle {
  font-weight: 700;
  margin-bottom: 35px;
}
@media (max-width: 1199.98px) {
  #menuBox .infoMain .masterTitle {
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  #menuBox .infoMain .masterTitle {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.25rem;
  }
}
#menuBox .infoMain .desMain {
  color: #fff;
  font-size: 1.25rem;
  line-height: 175%;
}
#menuBox .infoMain .desMain p {
	font-family: "微軟正黑體";
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #menuBox .infoMain .desMain {
    font-size: 1.25rem;
  }
}
@media (max-width: 1199.98px) {
  #menuBox .infoMain .desMain {
    font-size: 1rem;
    margin-bottom: 35px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #menuBox .infoMain .desMain {
    font-size: 1rem;
  }
}
@media (max-width: 767.98px) {
  #menuBox .infoMain .desMain {
    margin-bottom: 0;
    font-size: 1rem;
  }
}
#menuBox .menu {
  border: #AF803D solid 2px;
  border-radius: 35px;
  color: #AF803D;
  text-decoration: none;
  transition: all 0.35s ease;
  display: inline-block;
  position: absolute;
  bottom: 15%;
  padding: 5px 27px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #menuBox .menu {
    bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  #menuBox .menu {
    position: static;
    bottom: 40px;
    padding: 5px 27px;
    margin-top: 25px;
  }
}
#menuBox .menu:hover {
  transition: all 0.35s ease;
  background-color: #fff;
  color: #333;
}

#locationBox {
  position: relative;
  min-height: 740px;
  background-color: #efefef;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #locationBox {
    min-height: inherit;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox {
    min-height: inherit;
  }
}
@media (max-width: 1199.98px) {
  #locationBox {
    min-height: inherit;
  }
}
#locationBox .container {
  overflow: hidden;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  #locationBox .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox .container {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  #locationBox .container {
    max-width: 100%;
  }
}
#locationBox .owl-nav {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}
#locationBox .owl-prev {
  position: absolute !important;
  left: -5% !important;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox .owl-prev {
    left: -10% !important;
  }
}
@media (max-width: 1199.98px) {
  #locationBox .owl-prev {
    left: -12.5% !important;
  }
}
#locationBox .owl-prev i {
  color: #fff;
  font-size: 2.5rem;
}
#locationBox .owl-next {
  position: absolute !important;
  right: -5% !important;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox .owl-next {
    right: -10% !important;
  }
}
@media (max-width: 1199.98px) {
  #locationBox .owl-next {
    right: -12.5% !important;
  }
}
#locationBox .owl-next i {
  color: #fff;
  font-size: 2.5rem;
}
#locationBox .owl-dots {
  transform: translate(-50%, 80px);
  position: absolute;
  width: 80%;
  left: 50%;
}
#locationBox .locationListBox {
  padding: 0 100px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #locationBox .locationListBox {
    padding: 0 80px;
  }
}
@media (max-width: 767.98px) {
  #locationBox .locationListBox {
    padding: 0;
  }
}
#locationBox .title {
  color: #AF803D;
  font-size: 1.25rem;
  padding: 25px 0;
  text-align: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox .title {
    padding: 25px 0 25px 20px;
  }
}
@media (max-width: 1199.98px) {
  #locationBox .title {
    font-size: 1rem;
    padding: 10px 0 10px 12px;
	text-align: left;
  }
}
#locationBox .item .list {
  border-left: #AF803D solid 1px;
  border-right: #AF803D solid 1px;
}
#locationBox .item .list .name {
  color: #000;
  font-size: 1.25rem;
  border-bottom: #AF803D solid 1px;
  padding: 15px;
}
#locationBox .item .newsDes > .row > div:first-child {
  position: relative;
}
#locationBox .item .newsDes > .row > div:first-child:after {
  background-color: #AF803D;
  height: 100%;
  position: absolute;
  right: 20px;
  content: "";
  width: 1px;
  top: 0;
}
@media (max-width: 1025px) {
  #locationBox .item .newsDes > .row > div:first-child:after {
    right: 5px;
  }
}
@media (max-width: 767.98px) {
  #locationBox .item .newsDes > .row > div:first-child:after {
    right: 20px;
  }
}
#locationBox .item .newsDes ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#locationBox .item .newsDes ul li {
  color: #000;
  font-size: 1rem;
  line-height: 175%;
}
#locationBox .item .newsDes ul li a {
  color: #000;
}
#locationBox .item .newsDes ul li i.bi.bi-geo-alt-fill {
  color: #AF803D;
  margin-left: 3px;
}
#locationBox .item .newsDes ul li i.bi.bi-telephone-fill {
  color: #AF803D;
  margin-left: 3px;
}
#locationBox .item .linkBox {
  display: flex;
  flex-wrap: wrap;
  border-top: #AF803D solid 1px;
}
#locationBox .item .linkBox .col-6:first-child {
  border-right: #AF803D solid 1px;
}
#locationBox .item .linkBox a {
  display: block;
  padding: 15px 0;
  text-align: center;
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
  transition: all 0.35s ease;
}
@media (max-width: 767.98px) {
  #locationBox .item .linkBox a {
    font-size: 1.25rem;
  }
}
#locationBox .item .linkBox a:hover {
  background-color: #fff;
  border-bottom: 1px #AF803D solid;
  color: #000;
  transition: all 0.35s ease;
}
#locationBox .notice {
  color: #000;
  font-size: 1.125rem;
  margin: 50px 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #locationBox .notice {
    margin: 30px 0;
  }
}
@media (max-width: 767.98px) {
  #locationBox .notice {
    margin: 30px 0;
  }
}
#locationBox .notice a {
  color: #AF803D;
  text-decoration: none;
}
#locationBox .notice span {
  border-radius: 50vw;
  border: #AF803D solid 1px;
  color: #AF803D;
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}
#locationBox .notice span i {
  font-size: 1rem;
}

#noticeModal .modal-header {
  padding: 1.75rem;
}
#noticeModal .modal-content {
  background-color: #aa7c3c;
  font-size: 1.25rem;
  color: #fff;
}
#noticeModal .modal-content .modal-title {
  font-size: 1.875rem;
  font-weight: 700;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
#noticeModal .modal-content .btn-close {
  filter: invert(1);
}
#noticeModal .list {
  list-style-type: disc;
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
#menuBox.inside {
  min-height: inherit;
}
@media (max-width: 767.98px) {
  #menuBox.inside {
    background-color: #000;
  }
}
@media (max-width: 767.98px) {
  #menuBox.inside .enTitle {
    color: #fff;
    font-size: 1rem;
    margin-left: -25px;
  }
}

.topMenu {
  height: 100px;
  background-color: #f8f8f8;
}
.topMenu .maxW-1200 {
  height: inherit;
  overflow-x: auto;
  padding: 0 25px;
}
.topMenu .maxW-1200 .d-flex {
  height: inherit;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .topMenu .maxW-1200 .d-flex > .col {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .topMenu .maxW-1200 .d-flex > .col {
    text-align: center;
  }
}
.topMenu a {
  color: #000;
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.35s ease;
  transform: scale(1);
  display: inline-block;
}
@media (max-width: 1199.98px) {
  .topMenu a {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .topMenu a {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .topMenu a {
    white-space: nowrap;
    font-size: 16px;
    margin: 0 20px;
  }
}
.topMenu a:hover {
  transform: scale(1.2);
  transition: all 0.35s ease;
  display: inline-block;
}
.topMenu a:hover i {
  opacity: 1;
  transition: all 0.35s ease;
}
.topMenu a:hover img {
  opacity: 1;
  transition: all 0.35s ease;
}
@media (max-width: 575.98px) {
  .topMenu a:hover i {
    transform: translateY(3px);
    display: inline-block;
  }
}
.topMenu a i, .topMenu a img {
  opacity: 0;
  font-size: 1.5rem;
  margin-right: 3px;
  transition: all 0.35s ease;
}

.soupBlock {
  background-color: #eee;
  min-height: 500px;
}
.soupBlock .topInfoBlock {
  border-bottom: #fff solid 1px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .soupBlock .topInfoBlock {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .soupBlock .topInfoBlock {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 1199.98px) {
  .soupBlock .topInfoBlock {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .soupBlock .topInfoBlock {
    height: 250px;
  }
}
@media (max-width: 575.98px) {
  .soupBlock .topInfoBlock {
    height: inherit;
  }
}
.soupBlock .topInfoBlock .maxW-1440 {
  height: inherit;
}
.soupBlock .topInfoBlock .maxW-1440 .container {
  height: inherit;
}
.soupBlock .topInfoBlock .maxW-1440 .container .row {
  height: inherit;
  align-items: center;
}

.star {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: underline;
  font-weight: 700;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .star {
    font-size: 1.25rem;
  }
}
.star i {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .star {
    font-size: 1.25rem;
  }
}

.soupList {
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: #fff solid 1px;
}
@media (max-width: 767.98px) {
  .soupList {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.soupList:last-child {
  border-bottom: none;
}

.topInfoBlock h1 {
  color: #fff;
  font-size: 3rem;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topInfoBlock h1 {
    font-size: 3rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .topInfoBlock h1 {
    font-size: 2rem;
  }
}
@media (max-width: 1199.98px) {
  .topInfoBlock h1 {
    font-size: 2rem;
  }
}
.topInfoBlock .chTitle {
  font-size: 1.8rem;
  /*background-color: #fff;*/
  color: #eea968;
  display: inline-block;
  padding: 0;
  font-weight: 700;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topInfoBlock .chTitle {
    font-size: 2rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .topInfoBlock .chTitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .topInfoBlock .chTitle {
    font-size: 1.875rem;
  }
}

.soupListBox .infoBox .title {
  font-size: 1.875rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .soupListBox .infoBox .title {
    font-size: 1.4rem;
  }
}
.soupListBox .infoBox .main {
  font-size: 1rem;
  color: #fff;
  letter-spacing: 2px;
  line-height: 2;
  max-width: 800px;
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.soupBlock.multi {
  background-color: #000;
}
.soupBlock.multi .topInfoBlock {
  border-bottom: #ab7e3e solid 1px;
  height: inherit;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .soupBlock.multi .topInfoBlock {
    border-bottom: none;
    padding-top: 50px;
  }
}
@media (max-width: 767.98px) {
  .soupBlock.multi .topInfoBlock {
    border-bottom: none;
    padding-top: 50px;
    height: inherit;
  }
}
@media (max-width: 575.98px) {
  .soupBlock.multi .topInfoBlock {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
  }
}
.soupBlock.multi .des {
  color: #fff;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .soupBlock.multi .des {
    font-size: 1.25rem;
    margin-top: 20px;
  }
}
.soupBlock.multi .chTitle {
  /*color: #216980;*/
}
.soupBlock.multi .chTitle span {
  font-weight: 400;
  /*border-left: #216980 solid 2px;*/
  display: inline-block;
  padding: 0;
  margin-left: 5px;
}

.menuBlock {
  border-bottom: #fff solid 1px;
}
.menuBlock.double {
  background-color: #800c08;
}
.menuBlock.double .packagBox .packageName {
  color: #800c08;
}
.menuBlock.double .alignStyle .packagBox:first-child {
  padding-bottom: 120px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock.double .alignStyle .packagBox:first-child {
    padding-bottom: 100px;
  }
}
@media (max-width: 767.98px) {
  .menuBlock.double .alignStyle .packagBox:first-child {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
  }
}
.menuBlock.double .alignStyle .packagBox:last-child {
  padding-top: 120px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock.double .alignStyle .packagBox:last-child {
    padding-top: 100px;
  }
}
@media (max-width: 767.98px) {
  .menuBlock.double .alignStyle .packagBox:last-child {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.menuBlock .infoBoxLeft {
  text-align: center;
}
@media (max-width: 575.98px) {
  .menuBlock .infoBoxLeft img {
    max-width: 80%;
  }
}
.menuBlock .infoBoxLeft p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0;
  border-bottom: #fff solid 1px;
  display: inline-block;
  width: 60%;
  text-align: left;
}
@media (max-width: 767.98px) {
  .menuBlock .infoBoxLeft p {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
    border-bottom: #fff solid 1px;
    display: inline-block;
    width: 90%;
    text-align: left;
  }
}
.menuBlock .infoBoxLeft p:nth-last-child(2) {
  margin-bottom: 50px;
}
.menuBlock .pyspace {
  padding: 120px 0;
  position: relative;
  justify-content: center;
}
.multi .menuBlock .pyspace > div:first-child {
  padding-right: 0;
}	
.multi .menuBlock > .pyspace:first-child {
  padding: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock .pyspace {
    padding: 100px 0;
  }
}
@media (max-width: 767.98px) {
  .menuBlock .pyspace {
    padding: 50px 0;
  }
}
@media (max-width: 575.98px) {
  .menuBlock .pyspace {
    padding: 25px 0;
  }
}
.menuBlock .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #ab7e3e;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock .pyspace:before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .menuBlock .pyspace:before {
    display: none;
  }
}
.menuBlock .positionImg {
  position: relative;
  top: -120px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock .positionImg {
    top: 0;
    margin-bottom: 50px;
    padding-right: 10%;
  }
}
@media (max-width: 767.98px) {
  .menuBlock .positionImg {
    top: 0;
    margin-bottom: 50px;
    /*padding-right: 10%;*/
  }
}
.menuBlock .packagBox {
  padding: 0 50px;
  color: #fff;
}
.multi > .menuBlock > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.multi > .menuBlock > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock .packagBox {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .menuBlock .packagBox {
    padding: 0 5%;
  }
}
@media (max-width: 575.98px) {
  .menuBlock .packagBox {
    padding: 0 30px!important;
    margin-bottom: 30px;
  }
}
.menuBlock .packagBox .packageName {
  background-color: #fff;
  color: #216980;
  font-size: 1.5rem;
  font-weight: 700;
  display: inline-block;
  padding: 0 5px;
}
@media (max-width: 575.98px) {
  .menuBlock .packagBox .packageName {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.menuBlock .packagBox .elsedes {
  color: #fff;
  font-size: 1.25rem;
  border-bottom: #fff solid 2px;
  display: inline-block;
  margin-top: 10px;
}
.menuBlock .packagBox .describe {
  display: flex;
  font-size: 1.5rem;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .menuBlock .packagBox .describe {
    font-size: 1.5rem;
    margin-top: 0;
	margin-bottom: 1rem;
	display: block;
  }
}
.menuBlock .packagBox .describe > div:first-child {
  border-top: #fff solid 2px;
  border-bottom: #fff solid 2px;
}
.multi .menuBlock .packagBox .describe > div:first-child {
  border-top: #AF803D solid 2px;
  border-bottom: #AF803D solid 2px;
  color: #AF803D;
  padding: 10px 0;
}
.menuBlock .packagBox .packageMain {
  font-size: 1rem;
  font-weight: 100;
  margin-top: 15px;
  line-height: 1.75;
}
.menuBlock .packagBox .packageMain p {
  font-size: 1rem;
  line-height: 2rem;
}
@media (max-width: 767.98px) {
  .menuBlock .packagBox .packageMain {
    font-size: 1rem;
    margin-top: 0;
  }
}

.topInfoBlock.double {
  background-color: #800c08;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topInfoBlock.double {
    max-width: 100%;
    padding: 0 10%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .topInfoBlock.double {
    max-width: 100%;
    padding: 0 10%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .topInfoBlock.double {
    max-width: 100%;
    padding: 0 10%;
  }
}
.topInfoBlock.double .chTitle {
  color: #800c08;
}

.elseStoneBlock {
  padding-top: 50px;
}
.elseStoneBlock h3 {
  color: #fff;
  font-weight: 500;
  font-size: 3.75rem;
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .elseStoneBlock h3 {
    font-size: 2.25rem;
  }
}
.elseStoneBlock .list {
  font-size: 1.5rem;
  color: #fff;
  border-bottom: #fff solid 1px;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .elseStoneBlock .list {
    font-size: 1.25rem;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .elseStoneBlock .list img {
    margin-bottom: 25px;
  }
}
.elseStoneBlock .list:last-child {
  border-bottom: none;
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.soupBlock.personal {
  background-color: #618ea0;
}
.soupBlock.personal .topInfoBlock {
  height: inherit;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .soupBlock.personal .topInfoBlock {
    max-width: 100%;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .soupBlock.personal .topInfoBlock {
    border-bottom: none;
    padding-top: 50px;
    max-width: 100%;
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media (max-width: 767.98px) {
  .soupBlock.personal .topInfoBlock {
    border-bottom: none;
    padding-top: 50px;
    height: inherit;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 575.98px) {
  .soupBlock.personal .topInfoBlock {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 15px;
  }
}
.soupBlock.personal .des {
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.75;
}
@media (max-width: 767.98px) {
  .soupBlock.personal .des {
    font-size: 1.25rem;
    margin-top: 20px;
  }
}
.soupBlock.personal .chTitle {
  /*color: #618ea0;*/
}
.soupBlock.personal .chTitle span {
  font-weight: 400;
  /*border-left: #618ea0 solid 2px;*/
  display: inline-block;
  padding: 0;
  margin-left: 5px;
}
@media (max-width: 767.98px) {
  .soupBlock.personal .menuBlock .pyspace {
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .soupBlock.personal .menuBlock .alignStyle .packagBox {
    margin-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  .soupBlock.personal .menuBlock.single.double {
    padding-bottom: 50px;
  }
}

.menuBlock.personal .packagBox {
  border-bottom: #fff solid 1px;
  margin-left: -12px;
  padding: 70px 100px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menuBlock.personal .packagBox {
    border-bottom: none;
  }
}
@media (max-width: 767.98px) {
  .menuBlock.personal .packagBox {
    margin-left: 0;
    padding: 30px 15px;
  }
}
.menuBlock.personal .packagBox:last-child {
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .menuBlock.personal .packagBox.line {
    border-bottom: #fff solid 1px;
  }
}
.menuBlock.personal .pyspace {
  padding: 0;
  justify-content: center;
}
.menuBlock.personal .pyspace img {
  max-width: 80%;
  margin-top: 20px;
}
.menuBlock.single {
  background-color: #962f00;
}
.menuBlock.single .infoBoxLeft img {
  margin-bottom: 30px;
}

.topInfoBlock.single {
  background-color: #962f00;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topInfoBlock.single {
    max-width: 100%;
    padding: 0 10%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .topInfoBlock.single {
    max-width: 100%;
    padding: 0 10%;
  }
}
.topInfoBlock.single .chTitle {
  color: #962f00;
}
.topInfoBlock.individual {
  background-color: #ce9900;
  height: inherit;
  padding: 50px 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topInfoBlock.individual {
    max-width: 100%;
    padding: 50px 10%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .topInfoBlock.individual {
    max-width: 100%;
    padding: 50px 10%;
  }
}
.topInfoBlock.individual .chTitle {
  color: #ce9900;
}
.topInfoBlock.individual p {
  color: #fff;
  font-size: 1.5rem;
}

.packageList {
  padding: 50px 0;
  background-color: #ce9900;
  color: #fff;
}
.packageList .maxW-1440 {
  margin-bottom: 100px;
}
@media (max-width: 767.98px) {
  .packageList .maxW-1440 {
    margin-bottom: 50px;
  }
}
.packageList .maxW-1440 .row {
  font-size: 1.4rem;
  border-bottom: #fff solid 1px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
}
.packageList .maxW-1440 .row:first-child {
  font-size: 1.6rem;
  margin-bottom: 10px;
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .packageList .maxW-1440 .row {
    font-size: 1rem;
  }
}
.packageList .maxW-1440 .col-auto {
  min-width: 80px;
}
.packageList .masterTitle {
  font-size: 1.5rem;
  padding: 3px 0;
  font-weight: 700;
  border-top: #fff solid 2px;
  border-bottom: #fff solid 2px;
  display: inline-block;
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.soupBlock.hotpot {
  background-color: #9aae55;
}
.soupBlock.hotpot .packageList {
  background-color: #9aae55;
}
.soupBlock.hotpot .chTitle {
  color: #9aae55;
}
.soupBlock.hotpot .packageList .maxW-1440 .row {
  border-bottom: none;
}
.soupBlock.hotpot .packageList .maxW-1440 .row:first-child {
  font-size: 1.4rem;
}
@media (max-width: 767.98px) {
  .soupBlock.hotpot .packageList .maxW-1440 .row:first-child {
    font-size: 1rem;
  }
}
.soupBlock.hotpot .packageList .maxW-1440 .row .col-auto {
  min-width: inherit;
}
.soupBlock.hotpot .border-bottom {
  border-bottom: #fff solid 1px !important;
}
.soupBlock.hotpot .col-2 {
  text-align: right;
}
@media (max-width: 767.98px) {
  .soupBlock.hotpot .col-2 {
    text-align: center;
  }
}

.maxW-500 {
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
}

.maxW-600 {
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.maxW-852 {
  width: 100%;
  margin: 0 auto;
  max-width: 852px;
}

.maxW-900 {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.maxW-1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.maxW-1025 {
  width: 100%;
  margin: 0 auto;
  max-width: 1025px;
}

.maxW-1050 {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.maxW-1070 {
  width: 100%;
  margin: 0 auto;
  max-width: 1070px;
}

.maxW-1090 {
  width: 100%;
  margin: 0 auto;
  max-width: 1090px;
}

.maxW-1100 {
  width: 100%;
  margin: 0 auto;
  max-width: 1100px;
}

.maxW-1185 {
  width: 100%;
  margin: 0 auto;
  max-width: 1185px;
}

.maxW-1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

.maxW-1220 {
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
}

.maxW-1240 {
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
}

.maxW-1280 {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.maxW-1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 1300px;
}

.maxW-1320 {
  width: 100%;
  margin: 0 auto;
  max-width: 1320px;
}

.maxW-1370 {
  width: 100%;
  margin: 0 auto;
  max-width: 1370px;
}

.maxW-1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
}

.maxW-1440 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

.maxW-1450 {
  width: 100%;
  margin: 0 auto;
  max-width: 1450px;
}

.maxW-1485 {
  width: 100%;
  margin: 0 auto;
  max-width: 1485px;
}

.maxW-1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.maxW-1506 {
  width: 100%;
  margin: 0 auto;
  max-width: 1506px;
}

.maxW-1540 {
  width: 100%;
  margin: 0 auto;
  max-width: 1540px;
}

.maxW-1600 {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.maxW-1650 {
  width: 100%;
  margin: 0 auto;
  max-width: 1650px;
}

.maxW-1700 {
  width: 100%;
  margin: 0 auto;
  max-width: 1700px;
}

.maxW-1770 {
  width: 100%;
  margin: 0 auto;
  max-width: 1770px;
}

.maxW-1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.maxW-1850 {
  width: 100%;
  margin: 0 auto;
  max-width: 1850px;
}

.maxW-1920 {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.mt-9 {
  margin-top: 7rem !important;
}

@media (min-width: 1700px) {
  .container {
    max-width: 100%;
  }
}
.soupBlock.surf {
  /*background-color: #77c7da;*/
}
@media (max-width: 575.98px) {
  .soupBlock.surf .row {
    --bs-gutter-x: 0;
  }
}
.soupBlock.surf .packageList {
  /*background-color: #77c7da;*/
}
.soupBlock.surf .des {
  color: #fff;
  font-size: 1.25rem;
  max-width: 80%;
}
@media (max-width: 767.98px) {
  .soupBlock.surf .des {
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .soupBlock.surf .des {
    font-size: 1.25rem;
  }
}
.soupBlock.surf .des p {
  margin: 0 0 3px 0;
  border-bottom: #fff solid 2px;
}
.soupBlock.surf .chTitle {
  /*color: #77c7da;*/
}
.soupBlock.surf .chTitle span {
  /*border-left: #77c7da solid 2px;*/
  font-weight: 400;
  display: inline-block;
  padding: 0;
  margin-left: 0px;
}
.soupBlock.surf .topInfoBlock.seafood {
  background-color: #0080a0;
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
  .soupBlock.surf .topInfoBlock.seafood {
    max-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .soupBlock.surf .topInfoBlock.seafood {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .soupBlock.surf .topInfoBlock.seafood {
    max-width: 100%;
  }
}
.soupBlock.surf .topInfoBlock.seafood .chTitle {
  color: #0080a0;
}
@media (max-width: 767.98px) {
  .soupBlock.surf .topInfoBlock {
    height: inherit;
    border-bottom: none;
  }
}
.soupBlock.surf .menuBlock.seafood {
  background-color: #0080a0;
}
@media (max-width: 767.98px) {
  .soupBlock.surf .menuBlock.surf .row.pyspace {
    padding-top: 0;
  }
  .soupBlock.surf .menuBlock.surf .row.pyspace img {
    max-width: 80%;
    margin: 0 auto 25px;
  }
}
.soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:first-child {
  border-bottom: #fff solid 1px;
  padding-bottom: 150px;
}
@media (max-width: 767.98px) {
  .soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:first-child {
    padding-bottom: 30px;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 575.98px) {
  .soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:first-child {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:last-child {
  padding-top: 150px;
}
@media (max-width: 767.98px) {
  .soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:last-child {
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 575.98px) {
  .soupBlock.surf .menuBlock.surf .row.pyspace .packagBox.surf:last-child {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.soupBlock.surf .packageList {
  background-color: #898989;
  max-width: 80%;
  margin: 0 auto;
}
.soupBlock.surf .packageList .row {
  font-size: 1rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: space-between;
}
.color-gold {
  color: #AF803D;
}
.bg-gold {
  color: #AF803D;
}
.bb3px-gold {
  border-bottom: 3px solid #AF803D!important;
}
/*# sourceMappingURL=style.css.map */

/*和牛單點*/
.soupBlock.wagyu .topInfoBlock {
  border-bottom: #000 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.soupBlock.wagyu .menuBlock .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #000;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.wagyu .menuBlock.limage > .pyspace:first-child {
  padding: 0;
}
.soupBlock.wagyu .menuBlock.limage .pyspace > div {
  padding-right: 0;
}
.soupBlock.wagyu .menuBlock {
  border-bottom: 1px solid #000;
}
.soupBlock.wagyu > .menuBlock > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.wagyu > .menuBlock > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.soupBlock.wagyu .describe {
  display: none;
}
.soupBlock.wagyu .packageMain {
  margin-top: 0;
}
.soupBlock.wagyu .packagBox.wline-bottom:after {
  background-color: #eee;
}

/*其他單點*/
.soupBlock.personal .topInfoBlock {
  border-bottom: #fff solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.soupBlock.personal .menuBlock .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.personal .menuBlock.limage > .pyspace:first-child {
  padding: 0;
}
.soupBlock.personal .menuBlock.limage .pyspace > div {
  padding-right: 0;
}
.soupBlock.personal .menuBlock {
  border-bottom: 1px solid #fff;
}
.soupBlock.personal > .menuBlock > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.personal > .menuBlock > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.soupBlock.personal > .menuBlock.pnsl1 > .pyspace > .col-lg-6.align-self-center.g-0.alignStyle > .packagBox.wline-bottom {
  padding: 0 25% 0 75px;
}
.soupBlock.personal > .menuBlock.pnsl1 > .pyspace > .col-lg-6.align-self-center.g-0.alignStyle > .packagBox {
  padding: 0;
}
.soupBlock.personal > .menuBlock.pnsl2 > .pyspace > .col-lg-6.align-self-center.g-0.alignStyle > .packagBox.wline-bottom {
  padding: 0;
}
.soupBlock.personal > .menuBlock.pnsl2 > .pyspace > .col-lg-6.align-self-center.g-0.alignStyle > .packagBox {
  padding: 0 25% 0 75px;
}
.pnsl1 .pyspace {
  padding-bottom: 0;
}
.soupBlock.personal .describe {
  display: none;
}
.soupBlock.personal .packageMain {
  margin-top: 0;
}
.soupBlock.personal .packagBox.wline-bottom:after {
  background-color: #eee;
}
.soupBlock.personal .menuBlock.pnsl2 .pyspace:before {
  background-color: #af803d;
}


/*深煙甜點*/
.soupBlock.surf .topInfoBlock.dessert {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.soupBlock.surf .menuBlock.dessert .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #727171;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf > .menuBlock.dessert > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.dessert > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.soupBlock.surf .describe {
  display: none;
}
.soupBlock.surf .menuBlock.dessert .packagBox.wline-bottom:after {
  background-color: #727171;
}
.dessert .pyspace {
  padding-bottom: 0;
}


.soupBlock.surf .topInfoBlock.drink {
  border-bottom: #fff solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.menuBlock.drink .pyspace {
  padding: 0;	
}
.menuBlock.drink .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf > .menuBlock.drink > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.drink > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.drink .packagBox {
  padding: 0;
}
.soupBlock.surf .menuBlock.drink .packagBox.wline-bottom:after {
  background-color: #fff;
}


.soupBlock.surf > .menuBlock.shinen > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.shinen > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.shinen .packagBox {
  padding-bottom: 0;
}
.soupBlock.surf .menuBlock.shinen .packagBox.wline-bottom:after {
  background-color: #727171;
}
.menuBlock.shinen .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #727171;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf .topInfoBlock.shinen {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.menuBlock.shinen .packagBox .packageMain {
  margin-top: 0;
}


.soupBlock.surf > .menuBlock.beer > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.beer > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.beer .packageList {
  margin: 0;
  color: #000;
  background-color: unset;
  max-width: 100%;
  padding: 0 25% 0 75px;
}
.menuBlock.beer .pyspace {
  padding: 0;	
}
.soupBlock.surf .topInfoBlock.beer {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}


.soupBlock.surf > .menuBlock.champagne > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.champagne > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.champagne .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupListBox.champagne .infoBox .main {
  max-width: none;
  margin-bottom: 70px;
}


.soupBlock.surf > .menuBlock.wine > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.wine > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.wine .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.menuBlock.wine .packagBox .packageMain {
  margin-top: 0;
}



.soupBlock.surf > .menuBlock.swine > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.swine > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.wine .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf .topInfoBlock.swine {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.menuBlock.swine .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #727171;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupListBox.swine .infoBox .main {
  max-width: none;
  margin-bottom: 70px;
}


.soupBlock.surf > .menuBlock.whisky > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.whisky > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.whisky .packageList {
  margin: 0;
  color: #fff;
  background-color: unset;
  max-width: 100%;
  padding: 0 25% 0 75px;
}
/*.menuBlock.whisky .pyspace {
  padding: 0;	
}*/
.menuBlock.whisky .pyspace:before {
  background-color: #fff;
}
.soupBlock.surf .topInfoBlock.whisky {
  border-bottom: #fff solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.soupListBox.whisky .infoBox .main {
  max-width: none;
  margin-bottom: 70px;
}


.soupBlock.surf > .menuBlock.sake > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.sake > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.sake .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.menuBlock.sake .packagBox .packageMain {
  margin-top: 0;
}


.soupBlock.surf .topInfoBlock.osake {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.soupBlock.surf > .menuBlock.osake > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.osake > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.osake .packagBox {
  padding-bottom: 0;
}
.soupBlock.surf .menuBlock.osake .packagBox.wline-bottom:after {
  background-color: #727171;
}
.menuBlock.osake .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #727171;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf .topInfoBlock.shinen {
  border-bottom: #727171 solid 3px;
  height: inherit;
  padding-bottom: 35px;
  padding-top: 35px;
}
.menuBlock.osake .packagBox .packageMain {
  margin-top: 0px;
}

.soupBlock.surf > .menuBlock.jfwine > .pyspace > .col-lg-6:nth-child(odd) > .packagBox {
  padding: 0 75px 0 25%;
}
.soupBlock.surf > .menuBlock.jfwine > .pyspace > .col-lg-6:nth-child(even) > .packagBox {
  padding: 0 25% 0 75px;
}
.menuBlock.jfwine .pyspace:before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
}
.soupBlock.surf .menuBlock.jfwine .packagBox.wline-bottom:after {
  background-color: #fff;
}
.menuBlock.jfwine .packagBox .packageMain {
  margin-top: 0;
}

.masterTitle span {
	display: none;
	}

/*2024手機調校*/
/*大盛和牛*/
.hilogo {
  width: 220px;
  height: 60px;
}
.borderbg {
  border-bottom: 1px solid #AF803D;
}
.brandspe {
  border-left: 1px solid #ccc;
}
.wagyu .packagBox.wline-bottom {
  padding-top: 120px!important;
}
.mt1mb2 {
  margin-top: 120px;
  margin-bottom: 240px;
}
@media (max-width: 575.98px) {
.borderbg {
	border-bottom: 0;
	}
	
/*和牛單點*/
	.soupBlock.wagyu .topInfoBlock {
		border-bottom: 0;
	}
	
	.masterTitle {
		font-size: 100%;
	}
	
/*其他單點*/
	.soupBlock.personal .topInfoBlock {
		border-bottom: 0!important;
	}	

/*深煙*/
	.soupBlock.surf .topInfoBlock.dessert, .soupBlock.surf .topInfoBlock.shinen, .soupBlock.surf .topInfoBlock.drink, .soupBlock.surf .topInfoBlock.swine, .soupBlock.surf .topInfoBlock.whisky, .soupBlock.surf .topInfoBlock.osake, .soupBlock.surf .topInfoBlock.beer {
		border-bottom: 0!important;
	}
	
	.soupBlock.surf .topInfoBlock.drink, .soupBlock.surf .topInfoBlock.champagne, .soupBlock.surf .topInfoBlock.wine, .soupBlock.surf .topInfoBlock.whisky, .soupBlock.surf .topInfoBlock.sake, .soupBlock.surf .topInfoBlock.jfwine {
		max-width: 100%;
		padding: 35px 20px;
	}
	
	.hilogo {
		height: 45px;
		width: auto;
	}

	.brandspe {
		border-left: 0;
		border-top: 1px solid #ccc;
	}
	.owl-item .item .row .infoMain .row .desMain p {
		margin-top: 15px;
	}
	
	#aboutBox .aboutMain h3 {
		font-size: 1.25rem;
	}
	#aboutBox .aboutMain p {
		font-size: 1rem;
	}
	
	.menuBlock .row.pyspace {
		margin-left: 0;
		max-width: 100%;
	}
	#header.vis {
		height: 90px;
	}
	.menuBtn {
		top: 15px;
	}
	
	.menuBlock .packagBox .packageMain p {
		font-size: 1rem;
	}
	
	.multi .menuBlock .pyspace > div:first-child {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.menuBlock .col-lg-6 {
		padding: 0px;
	}
	
	.text-center.color-gold.fs-4 {
		padding: 0 30px;
	}
	
	.mt1mb2 {
		margin-top: 30px;
		margin-bottom: 60px;
	}
	
	.menuBlock.beer .packageList {
		padding: 0 30px;
	}
	
	.whisky .soupList {
		padding-right: 18px;
		padding-left: 18px;
	}
	
	.soupBlock.surf .menuBlock.shinen .packagBox.wline-bottom:after {
  background-color: #72717100;
}
	
	.gline-top:after {
		display: none;
	}
	
	.owl-theme .owl-nav {
		display: none;
	}

}