@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
#yoursite {

}

.WISE2200{
        max-width: 1200px;
    margin: 0 auto;
}

#imart-single-page .row-maxwidth-95pct {
    max-width: initial;
    width: 100%;
}

/*樣式正式開始*/

/*共同樣式*/
#edgehub body{
    margin: 0;
    font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;

      margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

#edgehub li{
  text-decoration: none;
  list-style: none;
}

#edgehub html,#edgehub body,#edgehub div, #edgehub span, #edgehub applet, #edgehub object, #edgehub iframe, #edgehub h1, #edgehub h2, #edgehub h3, #edgehub h4, #edgehub h5, #edgehub h6, #edgehub p, #edgehub blockquote, #edgehub pre, #edgehub a, #edgehub abbr, #edgehub acronym, #edgehub address, #edgehub big, #edgehub cite, #edgehub code, #edgehub del, #edgehub dfn, #edgehub em, #edgehub img, #edgehub ins, #edgehub kbd, #edgehub q, #edgehub s, #edgehub samp, #edgehub small, #edgehub strike, #edgehub strong, #edgehub sub, #edgehub sup, #edgehub tt, #edgehub var, #edgehub b, #edgehub u, #edgehub i, #edgehub center, #edgehub dl, #edgehub dt, #edgehub dd, #edgehub ol, #edgehub ul, #edgehub li, #edgehub fieldset, #edgehub form, #edgehub label, #edgehub legend, #edgehub table, #edgehub caption, #edgehub tbody, #edgehub tfoot, #edgehub thead, #edgehub tr, #edgehub th, #edgehub td, #edgehub article, #edgehub aside, #edgehub canvas, #edgehub details, #edgehub embed, #edgehub figure, #edgehub figcaption, #edgehub footer, #edgehub header, #edgehub hgroup, #edgehub menu, #edgehub nav, #edgehub output, #edgehub ruby, #edgehub section, #edgehub summary, #edgehub time, #edgehub mark, #edgehub audio,#edgehub  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    box-sizing: border-box;
    font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;
}

#edgehub p{
  margin: 0;
}

#edgehub a {
    text-decoration: none;
        /*color: #fefefe;*/
}

#edgehub img{
  width: 100%;
}

/*設計樣式*/
#edgehub{

}

#edgehub.mi-ctos-all{
    background-color: #fefefe;
    background-color: #fefefe;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

/*設計 KV樣式*/

#edgehub .mi-ctos-kv{
  width: 100%;
  background-color: #fefefe;
  background-color: #326899;
      background-color: #f8f8f8;
      background-image: url(../images/mi-ai-kv-bg-02.png);
    background-position: top;
        background-position: bottom;
    background-repeat: no-repeat;
        margin: auto;
        background-size: contain;
         background-size: cover;
    padding-bottom: 0%;
padding-top: 0%;
 position: relative;
    overflow: hidden;
}

#edgehub .mi-ctos-kv-box{
    width: 100%;
    width: 90%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0% 10% 0% 10%;
padding: 0% 4% 0% 4%;
  padding: 0% 0% 0% 0%;
     padding-top: 2%;
    padding-bottom: 4%;


}

#edgehub .mi-ctos-kv-tit{
        /*margin-right: 50%;*/
            margin: auto;
    text-align: center;
        /*margin-bottom: 9%;*/
    /*margin-top: 4.5%;*/
        width: 45%;
        /*margin-right: 50%;*/
}

#edgehub .mi-edge-kv-right{
    width: 55%;
}

#edgehub .mi-ctos-kv-tit img{
         width: 90%;
           width: 100%;
    margin-bottom: 4%;
    display: block;
    margin: auto;
}

#edgehub .mi-ctos-kv-tit .img-02{
    width: 17%;
}


#edgehub .mi-ctos-kv-tit-one{
      width: 100%;
  margin-bottom: 3%;
      font-size: 2rem;
    font-weight: bold;
        color: #323232;
}

#edgehub .mi-ctos-kv-btn{
        width: 25%;
    
            margin: 0 1%;
    margin-top: 2%;

}

#edgehub .mi-ctos-kv-btn img{
 width: 100%;
}

#edgehub .mi-ctos-kv-btn:hover{
        opacity: 0.8;
            transition: all 0.3s;
}

#edgehub .mi-ctos-kv-tit-sp{
color: #f37335;
}

#edgehub .mi-ctos-kv-tit-box{
        width: 100%;
    text-align: center;
    margin-bottom: 3%;
    color: #323232;
    background-color: #fefefe;
    padding: 2%;
    line-height: 1.8rem;
    font-size: 1.2rem;
    border-radius: 20px;
    border: 1px solid #f89c33;
}


#edgehub .mi-ctos-kv-tit-one{
      width: 100%;
    text-align: center;
   
}

#edgehub .mi-ctos-kv-tit-one img{
  /*width: 35%;
  width: 35%;
   width: 40%;
       max-width: 400px;
           margin-right: 1%;*/
}


#edgehub .mi-ctos-kv-sel{
width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    margin-bottom: 3%;
}


#edgehub .mi-ctos-kv-sel-box{
  width: 30%;
  width: 21%;
 width: 15%;
          transition: all 0.5s;
              cursor: pointer;
}

#edgehub .mi-ctos-kv-sel-box img{
 
}

#edgehub .mi-ctos-kv-sel-box-left{

}

#edgehub .mi-ctos-kv-sel-box-right{

}


#edgehub .mi-ctos-kv-tit-one-end{
width: 70%;
    margin: auto;
}


#edgehub .mi-retail-befaft{
        font-size: 1.4rem;
    padding: 2%;
    background-color: #e5e5e5;
    margin: auto;
    text-align: center;
    line-height: 3rem;
    color: #fefefe;
        font-weight: bold;
        transition: all 0.3s;
            color: #929292;
}

#edgehub .mi-retail-befaft-left{
    border-radius: 10px 0px 0px 10px;
}

#edgehub .mi-retail-befaft-right{
    border-radius: 0px 10px 10px 0px;
}

#edgehub .mi-ctos-num-right{
    display: none;
}

#edgehub .mi-retail-befaft.active {
    background-color: #ff983e;
        color: #fefefe;
}

#edgehub .mi-retail-main-change{
        width: 100%;
    /*display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;*/

    position: relative;

        /*min-height: 460px;*/
}

#edgehub .mi-retail-main-itbox{
   width: 25%;
}

#edgehub .mi-retail-main-itbox-01{

}

#edgehub .mi-retail-main-itbox-03{
        width: 23%;
    margin-left: 2%;
}

#edgehub .mi-retail-main-itbox-cen{
   width: 50%;
}

#edgehub .mi-retail-main-items-con{
        display: block;
    margin-bottom: 2%;
        color: #ff983e;
            margin-left: 9%;
                line-height: 1.4rem;
    font-size: 0.9rem;
}

#edgehub .mi-retail-main-items{
        margin-bottom: 5%;
            font-size: 1rem;
}

#edgehub .mi-retail-main-items-01{
    margin-bottom: 28%;
        min-height: 90px;
}

#edgehub .mi-retail-main-items-02{
        margin-bottom: 33%;
         min-height: 70px;
}

#edgehub .mi-retail-main-items-03{
 min-height: 91px;
}

#edgehub .mi-retail-main-items-title{
     font-size: 1.2rem;
         margin-bottom: 4%;
             line-height: 1.8rem;
}

#edgehub .mi-ctos-num-r-pd{
    width: 100%;
    /*display: flex;
    align-items: center;
    justify-content: center;
        justify-content: flex-start;
    flex-wrap: wrap;*/
border-bottom: 1px solid #fff2;
        margin-bottom: 4%;
}

#edgehub .mi-ctos-num-r-pd-nol{
border-bottom: none;
    margin-bottom: 0%;

}

#edgehub .mi-ctos-num-r-pd-01{

}

#edgehub .mi-ctos-num-r-pd-num{
         font-size: 1.5rem;
    width: 100%;
    text-align: center;
        text-align: left;
    margin-right: 5%;
color: #ffffff;
            margin-bottom: 2%;
        line-height: 2rem;

            display: flex;
    align-items: center;
    justify-content: center;
        justify-content: left;
    flex-wrap: wrap;
  }

#edgehub .mi-ctos-num-r-pd-img{
      width: 60%;
     width: 49%;
}

#edgehub .mi-ctos-num-r-pd-parts{
        font-size: 1.2rem;
    margin-bottom: 3%;
    font-weight: bold;
   
    text-align: center;
        text-align: left;
    line-height: 1.4rem;

        margin: 0 5%;
    color: #6b513d;
    /*margin-bottom: 5%;
    margin-left: 10%;*/
}

#edgehub .mi-genai-stt{
        font-size: 1.2rem;
            min-width: 120px;
}

#edgehub .mi-retail-case-img{
    margin-bottom: 6%;
}

#edgehub .mi-ctos-num-r-pd-pa{
      /*width: 60%;
          min-height: 220px;*/

              width: 90%;
    margin-left: 10%;
}

#edgehub .mi-ctos-num-r-pd-pa-box{
  width: 100%;
display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-between;
            justify-content: flex-start;
    flex-wrap: wrap;
        min-height: 315px;
}

#edgehub .mi-ctos-num-r-pd-pa-box-con{
      width: 48%;
          width: 32%;
    background-color: #004280;
    min-height: 52px;

        min-height: 90px;
    color: #fefefe;
    text-align: center;
    padding: 2% 2%;
        line-height: 1.2rem;
            margin-bottom: 3%;
            margin-right: 1%;
}

#edgehub .mi-ctos-num-r-pd-pa-box-con-sp{
    padding-top: 5%;
}

