@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/

#adv-environm body{
    margin: 0;
    font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;
}

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

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

#adv-environm p{
	margin: 0;
}

#adv-environm a {
    text-decoration: none;
        color: #fefefe;
}

#adv-environm .mi-bg-w{
	background-color: #fefefe;
}

#adv-environm .mi-mb-3{
	margin-bottom: 3%;
}

#adv-environm .mi-mp-3{
	margin-top: 3%;
}

#adv-environm .mi-pb-3{
	padding-bottom: 3%;
}

#adv-environm .mi-pb-5{
    padding-bottom: 5%;
}

/*----------------------------------------
  main CSS start
----------------------------------------*/

/*----------------------------------------
  mi-KV
----------------------------------------*/
#adv-environm.mi-all{
	background-color: #fefefe;
    margin: 0 auto;
}

#adv-environm .mi-kv{
	/*background-image: url(css-img/ny-kv-bg.png);*/
    

    background-position: center;

background-image: url(../images/mi-eki-kv-bg.jpg);
background-position: bottom;
    background-position: top right;
    background-repeat: no-repeat;
        background-color: #0d2236;
            background-color: #061345;
    background-color: #051231;
        background-size: cover;
}

#adv-environm .mi-kv-box{
        width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;

    padding: 4% 4% 4% 4%;
}

#adv-environm .mi-kv-box-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0% 15% 0% 15%;

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

#adv-environm .mi-kv-box-r-img{
        text-align: center;

            width: 80%;
    margin: auto;
}

#adv-environm #MarketSolution{
        margin: auto;
    max-width: 1200px;
}

#adv-environm .mi-kv-box-btn-box{
        display: inline-block;
    width: 30%;
}

#adv-environm .mi-kv-box-l{
    width: 45%;
        width: 35%;
        /*margin-bottom: 4%;*/
        text-align: center;
            margin-top: 2%;
}

#adv-environm .mi-kv-box-r{
	width: 32%;
    width: 40%;
    /*margin-top: 8%;*/
}

#adv-environm .mi-kv-box-l .mi-kv-btn{
	width: 60%;
    margin-left: 18%;
    margin-top: 2%;
    padding: 3px 20px;
}

#adv-environm .mi-dp-b{
    display: block;
}

#adv-environm .mi-dp-none{
    display: none;
}

#adv-environm .mi-dp-show{
    display: block;
}

/*#adv-environm .mi-dp-noshow{
    display: none;
}*/

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

    #adv-environm .mi-kv-box-btn-box{
            width: 55%;
    }

    #adv-environm .mi-kv-box-r-img{
            width: 100%;
    }

	#adv-environm .mi-kv{

       background-color: #061231;

       background-image: url(../images/mi-eki-kv-bg.jpg);
        background-position: center;

        /*background-position: top;*/
	}

	#adv-environm .mi-kv-box{
	    display: block;
	    /*padding: 5% 6% 5% 6%;*/
	    background-position: center;
	    padding-top: 5%;
	}

	#adv-environm .mi-kv-box-l{
	    width: 100%;
	    margin-bottom: 5%;
            text-align: center;
                margin-top: 6%;
	}

	#adv-environm .mi-kv-box-r{
		width: 100%;
	}


}


/*----------------------------------------
  mi-select
----------------------------------------*/
#adv-environm .mi-sel{
        /*background-image: url(css-img/ny-kv-bg.png);*/
        background-color: #1795e7;
        background-color: #1e246e;
            background-color: #1b3b68;
                background-color: #0d3a7b;
                background-color: #0a1859;
                background-color: #061231;
}

#adv-environm .mi-sel-box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

    /*padding-bottom: 1%;
    padding-top: 1%;*/

    max-width: 1140px;
    margin: auto;
}

#adv-environm .m-sel-btn{
	    flex: 0 0 33%;
    flex: 0 0 16%;
    flex: 0 0 13.3%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    /* font-size: 1rem; */
    /* color: #b8e3ff; */
    /* background-color: #1b4c9e; */
    padding: 1%;
    box-sizing: border-box;
    transition: all 0.2s;
    /* border: 1px solid #0a4b67; */
    text-align: center;
    cursor: pointer;
    /* border-radius: 10px; */
    /* background-color: #0774c1; */
    line-height: 2rem;
    /* border: 1px solid #243e66; */
    /* border: 1px solid #0e56a0; */
    border-bottom: 1px solid #1387d6;
    color: #0c98f2;
    color: #fefefe;
        color: #87d0ff;
    line-height: 1rem;
    margin: 0 0.3%;
    /* border-radius: 10px;
}

#adv-environm .m-sel-btn-line{
    /*border-right: 1px solid #4ca3e1;
    border-left: 1px solid #4ca3e1;*/
        /*color: #e7f5ff;*/
}

#adv-environm .m-sel-btn:hover{

            
               /* background-color: #1b81ef;
            background-color: #0774c1;
            background-color: #3ab2f2;
    background-color: #0774c1;*/

        color: #ffffff;
    border: none;
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
/*
background: rgb(0,62,170); 
background: -moz-linear-gradient(top,  rgba(0,62,170,1) 0%, rgba(0,42,127,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,62,170,1) 0%,rgba(0,42,127,1) 100%); 
background: linear-gradient(to bottom,  rgba(0,62,170,1) 0%,rgba(0,42,127,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003eaa', endColorstr='#002a7f',GradientType=0 );
*/
}

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

    #adv-environm .mi-sel-box{
            padding-right: 6%;
    padding-left: 6%;
    padding-bottom: 4%;
    }

	#adv-environm .m-sel-btn {
	    flex: 0 0 33.333333%;
        flex: 0 0 45%;
	    font-size: 0.8rem;
            line-height: 1.3rem;
	           margin-bottom: 3%;
    }
}

/*----------------------------------------
  mi-all-box
----------------------------------------*/
#adv-environm .mi-box{
	/*background-color: #fefefe;*/
}

#adv-environm .mi-box-lg{
        /*background-color: #f6f6f6;*/
        /*padding-bottom: 5%;*/
}

#adv-environm .mi-box-md{
    /*padding-bottom: 1%;*/
}

#adv-environm .mi-box-mg{
	background-color: #efefef;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,1c1c1c+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(28,28,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */

}

#adv-environm .mi-box-lb{
        background-color: #f4faff;
            background-color: #f9f9f9;
        padding-bottom: 2%;

        
 /*background: rgb(11,59,107); 
background: -moz-linear-gradient(left,  rgba(11,59,107,1) 0%, rgba(18,98,168,1) 100%);
background: -webkit-linear-gradient(left,  rgba(11,59,107,1) 0%,rgba(18,98,168,1) 100%); 
background: linear-gradient(to right,  rgba(11,59,107,1) 0%,rgba(18,98,168,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3b6b', endColorstr='#1262a8',GradientType=1 ); */

}

#adv-environm .mi-box-bg-rain{
    /*background-image: url(css-img/bg-Major-Products.jpg);*/
    background-position: center;
}

#adv-environm .mi-box-bg-call{
    background-image: url(css-img/bg-call.jpg);
    background-position: center;
}

#adv-environm .mi-box-bg-Circuit{
    /*background-image: url(css-img/bg-Circuit.png);
    	background-image: url(css-img/bg-event.png);*/
    background-repeat:repeat;

            background-color: #91d04f;

            background-color: #f3f3f3;

                background-color: #ffffff;

            /*background-image: url(css-img/ny-all-bgd.png);*/
    background-position: center;

        /*padding-bottom: 5%;*/

}




#adv-environm .mi-box-bg-Circuit-dcr{
        /*background-image: url(css-img/ny-all-bgd.png);*/
    background-position: center;
}
/*#adv-environm .mi-bg-dcr{
        background-image: url(images/ny-all-bgd.png);
    background-position: center;
}*/

#adv-environm .mi-box-bg-Circuit-bg{
    background-color: #980018;
    background-color: #91d04f;
}

#adv-environm .mi-box-bg-Field{
	/*background-image: url(css-img/bg-Field.png);*/
    background-position: center;
    	    background-color: #f1f1f1;
}

#adv-environm .mi-box-bg-case{
	background-image: url(css-img/bg-case.png);
    background-position: center;

        background-color: #00216e;
            background-color: #ffffff;
}

#adv-environm .mi-box-bg-event{
    /*background-image: url(css-img/bg-event.png);*/
    background-repeat:repeat;

    background-color: #222222;
}

#adv-environm .mi-box-bg-pd{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#010b1f+0,1a3d8e+100 */
background: rgb(1,11,31); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(1,11,31,1) 0%, rgba(26,61,142,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(1,11,31,1) 0%,rgba(26,61,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(1,11,31,1) 0%,rgba(26,61,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010b1f', endColorstr='#1a3d8e',GradientType=1 ); /* IE6-9 */

}

#adv-environm .mi-box-wall{
    max-width: 1140px;
    padding: 2%;
    /*padding-bottom: 5%;*/
    margin: auto;

    /*background-color: #005ab9;
        background-color: #f3f3f3;
            background-color: #ffffff;*/

    border-radius: 10px;

    /*padding-bottom: 5%;*/
    padding-top: 3%;
        padding-bottom: 0%;
             /*box-shadow: 3px 3px 5px 6px #2b83e0;*/
}

#adv-environm .mi-box-wall-tit{
	font-size: 2.5rem;
        color: #151515;
        color: #1b4c9e;
    text-align: center;
    line-height: 2.5rem;
    font-weight: normal;
    margin-bottom: 1.5%;
        letter-spacing: -1px;
}

#adv-environm .mi-box-wall-tit-w{
	color: #fefefe;
}

	#adv-environm .mi-box-wall-tit-se{
		    font-size: 0.9rem;
		    color: #1b4c9e;
    	line-height: 1rem;
    	text-align: center;
    	margin-bottom: 1rem;
    	    letter-spacing: 0.2rem;
	}

	#adv-environm .mi-box-wall-tit-se-w{
		color: #fefefe;
	}	

#adv-environm .mi-box-wall-line{
    margin: auto;
    width: 70%;
        margin-bottom: 1rem;
}

#adv-environm .mi-box-wall-tit-left{
	    text-align: left;
	        margin-bottom: 2rem;
	        color: #fefefe;
}

#adv-environm .mi-box-wall-tit-second{
	font-size: 1.8rem;
    color: #151515;
    color: #fefefe;
    text-align: left;
    line-height: 2rem;
    font-weight: normal;
    margin-bottom: 3%;
        border-bottom: 1px solid #c3c3c3;
    padding-bottom: 2%;
}

#adv-environm .mi-box-wall-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        justify-content: flex-start;
            transition: all 0.5s;

}

#adv-environm .mi-box-wall-btn{
        width: 60%;
    margin: auto;
}

#adv-environm .mi-box-wall-flex-jc-fs{
    justify-content: flex-start;
}

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

    #adv-environm .mi-box-wall-btn{
            margin-bottom: 10%;
            width: 100%;
    }

	#adv-environm .mi-box{
	    /*background-color: #fefefe;
    	width: 85%;*/
    	margin: auto;

    	    padding: 0% 6%;
	}

	#adv-environm .mi-box-wall{
		width: 100%;
            padding: 3%;
            padding-top: 8%;
            padding-bottom: 3%;
	}

	#adv-environm .mi-box-wall-tit{
		    font-size: 2rem;
    	line-height: 2.5rem;
    	/*margin-bottom: 1.5rem;*/
    	    margin-top: 1.5rem;
	}

	#adv-environm .mi-box-wall-tit-second{
		    font-size: 1.5rem;
	}

	#adv-environm .mi-box-wall-tit-left{
        margin-top: 2rem;
	}

	#adv-environm .mi-box-bg-Circuit{
		    padding-bottom: 5%;
                padding-top: 5%;
	}

	#adv-environm .mi-box-bg-rain{
		padding-bottom: 10%;
	}

}

/*----------------------------------------
  mi-聯繫資料
----------------------------------------*/
#adv-environm .mi-call-info{
    text-align: center;
}

#adv-environm .mi-call-info a{
    font-size: 1.1rem;
    color: #505050;
        color: #e2e2e2;

    /*border: 1px solid;*/
    border-radius: 10px;
    padding: 5px 20px;
    line-height: 2;

    /*background-color: #1d1d1d;*/
}

#adv-environm .mi-call-info-sp{
	margin-right: 2%;
}

#adv-environm .mi-call-info-one{
    margin-top: 1rem;
        margin-bottom: 2%;
}


#adv-environm .mi-call-info-two{
	margin-bottom: 1rem;
}

#adv-environm .mi-call-btn{
    width: 30%;
    margin: auto;
}

/*----------------------------------------
  mi-選擇功能
----------------------------------------*/
#adv-environm .mi-pick{
	background-color: #f3f3f3;
		background-color: #0e275f;
	    background: hsla(221,0%,100%,0.9);
    padding: 2%;
    padding-bottom: 0%;
    margin-bottom: 2rem;
        border-radius: 10px;

        background-color: #0e2558;
    border: 1px solid #0f4dad;
}

#adv-environm .mi-pick-l{
	width: 50%;
}

#adv-environm .mi-pick-r{
	width: 50%;
}

#adv-environm .mi-pick-l-box{
	    margin-bottom: 2rem;
}

#adv-environm .mi-pick-l-box-tit{
    font-size: 1.5rem;
        line-height: 1.5rem;
            font-weight: normal;
                display: inline-block;
                color: #fefefe;
}


#adv-environm .mi-pick-l-box-item{
    border: 1px solid #949494;
    padding: 1%;
    font-size: 1rem;
    margin-right: 0.5rem;
    display: inline-block;
        color: #505050;
            cursor: pointer;
                margin-bottom: 0.6rem;
                    background-color: #fefefe;
                        border-radius: 8px;
}

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

	#adv-environm .mi-pick{
		    padding: 7%;
    padding-bottom: 0;
	}

	#adv-environm .mi-pick-l{
		width: 100%;
	}

	#adv-environm .mi-pick-r{
		width: 100%;
	}

	#adv-environm .mi-pick-l-box-tit{
	    font-size: 1.3rem;
    	line-height: 2.2rem;
    	width: 100%;
	}

	#adv-environm .mi-call-btn{
		    width: 85%;
	}

	#adv-environm .mi-call-info-sp{
		margin-right: 0%;
	}
}


/*----------------------------------------
  mi-盒子系列
----------------------------------------*/
#adv-environm .mi-box-1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#adv-environm .mi-box-pd{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}


#adv-environm .mi-box-1-down{
	width: 30%;
	    margin-top: 1%;
}

#adv-environm .mi-box-pd-down{
	width: 20%;
	margin-right: 1%;
}

#adv-environm .mi-box-1-style{
	margin-bottom: 3rem;
        margin-top: 2%;
}

#adv-environm .mi-box-1-sp{
	margin-top: 1rem;
    margin-bottom: 2rem;
}

#adv-environm .mi-box-1-pb{
    padding-bottom: 3rem;
}

#adv-environm .mi-box-1-5{
    /*background-color: #eaeaea;*/
    border-radius: 10px;
    /*padding: 20px;*/
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 45%;
        margin: auto;
}

#adv-environm .mi-box-zero-10{
    width: 10%;
    margin: auto;
}

#adv-environm .mi-box-2{
    /*background-color: #eaeaea;*/
    /*border-radius: 10px;
    padding: 20px;*/
    font-size: 1rem;
    /*text-align: center;*/
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 100%;
    width: 49%;
    
        display: inline-block;
    /*margin: auto;*/
}

#adv-environm .mi-left-btn{
        width: 100%;

}

#adv-environm .mi-morepd-pd-call{
     width: 100%;
}

#adv-environm .mi-photo-2{
    width: 50%;
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

#adv-environm .mi-photo-3{
    width: 30%;
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

#adv-environm .mi-photo-7{
    width: 70%;
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

#adv-environm .mi-box-3{
    /*border-radius: 10px;*/
    padding: 5px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /*margin-bottom: 5%;*/

    /*background-color: #fefefe;*/
    box-shadow: 0px 10px 30px 0px rgb(191 191 191 / 20%);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 20%);
        box-shadow: 0px 10px 30px 0px rgb(92 92 92 / 20%);
            box-shadow: 0px 10px 30px 0px rgb(122 122 122 / 20%);
     box-shadow: 0px 10px 30px 0px rgb(255 255 255 / 20%);
        box-shadow: 0px 10px 30px 0px rgb(216 216 216 / 55%);
    border: 2px solid #112453;
        border: 2px solid #1e346a;
       /* margin: auto;*/
       transition: all 0.3s;
    width: 33.3333%;
   align-items: flex-start;
       border-radius: 10px;
       opacity: 0.7;
}

