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

}


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

/*樣式正式開始*/

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

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

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

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

#iso p{
  margin: 0;
}

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

#iso img{
  width: 100%;
      display: block;
}

/*設計樣式*/
#iso{

}

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

/*設計 KV樣式*/

#iso .mi-ctos-kv{
  width: 100%;
      background-image: url(../images/mi-carb-kv-bg-dp.jpg);
    background-position: top;
        background-position: bottom;
    background-repeat: no-repeat;
        margin: auto;
    background-size: contain;
 background-size: cover;

 position: relative;
    overflow: hidden;

        padding-bottom: 1%;
}

#iso .mi-ctos-kv-box{
    width: 100%;
        max-width: 1200px;
    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: 4%;
    padding-bottom: 3%;


}

#iso .mi-ctos-kv-tit-img{
        
            margin: auto;
    text-align: center;
        width: 40%;
        /*margin-right: 50%;*/
                /*margin-bottom: 9%;*/
    /*margin-top: 4.5%;*/
        /*margin-right: 50%;*/
    position: relative;
}

#iso .mi-iso-kv-spad {
  position: absolute;
  width: 30%;
  right: -25%;
  top: 0%;
  cursor: pointer;
  animation: floatUpDown 1.5s ease-in-out infinite alternate;
}

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

#iso .mi-ctos-kv-tit{
    margin: auto;
    text-align: center;
    width: 30%;
}

#iso .mi-ctos-kv-tit img{
      width: 60%;
        width: 100%;
          margin-bottom: 4%;
    /*margin-left: 44%;
    margin-top: 7%;*/
}

#iso .mi-ctos-kv-tit .mi-kv-rig-pic{
    width: 80%;
        margin-bottom: 2%;
    /*background-color: #e4f8e2;*/
    border-radius: 10px;
}

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

#iso .mi-ctos-kv-tit-img{
    margin-bottom: 0%;
}

#iso .mi-ctos-kv-btn{
         width: 40%;
             font-size: 1rem;
     /*margin: 0 2%;
   margin-top: 2%;
    margin-right: 3%;*/
    
    padding: 2% 3%;
    color: #fefefe;
    border-radius: 10px;

    /*background-color: #0d9c63;
    border: 1px solid #0d9c63;*/

        text-align: center;

        width: 30%;
            padding: 2% 1%;
}

#iso .mi-ctos-kv-btn{
    -webkit-animation: baloon_1 3s infinite;
    -moz-animation: baloon_1 3s infinite;
    -ms-animation: baloon_1 3s infinite;
    -o-animation: baloon_1 3s infinite;
    animation: baloon_1 3s infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes baloon_1{
0% { transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
}

@-moz-keyframes baloon_1{
0% { transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
}

@-ms-keyframes baloon_1{
0% { transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
}

@-o-keyframes baloon_1{
0% { transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
}

@keyframes baloon_1{
0% { transform:translateY(0px);}
50% {transform:translateY(20px);}
100% {transform:translateY(0px);}
}



#iso .mi-ctos-kv-btn-pd{
  width: 35%;
             font-size: 1rem;
    margin: 0 2%;
    background-color: #0d9c63;
    padding: 5% 3%;
    color: #fefefe;
    border-radius: 10px;
    border: 1px solid #0d9c63;
        text-align: center;

        background-color: #ffcc17;
        color: #000000;
            border: 1px solid #ffffff;
}

#iso .mi-ctos-kv-btn-02{
    /*border: 1px solid #0d9c63;
    background-color: #fefefe;
    border: 1px solid #ffffff;
    background-color: #ffcc17;*/

    color: #0d9c63;

        
    color: #000000;
}

#iso .mi-ctos-kv-btn-03{
        width: 25%;
}

#iso .mi-ctos-kv-btn-04{
        width: 20%;
}

#iso .mi-aws-ydot{
        color: #28c385;
    font-size: 1.5rem;
}

#iso .mi-aws-ydot-s{
        color: #28c385;
    font-size: 1.1rem;
}

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

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

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

#iso .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;
}


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

#iso .mi-ctos-kv-tit-one img{
  width: 35%;
  width: 35%;
   width: 40%;
       max-width: 400px;
}


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

    margin-bottom: 3%;
}


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

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

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

}

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

}


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


#iso .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;
}

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

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

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

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

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

    position: relative;

     margin-bottom: 1%;
}

#iso .mi-retail-main-change-02{
    margin-bottom: 0%;
}

#iso .mi-why-tips{
       width: 50%;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2rem;
}

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

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

}

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

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

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

#iso .mi-iso-arrow{
        text-align: center;
    margin: auto;
    width: 100%;
}

#iso .mi-iso-arrow-ad{
        text-align: center;
    margin: auto;
    width: 100%;
}


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

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

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

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

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

#iso .mi-ctos-num-r-pd{
    width: 100%;
    /*display: flex;
    align-items: center;
    justify-content: center;
        justify-content: flex-start;
    flex-wrap: wrap;*/
border-bottom: 3px solid #34b783;
padding-bottom: 2%;
        margin-bottom: 3%;

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

 #iso .mi-ctos-num-r-pd-w{
        background-color: #fefefe;
    padding: 2%;
    padding-top: 3%;
 }

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

}

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

}

#iso .mi-carb-why-left.mi-aws-pd-sp{
        /*color: #008440;
            color: #000000;
    font-weight: bold;*/
    font-size: 1.15rem;
    line-height: 1.8rem;
}

#iso .mi-carb-why-left.mi-aws-pd-sp ul li{
    margin-bottom: 1%;
}