#edgehub .mi-ctos-box{
    width: 100%;
      max-width: 1000px;
          margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*padding: 0% 10% 0% 10%;
        padding: 0% 8% 0% 8%;*/
    position: relative;
}

#edgehub .mi-ctos-box-fra{
    padding: 3%;
    padding: 0%;
        padding-bottom: 0%;
}

#edgehub .mi-ctos-box-fra-02{
/*box-shadow: 0 4px 8px 0 rgb(130 130 130 / 20%);
    padding: 0.5%;*/
}

#edgehub .mi-ctos-box-vs{
    max-width: 100%;
     max-width: 90%;
}

#edgehub .mi-ctos-box-fs{
    justify-content: flex-start;
}
x
#edgehub .mi-ctos-box-sp{
      padding: 0% 8% 0% 8%;
}

#edgehub .mi-ctos-00{
    background-color: #ffffff;
        background-color: #fefefe;
         background-color: #f8f8f8;
      /*background-image: url(../images/mi-carb-sq-bg.png);*/
    background-position: top;
        background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
background-size: cover;
padding-top: 3%;
padding-top: 0%;
    /*padding: 0% 8% 0% 8%;*/
    padding-bottom: 4%;
    padding-top: 4%;
        position: relative;
    
}


/*設計 01 樣式*/

#edgehub .mi-ctos-01{
background-color: #fefefe;
    /*background-image: url(../images/mi-ai-sq-bg.png);*/
      /*background-image: url(../images/mi-retail-bg-02.png);*/
    background-position: top;
        background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
background-size: cover;
padding-top: 3%;
    padding-bottom: 3%;

        position: relative;
    
    padding: 0% 8% 0% 8%;
        overflow: hidden;
        padding-bottom: 5%;
}

#edgehub .mi-ctos-num{
        /*background-color: #fefefe;

        background-image: url(../images/mi-ai-sq-bg.png);*/
    background-position: top;
        background-position: center;
            background-position: left;
    background-repeat: no-repeat;
     background-size: contain;

    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}

#edgehub .mi-ctos-num-02{

    background-image: url(../images/mi-carb-pd-bg.png);
    background-position: top;
        background-position: center;
            background-position: left;
    background-repeat: no-repeat;
     background-size: contain;

    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}

#edgehub .mi-ctos-num-left{
width: 40%;
width: 45%;
    /*margin-right: 2%;
        margin-left: 3%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#edgehub .mi-ctos-num-left-01{
    /*margin-right: 2%;*/
        margin-bottom: 4%;
}

#edgehub .mi-ctos-num-left-02{
    margin-left: 3%;
}

#edgehub .mi-ctos-num-right-case{
       width: 50%;
    /*margin-left: 5%;*/
transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        padding: 1%;
            
}

#edgehub .mi-ctos-num-l-tit{
    margin-bottom: 7%;
        width: 100%;
    /*margin-right: 15%;*/
        margin: auto;
    text-align: center;
}

#edgehub .mi-ctos-num-l-tit-01{
    width: 90%;
}

#edgehub .mi-ctos-num-l-stit{
    width: 100%;
    font-size: 1.5rem;
        margin-bottom: 7%;

}

#edgehub .mi-ctos-num-l-num{
    display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-between;
    flex-wrap: wrap;
        width: 100%;

}

#edgehub .mi-ctos-num-l-num-con{
  /*width: 40%;
  width: 30%;
      font-size: 1rem;
    border: 1px solid #b2b2b2;
     padding: 2% 5%;
     margin-bottom: 2%;
         cursor: pointer;
    background-color: #fefefe;
    color: #898989;*/
}

#edgehub .mi-ctos-num-l-num-con-02{
      /*margin-right: 10%;*/
}

/*#edgehub .mi-ctos-num-l-num-con.active{
      background-color: #fe9009;
    border: 1px solid #cf7200;
color: #fefefe;
}*/

/*設計 02 樣式*/

#edgehub .mi-ctos-02{
    width: 100%;
        background-color: #fefefe;
       background-color: #2f669c;
       background-color: #f8f8f8;
    padding-bottom: 3%;

    /*background-image: url(../images/mi-ai-sq-bg.png);*/
        background-image: url(../images/mi-ai-kv-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
    
    background-size: contain;
    background-size: cover;
        overflow: hidden;
    /*padding: 0% 8% 0% 8%;*/
     padding-top: 0%;
    position: relative;
    padding-top: 4%;
        padding-bottom: 0%;
}

#edgehub .mi-ctos-pair-tit{

}

#edgehub .mi-ctos-pair-box{
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

#edgehub .mi-ctos-pa-box-con{
      /*width: 23%;
    margin: 0 0.5%;*/
        width: 31%;
text-align: center;
    /*margin-bottom: 2%;
    padding: 3%;*/
            
}

#edgehub .mi-ctos-pa-box-con-sp{
    margin-right: 34.5%;
}

#edgehub .mi-retail-pd-tit-sp{
      
  
}

#edgehub .mi-retail-pd-tit{
    
    color: #323232;
    font-size: 1rem;
        padding: 5%;
}

#edgehub .mi-retail-pd-tit span{
        color: #8fbc3c;
    font-size: 1.5rem;
    margin-right: 1%;
        font-weight: bold;
}

#edgehub .mi-retail-pd-num{
    color: #838383;
    font-size: 1.1rem;
    margin-bottom: 2%;
        min-height: 18px;
}

#edgehub .mi-retail-pd-img{
    width: 90%;
    margin: auto;
    margin-bottom: 0%;
}

#edgehub .mi-retail-pd-img img{
    
}

#edgehub .mi-retail-pd-btn{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f37335+0,fdc830+100 */
background: linear-gradient(to right,  #f37335 0%,#fdc830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    padding: 4%;
    border-radius: 20px;
    color: #fefefe;
}



#edgehub .mi-ctos-pa-box-con img{
cursor: pointer;
}

#edgehub .mi-ctos-pa-box-con:hover{
  opacity: 1;
}

/*設計 03 樣式*/

#edgehub .mi-ctos-03{
width: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
        background-color: #f8f8f8;
    /*background-image: url(../images/mi-ctos-kv-bg-03.jpg);*/
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
        background-size: cover;
            overflow: hidden;
}

#edgehub .mi-ctos-main-tit{
    width: 100%;
        margin-bottom: 2%;
}

#edgehub .mi-ctos-main-tit-box{
      margin: auto;
   width: 35%;
}

#edgehub .mi-ctos-step{
    width: 85%;
}

#edgehub .mi-ctos-step-box{
    margin-bottom: 2%;
}


/*設計 04 樣式*/

#edgehub .mi-ctos-04{
width: 100%;
    padding-top: 7%;
    padding-bottom: 4%;
    background-color: #f1f1f1;
    background-image: url(../images/mi-ctos-kv-bg-04.jpg);
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
        background-size: cover;
}

#edgehub .mi-ctos-que-box{
  width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        margin-bottom: 1%;
}

#edgehub .mi-retail-main-sel{
        /*padding: 0% 0% 0% 0%;*/
}


#edgehub .mi-ctos-que-q{
    background-color: #fefefe;
    width: 100%;
        font-size: 1.3rem;
    line-height: 2.2rem;
        padding: 1%;
    padding-left: 2%;
        color: #898989;
            cursor: pointer;
}

#edgehub .mi-ctos-que-q img{
  width: 2%;
      margin-right: 1%;
}

#edgehub .mi-ctos-que-ans{
  background-color: #004280;
    background-color: #fe9009;
        color: #fefefe;
        width: 100%;
            font-size: 1.3rem;
                line-height: 2.2rem;
            
    padding: 1%;
    padding-left: 5%;
}

/*設計 05 樣式*/

#edgehub .mi-ctos-05{
width: 100%;
    padding-top: 3%;
    padding-bottom: 4%;
    background-color: #fefefe;
    background-color: #f2f2f2;

    background-color: #326899;
    background-color: #e3edf6;
    /*background-image: url(../images/mi-ai-sq-bg.png);*/
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
     background-size: cover;
           overflow: hidden;
        position: relative;

        /*padding: 0% 8% 0% 8%;*/
    padding-bottom: 4%;
        padding-top: 4%;
}

#edgehub .mi-ctos-mas{
    width: 55%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

        color: #fefefe;
}

#edgehub .mi-ctos-mas-left{
  width: 60%;
}

#edgehub .mi-ctos-mas-right{
width: 28%;
    text-align: center;
}

#edgehub .mi-ctos-mas-right-02{
    width: 32%;
    text-align: center;
    /*box-shadow: 0 4px 8px 0 rgb(130 130 130 / 20%);
    padding: 3%;*/
        transition: all 0.3s;
}

#edgehub .mi-ctos-mas-right-02:hover{
        opacity: 0.8;
}

#edgehub .mi-ctos-mas-right img{
    width: 80%;
    width: 100%;
}

#edgehub .mi-retail-mas-left{
  width: 50%;
      margin-bottom: 3%;
}

#edgehub .mi-retail-mas-right{
width: 50%;
margin: auto;
    text-align: center;
      color: #ffffff;
      margin-bottom: 1%;
}

#edgehub .mi-retail-mas-right img{
    width: 45%;
}

#edgehub .mi-retail-mas-right img.mi-genai-time-img{
        width: 4.5%;
    margin-right: 1%;
}

#edgehub .mi-carb-time-tt{
        font-size: 1.5rem;
    margin-bottom: 1%;
    font-weight: bold;
        font-weight: normal;
    line-height: 2rem;
}

#edgehub .mi-carb-time-time{
        font-size: 1.7rem;
    margin-bottom: 3%
}

#edgehub .mi-carb-time-time span{
    font-size: 2rem;
     color: #c89367;
    font-weight: bold;
}

#edgehub span.mi-carb-second{
     color: #2e2e2e;
}