#adv-environm .mi-box-3:hover{
     box-shadow:none;
     opacity: 1;
}

#adv-environm .mi-box-4{
    border-radius: 10px;
    padding: 20px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 2%;

       /* margin: auto;*/

    width: 25%;
   align-items: flex-start;
       padding-bottom: 0px;
}

#adv-environm .mi-box-3-icon{
        border-radius: 10px;
    padding: 20px;
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;

       /* margin: auto;*/

    width: 30%;
   align-items: flex-start;
}

#adv-environm .mi-box-7{
    border-radius: 10px;
    /*padding: 20px;*/
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 70%;
    margin: auto;  
}

#adv-environm .mi-cloud{
        text-align: left;
}

#adv-environm .mi-cloud-tit{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #525252;
    font-weight: normal;    
}

#adv-environm .mi-cloud-con{
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    color: #545454;
}

#adv-environm .mi-call-con{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #888888;
        color: #fefefe;
}

#adv-environm .mi-call-con-b{
    margin-bottom: 4%;
        color: #fefefe;
}

#adv-environm .mi-cloud-btn{
        font-size: 1rem;
    font-weight: normal;
    margin: 0;
    padding: 2px 20px;
    color: #76bb2f;
    /* background: #ffffff; */
    border: 1px solid #76bb2f;
    text-align: center;
    display: inline-block;
    text-decoration: none;
        border-radius: 10px;
            margin-bottom: 2rem;
                width: 42%;
}

#adv-environm .mi-cloud-btn span{
    cursor: pointer;
  line-height: 15px;
  position: relative;
  transition: 0.5s;
}

#adv-environm .mi-cloud-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-cloud-btn:hover span {
  padding-right: 15px;
}

#adv-environm .mi-cloud-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-big-btn{
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
    padding: 8px 20px;
    color: #76bb2f;
    /* background: #ffffff; */
    border: 1px solid #76bb2f;
    text-align: center;
    display: inline-block;
    text-decoration: none;
        border-radius: 10px;
            width: 70%;

    /*color: #fefefe;
    border: 1px solid #fefefe;*/
}

#adv-environm .mi-big-btn span{
    cursor: pointer;
  line-height: 20px;
  position: relative;
  transition: 0.5s;
}

#adv-environm .mi-big-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-big-btn:hover span {
  padding-right: 25px;
}

#adv-environm .mi-big-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-box-3-gift{
       padding: 8px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 30%;
    margin: auto;
}

#adv-environm .mi-box-1{
    /*background-color: #eaeaea;*/
     /*border-radius: 10px;*/
    /*padding-top: 20px;*/
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /*margin-bottom: 5%;*/
    width: 100%;
        margin: auto;

        position: relative;
}

#adv-environm .mi-pick-info{
    background-image: url(css-img/ny-pick-ps.png);
    background-position: center;
    background-position: top;
    background-repeat: no-repeat;

    height: 500px;
    width: 100%;
}

#adv-environm .mi-box-s-tit{
        font-size: 1.5rem;
    color: #fee4a4;

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

#adv-environm .mi-gift-tit{
        margin-bottom: 5%;
}

#adv-environm .mi-gift-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: flex-start;
}

#adv-environm .mi-gift-box-gift{
    border-radius: 10px;
    /*padding: 20px;*/
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 30%;
    margin: auto;
        margin-bottom: 5%;
}

#adv-environm .mi-pd-box{
    /*margin-bottom: 10%;*/
        background-color: #fefff9;
        /*background-color: #061231;*/
            background-color: #061231;

                background-color: #041745;
                background-color: #071943;
    border-radius: 10px;
            padding: 5% 5%;
}

#adv-environm .mi-pd-box-pd{
    border-radius: 10px;
    /*padding: 20px;*/
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 20%;
        margin-bottom: 5%;
}

#adv-environm .mi-gift-box-gift-font{
        margin: auto;

        background-color: #fefefe;

           border-radius: 0 0 25px 25px;
    padding: 10%;
    color: #76bb2f;
    text-align: left;
    /*border:5px solid #3fb7e6;*/

        width: 100%;
}

#adv-environm .mi-gift-box-gift-coin{
        font-size: 1.5rem;
    font-weight: normal;
}

#adv-environm .mi-gift-box-gift-info{
   margin-bottom: 2%;
    font-size: 0.9rem;
}

#adv-environm .mi-gift-btn{

}

#adv-environm .mi-gift-box-gift-font-right{
        margin: auto;

        background-color: #fefefe;
    border-radius: 15px;
    padding: 8%;
    color: #76bb2f;
    text-align: left;
    /*border: 2px solid #3fb7e6;*/
}

#adv-environm .mi-gift-box-gift-coin-right{
        font-size: 1.5rem;
    font-weight: normal;
}

#adv-environm .mi-gift-box-gift-info-right{
   margin-bottom: 2%;
    font-size: 0.3rem;
}

#adv-environm .mi-gift-box-gift-img{
            margin: auto;
        margin-bottom: 7%;
}

#adv-environm .mi-pd-box-pd-font{
        color: #fee4a4;
            margin: auto;
}

#adv-environm .mi-pd-box-pd-font-info{

}



#adv-environm .mi-pd-box-pd-coin{
        font-size: 1.5rem;
}

#adv-environm .mi-pd-box-pd-img{
        margin-bottom: 7%;
}
    

#adv-environm .mi-box-3-base{
    color: #fefefe;
    margin-bottom: 4%;
    padding-top: 3%;
}

#adv-environm .mi-box-3-c01{
    background-color: #37c9de;
}
#adv-environm .mi-box-3-c02{
    background-color: #40a0d2;
}
#adv-environm .mi-box-3-c03{
    background-color: #1c7bc5;
}
#adv-environm .mi-box-3-c04{
    background-color: #feae09;
}
#adv-environm .mi-box-3-c05{
    background-color: #de3737;
}
#adv-environm .mi-box-3-c06{
    background-color: #fe7509;
}

#adv-environm .mi-box-3-pd{
        /*background-color: #f3f3f3;*/
            background-color: #0e2558;
            	    background-color: #0e275f;
    border-radius: 10px;
    padding: 20px;
    font-size: 1rem;
    /*text-align: center;*/
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-bottom: 5%;
    width: 32%;

        border: 1px solid #a7a7a7;
            border: 1px solid #0f4dad;

                margin: 2% 0.6%;
}

#adv-environm .mi-box-3-pd-for-left{
    /*margin-right: 2%;*/
}

#adv-environm .mi-fin-pd-right{
    margin: initial;
    align-content: flex-start;
}

#adv-environm .mi-box-3-gift-fin{
    margin: inherit;
    margin-left: 0%;
    }

/*----------------------------------------
  mi-影片系列
----------------------------------------*/

#adv-environm .mi-video-l{

    background-image: url(css-img/mi-video-bg.png);
    background-position: center;

	width: 60%;
		width: 100%;
    padding: 5%;
}

#adv-environm .mi-video-r{
    width: 40%;
        width: 100%;
   			 padding-bottom: 3%;
    padding-left: 3%;
    /*padding-top: 5%;*/
	/*background-color: #dedede;*/

	background-color: #ffffff;
    margin-top: 2%;
    /*margin-bottom: 2%;*/

        background: hsla(221,0%,100%,0.9);
}

#adv-environm .mi-video-r-tit{
	font-size: 3rem;
    color: #6d6d6d;
    color: #828282;
    	color: #2f2f2f;
    margin-top: 2%;
    font-weight: normal;
    /*margin-bottom: 0.5rem;*/
}

#adv-environm .mi-video-r-tit-s{
	    font-size: 1.5rem;
    /*letter-spacing: 0.2rem;*/
    margin-bottom: 1%;
        color: #828282;
       	 color: #6d6d6d;
                /*color: #a9a9a9;*/
                    
            border-bottom: 1px solid #dedede;
    padding-bottom: 1%;

    width: 95%;
}

#adv-environm .mi-video-r-de{
    margin-bottom: 2%;
        color: #505050;
            text-align: left;
                margin-top: 1.5rem;
}

#adv-environm .mi-video-r-de-item{
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

#adv-environm .mi-video-r-price{
    font-size: 2rem;
    margin-bottom: 2%;
}

#adv-environm .mi-video-btn{
    width: 50%;
}

#adv-environm .mi-video-btn-w{
	width: 25%;
}

#adv-environm .mi-box-icon{
	margin-bottom: 5%;
	    margin: auto;
	        padding-bottom: 4%;
}

#adv-environm .mi-box-icon-tit{
    font-size: 1.5rem;
        margin-bottom: 0.5rem;
            font-weight: normal;

            /*color: #fefefe;*/
}

#adv-environm .mi-box-icon-item{
	/*color: #dcdcdc;*/
	    color: #565656;
}

#adv-environm .mi-box-icon-tit-smb{
    margin-bottom: 14%;
}

#adv-environm .mi-box-icon-tit-smb-02{
	margin-bottom: 7%;
}

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

    #adv-environm .mi-call-con{
        text-align: center;
    }

    #adv-environm .mi-gift-box-gift-coin-right{
        font-size: 1.4rem;
    }

    #adv-environm .mi-gift-box-gift-coin{
            font-size: 2rem;
    }

    #adv-environm .mi-gift-box-gift-info{
            font-size: 1.5rem;
    }

    #adv-environm .mi-gift-box-gift-info-right{
            font-size: 1.2rem;
    }

    #adv-environm .mi-gift-box-gift-font-right{
            padding: 13%;
    }

    #adv-environm .mi-box-3-gift-fin{
        margin: auto;
            margin-left: 0%;
    }

    #adv-environm .mi-box-3-gift {
            width: 50%;
    }

    #adv-environm .mi-gift-box-gift-font{
            width: 100%;
    padding: 5%;
    }

     #adv-environm .mi-add-tit-mb {
            margin-bottom: 5%;
        }

    #adv-environm .mi-pick-info{
    background-image: url(css-img/ny-pick-ps-mb.png);
    background-position: center;
    background-position: top;
    background-repeat: no-repeat;

    height: 1100px;
    width: 100%;
    }

    #adv-environm .mi-box-1-5{
        width: 100%;
    }

    #adv-environm .mi-box-zero-10{
        display: none;
    }

    #adv-environm .mi-pd-box{
        margin-bottom: 15%;

           padding-top: 10%;
    margin: auto;
    /*margin-bottom: 5%;*/

        padding-right: 0%;
    padding-left: 0%;
        min-width: 90%;
                  padding: 5%;
    }

    #adv-environm .mi-list-conbox{
        margin-bottom: 3%;
    }

    #adv-environm .mi-pd-box-pd-font{    
        padding: 1%;
    }

    #adv-environm .mi-box-s-tit{
            margin-bottom: 8%;
    font-size: 1.2rem;
    }

    #adv-environm .mi-gift-box-gift{
            width: 45%;
    }

    #adv-environm .mi-pd-box-pd{
            width: 50%;
    }

	#adv-environm .mi-video-r-tit{
	    margin-top: 1rem;
	        font-size: 2.5rem;
	}

    #adv-environm .mi-box-3-base{
            padding-top: 10%;
                margin-bottom: 8%;
    }

	#adv-environm .mi-video-l{
		width: 100%;
		    margin-bottom: 5%;
	}

	#adv-environm .mi-video-r{
		width: 100%;
	    text-align: center;
	         padding-top: 0%;
	             padding-left: 0%;
	             padding-bottom: 2rem;
	
     width: 100%;
    margin: auto;
    padding-right: 5%;
    padding-left: 5%;
	}

	#adv-environm .mi-video-r-tit-s{
		    margin-bottom: 6%;
	}


	#adv-environm .mi-box-1-style{
	    margin-bottom: 3rem;
    	margin-top: 1rem;
	}

	#adv-environm .mi-video-v{
		height: 200px;
	}

    #adv-environm .mi-box-2{
        width: 100%;
            padding: 0px;
            /*margin-bottom: 10%;*/
    }



	#adv-environm .mi-box-3{
	    width: 80%;
        width: 100%;
         padding: 0;
	}

        #adv-environm .mi-box-4{
        width: 100%;
         padding: 0;
    }

    #adv-environm .mi-box-3-icon{
        width: 80%;
        width: 100%;
         padding: 0;
    }

	#adv-environm .mi-video-btn-w{
		    width: 90%;
	    margin: auto;
	}

	#adv-environm .mi-box-1-down{
		width: 90%;
	}

	#adv-environm .mi-video-r-price{
		margin-bottom: 5%;
		    font-size: 1.5rem;
	}

	#adv-environm .mi-box-pd-down{
		width: 100%;
		margin-right: 0;
	}

	#adv-environm .mi-box-3-pd-for-left{
		    margin-right: 0%;
	}

	#adv-environm .mi-video-r-de{
		    margin-bottom: 5%;
		        margin-left: 23%;
	}

    #adv-environm .mi-box-7{
        width: 100%;
    }

    #adv-environm .mi-cloud-btn{
        width: 100%;
    }

    #adv-environm .mi-cloud-con{
        font-size: 0.6rem;
    }



}

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

    #adv-environm .mi-pick-info{
    background-image: url(css-img/ny-pick-ps-mb-s.png);
    background-position: center;
    background-position: top;
    background-repeat: no-repeat;

    height: 760px;
    width: 100%;
    }
}

/*----------------------------------------
  mi-產品系列
----------------------------------------*/
#adv-environm .mi-pd{
	    margin: auto;
}

#adv-environm .mi-pd-tit{
    font-size: 0.7rem;
    color: #6b6b6b;
    color: #f3fdff;
        color: #4e4e4e;
            color: #999999;
    margin-bottom: 0.5rem; 
            text-align: left;
            /*padding-bottom: 8%;
        border-bottom: 1px solid #c5c5c5;*/
}

#adv-environm .mi-pd-tit-s{
    color: #a0a0a0;
    color: #f3fdff;
    color: #4e4e4e;
}

#adv-environm .mi-pd-price{
	    font-size: 1.2rem;
    /*letter-spacing: 0.1rem;*/
        margin-bottom: 1rem;
            margin-top: 0rem;
color: #6ab122;
    color: #0c98f2;
    margin-top: 8%;

        text-align: left;
    margin-left: 5%;
}

#adv-environm .mi-pd-item{
	margin-bottom: 1rem;
    color: #848484;
    color: #f3fdff;
    color: #4e4e4e;
    color: #8a8a8a;
                        line-height: 1.3rem;
    /*padding: 2% 0%;
        padding-bottom: 5%;*/
        font-size: 0.8rem;
        line-height: 1.5rem;
        text-align: left;

        /*border-bottom: 1px solid #c5c5c5;*/

        border: 8px solid #fefefe;
            border-bottom: 0px;
}

#adv-environm .mi-mt-5{
        margin-top: 5%;
       } 


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

    #adv-environm .mi-pd-tit{
            font-size: 1rem;
    }

       #adv-environm .mi-mt5-mb{
        margin-top: 5%;
       } 

      #adv-environm .mi-box-2-nmp{
        margin-bottom: 0%;
      }  

	#adv-environm .mi-box-3-pd{
	    width: 100%;
	}
}

/*----------------------------------------
  mi-專人服務
----------------------------------------*/
#adv-environm .mi-connect{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,1c1c1c+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(28,28,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */

}

/*----------------------------------------
  mi-場域應用
----------------------------------------*/
#adv-environm .mi-field-info{
	width: 100%;
}

#adv-environm .mi-field-info-w{
	font-size: 1.5rem;
}

/*----------------------------------------
  mi-應用案例
----------------------------------------*/
#adv-environm .mi-case-l{

    /*background-image: url(css-img/universe.jpg);*/
    background-position: center;

	width: 50%;
			    background-color: #fefefe;
		        padding: 2%;
    /*padding: 2%;*/
}

#adv-environm .mi-case-r{
	width: 50%;
	    background-color: #fefefe;
    padding: 0% 2%;
}

#adv-environm .mi-case-r-tit{
	font-size: 1.7rem;
	    margin-bottom: 1rem;
    margin-top: 1rem;
}