#iso .mi-ctos-num-r-pd-num{
         font-size: 1.5rem;
    width: 100%;
        width: 50%;
        width: 35%;
    margin-left: 0%;
    text-align: center;
        text-align: left;
    /*margin-right: 5%;*/
         color: #8fbc3c;
             color: #0d9c63;
                 color: #6f6f6f;
            margin-bottom: 2%;
        line-height: 2rem;
  }

#iso .mi-ctos-num-r-pd-num-w{
        /*margin-left: 2%;*/
}

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

#iso .mi-ctos-num-r-pd-parts{
        font-size: 7rem;
    margin-bottom: 3%;
    font-weight: bold;
    text-align: center;
        text-align: left;
    line-height: 1.4rem;
       width: 100%;
            color: #dcdcdc;
                color: #ececec;
            margin-left: 0%;
}

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

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

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

#iso .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;
}

#iso .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%;
}

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

#iso .mi-ctos-box{
    width: 100%;
      max-width: 1200px;
          margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*padding: 0% 10% 0% 10%;
        padding: 0% 5% 0% 5%;*/
}

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

}

#iso .mi-ctos-box-fs{
    justify-content: flex-start;
}

#iso .mi-ctos-box-sp{
      padding: 0% 5% 0% 5%;
}

#iso .mi-ctos-00{
    background-color: #ffffff;
    /* background-image: url(../images/mi-carb-pd-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: 2%;
    padding-bottom: 0%;

        position: relative;
    z-index: 5;
}

#iso .mi-ctos-11{
    background-color: #ffffff;
    /*background-image: url(../images/mi-aws-bg-01.png);*/
    background-position: top;
        background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
background-size: cover;

padding-top: 0%;
padding-top: 1%;
    padding-bottom: 3%;

        position: relative;
    z-index: 5;
}

#iso .mi-ctos-12{
    background-color: #ffffff;
     background-color: #d9fff0;
         background-color: #fdfff3;
             background-image: url(../images/mi-aws-bg-03.jpg);
    /*background-image: url(../images/mi-aws-bg-01.png);*/
    background-position: top;
        background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
background-size: cover;

padding-top: 0%;
padding-top: 1%;
    padding-bottom: 4%;

        position: relative;
    z-index: 5;
}


/*設計 01 樣式*/

#iso .mi-ctos-01{

      /*background-image: url(../images/mi-retail-bg-02.png);*/
     background-image: url(../images/mi-aws-bg-02.png);
    background-position: top;
        background-position: center;
    background-repeat: repeat;
    margin: auto;

    background-size: cover;
    background-size: contain;

padding-top: 2%;
    padding-bottom: 1%;

        position: relative;
    z-index: 5;
}

#iso .mi-ctos-num{

   /* background-image: url(../images/mi-aws-bg-02.png);*/
    background-position: top;
        background-position: center;
            background-position: left;
    background-repeat: no-repeat;
     background-size: contain;
background-size: cover;
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: flex-start;
    align-items: center;
        
    justify-content: center;
    flex-wrap: wrap;

}

#iso .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;

}

#iso .mi-ctos-num-left{
    width: 30%;
width: 35%;
    margin-right: 2%;
        margin-left: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#iso .mi-ctos-num-left-01{
    margin-right: 2%;
}

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

#iso .mi-ctos-num-right-case{
       width: 35%;
    margin-left: 0%;
transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
        padding: 1%;
            
    border-radius: 10px;
     /*padding: 2%;

       background-color: #f5f5f5;
        box-shadow: 1px 1px 3px 3px #f9f9f9;*/
}

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

#iso .mi-ctos-num-l-tit-01{
    width: 50%;
    width: 100%;
    min-height: 250px;
   
    /* margin: 0 1%; */
        padding-top: 3%;
    border-radius: 10px;
    margin-bottom: 5%;

        display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;

     /*background-color: #f5f5f5;
        box-shadow: 1px 1px 3px 3px #f9f9f9;*/
}

#iso .mi-ctos-num-l-tit-01 img{

      width: 100%;   
    margin-bottom: 2%;
}

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

}

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

}

#iso .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;*/
}

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

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

/*設計 02 樣式*/

#iso .mi-ctos-02{
    width: 100%;
    background-color: #f4f8eb;
    padding-top: 5%;
    padding-bottom: 3%;

        background-image: url(../images/mi-carb-bg-tree.png);
   
    background-position: left;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    background-size: cover;

    position: relative;
    z-index: 100;
}

#iso .mi-ctos-pair-tit{

}

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

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

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

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

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

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

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

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

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

#iso .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;
}



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

#iso .mi-ctos-pa-box-con:hover{
  opacity: 0.8;
}

/*設計 03 樣式*/

#iso .mi-ctos-03{
width: 100%;
    padding-top: 7%;
    padding-bottom: 3%;

    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;
}

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

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

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

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


/*設計 04 樣式*/

#iso .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;
}

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

#iso .mi-retail-main-sel{
        padding: 0% 0% 0% 0%;
}


#iso .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;
}

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

#iso .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 樣式*/

#iso .mi-ctos-05{
width: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
        background-color: #038538;
            background-color: #ffffff;
    background-image: url(../images/mi-aws-bg-03.jpg);
    background-position: top;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
     background-size: cover;
    
       
        position: relative;
    z-index: 5;
}

#iso .mi-ctos-mas{
    width: 100%;
        max-width: 1200px;
          max-width: 1000px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

        color: #fefefe;

     
    padding: 2%;
    border-radius: 10px;
}

#iso .mi-ctos-mas-info{
       background-color: #f5f5f5;
           /*align-items: flex-start;*/
            background-color: #ffffff;
            background-color: #e8fbf4;

        padding: 4%;
        position: relative;
    }

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

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