#edgehub .mi-ctos-mas-icon{
   

    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
     margin-top: 4%;
}

#edgehub .mi-ctos-mas-icon-con{
width: 25%;

margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        font-size: 0.8rem;
}

#edgehub .mi-ctos-mas-icon-con img{
width: 30%;
margin-right: 5%;
    margin-bottom: 6%;
}

#edgehub .mi-ctos-mas-icon-ifo{
  width: 65%;
}

#edgehub .mi-ctos-mas-icon-ifo-01{
      font-size: 1.2rem;
    margin-bottom: 4%;
        color: #fefefe;
}

#edgehub .mi-ctos-mas-icon-ifo-02{
    color: #b2b2b2;
}

#edgehub .mi-ctos-mas-l-logo{
        width: 70%;
    margin: auto;
    margin-bottom: 2%;
}

#edgehub .mi-ctos-mas-l-con{
    font-size: 1.3rem;
        line-height: 2rem;
    font-weight: bold;
        text-align: center;
 text-align: left;
/*margin-bottom: 2%;*/
}

#edgehub .mi-ctos-mas-l-con-more{
        border-bottom: none;
    padding-bottom: 0%;
    color: #323232;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgb(130 130 130 / 20%);
    padding: 2%;
    padding-bottom: 2%;
    margin-bottom: 2%;
}

#edgehub .mi-ctos-mas-l-con-more span{
    color: #f37335;
}

#edgehub .mi-ctos-mas-l-btn{
    margin: auto;
    text-align: center;
        text-align: left;
}

#edgehub .mi-retail-pd-box{
    border-radius: 20px;
        /*padding: 1%;
    margin-top: 1%;
        padding: 1% 5%;
            margin-bottom: 2%;*/
        justify-content: flex-end;
}

#edgehub .mi-crab-wor-box{
        justify-content: start;
}


#edgehub .mi-ctos-mas-l-btn-a{
    /*background-color: #fe9009;*/
    
    font-size: 1.3rem;
    width: 70%;
    /* margin: auto; */
    text-align: center;
    text-align: left;
    margin-bottom: 1%;
    color: #fefefe;
        cursor: pointer;
            margin-left: 5%;
}

#edgehub .mi-ctos-mas-l-btn-a-more{
    width: 95%;
    margin-left: 0%;
    color: #323232;
        color: #2e2e2e;
        font-size: 1.1rem;
        line-height: 1.5rem;
            cursor: none;
}

#edgehub .mi-ctos-mas-l-btn-a-more-big{
    font-weight: bold;
        font-weight: normal;
    font-size: 1.1rem;
        line-height: 1.3rem;
            text-align: center;
}


#edgehub .mi-ctos-mas-l-btn-a img{
     width: 5%;
     margin-right: 2%;
}

#edgehub .mi-ctos-mas-l-btn-a-more-big img{
    width: 28%;
    margin-left: 1%;
}


#edgehub .mi-ctos-mas-l-btn-a-02{
         color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 3%;
}

#edgehub .mi-ctos-mas-l-btn-a-02 span{
    color: #2e2e2e;
}

#edgehub .mi-ctos-test-box {
    height: 100%;
    background-color: #0d1635e6;
        background-color: #1b1b1be6;
    width: 80%;
    width: 100%;
    margin: auto;
    display: flex;
    padding: 20px;
    font-size: 20px;
    color: #fefefe;
    line-height: 2rem;
    padding: 5%;
    font-size: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;

    display: none;

    /*transition: 0.5s all;*/
}

#edgehub .mi-ctos-test-box-close{
position: absolute;
    right: 4%;
    top: 7%;
}

#edgehub .mi-ctos-test-box-close-X{
      font-size: 3rem;
}

#edgehub .illu-content-box {

        background-image: url(../images/mi-ctos-sel-spbg.jpg);
    background-position: top;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
        background-size: cover;

    width: 90%;
    margin: auto;
    background-color: #180a1c54;
        background-color: #ffffff;
    padding: 5%;
        padding-top: 4%;
            padding-bottom: 3%;
    box-shadow: 0 2px 6px #ccc;
    overflow: auto;
    max-height: 90%;

        margin-top: 5%;
}



#edgehub .mi-ctos-test-r-pd{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

#edgehub .mi-ctos-test-r-pd-01{

}

#edgehub .mi-ctos-test-r-pd-num{
         font-size: 2rem;
       font-weight: bold;
    text-align: center;
    margin-right: 5%;
        color: #4d4d4d;
    /*margin-bottom: 15%;*/
  }

#edgehub .mi-ctos-test-r-pd-img{
      width: 30%;
    /*margin-bottom: 5%;*/
}

#edgehub .mi-ctos-test-r-pd-parts{
    font-size: 1.7rem;

    text-align: center;
        color: #4d4d4d;
         margin-bottom: 3.5%;
    margin-top: 0%;
}

#edgehub .mi-ctos-test-r-pd-pa{
      width: 60%;
}

#edgehub .mi-ctos-test-pd-img{
   width: 100%;
}

#edgehub .mi-ctos-test-r-pd-pa-box{
  width: 100%;
display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-between;
    flex-wrap: wrap;
}

#edgehub .mi-ctos-test-r-pd-pa-box-con{
        width: 32%;
    /* background-color: #004280; */
        background-color: #ffffff;
    border: 1px solid #cbcbcb;
    min-height: 66px;
    color: #fefefe;
    color: #727272;
    text-align: center;
    padding: 2% 2%;
    line-height: 1.2rem;
    font-size: 1rem;
    margin-bottom: 1.5%;
        transition: 0.5s all;
            cursor: pointer;
}

#edgehub .mi-ctos-test-r-pd-pa-box-con-sp{
    padding-top: 3.5%;
}

#edgehub .mi-ctos-test-pd-btn-box{
  width: 100%;
display: flex;
    align-items: center;
    justify-content: center;
        justify-content: space-between;
        justify-content: space-evenly;
    flex-wrap: wrap;
    cursor: pointer;

        margin-top: 3%;
}

#edgehub .mi-ctos-test-pd-btn{
    width: 40%;
    font-size: 1rem;
    padding: 0% 5%;
    background-color: #fe9009;
    color: #fefefe;
    text-align: center;
    /*margin-top: 3%;*/
}



/*點選後按鈕改變顏色-藍色*/
#edgehub .mi-ctos-test-tick{
  color: #fefefe;
  background-color: #004280;
}

/*點選後按鈕改變顏色-正確但未選擇到*/
/* 样式定义，用于提示正确但一开始未选中的答案 */
#edgehub .mi-ctos-test-tick-og{
  background-color: #fe9009;
    color: #fefefe;

    color: #fefefe;
  background-color: #004280;
  background-color: #1767b2;
      background-color: #1a77c0;
  /*border: 1px solid #fe9009;*/
}

#edgehub .mi-ctos-test-errow {
    
}

/*完成確認後，錯誤答案，按鈕改變顏色-紅色*/
#edgehub .mi-ctos-test-errow-red{
  background-color: #a40000;
      background-color: #b52f2f;
  color: #a40000;
  color: #fefefe;
  border: 1px solid #a40000;
}

#edgehub .mi-ctos-test-hidden {
    display: none;
}


#edgehub .mi-ctos-que-ans {
    display: none;  /* 隐藏初始答案 */
}


#edgehub .mi-ctos-step {
      display: flex;
      overflow: hidden;
      position: relative;
    }
#edgehub .mi-ctos-step-box {
      flex: 1;
      display: none;
    }
#edgehub .mi-ctos-step img {
      max-width: 100%;
      height: auto;
    }
#edgehub .btn-container {

      width: 100%;
      width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;


      text-align: center;
      margin-top: 10px;
    }
#edgehub .btn-container div {
      margin: 0 0px;
      
    }
#edgehub .dot{
  width: 19%;
      padding: 1% 0%;
        background-color: #fefefe;
    border: 1px solid #f2f2f3;
       cursor: pointer;
          color: #898989;
}

#edgehub .dot-02{
  width: 19%;
      padding: 1% 0%;
        background-color: #fefefe;
    border: 1px solid #f2f2f3;
       cursor: pointer;
          color: #898989;
}

/*#edgehub .dot.active {
    background-color: #007bff;
        background-color: #004280;
    color: #fff;
  }*/

#edgehub .mi-ctos-step-arrow{
      margin: 0 1%;
    width: 5%;
    transition: 0.5s all;
        cursor: pointer;
}

#edgehub .mi-ctos-step-arrow:hover{
  opacity: 0.5;
}


#edgehub .mi-ctos-sicon{
  width: 20%;
  display: block;
    text-align: center;
    margin: auto;
}


#edgehub .mi-ctos-sectit{
        font-size: 1.5rem;
    text-align: center;
    line-height: 2rem;
    color: #004280;
    color: #333333;
        color: #4d4d4d;
    font-weight: bold;
    background-color: #fefefe;
    width: 100%;
        text-align: left;
    margin: auto;
    margin-top: 1%;
        padding: 1%;
    /* border: 1px solid #f89c33; */
    border-radius: 10px;
    margin-bottom: 3%;
}

#edgehub .mi-retail-device{
        background-color: #fefefe;
        width: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
    background-image: url(../images/mi-ai-sq-bg.png);
    background-position: top;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    background-size: cover;

     position: relative;
        padding: 0% 8% 0% 8%;
        overflow: hidden;

            padding-top: 5%;
    padding-bottom: 5%;
}


/*菜單*/
#edgehub .mi-year-right-box{
    position: fixed;
    display: block;
    
    top: 38.5%;
        /*top: 40%;*/
    right: 0;
}


#edgehub .mi-year-right-menu{
    /*width: 140px;*/
    margin: 0;
}