#adv-environm .mi-case-r-tit-s{
	    font-size: 1.1rem;
    margin-bottom: 2%;
    color: #505050;

        background-color: #f1f1f1;
    padding: 3%;
}

#adv-environm .mi-case-r-tit-s span{
    color: #c30000;
    font-size: 1.7rem;
}

#adv-environm .mi-case-r-de{
    margin-bottom: 5%;
}

#adv-environm .mi-case-r-de-item{
	    font-size: 0.8rem;
	    color: #505050;
}

#adv-environm .mi-case-r-price{
    font-size: 2rem;
    margin-bottom: 5%;
}

#adv-environm .mi-case-btn{
    width: 50%;
        color: #fefefe;
            font-size: 0.9rem;
        font-size: 1.2rem;
    line-height: 2rem;
}

#adv-environm .mi-case-btn-s{
        font-size: 1.5rem;
    line-height: 3rem;
    font-weight: normal;
}

#adv-environm .mi-case-btn-w{
	width: 50%;
}

#adv-environm .mi-video{
    margin: auto;
        width: 100%;
}

#adv-environm .mi-v-tit{
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    color: #525252;
    font-weight: normal;
        color: #dadada;
}

#adv-environm .mi-v-tit-bm{
    margin-bottom: 1rem;
}

#adv-environm .mi-v-con{
    text-align: left;
    font-size: 1.1rem;
        line-height: 1.5rem;
    margin-bottom: 1rem;
    color: #8c8c8c;
        color: #aaa;
}

#adv-environm .mi-v-btn{
    font-size: 15px;
        font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
    padding: 5px 35px;
    color: #76bb2f;
    /* background: #ffffff; */
    border: 1px solid #76bb2f;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;

    transition: 0.3s;

        width: 46%;
}

#adv-environm .mi-v-btn:hover{
        background-color: #74d4d8;
    color: #2f2f2f;
    transition: 0.3s;
}

#adv-environm .mi-v-btn span{
    cursor: pointer;
  line-height: 15px;
  position: relative;
  transition: 0.3s;
}

#adv-environm .mi-v-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-v-btn:hover span {
  padding-right: 15px;
}

#adv-environm .mi-v-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-v-btn-l{
    margin-right: 3rem;
}

/*tr{
    border: 1px solid!important;
}

td{
    border: 1px solid!important;
}

th{
    border: 1px solid!important;
}*/

#adv-environm .mi-table{
        width: 100%;
    font-size: 0.9rem;
        line-height: 1.5rem;
    color: #868686;
    border: 1px solid #b4c6d4;
        border: 1px solid #dae0e5;
}

#adv-environm .mi-table tr{
    border: 1px solid #b4c6d4;
}

#adv-environm .mi-table tr th{
    /*border: 1px solid #b4c6d4;*/
    padding: 10px 5px;
}

#adv-environm .mi-table tr .mi-rec-tit{
    color: #326aaf;
}

#adv-environm .mi-table tr .mi-rec-tit-g{
    color: #4e9446;
}

#adv-environm .mi-table .mi-tbox-blue{
        background-color: #edfafd;
            background-color: #eff8ff;
            background-color: #fefefe;

}

#adv-environm .mi-table .mi-tbox-gray{
    background-color: #f5f5f5;
}

#adv-environm .mi-table tr th a{
    color: #72aaef;
}

#adv-environm .mi-table-tit{
    background-color: #3f89c3;
        background-color: #91d04f;
    color: #ffffff;
}

#adv-environm .mi-table .t-left{
    text-align: left;
}

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

    #adv-environm .mi-big-btn{
            width: 100%;
            font-size: 1rem;
                margin-top: 5%;
    }

    #adv-environm .mi-mb-move{
        overflow-x: auto;
        white-space: nowrap;
        webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }

	#adv-environm .mi-case-r-tit{
	    margin-top: 1rem;
	}

	#adv-environm .mi-case-l{
		    width: 90%;
    margin: auto;
	}

	#adv-environm .mi-case-r{
		width: 90%;
	    text-align: center;

    text-align: center;
    margin: auto;
    margin-top: 5%;

	}
}

/*----------------------------------------
  mi-主打活動
----------------------------------------*/
#adv-environm .mi-act-img{
    margin-bottom: 0.5rem;
}

#adv-environm .mi-act-tit{
	width: 100%;
	font-size: 2rem;
	color: #fefefe;
}

#adv-environm .mi-act-tit-s{
	width: 100%;
	    margin-bottom: 1.5rem;
	    color: #9c9c9c;
}

#adv-environm .mi-act-btn{
    margin: auto;
        width: 65%;
}

/*----------------------------------------
  mi-btn
----------------------------------------*/

#adv-environm .mi-img-100{
	width: 100%;
}

#adv-environm .mi-img-20{
    width: 20%;
}

#adv-environm .mi-img-50{
    width: 50%;
}

#adv-environm .mi-img-60{
    width: 60%;
}

#adv-environm .mi-img-70{
    width: 70%;
}

#adv-environm .mi-img-80{
    width: 80%;
}

#adv-environm .mi-img-80-02{
    width: 80%;
}

#adv-environm .mi-img-90{
	width: 90%;
}

#adv-environm .mi-btn{
	padding: 6px 20px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.3s;
	background-color: #ff8700;
	    /*background-color: #1b4c9e;*/
	/*box-shadow: 0px 0px 14px #ffffff;
	border: 2px solid #fefefe;*/
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: normal;
	/*border-radius: 10px;*/

	display: block;
	width: 100%;
	    /*border-bottom: 3px solid #cecece;*/

	    cursor: pointer;

	        border-radius: 10px;
}


#adv-environm .mi-btn span{
	cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#adv-environm .mi-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-btn:hover span {
  padding-right: 15px;
}

#adv-environm .mi-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-btn-og{
    /*background-color: #ff8700;
    border-bottom: 3px solid #484848;*/
}

#adv-environm .mi-btn-gray{
	    background-color: #707070;

	    background-color: #183a87;
    border: 1px solid;
    border-radius: 15px;
}

#adv-environm .mi-btn:hover{
	background-color: #ffa744;
		background-color: #063582;
			    background-color: #e07700;
	box-shadow: none;
	border-bottom: none;
}

#adv-environm .mi-btn-og:hover{
    background-color: #e87c00;
}

#adv-environm .mi-btn-gray:hover{
	    background-color: #505050;
	    	background-color: #0d2969;
	    	border: none;
}


#adv-environm .mi-btn-nob{
	border-bottom:none;
}

 #adv-environm .mi-case-btn span{
    cursor: pointer;
  /*display: inline-block;*/
  position: relative;
  transition: 0.5s;

  line-height: 15px;
}


#adv-environm .mi-case-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-case-btn:hover span {
  padding-right: 5%;
}

#adv-environm .mi-case-btn:hover span:after {
  opacity: 1;
  right: 0;
}

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

    #adv-environm .mi-img-80-02{
        width: 100%;
    }

    #adv-environm .mi-img-70{
        width: 90%;
    }

	#adv-environm .mi-img-50{
        width: 100%;
    }

    #adv-environm .mi-btn{
		/*padding: 10px 10px;*/
	}

	#adv-environm .mi-act-btn{
	    width: 100%;
	}

    #adv-environm .mi-img-60{
        width: 100%;
    }

    #adv-environm .mi-img-80{
        width: 100%;
    }
}

#adv-environm .pc_menu--colored{
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    opacity: 0.9;
    position: fixed;
            background-color: #36a6fc;
            background-color: #3ab2f2;
               
                    background-color: #0a1a40;
                    background-color: #06102c;
       background-color: #0a6bb3;
    color: #646871;
    top: 0;
    width: 100%;
    z-index: 100;

        padding-bottom: 0%;
        padding-top: 0%;
            max-width: 100%;
        z-index: 500;

            font-weight: normal;
}

/*----------------------------------------
  秀出規格表
----------------------------------------*/
#adv-environm .m-system-str{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	display: block;
}

#adv-environm .modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.4);

	z-index: 200;
}

#adv-environm .modal-close{
	cursor: pointer;
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 5px;
	color: #fff;
	font-size: 2rem;
}

#adv-environm .is-hide{
  display: none;
}


#adv-environm .mi-format-hide{
  display: none;
      margin-bottom: 3%;
}

#adv-environm .mi-format-open{
  display: block;
}

/*----------------------------------------
  輪播效果
----------------------------------------*/
    #adv-environm .banner {
        max-width: 1200px;
        height: 900px;
        /*border: 1px solid #808080;*/
        position: relative;
        overflow: hidden;
    }

    #adv-environm .banner .img {
        width: 50000px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .case-img{
    	width: 1200px;
    	height: 900px;
    }

    .case-img-01{
         background:#b0c2c9 url(../images/case-img-01.jpg) center bottom no-repeat;
         background-position: center;
        }

    .case-img-02{
         background:#b0c2c9 url(../images/case-img-02.jpg) center bottom no-repeat;
         background-position: center;
    }

    .case-img-03{
         background:#b0c2c9 url(../images/case-img-03.jpg) center bottom no-repeat;
         background-position: center;
    }

    .case-img-04{
         background:#b0c2c9 url(../images/case-img-04.jpg) center bottom no-repeat;
         background-position: center;
    }

    #adv-environm .banner .img img {
        width: 1200px;
        height: 900px;
    }

    #adv-environm .banner .img li {
        float: left;
    }

    #adv-environm .banner .num {
        position: absolute;
        width: 100%;
        bottom: 10px;
        left: 0px;
        text-align: center;
        font-size: 0px;
    }

    #adv-environm .banner .num li {
        width: 10px;
        height: 10px;
        background-color: #888;
        border-radius: 50%;
        display: inline-block;
        margin: 0px 3px;
        cursor: pointer;
    }

    #adv-environm .banner .num li.on {
        background-color: #ff6a00;
    }

    #adv-environm .banner .btn {
        width: 50px;
        height: 150px;
        background-color: #a0a0a0;
        opacity: 0.5;
        filter: alpha(opacity:0.5);
        position: absolute;
        top: 50%;
        margin-top: -100px;
        cursor: pointer;
        text-align: center;
        line-height: 150px;
        font-size: 40px;
        color: #fff;
        font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;
        display: none;
    }

    #adv-environm .banner .btn_l {
        right: 0px;
    }

    #adv-environm .banner .btn_r {
        
        left: 0px;
    }

    #adv-environm .banner:hover .btn {
        display: block;
    }
    

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

        #adv-environm .pc_menu--colored{
         top: 69px;
        }

    	#adv-environm .banner {
		    max-width: 300px;
   			 width: 100%;
			margin: auto;
    		height: 650px;
    	}

    	.case-img{
	    	max-width: 300px;
	    	height: 650px;
	    }

	    .case-img-01{
	         background:#b0c2c9 url(../images/case-img-mb-01-1215.jpg) center bottom no-repeat;
	         background-position: center;
	        }

	    .case-img-02{
	         background:#b0c2c9 url(../images/case-img-mb-02-1215.jpg) center bottom no-repeat;
	         background-position: center;
	    }

	    .case-img-03{
	         background:#b0c2c9 url(../images/case-img-mb-03-1215.jpg) center bottom no-repeat;
	         background-position: center;
	    }

	    .case-img-04{
	         background:#b0c2c9 url(../images/case-img-mb-04-1215.jpg) center bottom no-repeat;
	         background-position: center;
	    }

	    #adv-environm .mi-format-hide{
	    	    margin-bottom: 8%;
	    }

    }


/*----------------------------------------
  m-table Style
----------------------------------------*/
#adv-environm .m-table{
	box-sizing: border-box;
	/*padding: 0 5% 3% 5%;*/
	/*border: 1px solid #e8e8e8;*/
	    border: 20px solid #fefefe;
}
#adv-environm .m-table table{
	/*border: 20px solid #fefefe;*/
	background-color: #fefefe;
	    border: 1px solid #e8e8e8;
	        color: #404040;
}
#adv-environm .m-table table{
	text-align: center;
	    /*margin-bottom: 5%;*/
}


/*----------------------------------------
四大說明 table
----------------------------------------*/

#adv-environm .m-table{
	width: 100%;
	margin-bottom: 2%;
        overflow: auto;
}

#adv-environm .table11_6{
    width:100%;
    border:0;
}

#adv-environm .m-table-first{
	float: left;
	margin-right: 2%;
}

#adv-environm .table11_6 th {
        background-color:#96C7ED;
        color:#000000
    }
#adv-environm .table11_6,
#adv-environm .table11_6 th,
#adv-environm .table11_6 td {
        font-size: 0.8rem;
        text-align:center;
        padding:4px;
        border-collapse:collapse;
        padding: 0.6rem;
    }
#adv-environm  .table11_6 th,
#adv-environm  .table11_6 td {
        border: 1px solid #73b4e7;
        border-width:1px 0 1px 0;
        border:2px inset #ffffff;
    }
#adv-environm .table1-tit{
    font-weight: normal;
}
#adv-environm  .table11_6 tr {
        border: 1px solid #ffffff;
    }
#adv-environm  .table11_6 tr:nth-child(odd){
        background-color:#dcecf9;
    }
#adv-environm  .table11_6 tr:nth-child(even){
        background-color:#ffffff;
    }

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

	#adv-environm .m-table{
		    border: 10px solid #fefefe;
	}

	#adv-environm .table11_6{
	    width:100%;
	    border:0;
	    /*margin-bottom: 5%;*/
	}

	#adv-environm .m-table-first{
		float: left;
		margin-right: 0%;
	}

	#adv-environm .table11_6,
	#adv-environm .table11_6 th,
	#adv-environm .table11_6 td {
	        font-size: 0.5rem;
	        padding: 0.5rem;
	    }
}


#adv-environm .mi-mjpd{
    margin-bottom: 2%;
        margin-top: 2rem;
}

#adv-environm .mi-mjpd-box{
    margin: auto;
    width: 100%;
    text-align: center;
}

#adv-environm .mi-mjpd-box-btn{
	    margin: 0% 1%;
    border-radius: 10px;
    font-size: 1rem;
    color: white;
    background-color: #1b4c9e;
    	background-color: #616161;
        padding: 6px 30px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s;
    /*border: 1px solid #0a4b67;*/


    /*background: rgb(0,79,191);
    background: -moz-linear-gradient(top, rgba(0,79,191,1) 0%, rgba(0,55,148,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,79,191,1) 0%,rgba(0,55,148,1) 100%);
    background: linear-gradient(to bottom, rgba(0,79,191,1) 0%,rgba(0,55,148,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004fbf', endColorstr='#003794',GradientType=0 );*/
}



#adv-environm .mi-main-bbox{
    text-align: center;
    margin-top: 0%;
}

#adv-environm .mi-main-btn{
    padding: 2% 10%;
        padding: 1% 5%;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /* background-color: #def4fc; */
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: normal;
    /*width: 80%;*/
    cursor: pointer;
    /*margin-top: 10%;*/
    /*order: 2px solid #3fb7e6;
    border: 2px solid #c1e2ef;*/

        background-color: #ffb03b;
                background-color: #00acf7;
                    background-color: #91d04f;
}

#adv-environm .mi-main-btn:hover{
    background-color: #ffa116;
        background-color: #129be7;

    -webkit-box-shadow: 4px 4px 12px 4px rgb(72 161 243);
    box-shadow: 2px 2px 12px 2px rgb(72 161 243);
}

#adv-environm .mi-main-btn span{
    cursor: pointer;
  /*display: inline-block;*/
  position: relative;
  transition: 0.5s;

      line-height: 18px;
}

#adv-environm .mi-main-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-main-btn:hover span {
  padding-right: 15px;
}

#adv-environm .mi-main-btn:hover span:after {
  opacity: 1;
  right: 0;
}

/*#adv-environm .current{
	background-color: #1b4c9e;
}*/

#adv-environm .mi-first-con{
    font-size: 1.2rem;
    margin-bottom: 2rem;
    line-height: 2rem;
    color: #525252;
    width: 95%;
}

