@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900&subset=chinese-traditional);

.specialvendorButton {
  width: 20%;
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 99;
  border: 1px solid rgba(0, 0, 0, 0);
  animation: baloon_1 3s infinite;
  animation-direction: alternate;
}

@keyframes baloon_1 {
  0% {
    transform: translateY(20px);
  }

  50% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(20px);
  }
}

.navbarLogo {
  pointer: none;
}

.navbarLogo a {
  display: flex;
  justify-content: center;
}

.food_dropdown li a {
  color: #fff !important;
}

.banner {
  position: relative;
}

.banner .banner_bd_2 {
  width: 100%;
  position: absolute;
  bottom: 45%;
  left: 0%;
  transform: translate(0%, 50%);
}

.banner .banner_bd_3 {
  width: 100%;
  position: absolute;
  bottom: -10%;
  left: 0;
  transform: translate(0%, 2%);
}

.banner .banner_bd_logo {
  position: absolute;
  bottom: 30%;
  left: 26%;
  transform: translate(0%, 2%);
  width: 50%;
}

.navbar .brand-logo {
  width: 7%;
}

@media (min-width: 1300px) {
  .navbar .brand-logo {
    width: 15%;
    padding-right: 1%;
  }
}

@media (max-width: 1300px) {
  .navbar .brand-logo {
    width: 30%;
    padding-right: 5%;
  }
}

@media (max-width: 500px) {
  .navbar .brand-logo {
    width: 40%;
    padding-right: 5%;
  }
}

.m_banner {
  position: relative;
}

.m_banner .m_banner_bd_2 {
  width: 100%;
  position: absolute;
  bottom: 50%;
  left: 0%;
  transform: translate(0%, 50%);
}

.m_banner .m_banner_bd_3 {
  width: 100%;
  position: absolute;
  bottom: 0%;
  left: 0;
  transform: translate(0%, 2%);
}

.m_banner .m_banner_bd_logo {
  position: absolute;
  bottom: 46%;
  left: 15%;
  transform: translate(0%, 2%);
  width: 70%;
}

.b_block {
  position: relative;
}

.b_block .b_title {
  width: 16%;
  position: absolute;
  bottom: 58%;
  left: 10%;
}

.b_block .b_button {
  width: 18%;
  position: absolute;
  bottom: 25%;
  left: 9%;
}

.m_b_block {
  position: relative;
}

.m_b_block .m_b_block_top {
  width: 100%;
  position: absolute;
  top: 4%;
  left: 0%;
}

.m_b_block .m_b_top_title {
  width: 30%;
  position: absolute;
  top: 34%;
  left: 34%;
}

.m_b_block .m_b_top_buttom {
  width: 34%;
  position: absolute;
  top: 39%;
  left: 32%;
}

.m_b_block .m_b_block_bottom {
  width: 100%;
  position: absolute;
  bottom: 15%;
  left: 0%;
}

.m_b_block .m_b_bottom_title {
  width: 25%;
  position: absolute;
  bottom: 19%;
  left: 36%;
}

.m_b_block .m_b_bottom_buttom {
  width: 34%;
  position: absolute;
  bottom: 12%;
  left: 32%;
}

.c_block {
  position: relative;
}

.c_block .c_title {
  width: 16%;
  position: absolute;
  bottom: 58%;
  right: 10%;
}

.c_block .c_button {
  width: 18%;
  position: absolute;
  bottom: 25%;
  right: 9%;
}

.d_block {
  position: relative;
}

.d_block .d_title {
  width: 23%;
  position: absolute;
  top: 8%;
  left: 8%;
}

.d_block .d_bd_1 {
  position: absolute;
  width: 30%;
  bottom: 25%;
  right: 20%;
}

.d_block .d_button {
  position: absolute;
  width: 20%;
  bottom: 35%;
  right: 23.1%;
}

.d_block .d_text {
  position: absolute;
  width: 20%;
  top: 30%;
  right: 23.1%;
}

.m_d_block {
  position: relative;
}

.m_d_block .m_d_title_1 {
  width: 35%;
  position: absolute;
  top: 4%;
  left: 5%;
}