#edgehub .mi-year-right-menu a{
    text-decoration: none;
    /*float: left;*/
    /*background: #2c5491;
        background: #0f4fad;
        background: #1a2656;*/
}

#edgehub .mi-year-right-menu01{
    /*background-image: url(../images/mi-year-bar.png);*/
background-color: #f0f1f1;
    background-color: #e2e2e2;
        background-color: #ffffff;
            background-color: #e5e5e5;
    color: #414042;
        color: #5d5d5d;
    width: 120px;
           cursor: pointer;
    margin-bottom: 5%;
    padding: 0 1%;
    /*font-weight: bold;*/
    font-size: 0.9rem;
    text-align: center;
    line-height: 2.5rem;
    /*border-top: 1px rgba(0, 0, 0, 0.3) dashed;*/
    /*height: 45px;*/
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
transition: all 0.3s;
    border-radius: 10px;
    font-size: 0.85rem;
     position: relative;
}

#edgehub .mi-year-right-menu01-sp{
        background: none;
    color: #fefefe;
}

#edgehub .mi-year-right-menu01-sp:hover{
background: none;
}

#edgehub .mi-carb-gear-bg{
    position: absolute;
}

#edgehub .mi-carb-gear-bg{
    width: 15%;
        opacity: 0.5;
}

#edgehub .mi-carb-gear-bg-01{
        top: 2%;
    left: -3%;
}

#edgehub .mi-carb-gear-bg-02{
        right: -2%;
        bottom: -2%;
}


#edgehub .mi-carb-side{
    margin-left: 7%;
}

#edgehub .mi-year-right-menu01 img{
width: 13%;
    margin-right: 3%;
    position: absolute;
    left: 11%;
    bottom: 32%;
}

    /*#edgehub .mi-year-right-menu01::before{
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-left: 18px solid rgb(95 151 49);
        border-bottom: 18px solid transparent;
        vertical-align: middle;
        margin-right: 1%;

        margin-right: 1%;
        margin-left: 2%;
        margin-bottom: 1%;
    }*/

/*#edgehub .mi-year-right-menu01-sp{
        line-height: 21px;
    height: 55px;
        padding-top: 5%;
}*/

#edgehub .mi-year-right-menu01:hover{

        background-color: #ff9301;
            background-color: #79bd28;
    color: #fefefe;
        opacity: 1;
    /*color: #ffffff;*/
    cursor: pointer;
    overflow: hidden;
}

#edgehub .mi-wireless-one-box{
        width: 100%;
        width: 63%;
        max-width: 1000px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    justify-content: space-between;
    align-items: stretch;
        padding-bottom: 4%;
}

#edgehub .mi-wireless-one-box-arc{
    width: 100%;
}


#edgehub .mi-wireless-table{
    margin-bottom: 3%;
    /*overflow: auto;*/
}

#edgehub .mi-ret-pd-sp{
        display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    color: #828282;
    margin-bottom: 2%;
        font-size: 0.9rem;
}

#edgehub .mi-ret-pd-sp-sp{
margin-bottom: 0%;
}

#edgehub .mi-ret-know-btn{
        width: 100%;
    text-align: left;
    margin-top: 4%;
        color: #4b4f54;
    /*border-top: 1px solid #25282d;*/
    padding-top: 0%;
    line-height: 1.5rem;
}

#edgehub .mi-ret-know-btn span{
    color: #2e2e2e;
}

#edgehub .mi-ret-know-btn a{
       padding: 5%;
    background-color: #fdc232;
    color: #000000;
    font-weight: bold;
    font-weight: normal;
    font-size: 1rem;
        transition: all 0.3s;
}

#edgehub .mi-retail-pd-btn-02 a{
    background: linear-gradient(to right, #fdbf31 0%,#fdc830 100%);
    font-weight: normal;
}

#edgehub .mi-ret-know-btn a:hover{
        opacity: 0.8;
}

#edgehub .mi-ret-con-btn{
        color: #f37335;
    font-weight: bold;
}

#edgehub .mi-ret-ssicon{
        width: 13%;
    margin-left: 2%;
}

#edgehub .mi-nv-box{
        overflow: hidden;
   
        width: 100%;
    padding-top: 8%;
    padding-bottom: 4%;
    background-image: url(../images/mi-carb-end-tree.png); 

         background-color: #f4f8eb;
    background-position: top;
    /*background-position: center;*/
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;

    position: relative;
    
    overflow: hidden;
}

#edgehub .mi-nv-first{
        font-size: 1rem;
    line-height: 1.8rem;
    color: #6b6b6b;
    max-width: 820px;
    margin: auto;
        margin-top:4%;
        margin-bottom:7%;
            text-align: center;

        width: 65%;
}

#edgehub .mi-nv-img-100{
    width: 100%;
        display: block;
}

#edgehub .mi-nv-elite{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
    margin-top: 1.5%;
    position: relative;
}

#edgehub .mi-carb-db-btn-g{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        justify-content: center;
    width: 70%;
    margin: auto;
        text-align: center;
        margin-top: 2%;
}

#edgehub .mi-carb-db-btn-g-con{
    width: 30%;
        width: 30%;
    /*background-color: #ff9301;
     color: #fefefe;*/
    border-radius: 20px;
    padding: 1%;
       cursor: pointer;
    line-height: 1.6rem;
        margin: 0 2%;
            font-size: 1.2rem;

                border: 1px solid #898989;
    
    color: #424242;
    color: #898989;
}

#edgehub .mi-carb-db-btn-g-con-act{
    background-color: #ff9301;
        color: #fefefe;
            border: 1px solid #fefefe;
}

#edgehub .mi-nv-elite-box{
    width: 70%;
    margin: auto;
 }

#edgehub .mi-nv-ps{
    margin-bottom: 0;
    width: 30%;
    margin-right: 0%;
}

#edgehub .mi-retail-pv-bt{
        margin-top: 5%;
    margin-bottom: 0%;
    /*margin-right: 13%;*/
        margin-left: 12%;
    font-size: 2rem;
    font-weight: bold;
    color: #fefefe;
        color: #323232;
            width: 35%;
}

#edgehub .mi-retail-pv-bt img{
        max-width: 500px;
}

#edgehub .mi-retail-pv-box{
    justify-content: space-between;
}


#edgehub .mi-retail-pv-tt{
       font-size: 1.3rem;
    margin-bottom: 4%;
    margin-top: 2%;
    text-align: center;
    font-weight: bold;
        font-weight: normal;
    border-bottom: 1px #6b513d70 solid;
    padding-bottom: 4%;
    width: 60%;
    margin: auto;
    margin-bottom: 4%;
    margin-top: 2%;
}

#edgehub .mi-retail-pv-con{
    font-size: 1.1rem;
    line-height: 1.5rem;
    /*min-height: 75px;*/
    color: #336899;
        text-align: center;

        background-color: #336899;
    color: #fefefe;
    padding: 4%;
}

#edgehub .mi-retail-pv-con a{
    color: #fefefe;
}

#edgehub .mi-ctos-05-02{
        background-image: url(../images/mi-retail-call-bg.jpg);
        padding-top: 4%;
            padding-bottom: 3%;
}

#edgehub .mi-year-right-menu01 .mi-side-callimg{
     width: 100%;
         position: relative;
          left: 0;
}   

#edgehub .mi-side-callimg-box{
        width: 80%;
    margin-bottom: 0;
    display: block;
    text-align: center;
    margin: auto;
    /*padding-top: 8%;*/
    box-sizing: border-box;
    margin-bottom: -20%;
}

#edgehub .mi-side-callimg{
    width: 30%;
        width: 100%;
}

#edgehub .mi-carb-kv-btn{
        width: 100%;
       
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
position: relative;
    
    margin-bottom: 10%;
}

#edgehub .mi-carb-new{
        width: 200px;
    font-size: 1rem;
    color: #6f6f6f;
    line-height: 1.5rem;
        position: absolute;
}

#edgehub .mi-carb-new-01{
    left: 2%;
}

#edgehub .mi-carb-new-02{
bottom: -7%;
    left: 16%;
}

#edgehub .mi-carb-new-03{
       right: 9%;
    width: 300px;
    top: -5%;
}



#edgehub .mi-carb-new-04{
    bottom: 0%;
    right: 2%;
}

#edgehub .mi-carb-new-tt{
    background-color: #93b247;
        background-color: #79bd28;

    /*background: linear-gradient(#b0e155, #75a817);*/

    color: #fefefe;
    text-align: center;
    padding: 5%;
        border-radius: 15px 15px 0 0;
            font-size: 1.1rem;
}

#edgehub .mi-carb-new-tt span{
        font-size: 1.3rem;
    margin-left: 1%;
    font-weight: bold;
}

#edgehub .mi-carb-new-tt-01{
    background-color: #d1bd63;
}

#edgehub .mi-carb-new-tt-02{
    background-color: #a8d163;
    background-color: #9fca56;
}

#edgehub .mi-carb-new-tt-03{
    background-color: #63aed1;
}

#edgehub .mi-carb-new-tt-04{
    background-color: #d18563;
}

#edgehub .mi-carb-new-con{
        background-color: #faf9fa;
    padding: 8%;
        border-radius: 0 0 15px 15px;
        font-size: 0.9rem; 
}

#edgehub .mi-carb-new-con-01{
        background-color: #fffbe8;
}

#edgehub .mi-carb-new-con-02{
       background-color: #f5ffd7;
}

#edgehub .mi-carb-new-con-03{
       background-color: #f2fcff;
}

#edgehub .mi-carb-new-con-04{
    background-color: #ffefe8;
}

#edgehub .mi-carb-new-con span{
    font-weight: bold;
    color: #222;
}

#edgehub .mi-carb-gear-box{
        max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#edgehub .mi-carb-gear{
    /*width: 200px;*/
        width: 90%;
}