#iso .mi-ctos-mas-right img{
    width: 80%;
        margin-top: 3%;
}

#iso .mi-retail-mas-left{
  width: 50%;
}

#iso .mi-iso-timebox{
width: 80%;
margin: auto;
    text-align: center;
}

#iso .mi-retail-mas-right{
width: 50%;
margin: auto;
    text-align: center;
        color: #222222;
            margin-bottom: 3%;
}

#iso .mi-retail-mas-right img{
    width: 10%;
       /* margin-bottom: 5%;*/

    width: 4%;
    margin-right: 1%;
}

#iso .mi-carb-time-tt{
        font-size: 2.4rem;
    margin-bottom: 3%;
    font-weight: bold;
    line-height: 2rem;
}

#iso .mi-carb-time-time{
        font-size: 1.7rem;
        line-height: 2.5rem;
    margin-bottom: 3%
}

#iso .mi-carb-time-time span{
    font-size: 2.8rem;
        color: #8fbc3c;
            color: #008440;
            color: #ffffff;
    font-weight: bold;

        background-color: #4fbc95;
    display: inline-block;
        width: 100px;
    height: 100px;
    border-radius: 100px;
        line-height: 100px;

}

#iso span.mi-carb-second{
     color: #ce0000;
    color: #a4ffbe;
}

#iso .mi-ctos-mas-icon{
   
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
     margin-top: 4%;
}

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

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

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

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

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

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

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

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

#iso .mi-ctos-mas-l-con-more{
    border-bottom: none;
        padding-bottom: 0%;
            color: #323232;
                width: 100%;
    text-align: center;

/* border-bottom: 1px solid #7e9748;*/
    padding-bottom: 2%;
    margin-bottom: 2%;
}

#iso .mi-ctos-mas-l-con-more span{
  
}

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

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

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


#iso .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%;
}

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

#iso .mi-ctos-mas-l-btn-a-more-big{
    font-weight: bold;
        font-weight: normal;
    font-size: 1.2rem;
        line-height: 1.3rem;
            text-align: center;
      text-align: left;
          margin-bottom: 3%;
            line-height: 1.5rem;
}

#iso .mi-ctos-mas-l-btn-a-more-big span{
    font-weight: bold;
}


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

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

#iso .mi-aws-adds{
        margin-left: 13%;
}


#iso .mi-ctos-mas-l-btn-a-02{
      /*background-color: #004280;*/
        color: #6f6f6f;
    font-size: 1rem;
    line-height: 1.5rem;
    /*margin-top: 3%;*/
}

#iso .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;
    z-index: 1050;
    
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;

    display: none;

    /*transition: 0.5s all;*/
}

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

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

#iso .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%;
}



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

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

}

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

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

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

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

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

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

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

#iso .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;
}

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

#iso .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%;
}

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



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

/*點選後按鈕改變顏色-正確但未選擇到*/
/* 样式定义，用于提示正确但一开始未选中的答案 */
#iso .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;*/
}

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

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

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


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


#iso .mi-ctos-step {
      display: flex;
      overflow: hidden;
      position: relative;
    }
#iso .mi-ctos-step-box {
      flex: 1;
      display: none;
    }
#iso .mi-ctos-step img {
      max-width: 100%;
      height: auto;
    }
#iso .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;
    }
#iso .btn-container div {
      margin: 0 0px;
      
    }
#iso .dot{
  width: 19%;
      padding: 1% 0%;
        background-color: #fefefe;
    border: 1px solid #f2f2f3;
       cursor: pointer;
          color: #898989;
}

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

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

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

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


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


#iso .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%;
}

#iso .mi-retail-device{
        width: 100%;
    /*padding-top: 4%;*/
    padding-bottom: 4%;
    /*background-image: url(../images/mi-carb-kv-bg.jpg);*/
    background-position: top;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    background-size: cover;
     background-color: #fefefe;

     position: relative;
    z-index: 5;


        background-color: #f0f9f5;
            background-color: #b0dcce;
    padding-top: 4%;
}


#iso .carousel-container{
        z-index: 90;
}


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


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

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

#iso .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;
}

#iso .mi-year-right-menu01-first{
        background-color: #4ebc94;
    color: #fefefe;
     animation: pulse-bg 1s infinite alternate;
}

/* 定義動畫關鍵影格 */
@keyframes pulse-bg {
  from {
    background-color: #4ebc94;
  }
  to {
    background-color: #2c9670;
  }
}

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

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

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

#iso .mi-carb-gear-bg{
    width: 40%;
}

#iso .mi-carb-gear-bg-01{
    bottom: 30%;
        left: -30%;
}

#iso .mi-carb-gear-bg-02{
        right: -25%;
        bottom: -30%;
}


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

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

    /*#iso .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%;
    }*/

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

#iso .mi-year-right-menu01:hover{
    background-color: #34b783;
    color: #fefefe;
        opacity: 1;
    /*color: #ffffff;*/
    cursor: pointer;
    overflow: hidden;
}

#iso .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%;
}

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


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

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

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

#iso .mi-ret-know-btn{
        width: 100%;
    text-align: left;
    margin-top: 4%;
    color: #0d9c63;
    border-top: 1px solid;
    padding-top: 3%;
    line-height: 1.5rem;
    font-size: 1rem;
}

#iso .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;
}

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

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

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

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

#iso .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;
    z-index: 100;

}

#iso .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%;
}

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

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

#iso .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%;
}

#iso .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;
}

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

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

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

#iso .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%;
}

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

#iso .mi-iso-spk{
        width: 22%;
}

#iso .mi-iso-ttbox{
        margin: auto;
}