.m_d_block .m_d_text_1 {
  width: 30%;
  position: absolute;
  top: 39%;
  left: 33%;
}

.m_d_block .m_d_content_1 {
  width: 38%;
  position: absolute;
  top: 44.5%;
  left: 29.1%;
}

.m_d_block .m_d_title_2 {
  width: 40%;
  position: absolute;
  bottom: 15%;
  left: 6%;
}

.m_d_block .m_d_text_2 {
  width: 30%;
  position: absolute;
  bottom: 9%;
  left: 33%;
}

.m_d_block .m_d_content_2 {
  width: 38%;
  position: absolute;
  bottom: 2%;
  left: 29.1%;
}

.e_block {
  position: relative;
}

.e_block .e_title {
  width: 30%;
  position: absolute;
  top: 8%;
  left: 8%;
}

.e_block .e_bd_1 {
  position: absolute;
  width: 30%;
  bottom: 25%;
  right: 20%;
}

.e_block .e_button {
  position: absolute;
  width: 20%;
  bottom: 35%;
  right: 23.1%;
}

.e_block .e_text {
  position: absolute;
  width: 20%;
  top: 30%;
  right: 23.1%;
}

.f_block {
  position: relative;
}

.f_block .f_title {
  width: 30%;
  position: absolute;
  top: 15%;
  left: 8%;
}

.f_block .f_bd_1 {
  position: absolute;
  width: 30%;
  bottom: 25%;
  right: 20%;
}

.f_block .f_button {
  position: absolute;
  width: 20%;
  bottom: 35%;
  right: 23.1%;
}

.f_block .f_text {
  position: absolute;
  width: 20%;
  top: 30%;
  right: 23.1%;
}

.m_f_block {
  position: relative;
}

.m_f_block .m_f_title {
  width: 32%;
  position: absolute;
  bottom: 26%;
  right: 35%;
}

.m_f_block .m_f_content {
  width: 41%;
  position: absolute;
  bottom: 9%;
  right: 29%;
}

.pc_footer_bd {
  position: relative;
}

.pc_footer_bd .pc_footer_line {
  width: 3%;
  position: absolute;
  bottom: 30%;
  left: 44%;
}

.pc_footer_bd .pc_footer_FB {
  width: 3%;
  position: absolute;
  bottom: 30%;
  left: 50%;
}

.pc_footer_bd .pc_footer_IG {
  width: 3%;
  position: absolute;
  bottom: 30%;
  left: 55.6%;
}

.footer_content {
  background-color: rgb(85, 81, 81);
  color: #fff;
}

.footer_content .copyRight {
  background-color: rgb(85, 81, 81);
}

.footer_content .footer-text {
  padding-left: 40%;
}

.footer_content .footer-text a {
  text-decoration: none;
  color: #fff;
}

.footer_content .footerIcon {
  width: 4%;
}

.footer_content .footerLogo {
  height: 132.6px;
}

@media (max-width: 1400px) {
  .footer_content .footer-text {
    padding-left: 25%;
  }

  .footer_content .footer-text a {
    text-decoration: none;
    color: #fff;
  }

  .footer_content .footerIcon {
    width: 4%;
  }

  .footer_content .footerLogo {
    height: 106px;
  }
}

@media (max-width: 768px) {
  .footer_content .footer-text {
    padding-left: 15%;
  }

  .footer_content .footer-text p {
    font-size: 13px;
  }

  .footer_content .footer-text a {
    font-size: 13px;
  }

  .footer_content .footerIcon {
    width: 6%;
  }

  .footer_content .footerLogo {
    height: 102px;
  }
}

@media (max-width: 374px) {
  .footer_content .footer-text {
    padding-left: 0%;
  }

  .footer_content .footer-text p {
    font-size: 12px;
  }

  .footer_content .footer-text a {
    font-size: 5px;
  }

  .footer_content .footerIcon {
    width: 40%;
  }

  .footer_content .footerLogo {
    height: 100px;
  }
}

.m_footer_bd {
  position: relative;
}

