@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@font-face {
   font-family: "chrome";
   src: url(font/DFFN_N7.ttf);
}
.title1_righttext_dm,.title2_righttext_dm,.title3_righttext_dm{
    font-family:"chrome";
}
html, body {
    overflow-x: hidden;
}
body{
	margin: 0;
	padding: 0;
	font-family: "Inter", "Plus Jakarta Sans", "SF Pro Display", "Noto Sans TC", sans-serif;
    font-weight: 200;        /* 關鍵：設定為 Extra Light */
    background: #1c2838; 
	}
a{
   outline: none;
   text-decoration: none;
   color: inherit;
}
img{
   border:0;
}
/*文字大小*/
.fs-27_md {
    font-size: 27px;
}
.fs-25_md {
    font-size: 25px;
}
.fs-22_md {
    font-size: 22px;
}
.fs-20_md {
    font-size: 20px;
}

.fs-19_md {
    font-size: 19px;
}

.fs-18_md {
    font-size: 18px;
}

.fs-17_md {
    font-size: 17px;
}

.fs-16_md {
    font-size: 16px;
}

.fs-15_md {
    font-size: 15px;
}

.fs-14_md {
    font-size: 14px;
}

.fs-13_md {
    font-size: 13px;
}
.fs-12_md {
    font-size: 12px;
}
.float_left_dm{
    float:left;
}
.clear_dm{
    clear:both;
}
/*header*/
/* --- 通用基礎設定 --- */
.custom-header {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    background-color: transparent;
    height: 75px;
}