#iso .mi-retail-pv-box{
    background-color: #fdfdfd;
    box-shadow: 2px 2px 5px 5px #e6e6e6;
    border: 3px solid #06c79f;

    justify-content: space-between;
        justify-content: center;
        padding-top: 0%;
    padding: 1.5%;
        margin-bottom: 0%;

     margin-top: 2.5%;

}


#iso .mi-retail-pv-tt{
    font-size: 1.8rem;
    margin-bottom: 5%;
    margin-top: 10%;
    text-align: center;
        font-weight: bold;

}

#iso .mi-retail-pv-con{
font-size: 1rem;
    font-size: 1rem;
    line-height: 1.8rem;
    /*min-height: 75px;*/
        text-align: center;
}

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

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

#iso .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%;
}

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

#iso .mi-carb-kv-btn{
        width: 100%;
            width: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
position: relative;
    z-index: 100;
    margin-bottom: 15%;
        /*margin-left: 9%;*/
}

#iso .mi-carb-new{
        width: 25%;
            position: relative;
    font-size: 1rem;
    color: #6f6f6f;
    line-height: 1.5rem;
        /*position: absolute;*/
        background-color: #b9b8a7;
        margin: 0 1%;
            padding: 1%;
            border-radius: 10px;
        min-height: 150px;

        box-shadow: 2px 2px 5px 5px #f1f1f1;
}

#iso .mi-carb-new-mt{
    margin-top: 5%;
}

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

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

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



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

#iso .mi-carb-new-tt{
    /*background-color: #93b247;
        background-color: #0d9c63;

    background: linear-gradient(#b0e155, #75a817);*/
    width: 100%;
    margin: auto;
    color: #fefefe;
    text-align: center;
    /*padding: 5%;*/
        border-radius: 15px 15px 0 0;
            font-size: 1.1rem;
                margin-left: 20%;
        opacity: 0.4;
            margin-top: -10%;
}

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

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

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

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

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

#iso .mi-carb-new-con{
        /*background-color: #faf9fa;
            background-color: #ffffff;*/
    padding: 8%;
        border-radius: 10px;
        font-size: 1rem; 
            min-height: 100px;
        color: #6f6f6f;
        color: #fefefe;
    font-weight: bold;
        line-height: 1.8rem;
    font-size: 1.3rem;
}

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

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

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

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

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

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

#iso .mi-carb-gear{
        width: 250px;
    height: 250px;

    margin: 0 1.5%;
        
    margin: 0 1%;
    position: relative;
    padding: 2% 2%;
    font-size: 1.2rem;
    line-height: 1.8rem;

        font-weight: bold;
    text-align: center;
        background-color: #4fbc95;
    color: #fefefe;
    margin-bottom: 1%;
border-radius: 250px;
        box-shadow: 1px 1px 3px 3px #f9f9f9;
}

#iso .mi-carb-gear-img{
        position: absolute;
        transform: translateY(-60%);
        left: 25%;
}

#iso .mi-aws-why-sp{
     font-size: 1.1rem;
         color: #838383;
         color: #595959;
}

#iso .mi-aws-pd-tab{
        position: absolute;
    width: 50%;
    right: -24%;
    top: -13%;
}

#iso .mi-aws-main-tt{
         font-size: 1.5rem;
    text-align: center;
    color: #111;
    /* font-style: italic; */
        width: 30px;
    /* margin-left: 7%; */
    position: absolute;
    top: -5%;
}

#iso .mi-iso-who-con{
    margin-top: 30%;
}


#iso .mi-aws-main-tt-02{
     width: 30px;
    /* margin-left: 7%; */
    position: absolute;
    bottom: -10%;
        right: 5%;
}

#iso .mi-carb-gear img{
 width: 50%;
}

#iso .mi-carb-gear-01{

}

#iso .mi-carb-gear-02{
        /*margin-top: 5%;*/
}

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

#iso .mi-carb-gear-04{
        /*margin-top: 5%;*/
}

#iso .mi-carb-gear img{
    
}

#iso .mi-carb-why-cen{
        color: #8fbc3c;
            color: #0d9c63;
    font-size: 1.2rem;
    margin-bottom: 2%;
        margin-bottom: 6%;
}

#iso .mi-carb-why-left-tt{
    color: #4d4d4d;
        color: #222222;
    border-bottom: 2px solid #27c385;
    padding-bottom: 2.5%;
    width: 60%;
    margin: auto;
    margin-bottom: 2.5%;
    line-height: 2.2rem;
        width: 100%;
            text-align: left;
}



#iso .mi-carb-why-left-tt-02{
    border-bottom: 2px solid #d7d7d7;
        border-bottom: 3px solid #27c385;
    
}

#iso .mi-carb-why-rig-tt{
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
        border-bottom: 2px solid #bae981;
    padding-bottom: 5%;
    width: 60%;
    margin: auto;
    margin-bottom: 5%;

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

#iso .mi-carb-why-left{
    color: #6f6f6f;
    margin-bottom: 0%;
        text-align: left;
}

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

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


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


#iso .mi-carb-why-box{
    width: 70%;
    /*background-color: #f5f5f5;
        box-shadow: 2px 2px 5px 5px #e9e9e9;*/
    /* margin: 0 1%; */
    padding: 2%;
    border-radius: 10px;
    margin: 0 1%;
    transition: all 0.3s;
     opacity: 0.9;
         padding-bottom: 1.5%;

}

#iso .mi-carb-why-box:hover{
        opacity: 0.8;
}

#iso .mi-carb-why-box-02{
     opacity: 1;

        position: relative;
}

#iso .mi-carb-why-box-02:hover{
        opacity: 0.9;
}