.m_footer_bd .m_footer_line {
  width: 8%;
  position: absolute;
  bottom: 30%;
  left: 30%;
}

.m_footer_bd .m_footer_FB {
  width: 8%;
  position: absolute;
  bottom: 30%;
  left: 46%;
}

.m_footer_bd .m_footer_IG {
  width: 8%;
  position: absolute;
  bottom: 30%;
  left: 60%;
}

.meat_A_block {
  position: relative;
}

.meat_A_block .meat_A_title {
  position: absolute;
  width: 80%;
  top: 20%;
  left: 10%;
}

.meat_A_block .meat_A_content {
  position: absolute;
  width: 20%;
  bottom: 7%;
  right: 40%;
}

.m_meat_A_block {
  position: relative;
}

.m_meat_A_block .m_meat_A_title {
  position: absolute;
  width: 100%;
  top: 15%;
  left: 0%;
}

.m_meat_A_block .m_meat_A_content {
  position: absolute;
  width: 90%;
  bottom: 20%;
  right: 5%;
}

.meat_B_block {
  position: relative;
}

.meat_B_block .meat_B_title {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 25%;
}

.meat_B_block .meat_B_content {
  position: absolute;
  width: 18%;
  bottom: 10%;
  right: 39%;
}

.m_meat_B_block {
  position: relative;
}

.m_meat_B_block .m_meat_B_title {
  position: absolute;
  width: 40%;
  top: 55%;
  left: 29%;
}

.m_meat_B_block .m_meat_B_content {
  position: absolute;
  width: 90%;
  bottom: 20%;
  right: 5%;
}

.meat_C_block {
  position: relative;
}

.meat_C_block .meat_C_title {
  position: absolute;
  width: 50%;
  bottom: 29%;
  left: 25%;
}

.meat_C_block .meat_C_content {
  position: absolute;
  width: 25%;
  bottom: 5%;
  right: 36%;
}

.m_meat_C_block {
  position: relative;
}

.m_meat_C_block .m_meat_C_title {
  position: absolute;
  width: 40%;
  top: 55%;
  left: 29%;
}

.m_meat_C_block .m_meat_C_content {
  position: absolute;
  width: 80%;
  bottom: 10%;
  right: 10%;
}

.processed_A_block {
  position: relative;
}

.processed_A_block .processed_A_title {
  width: 35%;
  position: absolute;
  top: 7%;
  right: 32%;
}

.processed_A_block .processed_A_img {
  width: 50%;
  position: absolute;
  top: 37%;
  right: 5%;
  z-index: 99;
}

.processed_A_block .processed_A_textContent {
  width: 21%;
  position: absolute;
  top: 37%;
  left: 10%;
}

.processed_B_block {
  position: relative;
}

.processed_B_block .processed_B_img {
  width: 45%;
  position: absolute;
  bottom: -30%;
  left: 10%;
  z-index: 99;
}

.processed_B_block .processed_B_textContent {
  width: 25%;
  position: absolute;
  top: 8%;
  left: 10%;
}

.processed_B_block .processed_B_textContent_2 {
  width: 20%;
  position: absolute;
  top: 60%;
  right: 15%;
}

.processed_C_block {
  position: relative;
}

.processed_C_block .processed_C_title {
  width: 35%;
  position: absolute;
  bottom: 19%;
  left: 9%;
}

.processed_C_block .processed_C_img {
  width: 45%;
  position: absolute;
  top: 39%;
  right: 4%;
}

.processed_D_block {
  position: relative;
}

.processed_D_block .processed_D_content {
  width: 90%;
  position: absolute;
  top: 40%;
  right: 5%;
}

.about_A_block {
  position: relative;
}

.about_A_block .about_A_title {
  width: 10%;
  position: absolute;
  top: 32%;
  right: 44%;
}

.about_A_block .about_A_bd_1 {
  width: 100%;
  position: absolute;
  top: 32%;
  right: 0%;
  z-index: 81;
}

.about_A_block .about_A_bd_2 {
  width: 70%;
  position: absolute;
  top: 63%;
  right: 0%;
  z-index: 80;
}