.custom-header.active{
    background-color: #1c2838;
}
.header-logo{
    height:49px;
}
.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* 預設使用 flex */
    color:#ffffff;
}
.nav-itemSpan_dm{
    margin: 0 10px;
    border-left: 1px solid #ffffff;
    height: 23px;
}
.nav-item a {
    color: white;
    padding: 0 15px;
    text-decoration: none;
    transition: color 0.4s ease-in-out; 
    color: #ffffff;
}
.nav-item a:hover { 
    color: #f8b616;
}
.navbar-toggler-icon {
    filter: invert(1); 
}
.header_btn_dm{
    padding:3px 14px;
    border-radius: 10px;
}
.header_btn_dm img{
    width: 16px;
    margin:0px 5px 0px 0px;

}
header .gradient_orange_btn{
    border: 0px !important;
}
/*header end*/
/*標準深藍色*/
.DarkBlueBg_dm{
    background-color: #1c2838;
}
/*漸層色*/
/*原白色滑過 變黃色*/
.textwhite_hover_dm{
    color:#ffffff;
    transition: color 0.4s ease-in-out; 
}
.textwhite_hover_dm:hover { 
    color: #f8b616;
}
/*原灰色滑過 變黃色*/
.textgray_hover_dm{
    color:#cccccc;
    transition: color 0.4s ease-in-out; 
}
.textgray_hover_dm:hover { 
    color: #f8b616;
}
/*橘色*/
.gradient_orange_bg{
    background: linear-gradient(to right, #f39800, #f8b616);
}
.gradient_blue_bg{
    background: linear-gradient(to right, #a5d5b7, #0074b0);
}
.gradient_pink_bg{
    background: linear-gradient(to right, #ff7aaa, #ff5354);
}

.gradient_orange_btn {
    border: 1px solid #ffffff;
    position: relative;
    z-index: 1;
    background: linear-gradient(to right, #f39800, #f8b616); /* 初始橘色 */
    cursor: pointer;
    /*border: none;*/
    overflow: hidden;
    transition: color 0.4s ease; /* 如果文字要變色也可以加 */
}

/* 建立一個隱藏在上面的藍色層 */
.gradient_orange_btn::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to right, #a5d5b7, #0074b0); /* 目標藍色 */
    z-index: -1;
    opacity: 0; /* 初始透明 */
    transition: opacity 0.6s ease; /* 控制顏色切換的速度 */
}

/* 滑過時，讓藍色層浮現 */
.gradient_orange_btn:hover::before {
    opacity: 1;
}
/*藍色*/
.gradient_blue_btn {
    border: 1px solid #ffffff;
    position: relative;
    z-index: 1;
    background: linear-gradient(to right, #a5d5b7, #0074b0);  /* 初始藍色 */
    cursor: pointer;
    /*border: none;*/
    overflow: hidden;
    transition: color 0.4s ease; /* 如果文字要變色也可以加 */
}

/* 建立一個隱藏在上面的藍色層 */
.gradient_blue_btn::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to right, #f39800, #f8b616);/* 目標橘色 */
    z-index: -1;
    opacity: 0; /* 初始透明 */
    transition: opacity 0.6s ease; /* 控制顏色切換的速度 */
}

/* 滑過時，讓藍色層浮現 */
.gradient_blue_btn:hover::before {
    opacity: 1;
}
.gradient_menuouter_dm{
    margin-bottom: 40px;
}
.gradient_menuouter_dm .gradient_menuin_dm{
    width: 175px;
    font-size: 18px;
    padding:10px 0;
    text-align: center;
    border-radius: 2em;
    color:#ffffff; 
   
    border: 1px solid #ffffff;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 這裡可以放原本的背景色或邊框 */
    z-index: 1;
     display: inline-block;
     overflow: hidden;
}
.gradient_menuouter_dm .gradient_menuin_dm::before{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* 你的目標漸層 */
    background: linear-gradient(to right, #a5d5b7, #0074b0);
    /* 關鍵：初始透明度為 0 */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: -1; /* 確保漸層在文字下方 */    
}
.gradient_menuouter_dm .gradient_menuin_dm:hover::before{
   opacity: 1;
}
.gradient_menuouter_dm .gradient_menuin_dm.active{
    background: linear-gradient(to right, #f39800, #f8b616);
color: #ffffff !important; 
    text-decoration: none !important;

    /* 2. 讓滑鼠游標維持一般的箭頭，不要變成點擊的小手 */
    cursor: default;

    /* 3. 核心：徹底讓標籤失效，無法點擊、滑過無反應 */
    pointer-events: none;

    /* 4. 防止文字被選取（如果連反白都不想要的話） */
    user-select: none;
}
.css_table {
    display:table;
    width: 100%;
}
.css_tr {
    display: table-row;
}
.css_td {
    display: table-cell;
    vertical-align:middle;
}
/*文字水平置中特殊方式*/
.horizontal_center_outer_dm{
    text-align: center;
}
.horizontal_center_outer_dm .horizontal_center_in_dm{
    display: inline-block;
    text-align: left;
}
.btn_dm{
    width: 175px;
    font-size: 18px;
    padding:10px 0;
    text-align: center;
    border-radius: 2em;
    color:#ffffff; 
    margin:auto; 
}
.footerBottomOuter_dm{
    background-color: #ffffff;
}
.footerBottomInside_dm{
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
    padding:10px;
}
.footerBottomInside_dm span{
    display: inline-block;
}
/* 最外層負責整體的綠藍漸層 */
        .wave-final-footer {
            width: 100%;
            background: linear-gradient(to right, #91d2c2, #0070c0);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            min-height: 200px;
        }

        .wave-top-part {
            width: 100%;
            background-color: #1c2838;
            height: 60px;
            position: relative;
        }

        .final-wave-svg {
            width: 100%;
            height: 110px; 
            position: absolute;
            bottom: -109px;
            left: 0;
            display: block;
            z-index: 10;
        }

.wave-final-footer .wave-bottom-solid {
    width: 100%;
    text-align: center;

    /* 鎖定 140px 高度 */
    background: transparent; /* 讓它直接透出父層的漸層色 */


            box-sizing: border-box;
            background: transparent;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;

 
        
            text-align: center;
}
.wave-bottom-solid .wave-bottom_div{
    position: relative;
    text-align: center;
    color:#ffffff;

}
.wave-bottom-solid_outer{
    margin:auto;
}

/*滑過慢慢變亮*/
.btn-slow-glow_dm {
    /* 設定 0.5 秒的平滑過渡，你可以依需求調整秒數 */
    transition: all 0.5s ease; 
}
.btn-slow-glow_dm:hover {
    /* 這裡使用亮度濾鏡，會比單純改顏色更有「發光感」 */
    filter: brightness(1.3);
    /* 如果想要有外發光，可以再加上這行 */
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.5); 
}
/*漸成文字*/
.gradient_text_dm{
    font-weight: bold;
    font-size: 20px; /* 根據需求調整大小 */
    /* 1. 設定漸層背景 */
    background: linear-gradient(to right, #91d2c2, #56b1d3, #0070c0);
    /* 2. 將背景裁剪到文字形狀 */
    -webkit-background-clip: text;
    background-clip: text;
    /* 3. 將文字本身設為透明，這樣底下的漸層背景才會露出來 */
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* 讓漸層在縮放時更平滑 */
    display: inline-block;
}
/* 恢復動畫 */
.wave-final-footer .wave-motion > use {
    animation: move-final-wave 10s linear infinite;
}

@keyframes move-final-wave {
    0% { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(0, 0, 0); }
}
/*數字跑馬*/
.data_outer_dm { width: 100%; }

.data_outer_dm .data1_dm,
.data_outer_dm .data2_dm,
.data_outer_dm .data3_dm {
    float: left;
}

.data_outer_dm .data2_dm {
    position: relative;
    text-align: center;
}

.data_outer_dm .data2_solid_dm {
    position: absolute;
    width: 1px;
    height: 50%;
    background: #ffffff;
    top: 25%;
}

.data_outer_dm .data3_dm .data3_in_dm {
    float: right;
}

.data_outer_dm .data1_top_smallfont_dm,
.data_outer_dm .data1_dm_center {
    color: #ffffff;
}

.data_outer_dm .data1_dm_bottom {
    color: #b3b3b3;
}
/*數字跑馬 end*/
/* 初始狀態：全灰階 */
.btn-grayscale {
    /* 1. 初始狀態：100% 灰階 */
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    
    /* 2. 初始亮度：稍微暗一點，滑過變亮會更有感 */
    /* 1 是原樣，0.8 是稍微變暗 */
    filter: grayscale(100%) brightness(0.8);
    -webkit-filter: grayscale(100%) brightness(0.8);

    /* 3. 設定平滑過渡 (Transition) */
    /* all 代表所有屬性（灰階、亮度、縮放等）都會有動畫效果 */
    /* 0.6s 是動畫時間，可以依你喜好調整 */
    transition: all 0.6s ease;
    
    /* 4. 優化：防止圖片在縮放或變色時閃爍 */
    backface-visibility: hidden;
    cursor: pointer;
}

/* --- 滑鼠滑過時的效果 --- */
.btn-grayscale:hover {
    /* 恢復彩色 (灰階 0%) */
    -webkit-filter: grayscale(0%) brightness(1);
    filter: grayscale(0%) brightness(1);
    
    /* 稍微變亮一點 (1.1 倍) */
    
    /* 如果你想加一點點放大效果，可以加上這行 */
    /*transform: scale(1.03); */
}
/*new*/
.shutter-y-list {
    list-style: none;
    padding: 0;
    margin: 0;
  
}
.shutter-y-item:first-of-type{
    border-top: 1px solid;
    border-image: linear-gradient(to right, #a5d5b7, #0074b0) 1; 
}
.shutter-y-item {
    position: relative; /* 讓偽元素可以絕對定位 */
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #a5d5b7, #0074b0) 1;
    cursor: pointer;
    overflow: hidden; /* 確保背景不會超出界線 */
    /* 固定高度，完全不動 */
    height: 100px; 
}
/* 這是那個「百葉窗」垂直背景層 */
.shutter-y-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;    
    /* === 關鍵修正：將原本的白色改成漸層色 === */
    /* background: linear-gradient(方向, 起點顏色, 終點顏色); */
    background: linear-gradient(to right, #91d2c2, #56b1d3);    
    /* 如果你希望漸層呈現更斜一點的角度，可以用 45deg */
    /* background: linear-gradient(45deg, #91d2c2, #56b1d3); */
    /* 核心動畫邏輯 (維持不變) */
    transform: translateY(-50%) scaleY(0); 
    transform-origin: center; 
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

/* 內容層：確保文字在背景層之上 */
.item-inner {
    position: relative;
    z-index: 2; /* 高於 ::before */
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 10px; /* 初始高度由父層 height 決定 */
    height: 100%; /* 撐滿父層高度 */
    color: #ffffff;
    transition: color 0.3s ease;
}
.item-inner:hover {
    color:#ffffff;
}
/* --- 滑鼠滑過時的動作 --- */

.shutter-y-item:hover::before {
    /* 背景從中間垂直展開到 100% (滿板) */
    transform: translateY(-50%) scaleY(1);
}
.shutter-y-item:hover .item-inner {
    /* 因為漸層底是淺綠/淺藍，文字設為白色或深色通常都合適 */
    /* 這裡設為深藍色，會比全黑更有設計感 */
    /*color: #0c162d; */
}
.new_md .icon_new{
    width: 23px;
    margin-right: 12px;
    margin-bottom: 4px;
}
.new_md .new_flag_md{
    padding:5px 10px;
    display: inline-block;
    color:#ffffff;

}
.new_md .reveal-item {
    opacity: 0;
    transform: translateY(100px); /* 預設往下偏移 30px */
    visibility: hidden;
    transition: none !important; /* 確保不與 GSAP 衝突 */
}
/*new end*/
/*gotop_dm*/
#gotop_dm{
    display: none;
    position: fixed;
    right: 20px;
    bottom: 40px;
    padding: 10px 10px;
    cursor: pointer;
    z-index: 500;
}
#gotop_dm img{
    width: 54px;
}
/*gotop_dm end*/
/*work*/
/*.work_outer_dm .work_bg_dm{
    padding-top: 56.25%;
    background-size: cover;
    background-position: center;
}*/
/*work_bg_dm*/


.work_bg_dm {
    width: 100%;
    padding-top: 56.25%; /* 16:9 比例 */
    position: relative;
    overflow: hidden; 
    /*background-color: #f0f0f0;*/
}

/* 建立背景層 */
.work_bg_dm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 這裡讀取剛才 PHP 傳進來的 CSS 變數 */
    background-image: var(--image-url);
    
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1;
}

/* 當滑鼠移到卡片時，背景放大 */
.work_card_wrapper:hover .work_bg_dm::before {
    transform: scale(1.2); /* 1.1 倍最優雅 */
}

.work_bg_dm_in {
    position: relative;
    z-index: 2;
}










/*work_bg_dm end*/

.work_outer_dm .work_p_dm{
    margin-top: 20px;
    margin-bottom: 5px;
}
/*work end*/
.title3_dm{
    margin-bottom:40px;
}
@media (min-width: 1200px) {
/*數字跑馬*/
    .data_outer_dm .data1_dm_top { margin-bottom: 0px; }
    .data_outer_dm .data1_dm { width: 28%; }
    .data_outer_dm .data2_dm { width: 44%; }
    .data_outer_dm .data3_dm { width: 28%; }
    .data_outer_dm .data1_top_bigfont_dm { font-size: 60px; }
    .data_outer_dm .data1_top_smallfont_dm { font-size: 20px; margin-left: 10px; }
    .data_outer_dm .data1_dm_center { font-size: 25px; }
    .data_outer_dm .data1_dm_bottom { font-size: 18px; }
/*數字跑馬 end*/
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
/*數字跑馬*/
    .data_outer_dm .data1_dm_top { margin-bottom: -8px; }
    .data_outer_dm .data1_dm { width: 28%; }
    .data_outer_dm .data2_dm { width: 44%; }
    .data_outer_dm .data3_dm { width: 28%; }
    .data_outer_dm .data1_top_bigfont_dm { font-size: 55px; }
    .data_outer_dm .data1_top_smallfont_dm { font-size: 18px; margin-left: 4px; }
    .data_outer_dm .data1_dm_center { font-size: 22px; }
    .data_outer_dm .data1_dm_bottom { font-size: 16px; }
/*數字跑馬 end*/

}

@media (min-width: 992px) {
    /*電腦版*/
    .pc_hide_dm{
        display: none;
    }
    /*header*/
    .nav-wrapper {
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        margin:auto; 
    }
    .nav-list {
        flex-direction: row; /* 橫向排列 */
        align-items: center;
    }
header .nav-item a.active_dm{
      cursor: default;
      color: #a5d5b7;
      pointer-events: none;
      user-select: none;    
}
    /*header end*/
.titlefontsize_left{
    font-size: 35px;
}
.titlefontsize_right{
    font-size: 50px;
}
/*title2_dm*/
.title2_dm .title2_table_dm{
    display:table;
    width: 100%;   
}
.title2_dm .title2_tr_dm {
    display: table-row;
}
.title2_dm .title2_td_dm {
    display: table-cell;
     vertical-align:middle;
}
.title2_dm .title2_lefttext_dm{
    color:#ffffff;
}
.title2_leftbottomtext_dm{
    color:#ffffff;
}
.title2_dm .title2_righttext_dm{
    text-align: right;
    line-height: 1em;
}
.title_leftborder_dm{
    width: 100%;
    height:1px;
    margin:10px 0; 
}
/*title2_dm end*/
/*title3_dm*/

.title3_dm .title3_table_dm{
    display:table;
    width: 100%;   
}
.title3_dm .title3_tr_dm {
    display: table-row;
}
.title3_dm .title3_td_dm {
    display: table-cell;
     vertical-align:middle;
}
.title3_dm .title3_lefttext_dm{
    color:#ffffff;
}
.title3_leftbottomtext_dm{
    color:#ffffff;
    white-space:nowrap;
    padding-right:15px; 
}
.title3_dm .title3_righttext_dm{
    text-align: right;
    line-height: 1em;
}
.title3_dm .title_leftborder_dm{

}
/*title3_dm end*/
.title1_dm{
    margin-bottom: 40px;
}
.title1_dm .title1_righttext_dm{
    float:right;
    line-height: 1em;
}
.title1_dm .title1_lefttext_dm{

    float:left;
    color:#ffffff;
}
.new_md .css_table .css_td:nth-of-type(1){
    width: 173px;
}
.new_md .css_table .css_td:nth-of-type(2){
    width: 109px;
}
    /*footer*/

.wave-final-footer .wave-top-part {
    height: 100px; /* 調整起伏高度 */
}
.wave-final-footer .wave-bottom-solid {
    height: 120px;
    padding-top: 130px ;
    padding-bottom: 130px ;
}
.wave-bottom-solid_outer{
    padding-top:30px;
    max-width: 1300px;
}
.wave-bottom-solid .wave-bottom_div{
    float:left;
}
.wave-bottom-solid .wave-bottom_div1{
    width: 34%;
}
.wave-bottom-solid .wave-bottom_div2{
    width: 25%;
}
.wave-bottom-solid .wave-bottom_div3{
    width: 41%;
}
.wave-bottom-solid .wave-bottom_div .footer_logo_dm{
    width: 85%;
    margin-left: 5%;
}
.wave-bottom-solid .wave-bottom_div .wave-bottom_divin{
    display: inline-block;
    text-align: left;
}
.wave-bottom-solid .wave-bottom_divin_solid{
    position: absolute;
    width: 1px;
    height:100%;
    background: #ffffff;
    top:0;
}
   /*footer end*/
article{
    padding-bottom:120px;
}
}
@media (max-width: 991px) {
    /*手機版*/
.gradient_menuouter_dm .gradient_menuin_dm{
    width: 100%;
}
.titlefontsize_left{
    font-size: 29px;
}
.titlefontsize_right{
    font-size: 43px;
}
/*數字跑馬*/
    .data_outer_dm .data1_dm_top { margin-bottom: -8px; }
    .data_outer_dm .data1_dm { width: 31%; }
    .data_outer_dm .data2_dm { width: 38%; }
    .data_outer_dm .data3_dm { width: 31%; }
    .data_outer_dm .data1_top_bigfont_dm { font-size: 30px; }
    .data_outer_dm .data1_top_smallfont_dm { font-size: 12px; margin-left: 1px; }
    .data_outer_dm .data1_dm_center { font-size: 22px; }
    .data_outer_dm .data1_dm_bottom { font-size: 12px; }
/*數字跑馬 end*/
    .phone_hide_dm{
        display: none;
    }
    /*header*/
    .nav-wrapper {
        position: fixed;
        top: 80px; /* 從 Header 下方開始 */
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #0d1a33;
        z-index: 1000;
        
        /* 隱藏狀態 */
        display: none;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.4s ease;
    }

    /* 當 JS 加入 .active 時顯現 */
    .nav-wrapper.active {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    .nav-list {
        flex-direction: column; /* 垂直排列 */
        text-align: center;
        padding-top: 40px;
    }

    .nav-item {
        border-bottom: 1px solid rgba(255,255,255,0.1);

    }

    .nav-item a {
        display: block;
        padding: 20px;
        color: white;
        text-decoration: none;
        font-size: 1.2rem;
    }
    
    .contact-btn { border: none; margin-top: 20px; }

    /*header*/
    .custom-header.phone_active{
        background: #1c2838;
    }
    .navbar-toggler_header_dm{
        position: absolute;
        top:10px;
        right:30px;
    }

.nav-wrapper{
    position: fixed;
    top: 74px;
} 
/*header end*/
/*title2_dm */
.title2_dm .title2_lefttext_dm{
    color:#ffffff;
}
.title2_leftbottomtext_dm{
    color:#ffffff;
}
.title2_dm .title2_righttext_dm{
    text-align: left;
    line-height: 1em;
    margin-bottom: 10px;
}
.title_leftborder_dm{
    width: 100%;
    height:1px;
    margin:10px 0; 
}
/*title2_dm end*/

.title3_dm .title3_lefttext_dm{
    color:#ffffff;
}
.title3_leftbottomtext_dm{
    color:#ffffff;
}
.title3_dm .title3_righttext_dm{
    text-align: left;
    line-height: 1em;
    margin-bottom: 10px;
}
/*title3_dm end*/
.title1_dm .title1_righttext_dm{
    text-align: left;
    line-height: 1em;
    margin-bottom: 10px;
}
.title1_dm .title1_lefttext_dm{
    color:#ffffff;
}
/*new_md*/

.new_md .shutter-y-item {
    height: auto; 
}
.new_md  .css_table {
    display:block;
    width: 100%;
}
.new_md .css_tr {
    display: block;
    padding: 15px 0;
}
.new_md  .css_td {
    display: inline-block;
}
.new_md .css_table .css_td:nth-of-type(1){
    width: 152px;
}
.new_md .css_table .css_td:nth-of-type(2){
    width: 109px;
}
.new_md .css_table .css_td:nth-of-type(3){
    display: block;
    margin-top: 10px;
}
/*new_md end*/
/*div6*/
.div6{
    padding-top: 40px;
}
/*div6*/
    /*footer*/
.wave-final-footer .wave-top-part {
    width: 2300px;
    height: 30px; /* 調整起伏高度 */
}
.wave-final-footer .wave-bottom-solid {
    height: auto;
    padding-top: 101px;
    padding-bottom: 37px;
}
.wave-bottom-solid_outer{

}

.wave-bottom-solid .wave-bottom_div .footer_logo_dm{
    width: 100%;
    max-width: 300px;
    margin-bottom: 2%;
}
article{
     padding-bottom:50px;
}
}