#edgehub .mi-carb-gear-01{

}

#edgehub .mi-carb-gear-02{
        margin-top: 15%;
}

#edgehub .mi-carb-gear-03{
    
}

#edgehub .mi-carb-gear-04{
        margin-top: 15%;
}

#edgehub .mi-carb-gear img{
    
}

#edgehub .mi-carb-why-cen{
    color: #ffffff;
    font-size: 1.4rem;
    margin-bottom: 2%;
        margin-bottom: 6%;
}

#edgehub .mi-carb-why-cen-gd{
    color: #2e2e2e;
        font-weight: bold;
        font-size: 1.5rem;
}

#edgehub .mi-carb-why-left-tt{
    color: #4d4d4d;
        color: #ffffff;
        border-bottom: 1.5px solid #d7d7d76b;
        border-bottom: 1.5px solid #d7d7d721;
       border-bottom: 1px solid #6f747a7d;
    padding-bottom: 5%;
    width: 60%;
    margin: auto;
    margin-bottom: 5%;
    font-weight: normal;
        width: 100%;
            text-align: left;
}

#edgehub .mi-carb-why-rig-tt{
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
   border-bottom: 2px solid #4e4f53;
       border-bottom: 2px solid #74553b;
    padding-bottom: 5%;
    width: 60%;
    margin: auto;
    margin-bottom: 5%;

     width: 100%;
     text-align: right;
            text-align: left;
            
}

#edgehub .mi-carb-why-left{
    color: #6f6f6f;
    color: #ffffff;
    margin-bottom: 2%;
        text-align: left;
}

#edgehub .mi-carb-why-rig{
    font-size: 1.05rem;
    margin-bottom: 2%;
    text-align: right;
    text-align: left;
    
}

#edgehub .mi-carb-why-rig-tt::before {
    content: attr(data-storke);
}
#edgehub .mi-carb-why-rig-tt::before {
    position: absolute;
    
        -webkit-text-stroke: 5px #7cb044;
            -webkit-text-stroke: 5px #75a93d;
    text-stroke: 5px #75a93d;
}


#edgehub .mi-carb-why-rig::before {
    content: attr(data-storke);
}
#edgehub .mi-carb-why-rig::before {
    position: absolute;
    
        -webkit-text-stroke: 5px #7cb044;
            -webkit-text-stroke: 5px #75a93d;
    text-stroke: 5px #75a93d;
}


#edgehub .mi-carb-why-box{
    width: 100%;
}

#edgehub .mi-carb-why-bcen{
        width: 40%;
    margin-top: 5%;
        margin-right: 0%;
}

#edgehub .mi-carb-clas-pdtbox{
        width: 100%;
    text-align: center;
    margin-top: 2%;
        font-size: 1.1rem;
}


@media screen and (min-width:1600px){

   #edgehub .mi-carb-why-left{
        font-size: 1rem;
    }

    #edgehub .mi-carb-why-rig{
            font-size: 1rem;
    }

    #edgehub .mi-carb-why-cen{
        font-size: 1rem;
    }
}

@media screen and (min-width:1800px){

   #edgehub .mi-carb-why-left{
        font-size: 1rem;
    }

    #edgehub .mi-carb-why-rig{
            font-size: 1rem;
    }

    #edgehub .mi-carb-why-cen{
        font-size: 1rem;
    }
}

@media screen and (min-width:1900px){

   #edgehub .mi-carb-why-left{
        font-size: 1rem;
    }

    #edgehub .mi-carb-why-rig{
            font-size: 1rem;
    }

    #edgehub .mi-carb-why-cen{
        font-size: 1rem;
    }
}

#edgehub .mi-carb-clas-pdtbox-tt{
    margin-bottom: 3%;

}

#edgehub .mi-carb-clas-pdtbox-st{

        width: 100%;
    margin: auto;

       margin-bottom: 0%;
    font-weight: normal;
    color: #ffffff;

    color: #c30000;
        color: #ff0000;
    color: #e57b03;
text-align: center;

    font-weight: bold;
    font-weight: normal;
    line-height: 1.7rem;
}

#edgehub .mi-carb-clas-pdtbox-pri{
        color: #ff9300;
    font-size: 1.2rem;
    font-weight: bold;
        text-align: right;
}

#edgehub .mi-carb-clas-pdtbox-num{
font-size: 2rem;
}

#edgehub .mi-carb-clas-con{
    margin-left: 5%;
}

#edgehub .mi-carb-clas-con-de{
    font-size: 1.3rem;
    line-height: 1.5rem;
        color: #2e2e2e;
            font-weight: bold;
}

#edgehub .mi-carb-clas-con-de span{
    color: #c79469;
}

#edgehub .mi-crab-btn-gp{
        width: 70%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2%;
}

#edgehub .mi-carb-clas-open{
        width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 3%;
}

#edgehub .mi-carb-clas-open-02{
        width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 3%;
}

#edgehub .mi-carb-ftt{
text-align: left;
    
}

#edgehub .mi-genai-tt-nomb{
        margin-bottom: 0%;
}

#edgehub .mi-carb-ftt-nopd{
padding-left: 0%;
}

#edgehub .genai-img{
     /*width: 50%;
     max-width: 580px;*/
    margin-bottom: -0.5%;
         width: 7%;
    display: inline-block;
}

#edgehub .mi-carb-clas-open-tt{
         font-size: 1.5rem;
    padding: 1%;
    width: 80%;
    margin: auto;
    font-weight: bold;
    cursor: pointer;
    color: #fefefe;
        border-radius: 20px;
        cursor: pointer;
}



#edgehub .mi-carb-clas-open-tt-02{
         font-size: 1.5rem;
    padding: 1%;
    width: 80%;
    margin: auto;
    font-weight: bold;
    
    color: #fefefe;
        border-radius: 20px;
        cursor: pointer;
}

#edgehub .mi-carb-clas-open-tt-org{
    background: linear-gradient(#ffc601, #e57a00);
        /*background-color: #ff9300;*/
}

#edgehub .mi-carb-clas-open-tt-gre{
        background: linear-gradient(#96dd41, #42961f);
        background: linear-gradient(#b0e155, #75a817);
}

#edgehub .mi-carb-clas-open-tt-org-02{
    background: linear-gradient(#ffc601, #e57a00);
    
}

#edgehub .mi-carb-clas-open-tt-gre-02{
        background: linear-gradient(#96dd41, #42961f);
        background: linear-gradient(#b0e155, #75a817);

         /*background-color: #79bd28;*/
}

#edgehub .mi-carb-clas-open-sp{
    font-size: 2rem;
    margin-left: 5%;
}

#edgehub .mi-carb-clas-open-02{

        margin-top: 5%;
}

#edgehub .mi-carb-clas-open-sp-02{
    font-size: 2rem;
    margin-left: 5%;
}


#edgehub .mi-ctos-pa-01{
    position: relative;
    border: 1px solid #f1f1f1;
    border-radius: 30px;
    background-color: #fefefe;
     width: 60%;
}

#edgehub .mi-ctos-pa-03{
    width: 55%;
border: none;
    background: none;
        text-align: left;
                margin-bottom: 2%;
        margin-top: 2%;

        background-color: #527ead9e;
    padding: 3%;
}

#edgehub .mi-carb-a-sp{
       border-top: 1px solid #ffffff7a;
    padding-top: 2%;
        
            color: #333333;
    color: #fefefe;
    font-size: 1.5rem;
    margin-right: 1%;
    font-weight: bold;
        font-weight: normal;
        margin-bottom: 2%;
        margin-top: 2%;
}

#edgehub .mi-carb-a-sp span{
font-size: 1.2rem;
}

#edgehub .mi-carb-a-tt{
         margin-bottom: 0.5%%;
    font-size: 1.1rem;
    
    color: #222222;
    color: #2e2e2e;

    color: #c5c5c5;
    line-height: 1.5rem;
    /*border: 1px solid #c99468;*/


}

#edgehub .mi-carb-a-con{
    color: #6f6f6f;

    color: #c5c5c5;
    margin-bottom: 3%;
    font-size: 1rem;
     font-size: 1rem;
        line-height: 1.7rem;
}

#edgehub .mi-ctos-pa-02{
     width: 40%;
     margin-right: 2%;
}

#edgehub .mi-carb-wortt{
        margin-bottom: 1%;
}

#edgehub .mi-ctos-pa-01::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -13px; /* 根据需要调整箭头的位置 */
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fefefe; /* 根据需要调整箭头的大小和颜色 */
    transform: translateY(-50%);
}

#edgehub .mi-carb-arrow{
        text-align: center;
    margin: auto;
}

#edgehub .mi-carb-arrow-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#edgehub .mi-carb-arrow-btn-dot{
       width: 16%;
    margin: 0 0.5%;
        text-align: center;
            border-radius:15px;
}

#edgehub .mi-carb-arrow-btn-dot-02{
width: 15%;
        width: 12%;
    margin: 0 0.5%;
        text-align: center;
            border-radius: 15px;
}

#edgehub .mi-carb-prev{
    position: absolute;
    top: 43%;
    left: 10%;
    font-size: 120px;
}

#edgehub .mi-carb-next{
        position: absolute;
    top: 43%;
    right: 10%;
    font-size: 120px;
}

#edgehub .mi-arrow-active {
      background-color: #8fbc3c;
    color: #fefefe;

}

#edgehub .mi-arrow-active-02 {
      background-color: #8fbc3c;
    color: #fefefe;

}

/*#edgehub .mi-carb-db-btn-g-con, .mi-carb-db-box {
    display: none;
  }*/

/**葉子飛行**/
#edgehub{
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: hidden;*/

}