.about_A_block .about_A_content {
  width: 25%;
  position: absolute;
  top: 51%;
  right: 36%;
}

.about_A_block .m_about_A_content {
  width: 63%;
  position: absolute;
  top: 55%;
  right: 20%;
  z-index: 99;
}

.about_C_block {
  position: relative;
}

.about_C_block .about_C_img {
  width: 100%;
  position: absolute;
  top: 35%;
  right: 0%;
  z-index: 80;
}

.about_D_block {
  position: relative;
}

.about_D_block .about_D_bd_1 {
  width: 100%;
  position: absolute;
  top: 20%;
  right: 0%;
  z-index: 85;
}

.about_D_block .about_D_content {
  width: 65%;
  position: absolute;
  top: 52%;
  right: 16%;
  z-index: 86;
}

.about_E_block {
  position: relative;
}

.about_E_block .about_E_img {
  width: 100%;
  position: absolute;
  top: 20%;
  right: 0%;
  z-index: 86;
}

.about_F_block {
  position: relative;
}

.about_F_block .about_F_content {
  width: 16%;
  position: absolute;
  top: 55%;
  left: 19%;
}

.about_F_block .about_F_img {
  width: 38%;
  position: absolute;
  top: 20%;
  right: 15%;
  z-index: 89;
}

.about_F_block .m_about_F_content {
  width: 35%;
  position: absolute;
  top: 45%;
  left: 9%;
}

.about_H_block {
  position: relative;
}

.about_H_block .about_H_title {
  width: 28%;
  position: absolute;
  top: 10%;
  left: 37%;
}

.about_H_block .about_H_content {
  width: 65%;
  position: absolute;
  top: 39%;
  right: 17.4%;
  z-index: 87;
}

.soup_A_block {
  position: relative;
}

.soup_A_block .soup_A_title {
  width: 45%;
  position: absolute;
  top: 13%;
  left: 5%;
}

.soup_A_block .soup_A_img {
  width: 30%;
  position: absolute;
  bottom: 12%;
  right: 15%;
}

.soup_A_block .soup_A_content {
  width: 20%;
  position: absolute;
  bottom: 12%;
  left: 15%;
}

.soup_B_block {
  position: relative;
}

.soup_B_block .soup_B_img {
  width: 37%;
  position: absolute;
  bottom: 31%;
  left: 15%;
}

.soup_B_block .soup_B_content {
  width: 23%;
  position: absolute;
  bottom: 31%;
  right: 15%;
}

.soup_C_block {
  position: relative;
}

.soup_C_block .soup_C_content {
  width: 40%;
  position: absolute;
  bottom: 25%;
  left: 15%;
}

.soup_D_block {
  position: relative;
}

.soup_D_block .soup_D_content {
  width: 40%;
  position: absolute;
  bottom: 26%;
  left: 15%;
}

.soup_D_block .soup_D_img {
  width: 100%;
  position: absolute;
  bottom: 26%;
  right: 0%;
}

.m_soup_A_block {
  position: relative;
}

.m_soup_A_block .m_soup_A_title {
  width: 80%;
  position: absolute;
  top: 16%;
  left: 2%;
}

.m_soup_A_block .m_soup_A_img {
  width: 80%;
  position: absolute;
  top: 42%;
  left: 10%;
}

.m_soup_A_block .m_soup_A_content {
  width: 80%;
  position: absolute;
  bottom: 8%;
  left: 10%;
}

.m_soup_B_block {
  position: relative;
}

.m_soup_B_block .m_soup_B_title {
  width: 95%;
  position: absolute;
  top: 16%;
  left: 2%;
}

.m_soup_B_block .m_soup_B_img {
  width: 100%;
  position: absolute;
  bottom: 3%;
  right: 0%;
}

.m_soup_B_block .m_soup_B_content {
  width: 70%;
  position: absolute;
  top: 30%;
  left: 2%;
}

.m_soup_C_block {
  position: relative;
}