#adv-environm .mi-first-con-sp{
    font-weight: normal;
}

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

    #adv-environm .mi-first-con{
        font-size: 1rem;
    }

	#adv-environm .mi-mjpd{
	    margin-bottom: 7%;
	}

	#adv-environm .mi-mjpd-box-btn{
	    padding: 6px 60px;
    	margin-bottom: 15px;
   		 display: block;
	}
}

 #adv-environm button.active{
 	background: #717171;
        background: #8b8b8b;
 	color:#fefefe;
 }


 #adv-environm .mi-kv-tit{
     background: url(../images/ny-kv-tit.png) center bottom no-repeat;
    background-position: center;
}

 #adv-environm .mi-btn-h:hover{
    opacity: 0.8;
 }

  #adv-environm .mi-pd-btn{
        padding: 3px 20px;
                /*border-radius: 5px;*/
    text-decoration: none;
    color: #76bb2f;
    color: #4e4e4e;
    color: #ffffff;
                color: #0e98f2;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #def4fc;*/
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-weight: normal;
    display: block;
        width: 40%;
    display: inline;
    cursor: pointer;
    margin-top: 10%;
        border-radius: 5px;
                            border: 1px solid #2a4170;
                            border: 1px solid #0e56a0;
    /*box-shadow: 1px 1px 2px 1px #def4fc;*/
    transition: 0.5s;
        margin-left: 20%;
 }

   #adv-environm .mi-pd-btn-box{
        text-align: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }


   #adv-environm .mi-pd-btn-s{
            padding: 3px 20px;
    border-radius: 5px;
    text-decoration: none;
    color: #76bb2f;
    /**/
    color: #4e4e4e;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /* background-color: #def4fc; */
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: normal;
    display: block;
    /* width: 40%; */
    display: inline;
    cursor: pointer;
    /* margin-top: 10%; */
    /* border: 2px solid #3fb7e6; */
    /* border: 2px solid #ffffff; */
    /* border: 1px solid #4e4e4e; */
    border: 1px solid #d3d3d3;
    /* box-shadow: 1px 1px 2px 1px #def4fc; */
    transition: 0.5s;
        margin-right: 1%;
 }

    #adv-environm .mi-pd-btn-s:hover{
        background-color: #3ab2f2;
        box-shadow: none;
        color: #fefefe;
        border: none;
    }

#adv-environm .mi-pd-btn-case{
    min-height: 60px;
    margin: auto;
        font-size: 1rem;
        font-weight: normal;
    padding: 3px 10px;
    background-color: #eff5f7;
}

#adv-environm .mi-pd-btn-case-short{
        line-height: 50px;
}

 #adv-environm .mi-pd-btn span{
    cursor: pointer;
  /*display: inline-block;*/
  position: relative;
  transition: 0.3s;

  line-height: 12px;
}

#adv-environm .mi-pd-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-pd-btn:hover span {
  padding-right: 15px;
  color: #fefefe;
}

#adv-environm .mi-pd-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-pd-btn:hover{
    box-shadow: none;
    background-color: #91d04f;
    background-color:  #0c98f2;
    color: #fefefe;
    border: 2px solid #0c98f2;
}


/*按鈕效果*/

 #adv-environm .mi-step-btn span{
    cursor: pointer;
  /*display: inline-block;*/
  position: relative;
  transition: 0.3s;

  line-height: 18px;
}

#adv-environm .mi-step-btn span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-step-btn:hover span {
  padding-right: 15px;
  color: #fefefe;
}

#adv-environm .mi-step-btn:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-step-btn:hover{
       box-shadow: none;
    /* background-color: #3ab2f2; */
    /* background-color: #0f8be1; */
    color: #fefefe;
    border-bottom: 1px solid #fefefe;
    /* border: none;*/
}



  #adv-environm .mi-pd-btn-right{
        padding: 3px 20px;
    text-decoration: none;
    color: #76bb2f;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #def4fc;*/
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-weight: normal;
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    margin-top: 10%;
    border: 2px solid #3fb7e6;
        border: 2px solid #c1e2ef;
    box-shadow: 1px 1px 2px 1px #def4fc;
 }

 #adv-environm .mi-pd-btn-right span{
    cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

#adv-environm .mi-pd-btn-right span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.1s;
}

#adv-environm .mi-pd-btn-right:hover span {
  padding-right: 15px;
  color: #fefefe;
}

#adv-environm .mi-pd-btn-right:hover span:after {
  opacity: 1;
  right: 0;
}

#adv-environm .mi-pd-btn-right:hover{
                background-color:#abe0f3;
    border-bottom: none;

        box-shadow: none;
}

#adv-environm .mi-mp-3{
    margin-top: 3%;
}

#adv-environm .mi-mb-2{
    margin-bottom: 2%;
}

#adv-environm .mi-mb-1{
    margin-bottom: 1%;
}

#adv-environm .mi-mb-3{
    margin-bottom: 3%;
}

#adv-environm .mi-mb-5{
    margin-bottom: 0%;
}

#adv-environm .mi-time-tit{
    margin: auto;
    margin-top: 4%;
    background-color: #4fb0d6;
    width: 70%;
    padding: 1%;
    border-radius: 20px;
    color: #fefefe;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 2%;
    letter-spacing: 0.1rem;
}

#adv-environm .mi-time-tit span{
    font-size: 0.8rem;
}

#adv-environm .mi-tit-blue{
    font-size: 2.2rem;
    font-weight: normal;
    font-weight: normal;
        color: #fefefe;
    margin-bottom: 3%;
        line-height: 2rem;
}

#adv-environm .mi-tit-blue-icon{
    font-size: 2.2rem;
    font-weight: normal;
    color: #76bb2f;
        color: #0c98f2;
    margin-bottom: 3%;
}

#adv-environm .mi-tit-blue-big{
    margin-bottom: 5%;
}

#adv-environm .mi-tit-r40{
    margin-left: 40%;
}

#adv-environm .mi-tit-blue-s{
        font-size: 1.7rem;
    font-weight: normal;
    color: #76bb2f;

    margin-bottom: 1%;
    margin-top: 0%;
        color: #0c98f2;
            color: #484848;
           
                color: #0f3083;
                 color: #ffffff;
        width: 100%;
    text-align: left;
    /*margin-left: 2%;*/
}

#adv-environm .mi-tit-blue-s-ff{
    margin-top: 0%;
}

#adv-environm .mi-high-con{
    width: 90%;
    color: #848484;
    color: #e4fbff;

            color: #4e4e4e;
                    color: #8a8a8a;
}

#adv-environm .mi-final-link{
    margin: auto;
    width: 100%;
}

#adv-environm .mi-case-bg{
    /*background-image: url(css-img/ny-kv-bg.png);*/
    background-position: center;
    background-position: top;
    /*background-color: #9a9a9a;*/
    background-repeat: no-repeat;

        padding: 5%;
            padding-top: 1%;
        justify-content: flex-end;  
}

#adv-environm .mi-case{
    justify-content: flex-end;
    width: 50%;
        width: 100%;
        display: flex;
    flex-wrap: wrap;
}

#adv-environm .mi-case-box{
    background-color: #fefefe;
    transition: all 0.3s;
        width: 60%;
        width: 100%;
            opacity: 0.9;
}

#adv-environm .mi-case-box:hover{
     opacity: 1;
}

#adv-environm .mi-case-box-one{
            padding: 2% 5%;
    text-align: left;
        background-color: #88cdea;
            border-bottom: 1px solid #fefefe;

            background-color: #34c4ba;
}

#adv-environm .mi-case-box-one:hover{
    background-color: #88ea92;
    
    background-color: #91d04f;

        background-color: #22aba4;
}

#adv-environm .mi-case-box-one-s{
        text-align: center;
}

#adv-environm .mi-main-green{
    /*background-color: #91d04f;
    background-color: #237f2b;*/
        padding-top: 3%;
        padding-bottom: 2%;
}

#adv-environm .mi-main-light-g{

    background-image: url(../images/mi-ai-bg-04.png);
    background-position: center;
    background-repeat: repeat;


    background-color: #fefefe;
    /*background-color: #061231;*/
        background-color: #061231;
}

#adv-environm .mi-main-light-g-02{
     padding-top: 2%;
}

#adv-environm .mi-main-gray{
        background-color: #f9f9f9;
        padding-top: 0%;
}

#adv-environm .mi-call-dot{
        display: inline-block;
}

#adv-environm .mi-down-bg{
        background-color: #80c342;
    background-image: url(../images/mi-down-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

#adv-environm .mi-bk-gt{
    color: #ddd;
}

#adv-environm .mi-bk-wf{
    
    color: #4e4e4e;
    /*color: #fefefe;*/
        margin-bottom: 2.2%;
    display: inline-block;
        line-height: 1.5rem;
}

#adv-environm .mi-bk-bf{
        color: #7fc341;
            color: #484848;
    margin-top: 5%;
    margin-bottom: 5%;
}

#adv-environm .mi-ps-titline{
        border-bottom: 1px solid #9bd460;
        padding-bottom: 1%;
        margin-bottom: 2%;
    margin-top: 1%;
        background-color: #fefefe;
    padding-top: 2%;
background-color: #e5ffc9;
            width: 100%;
}

#adv-environm .mi-ps-titline-02{
    border-top: 1px solid #9ed9e2;
    padding-top: 2%;
}

#adv-environm .mi-bk-two{
    background-color: #2f3539;
}


#adv-environm .mi-main-bk{
    background-color: #393f43;
}


#adv-environm .mi-case-all-bg{
    background-color: rgba(0, 0, 0, .6);
    background-blend-mode: multiply;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       background-image: url(css-img/case-bg.jpg);
        background-color: #91d04f;
}

#adv-environm .mi-call-box{
    /*padding-left: 10%;*/
        justify-content: space-between;
}


#adv-environm .mi-fix-bg{
    /*background-image: url(css-img/fix-main.png);*/
    padding: 5%;
    padding-top: 2%;
        background-repeat: no-repeat;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcedff+1,ffffff+57 */
background: #bcedff; /* Old browsers */
background: -moz-linear-gradient(top,  #bcedff 1%, #ffffff 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcedff 1%,#ffffff 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcedff 1%,#ffffff 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcedff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#adv-environm .mi-mb-kv-top{
        padding-bottom: 0%;
    padding-top: 3%;
}

#adv-environm .mi-table tr .mi-th-br{
    border-right: 2px solid #bfbfbf;
}

#adv-environm .mi-table tr .mi-th-c-b{
    background-color: #3f89c3;
}

#adv-environm .mi-table tr .mi-th-c-g{
    background-color: #69b778;
}

#adv-environm .mi-level{
       text-align: center;
    margin: auto;
    margin-bottom: 4%; 
    margin-top: 1%;
        width: 100%;
}

#adv-environm .mi-level-btn{
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
    padding: 5px 35px;
    color: #76bb2f;
    border: 1px solid #76bb2f;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
    transition: 0.3s;

    margin: 0% 3%;
}

#adv-environm .mi-level-btn:hover{
    color: #fefefe;
    background-color: #91d04f;
}

#adv-environm .mi-tab-s-01{
    text-align: left;
}

#adv-environm .mi-tab-item-one{
    width: 30%;
    text-align: left;
}

#adv-environm .mi-tab-item-two{
    width: 30%;
}

#adv-environm .mi-tab-item-three{
    width: 30%;
}

#adv-environm .mi-tab-it-left{
    /*text-align: left;*/
}

#adv-environm .mi-tab-con-left{
    text-align: left;
}

#adv-environm .mi-table-title{
    background-color: #91d04f;
        color: #fefefe;
}
#adv-environm .mi-table-one{
    background-color: #ffffff;
        transition: all 0.3s;
}

#adv-environm .mi-table-one:hover{
    background-color: #e5f4ff;
    color: #505050;
}

#adv-environm .mi-table-two{
    background: #f6f6f6;
        transition: all 0.3s;
}

#adv-environm .mi-table-two:hover{
    background-color: #e5f4ff;
    color: #505050;
}

#adv-environm .mi-x{
    color: #f3746f;
    content: "\e914";
    /*font-size: 17px;*/
}

#adv-environm .mi-check{
    color: #2ecc71;
        margin-right: 1%;
}

#adv-environm .mi-tit-bk{
        color: #898989;
}

#adv-environm .mi-fil-tit{
    background-color: #f6f6f6;
    padding: 1%;
    font-size: 1.5rem;
    color: #898989;
    margin-bottom: 2%;
    width: 100%;
        position: relative;
        cursor:pointer
}

/*#adv-environm .mi-fil-tit:before{
    content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 40px;
border-color: #f6f6f6 transparent transparent transparent;
        position: absolute;
    bottom: -20%;
}*/

#adv-environm .mi-filtit-in{
    color: #76bb2f;
    font-weight: normal;
    width: 100%;
}

#adv-environm .mi-fil-item{
    /*background-color: #f6f6f6;*/
    padding: 0%;
    font-size: 1.5rem;
    color: #898989;
    border-radius: 0px;
    /*width: 48%;
    width: 30%;*/
    position: relative;
     margin-bottom: 4%;
     cursor:pointer;
         transition: all 0.3s;
         /*min-height: 55px;*/
}

/*#adv-environm .mi-fil-item:active{
    background-color: #005ab1;
    color: #fefefe;
}*/

#adv-environm .mi-fil-item:before{
    content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 40px;
border-color: #f6f6f6 transparent transparent transparent;
        position: absolute;
       bottom: -35%;
    right: 38%;
        display: none;
}

#adv-environm .mi-fil-item:hover{
        /*background-color: #e5f4ff;*/
    color: #505050;
     font-weight: normal;
}


#adv-environm .mi-fil-item-cen{
    margin: auto;
        width: 200px;
    height: 50px;
    border-radius: 100px;
    /* width: 100%; */
    /* width: 100px; */
    /* min-height: 55px; */
    line-height: 50px;
        font-size: 1.2rem;
}

#adv-environm .mi-box-bg-ob{
    background-color: #91d04f;
    background-color: #f7f7f7;
        background-color: #ffffff;
        background-color: #101340;
            background-color: #061231;
}

#adv-environm .mi-tit-w{
    color: #ffffff;
    margin-bottom: 3%;
}

#adv-environm .mi-tit-org{

                    color: #3ab2f2;
}

#adv-environm .mi-tit-org-br{
        color: #7ad1ff;
        color: #3ab2f2;
}

#adv-environm .mi-wall-flsb{
        justify-content: space-between;
}

#adv-environm .mi-mb-4{
    margin-bottom: 4%;
}

#adv-environm .mi-choose{
        margin-bottom: 2%;
            width: 100%;
    text-align: left;
}

#adv-environm .mi-choose-tit{
     font-size: 1.2rem;
    min-width: 15%;
    min-width: 28%;
    display: inline-block;
    color: #4e4e4e;
}

#adv-environm .mi-choose-box{
    background-color: #ffffff;
    font-size: 1.1rem;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
    color: #76bb2f;
        border: 1px solid #d7f3ff;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s;
    margin: 0% 1%;
    cursor:pointer;
    font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;
}

#adv-environm .mi-cho-lay{
        width: 50%;
}

#adv-environm .mi-pd-ill{
    width: 100%;
    margin-bottom: 1%;
        color: #787878;
        color: #19a4e0;
            text-align: left;
    margin-left: 2%;
        color: #ffffff;
        color: #128bbf;
}

#adv-environm .mi-box-4-btn{
    padding-top: 2%;
}

#adv-environm .mi-pd-item li{
        background-color: #fefefe;
            border-bottom: 1px solid #e9e9e9;
            padding: 1.5%;
                transition: all 0.3s;
}

#adv-environm .mi-pt-3{
    padding-top: 3%;
}

#adv-environm .mi-pt-5{
    padding-top: 5%;
}

#adv-environm .mi-pd-item li:hover{
    background-color: #e5f4ff;
    color: #505050;
}

#adv-environm .mi-pd-ill-st{
    font-weight: normal;
    color: #161616;
        color: #09638b;
            color: #ffffff;
            color: #09638b;
            font-size: 1rem;
    margin-bottom: 0.3rem;
}

#adv-environm .mi-sel-box-two{
        background-color: #fefefe;
    padding: 2%;
}

#adv-environm .mi-little-ybox{
        width: 15%;
    height: 5px;
    display: block;
    background-color: #ffef89;
    background-color: #ffba00;
    margin: auto;
    margin-top: 3%;
    display: none;
}

#adv-environm .mi-startlook{
        width: 100%;
    background: #f39800;
    background-color: #ffb03b;
    color: #B6B6B6;
    border-radius: 8px;
    border-radius: 0px;
    padding: 15px 10px;
        padding: 1%;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: center;
    border-color: transparent;
    
    color: #fefefe;
    font-weight: normal;
    margin-bottom: 3%;
    cursor: pointer;
}