#iso .mi-aws-orip{
        color: #585858;
    text-align: center;
        margin-bottom: 5%;
         font-size: 1rem;
    line-height: 1.3rem;
}

#iso .mi-aws-orip-sw{
        color: #585858;
    text-align: center;
     margin-top: 5%;
        margin-bottom: 5%;
         font-size: 0.8rem;
    line-height: 1rem;
}

#iso .mi-aws-orip-sw-tt{
    color: #222;
        font-weight: bold;
        margin-bottom: 1%;
            display: block;
}

#iso .mi-carb-why-bcen{
        width: 15%;
    margin-top: 7%;
        margin-right: 5%;
}

#iso .mi-carb-clas-pdtbox-left{
width: 100%;
}

#iso .mi-carb-clas-pdtbox{
        width: 70%;
        width: 100%;
    text-align: center;
    text-align: left;
    margin-bottom: 0%;
        font-size: 1.1rem;

}

#iso .mi-carb-clas-pdtbox img{
 width: 30%;
}

#iso .mi-aws-pd-con{
        min-height: 100px;

}

#iso .mi-aws-pd-pri{
    font-size: 1.8rem;
    color: #1d1d1d;
    text-align: center;
}

#iso .mi-aws-pd-pri-01{
    margin-top: 6%;
}

#iso .mi-aws-pd-pri-sp-b{
        font-weight: bold;
}

#iso .mi-aws-pd-pri-sp-b-red{
    /*color: #be0000;*/
}

#iso .mi-aws-pd-pri-sp{
     font-size: 1.2rem;
}

#iso .mi-spk-bg{
    background-color: #fff9cf;
        border-radius: 20px 20px 0 0;
}

#iso .mi-aws-pd-box{
        background-color: #fefefe;
            background-color: #fdfff0;
       padding: 5%;
        border-radius: 10px;
            border-radius: 0 0 20px 20px ;
}

#iso .mi-aws-pd-box-01{
    background-color: #f8f8f8;
        background-color: #f5f5f4;
}

#iso .mi-aws-pd-box-02{
    background-color: #f8f8f8;
}

#iso .mi-aws-ps{
        font-size: 1rem;
            line-height: 1.3rem;
    margin-bottom: 1%;
    margin-top: 1%;
        font-weight: normal;
}

#iso .mi-aws-ps a{
        color: #000000;
    font-weight: bold;
        text-decoration: underline;
}

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

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

    #iso .mi-carb-why-rig{
            font-size: 1.3rem;
    }

    #iso .mi-carb-why-cen{
        font-size: 1.3rem;
    }
}

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

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

    #iso .mi-carb-why-rig{
            font-size: 1.4rem;
    }

    #iso .mi-carb-why-cen{
        font-size: 1.4rem;
    }
}

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

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

    #iso .mi-carb-why-rig{
            font-size: 1.5rem;
    }

    #iso .mi-carb-why-cen{
        font-size: 1.5rem;
    }
}

#iso .mi-carb-clas-pdtbox-tt{
        margin-bottom: 3%;
    color: #6f6f6f;
        color: #424242;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 3%;
}

#iso .mi-carb-clas-pdtbox-st{
       margin-bottom: 3%;
    font-weight:normal;
    color: #222222;
    color: #6f6f6f;
        font-size: 0.95rem;
    line-height: 1.5rem;
}

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

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

#iso .mi-carb-clas-con{
    /*margin-left: 5%;*/
        margin-top: 10%;
}

#iso .mi-carb-clas-con-de{
    font-size: 1.5rem;
    line-height: 2.5rem;
        color: #6f6f6f;
            font-weight: normal;
}

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

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

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

#iso .mi-carb-ftt{
    /*text-align: left;*/
    margin-bottom: 0%;
}

#iso .mi-ctos-kv-tit-one img{
     width: 50%;
     /*max-width: 500px;*/
}

#iso .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;
}



#iso .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;
}

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

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

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

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

         /*background-color: #0d9c63;*/
}

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

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

        margin-top: 5%;
}

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


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

#iso .mi-ctos-pa-03{
    width: 70%;
border: none;
    background: none;
        text-align: left;
            margin-left: 2%;
}

#iso .mi-carb-a-sp{
    color: #8fbc3c;
        color: #0d9c63;
    font-size: 1.5rem;
    margin-right: 1%;
    font-weight: bold;
        margin-bottom: 2%;
}

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

#iso .mi-carb-a-tt{
       margin-bottom: 2%;
    font-size: 1.1rem;
    font-weight: bold;
    color: #222222;
        line-height: 1.5rem;
}

#iso .mi-carb-a-con{
    color: #6f6f6f;
    margin-bottom: 3%;
    font-size: 1rem;
     font-size: 0.9rem;
        line-height: 1.3rem;
}

#iso .mi-iso-s-arrow{
        margin: auto;
    width: 15%;
    margin-bottom: 0%;
        margin-top: 1%;
}

#iso .mi-ctos-pa-02{
     width: 20%;
     width: 15%;
}

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

#iso .mi-mb-only{
    display: none;
}

#iso .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%);
}

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

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

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

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

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

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

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

}

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

}

#iso .mi-iso-btn-box-kv{
 width: 100%;
}

#iso .mi-iso-btn-box{
    margin: auto;
    text-align: center;

        width: 60%;
}

#iso .mi-iso-btn-box-02{
    width: 50%;
}

#iso .mi-iso-max-sw{
    font-weight: bold;
}

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

/**葉子飛行**/
#iso{
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}


#iso .container {
  position: relative;
      position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
    z-index: 90;
         
    /*display: none;*/
}