.m_soup_C_block .m_soup_C_img {
  width: 75%;
  position: absolute;
  top: -6%;
  left: 2%;
}

.m_soup_C_block .m_soup_C_content1 {
  width: 95%;
  position: absolute;
  top: 28%;
  left: 2%;
}

.m_soup_C_block .m_soup_C_content2 {
  width: 95%;
  position: absolute;
  bottom: 7%;
  left: 2%;
}

.menu_soup_block {
  position: relative;
}

.menu_soup_block .menu_soup_img {
  width: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
}

.menu_soup_block .menu_soup_title {
  width: 20%;
  position: absolute;
  top: 13%;
  left: 40%;
}

.menu_soup_block .menu_soup_content {
  width: 100%;
  position: absolute;
  top: 2%;
}

.menu_A_block {
  position: relative;
}

.menu_A_block .menu_A_content {
  width: 100%;
  position: absolute;
  top: -13%;
}

.m_menu_A_block {
  position: relative;
}

.m_menu_A_block .m_menu_A_title {
  width: 60%;
  position: absolute;
  top: 10%;
  left: 20%;
}

.m_menu_A_block .m_menu_A_img {
  width: 90%;
  position: absolute;
  top: 25%;
  left: 5%;
}

.m_menu_A_block .m_menu_A_content {
  width: 75%;
  position: absolute;
  top: 28%;
  left: 12.5%;
}

.menu_B_block {
  position: relative;
}

.menu_B_block .menu_B_content {
  width: 100%;
  position: absolute;
  top: -20%;
}

.m_menu_B_block {
  position: relative;
}

.m_menu_B_block .m_menu_B_img {
  width: 84%;
  position: absolute;
  top: 0%;
  left: 9%;
}

.m_menu_B_block .m_menu_B_content {
  width: 70%;
  position: absolute;
  top: 13%;
  left: 15%;
}

.menu_C_block {
  position: relative;
}

.m_menu_C_block {
  position: relative;
}

.m_menu_C_block .m_menu_C_img {
  width: 83%;
  position: absolute;
  top: 0%;
  left: 10%;
}

.m_menu_C_block .m_menu_C_content {
  width: 75%;
  position: absolute;
  top: 3%;
  left: 12.5%;
}

.menu_D_block {
  position: relative;
}

.menu_D_block .menu_D_img {
  width: 80%;
  position: absolute;
  top: -4%;
  left: 10%;
}

.menu_D_block .menu_D_content {
  width: 80%;
  position: absolute;
  top: -3%;
  left: 9%;
}

.m_menu_D_block {
  position: relative;
}

.m_menu_D_block .m_menu_D_img {
  width: 86%;
  position: absolute;
  top: 0%;
  left: 10%;
}

.m_menu_D_block .m_menu_D_content {
  width: 60%;
  position: absolute;
  top: 2%;
  left: 12%;
}

.menu_re_A_block {
  position: relative;
}

.menu_re_A_block .menu_re_A_content {
  width: 80%;
  position: absolute;
  top: 14%;
  left: 10%;
}

.menu_re_B_block {
  position: relative;
}

.menu_re_B_block .menu_re_B_content {
  width: 80%;
  position: absolute;
  top: 20%;
  left: 10%;
}

.menu_re_C_block {
  position: relative;
}

.menu_re_C_block .menu_re_C_content {
  width: 75%;
  position: absolute;
  top: 16%;
  left: 10%;
}

.menu_re_D_block {
  position: relative;
}

.menu_re_D_block .menu_re_D_content {
  width: 85%;
  position: absolute;
  top: 18%;
  left: 8%;
}

.menu_re_E_block {
  position: relative;
}

.menu_re_E_block .menu_re_E_content {
  width: 80%;
  position: absolute;
  top: 18%;
  left: 7%;
}

.menu_re_F_block {
  position: relative;
}

.menu_re_F_block .menu_re_F_content {
  width: 45%;
  position: absolute;
  top: 18%;
  left: 9%;
}

.menu_re_G_block {
  position: relative;
}

.menu_re_G_block .menu_re_G_content {
  width: 25%;
  position: absolute;
  top: 18%;
  left: 13%;
}

