@charset "UTF-8";
/* INDEX */
::-moz-selection {
  background-color: #060838;
  color: #fff;
}

::selection {
  background-color: #060838;
  color: #fff;
}

::-moz-selection {
  background-color: #060838;
  color: #fff;
}

::selection, ::-moz-selection {
  background-color: #333;
  color: #fff;
}

footer .ftBrand ul li, footer .ftBrand ul, .vlReserve .vlContent .vlBottom .rsTool, .vlReserve .vlContent .vlBottom .rsTitle .rsItem, .vlStore .vlContent .vlBottom ul, .vlStore .vlContent .vlBottom .vlReciver form .formGroup, .vlStore .vlContent .vlMid .vlLocation ul li, .vlStore .vlContent .vlTop ul, .vlResult .vlContent .vlInfo, .vlCoupon .vlContent .vlMenu ul, .vlProcess .vlContent ul li.vlCount, .vlProcess .vlContent ul, .vlDetail .vlContent .vlMenu ul, .vlDetail .vlContent .vlTop ul, .indexEditor .edStore ul, .indexEditor .edContent, .indexProduct .pdContent ul, .indexAbout .abIntro .abBlock, .indexAbout .abContent ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vlDetail.other .vlContent .vlBoard ul, .vlDetail .vlContent .vlBreadcrumb ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.abTitle {
  position: relative;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: 3px;
  text-align: center;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .abTitle {
    font-size: 29px;
  }
}
@media (min-width: 992px) {
  .abTitle {
    font-size: 32px;
  }
}
.abTitle img {
  width: 100%;
  filter: drop-shadow(3px 1px 8px rgba(0, 0, 0, 0.25));
}
@media (min-width: 480px) {
  .abTitle img {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .abTitle img {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .abTitle img {
    width: 55%;
  }
}
@media (min-width: 1200px) {
  .abTitle img {
    width: 42%;
  }
}
.abTitle h2 {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 50%;
  top: calc(50% - 12px);
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 3px;
  padding-left: 100px;
  margin-bottom: 0;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .abTitle h2 {
    font-size: 28px;
  }
}
p {
  color: #fff;
}

header .navbar {
  background-color: #fff;
}
header .navbar .nav-header-container {
  justify-content: center;
  width: fit-content;
}
header .navbar .nav-header-container a.logo img {
  max-height: 35px;
}
@media (min-width: 768px) {
  header .navbar .nav-header-container a.logo img {
    max-height: 48px;
  }
}
@media (min-width: 1200px) {
  header .navbar .nav-header-container a.logo img {
    max-height: 55px;
  }
}

#banner1 {
  background-image: url("../images/banner/banner1.jpg");
}
@media screen and (max-width: 768px) {
  #banner1 {
    background-image: url("../images/banner/banner1_mobile.jpg");
  }
}

#banner2 {
  background-image: url("../images/banner/banner2.jpg");
}
@media screen and (max-width: 768px) {
  #banner2 {
    background-image: url("../images/banner/banner2_mobile.jpg");
  }
}

#banner3 {
  background-image: url("../images/banner/banner3.jpg");
}
@media screen and (max-width: 768px) {
  #banner3 {
    background-image: url("../images/banner/banner3_mobile.jpg");
  }
}

.swiper .swiper-wrapper .swiper-slide div {
  background-size: cover;
  background-position: center center;
}
.swiper .swiper-wrapper .swiper-slide .h-450px {
  width: 100%;
  height: 145px;
}
.swiper .swiper-wrapper .swiper-slide .h-650px {
  width: 100%;
  height: 33.35vw;
}
@media screen and (max-width: 768px) {
  .swiper .swiper-wrapper .swiper-slide .h-650px {
    height: 100vw;
  }
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  height: 30px;
  width: 18px;
}
@media (min-width: 768px) {
  .swiper .swiper-button-next,
  .swiper .swiper-button-prev {
    height: 50px;
    width: 30px;
  }
}

