.menuSection { padding: 150px 0; background: url(../images/news/newsSection_bg.jpg) repeat center 0; }

.menuSection__bd { margin-top: 50px; }

.menuSection__bd > picture, .menuSection__bd > img { margin: 0 auto; display: block; }

.menuSection__ft { width: 100%; max-width: 1270px; margin: 0 auto; padding: 45px 0; clear: both; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #6c6969; }

@media (max-width: 599px) { .menuSection__bd > picture img { width: 100%; }
  .menuSection__ft { flex-direction: column-reverse; } }

.menuSectionMenu { width: 100%; display: flex; justify-content: center; align-items: center; }

.menuSectionMenu .con { width: 100%; height: 100%; max-width: 1024px; position: relative; display: flex; }

.menuSectionMenu .con picture, .menuSectionMenu .con img { display: block; }

.menuSectionMenu.m1 .con { justify-content: flex-start; align-items: center; }

.menuSectionMenu.m2 .con { justify-content: flex-end; align-items: center; }

.menuSectionMenu.m3 .con { justify-content: flex-start; align-items: center; }

.menuSectionMenu.m4 .con { justify-content: flex-start; align-items: center; }

.menuSectionMenu.m5 .con { justify-content: flex-end; align-items: center; }

.menuSectionMenu.m6 .con { justify-content: flex-start; align-items: center; }

.menuSectionMenu.m7 .con { justify-content: flex-start; align-items: center; }

@media (min-width: 600px) { .menuSectionMenu .con { padding: 0 30px; }
  .menuSectionMenu.m1 { height: 509px; background: url("../images/menu/menu_01.jpg") center center no-repeat; }
  .menuSectionMenu.m2 { height: 510px; background: url("../images/menu/menu_02.jpg") center center no-repeat; }
  .menuSectionMenu.m3 { height: 507px; background: url("../images/menu/menu_03.jpg") center center no-repeat; }
  .menuSectionMenu.m4 { height: 790px; background: url("../images/menu/menu_04.jpg") center center no-repeat; }
  .menuSectionMenu.m5 { height: 508px; background: url("../images/menu/menu_05.jpg") center center no-repeat; }
  .menuSectionMenu.m6 { height: 507px; background: url("../images/menu/menu_06.jpg") center center no-repeat; }
  .menuSectionMenu.m7 { height: 507px; background: url("../images/menu/menu_07.jpg") center center no-repeat; } }

.menuPlus { display: flex; align-items: center; }

.menuPlus__item { margin: 0 25px; position: relative; display: flex; align-items: center; font-size: 1rem; font-family: "Heiti TC"; color: white; line-height: 1.5; }

.menuPlus__item:before { content: attr(data-price); display: flex; align-items: center; justify-content: center; margin-right: 17px; font-size: 20px; font-family: "Heiti TC"; color: white; border-radius: 50%; background-color: #6c6969; width: 3rem; height: 3rem; }

@media (max-width: 599px) { .menuPlus { width: 80%; align-items: flex-start; justify-content: space-between; }
  .menuPlus__item { flex-direction: column; margin: 0 12px; }
  .menuPlus__item:before { margin-right: 0; margin-bottom: 12px; width: 4rem; height: 4rem; } }

.menuFlag { margin-left: 70px; display: flex; align-items: center; font-size: 1rem; font-family: "Heiti TC"; color: white; line-height: 3.75; }

.menuFlag li { margin: 0 25px; display: flex; align-items: center; }

.menuFlag img, .menuFlag span { vertical-align: middle; }

.menuFlag span { margin-left: 5px; }

@media (max-width: 599px) { .menuFlag { width: 90%; margin-left: 0; margin-bottom: 1rem; justify-content: space-between; }
  .menuFlag li { margin: 0 10px; } }

.menuDownload { display: block; margin: 24px auto 0; border-radius: 10px; background-color: #6c6969; width: 260px; height: 48px; font-size: 16px; font-family: "Adobe Fan Heiti Std"; color: white; line-height: 1.5; display: flex; align-items: center; justify-content: center; }

@media (max-width: 599px) { .menuDownload { margin: 24px auto; } }