#iso .mi-ctos-kv-tit-one img.mi-iso-arrow-img{
    text-align: center;
    margin: auto;
    width: 50%;
}

#iso .mi-ctos-kv-tit-one img.mi-iso-arrow-img-02{
    text-align: center;
    margin: auto;
    width: 85%;
        max-width: 1200px;
}

#iso .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;
  }
}

#iso .mi-ctos-kv-tit-one .mi-iso-tt-img{
    width: 70%;
    max-width: 100%;
    margin: auto;
}

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

#iso .mi-ctos-kv-tit .mi-aws-kv-time{
        width: 4%;
    margin-bottom: -5px;
}

#iso .arrow-down {
  position: absolute;
      opacity: 0.8;
    z-index: 120;
  left: 50%;
  bottom: 20px; /* 箭頭與底部的距離，可以根據需求調整 */
  bottom: 0px; /* 箭頭與底部的距離，可以根據需求調整 */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid #b0e155; /* 修改箭頭顏色 */
    border-top: 30px solid #d3f6a4;
    border-top: 30px solid #daf5d9;
        border-top: 30px solid #d9d9d9;
      /*border-top: 30px solid #75a817;
       border-top: 30px solid #ff9300;*/

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

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

#iso .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;
  }

#iso .mi-kv-bt{
    font-size: 5.5rem;
    font-weight: bold;
    color: #111111;
    margin-bottom: 2%;
    font-style: italic;
}

#iso .mi-kv-bt-sec{
font-size: 3rem;
    letter-spacing: 0.5rem;
    margin-bottom: 2%;
    color: #111111;
    font-weight: bold;
}

#iso .mi-kv-bt-con{
        width: 90%;
    margin: auto;
    font-size: 0.9rem;
    color: #585858;
        color: #6f6f6f;
            color: #c0a82f;
    line-height: 1.5rem;
      text-align: center;
        margin-bottom: 5%;
            margin-top: 6%;
    font-size: 1.2rem;
}

#iso .mi-kv-bt-time{
        font-size: 1.2rem;
    color: #111;
    margin-bottom: 3%;
        text-align: left;
            text-align: center;
    /*margin-left: 12%;*/
}

#iso .mi-iso-stt{
        line-height: 2rem;
        font-weight: normal;
    font-size: 1.8rem;
    margin-bottom: 1.3%;
}

#iso .mi-iso-stt-exb{
 font-size: 2.5rem;
  line-height: 2.5rem;
}


#iso .mi-iso-btt{
        line-height: 2rem;
    color: #000000;
    margin-bottom: 1.3%;
    position: relative;
}

#iso .mi-iso-btt-exbb{
    font-size: 3.2rem;
     line-height: 4rem;
}

#iso .mi-tt-sicon{
    display: inline-block;
    width: 80px;
        position: absolute;
}

#iso .mi-tt-sicon-01{
        left: 31%;
    bottom: 15%;
}

#iso .mi-tt-sicon-02{
    right: 29%;
    bottom: -35%;
}

#iso .mi-tt-sicon-03{
        left: 36%;
    bottom: 15%;
}

#iso .mi-tt-sicon-04{
    right: 34%;
    bottom: -35%;
}


#iso .mi-iso-pc-only{
    
    display: block;
}

#iso .mi-ctos-kv-mbimg{
    display: none;
}



#iso .mi-side-callimg-box-pa{
        
        width: 70px;
        width: 120px;
    margin: auto;
  }


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

  #iso .mi-egy-kv-bglf-01{
    bottom: -100px;
    right: -2%;
    max-width: 300px;
  }

  #iso .mi-egy-kv-bglf-02{
    bottom: -120px;
    left: -2%;
    max-width: 300px;
  }

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

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

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

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


   #iso .mi-iso-time-icons{
        position: absolute;
    bottom: -5%;
    right: -5%;
    }

    #iso .mi-iso-time-icons-02{
         width: 20%;
        position: absolute;
        bottom: 18%;
        left: -6%;
    }

#iso .mi-iso-first-ad{

}

#iso .mi-iso-lesson-photo{

}


/*切換效果*/
.carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
}

.carousel-track-wrapper {
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}

.carousel-slide {
  flex: 0 0 60%;
  opacity: 0.5;
  transform: scale(0.9);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.carousel-slide.active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}

.carousel-slide img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255,255,255,0.8);
  border: none;
  font-size: 24px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 3;
  border-radius: 50%; /* 讓按鈕變成圓形 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}

.carousel-arrow:hover {
  background-color: rgba(0,0,0,0.1);
}

.arrow-left {
  left: 5%;
}

.arrow-right {
  right: 5%;
}

#iso .carousel-dots {
  text-align: center;
  margin-top: 20px;
}

#iso .carousel-dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

#iso .carousel-dot.active {
  background-color: #333;
}

.carousel-slide{

}

@media (max-width: 768px) {
  .carousel-slide {
    flex: 0 0 80%;
  }

  #iso .mi-iso-kv-spad{
    top: -11%;
    right: -9%;
  }
}


#iso .carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: auto;


}

/*.carousel-track-wrapper {
  overflow: hidden;
}

.carousel-track {
  white-space: nowrap;
  transition: transform 0.6s ease;
}

.slide {
  display: inline-block;
  width: 70%; 
  margin: 0 10px;
}*/

#iso .carousel-track-wrapper {
  overflow: hidden;
  padding: 0 10%; /* 控制左右圖片可露出區域 */
}

#iso .carousel-track {
  display: flex;
  transition: transform 0.6s ease;
  will-change: transform;
}

#iso .slide {
  flex: 0 0 auto;
  width: 90%; /* 控制主圖寬度，留空讓左右圖片可見 */
  margin: 0 10px;
}