#edgehub .container {
  position: relative;
      position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
    
         
    /*display: none;*/
}

#edgehub .leaf {
  position: absolute;
  background-image: url('../images/mi-carb-leaf.gif'); /* 更換成你想要的落葉圖片 */
  background-size: contain;
  width: 50px; /* 落葉的寬度 */
  height: 50px; /* 落葉的高度 */
  animation: fall linear infinite;

      left: -50px;
}

@keyframes fall {
  0% {
    transform: translateY(-10%);
    opacity: 0;
  }
  100% {
    transform: translateY(100vh); /* 控制葉子掉落到畫面底部 */
    opacity: 1;
  }
}


#edgehub .mi-carb-end-arrow{
    position: absolute;
        top: 0;
}

#edgehub .arrow-down {
  position: absolute;
      opacity: 0.3;
    
  left: 50%;
  bottom: 20px; /* 箭頭與底部的距離，可以根據需求調整 */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
border-top: 30px solid #dbb181;
    border-top: 30px solid #276453;

  cursor: pointer;
  background-image: linear-gradient(#b0e155, #75a817); /* 線性漸變色 */
  animation: arrowAnimation 1s infinite alternate; /* 上下移動動畫 */
      z-index: 100;
}

  @keyframes arrowAnimation {
    0% {
      bottom: 5%;
    }
    100% {
      bottom: 10%;
    }
  }

#edgehub .mi-carb-btn-sb{
    background-color: #e5e5e5;
    color: #414042;
    color: #5d5d5d;
    width: 120px;
    cursor: pointer;
    /* margin-bottom: 5%; */
    padding: 0 1%;
    padding: 10% 26.5%;
    width: 120px;
    /* font-weight: bold; */
    font-size: 0.9rem;
    text-align: center;
    line-height: 2.5rem;
    /* border-top: 1px rgba(0, 0, 0, 0.3) dashed; */
    /* height: 45px; */
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    transition: all 0.3s;
    border-radius: 10px;
    font-size: 0.85rem;
    position: relative;
  }

#edgehub .mi-side-callimg-box-pa{
        width: 100px;
    margin: auto;
  }


  #edgehub .mi-egy-kv-bglf{
        position: absolute;

            /*display: none;*/
  }

  #edgehub .mi-egy-kv-bglf-01{
    bottom: 100px;
    right: -13%;
    max-width: 220px;
        opacity: 0.2;
  }

  #edgehub .mi-egy-kv-bglf-02{
        bottom: 100px;
    left: -13%;
    max-width: 220px;
        opacity: 0.2;
  }

    #edgehub .mi-egy-kv-bglf-03{
        bottom: 25%;
    right: -32%;
        opacity: 1;
  }

  #edgehub .mi-egy-kv-bglf-04{
        bottom: 25%;
    left: -32%;
    /* max-width: 220px; */
    opacity: 1;
  }

      #edgehub .mi-egy-kv-bglf-05{
    bottom: 7%;
    right: -16%;
        opacity: 0.7;
  }

  #edgehub .mi-egy-kv-bglf-06{
         bottom: 7%;
    left: -16%;
    /* max-width: 220px; */
    opacity: 0.7;
  }




  #edgehub .mi-egy-kv-bglf-07{
        bottom: -135px;
    left: -5%;
    max-width: 350px;
  }

  #edgehub .mi-egy-kv-bglf-08 {
        bottom: -115px;
        right: -5%;
        max-width: 330px;
    }

    #edgehub .mi-carb-evtime{
            font-size: 1.6rem;
    margin-bottom: 2%;
    }

    #edgehub .mi-ctos-kv-tit-one img.mi-carb-info-tt{
            width: 43%;
            width: 38%;
    }

    /*AI專案*/

    #edgehub .mi-genai-kvtime{
            
    color: #333333;
    color: #fefefe;
        color: #c8c8c8;
    width: 80%;
     width: 90%;
    margin: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    font-size: 1rem; 
        line-height: 1.5rem;
            margin-top: 1.5%;

        /*background-color: #fefefe70;*/
    padding: 2%;
    border-radius: 10px;

            border-top: 1px solid;
         margin-top: 2%;
        padding-top: 2%;
    }

     #edgehub .mi-genai-tt{
            display: inline-block;
            
            color: #336899;
            line-height: 2.5rem;
            font-size: 2rem;
            font-weight: normal;
                font-weight: bold;
    }

     #edgehub .mi-genai-tt-w{
        color: #fefefe;
     }

    #edgehub .mi-carb-why-box-mb{
        /*background-color: #946e50db;*/
        border-radius: 12px;
        padding: 2%;
            min-height: 180px;
    }

    #edgehub .mi-ctos-mas-right img.mi-genai-click{
            width: 10%;
            margin-left: 2%;
    }

    #edgehub .mi-gen-ai-left{
        margin-bottom: 20%;
    }

    #edgehub .mi-gen-ai-right{
        margin-top: 0%;
        /*border: 2px solid #fefefe;*/
    }

    #edgehub .mi-genai-light-icon{
            width: 100%;
                margin-bottom: 3%;
    }

    #edgehub .mi-genai-main-img{
        margin-top: 2%;
    }

    #edgehub .mi-genai-stuicon{
         width: 5%;
         margin-right: 2%;
    }

    #edgehub .mi-genai-main-ad{
        margin-top: 2%;
    }

    #edgehub .mi-ctos-mas-l-btn-a-more-big img.mi-genai-call-icon{
            width: 2%;
    margin-right: 1%;
    }

    #edgehub .mi-genai-sel{
            width: 45%;
            display: flex;
    align-items: center;
        justify-content: flex-start;
    flex-wrap: wrap;
        margin-top: 1%;
    }

    #edgehub .mi-genai-sel-btn{
                color: #6f747a;
    width: 100%;
    font-size: 1.1rem;
    cursor: pointer;
    border-bottom: 1px solid #6f747a;
    border-bottom: 1px solid #6f747a7d;
    text-align: center;
    /*margin: 0 1%;*/
    padding-bottom: 1.2%;
    text-align: left;
    margin-bottom:3%;
        line-height: 1.7rem;
    transition: all 0.3s;
    }


/*按鈕功能*/

 #edgehub .mi-genai-sel-btn {
    cursor: pointer;
  }
    #edgehub .mi-genai-sel-btn-act{
            color: #2e2e2e;
            /*font-weight: bold;*/
                border-bottom: 1px solid #dfbf98;
                    border-bottom: 1px solid #d3d3d3;
        padding: 2%;
        background-color: #fefefe;
        border-radius: 15px;
    }

  #edgehub .mi-genai-comp {
    display: none;
  }

    /*#edgehub .mi-genai-comp-01{
        display: block;
    }*/

    /*#edgehub .mi-genai-comp.active {
    display: block;
  }*/


    #edgehub .mi-genai-comp-01,
    #edgehub .mi-genai-comp-02-01 {
        display: none;
    }

    #edgehub .active {
        display: block;
    }

  /*按鈕功能*/

    #edgehub .mi-genai-info-tt{
        font-size: 1.5rem;
        color: #fefefe;
        margin-bottom: 1%;
            font-weight: normal;
    }

    #edgehub .mi-genai-info-stt{
        font-size: 1.3rem;
    }

#edgehub .mi-edge-info{
        width: 100%;
        margin: auto;
    display: flex
;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fefefe;
}

#edgehub .mi-edge-kv-sw{
      width: 80%;
          margin: auto;
        margin-top: 2%;
        color: #c30000;
            color: #e57b03;
            font-weight: bold;
            font-weight: normal;

        animation: floatUpDown 1.5s ease-in-out infinite alternate;
}

/* 動畫關鍵影格 */
@keyframes floatUpDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}


#edgehub .mi-edge-step-tt{
    font-weight: bold;
        margin-bottom: 1.2%;
}

#edgehub .mi-edge-step-de{
    font-size: 1rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    /*color: #464646;*/
}

#edgehub .mi-edge-tab-sp{
        background-color: #b4e8ff;
        background-color: #e3edf6;
}

#edgehub .mi-edge-tab-sp-th{
    color: #222;
}


#edgehub .img-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
}

#edgehub .img-overlay-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

#edgehub .img-overlay-content img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  /*box-shadow: 0 0 20px #000;*/
}

#edgehub .close-btn {
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 24px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}

#edgehub .mi-td-star{
    position: relative;
    color: #ff0000;
    font-weight: bold;
}

#edgehub .highlight-star{
        position: absolute;
    left: -24%;
    top: 8%;
    font-size: 35px;
}

@media screen and (max-width: 1200px){
    #edgehub .mi-ctos-num-right-case{
            width: 55%;
    }
}