section .container {
  padding: 10px 10px;
}
@media (min-width: 768px) {
  section .container {
    padding: 10px 10px;
  }
}
@media (min-width: 992px) {
  section .container {
    padding: 10px 30px;
  }
}
@media (min-width: 1025px) {
  section .container {
    padding: 10px 50px;
  }
}
.heroBanner {
  background-color: #1d374f;
  -webkit-background-color: #1d374f;
  -webkit-background-size: 200% !important;
  -webkit-background-repeat: no-repeat;
  -webkit-background-position: center 70%;
}
@media (min-width: 480px) {
  .heroBanner {
    background-position: center 90%;
    background-size: 180% !important;
  }
}
@media (min-width: 768px) {
  .heroBanner {
    background-position: 50% 80% !important;
    background-size: 135% !important;
  }
}
@media (min-width: 992px) {
  .heroBanner {
    background-size: contain !important;
  }
}
@media (min-width: 1200px) {
  .heroBanner {
    background-size: cover !important;
    background-position: 50% 0% !important;
  }
}
.heroBanner .container {
  padding-top: 65px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .heroBanner .container {
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .heroBanner .container {
    padding-top: 85px;
  }
}
.heroBanner h2 {
  font-size: 27px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 3px;
  color: #FF6F61;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .heroBanner h2 {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .heroBanner h2 {
    margin-top: 30px;
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .heroBanner h2 {
    margin-top: 70px;
  }
}
.heroBanner .linear-gradient {
  position: relative;
  background-color: #fff;
}
.heroBanner .linear-gradient::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.heroBanner .imImg {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
@media (min-width: 1200px) {
  .heroBanner .imImg img {
    max-height: 300px;
  }
}
@media (min-width: 1440px) {
  .heroBanner .imImg {
    width: 100%;
  }
  .heroBanner .imImg img {
    max-height: 435px;
  }
}
.heroBanner .bnInfo .down-section {
  background-color: #1d374f;
}
.heroBanner .bnInfo .down-section .inner-link {
  font-size: 19px;
  color: #fff;
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  background-color: #009CAF;
  padding: 10px;
  border-radius: 30px;
}
@media (min-width: 480px) {
  .heroBanner .bnInfo .down-section .inner-link {
    margin: auto;
    max-width: 375px;
  }
}
.heroBanner .bnInfo .down-section .inner-link:hover {
  background-color: #FF6F61;
}
.heroBanner .bnInfo p {
  display: block;
  text-align: center;
  padding: 0 5px;
}
.heroBanner p {
  color: #fff;
  font-size: 17px;
  margin-bottom: 10px;
}
.indexAbout {
  padding-top: 30px;
  padding-bottom: 0;
}
.indexAbout .abContent {
  padding: 0px 0 60px;
}
.indexAbout .abContent ul {
  flex-wrap: wrap;
  padding: 0 0;
}
.indexAbout .abContent ul li {
  position: relative;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .indexAbout .abContent ul li {
    width: 20%;
    flex-wrap: nowrap;
  }
}
.indexAbout .abContent ul li h3 {
  position: relative;
  display: block;
  font-size: 19px;
  color: #060838;
  width: 100%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 50px;
}
.indexAbout .abContent ul li h3 span {
  display: block;
}
@media (min-width: 768px) {
  .indexAbout .abContent ul li h3 {
    position: absolute;
    margin-bottom: 0px;
  }
}
@media (min-width: 1440px) {
  .indexAbout .abContent ul li h3 {
    font-size: 23px;
  }
}
.indexAbout .abContent ul li img {
  width: 180px;
}
@media (min-width: 768px) {
  .indexAbout .abContent ul li img {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .indexAbout .abContent ul li img {
    width: 120px;
  }
}
@media (min-width: 1440px) {
  .indexAbout .abContent ul li img {
    width: 150px;
  }
}
.indexAbout .abContent ul li:last-child h3 {
  margin-bottom: 0;
}
.indexAbout .abContent ul li:not(:last-child):after {
  position: absolute;
  bottom: -4%;
  left: 44%;
  content: url("../images/下一步.png");
  padding-right: 0px;
  transform: scale(0.4) translate(-50%, 0) rotate(90deg);
  transition: transform 0.1s linear;
}
.indexAbout .abContent ul li:hover:not(:last-child):after {
  animation: aniArrow 1s infinite linear;
}
@keyframes aniArrow {
  0% {
    transform: scale(0.4) translate(-50%, -2%) rotate(90deg);
  }
  50% {
    transform: scale(0.4) translate(-50%, -20%) rotate(90deg);
  }
  100% {
    transform: scale(0.4) translate(-50%, -2%) rotate(90deg);
  }
}
@media (min-width: 768px) {
  .indexAbout .abContent ul li:not(:last-child):after {
    top: 50%;
    right: -50%;
    transform: scale(0.4) translate(0, -50%) rotate(0);
  }
  .indexAbout .abContent ul li:hover:not(:last-child):after {
    animation: aniArrow 1s infinite linear;
  }
  @keyframes aniArrow {
    0% {
      transform: scale(0.4) translate(0, -50%);
    }
    50% {
      transform: scale(0.4) translate(10px, -50%);
    }
    100% {
      transform: scale(0.4) translate(0, -50%);
    }
  }
}
@media (min-width: 1440px) {
  .indexAbout .abContent ul li:not(:last-child):after {
    transform: scale(0.6) translate(0, -50%);
  }
  .indexAbout .abContent ul li:hover:not(:last-child):after {
    animation: aniArrow 1s infinite linear;
  }
  @keyframes aniArrow {
    0% {
      transform: scale(0.6) translate(0, -50%);
    }
    50% {
      transform: scale(0.6) translate(10px, -50%);
    }
    100% {
      transform: scale(0.6) translate(0, -50%);
    }
  }
}
@media (min-width: 992px) {
  .indexAbout .abContent ul {
    padding: 0 20px;
  }
}
@media (min-width: 1025px) {
  .indexAbout .abContent ul {
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .indexAbout .abContent ul {
    padding: 0 50px;
  }
}
.indexAbout .abIntro {
  position: relative;
  display: block;
  background-color: #EFEFEF;
  padding: 20px 10px 30px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .indexAbout .abIntro {
    padding: 20px 20px;
  }
}
@media (min-width: 992px) {
  .indexAbout .abIntro {
    background-color: transparent;
  }
}
.indexAbout .abIntro .abBg {
  display: none;
}
@media (min-width: 992px) {
  .indexAbout .abIntro .abBg {
    position: relative;
    display: block;
  }
}
.indexAbout .abIntro .abBlock {
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.indexAbout .abIntro .abBlock .abLeft, .indexAbout .abIntro .abBlock .abRight {
  position: relative;
  display: block;
  width: 100%;
}
.indexAbout .abIntro .abBlock .abLeft img, .indexAbout .abIntro .abBlock .abRight img {
  display: block;
  width: 100%;
  height: 100%;
}
.indexAbout .abIntro .abBlock .abLeft img {
  max-width: 420px;
  margin: auto;
  transform: translateX(0);
  transition: transform 0.3s linear;
}
.indexAbout .abIntro .abBlock .abRight {
  padding-right: 0px;
}
.indexAbout .abIntro .abBlock .abRight img {
  position: relative;
  z-index: 1;
}
.indexAbout .abIntro .abBlock .abRight .point {
  position: absolute;
  right: 18%;
  bottom: 12%;
  width: 75px;
  height: auto;
  z-index: 0;
}
@media (min-width: 992px) {
  .indexAbout .abIntro .abBlock .abRight .point {
    width: 135px;
  }
}
@media (min-width: 1440px) {
  .indexAbout .abIntro .abBlock .abRight .point {
    right: 14%;
    bottom: 8%;
    width: 165px;
  }
}
@media (min-width: 992px) {
  .indexAbout .abIntro .abBlock {
    flex-wrap: nowrap;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .indexAbout .abIntro .abBlock .abLeft {
    width: 30%;
  }
  .indexAbout .abIntro .abBlock .abRight {
    padding-right: 50px;
    width: 65%;
  }
}
.indexAbout .abIntro:hover .abBlock .abLeft img {
  transform: translateX(5px);
}
.indexAbout .abIntro:hover .abBlock .abRight .point {
  transform: scale(1);
  animation: aniPoint 1s infinite linear;
}
@keyframes aniPoint {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.indexAbout h3 {
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 0;
}
.indexAbout p {
  position: relative;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;
}
.indexAbout p.circle {
  padding-left: 18px;
  margin: 5px 0;
}
.indexAbout p.circle::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  content: "";
  width: 13px;
  height: 13px;
  background-color: #222;
  border-radius: 50%;
}

.indexProduct, .indexEditor, .indexStore {
  padding: 0 0;
}

.imSliderBtn {
  position: relative;
  max-width: 550px;
  min-height: 30px;
}
.imSliderBtn a {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #FF6F61;
  border-radius: 4px;
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
}

.indexProduct {
  padding-top: 30px;
  padding-bottom: 30px;
}
.indexProduct .pdContent ul {
  flex-wrap: wrap;
  padding: 0 0px;
  margin-bottom: 0;
}
.indexProduct .pdContent ul .pdItem {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 10px;
  border-radius: 30px;
  border: solid 2px transparent;
}
.indexProduct .pdContent ul .pdItem .pdImg {
  position: relative;
}
.indexProduct .pdContent ul .pdItem .pdImg img:nth-child(1) {
  height: auto;
  width: 100%;
}
.indexProduct .pdContent ul .pdItem .pdImg img:nth-child(2) {
  position: absolute;
  top: 55%;
  right: 28%;
  z-index: 99;
  height: 72px;
  opacity: 0;
  transition: opacity 0.3s linear;
  transform: rotate(0) translateX(0);
}
.indexProduct .pdContent ul .pdItem .pdImg::before {
  position: absolute;
  top: 50px;
  left: 50%;
  content: "";
  display: inline-block;
  width: 260px;
  height: 260px;
  border-radius: 100%;
  border: solid 10px #0EE5F4;
  transform: translateX(-50%);
  z-index: -1;
}
.indexProduct .pdContent ul .pdItem .pdTitle {
  padding-top: 30px;
  text-align: center;
}
.indexProduct .pdContent ul .pdItem .pdTitle h3 {
  font-size: 27px;
  font-weight: bold;
  line-height: 1.5;
  color: #009CAF;
  text-align: center;
  margin-bottom: 0;
}
.indexProduct .pdContent ul .pdItem .pdTitle p {
  font-size: 17px;
  color: #222;
  margin-bottom: 0;
  max-width: 180px;
  margin: auto;
}
.indexProduct .pdContent ul .pdItem:nth-child(1) .pdImg::before {
  background: linear-gradient(45deg, #D6006D 50%, #2C93CD);
}
.indexProduct .pdContent ul .pdItem:nth-child(2) .pdImg::before {
  background: linear-gradient(45deg, #8C91CC, #2C93CD 80%);
}
.indexProduct .pdContent ul .pdItem:nth-child(3) .pdImg::before {
  background: linear-gradient(45deg, #2C93CD, #009CAF);
}
.indexProduct .pdContent ul .pdItem:nth-child(4) .pdImg::before {
  background: linear-gradient(45deg, #009CAF, #0EE5F4 80%);
}
.indexProduct .pdContent ul .pdItem:hover .pdImg img {
  animation: media 1s infinite linear;
}
@keyframes media {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.indexProduct .pdContent ul .pdItem:hover .pdImg img:nth-child(2) {
  opacity: 1;
  animation: arrow 0.7s infinite linear;
}
@keyframes arrow {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(5deg) translateX(10px);
  }
  100% {
    transform: rotate(0);
  }
}
@media (min-width: 480px) {
  .indexProduct .pdContent ul .pdItem {
    display: block;
    width: calc(50% - 20px);
  }
  .indexProduct .pdContent ul .pdItem .pdImg img:nth-child(2) {
    height: 40px;
  }
  .indexProduct .pdContent ul .pdItem .pdImg::before {
    width: 180px;
    height: 180px;
  }
}
@media (min-width: 768px) {
  .indexProduct .pdContent ul .pdItem .pdImg img:nth-child(1) {
    height: 100%;
    width: auto;
  }
  .indexProduct .pdContent ul .pdItem .pdImg img:nth-child(2) {
    height: 65px;
  }
  .indexProduct .pdContent ul .pdItem .pdImg::before {
    width: 90%;
    height: 90%;
  }
}
@media (min-width: 992px) {
  .indexProduct .pdContent ul {
    padding: 0 20px;
  }
  .indexProduct .pdContent ul .pdItem {
    display: block;
    width: calc(25% - 20px);
    padding: 0;
  }
  .indexProduct .pdContent ul .pdItem .pdImg img:nth-child(2) {
    height: 35px;
  }
}
@media (min-width: 1025px) {
  .indexProduct .pdContent ul {
    padding: 0 50px;
  }
  .indexProduct .pdContent ul .pdItem .pdImg img:nth-child(2) {
    height: 50px;
  }
}
@media (min-width: 1440px) {
  .indexProduct .pdContent ul .pdItem {
    padding: 0;
    margin: 10px;
  }
}

.indexEditor {
  position: relative;
  background: linear-gradient(45deg, #0EE5F4, #009CAF 70%);
  padding: 30px 0;
  overflow: visible;
}
@media (min-width: 992px) {
  .indexEditor {
    padding: 80px 0 50px;
  }
}
.indexEditor .abTitle {
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 50%;
  top: 10px;
  transform: translate(-50%, -50%);
}
.indexEditor .abTitle img {
  width: 100%;
}
@media (min-width: 768px) {
  .indexEditor .abTitle img {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .indexEditor .abTitle img {
    width: 70%;
  }
}
@media (min-width: 1025px) {
  .indexEditor .abTitle img {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .indexEditor .abTitle img {
    width: 55%;
  }
}
@media (min-width: 1440px) {
  .indexEditor .abTitle img {
    width: 35%;
  }
}
.indexEditor .abTitle h2 {
  width: 100%;
  left: 50%;
  top: 37%;
  letter-spacing: 0;
  padding-left: 0;
}
@media (min-width: 480px) {
  .indexEditor .abTitle h2 {
    letter-spacing: 3px;
  }
}
@media (min-width: 768px) {
  .indexEditor .abTitle h2 {
    top: 40%;
  }
}
@media (min-width: 1440px) {
  .indexEditor .abTitle h2 {
    width: 100%;
  }
}
.indexEditor .edContent {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  padding: 0 0;
}
.indexEditor .edContent .edLeft, .indexEditor .edContent .edRight {
  padding: 50px 0px 0;
  width: 100%;
}
.indexEditor .edContent .edLeft {
  text-align: center;
}
.indexEditor .edContent .edLeft img {
  max-width: 300px;
}
.indexEditor .edContent .edRight {
  position: relative;
  text-align: center;
}
.indexEditor .edContent .edRight img {
  width: 70%;
}
.indexEditor .edContent .edRight img.point {
  position: absolute;
  left: 63%;
  top: 5%;
  width: 80px;
}
.indexEditor .edContent .edRight .edBtn {
  display: inline-block;
  width: 100%;
  padding-bottom: 0px;
  margin-top: 30px;
}
.indexEditor .edContent .edRight .edBtn button {
  position: relative;
  display: inline-block;
  width: 88%;
  height: 88px;
  color: #fff;
  font-size: 23px;
  background: center/88% url("../images/加入好友.png") no-repeat;
  border: unset;
}
.indexEditor .edContent .edRight .edBtn button span {
  position: relative;
  display: inline-block;
  z-index: 1;
}
@media (min-width: 480px) {
  .indexEditor .edContent .edRight .edBtn button {
    width: 300px;
    height: 68px;
    font-size: 32px;
    background: center/100% url("../images/加入好友.png") no-repeat;
  }
}
@media (min-width: 992px) {
  .indexEditor .edContent .edRight .edBtn {
    width: unset;
  }
  .indexEditor .edContent .edRight .edBtn button {
    background: center/cover url("../images/加入好友.png") no-repeat;
  }
}
.indexEditor .edContent h4 {
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .indexEditor .edContent {
    font-size: 40px;
    padding: 50px 0px 0;
    margin: 30px 0 20px;
  }
  .indexEditor .edContent .edLeft, .indexEditor .edContent .edRight {
    padding: 20px 20px 0;
  }
  .indexEditor .edContent .edLeft {
    width: 40%;
  }
  .indexEditor .edContent .edLeft img {
    max-width: 100%;
  }
  .indexEditor .edContent .edRight {
    width: 60%;
    text-align: left;
  }
  .indexEditor .edContent .edRight img {
    width: 70%;
  }
  .indexEditor .edContent .edRight img.point {
    left: 42%;
    top: -12%;
    width: 65px;
  }
  .indexEditor .edContent .edRight .edBtn {
    padding-bottom: 10px;
  }
  .indexEditor .edContent h4 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .indexEditor .edContent {
    padding: 0px 80px 0;
  }
  .indexEditor .edContent .edLeft, .indexEditor .edContent .edRight {
    padding: 30px 30px 0;
  }
  .indexEditor .edContent .edRight img.point {
    width: 80px;
  }
  .indexEditor .edContent h4 {
    font-size: 40px;
    margin: 30px 0 20px;
  }
}
@media (min-width: 1025px) {
  .indexEditor .edContent .edRight img.point {
    top: -12%;
    width: 80px;
  }
  .indexEditor .edContent .edRight .edBtn:hover {
    padding-bottom: 0px;
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .indexEditor .edContent .edRight img.point {
    left: 40%;
    top: -22%;
    width: 120px;
  }
}
@media (min-width: 1440px) {
  .indexEditor .edContent .edRight img.point {
    left: unset;
    right: 38%;
    top: -26%;
    width: 150px;
  }
}
.indexEditor .edStore {
  margin-top: 0px;
}
.indexEditor .edStore ul {
  flex-wrap: wrap;
  margin-bottom: 0;
}
.indexEditor .edStore ul li {
  width: 50%;
  text-align: center;
  padding: 20px 0 10px;
}
.indexEditor .edStore ul li:nth-child(1), .indexEditor .edStore ul li:nth-child(2), .indexEditor .edStore ul li:nth-child(3), .indexEditor .edStore ul li:nth-child(4) {
  margin-bottom: 20px;
}
.indexEditor .edStore ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexEditor .edStore ul li img {
  width: 65%;
  max-width: 75px;
}
.indexEditor .edStore ul li h4 {
  font-size: 23px;
  font-weight: bold;
  color: #060838;
  padding-top: 3px;
  margin-bottom: 0;
}
.indexEditor .edStore ul li:hover {
  background-color: #0EE5F4;
}
@media (min-width: 480px) {
  .indexEditor .edStore ul li {
    width: 33.3333333333%;
  }
  .indexEditor .edStore ul li:nth-child(4) {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .indexEditor .edStore ul {
    flex-wrap: nowrap;
  }
  .indexEditor .edStore ul li {
    width: 100%;
  }
  .indexEditor .edStore ul li:nth-child(1), .indexEditor .edStore ul li:nth-child(2), .indexEditor .edStore ul li:nth-child(3) {
    margin-bottom: 0px;
  }
  .indexEditor .edStore ul li img {
    max-width: 75px;
  }
  .indexEditor .edStore ul li h4 {
    padding-top: 5px;
  }
  .indexEditor .edStore ul li:hover h4 {
    padding-top: 0;
  }
}
@media (min-width: 1025px) {
  .indexEditor .edStore ul h4 {
    font-size: 27px;
  }
}
.sfHeader p {
  letter-spacing: 3px;
}

.sfContent .container {
  padding-top: 0;
  padding: 0 20px 80px 20px;
  background: linear-gradient(0deg, transparent, #1c1c1c 70%, transparent);
}
@media (min-width: 768px) {
  .sfContent .container {
    padding: 0 50px 80px 50px;
  }
}
.sfContent .sfTitle {
  font-size: 19px;
  text-align: center;
  color: #009CAF;
  margin-bottom: 15px;
}
.sfContent .sfNote p {
  text-align: center;
}
.sfContent .sfNote p a {
  color: #FF6F61;
}
.sfContent .sfNote p a:hover {
  color: #060838;
  text-decoration: underline;
}
.sfContent .sfTable {
  margin-bottom: 0px;
  overflow: auto;
}
.sfContent .sfTable#sftable01::-webkit-scrollbar, .sfContent .sfTable#sftable02::-webkit-scrollbar, .sfContent .sfTable#sftable03::-webkit-scrollbar {
  height: 13px;
  background-color: #222;
  -webkit-height: 13px;
  -webkit-background-color: #222;
}
.sfContent .sfTable#sftable01::-webkit-scrollbar-thumb, .sfContent .sfTable#sftable02::-webkit-scrollbar-thumb, .sfContent .sfTable#sftable03::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #EFEFEF;
  border: solid 2px #222;
  -webkit-border-radius: 10px;
  -webkit-background-color: #EFEFEF;
  -webkit-border: solid 2px #222;
}
.sfContent .sfTable table {
  width: 100%;
  min-width: 800px;
}
.sfContent .sfTable table th, .sfContent .sfTable table td {
  color: #fff;
  padding: 10px;
  text-align: center;
  border: solid 1px #EFEFEF;
}
.sfContent .sfTable table th {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  background-color: #515151;
}
.sfContent .sfTable table td {
  background-color: #000;
}
@media (min-width: 992px) {
  .sfContent .sfTable {
    margin-bottom: 80px;
  }
}
.sfContent .sfNotice {
  display: block;
  margin: 10px 0 80px;
}
@media (min-width: 992px) {
  .sfContent .sfNotice {
    display: none;
  }
}
.sfContent .sfList ul li {
  display: block;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.sfContent .sfList ul li span {
  position: relative;
  font-size: 17px;
}
.sfContent .sfList ul li span::before {
  position: absolute;
  left: -35px;
  top: -8px;
  content: url("../images/logo/favicon.svg");
  transform: scale(0.6);
}

.vlList, .vlDetail {
  transition: all 0.5s ease;
}

.vlList, .vlDetail.one, .vlDetail.two, .vlResult, .vlReserve, .vlFinished, .vlCoupon {
  padding-top: 0px;
  margin-top: 80px;
}
@media (min-width: 768px) {
  .vlList, .vlDetail.one, .vlDetail.two, .vlResult, .vlReserve, .vlFinished, .vlCoupon {
    padding-top: 50px;
  }
}

.vlList, .vlDetail.one, .vlDetail.two, .vlProcess, .vlResult, .vlFinished, .vlCoupon {
  border-top: solid 10px #efefef;
}

.vlList .nav-tabs {
  max-width: 720px;
  margin: 0 auto 10px;
}
.vlList .nav-tabs .nav-item {
  border-color: #777;
  border-right: 1px solid #777;
}
.vlList .nav-tabs .nav-item .nav-link {
  padding: 10px 0px;
  left: 0;
}
.vlList .nav-tabs .nav-item .nav-link span {
  color: #222;
  font-size: 17px;
}
.vlList .nav-tabs .nav-item .nav-link span i {
  font-size: 40px;
}
.vlList .nav-tabs .nav-item .nav-link:hover span {
  color: #009CAF;
}
.vlList .nav-tabs .nav-item .nav-link:hover span i {
  color: #009CAF;
}
.vlList .nav-tabs .nav-item .nav-link.active span {
  color: #D6006D;
}
.vlList .nav-tabs .nav-item .nav-link.active span i {
  color: #D6006D;
}
@media (min-width: 768px) {
  .vlList .nav-tabs .nav-item .nav-link {
    padding: 30px 30px 20px;
  }
}
@media (min-width: 768px) {
  .vlList .nav-tabs .nav-item {
    border-right: unset;
  }
  .vlList .nav-tabs .nav-item .nav-link {
    left: 1px;
  }
}
.vlList .tab-content .pe-0 {
  padding-right: 15px !important;
}
@media (min-width: 768px) {
  .vlList .tab-content .pe-0 {
    padding-right: 0 !important;
  }
}
.vlList .tab-content .ps-0 {
  padding-left: 15px !important;
}
@media (min-width: 768px) {
  .vlList .tab-content .ps-0 {
    padding-left: 0 !important;
  }
}
.vlList .tab-content .tab-pane .nav .nav-item .nav-link {
  color: #222;
  font-size: 17px;
  padding: 0 10px;
}
.vlList .tab-content .tab-pane .nav .nav-item .nav-link.active, .vlList .tab-content .tab-pane .nav .nav-item .nav-link:hover {
  color: #fff;
  background-color: #060838;
}
.vlList .tab-content .tab-pane .tab-content {
  padding: 10px 10px;
  border: solid 1px #777;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul {
  margin-bottom: 0;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul li {
  font-weight: 600;
  margin-bottom: 0px;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul li a {
  display: block;
  color: #222;
  font-size: 17px;
  width: 100%;
  border-bottom: solid 1px #777;
  padding: 10px 20px;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul li a:hover {
  color: #fff;
  background-color: #D6006D;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul li:last-child {
  margin-bottom: 0;
}
.vlList .tab-content .tab-pane .tab-content .tab-pane ul li:last-child a {
  border-bottom: unset;
}
@media (min-width: 768px) {
  .vlList .tab-content .tab-pane .tab-content {
    padding: 20px 30px;
  }
  .vlList .tab-content .tab-pane .tab-content .tab-pane ul li a {
    padding: 20px 30px;
  }
}

.vlArea {
  position: relative;
  top: 180px;
  height: calc(100vh - 200px);
  max-width: 1000px;
  padding: 20px 0;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .vlArea {
    padding: 30px 80px;
  }
}

.vlDetail .vlContent {
  border-radius: 20px;
  padding: 20px 20px;
  margin-bottom: 50px;
  margin: 0 auto 10px;
  max-width: 1000px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}
.vlDetail .vlContent:hover {
  cursor: pointer;
}
.vlDetail .vlContent .vlBreadcrumb ul li {
  position: relative;
  padding-right: 30px;
}
.vlDetail .vlContent .vlBreadcrumb ul li h2, .vlDetail .vlContent .vlBreadcrumb ul li a {
  font-size: 17px;
}
.vlDetail .vlContent .vlBreadcrumb ul li h2 {
  line-height: 1.5;
  margin-bottom: 0;
}
.vlDetail .vlContent .vlBreadcrumb ul li::after {
  position: absolute;
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 13px;
  right: 10px;
  top: 0;
}
.vlDetail .vlContent .vlBreadcrumb ul li:last-child {
  padding-right: 0;
}
.vlDetail .vlContent .vlBreadcrumb ul li:last-child::after {
  content: unset;
}
.vlDetail .vlContent .vlMenu ul, .vlDetail .vlContent .vlTop ul {
  margin-bottom: 0px;
}
.vlDetail .vlContent .vlMenu ul li, .vlDetail .vlContent .vlTop ul li {
  position: relative;
  padding-right: 30px;
}
.vlDetail .vlContent .vlMenu ul li h2, .vlDetail .vlContent .vlTop ul li h2 {
  font-size: 21px;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0;
}
.vlDetail .vlContent .vlMenu ul li p, .vlDetail .vlContent .vlTop ul li p {
  color: #777;
}
.vlDetail .vlContent .vlMenu ul li a, .vlDetail .vlContent .vlMenu ul li span, .vlDetail .vlContent .vlTop ul li a, .vlDetail .vlContent .vlTop ul li span {
  font-size: 17px;
}
.vlDetail .vlContent .vlMenu ul li:last-child, .vlDetail .vlContent .vlTop ul li:last-child {
  padding-right: 0;
}
.vlDetail .vlContent .vlBoard ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.vlDetail .vlContent .vlBoard ul li {
  border: solid 1px #efefef;
  margin-bottom: 10px;
}
.vlDetail .vlContent .vlBoard ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  border: solid 1px #ddd;
  text-align: left;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}
.vlDetail .vlContent .vlBoard ul li a h3 {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}
.vlDetail .vlContent .vlBoard ul li a p {
  color: #777;
  font-size: 15px;
  font-weight: 400;
}
.vlDetail .vlContent .vlBoard ul li a:hover {
  background-color: #EFEFEF;
  border-color: #222;
}
.vlDetail .vlContent .vlBoard ul li a.btn:hover, .vlDetail .vlContent .vlBoard ul li a.btn:focus {
  outline: unset;
}
.vlDetail .vlContent .vlBoard ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .vlDetail .vlContent {
    padding: 30px 80px;
  }
  .vlDetail .vlContent .vlBoard ul li {
    margin-bottom: 20px;
  }
  .vlDetail .vlContent .vlBoard ul li a {
    padding: 20px 20px;
  }
}
.vlDetail.one .vlContent .vlBreadcrumb ul li.active, .vlDetail.two .vlContent .vlBreadcrumb ul li.active {
  border-bottom: solid 1px #FF6F61;
}
.vlDetail.one .vlContent .vlBreadcrumb ul li.active a, .vlDetail.two .vlContent .vlBreadcrumb ul li.active a {
  color: #FF6F61;
}
.vlDetail.one .vlContent .vlBoard ul li {
  position: relative;
}
.vlDetail.one .vlContent .vlBoard ul li::after {
  position: absolute;
  right: 20px;
  top: 50%;
  color: #222;
  font-size: 17px;
  content: "\f105";
  font-family: "FontAwesome";
  transform: translateY(-50%);
}
.vlDetail.one .vlContent .vlBack {
  text-align: center;
}
.vlDetail.one .vlContent .vlBack a {
  color: #222;
  font-size: 17px;
  background-color: transparent;
  border-radius: 0px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlDetail.one .vlContent .vlBack a:hover {
  color: #009CAF;
}
.vlDetail.other .vlContent .vlBoard ul {
  flex-wrap: wrap;
}
.vlDetail.other .vlContent .vlBoard ul li {
  width: 100%;
}
.vlDetail.other .vlContent .vlBoard ul li:nth-child(even) {
  margin-right: 0px;
}
.vlDetail.other .vlContent .vlBoard ul li:nth-child(odd) {
  margin-left: 0px;
}
.vlDetail.other .vlContent .vlBoard ul li:first-child {
  width: 100%;
  margin-left: 0;
}
.vlDetail.other .vlContent .vlBoard ul li:last-child {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .vlDetail.other .vlContent .vlBoard ul li {
    width: calc(50% - 10px);
  }
  .vlDetail.other .vlContent .vlBoard ul li:nth-child(even) {
    margin-right: 10px;
  }
  .vlDetail.other .vlContent .vlBoard ul li:nth-child(odd) {
    margin-left: 10px;
  }
  .vlDetail.other .vlContent .vlBoard ul li:first-child {
    margin-left: 0;
  }
}
.vlDetail.final, .vlDetail.sixteen {
  text-align: center;
  max-width: 1000px;
  padding: 0 5px;
  margin: auto 10px;
}
.vlDetail.final .btn, .vlDetail.sixteen .btn {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  background-color: #060838;
  border-radius: 30px;
  padding: 5px 20px;
}
.vlDetail.final .btn:hover, .vlDetail.sixteen .btn:hover {
  background-color: #D6006D;
}
@media (min-width: 768px) {
  .vlDetail.final, .vlDetail.sixteen {
    padding: 0 20px;
    margin: auto;
  }
  .vlDetail.final .btn, .vlDetail.sixteen .btn {
    padding: 15px 20px;
  }
}

.vlProcess {
  position: fixed;
  width: 100%;
  padding: 20px 15px 10px;
  margin-top: 85px;
  background-color: #fff;
  border-bottom: solid 1px #EFEFEF;
  z-index: 999;
}
.vlProcess .vlContent {
  margin-bottom: 50px;
  margin: 0 auto 10px;
  max-width: 1000px;
  overflow: hidden;
}
.vlProcess .vlContent ul {
  position: relative;
  background-color: #EFEFEF;
}
.vlProcess .vlContent ul li {
  width: calc(8.3333333333% + 10px);
  display: block;
  height: 35px;
}
.vlProcess .vlContent ul li.vlCount {
  position: absolute;
  justify-content: center;
  width: 100%;
  color: #222;
}
.vlProcess .vlContent ul li.active {
  background-color: #009CAF;
}

.vlResult .vlContent, .vlStore .vlContent, .vlReserve .vlContent, .vlFinished .vlContent, .vlCoupon .vlContent {
  border-radius: 20px;
  padding: 30px 20px;
  margin-bottom: 50px;
  margin: 0 auto 10px;
  max-width: 1000px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .vlResult .vlContent, .vlStore .vlContent, .vlReserve .vlContent, .vlFinished .vlContent, .vlCoupon .vlContent {
    padding: 30px 80px;
  }
}

.vlCoupon .vlContent .vlMenu {
  align-items: flex-start;
}
.vlCoupon .vlContent .vlMenu ul {
  margin-bottom: 0px;
}
.vlCoupon .vlContent .vlMenu ul li {
  position: relative;
  padding-right: 30px;
}
.vlCoupon .vlContent .vlMenu ul li h2 {
  font-size: 21px;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
  margin-bottom: 0;
}
.vlCoupon .vlContent .vlMenu ul li p {
  color: #777;
}
.vlCoupon .vlContent .vlMenu ul li a, .vlCoupon .vlContent .vlMenu ul li span {
  font-size: 17px;
}
.vlCoupon .vlContent .vlMenu ul li:last-child {
  padding-right: 0;
}

.vlResult .vlContent {
  background-color: #FF6F61;
}
.vlResult .vlContent h3, .vlResult .vlContent h4 {
  line-height: 1.5;
  margin-bottom: 0;
}
.vlResult .vlContent .vlTitle {
  margin-bottom: 20px;
  border-left: solid 3px #222;
  padding-left: 15px;
}
.vlResult .vlContent .vlTitle h3, .vlResult .vlContent .vlTitle h4 {
  color: #222;
}
.vlResult .vlContent .vlTitle h3 {
  font-size: 23px;
  font-weight: bold;
}
.vlResult .vlContent .vlTitle h4 {
  font-size: 17px;
}
.vlResult .vlContent .vlInfo {
  flex-direction: column;
  align-items: center;
}
.vlResult .vlContent .vlInfo .vlPrice h3 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: 0px 2px 2px #D6006D;
}
.vlResult .vlContent .vlInfo .vlPrice p {
  color: #222;
  margin-bottom: 0;
}
.vlResult .vlContent .vlInfo .vlBtn {
  padding-right: 0px;
  margin-top: 10px;
}
.vlResult .vlContent .vlInfo .vlBtn a {
  color: #fff;
  font-size: 17px;
  background-color: #060838;
  border-radius: 50px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlResult .vlContent .vlInfo .vlBtn a.restart {
  color: #060838;
  border: solid 2px #060838;
  background-color: transparent;
  margin-right: 5px;
}
.vlResult .vlContent .vlInfo .vlBtn a:hover {
  background-color: #D6006D;
}
.vlResult .vlContent .vlInfo .vlBtn a:hover.restart {
  color: #fff;
  border-color: #fff;
}
@media (min-width: 768px) {
  .vlResult .vlContent .vlInfo .vlBtn {
    margin-top: 0;
  }
  .vlResult .vlContent .vlInfo .vlBtn a {
    padding: 10px 50px;
  }
}
@media (min-width: 768px) {
  .vlResult .vlContent .vlInfo {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .vlResult .vlContent .vlInfo .vlBtn {
    text-align: right;
  }
  .vlResult .vlContent .vlInfo .vlBtn a.restart {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .vlResult .vlContent .vlInfo {
    align-items: flex-end;
  }
  .vlResult .vlContent .vlInfo .vlBtn a.restart {
    margin-right: 10px;
    margin-bottom: 0px;
  }
}

.vlStore .vlContent {
  margin-bottom: 10px;
}
.vlStore .vlContent .vlTop h3 {
  color: #222;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
  text-align: center;
}
.vlStore .vlContent .vlTop ul {
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
.vlStore .vlContent .vlTop ul li {
  position: relative;
  width: 20%;
  text-align: center;
}
.vlStore .vlContent .vlTop ul li img {
  width: fit-content;
  padding: 5px;
}
.vlStore .vlContent .vlTop ul li p {
  display: none;
  visibility: hidden;
  opacity: 0;
  color: #222;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0 10px;
}
.vlStore .vlContent .vlTop ul li:not(:last-child)::after {
  position: absolute;
  display: inline-block;
  content: "\f105";
  font-family: "FontAwesome";
  right: 0;
  top: 50%;
  font-size: 15px;
  color: #222;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .vlStore .vlContent .vlTop ul {
    margin-bottom: 30px;
  }
  .vlStore .vlContent .vlTop ul li img {
    max-width: 100px;
  }
  .vlStore .vlContent .vlTop ul li p {
    display: block;
    visibility: visible;
    opacity: 1;
    font-size: 13px;
  }
  .vlStore .vlContent .vlTop ul li:not(:last-child)::after {
    top: 50px;
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .vlStore .vlContent .vlTop ul li p {
    font-size: 17px;
  }
}
.vlStore .vlContent .vlMid .vlLocation h3 {
  color: #D6006D;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  border-bottom: solid 1px #777;
  margin-bottom: 0;
}
.vlStore .vlContent .vlMid .vlLocation ul {
  margin: 10px 0 0;
}
.vlStore .vlContent .vlMid .vlLocation ul li {
  border-bottom: solid 1px #efefef;
  padding: 0 10px;
}
.vlStore .vlContent .vlMid .vlLocation ul li h4, .vlStore .vlContent .vlMid .vlLocation ul li p {
  margin-bottom: 0;
}
.vlStore .vlContent .vlMid .vlLocation ul li h4 {
  font-size: 17px;
  color: #222;
}
.vlStore .vlContent .vlMid .vlLocation ul li p {
  color: #222;
}
.vlStore .vlContent .vlMid .vlLocation ul li p span {
  font-family: "fontAwesome";
  margin-left: 10px;
}
.vlStore .vlContent .vlMid .vlLocation ul li:last-child {
  border-bottom: unset;
}
.vlStore .vlContent .vlMid .vlLocation ul li:hover {
  cursor: pointer;
  background-color: #EFEFEF;
}
.vlStore .vlContent .vlMid .vlDate h3 {
  color: #D6006D;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  border-bottom: solid 1px #777;
  margin-bottom: 0;
}
.vlStore .vlContent .vlMid .vlDate input {
  color: #222;
  font-size: 17px;
}
.vlStore .vlContent .vlBottom {
  padding-top: 20px;
  margin-top: 20px;
}
.vlStore .vlContent .vlBottom .vlReciver h3 {
  color: #D6006D;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  border-bottom: solid 1px #777;
  margin-bottom: 0;
}
.vlStore .vlContent .vlBottom .vlReciver form {
  padding: 0 10px;
  margin-top: 20px;
}
.vlStore .vlContent .vlBottom .vlReciver form .formGroup {
  margin-bottom: 20px;
}
.vlStore .vlContent .vlBottom .vlReciver form .formGroup label {
  font-size: 17px;
  font-weight: 400;
  color: #222;
  min-width: 60px;
  max-width: fit-content;
  padding-right: 10px;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .vlStore .vlContent .vlBottom .vlReciver form .formGroup label {
    min-width: fit-content;
    max-width: unset;
  }
}
.vlStore .vlContent .vlBottom .vlReciver form .formGroup input {
  color: #222;
  font-size: 17px;
  padding: 5px 10px;
  margin-bottom: 0;
}
.vlStore .vlContent .vlBottom ul li h4 {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
}
.vlStore .vlContent .vlBottom ul li h4 span {
  font-size: 27px;
  font-weight: bold;
}
.vlStore .vlContent .vlBottom ul li a {
  color: #fff;
  font-size: 17px;
  background-color: #060838;
  border-radius: 50px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlStore .vlContent .vlBottom ul li a:hover {
  background-color: #D6006D;
}
@media (min-width: 768px) {
  .vlStore .vlContent .vlBottom ul li a {
    padding: 10px 50px;
  }
}

.vlReserve .vlContent .nav-tabs {
  margin: 0 auto 10px;
}
.vlReserve .vlContent .nav-tabs .nav-item {
  width: 33.3333333333%;
}
.vlReserve .vlContent .nav-tabs .nav-item .nav-link {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 0;
  border-bottom: solid 3px transparent;
}
.vlReserve .vlContent .nav-tabs .nav-item .nav-link:hover {
  background-color: #EFEFEF;
}
.vlReserve .vlContent .nav-tabs .nav-item .nav-link:hover, .vlReserve .vlContent .nav-tabs .nav-item .nav-link.active {
  color: #060838;
  border-color: #060838;
}
@media (min-width: 768px) {
  .vlReserve .vlContent .nav-tabs .nav-item .nav-link {
    font-size: 23px;
  }
}
.vlReserve .vlContent .vlTop {
  margin-bottom: 30px;
}
.vlReserve .vlContent .vlTop .tab-content {
  min-height: fit-content;
}
.vlReserve .vlContent .vlTop .tab-content ul li {
  color: #222;
  font-size: 17px;
  font-weight: bold;
  border-radius: 20px;
  border: solid 1px transparent;
  padding: 15px 30px;
  margin: 0 auto 10px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}
.vlReserve .vlContent .vlTop .tab-content ul li:hover {
  cursor: pointer;
  background-color: #EFEFEF;
  border-color: #222;
}
.vlReserve .vlContent .vlTop .tab-content ul li:focus {
  border: solid 1px #0EE5F4;
}
@media (min-width: 768px) {
  .vlReserve .vlContent .vlTop .tab-content {
    min-height: 300px;
  }
  .vlReserve .vlContent .vlTop .tab-content ul li {
    padding: 30px 80px;
  }
}
.vlReserve .vlContent .vlBottom .rsTitle h3 {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  background-color: #D6006D;
  margin-bottom: 20px;
}
.vlReserve .vlContent .vlBottom .rsTitle .rsItem {
  margin-bottom: 20px;
}
.vlReserve .vlContent .vlBottom .rsTitle .rsItem label {
  min-width: fit-content;
  font-size: 17px;
  color: #222;
  padding-right: 20px;
  margin-bottom: 0;
}
.vlReserve .vlContent .vlBottom .rsTitle .rsItem select {
  width: 100%;
  color: #222;
  font-size: 15px;
  padding-left: 10px;
  margin-bottom: 0;
  border: solid 1px #222;
}
.vlReserve .vlContent .vlBottom .rsTool {
  justify-content: center;
}
.vlReserve .vlContent .vlBottom .rsTool .rsBack a {
  color: #222;
  font-size: 17px;
  background-color: transparent;
  border-radius: 0px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlReserve .vlContent .vlBottom .rsTool .rsBack a:hover {
  color: #009CAF;
}
.vlReserve .vlContent .vlBottom .rsTool .rsBtn a {
  color: #fff;
  font-size: 17px;
  background-color: #060838;
  border-radius: 50px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlReserve .vlContent .vlBottom .rsTool .rsBtn a:hover {
  background-color: #FF6F61;
}
@media (min-width: 768px) {
  .vlReserve .vlContent .vlBottom .rsTool .rsBtn a {
    padding: 10px 50px;
  }
}

.vlFinished .vlContent .slogan {
  font-size: 23px;
  font-weight: bold;
  color: #060838;
  text-align: center;
  margin-bottom: 10px;
}
.vlFinished .vlContent h3 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  color: #D6006D;
  padding: 0 0 10px;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .vlFinished .vlContent h3 {
    padding: 0px 50px 10px;
    text-align: left;
  }
}
.vlFinished .vlContent .fnInfo {
  padding: 0 0px;
}
.vlFinished .vlContent .fnInfo ul li {
  margin-bottom: 10px;
}
.vlFinished .vlContent .fnInfo ul li p {
  color: #222;
  font-size: 17px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .vlFinished .vlContent .fnInfo {
    padding: 0px 50px;
  }
}
.vlFinished .vlContent .fnBtn {
  text-align: center;
  margin-top: 20px;
}
.vlFinished .vlContent .fnBtn a {
  color: #fff;
  font-size: 17px;
  background-color: #060838;
  border-radius: 50px;
  padding: 5px 30px;
  transition: all 0.2s linear;
}
.vlFinished .vlContent .fnBtn a:hover {
  background-color: #D6006D;
}
@media (min-width: 768px) {
  .vlFinished .vlContent .fnBtn a {
    padding: 10px 50px;
  }
}

.ftBox {
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .ftBox {
    display: block;
    width: 100%;
    height: 350px;
  }
}
@media (min-width: 992px) {
  .ftBox {
    height: 310px;
  }
}
@media (min-width: 1200px) {
  .ftBox {
    height: 300px;
  }
}

footer {
  background-color: #fff;
  padding: 30px 0 0;
}
footer .ftContent {
  text-align: center;
}
footer .ftContent .footer-logo {
  margin-bottom: 30px;
}
footer .ftContent .ftInfo {
  color: #222;
  font-size: 14px;
  letter-spacing: 2px;
}
footer .ftContent .ftInfo ul {
  border-bottom: solid 1px #fff;
  margin-bottom: 0;
}
footer .ftContent .ftInfo ul li {
  color: #222;
  letter-spacing: 2px;
  font-size: 17px;
  margin-bottom: 5px;
}
footer .ftContent .ftInfo ul li span {
  display: block;
  font-weight: bold;
}
@media (min-width: 768px) {
  footer .ftContent .ftInfo ul li span {
    display: inline-block;
  }
}
footer .ftContent .ftInfo ul a {
  color: #222;
}
footer .ftContent .ftInfo ul a:hover {
  color: #009CAF;
}
footer .ftContent .ftInfo .ftCopyright {
  color: #777;
}
@media (min-width: 768px) {
  footer .ftContent {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
  }
  footer .ftContent .footer-logo {
    padding-right: 50px;
    margin-bottom: 0;
  }
}
footer .ftBrand {
  margin: 10px 0;
}
footer .ftBrand ul {
  justify-content: center;
  flex-wrap: wrap;
  border-top: solid 1px #767676;
  padding-top: 20px;
  margin-top: 10px;
}
footer .ftBrand ul li {
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(50% - 20px);
  padding: 3px 0 20px;
  margin-right: 0px;
}
footer .ftBrand ul li img {
  height: 27px;
  padding-right: 0px;
}
footer .ftBrand ul li::after {
  position: absolute;
  right: 0;
  display: inline-block;
  content: "";
  width: 1px;
  height: 100%;
  background-color: transparent;
}
footer .ftBrand ul li:last-child {
  margin-right: 0;
}
footer .ftBrand ul li:last-child img {
  padding-right: 0;
}
footer .ftBrand ul li:last-child::after {
  content: unset;
}
@media (min-width: 768px) {
  footer .ftBrand ul {
    flex-wrap: nowrap;
    border-top: unset;
    padding-top: 0;
  }
  footer .ftBrand ul li {
    width: fit-content;
    justify-content: flex-end;
    margin-right: 20px;
  }
  footer .ftBrand ul li img {
    padding-right: 20px;
  }
  footer .ftBrand ul li::after {
    background-color: #767676;
  }
}
@media (min-width: 1200px) {
  footer .ftBrand ul {
    justify-content: flex-start;
    margin-top: 0;
  }
}
footer .ftBottom {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #009CAF;
  padding: 15px 0;
  margin-top: 20px;
}

#finish-notice {
  color: #222;
  font-size: 17px;
  padding: 0;
  margin-top: 30px;
  list-style: disc;
}
#finish-notice p {
  color: #222;
  margin-bottom: 5px;
}
#finish-notice li {
  margin-left: 15px;
}

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