#iso .arrow-left,
#iso .arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 2;
}

#iso .arrow-left {
  left: 10px;
}

#iso .arrow-right {
  right: 10px;
}

#iso .carousel-dots {
  text-align: center;
  margin-top: 3%;
}

#iso .carousel-dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

#iso .carousel-dot.active {
  background-color: #333;
}



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

    #iso .mi-carb-new{
            width: 31%;
    }

    #iso .mi-iso-time-icons-02{
        display: none;
    }

    #iso .mi-kv-bt-con{
         width: 100%;
    }

    #iso .arrow-down{
          display: none;
    }

    #iso .mi-iso-stt{
        width: 80%;
                margin: auto;
                    line-height: 2.4rem;
                margin-bottom: 1%;
    }

    #iso .mi-aws-orip{
            font-size: 1.2rem;
                margin-bottom: 3%;
    }

    #iso .mi-tt-sicon-01{
        left: 24%;
    }

    #iso .mi-ctos-num-r-pd-parts{
            font-size: 6rem;
    }

    #iso .mi-iso-btt-exbb{
                font-size: 2.5rem;
    }

    #iso .mi-tt-sicon-02{
        right: 20%;
        bottom: 5%;
    }

    #iso .mi-iso-pc-only{
            display: none;
    }

    #iso .mi-ctos-num-left{
            width: 37.5%;
    }

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

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


    #iso .mi-iso-tb{
         display: block;
    }

    #iso .mi-ctos-kv-btn{
            width: 25%;
                width: 45%;
    }

    #iso .mi-retail-main-change{
           
    }

    #iso .mi-ctos-kv-tit img{
            width: 100%;
    }

    #iso .mi-carb-new-01{
       
    }

    #iso .mi-carb-new-02{
          
    }

    #iso .mi-carb-new-03{
            
    }

    #iso .mi-ctos-kv-tit-one img.mi-iso-arrow-img-02{
            width: 100%;
    }

    #iso .mi-iso-btn-box{
            width: 60%;
    }

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

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

    #iso .mi-carb-why-box{
        
    }

    #iso .mi-ctos-kv-btn-pd{
         width: 70%;
                 margin-top: 7%;
    }

    #iso .mi-mb-only{
         display: block;
    }

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

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

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

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

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

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

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

    #iso .mi-carb-gear-02{
   
    }

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

    #iso .mi-carb-gear-04{

    }

    #iso .mi-crab-btn-gp{
            width: 50%;
    }

    #iso .mi-ctos-11{
            padding-top: 5%;
    }

    #iso .mi-ctos-01{
            padding-top: 1%;
    }

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

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

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

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

    #iso .mi-ctos-00{
            padding: 0 5%;
    }

    #iso .mi-carb-gear-box{
        margin-bottom: 0%;
                margin-top: 7%;

    }

    #iso .mi-carb-ftt img{
        width: 60%;
          
    }

    #iso .mi-ctos-kv-tit-one{
  margin-bottom: 3%;
    }

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

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

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

    #iso .mi-ctos-num-r-pd-num{
        font-size: 1.4rem;
            width: 50%;
    }

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

    #iso .mi-tt-sicon-03{
        left: 32%;
    }

    #iso .mi-tt-sicon-04{
        right: 28%;
        bottom: 0%;
    }

    #iso .mi-carb-time-time{
            margin-bottom: 7%;
    }

    #iso .mi-iso-time-icons{
        display: none;
    }

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

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

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

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

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

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

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



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

    #iso .mi-iso-pc-only{
        display: none;
    }

    #iso .mi-ctos-kv-mbimg{
        display: block;
    }

    #iso .mi-mb-only{
        display: block;
    }

    #iso .mi-retail-pv-con{
            font-size: 0.9rem;
                line-height: 1.2rem;
    }

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

    #iso .mi-why-tips{
            font-size: 1.2rem;
    }

    #iso .mi-ctos-kv-tit-one img.mi-iso-arrow-img{
            width: 70%;
    }

    #iso .mi-tt-sicon{
            width: 40px;
    }

    #iso .mi-tt-sicon-01{
            left: 13%;
    }

    #iso .mi-tt-sicon-02{
            right: 14%;
            bottom: 0%;
    }

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

    #iso .mi-iso-stt{
                width: 80%;
        margin: auto;
        font-size: 1.3rem;
        line-height: 1.8rem;
                margin-top: 3%;
    }

    #iso .mi-iso-spk{
        width: 60%;
    }

    #iso .mi-side-callimg-box-pa{
         /*display: none;*/
         width: 100px;
        margin: initial;
    }

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

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

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

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

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

    #iso .mi-retail-pv-tt{
            font-size: 1.3rem;
            margin-top: 3%;
            margin-bottom: 6%;
                line-height: 2rem;
    }

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

    #iso .mi-iso-btn-box-02{
        width: 90%;
                margin-top: 4%;
    }

    #iso .mi-iso-s-arrow{
            width: 40%;
    }

    #iso .mi-carb-time-time span{
            font-size: 2rem;
                    margin-top: 3%;
                margin-bottom: 1%;

            width: 90px;
        height: 90px;
        border-radius: 90px;
        line-height: 90px;
    }

    #iso .mi-carb-time-time{
            margin-bottom: 10%;
    }

    #iso .mi-ctos-kv-tit-one img{
            width: 90%;
    }

    #iso .mi-carb-kv-btn{
        margin-top: 10%;
            width: 100%;
                margin-bottom: 5%;
            margin-left: 0%;
    }

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

    #iso .mi-carb-ftt img{
            width: 90%;
    }

    #iso .mi-carb-gear{

        margin-bottom: 8%;

    }

    #iso .mi-carb-gear-img{
                    top: 15%;
    }

    #iso .mi-iso-who-con{
        margin-top: 40%;
                padding: 5%;
    }

    #iso .mi-tt-sicon-03{
        left: 22%;
        bottom: 15%;
    }

    #iso .mi-tt-sicon-04{
        right: 23%;
         bottom: 11%;
    }

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

    #iso .arrow-down{
        display: none;
    }


    #iso .mi-ctos-kv-tit-one .mi-iso-tt-img{
        width: 95%;
        max-width: 100%;
        margin: auto;
    }

    #iso .mi-carb-new{
            position: relative;
            margin: auto;
    width: 90%;
    width: 100%;
        margin-bottom: 3%;
                padding: 3%;
                min-height: 50px;
                margin-top: 3%;

    }

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

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

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

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

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

    #iso .mi-carb-new-con{
            padding: 2%;
                font-size: 1.2rem;
                padding-top: 6%;
    }

    #iso .mi-ctos-00{
            padding: 5% 5%;
                padding-bottom: 0;
                padding-top: 0;
    }

    #iso .mi-iso-tb{
         display: none;
    }


    #iso .mi-ctos-kv-btn{
            /*margin-left: 32%;*/
        margin-top: 0%;
    }

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

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

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



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

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

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

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

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

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

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

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

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

    }

    #iso .mi-kv-bt{
            font-size: 4rem;
            margin-bottom: 5%;
    }

    #iso .mi-kv-bt-sec{
            font-size: 2.5rem;
    letter-spacing: 0rem;
    }

    #iso .mi-ctos-kv-tit .mi-kv-rig-pic{
        width: 100%;
    }

    #iso .mi-ctos-kv-tit{

    }

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

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

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


  #iso .mi-ctos-num-l-tit{
        margin: auto;