@media screen and (max-width: 1024px){

    #edgehub .mi-ctos-05{
            
    }

    #edgehub .mi-ctos-mas{
            margin-bottom: 4%;
    }

    #edgehub .mi-egy-kv-bglf{
                display: none;
    }

    #edgehub .mi-ctos-box{
                 width: 90%;
        margin: auto;
        text-align: center;
    }

    #edgehub .mi-ctos-kv-tit-one-end{
            width: 90%;
    }

    #edgehub .mi-nv-box{
            padding-bottom: 15%;
    }

    #edgehub .mi-ctos-kv-btn{
            width: 25%;
                width: 17%;
    }

    #edgehub .mi-retail-main-change{
            /*min-height: 660px;*/
    }

    #edgehub .mi-ctos-kv-tit img{
          
    }

    #edgehub .mi-carb-new-01{
        top: 28%;
    }

    #edgehub .mi-carb-new-02{
           top: 67%;
    }

    #edgehub .mi-carb-new-03{
            right: 20%;
    width: 300px;
    top: 28%;
    }

    #edgehub .mi-carb-new-04{
            right: 15%;
            top: 65%;
    }

    #edgehub .mi-carb-why-rig-tt::before{
        display: none;
    }

    #edgehub .mi-carb-why-box{
            width: 100%;
    }

    #edgehub .mi-carb-clas-open-tt{
        width: 100%;
    }

    #edgehub .mi-carb-clas-open-tt-02{
            width: 100%;
    }

    #edgehub .mi-carb-gear-bg-01{
        bottom: 70%;
    }

    #edgehub .mi-carb-clas-pdtbox-st{
            line-height: 2rem;
    }

    #edgehub .mi-carb-db-btn-g{
        width: 80%;
    }

    #edgehub .mi-ctos-02{
            padding-top: 3%;
    }

    #edgehub .mi-carb-why-rig::before{
            display: none;
    }

    #edgehub .mi-carb-gear-02{
    margin-top: 5%;
    }

    #edgehub .mi-carb-gear-04{
    margin-top: 5%;
    }

    #edgehub .mi-ret-pd-sp{
            font-size: 0.7rem;
    }

    #edgehub .mi-ctos-kv-tit-one{
            font-size: 1.8rem;
                margin-top: 0%;
    }

    #edgehub .mi-retail-device{
            padding-top: 4%;
    padding-bottom: 6%;
    }

    #edgehub .mi-retail-befaft{
        font-size: 1.2rem;
    }

    #edgehub .mi-ctos-00{
           
    }

    #edgehub .mi-carb-gear-box{
        margin-bottom: 0%;
    }

    #edgehub .mi-carb-ftt img{
        width: 10%;
          
    }

    #edgehub .mi-ctos-kv-tit-one{

    }

    #edgehub .mi-ctos-all{
        width: 90%;
        margin: auto;
    }

    #edgehub .mi-retail-pd-tit{
            font-size: 0.9rem;
            line-height: 1.3rem;
                min-height: 50px;
    }

    #edgehub .mi-ctos-mas-l-con{
          font-size: 1.3rem;
              line-height: 2rem;
    }

    #edgehub .mi-ctos-num-r-pd-num{
        font-size: 1.2rem;
    }

    #edgehub .mi-retail-pd-num{
        font-size: 0.9rem;
    }

    #edgehub .mi-ctos-sectit{
      font-size: 1.2rem;
    text-align: center;
    line-height: 1.5rem;
    }

    #edgehub .mi-ctos-num-r-pd-pa-box-con{
          font-size: 0.8rem;
    }

    #edgehub .mi-ctos-test-r-pd-img{
          width: 70%;
    }

    #edgehub .mi-ctos-test-r-pd-pa{
      width: 100%;
       margin-bottom: 4%;
    }

    #edgehub .illu-content-box{
          padding-bottom: 6%;
              padding-top: 6%;
    }

    #edgehub .mi-ctos-test-box-close{
          top: 3%;
    }

    #edgehub .mi-ctos-test-pd-btn{
      width: 80%;
    }
}



@media screen and (max-width: 600px){

    #edgehub .mi-retail-pv-con{
            font-size: 1rem;
                line-height: 1.4rem;
    }

    #edgehub .mi-carb-why-left{
        font-size: 0.9rem;
                line-height: 1.2rem;
    }

    #edgehub .mi-retail-main-change{
           /* min-height: 620px;*/
               margin-bottom: 5%;
    }

    #edgehub .mi-carb-sb-call{
            display: block;
    }

    #edgehub .mi-side-callimg-box-pa{
         display: none;
    }

    #edgehub .mi-year-right-menu01 .mi-side-callimg{
            display: none;
    }

    #edgehub .mi-ret-ssicon{
            width: 8%;
    }

    .mi-ctos-all{
        padding-bottom: 15%;
    }

    #edgehub .mi-side-callimg-box{
            display: none;
    }

    #edgehub .mi-retail-pv-bt{
        width: 60%;
            margin-bottom: 2%;
    }

    #edgehub .mi-retail-pv-tt{
            font-size: 1.1rem;
            margin-top: 3%;
            margin-bottom: 6%;
    }

    #edgehub .mi-carb-side{
        font-size: 0.9rem;
    }

    #edgehub .mi-carb-time-time span{
            font-size: 2rem;
    }

    #edgehub .mi-ctos-kv-tit-one img{
            width: 60%;
    }

    #edgehub .mi-carb-kv-btn{
            width: 100%;
    }

    #edgehub .mi-ctos-kv-tit img{
            /*margin-left: 41%;*/
                width: 100%;
                    margin-top: 5%;
    }

    #edgehub .mi-carb-ftt img{
            width: 15%;
                  margin-bottom: -1%;
    }

    #edgehub .mi-carb-gear{
            width: 100%;
    }

    #edgehub .arrow-down{
        /*display: none;*/
    }

    #edgehub .mi-genai-sel{
            margin-bottom: 6%;
                width: 100%;
    }

    #edgehub .mi-ctos-mas{
            width: 100%;
    }


    #edgehub .mi-genai-sel-btn{
            font-size: 1rem;
                width: 100%;
    }

    #edgehub .mi-genai-tt{
        line-height: 1.7rem;
    font-size: 1.1rem;
    }

    #edgehub .mi-carb-new{
            position: relative;
            margin: auto;
    width: 90%;
    }

    #edgehub .mi-carb-new-01{
            left: 0%;
    }

    #edgehub .mi-carb-new-02{
            left: 0%;
    }

    #edgehub .mi-carb-new-03{
            left: 0%;
    }

    #edgehub .mi-carb-new-04{
            left: 0%;
    }

    #edgehub .mi-carb-new-tt{
            padding: 2%;
    }

    #edgehub .mi-carb-new-con{
            padding: 3% 4%;
                font-size: 0.8rem;
    }

    #edgehub .mi-ctos-00{

                padding-bottom: 10%;
                    padding-top: 10%;
    }


    #edgehub .mi-ctos-kv-btn{
            width: 28%;
        margin-top: 0%;
    }

    #edgehub .mi-carb-clas-open-tt{
            font-size: 1rem;
                line-height: 1.2rem;
    padding: 5%;
        width: 90%;
    }

    #edgehub .mi-carb-clas-open-tt-02{
            font-size: 1rem;
                line-height: 1.2rem;
    padding: 5%;
        width: 90%;
    }

    #edgehub .mi-carb-clas-pdtbox{
            margin-top: 5%;
    }



    #edgehub .mi-retail-befaft{
            font-size: 1.1rem;
                line-height: 2.2rem;
    }

    #edgehub .mi-retail-main-itbox{
        width: 100%
    }

    #edgehub .mi-retail-main-itbox-cen{
        width: 80%
    }

    #edgehub .mi-retail-main-items{
            font-size: 0.8rem;
    }

    #edgehub .mi-ctos-kv-sel{
    margin-bottom: 7%;
    }

    #edgehub .mi-retail-main-items-title{
        font-size: 1rem;
            line-height: 1.2rem;
    }

    #edgehub .mi-retail-main-items-01{
            min-height: auto;
    margin-bottom: 4%;

    }
    #edgehub .mi-retail-main-items-02{
            min-height: auto;
    margin-bottom: 4%;

    }
    #edgehub .mi-retail-main-items-03{
            min-height: auto;
    margin-bottom: 4%;

    }



    #edgehub .mi-ctos-kv-tit-one{
            font-size: 1.3rem;
                margin-bottom: 5%;
    }

    #edgehub .mi-ctos-kv-tit-box{
            font-size: 1rem;
            margin-bottom: 8%;
    }

  #edgehub .mi-ctos-sectit{
      font-size: 1rem;
    text-align: center;
    line-height: 1.5rem;
    }


  #edgehub .mi-ctos-num-l-tit{
        margin: auto;