#adv-environm .mi-startlook:hover{
    background-color: #f59b15;
        color: #000000;
            transition: all 0.3s;
}

#adv-environm .mi-startlook-twos{
    margin-bottom: 1%;
    margin-top: 2%;
}

#adv-environm .mi-pd-tit-one{
    font-size: 1.2rem;
        font-weight: normal;
            color: #4e4e4e;
                /*color: #ffffff;*/
                color: #e2e2e2;
                margin-bottom: 0.5rem;
                    text-align: left;
        margin-bottom: 5%;
}

#adv-environm .mi-pd-tit-two{
    font-size: 0.9rem;
    /*margin-bottom: 5%;*/
        color: #838383;
            color: #adadad;
        
            text-align: left;
    min-height: 50px;
    line-height: 1.3rem;
}

#adv-environm .mi-pd-tit-two-sp{
    font-size: 0.8rem;
}

 #adv-environm .mi-pd-tit-two-long{
            min-height: 65px;
 }

#adv-environm .mi-icon-q{
    width: 15px;
    transform: translate(1px, 2px);
}

#adv-environm .mi-re-test{
    display: none;
        text-align: center;
}

#adv-environm .mi-pd-tit-star{
    justify-content: start;
        border-bottom: 1px solid #1b82d1;
            border-bottom: 1px solid #36a6fc;
            border-bottom: 1px solid #1a2e5f;
        color: #0c98f2;
    margin-bottom: 2%;
}

#adv-environm .mi-case-mb{
    margin-bottom: 3%;
}

#adv-environm .mi-pd-img{
    position: relative;
        margin: auto;
}


#adv-environm .mi-pd-info{
    min-height: 105px;
    border-bottom: 1px solid #c5c5c5;
        background-color: #fefefe;
        background-color: #fefff9;
            background-color: #ffffff;
    padding: 2%;
    padding-left: 5%;
        padding-top: 5%;
    padding-right: 5%;
}

#adv-environm .mi-pd-info-big{
    min-height: 135px;
}


#adv-environm .mi-point-con{
        font-size: 1.2rem;
    line-height: 2rem;
    color: #fefefe;
    font-weight: normal;
        margin-bottom: 1%;

            border: 1px solid #fefefe;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 15px;
    width: 95%;
}

#adv-environm .mi-point-left{
    width: 30%;
    display: inline-block;
    margin: auto;
}

#adv-environm .mi-point-right{
        width: 60%;
        display: inline-block;
    margin: auto;
}

#adv-environm .mi-point-box{
     background-color: #f7fcf7;
     padding: 3%;
    border-radius: 15px;
}

#adv-environm .mi-sp-round{
    background-color: #9cd55f;
        background-color: #ffba00;
    background-color: #3ab2f2;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    position: absolute;
    left: 180px;

    color: #fefefe;
    font-weight: normal;
       line-height: 22px;
    padding-top: 7%;
    font-size: 1.2rem;

        border: 3px solid #fefefe;
}


#adv-environm .mi-news-bigt{
    font-size: 2rem;
    display: block;
    margin-bottom: 2%;
    margin-top: 1%;
        color: #855226;
            color: #73b009;
            line-height: 2rem;
}

#adv-environm .mi-new-show{
        /*box-shadow: 3px 3px 5px 6px #bdd391;
        box-shadow: 3px 3px 5px 6px #e8f1c3;
    box-shadow: 3px 3px 5px 6px #ededed;
        box-shadow: 3px 3px 5px 6px #e3f3ca;*/
    margin-bottom: 5%;
}

#adv-environm .mi-mb-5-sp{
    margin-bottom: 5%;
}

#adv-environm .mi-mb-5{
    margin-bottom: 5%;
}

#adv-environm .mi-point-con-sp{
    color: #ffeb47;
}

#adv-environm .mi-sec-stit{
        margin-top: 5px;
    display: block;
}

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


#adv-environm .mi-mb-5{
    margin-bottom: 5%;
}

#adv-environm .mi-mb-gift{
        width: 60%;
}

#adv-environm .mi-news-bigt{
        line-height: 2rem;
    font-size: 1.5rem;
}

#adv-environm .mi-point-box{
    padding: 6%;
        margin-bottom: 10%;
}

#adv-environm .mi-point-con{
    font-size: 1rem;
    line-height: 1.5rem;
    width: 90%;
        margin-top: 5%;
}

    #adv-environm .mi-point-left{
        width: 80%;

    }

    #adv-environm .mi-point-right{
            width: 90%;
    }

    #adv-environm .mi-sp-round{
        left: 130px;
    }

#adv-environm .mi-pd-tit-star{
    margin-bottom: 0%;
}

    #adv-environm .mi-call-box{
    padding-left: 0%;
}


    #adv-environm .mi-main-gray {
        padding-top:4%;
    }

#adv-environm .mi-case-mb{
    margin-bottom: 0%;
}


#adv-environm .mi-pd-btn-case{
        font-size: 0.8rem;
}

    #adv-environm .mi-pd-ill-st{
            display: block;
    }

    #adv-environm .mi-pd-img{
        width: 50%;
        margin: auto;
    }

#adv-environm .mi-startlook{
    /*padding: 10px 10px;*/
    font-weight: blod;
    font-size: 1rem;
    margin-top: 10%;
}


    #adv-environm .mi-sel-box-two{
        padding: 5%;
    }

    #adv-environm .mi-fil-item-cen{
    margin: auto;
        font-size:0.9rem;
    /*min-height: 30px;
    line-height: 30px;*/
        height: 30px;
    line-height: 30px;
    }

    #adv-environm .mi-choose-tit{
        width: 100%;
    display: block;
        margin-bottom: 5%;
        font-size: 1.2rem;
    }

    #adv-environm .mi-pd-ill{
            margin-left: 4%;
            margin-right: 4%;
                margin-bottom: 3%;
                    padding-right: 5%;
                    font-size: 0.8rem;
    }

    #adv-environm .mi-cho-lay{
        width: 100%;
    }

    #adv-environm .mi-choose{
        margin-bottom: 5%;
    }

    #adv-environm .mi-fil-tit{
        font-size: 1rem;
        margin-top: 5%;
            margin-bottom: 5%;
    }

    #adv-environm .mi-pd-buy{
        margin-bottom: 15%;
    }

        #adv-environm .mi-pd-buy-last{
            margin-bottom: 5%;
        }

    #adv-environm .mi-tit-blue-s{
            margin-top: 10%;
    }

    #adv-environm .mi-tit-blue-ss{
        margin-top: 0%;
    }

    #adv-environm .mi-fil-item{
        font-size: 1rem;
        min-height: 30px;
        margin-top: 5%;
    }

    #adv-environm .mi-fil-tit:before{
        display: none;
    }

    #adv-environm .mi-fil-item:before{
            right: 35%;
    bottom: -33%;
    border-width: 10px 20px 0 20px;
        display: none;
    }

    #adv-environm .mi-level-btn{
        width: 100%;
        margin-bottom: 5%;
    }

    #adv-environm .mi-case-box{
        width: 100%;
    }

    #adv-environm .mi-ps-titline{
        margin-bottom: 8%;
    }

    #adv-environm .mi-ps-titline-02{
        margin-bottom: 8%;
            padding-top: 7%;
    }

    #adv-environm .mi-mb-kv-top{
        /*padding-top: 475px;*/
    }

    #adv-environm .mi-mb-dn{
        /*display: none;*/
    }

    #adv-environm .mi-tit-r40{
        margin-left: 0%;
    }

    #adv-environm .mi-fix-bg{
        background-color: #fefefe;
        /*background-image: url(css-img/fix-main-mb.png);*/
    background-position: top;
    background-repeat: no-repeat;
    }

    #adv-environm .mi-video-if{
        height:auto;
    }

    #adv-environm .mi-case{
        width: 100%;
    }

    #adv-environm .mi-cloud-tit {
        font-size: 1rem;
        margin-bottom: 0.6rem;
    }

    #adv-environm .mi-tit-blue-s{
            font-size: 1.2rem;
    margin-bottom: 5%;
    }

    #adv-environm .mi-tit-blue{
            font-size: 1.6rem;
                /*margin-bottom: 5%;*/
                    text-align: center;
        /*color: #0c98f2;*/
    }

      #adv-environm .mi-pd-btn-right{
            font-size: 0.7rem;
      }

    #adv-environm .mi-time-tit{
    margin-top: 0%;
        width: 90%;
    }
     
      #adv-environm .mi-pd-btn{
            padding: 5px 20px;

                margin-top: 5%;
                    min-height: 20px;
    line-height: 25px;

        width: 100%;
        display: block;
        margin-left: 0%;
      }

      #adv-environm .mi-step-box{
            margin-bottom: 6%;
      }

     #adv-environm .mi-tit-mb{
            width: 100%;
     }



     #adv-environm .mi-kv-box-btn{
            padding: 0% 5% 10% 5%;
     }

     #adv-environm .mi-btn-mb{
            width: 100%;
     }

     #adv-environm .mi-kv-box-r{
            margin-top: 0%;
     }

    #adv-environm .mi-v-btn{
        width: 90%;
    }

    #adv-environm .mi-v-btn-l {
        margin-right:0px;
        margin-bottom: 5%;
    }

    #adv-environm .mi-mb-sicon{
        width: 35%;
         margin: auto;
    }

    #adv-environm .mi-mb-mb10{
        margin-bottom: 10%;
    }

}


//按鈕變色

   #adv-environm .mi-focus-p {
        background: #ffffff;
    color: #024786;
        cursor: pointer;
            transition: all 0.3s;
   }


  #adv-environm .focus-p-last{
         background-color: #fefefe;
    margin-bottom: 0;
    color: #333333;
        padding-bottom: 10%;
}

  
  #adv-environm .focus-p{
  background: #024786;
  color:#ffffff;
  /*height: 80px;*/
  }

  #adv-environm .mi-focus-p {
    background: #ffffff;
    color: #024786;
        transition: all 0.3s;
        cursor: pointer; 
  }

    #adv-environm .mi-focus-p:hover {
        -moz-box-shadow:4px 4px 12px 4px rgb(90 176 255);
-webkit-box-shadow:4px 4px 12px 4px rgb(90 176 255);
box-shadow:4px 4px 12px 4px rgb(90 176 255);
    }

      #adv-environm .mi-focus-p:hover {
        background: #024786;
        color: #ffffff;
    }

    #adv-environm .mi-focus-p-go:hover {
        background: #053a6b;
   }

  #adv-environm .focus-p-last-b{
     font-weight: normal;
  }

  #adv-environm .focus-img{ 
  padding: 20px 32px;
  background: #ffffff;
  }



  #adv-environm .focus-p:hover{
    /*font-weight: normal;*/
  }


/*#adv-environm #ans-div-02-02{
    display: none;
}*/

#adv-environm .is-noshow{
        display: none;
}

#adv-environm .is-show{
        display: block;
}

#adv-environm .mi-btn-flx{
   display: flex;
}

#adv-environm .mi-sbtn-blue{
       background: #024786;
    color: #ffffff;
}

#adv-environm .mi-sbtn-gray{
       background-color: #f6f6f6;
        color: #898989;
}

#adv-environm .mi-rebox{
    margin: auto;
    margin-bottom: 1%;

        background: none;
    border: none;
}

#adv-environm .mi-recheck{
    width: 100%;
    background-color: #0073a5;
    color: #B6B6B6;
    padding: 10px 3rem;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    border-color: transparent;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 3%;
    cursor: pointer;
}

#adv-environm .mi-illustrate{
    display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 25%;
    top: 3%;
    line-height: 25px;
    border: 2px solid #fefefe;
        text-align: left;
            z-index: 10;
}

#adv-environm .mi-illustrate-02{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 25%;
    top: 48%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
        z-index: 10;
}

#adv-environm .mi-illustrate-03{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 25%;
    top: 55%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-illustrate-04{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 25%;
    top: 50%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-illustrate-05{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 35%;
    top: 44%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-illustrate-06{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 50%;
    top: 44%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-illustrate-07{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 60%;
    top: 44%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-illustrate-08{
display: none;
    /*display: block;*/
    position: absolute;
    width: 30%;
    background-color: #effaff;
    padding: 3%;
    opacity: 0.8;
    left: 70%;
    top: 44%;
    line-height: 25px;
    border: 2px solid #fefefe;
    text-align: left;
    z-index: 10;
}

#adv-environm .mi-ill-show{
    display: block;
}

#adv-environm #mi-ill-click{
    cursor: pointer;
}

#adv-environm #mi-ill-click-02{
    cursor: pointer;
}

#adv-environm #mi-ill-click-03{
    cursor: pointer;
}

#adv-environm #mi-ill-click-04{
    cursor: pointer;
}

#adv-environm #mi-ill-click-05{
    cursor: pointer;
}

#adv-environm #mi-ill-click-06{
    cursor: pointer;
}

#adv-environm #mi-ill-click-07{
    cursor: pointer;
}

#adv-environm #mi-ill-click-08{
    cursor: pointer;
}

#adv-environm .mi-click-x{
        position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

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

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

#adv-environm .mi-last-btn-w{
    width: 50%;
}

#adv-environm .mi-super-green{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#91d04f+0,7ea317+100 */
/*background: #91d04f; /* Old browsers */
/*background: -moz-linear-gradient(top,  #91d04f 0%, #7ea317 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #91d04f 0%,#7ea317 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #91d04f 0%,#7ea317 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d04f', endColorstr='#7ea317',GradientType=0 ); /* IE6-9 */

    background-color: #ceecff;
}


#adv-environm .mi-step-tit{
        font-size: 2rem;
    font-weight: normal;
    color: #5f5f5f;
    margin-bottom: 1%;
}

#adv-environm .mi-step-num{
        font-size: 3.5rem;
    color: #76b900;
        font-style: italic;
}

#adv-environm .mi-step-con{
    font-size: 0.9rem;
    line-height: 1.5rem;
    color: #737373;
}

#adv-environm .mi-step-btn{
    padding: 3px 20px;
    text-decoration: none;
    color: #ffffff;
    /* border-radius: 10px; */
    color: #0c98f2;
    color: #3ab2f2;
    /* border-radius: 15px; */
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /* background-color: #008917; */
    font-size: 1rem;
    line-height: 2rem;
    font-weight: normal;
    display: block;
    width: 40%;
    cursor: pointer;
    margin-top: 10%;
    /* border: 1px solid #d3d3d3; */
    /* box-shadow: 1px 1px 2px 1px #def4fc; */
    transition: 0.5s;
    margin: auto;
    margin-top: 3%;
    display: inline-block;
    /* border: 1px solid #2fd0f8; */
    color: #0e56a0;
    color: #ffffff;
    color: #0c98f2;
    border-bottom: 1px solid #0e56a0;
    font-weight: normal;
}

#adv-environm .mi-step-img{
        width: 50%;
}

#adv-environm .mi-box-call-l{
    width: 22.5%;
    margin-right: 3%;
        z-index: 50;
        margin-left: 5%;
}

#adv-environm .mi-box-call-r{
    width: 60%;
    text-align: left;
        margin-top: 3%;
            z-index: 50;
}

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

#adv-environm .mi-box-call-r{
    width: 90%;
}

#adv-environm .mi-step-tit{
        font-size: 1.5rem;
}

#adv-environm .mi-step-num{
        font-size: 2.5rem;
}

#adv-environm .mi-step-img{
        width: 100%;
}

#adv-environm .mi-step-btn{
        width: 100%;
}

#adv-environm .mi-step-con{
        margin-top: 5%;
}

#adv-environm .mi-mb-mga{
    margin: auto;
}

#adv-environm .mi-last-btn-w{
        width: 100%;
}

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

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

    #adv-environm .mi-illustrate{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 10px;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

    #adv-environm .mi-illustrate-02{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 10px;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

    #adv-environm .mi-illustrate-03{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 10px;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

    #adv-environm .mi-illustrate-04{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 10px;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

        #adv-environm .mi-illustrate-05{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 92%;

        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

        #adv-environm .mi-illustrate-06{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 135%;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

        #adv-environm .mi-illustrate-07{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
       left: 175%;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }

        #adv-environm .mi-illustrate-08{
        overflow: hidden;
     width: 280px;
    padding: 5%;
        min-height: 200px;
        left: 190%;
        word-break: break-all;
        opacity: 0.9;
    text-align: left;
    }