width: 48%;
        width: 80%;
        margin-right: 0%;
            margin-top: 0%;
            margin: auto;
            margin-bottom: 5%;
  }

  #iso .mi-iso-time-icons{
    right: 0%;
            display: none;
  }

  #iso .mi-iso-time-icons img{
    width: 50%;
  }

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

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

  #iso .mi-ctos-num-l-tit img{
      width: 100%;
  }

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

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

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

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

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

    .mi-ctos-kv-tit-sp{

    }

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

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

    #iso .mi-ctos-kv-tit-img{
        width: 80%;
                margin-top: 0;
    }

    #iso .mi-iso-arrow-ad{
         width: 100%;
    }

    #iso .mi-aws-pd-tab{
            display: none;
    }

    #iso .mi-kv-bt-con{
        width: 90%;
    }

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

    #iso .mi-ctos-kv-btn{
                width: 40%;
                margin-bottom: 3%;
    }

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

    #iso .mi-ctos-num-r-pd-parts{
      width: 25%;
           width: 100%;
    margin-bottom: 4%;
    }

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

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

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

    #iso .mi-ctos-01{
          padding-top: 2%;
          padding-bottom: 5%;
    }

    #iso .mi-crab-btn-gp{
            width: 100%;
    }

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

    }

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

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

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

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

    #iso .mi-ctos-pa-02{
        width: 35%;
    }

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

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

    #iso .mi-aws-pd-con{
            min-height: 70px;
    }

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

    #iso .mi-ctos-02{
          padding-top: 5%;
    padding-bottom: 5%;
    }

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

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

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

    #iso .mi-ctos-05{
          padding-top: 2%;
              padding-bottom: 0%;
    }

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

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

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

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

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

    #iso .mi-carb-why-box-mb{
            background-color: #8cc64b;
                opacity: 0.9;
    border-radius: 25px;
        padding: 5%;
    }

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

    #iso .mi-ctos-mas-right img{
        width: 60%;
    }

    #iso .mi-ctos-kv-btn-pd{
            width: 80%;
                    margin-top: 5%;
        margin-bottom: 5%;
    }

    #iso .mi-ctos-mas{
            padding: 0%;
                    padding: 5%;
                padding-top: 7%;
    }

    #iso .mi-iso-mb-fw{
            flex-wrap: wrap-reverse;
    }

    #iso .mi-aws-orip{
                text-align: center;
        margin-left: 0;
        margin-bottom: 5%;

        font-size: 1rem;
    }

    #iso .mi-ctos-mas-right-02{
        width: 60%;
    }


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


    #iso .mi-ctos-mas-right-02 img{
        width: 60%;
    }

    #iso .mi-ctos-mas-l-con{
          font-size: 1rem;
    line-height: 1.5rem;
    }

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

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

    #iso .mi-retail-device{
            padding-top: 8%;
    padding-bottom: 20%;
    }

    #iso .mi-ctos-num-right-case{
        width: 100%;
                width: 90%;
            margin-bottom: 5%;
                margin-left: 0%;

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #iso .mi-ctos-mas-info{
        padding: 5%;
    }

    /*菜單*/
      #iso .mi-year-right-menu{
            width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: 10;
    right: 0;
    }

    #iso .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%;
    }

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

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

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

    #iso .mi-ctos-kv-tit-one-mb{
                margin-bottom: 0;
    }


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

        font-size: 1rem;
    }

    #iso .mi-nv-box{
            padding-bottom: 55%;
    }

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

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

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

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

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

      #iso .mi-carb-clas-con-de{
            font-size: 1.5rem;
                line-height: 2rem;
                    margin-top: 15%;
      }

      #iso .mi-iso-btt-exbb{
            font-size: 1.6rem;
    line-height: 2.5rem;
      }


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


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

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

}