.menu_re_H_block {
  position: relative;
}

.menu_re_H_block .menu_re_H_content {
  width: 75%;
  position: absolute;
  top: 18%;
  left: 13%;
}

.m_menu_re_A_block {
  position: relative;
}

.m_menu_re_A_block .m_menu_re_A_content {
  width: 80%;
  position: absolute;
  top: 10%;
  left: 11%;
}

.m_menu_re_B_block {
  position: relative;
}

.m_menu_re_B_block .m_menu_re_B_content {
  width: 85%;
  position: absolute;
  top: 15%;
  left: 5.5%;
}

.m_menu_re_C_block {
  position: relative;
}

.m_menu_re_C_block .m_menu_re_C_content {
  width: 60%;
  position: absolute;
  top: 6%;
  left: 20%;
}

.m_menu_re_C_block .m_menu_re_C_content_1 {
  width: 70%;
  position: absolute;
  top: 8%;
  left: 15%;
}

.m_menu_re_D_block {
  position: relative;
}

.m_menu_re_D_block .m_menu_re_D_content {
  width: 60%;
  position: absolute;
  top: 6%;
  left: 20%;
}

.m_menu_re_D_block .m_menu_re_D_content_1 {
  width: 78%;
  position: absolute;
  top: 7%;
  left: 10%;
}

.m_menu_re_E_block {
  position: relative;
}

.m_menu_re_E_block .m_menu_re_E_content {
  width: 80%;
  position: absolute;
  top: 7%;
  left: 8%;
}

.m_menu_re_F_block {
  position: relative;
}

.m_menu_re_F_block .m_menu_re_F_content {
  width: 80%;
  position: absolute;
  top: 8%;
  left: 9%;
}

.m_menu_re_G_block {
  position: relative;
}

.m_menu_re_G_block .m_menu_re_G_content {
  width: 90%;
  position: absolute;
  top: 3%;
  left: 5%;
}

.m_menu_re_H_block {
  position: relative;
}

.m_menu_re_H_block .m_menu_re_H_content {
  width: 78%;
  position: absolute;
  top: 8%;
  left: 11%;
}

.soupTaste_A_block {
  position: relative;
}

.soupTaste_A_block .soupTaste_A_title_bd {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 0%;
}

.soupTaste_A_block .soupTaste_A_title {
  position: absolute;
  width: 50%;
  top: 12%;
  left: 25%;
}

.soupTaste_A_block .soupTaste_A_img {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0%;
}

.soupTaste_B_block {
  position: relative;
}

.soupTaste_B_block .soupTaste_B_img {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0%;
}

.soupTaste_C_block {
  position: relative;
}

.soupTaste_C_block .soupTaste_C_img {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0%;
}

.soupTaste_D_block {
  position: relative;
}

.soupTaste_D_block .soupTaste_D_img {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0%;
}

.store_B_block {
  background-image: url("../../images/store/B/store_B_bd.webp");
  background-size: auto;
  background-repeat: repeat;
}

.store_B_block .nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.store_B_block .store_button_list {
  width: 50%;
  margin-left: 25%;
}

.store_B_block .store_button {
  font-size: 1.5rem;
  font-weight: bold;
  width: 90%;
  color: #fff;
  border: 1px solid #fff;
}

@media (max-width: 450px) {
  .store_B_block .store_button_list {
    width: 80%;
    margin-left: 10%;
  }

  .store_B_block .store_button {
    width: 100%;
    font-size: 1rem;
  }
}

.specialvender_content {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */
.store-list {
  padding: 20px;
}

.store-item {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 15px;
  /* 修改圓角大小 */
  color: white;
  height: 100%;
}

.store-item h5 {
  font-size: 1.2em;
  margin-bottom: 15px;
  font-weight: bold;
}

.store-item p {
  margin-bottom: 8px;
  font-size: 0.9em;
}

.store-item .note {
  color: #999;
  font-size: 0.8em;
  margin-top: 5px;
}

.store-item .time {
  margin-bottom: 0;
}