#adv-environm .mi-recheck {
    font-size: 0.7rem;
    padding: 5px 3rem;
    margin-top: 15%;
}


}

/*表格系統*/
#adv-environm .tabs-menu{
        display: flex;
        flex-wrap: wrap;
            width: 100%;
    margin: auto;
    justify-content: center;
            /*margin-left: -40px;*/
                background-color: #80a91f;
                    max-width: 1050px;
}

#adv-environm .tabs-menu .tabs-menu-item{
        width: 11.111111%;
    list-style: none;
    transition: all 0.3s;
           background-color: #45adfc;
    color: #fefefe;
    padding: 2%;

        cursor: pointer;
}

#adv-environm .tabs-menu .tabs-menu-item:hover{
    background-color: #2a93e2;
}

#adv-environm .mi-box-line{
        border-bottom: 1px solid #cdcdcd;
    height: 10px;
    margin-top: 3%;
    margin-bottom: 4%;
}

#adv-environm .mi-case-photo{
        width: 80%;
    margin-bottom: 10%;
}

#adv-environm .mi-case-sp{
        display: block;
}

#adv-environm .tabs-menu .active-one{
               background-color: #1778c2;
  }

#adv-environm .mi-main-green-bg{
  background-image: url(../images/mi-ai-bg-03.png);
    background-position: center;
    background-repeat: no-repeat;
            background-color: #eaeaea;
            background-color: #f2f2f2;
                background-color: #0e255f;
                    background-color: #0a1a40;
                        background-color: #0a6bb3;
                         background-color: #ffffff;
    border-bottom: 2px solid #ebebeb;

}

#adv-environm .mi-sp-pd-box{
        background-color: #fefff9;
    width: 99%;
    padding: 3%;
    margin-top: 0.5%;
    box-shadow: 3px 3px 5px 6px #ededed;
        /*border: 10px solid #9cd55f;*/
            /*border: 10px solid #abd688;*/
    border-radius: 10px;
    margin-top: 1%;

    margin-bottom: 4%;

    padding: 2%;
    margin-top: 5%;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbffeb+0,9cd55f+100 */
background: #fbffeb; /* Old browsers */
background: -moz-linear-gradient(top,  #e1f9d4 0%,#7fb94b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e1f9d4 0%,#7fb94b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e1f9d4 0%,#7fb94b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffeb', endColorstr='#9cd55f',GradientType=0 ); /* IE6-9 */

}

#adv-environm .mi-sp-pd-l{
    width: 30%;

        position: relative;
    width: 40%;
}

#adv-environm .mi-sp-pd-r{
    width: 60%;
    width: 55%;
}

#adv-environm .mi-sp-tit{
    background-color: #9cd55f;
    padding: 1% 3%;
    display: inline-block;
    border-radius: 20px;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 1.5rem;
    color: #fefefe;
    font-weight: normal;

        position: absolute;
    z-index: 100;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    /*line-height: 100px;*/
    font-size: 1.5rem;
    bottom: -10px;
    right: 5px;
    border: 4px solid #fefefe;
    padding: 0%;
        padding-left: 3%;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9cd55f+0,629f12+100 */
/*background: #9cd55f; /* Old browsers */
/*background: -moz-linear-gradient(top,  #9cd55f 0%, #629f12 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #9cd55f 0%,#629f12 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #9cd55f 0%,#629f12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd55f', endColorstr='#629f12',GradientType=0 ); /* IE6-9 */

        background-color: #ffba00;

}

#adv-environm .mi-sp-tit-oneone{
        bottom: 20px;
    right: -20px;
    width: 130px;
    height: 130px;
    padding-left: 1%;
}

#adv-environm .mi-sp-tit-twotwo{
    bottom: -135px;
    right: -20px;
}

#adv-environm .mi-sp-tit-two{
    font-size: 1.8rem;
    /*margin-bottom: 2%;*/
    font-weight: normal;
    color: #4e4e4e;
        display: inline-block;
}

#adv-environm .mi-sp-tit-two-sp{
    font-size: 2.6rem;
        line-height: 3rem;
        color: #2c2c2c;
            text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px white;
}

#adv-environm .mi-sp-titbox{
        text-align: left;
            text-align: center;
            padding-bottom: 2.5%;
    /*border-bottom: 1px solid #9cd55f;*/
}

#adv-environm .mi-sp-titbox-left{
        text-align: left;
}

#adv-environm .mi-sp-con{
    text-align: left;
        text-align: center;
    font-size: 0.9rem;
        line-height: 1.6rem;
    color: #999999;
        color: #747474;
            color: #323232;
            color: #545454;

        border-bottom: 1px solid #fbffeb;
    padding-bottom: 3%;
      /*background-color: #fefefe;
    padding: 2% 2%;*/

    /*border-radius: 10px;*/
    background-color: #fdfff5;
    border-radius: 15px;
    padding: 2%;
}

#adv-environm .mi-sp-btn{
        text-align: left;
            text-align: center;
}

#adv-environm .mi-sp-btn-left{
    text-align: left;
}

#adv-environm .mi-point-con-ss{
        padding: 1%;
            text-align: left;
}

#adv-environm .mi-point-tit{
        font-size: 1.5rem;
    /*margin-bottom: 2%;*/
}


#adv-environm .mi-news-first{
    /*background-color: #f6f6f6;*/
    padding: 3%;
    padding-bottom: 0%;
    width: 100%;
}

#adv-environm .mi-news-second{
    background-color: #f6f6f6;
    padding: 3%;
        padding-top: 0%;
    padding-bottom: 0%;
    width: 100%;
}

#adv-environm .mi-news{
    background-color: #f6f6f6;
    padding: 3%;
        padding-top: 0%;
    margin-bottom: 0%;
    padding-bottom: 2%;
        width: 100%;
}

#adv-environm .mi-news-tit{
    font-size: 2rem;
    font-weight: normal;
    /*border-bottom: 1px solid #898989;*/
    padding-bottom: 2%;
    color: #4d4d4d;

    width: 90%;
    margin: auto;
    margin-bottom: 1%;
}

#adv-environm .mi-news-st{
    background-color: #898989;
    padding: 2%;
    color: #fefefe;
    font-size: 1.1rem;
    line-height: 1.7rem;
        width: 90%;

    width: 90%;
    margin: auto;
        margin-bottom: 0.3%;
}

#adv-environm .mi-news-con{
        border-top: 1px solid #898989;
    padding-top: 2%;
    margin-top: 1%;
    color: #898989;
    text-align: left;
    border-bottom: 15px solid #898989;
    padding-bottom: 2%;
        line-height: 2rem;
            font-size: 0.9rem;
}

#adv-environm .mi-news-con-two{
        text-align: center;
}

#adv-environm .mi-news-go{
    color: #898989;
    text-align: center;
    line-height: 2rem;
        background-color: #f6f6f6;
    width: 100%;
    padding-bottom: 2%;
}

#adv-environm .mi-news-two{
    display: none;
}

#adv-environm .mi-close{
    display: none;
}

#adv-environm .mi-open{
    display: block;
}

#adv-environm .mi-news-go{
        color: #898989;
}

#adv-environm .mi-news-gogo{
        display: inline-block;
}

#adv-environm .mi-news-bg{
    background-image: url(../images/mi-ai-bg-02.png);
    background-position: center;
    background-position: bottom;
    background-repeat: no-repeat;        
    background-size: cover;
 
                    background-color: #051231;
                        background-color: #0a1a40;
               background-color: #ffffff;

        padding-top: 2%;

}

#adv-environm .mi-new-page{
        color: #898989;
            color: #5a5a5a;
}

#adv-environm .mi-news-go .active{
        /*background-color: #93cd58;*/
            color: #fefefe;
    padding: 0 5px;
    font-weight: normal;
}

#adv-environm .mi-news-time{
        font-size: 0.5rem;
    position: absolute;
    right: 8%;
        top: 40px;
    color: #898989;
}

#adv-environm .mi-pd-gift{
        position: absolute;
       bottom: 4%;
    right: 3%;

}

#adv-environm .mi-pc-btn-only{
        margin-right: 2%;
}

#adv-environm .mi-pc-btn-lg{
    background-color: #fbffeb;
        margin-bottom: 1%;
    border: 2px solid #84bc52;
}

#adv-environm .mi-kv-box-r-img{
    display: block;
}

#adv-environm .mi-img-db{
    display: block;
}

#adv-environm .mi-real-case{
    width: 95%;
        /*background-color: #fdfff4;
            background-color: #fcffec;
                background-color: #fefefe;*/
}

#adv-environm #list{
        margin-bottom: 1%;
}

#adv-environm .mi-kvkv-btn{
        margin-top: 0%;
}

#adv-environm .mi-sp-img{
    position: absolute;
    left: 0px;
    bottom: -200px;
}

#adv-environm .mi-sp-tit-tit{
        margin: auto;
    position: absolute;
    top: 25%;
}

#adv-environm .mi-sp-tit-tit-one{
        padding-left: 5%;
    padding-top: 10%;
}

#adv-environm .mi-green-line-updown{
        /*border-top: 1px solid #66b95f;
    padding-top: 2%;
    border-bottom: 1px solid #66b95f;
    padding-bottom: 1%;*/
}

#adv-environm .mi-call-line{
        border-bottom: 10px solid #cdebff;
    position: absolute;
    display: block;
    width: 95%;
    top: 60px;
}

#adv-environm .mi-no-pt{
    padding-top: 0%;
}

#adv-environm .mi-sp-slash{
    color: #6eaa21;
}

#adv-environm .mi-sp-tit-sstit{
        /*margin-left: 28%;*/
            color: #2c2c2c;
            line-height: 2rem;
    font-size: 1.5rem;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px white;
}

#adv-environm .mi-sp-tit-sstit-sp{
        display: block;
    margin-left: 7%;
    background-color: #003392;
    padding: 1%;
    font-size: 1.2rem;
    width: 80%;
    border-radius: 15px;
    margin-bottom: 2%;
    text-shadow: none;
    color: #fefefe;
    margin-top: 2%;
}

#adv-environm .mi-mb-7{
        margin-bottom: 7%;
}

#adv-environm .mi-line-one{
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 1%;
    margin-top: 3%;
}

#adv-environm .mi-line-two{
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 3%;
    margin-top: 1%;
}

#adv-environm .mi-sstit{
        display: block;
    font-size: 1rem;
    margin-top: 2%;
    color: #898989;
    font-weight: normal;
}

#adv-environm #SQFlash .mi-case-tit{
    font-size: 1.8rem;
        margin-bottom: 1%;
        color: #ffffff;
        /*color: #004280;*/
    /*margin-top: 3%;*/
}

#adv-environm #SQFlash .mi-case-tit-sec{
    font-size: 1.5rem;
        margin-bottom: 1%;
    /*margin-top: 3%;*/
        color: #004280;
            color: #ffffff;
}


#adv-environm .mi-z02-why{
    padding: 4%;
    margin: auto;
    text-align: center;
        background-image: url(../images/mi-ai-bg-01.png);
    background-position: bottom;
        background-repeat: no-repeat;
        padding-bottom: 5%;
    padding-top: 5%;
}

#adv-environm .mi-list-height{
        padding-top: 63px;
}

#adv-environm .mi-list-conbox{
        width: 100%;
            margin-top: 1%;
}

#adv-environm .mi-sec-tit{
    color: #1795e7;
        color: #b8e3ff;
            color: #e3e3e3;
    text-align: left;
    font-size: 0.85rem;
    margin-bottom: 4%;
        /*border-top: 1px solid #2f6d7f;
    padding-top: 3%;*/
    line-height: 1.5rem;
        width: 99%;
}

#adv-environm .mi-pd-narr{
        text-align: left;
    margin-bottom: 1%;
    color: #838383;
        margin-left: 3%;
    color: #d1d1d1;
    color: #b3b3b3;
}

#adv-environm .mi-pd-narr li{
    line-height: 1.5rem;
        font-size: 0.9rem;
}


#adv-environm #SQFlash .mi-case-tit-reco{
        font-size: 1.2rem;
        color: #004280;
         /*color: #d2e9ff;*/
        color: #fefefe;
    margin-bottom: 1%;
    margin-top: 1%;
}


#adv-environm .mi-pd-narr li{
    list-style: disc;
        line-height: 1.5rem;
}

#adv-environm .mi-icon-box{
        max-width: 1140px;

        font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /* margin-bottom: 5%; */
    width: 100%;
    margin: auto;
    position: relative;
}

#adv-environm .mi-box-six{
        text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 25%;
    margin-bottom: 2%;
}

#adv-environm .mi-box-six span{
    margin: auto;
}

#adv-environm .mi-adv-aitit{
        border-top: 1px solid #275178;
            border-top: 1px solid #0d2563;
    padding-top: 3%;
    width: 100%;
    margin: auto;
    /* width: 100%; */
    text-align: center;
    /*margin-bottom: 3%;*/
    /*margin-top: 1%;*/
}

#adv-environm .mi-adv-aitit-con{
        font-size: 1.8rem;
    font-weight: normal;
    color: #004280;
    color: #fefefe;
        margin-bottom: 3%;
}

#adv-environm #SQFlash.index{
        background-image: url(../images/mi-ai-bg-05.png);
            background-position: top;
    background-repeat: no-repeat;
}

#adv-environm #SQFlash .mi-txtcont{
    font-size: 0.9rem;
    width: 100%;
    line-height: 1.5rem;
        min-height: 149px;
    min-height: 120px;
        color: #d1d1d1;
    /*color: #575757;*/
        color: #b3b3b3;
    margin-bottom: 0;
}

#adv-environm #SQFlash .mi-txt-user{
    min-height: 120px;
}

#adv-environm #SQFlash .mi-list-pdcon{
    font-size: 0.7rem;
        font-weight: revert;
            line-height: 1rem;
                color: #a9a9a9;
        /*color: #5f5f5f;*/
            min-height: 29px;
                font-weight: normal;
}

#adv-environm #SQFlash.index .mi-box-rebox{
    width: 100%;
        /*border-radius: 10px;*/
}

#adv-environm #SQFlash .mi-box-relist{
        width: 100%;
}

#adv-environm #SQFlash .mi-box-relist-only{
    justify-content: start;
}

#adv-environm #SQFlash .mi-list-flex{

 }

#adv-environm #SQFlash .mi-list-pd-box{
        width: 30%;
        text-align: center;
}

#adv-environm #SQFlash .mi-mkcon-right{
    margin-left: 0%;
        margin-bottom: 4%;
            background-color: #fefefe;
}

#adv-environm #SQFlash .mi-mkcon-right-g{
      background-color: #afbdcc;
}

#adv-environm #SQFlash .mi-case-tit-se{
        color: #004280;
            color: #ffffff;
            font-weight: normal;
        margin-bottom: 3%;
            background-color: rgba(255, 255, 255, 0.65);
            background-color: #fefefe;
                background-color: #ededed;
                    background-color: #0d2563;
                    background-color: #0b2256;
            border-radius: 5px;
}

#adv-environm #SQFlash .mi-mkcon-left{
    margin-top: 0%;
    margin-left: 2%;
}

#adv-environm #SQFlash .mi-mkcon-user-right{
    /*margin-left: 2%;*/
    /*margin-bottom: 4%;*/
    width: 23%;
        background-color: #fefefe;
            background-color: #0a1a40;
        padding-bottom: 3%;
        
            padding: 3%;
    padding-left: 4%;
    padding-top: 3%;
}

#adv-environm #SQFlash .mi-mkcon-user-left{
        display: block;
        width: 77%;
        /*margin-top: 3%;*/
        margin-bottom: 0%;
            background-color: #fefefe;
        background-color: #0a1a40;
                margin-top: 0;
            padding-top: 3%;
        padding-right: 6%;
}

#adv-environm #SQFlash .mi-tet-con{
    font-size: 1rem;
    line-height: 1.5rem;
        color: #eeeeee;

}

#adv-environm #SQFlash .mi-case-tit-mb{
    /*margin-bottom: 9%;*/
}

#adv-environm #SQFlash .mi-tet-con-01{
        min-height: 60px;
 }