width: 90%;
        margin-right: 0%;
            margin-top: 0%;
            margin: auto;
            margin-bottom: 0%;
  }

  #edgehub .mi-carb-clas-pdtbox-pri{
        text-align: center;
  }

  #edgehub .mi-egy-kv-bglf{
    display: none;
  }

  #edgehub .mi-egy-kv-bglf-01{
    display: none;
  }

  #edgehub .mi-egy-kv-bglf-02{
        display: none;
  }

  #edgehub .mi-ctos-num-l-num-con{
    font-size: 0.9rem;
  }

  #edgehub .mi-ctos-num-l-tit img{
      width: 80%;
  }

    #edgehub .mi-ctos-num-left{
        margin: auto;
      width: 100%;
    }

    #edgehub .mi-ctos-num-right{
      width: 100%;
    }

    #edgehub .mi-ctos-kv-tit{
          width: 90%;
              margin-bottom: 12%;
    }

    #edgehub .mi-ctos-kv{
      background-size: cover;
    }

    #edgehub .mi-ctos-kv-tit-one{
          width: 100%;
    }

    .mi-ctos-kv-tit-sp{

    }

    #edgehub .mi-ctos-kv-sel-box{
          width: 35%;
    }

    #edgehub .mi-ctos-kv-tit{
          /*margin-right: 0%;
              margin-top: 5%;*/
              margin-bottom: 5%;
    }

    #edgehub .mi-edge-kv-right{
            width: 90%;
    }

    #edgehub .mi-ctos-num-r-pd-num{
          width: 100%;
          font-size: 1.3rem;
    }

    #edgehub .mi-ctos-num-r-pd-pa-box{
             min-height: 0;
    }

    #edgehub .mi-ctos-num-r-pd-parts{
      width: 40%;
    font-size: 1rem;

    }

    #edgehub .mi-ctos-num-r-pd-img{
          width: 70%;
    }

    #edgehub .mi-ctos-num-r-pd-pa{
      width: 100%;
          margin-left: 0%;
    }

    #edgehub .mi-ctos-num-r-pd-pa-box-con{
          font-size: 0.7rem;
    }

    #edgehub .mi-ctos-01{
          padding-top: 2%;

    }

    #edgehub .mi-ctos-num-l-stit{

    }

    #edgehub .mi-carb-a-sp{
            font-size: 1.1rem;
                margin-bottom: 5%;
    }

    #edgehub .mi-carb-a-tt{
            margin-bottom: 5%;
    }

    #edgehub .mi-carb-time-tt{
            font-size: 1.5rem;
            margin-top: 2%;
            margin-bottom: 7%;
    }

    #edgehub .mi-crab-btn-gp{
        margin-top: 4%;
            width: 100%;
    }

    #edgehub .mi-retail-mas-right img.mi-genai-time-img{
            width: 10%;
    }

    #edgehub .mi-carb-time-time{
            font-size: 1.3rem;
    }

    #edgehub .mi-ctos-pa-box-con{
          width: 50%;
              margin: auto;
            padding: 2%;
            margin-bottom: 2%;
    }

    #edgehub .mi-genai-info-tt{
        font-size: 1.2rem;
            margin-bottom: 3%;
    }

    #edgehub .mi-ctos-main-tit-box{
        width: 60%;
    }

    #edgehub .mi-ctos-pa-03{
            width: 100%;
    }

    #edgehub .mi-ctos-pa-02{
        width: 100%;
    }

    #edgehub .mi-retail-mas-left{
        width: 90%;
        margin-bottom: 7%;
    }

    #edgehub .mi-retail-pd-box{
         margin-top: 0%;
            padding-top: 0%;
    }

    #edgehub .mi-retail-pd-tit{
            min-height: auto;
    }

    #edgehub .mi-ctos-02{
          padding-top: 10%;
    padding-bottom: 10%;
    }

    #edgehub .mi-ctos-main-tit{
          margin-bottom: 10%;
    }

    #edgehub .mi-ctos-03{
          padding-top: 13%;
              padding-bottom: 9%;
    }

    #edgehub .mi-ctos-04{
      padding-top: 8%;
    padding-bottom: 0%;
    }

    #edgehub .mi-ctos-05{
          padding-top: 10%;
              padding-bottom: 10%;
    }

    #edgehub .mi-ctos-05-02{
/*padding-bottom: 30%;*/
    }

    #edgehub .mi-ctos-mas-left{
          width: 100%;
    }

    #edgehub .mi-ctos-mas-l-logo{
          margin-bottom: 5%;
    }

    #edgehub .mi-ctos-mas-right{
        width: 100%;
            margin: auto;
        margin-bottom: 5%;
    }

    #edgehub .mi-carb-why-cen{
            margin-bottom: 3%;
    }

    #edgehub .mi-genai-mb-box{
        margin-bottom: 0%;
    }

    #edgehub .mi-carb-why-box-mb{
                
    border-radius: 25px;
        
    }

    #edgehub .mi-carb-why-rig{
            font-size: 0.9rem;
    }

    #edgehub .mi-ctos-mas-right img{
        width: 100%;
    }

    #edgehub .mi-ctos-mas-right-02{
        width: 100%;
            padding: 0%;
    }


    #edgehub .mi-ctos-pa-mb{
            width: 46%;
    }


    #edgehub .mi-ctos-mas-right-02 img{
        width: 100%;
    }

    #edgehub .mi-ctos-mas-l-con{
            padding: 5%;
          font-size: 0.8rem;
    line-height: 1.5rem;
        margin-bottom: 5%;
    }

    #edgehub .mi-ctos-mas-l-btn-a{
          width: 100%;
              font-size: 0.8rem;
                  padding: 0%;
    }

    #edgehub .mi-ret-know-btn{
            font-size: 0.8rem;
    }

    #edgehub .mi-ctos-mas-icon{
          margin-top: 8%;
    }

    #edgehub .mi-retail-device{
            padding-top: 8%;
    padding-bottom: 7%;
    }

    #edgehub .mi-ctos-num-right-case{
        width: 100%;
            margin-bottom: 0%;
                margin-left: 0%;
    }

    #edgehub .mi-carb-db-btn-g{
        width: 100%;
    }

    #edgehub .mi-carb-db-btn-g-con{
            width: 45%;
    padding: 2%;
        font-size: 1rem;
    }

    #edgehub .mi-retail-mas-right{
        width: 90%;
    }

    #edgehub .mi-ctos-mas-icon-con{
          width: 50%;
    }

    #edgehub .mi-ctos-mas-icon-ifo-01{
      font-size: 0.8rem;
    }

    #edgehub .mi-ctos-mas-icon-ifo-02{
      font-size: 0.5rem;
    }

    #edgehub .mi-ctos-que-q{
          font-size: 1rem;
    }

    #edgehub .mi-ctos-que-ans{
      font-size: 1rem;
          line-height: 1.5rem;
    }

    #edgehub .mi-ctos-test-box{
          padding-top: 15%;
    }

    #edgehub .mi-ctos-test-box-close{
          top: 2.5%;
    }

    #edgehub .mi-ctos-test-r-pd-pa-box-con{
          width: 48%;
    }

    #edgehub .mi-ctos-test-r-pd-num{
          font-size: 1.5rem;
    }

    #edgehub .mi-ctos-test-r-pd-pa-box-con{
      min-height: 40px;
    }

    #edgehub .mi-ctos-test-r-pd-parts{
      font-size: 1.3rem;
    }

    #edgehub .mi-ctos-test-r-pd-pa-box-con{
          line-height: 1rem;
    font-size: 0.8rem;
    }

    #edgehub .mi-ctos-test-pd-btn{
          width: 80%;
    }



    /*菜單*/
      #edgehub .mi-year-right-menu{
            width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    box-sizing: border-box;
    
    right: 0;
    border-top: 2px solid rgba(255, 255, 255, .9);
    }

    #edgehub .mi-year-right-menu01{
        /*width: 33.333%;*/
    text-decoration: none;
    float: left;
    font-size: 17px;
    text-align: center;
    border-right: 0px solid #fff;
    line-height: 1.2rem;
    /*font-weight: bold;*/
    box-sizing: border-box;
    /*background: #2c5491;
    background: #1a2656;
        background: #17265f;*/
            margin-bottom: 0%;
    padding: 3%;
        width: 130px;
        width: 33.33%;
    }

   #edgehub .mi-carb-btn-sb{
            /*line-height: 36px;*/
    }

    #edgehub a.mi-sb-btn-a{
            float: none;
            width: 100%;
    display: block;
    }

    #edgehub .mi-year-right-menu01 img{
            display: none;
    }


    #edgehub .mi-year-right-menu01-sp{
        height: 80px;
        line-height: 25px;
    padding-top: 8%;

        font-size: 1rem;
    }

    #edgehub .mi-nv-box{
            padding-bottom: 65%;
    }

    #edgehub .mi-carb-evtime{
            font-size: 1.3rem;
    }

    #edgehub .mi-nv-elite-box{
            width: 100%;
    }

    #edgehub .mi-nv-elite{
            margin-top: 5%;
    }

    #edgehub .mi-carb-arrow-btn-dot{
               width: 29%;
    padding: 3%;
    line-height: 1.2rem;
        font-size: 0.8rem;
      }

       #edgehub .mi-carb-arrow-btn-dot-02{
               width: 40%;
    padding: 3%;
    line-height: 1.2rem;
      }

      #edgehub .mi-carb-clas-pdtbox-st{
            text-align: center;
      }

      #edgehub .mi-genai-stt{
            font-size: 1rem;
      }

      #edgehub .mi-carb-a-con{
            font-size: 1rem;
    font-size: 0.8rem;
      }

      #edgehub .mi-carb-arrow-btn-dot-02{
            margin-bottom: 2%;
      }

      #edgehub .mi-carb-clas-con-de{
            font-size: 1rem;
      }


      #edgehub .mi-carb-arrow-btn{
            margin-top: 5%;
      }


    #edgehub .mi-utc-kv-box{
        width: 90%;
        margin-right: 0%;
            padding: 4%;
    }

    #edgehub .mi-utc-kv-con {
        width: 95%;
        margin-left: 2%;
            font-size: 1rem;
        line-height: 1.5rem;
    }

}



.mi-edge-free{
        text-align: center;
    background-color: #e57a03;
    color: #ffffff;
}

.mi-edge-pay{
    text-align: center;
    background-color: #336899;
    color: #ffffff;
}

    .table-wrapper {
      overflow-x: auto;



    }
    table {
      border-collapse: collapse;
      min-width: 1000px;
      width: 100%;
      background-color: white;
    color: #616161;

        font-size: 0.9rem !important;

    }
    thead th {
      background-color: #23528C;
      background-color: #336899;
      color: white;
      padding: 10px;
      border: 1px solid #dbdbdb;
      font-weight: bold;
          padding: 1% !important;
    }
    tbody td {
      padding: 10px;
      border: 1px solid #dbdbdb!important;
      text-align: center;
          text-align: left;
      vertical-align: middle;
          text-align: center;
      padding: 0.5% !important;
    }
    .col-function {
      background-color: #dbe6f2;
      font-weight: bold;

    background-color: #f2f2f2;
    font-weight: normal;

      text-align: left;
          color: #3c3c3c;
    }
    .highlight-star {
      color: red;
      font-weight: bold;
    }

    .mi-edge-tab-left{
        text-align: left;
    }

    @media (max-width: 768px) {
      table, thead, tbody, th, td, tr {
        /*display: block;*/
      }
      thead tr {
        display: none;
      }
      tbody tr {
        margin-bottom: 20px;
        border: 1px solid #dbdbdb;
        padding: 10px;
        background: white;
      }
      td {
        text-align: right;
        padding-left: 50%;
        position: relative;
      }
      td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
      }
    }