footer {
        float: left;
        padding: 50px 0 0;
        width: 100%;
        font-size: 14px;
        background: #000000;
    }

 .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
  .container2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    color:#ffffff;
}
    .container2 > p li h3{
      color:#ffffff;
  } 

 .row {
    margin-right: -15px;
    margin-left: -15px;
}
 .footer-wrapper {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #ffffff;
    display: flex;
    font-size: 14px;
}
 .footer-edm {
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    margin: 20px 0px 20px 25px;
    /* height: 230px; */
    width: auto!important;
}
 .footer-edm form input {
    height: 42px;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    border: solid #ffffff;
    border-width: 0 0 1px;
    margin-right: 13.33px;
    background-color: transparent;
    border-radius: 0;
    color: #ffffffs;
    outline: none;
    width: 287.95px;
    color: #ffffff;
}
 .footer-subscribe {
    width: 85px;
    border: 1px solid #ffffff;
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
    color:#ffffff
}
 .footer-contact {
    font-family: Noto Sans,system-ui,Arial,Helvetica,sans-serif;
    min-width: 320px;
    max-width: 400px;
    margin-bottom: 42px;
    margin-left: 20%;
   
}
 .footer-contact p {
     padding-bottom: 0px;
 }
 .footer-title {
    /* margin-bottom: 10px; */
    font-family: system-ui;
    font-family: Noto Sans,system-ui,Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    line-height:30px;
}
 .footer-social {
    margin-top: 10px;
}
 .footer-channels {
    margin-top: 10px;
    font-size: 16px;
}
 .f-weghit2 {
    float: left;
    
    color: #ffffff;
}
 .f-weghit2 ul li a{
   
    color: #ffffff;
}
 .footer-channels a svg {
    width: 30px;
    color: #ffffff;
}
 .copayright{
     color: #ffffff;
 }
@media (min-width: 992px) {
    .col-md-12 {
        width: 100%;
    }
    
    .footer-contact p {
     padding-bottom: 0px;
 }
}

@media (min-width: 768px) {
        .col-sm-4 {
        /*width: 33.33333333%;*/
    }
}
 @media (min-width: 1200px){
    .container {
        width: 1170px;
       
    }
        .container2 {
        width: 1170px;
    }
}

 @media (min-width: 992px){
     .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
 }

  .footer-add-li{
         display:flex;
         list-style-type: none;
     }
  .footer-add-ul{
      padding-left: 0px;
  }
 @media only screen and (max-width: 650px)
{
     .footer-edm {
    border: 0px solid;
    border-radius: 8px;
    height: 285px;
    padding: 0px;
}
     .footer-edm form input {
    width: 60%;
}
     .footer-contact {
    font-family: Noto Sans,system-ui,Arial,Helvetica,sans-serif;
   max-width: unset;
     margin-left: 0%; 
    text-align: center;
}
     .footer-add{
         width: 75%;
     }
     .footer-add-li{
         display:flex;
        
     }
     .container{
         margin-bottom: 25%;
          padding-right: 0px;
    padding-left: 0px;
     }
     .footer-fourtext{
         text-align:center;
     }
 }
 
 .header--page{
    text-align:center;
    background-color:#000000;   
    padding-top: 22px;
    padding-bottom: 15px;
}
.header--page .header__inr img{
   
   width: auto;
    
}
#hdSns {
    position: absolute;
    right: 24px;
    top: 15px;
}
.footer-ul{
    margin-left: 0px;
}
.mlfooterdiv_left{
    width: 43.33333%;
    padding-right: 15px;
    padding-left: 15px;
}
.ml_footer_div{
     
   border: unset;
    width:23.33333333%;
    margin-left:0%;
    padding:0;
    margin-bottom:5px;
}
.mlfooterdiv {
    width: 33.33333%;
}
.ml_footer_divFandC{
    padding-left:0%!important;
}
.pc {
   display:contents!important;
  }
   .sp {
     display: none !important;
  }
@media only screen and (max-width: 650px) {
     .header--page{
   
    padding-top: 12px;
    padding-bottom: 8px;
}
    .header__inr a img {
        max-width: 138.39px;
    }
    #hdSns {
    
    display: none;
  }
    .footer-add-title{
        width: 40%;
    }
        .mlfooterdiv_left {
        width: 100%;
    }
        .ml_footer_div{
     
   border: unset;
    width:100%;
    height:auto;

}
            .mlfooterdiv {
        width: 100%;
    }
  .ml_footer_divFandC{
    padding-left:7%!important;
    width: auto;
}
  .footer-wrapper{
      display:block;
  }
   html, body {
            overflow-x: hidden; /* 強制隱藏橫向捲軸 */
            width: 100%;
            margin: 0;
            padding: 0;
        }

        /* 找出是哪個元素超出範圍 */
        /* 暫時取消註解下面這行，畫面會出現紅框，幫你抓出誰太寬 */
        /* * { outline: 1px solid red !important; } */

        img {
            max-width: 100%; /* 確保所有圖片都不會超過父容器 */
            height: auto;
        }
         .sp {
   display:block!important;
  }
  
  .pc {
     display: none !important;
  }
}
.ml_header_log{
    margin-right: 0px;
}
.ml_footer_div >p{
    margin-bottom:10px;
    color:#ffffff!important;
    font-size:14px!important;
}

 .footer-wrapper > p ,hr, spn ,li{
     color:#ffffff!important;
     font-size:14px!important;
 }
 .footer-channels img{
    width:45px;
}