#adv-environm #SQFlash .mi-tet-con-02{
        min-height: 80px;
 }

 #adv-environm #SQFlash .mi-tet-con-03{
          min-height: 80px;
 }

  #adv-environm #SQFlash .mi-tet-con-04{
              min-height: 113px;
                  min-height: 65px;
 }

   #adv-environm #SQFlash .mi-tet-con-05{
              min-height: 65px;
 }

#adv-environm #SQFlash .mi-list-tit{
    font-size: 1.2rem;
    margin-bottom: 2%;
    color: #004280;
    font-weight: normal;
}

#adv-environm #SQFlash .mi-list-tit{
    color: #fefefe;
}

#adv-environm .mi-morepd{
    margin: auto;
    /*margin-bottom: 3%;*/
    margin-top: 0%;
    width: 50%;
}

#adv-environm .mi-morepd-pd{
    padding: 3px 20px;
    text-decoration: none;
    /* border-radius: 10px; */
    /* border-radius: 10px; */
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: normal;
    display: block;
    width: 40%;
    /* width: 60%; */
    /* width: 66.666%; */
    cursor: pointer;
    margin-top: 10%;
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-bottom: 3%;
    margin-top: 5%;
    /* background-color: #fefefe; */
    color: #0c98f2;
    color: #3ab2f2;
    border-bottom: 1px solid #1172b9;
    /* border: 1px solid #0e56a0; */
    /*color: #fefefe;*/
    /* background: radial-gradient(circle farthest-corner at left, #1977f5, #37bec4);*/

}

#adv-environm .mi-aipd-sel{
        margin-top: 2%;
}

#adv-environm .mi-morepd-pd-call{
    width: 100%;
        background: radial-gradient(circle farthest-corner at left, #1977f5, #37bec4);
            border-radius: 10px;
    color: #fefefe;

        box-shadow: 4px 4px 12px 4px rgb(100 120 145 / 50%);
    background: radial-gradient(circle farthest-corner at left, #259efd, #4dcc72);
}

#adv-environm .mi-morepd-pd-call-nos{
        box-shadow: 4px 4px 12px 4px rgb(189 203 221 / 50%);
}

#adv-environm .mi-morepd-pd-kv{
 padding: 3px 20px;
    text-decoration: none;
    border-radius: 10px;
    
    /*border-radius: 10px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: normal;
    display: block;
    width: 50%;
    width: 40%;
    /*width: 66.666%;*/
    cursor: pointer;
    margin-top: 10%;
    border: none;
    transition: 0.5s;
        margin-bottom: 3%;
            margin-top: 5%;

            /*background-color: #fefefe;*/
     color: #0c98f2;
         color: #3ab2f2;
         border: 1px solid #2fd0f8;
             border: 1px solid #0e56a0;
                 color: #fefefe;
                     background: radial-gradient(circle farthest-corner at left, #1977f5, #37bec4);
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
    box-shadow: 4px 4px 12px 4px rgb(100 120 145 / 50%);
     background: radial-gradient(circle farthest-corner at left, #259efd, #4dcc72);
}

#adv-environm .mi-morepd-pd-kv:hover{
    opacity: 0.6;
}

#adv-environm .mi-morepd-pd:hover{

    box-shadow: none;
   

        /*background-color: #3ab2f2;*/
    color: #fefefe;
    border-bottom: 1px solid #d3d3d3;
    border-bottom: 1px solid #fefefe;
}


#adv-environm .mi-get-info-bg{
    /*background-color: #e8f7ff;
    max-width: 1200px;
    margin-bottom: 3%;*/

    margin: auto;
    

        background-color: #061231;
    padding-bottom: 0%;
}

#adv-environm .mi-serve-item-litit{
    color: #4f4f4f;
    color: #ffffff;
    font-weight: normal;
    line-height: 2rem;

}   

#adv-environm .mi-pdsel-btn{
    box-shadow: none;
        width: 20%;
}

#adv-environm #SQFlash.index .mi-mark-pb{
    padding-bottom: 0px;
}

#adv-environm .mi-sel-btn-box{
    width: 80%;
    margin: auto;
    text-align: center;
    /*margin-bottom: 2%;*/
    /*padding-left: 8%;*/
}

#adv-environm .mi-sel-aiser{
    width: 100%;
         margin-bottom: 2%;
    margin-top: 1%;
    padding-left: 0%;
}

#adv-environm .mi-sel-btn-case{
        text-decoration: none;
    /*border-radius: 10px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 4rem;
    font-weight: normal;
    display: inline-block;
    width: 20%;
    cursor: pointer;
    /* margin-top: 10%; */
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-bottom: 2%;
        margin: 0 5px;
    border-radius: 10px;
    /*background-color: #3ab2f2;
    color: #fefefe;*/

    color: #0c98f2;
    border: 1px solid #0c98f2;
    border: 1px solid #17337b;
        border-bottom: none;
}

#adv-environm .mi-sel-btn-case-sf{
    font-size: 1rem;
        line-height: 1.5rem;
    padding: 7%;

}

#adv-environm .mi-sel-btn-case-s{
        text-decoration: none;
    /*border-radius: 10px;*/
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: normal;
    display: inline-block;
    width: 20%;
    width: 15%;
    cursor: pointer;
    /* margin-top: 10%; */
    border: none;
    transition: 0.5s;
    margin: auto;
    margin-bottom: 2%;
        margin: 0 5px;
    /*border-radius: 10px;*/
    /*background-color: #3ab2f2;
    color: #fefefe;*/
    margin: 0px 1%;
    color: #0c98f2;
        border-bottom: 1px solid #0c98f2;
}

#adv-environm .js_imgBox{
        width: 100%;
}

#adv-environm .mi-ai-items{
        padding-top: 1%;
    padding-bottom: 0.5%;
}

#SQFlash{
    background-color: #061231;
}

#adv-environm .mi-btn-group{
        background-color: #e8f7ff;
        background-color: #061231;
    max-width: 1200px;
    border-radius: 0;
        padding-top: 1%;
}

#adv-environm .mi-items-sp-mleft{
        margin-left: 3%;
}

#adv-environm .mi-col-blue{
    color: #16256b;
    color: #0f3083;
        color: #fefefe;
}

#adv-environm .mi-ai-nv-nv-ep-icon{
        width: 10%;
        margin: -1%;
    margin-left: 1%;
    position: relative;
}

@media screen and (max-width: 1200px){
    #adv-environm .mi-morepd-pd-kv{
        width: 60%;
    }
}

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

    #adv-environm .mi-sec-tit{
            padding: 3% 0 2% 2%;
    }

    #adv-environm #SQFlash .mi-mkcon-left{
            margin-left: 3%;
            margin-right: 3%;
    }

    #adv-environm .mi-pdsel-btn{
        width: 100%;
    }

    #adv-environm #SQFlash .mi-mkcon-user-left{
        width: 100%;
            padding: 7%;
    }

#adv-environm .mi-sstit{
    font-size: 0.9rem;
}

#adv-environm .mi-line-one{
        margin-bottom: 5%;
}

#adv-environm .mi-line-two{
    margin-bottom: 6%;
}

#adv-environm .mi-mb-pdt-no{
    padding-top: 0%;
}

#adv-environm .mi-sp-tit-two-sp{
        font-size: 1.8rem;
}

#adv-environm .mi-sp-slash{
        display: none;
}

#adv-environm .mi-sp-tit-sstit{
           margin-left: -5%;
    font-size: 1.2rem;
    width: 100%;
}

#adv-environm .mi-case-photo{
        width: 60%;
}

#adv-environm .mi-box-call-l{
        width: 50%;
}

#adv-environm .mi-green-line-updown{
    border-top: none;
    padding-top: 2%;
    border-bottom: none;
    padding-bottom: 1%;
}

#adv-environm .mi-bk-wf{
        text-align: center;
}

#adv-environm .mi-sp-img{
    position: relative;
    left: 0px;
    bottom: 0px;
        margin-top: 10%;
}


#adv-environm .mi-kvkv-btn{
     width: 60%;
}

#adv-environm .mi-news-tit{
        font-size: 1.6rem;
}

#adv-environm .mi-pd-price{
        margin-left: 0%;
}

     #adv-environm .mi-real-case{
        width: 100%;
            margin-bottom: 3%;
 }

#adv-environm .mi-pc-btn-only{
        margin-right: 0%;
}

#adv-environm .mi-pd-gift{
        display: none;
}

#adv-environm .mi-pd-gift{
        right: -8%;
}


#adv-environm .mi-news-time{
        display: none;
}

#adv-environm .mi-news-go{
        padding-top: 5%;
    padding-bottom: 5%;
}

#adv-environm .mi-sp-tit{
    margin-bottom: 3%;
    font-size: 1.2rem;

    position: relative;
}



#adv-environm .mi-sp-tit-two{
        margin-bottom: 3%;
        font-size: 1.6rem;
}

    #adv-environm .mi-sp-con{
        font-size: 0.9rem;
        padding-bottom: 7%;
    }

#adv-environm .mi-point-tit{
        font-size: 1.2rem;
}

    #adv-environm .mi-sp-titbox{
            margin-bottom: 2%;
                text-align: center;
    }

    #adv-environm .mi-sp-btn{
    margin-top: 5%;
    }


#adv-environm .mi-news-first{
    padding: 5%;
    padding-bottom: 3%;
}

#adv-environm .mi-news-st{
    width: 90%;
    margin: auto;
        margin-bottom: 5%;
}

#adv-environm .mi-news-con{
        width: 90%;
    margin: auto;
}


#adv-environm .mi-sp-pd-l{
    width: 60%;
    margin-bottom: 5%;
}

#adv-environm .mi-sp-pd-r{
        width: 90%;
            margin-bottom: 10%;
}

#adv-environm .mi-box-line{
        margin: auto;
    max-width: 80%;
    margin-top: 5%;
    margin-bottom: 7%;
}

#adv-environm .mi-sp-tit-oneone{
        font-size: 1.5rem;
    right: -70px;
        position: absolute;
            width: 120px;
    height: 120px;
}

#adv-environm .mi-sp-tit-twotwo{
        position: absolute;
    bottom: -20px;
    right: -90px;
        font-size: 1.2rem;
    width: 130px;
    height: 130px;
    padding-left: 6%;
}

#adv-environm .mi-sp-tit-tit{
    top: 30%;
}

#adv-environm .mi-sp-tit-tit-one{
    top: 25%;
}

    #adv-environm .tabs-menu .tabs-menu-item {
        width: 33.3333%;
    }

       #adventech-lp .five-space{
            max-width: 100%;
       }
}


#adv-environm .tab-10-test{
        /* animation 參數設定 */
    animation-name: movetodown;    /*動畫名稱，需與 keyframe 名稱對應*/
    animation-duration: 6s;    /*動畫持續時間，單位為秒*/
    animation-delay: 2s;    /*動畫延遲開始時間*/
    animation-iteration-count: infinite;    /*動畫次數，infinite 為無限次*/    
    -moz-animation-direction: alternate;
}

/* 關鍵影格(@keyframe) */
@keyframes movetodown {
    from {  display: block; }
    to {  display: none; }
}




/* Slideshow container */
#adv-environm .slideshow-container {
  position: relative;
  background: #f1f1f1f1;
      background: #f6f6f6;
          width: 100%;
}

/* Slides */
#adv-environm .mySlides {
  display: none;
  padding: 80px;
  padding-top: 0%;
  padding-bottom: 40px;
  text-align: center;
}

/* Next & previous buttons */
#adv-environm .prev, #adv-environm .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: normal;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
#adv-environm .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#adv-environm .prev:hover, #adv-environm .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

#adv-environm .prev{
        left: 0;
}

/* The dot/bullet/indicator container */
#adv-environm .dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;

        width: 100%;
}

/* The dots/bullets/indicators */
#adv-environm .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
#adv-environm .active, #adv-environm .dot:hover {
  /*background-color: #717171;*/
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
#adv-environm .author {color: cornflowerblue;}


#adv-environm .mi-act-box{
        width: 95%;
        width: 85%;
    padding: 0px 0px;
        font-size: 1.1rem;
    vertical-align: middle;
    display: inline-block;
    color: #666;
    line-height: 32px;
}

#adv-environm .mi-max-w12{
    max-width: 1200px;
}

/*--------table系列-----------*/

#adv-environm .mi-t-box-tab tr th, #mi-nvidia .mi-t-box-tab tr td {
    padding: 1.5%;
}

#adv-environm .mi-t-box{
        width: 100%;
    margin: auto;
    text-align: center;
        /*margin-bottom: 5%;*/
}

#adv-environm .mi-t-box-tab{
        opacity: 0.85;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
        text-align: left;
            /*border-radius: 15px;*/
    overflow: hidden;
    border-radius: 10px;
}

#adv-environm .mi-t-box-tab tr th, .mi-t-box-tab tr td{
        padding: 1.5%;
}

#adv-environm .mi-t-box-tab .t-color-1{

            background-color: #3ab2f2;
                background-color: #004280;
                    background-color: #16256b;
    color: #fefefe;
    /*border: 1px solid #fefefe;*/
}

#adv-environm .mi-t-box-tab .t-color-2{
    color: #fefefe;
    background-color: #00a1c0;
    background-color: #00c0d0;
    border: 1px solid #fefefe;
    border-right: 0px solid #fefefe;
        font-size: 1.2rem;
            /*width: 20%;*/

        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}


#adv-environm .mi-t-box-tab .t-color-3{
        /*color: #9b9b9b;*/
    /*background-color: #00c0d0;
        background-color: #eeeeee;*/
    border: 1px solid #fefefe;
        border: 1px solid #304d7a;
    line-height: 1.3rem;
        font-size: 0.9rem;
        width: 40%;
            /*text-align: left;*/
                font-weight: normal;
    padding: 1.5%;
    background: url(../images/cssImg_listPoint.png) left top repeat-y;
    color: #b3b3b3;
}


#adv-environm .mi-t-box-tab .mi-tr-move-f{
        color: #9b9b9b;
                color: #686868;
                color: #fefefe;
                color: #e8e8e8;
    background-color: #e3e3e3;
        background-color: #ebf8ff;
            background-color: #0a1f56;
        transition: all 0.3s;
}


#adv-environm .mi-t-box-tab .mi-t-color-2{
    
}

#adv-environm .mi-t-box-tab .mi-t-spdot{
        padding-left: 2.5%;
}

#adv-environm .mi-t-box-tab .mi-tr-move{
        color: #9b9b9b;
        color: #686868;
        color: #fefefe;
    background-color: #eeeeee;
        background-color: #f9f9f9;
            background-color: #f6fcff;
                background-color: #0f2660;
        transition: all 0.3s;
}

#adv-environm .mi-t-box-tab .mi-tr-move:hover{
      background-color: #95d524;
          color: #fefefe;
  background-color: #1666a9;
      /*background-color: #2777e2;*/
    color: #fff;
}

#adv-environm .mi-t-box-tab .mi-tr-sp-move{
    background-color: #3e8e37;
    color: #ebebeb;
}

#adv-environm .mi-t-box-tab .mi-tr-sp-move:hover{
    background-color: #2b7025;
    color: #fefefe;

}

/*#mi-nvidia .mi-t-box-tab .mi-tr-move-f:hover:#mi-nvidia .mi-t-box-tab .t-item-1{
        color: #fefefe;
}*/

#adv-environm .mi-t-box-tab .t-color-4{
        background-color: #247ea5;
    color: #fefefe;
        /*border-right: 1px solid #fefefe;
    border-left: 1px solid #fefefe;*/
    border: 1px solid #fefefe;
        font-size: 1.2rem;
}

#adv-environm .mi-t-box-tab .t-color-4-sp{
        font-size: 1.2rem;
}

#adv-environm .mi-t-box-tab .mi-text-1{
    font-size: 1.2rem;
        font-weight: normal;
            text-align: center;
}

#adv-environm .mi-t-box-tab .mi-text-1 a{
        color: #fefefe;
}

#adv-environm .mi-t-box-tab .mi-text-2{
    font-size: 1.2rem;
        font-weight: normal;
}

#adv-environm .mi-t-box-tab .mi-tb-time{
    font-size: 1rem;
    display: block;
        /*margin-bottom: 3%;*/
}

#adv-environm .mi-t-box-tab .mi-text-wbox{
    background-color: #fefefe;
    color: #00a1c0;
    padding: 2% 8%;
    margin-top: 3%;
}

