.mobile-css {
     display: none;
 }

 @media (max-width: 768px) {
     body {
         min-width: auto;
     }

     .pc-css {
         display: none;
     }

     .mobile-css {
         display: block;
     }

     .main_wrapper {
         min-height: auto;
         padding-bottom: 0;
     }

     .mobile-header {
         display: flex;
         align-items: center;
         justify-content: space-around;
         padding: 10px;
         border-bottom: 2px solid #6C4123;
     }

     .header {
         /* box-shadow: none */
     }

     .header>.mobile-header {
         width: 100%;
     }

     .header .banner {
         margin: 0 5px;
         flex: 1;
     }

     .header .banner a {
         width: 100%;
     }

     .header .banner img {
         width: 100%;
     }

     .header {
         height: auto;
         padding: 0;
     }

     .header .nav>ul {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         height: 100%;
         width: 100%;
     }

     .header .nav>ul>li {
         margin: 5px 0 !important;
         width: 70px;
     }

     .header .lan li {
         border-width: 0 1px 0 1px;
     }

     .header .lan li:last-child {
         border-left: 1px solid #ccc;
     }

     .mobile-header>div:first-child {
         width: 25px;
         height: 22px;
         cursor: pointer;
         position: relative;
         z-index: 1001;
     }

     .mobile-header>div:first-child span {
         display: block;
         position: absolute;
         left: 0;
         width: 100%;
         height: 1px;
         background: #6C4123;
         border-radius: 2px;
         transition: all .35s ease;
     }

     .mobile-header>div:first-child span:nth-child(1) {
         top: 0;
     }

     .mobile-header>div:first-child span:nth-child(2) {
         top: 50%;
         transform: translateY(-50%);
     }

     .mobile-header>div:first-child span:nth-child(3) {
         bottom: 0;
     }

     /* 點擊後變成 ✕ */
     .mobile-header.menu-open>div:first-child span:nth-child(1) {
         top: 50%;
         transform: translateY(-50%) rotate(45deg);
         background: #fff;
     }

     .mobile-header.menu-open>div:first-child span:nth-child(2) {
         opacity: 0;
     }

     .mobile-header.menu-open>div:first-child span:nth-child(3) {
         bottom: 50%;
         transform: translateY(50%) rotate(-45deg);
         background: #fff;
     }

     .nav-panel {
         position: fixed;
         top: 0;
         left: 0;
         width: 70%;
         max-width: 300px;
         height: 100%;
         background: #6C3A07;
         box-shadow: 2px 0 12px rgba(0, 0, 0, .15);
         transform: translateX(-100%);
         transition: transform .35s ease;
         z-index: 1000;
         padding-top: 70px;
     }

     .nav-panel.open {
         transform: translateX(0);
     }

     .nav-panel ul {
         list-style: none;
         padding: 0 20px;
     }

     .nav-panel li {
         padding: 16px 0;
         color: #fff;
         font-size: 18px;
         font-weight: bold;
         cursor: pointer;
     }

     .nav-panel li:hover {
         color: #f29600;
     }

     .nav-panel li a {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }

     /* 遮罩層 */
     .overlay {
         position: fixed;
         inset: 0;
         background: rgba(0, 0, 0, .35);
         opacity: 0;
         visibility: hidden;
         transition: all .35s ease;
         z-index: 999;
     }

     .overlay.show {
         opacity: 1;
         visibility: visible;
     }

     .header .nav>ul>li span {
         font-size: 14px;
     }

     .m-banner {
         padding: 0 20px;
     }

     .m-banner img {
         width: 100%;
     }

     .m-Menu {
         padding: 0 20px;
     }

     .m-Menu .m-Menu-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         /* aspect-ratio: 1 / 1; */
         gap: 20px;
         padding: 20px 0;
     }

     .m-Menu-item {
         text-align: center;
     }

     .m-Menu-item a {
         display: inline-block;
         width: 100%;
         height: 100%;
     }

     .m-Menu-item a img {
         width: 100%;
     }


     .mobile-css .zbdw-banner #zbdw {
         color: #68370B;
         text-align: center;
     }

     .mobile-css .zbdw-banner .zbdw-banner-img {
         width: 80%;
         margin: 0 auto;
     }

     .mobile-css .zbdw-banner .zbdw-banner-img a {
         width: 100%;
         display: inline-block;
     }

     .mobile-css .zbdw-banner .zbdw-banner-img a img {
         width: 100%;
     }

     .mobile-css .contact_us {
         width: auto;
         display: flex;
         padding: 50px 10px;
     }

     .mobile-css .contact_us>div {
         flex: 1;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
     }

     .mobile-css .contact_us .question .solid_button1_group {
         width: auto;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 5px;
     }

     .mobile-css .contact_us .question .solid_button1_group button {
         font-size: 12px;
         margin: 0;
         width: 100%;
         padding: 4px 0.2em;
     }

     .mobile-css .contact_us h2 {
         font-size: 24px;
         margin: 0 0 20px;
     }

     .mobile-css .contact_us .question .bar_title1 {
         font-size: 24px;
         background: none;
         margin: 0 0 20px;
         padding-left: none;
     }

     .mobile-css .contact_us li {
         font-size: 12px;
     }

     .mobile-css .contact_us li dt {
         padding: 0 3px;
     }

     .mobile-css .mbanner-video {
         padding: 5px;
     }

     .login-container {
         height: 100% !important;
         margin: 40px 0 !important;
     }

     .bus_page,
     .meeting_page,
     .download_center,
     .trend,
     .contact_page {
         width: 100%;
         padding: 25px 10px !important;
     }

     .bus_page img,
     .meeting_page img,
     .first_item img,
     .contact_page img {
         width: 100%;
     }

     .bus_page .title1 {
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

     .bg1_item_wrapper li:nth-child(2n) {
         margin-left: 0;
     }

     .trend .first_item .img_wrapper {
         width: auto;
         height: auto;
         position: relative;
         top: 0;
         right: 0px;
     }

     .trend .trend_item_wrapper .item_title {
         width: 100%;
     }

     .mfooter {
         padding: 0 10px;
     }
 }