#adv-environm .mi-t-box-tab .t-item-1{
    width: 20%;
    text-align: left;
        color: #004280;
            color: #fefefe;
            background-image: none;
            padding: 2%;
    font-weight: normal;
    font-size: 1rem;
}

#adv-environm .mi-t-box-tab .t-item-1:hover{
 color: #fefefe;
}


#adv-environm .mi-t-box-tab .mi-tr-move-f:hover{
        background-color: #95d524;
            color: #fefefe;
            background-color: #1666a9;
    /*background-color: #2777e2;*/
    color: #fff;
}

#adv-environm .mi-t-box-tab .mi-tr-move:not(:first-child):hover .t-item-1{
     color: #fff;
}

#adv-environm .mi-t-box-tab .mi-tr-move-f:not(:first-child):hover .t-item-1{
     color: #fff;
}


#adv-environm .mi-not-box{
    margin-bottom: 4%;
}

#adv-environm .mi-adv-go{
        font-weight: normal;
}

#adv-environm .owl-nav{
        margin: auto;
    margin-top: 2%;
    margin-bottom: 1%;
}

#adv-environm .owl-prev{
    padding: 0 15px;
        margin: 0 10px;
            color: #004280;
    background-color: #fefefe;
    font-weight: normal;
        transition: 0.5s;
}

#adv-environm .owl-next{
        padding: 0 15px;
            margin: 0 10px;
            color: #004280;
    background-color: #fefefe;
    font-weight: normal;
        transition: 0.5s;
}

#adv-environm .owl-prev:hover{
background-color: #3ab2f2;
    color: #fefefe;
}

#adv-environm .owl-next:hover{
    background-color: #3ab2f2;
    color: #fefefe;
}

#adv-environm .owl-dot{
    margin: 0 5px;
}

#adv-environm .mi-call-close{
    display: none;
}

#adv-environm .mi-call-open{
    display: block;
}

#adv-environm .mi-serve-item{
        color: #686868;
    background-color: #fefefe;
    background-color: #071d56;
        background-color: #061231;
            background-color: #11265c;
                background-color: #0a1a40;
    border: 1px solid #314c78;
    color: #e1e1e1;
    color: #c8c8c8;
/*color: #fefefe;*/
        /*background-color: #3ab2f2;*/
    border: 3px solid #ffffff;
    /*border-radius: 10px;*/
    padding: 3%;
        margin-bottom: 4%;
            font-size: 0.9rem;
            border-radius: 10px;
}

#adv-environm .mi-tit-big{

        width: 90%;

        font-size: 3rem;
    color: #fefefe;
    margin-bottom: 7%;
        line-height: 4rem;
            text-align: left;
}

#adv-environm .mi-tit-big-img{
     width: 85%;
    margin-bottom: 3%;
        margin-left: -4%;
}

#adv-environm .mi-tit-big-fir{
    font-size: 4rem;
        font-weight: normal;

        
    
}

#adv-environm .mi-tit-big-fir-sp{
    font-size: 4.5rem;
    background: radial-gradient(circle farthest-corner at left, #1977f5, #37bec4);

    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;

}

#adv-environm .mi-tit-big-sec{
       font-size: 4.1rem;
    letter-spacing: 0.4rem;
    margin-top: 3%;

}

#adv-environm .mi-kv-btn-ss {
    width: 40%;
    margin-right: 20%;

}


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

    #adv-environm .mi-kv-btn-ss {
    width: 80%;
    margin-right: 0%;
    }

    #adv-environm .mi-tit-big{
        width: 100%;
    }

    #adv-environm .mySlides{
            padding: 40px;
                padding-top: 0%;
    }

    #adv-environm .mi-sel-btn-case{
            width: 80%;
    }

    #adv-environm .mi-sel-btn-case-s{
            width: 80%;
    }

    #adv-environm .mi-ai-nv-nv-ep-icon{
            width: 17%;
    }

}

/*新項目系列*/

#adv-environm .mi-serve{
    font-size: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin: auto;
    position: relative;
}

#adv-environm .mi-serve-img{
    width: 45%;
}

#adv-environm .mi-serve-box{
        width: 50%;
    text-align: left;
    /*padding-left: 8%;*/
        padding-top: 6%;
}

#adv-environm .mi-serve-box-two{
        padding-left: 5%;
        margin-left: 4%;
    padding-top: 3%;
}

#adv-environm .mi-serve-tit{
        font-weight: normal;
    font-size: 1.8rem;
    margin-bottom: 5%;
    color: #004280;
     color: #fefefe;
     color: #16256b;
     
}




/*服務輪播效果*/
.images {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red{
background: #000;
color:red;
}


/*服務輪播效果-02場域智能*/
.images-02 {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window-02 {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red-02{
background: #000;
color:red;
}

/*服務輪播效果-03播中播*/
.images-03 {
display: flex;
align-items: flex-start;
transition: transform 0.5s;
/* 圖片切換在 0.5s 內完成，以免切換速度過快或者過慢，用戶不適 */
}
.window-03 {
width: 1050px; /* 以上三張圖片的寬為：370px */
overflow: hidden;
}

.red-03{
background: #000;
color:red;
}


#adv-environm .tab-inner{
     display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    padding-top: 5%;
    background-color: #fefefe;
        background-color: #0a1a40;

        padding-left: 2%;
    padding-right: 2%;
}


@media screen and (max-width: 768px){
    #adv-environm .mi-serve-img {
         width: 100%;
    }

    #adv-environm .mi-serve-box{
        width: 100%;
        margin: auto;
    }

    #adv-environm .mi-get-info-bg{
        padding-top: 5%;
    }

    #adv-environm .mi-pd-btn-box{
        margin-bottom: 5%;
        margin-top: 5%;
    }

   #adv-environm .mi-pd-btn-s{
        width: 100%;
        display: block;
        margin-bottom: 2%;
   }
}



#tab-demo > ul{ display:block; margin:0;list-style:none;}
.tab-title{list-style:none;}
#tab-demo > ul > li{ display:inline-block; vertical-align:top;font-family:'微軟正黑體'; margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; height:25px; line-height:25px; background:#cdcdcd;padding:0 15px;list-style:none; box-sizing:border-box;}
#tab-demo >  ul > li a{ color:#000; text-decoration:none;}
#adv-environm #tab-demo > ul > li.active{ 
    border-bottom:1px solid #fff;
     background:#fff;
}
#tab-demo > .tab-inner{ clear:both; color:#000; border:1px #BCBCBC solid;}
.tab-inner{ }

#adv-environm .tab-title{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
        justify-content: space-between;
    width: 100%;
}

#adv-environm .tab-title li{
    width: 33.3333%;
    /*margin: auto;*/
        background-color: #0d2563;
}

#adv-environm .tab-title .tab-item-4{
    width: 25%;
        border-radius: 10px;
}

#adv-environm .tab-title .tab-item-5{
    width: 20%;
}

#adv-environm .tab-title .tab-item-6{
    width: 16.66666%;
}

#adv-environm .tab-title .tab-item-7{
    width: 14.28%;
}

#adv-environm .tab-title li a{
        width: 100%;
        margin-bottom: 0%;
    margin: 0px;
}

#adv-environm .tab-title .active{
    background-color: #ffffff;
        /*background-color: #f8f8f8;*/
        background-color: #0a1a40;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #fefefe;
}

#adv-environm #SQFlash.index .list-marketSolution .mi-box-rec{
        background-color: rgb(4 12 39 / 65%);
            padding-top: 1%;
}


/*新增區塊css*/
#adv-environm .mi-ctos-00 {
    background-color: #ffffff;
    background-color: #131418;
        background-color: #061231;
            background-color: #0e2258;
    background-color: #0e2456;
    /* background-image: url(../images/mi-ai-bg-ai-01.png); */
    background-position: top;

    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    background-size: cover;
    padding-top: 3%;
    
    padding: 0% 8% 0% 8%;
    padding-top: 5%;
    padding-top: 5%;
    padding-bottom: 4%;
    position: relative;
}

#adv-environm .mi-ai-click{
        position: relative;
    margin: auto;
    text-align: center;
    width: 100%;
    background-color: #051231;
}

#adv-environm .mi-ai-click-box{
    cursor: pointer;
}

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

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

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

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

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

#adv-environm .mi-ctos-kv-tit-one img {
    margin-right: 1%;
}

#adv-environm .mi-carb-ftt .genai-img {
    width: 7%;
    display: inline-block;
}

#adv-environm .mi-ctos-00 img {
    width: 100%;
}

#adv-environm .mi-genai-tt {
    display: inline-block;
   
        
         color: #fefefe;
    line-height: 3rem;
    font-size: 2.2rem;
    font-weight: normal;
}

#adv-environm .mi-how-to{
    /*color: #0c98f2;*/
}

#adv-environm .mi-retail-main-change {
    width: 100%;
    position: relative;
    /* min-height: 460px; */
}

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

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

#adv-environm .mi-ctos-05 {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 4%;
    background-color: #131418;
        background-color: #061231;
background-color: #0a1a40;
background-color: #0c1d47;
    background-image: url(../images/mi-ai-bg-ai-02.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: 1%;
    padding-top: 1%;
}

#adv-environm .mi-ctos-05-02{
    background-image: url(../images/mi-ai-bg-ai-03.png);
    background-position: top;
        background-position: bottom;
    background-repeat: no-repeat;
    margin: auto;
    background-size: contain;
    background-size: cover;

    background-color: #0a1a40;
        background-color: #061330;
            background-color: #040e26;
                background-color: #0a1637;
        /*background-color: #ffffff;*/
    padding-top: 4%;
    padding-bottom: 5%;
}

#adv-environm .mi-ctos-box-fra-02 {
    /*border: 2px solid #25282d;
        border: 2px solid #0a1a40;*/
    padding: 0.5%;
}

#adv-environm .mi-ctos-box-fra {
    /*border: 2px solid #25282d;
        border: 2px solid #0a1a40;*/
    padding: 3%;
    padding-bottom: 0%;
}

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

#adv-environm .mi-genai-sel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
        justify-content: center;
    flex-wrap: wrap;
    margin-top: 2%;
}



#adv-environm .mi-genai-sel-btn {
    cursor: pointer;
}

#adv-environm .mi-genai-sel-btn {
    color: #6f747a;
    width: 10%;
    font-size: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #6f747a;
    border-bottom: 1px solid #6f747a7d;
    text-align: center;
    margin: 0 0.5%;
    padding-bottom: 0.7%;

        padding: 1%;
    box-sizing: border-box;
    transition: all 0.2s;
    /* border: 1px solid #0a4b67; */
    text-align: center;
    cursor: pointer;
    /*border-radius: 10px;*/
    line-height: 2rem;
    /*border: 1px solid #243e66;
    border: 1px solid #0e56a0;*/
    border-bottom: 1px solid #1387d6;
    color: #1387d6;
    line-height: 1rem;

}

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

#adv-environm .mi-retail-pv-box img{
    width: 100%;
}

#adv-environm .mi-ctos-mas {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #fefefe;
}

#adv-environm .mi-genai-sel-btn-act {
    color: #0c98f2;
    font-weight: normal;
    border-bottom: 1px solid #fefefe;
        color: #fefefe;
    /*background-color: #0c98f2;*/
}

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

#adv-environm .mi-carb-why-box {
    width: 30%;
}


#adv-environm .mi-retail-pv-box-02{
    width: 85%;

}


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

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

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

#adv-environm .active {
    display: block;
}

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

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

#adv-environm .mi-retail-pv-con {
    font-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    /* min-height: 75px; */
    text-align: center;
    color: #b3b3b3;
}



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

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

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

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

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

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

#adv-environm .mi-ctos-mas-right img {
    width: 80%;
}

#adv-environm .mi-retail-pv-con {
    font-size: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    /* min-height: 75px; */
    text-align: center;
        color: #b3b3b3;
}

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

#adv-environm .mi-carb-why-cen-gd {
    color: #0c98f2;
    font-weight: normal;
    font-size: 1.5rem;
}


#adv-environm .mi-carb-why-left {
    color: #6f6f6f;
    color: #ffffff;
    color: #b3b3b3;

    margin-bottom: 2%;
    text-align: left;
}

#adv-environm .mi-carb-why-box-mb {
    background-color: #946e50db;
        background-color: #0a1a40;
            background-color: #0d2563;
    border-radius: 12px;
    padding: 2%;
    min-height: 180px;
}

#adv-environm .mi-gen-ai-right {
    margin-top: 25%;
}

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

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

#adv-environm .active {
    display: block;
}

#adv-environm .mi-carb-why-rig-tt {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    border-bottom: 1px solid #4e4f53;
    line-height: 1.8rem;
    padding-bottom: 5%;
    width: 60%;
    margin: auto;
    margin-bottom: 5%;
    width: 100%;
    text-align: right;
    text-align: left;
}

#adv-environm .mi-ctos-mas-right img {
    width: 80%;
}

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

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

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

#adv-environm .mi-retail-pv-box img{
    width: 100%;
}


#adv-environm .mi-col-ttdb{
        color: #0c98f2;
}



#adv-environm .mi-ai-aiarea {
    display: none;
    overflow: hidden;
    transition: max-height 1s ease-out, opacity 1s ease-out;
}

/* 顯示項目時 */
#adv-environm .mi-ai-aiarea.show {
    opacity: 1;
    display: block;

}

/* 隱藏開啟按鈕 */
#adv-environm .mi-ai-click.hide {
    display: none;
}


@media screen and (max-width: 1000px){
        #adv-environm .mi-genai-sel-btn{
                width: 15%;

        }

        #adv-environm .mi-sel-btn-case-s{
                width: 20%;
        }

        #adv-environm .mi-z02-why{
                padding-bottom: 7%;
        }

        #adv-environm .mi-news-bg{
                padding-top: 3%;
        }

        #adv-environm .mi-pdsel-btn{
                width: 25%;
        }

        #adv-environm .mi-pd-btn{
             margin-left: 50%;
        }
}

@media screen and (max-width: 768px) {
    #adv-environm .mi-pdsel-btn {
        width: 100%;
    }

    #adv-environm .mi-pd-btn{
        margin-left: 0%;
    }

    #adv-environm .mi-sel-btn-case-s{
            line-height: 1.5rem;
    }
}

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

    #adv-environm .mi-carb-why-left{
            min-height: 73px;
    }

    #adv-environm .mi-morepd{
        margin-top: 5%;
        width: 92%;
    }

    #adv-environm .mi-sel-btn-box{
        padding-left: 0%;
    }

    #adv-environm .tab-title li {
        width: 100%;
    }

    #adv-environm #SQFlash .mi-mkcon-right{
         margin: auto;
            margin-left: 3%;
            margin-right: 3%;
            width: 97%;
       
    }

    #adv-environm #SQFlash .mi-mkcon-user-right{
        width: 100%;
        padding-top: 5%;
    }

    #adv-environm #SQFlash .mi-mkcon-user-right img{
        width: 50%;
        margin-left: 25%;
    }


    #adv-environm .tab-title .tab-item-4{
        width: 100%;
    }

    #adv-environm .tab-title .tab-item-5{
        width: 100%;
    }

    #adv-environm .tab-title .tab-item-6{
        width: 100%;
    }

    #adv-environm .tab-title .tab-item-7{
        width: 100%;
    }

}


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

    #adv-environm .mi-genai-tt{
        line-height: 2.4rem;
        font-size: 1.5rem;
    }

    #adv-environm .mi-genai-sel{
                margin-bottom: 10%;
    }

    #adv-environm .mi-genai-sel-btn {
        font-size: 0.9rem;
        padding: 3% 0;
        width: 31%;
        margin-top: 3%;
        margin-bottom: 4%;
    }

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

    #adv-environm .mi-carb-why-box-mb{
                opacity: 0.9;
        border-radius: 25px;
        padding: 5%;
    }

    #adv-environm .mi-ctos-05{
        padding-bottom: 5%;
    }

    #adv-environm .mi-ctos-05-02{
            padding-top: 6%;
    }

    #adv-environm .mi-box-2{
        margin-bottom: 0%;
    }

    #adv-environm .mi-get-info-bg{
        padding-bottom: 5%;
    }

    #adv-environm .mi-z02-why{
            padding-bottom: 10%;
    }

    #adv-environm .mi-carb-why-cen{
                width: 70%;
        margin: auto;
    }
}