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

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

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

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

#adv-switch p{
	margin: 0;
    line-height: 1.4rem;
}

#adv-switch a {
    text-decoration: none;
}

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

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

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

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

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

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

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

    max-width: 1200px;
}

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

    background-position: center;

        /*background-position: top;*/
    background-color: #009bde;
        background-color: #009bde;

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


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

background-image: url(../images/mi-eki-kv-bg-0509.gif);
background-position: center;
    background-repeat: no-repeat;
}

#adv-switch .mi-kv-box{
	display: flex;
    align-items: center;
    justify-content: center;

    padding: 0% 6% 0% 4%;
}

#adv-switch .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-switch .mi-kv-box-r-img{
        text-align: center;

            width: 80%;
    margin: auto;
}

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

#adv-switch .mi-kv-box-l{
    width: 45%;
        /*margin-bottom: 4%;*/
}

#adv-switch .mi-kv-box-r{
	width: 30%;
    /*margin-top: 8%;*/
}

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

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

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

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

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

	#adv-switch .mi-kv{
		/*background-image: url(css-img/ny-kv-bg.png);
       background-image: url(css-img/main-kv-bg-mb.png);*/
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0198ed+2,0057a4+99 */
    background-color: #004895;

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

        /*background-position: top;*/
	}

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

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

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


}


/*----------------------------------------
  mi-select
----------------------------------------*/
#adv-switch .mi-sel{
        /*background-image: url(css-img/ny-kv-bg.png);*/
	background-color: #009bde;
    background-color: #2672ab;
        background-color: #207bc9;
            background-color: #009bde;
            background-color: #005eaa;
}

#adv-switch .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-switch .m-sel-btn{
	flex: 0 0 33%;
    flex: 0 0 16%;
	display: flex;
	justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    /*font-size: 1rem;*/
    color: white;
    /*background-color: #1b4c9e;*/
    padding: 1%;
	box-sizing: border-box;
    transition: all 0.2s;
    /*border: 1px solid #0a4b67;*/
        text-align: center;

/*
background: rgb(0,79,191); /* Old browsers 
background: -moz-linear-gradient(top,  rgba(0,79,191,1) 0%, rgba(0,55,148,1) 
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 ); 
*/
        line-height: 1.4rem;

            /*border-radius: 10px;*/
}

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

#adv-switch .m-sel-btn:hover{
    background-color: #229bad;
        background-color: #0087c1;
            background-color: #509bda;
            background-color: #068fdb;
    border: none;
        font-weight: bold;
/*
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-switch .mi-sel-box{
            padding-right: 6%;
    padding-left: 6%;
    }

	#adv-switch .m-sel-btn {
	    flex: 0 0 33.333333%;
	    font-size: 0.8rem;
            line-height: 1.3rem;
	}
}

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

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

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

#adv-switch .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-switch .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-switch .mi-box-bg-rain{
    /*background-image: url(css-img/bg-Major-Products.jpg);*/
    background-position: center;
}

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

#adv-switch .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: #009bde;

            background-color: #f3f3f3;

                background-color: #ffffff;

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

        /*padding-bottom: 5%;*/

}




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

#adv-switch .mi-box-bg-Circuit-bg{
    background-color: #980018;
    background-color: #009bde;
}

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

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

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

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

    background-color: #222222;
}

#adv-switch .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-switch .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: 4%;
             /*box-shadow: 3px 3px 5px 6px #2b83e0;*/
}

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

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

	#adv-switch .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-switch .mi-box-wall-tit-se-w{
		color: #fefefe;
	}	

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

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

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

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

}

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

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

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

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

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

    	    padding: 0% 6%;
	}

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

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

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

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

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

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

}

@media screen and (max-width: 568px) {
    #adv-switch .mi-box {
        padding: 0% 2%;
    }
}

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

#adv-switch .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-switch .mi-call-info-sp{
	margin-right: 2%;
}

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


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

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

/*----------------------------------------
  mi-選擇功能
----------------------------------------*/
#adv-switch .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-switch .mi-pick-l{
	width: 50%;
}

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

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

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


#adv-switch .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-switch .mi-pick{
		    padding: 7%;
    padding-bottom: 0;
	}

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

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

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

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

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


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

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


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

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

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

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

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

#adv-switch .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-switch .mi-box-zero-10{
    width: 10%;
    margin: auto;
}

#adv-switch .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: 50%;*/
        margin: auto;
}

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

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

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

#adv-switch .mi-box-3{
    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: 33.3333%;
   align-items: flex-start;
}

#adv-switch .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-switch .mi-box-4-sp{
    margin-right: 75%;
}

#adv-switch .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-switch .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-switch .mi-cloud{
        text-align: left;
}

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

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

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

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

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

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

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

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

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

#adv-switch .mi-big-btn{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    padding: 8px 20px;
    color: #009bde;
    /* background: #ffffff; */
    border: 1px solid #009bde;
    text-align: center;
    display: inline-block;
    text-decoration: none;
        border-radius: 10px;
            width: 60%;

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

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

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

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

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

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

#adv-switch .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-switch .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-switch .mi-box-s-tit{
        font-size: 1.5rem;
    color: #fee4a4;

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

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

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

#adv-switch .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-switch .mi-pd-box{
    /*margin-bottom: 10%;*/
}

#adv-switch .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-switch .mi-gift-box-gift-font{
        margin: auto;

        background-color: #fefefe;

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

        width: 100%;
}

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

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

#adv-switch .mi-gift-btn{

}

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

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

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

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

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

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

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

}



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

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

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

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

#adv-switch .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-switch .mi-box-3-pd-for-left{
    /*margin-right: 2%;*/
}

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

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

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

#adv-switch .mi-video-l{

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

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

#adv-switch .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-switch .mi-video-r-tit{
	font-size: 3rem;
    color: #6d6d6d;
    color: #828282;
    	color: #2f2f2f;
    margin-top: 2%;
    font-weight: bold;
    /*margin-bottom: 0.5rem;*/
}

#adv-switch .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-switch .mi-video-r-de{
    margin-bottom: 2%;
        color: #505050;
            text-align: left;
                margin-top: 1.5rem;
}

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

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

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

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

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

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

            /*color: #fefefe;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    #adv-switch .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-switch .mi-box-1-5{
        width: 100%;
    }

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

    #adv-switch .mi-pd-box{
        margin-bottom: 15%;
            margin: auto;
    }

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

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

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

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

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

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

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

	#adv-switch .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-switch .mi-video-r-tit-s{
		    margin-bottom: 6%;
	}


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

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

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



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

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

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

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

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

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

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

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

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

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

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

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



}

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

    #adv-switch .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-switch .mi-pd{
	    margin: auto;
}

#adv-switch .mi-pd-tit{
    font-size: 1rem;
    color: #6b6b6b;
    color: #f3fdff;
        color: #4e4e4e;
            color: #999999;
    margin-bottom: 0.5rem;
        font-weight: bold; 

            /*padding-bottom: 8%;
        border-bottom: 1px solid #c5c5c5;*/
            margin-top: 1rem;
}

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

#adv-switch .mi-pd-price{
	    font-size: 0.8rem;
    /*letter-spacing: 0.1rem;*/
        margin-bottom: 1rem;
            margin-top: 0rem;
            color: #828282;
                color: #ffffff;
                    color: #4e4e4e;
    color: #19a4e0;
}

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


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

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

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

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

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

/*----------------------------------------
  mi-專人服務
----------------------------------------*/
#adv-switch .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-switch .mi-field-info{
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    transition: 0.3s;

        width: 46%;
}

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

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

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

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

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

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

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

td{
    border: 1px solid!important;
}

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

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

#adv-switch .mi-table tr{
    border: 1px solid #b4c6d4;
        border: 1px solid #e1f5ff;
        text-align: left;
}

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

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

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

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

}

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

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

#adv-switch .mi-table-tit{
    background-color: #3f89c3;
        background-color: #009bde;
    color: #ffffff;
}

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

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

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

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

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

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

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

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

	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#adv-switch .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: bold;
	/*border-radius: 10px;*/

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

	    cursor: pointer;

	        border-radius: 10px;
}


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

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

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

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

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

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

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

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

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

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


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

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

  line-height: 15px;
}


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

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

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

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

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

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

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

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

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

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

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

#adv-switch .pc_menu--colored{
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    opacity: 0.9;
    position: fixed;
    background-color: #5cb8e3;
        background-color: #216494;
        background-color: #009bde;
    color: #646871;
    top: 0;
    width: 100%;
    z-index: 100;

        padding-bottom: 0%;
        padding-top: 0%;
            max-width: 100%;
    max-width: 1200px;
}

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

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

	z-index: 200;
}

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

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


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

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

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

    #adv-switch .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-switch .banner .img img {
        width: 1200px;
        height: 900px;
    }

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

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

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

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

    #adv-switch .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-switch .banner .btn_l {
        right: 0px;
    }

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

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

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

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

    	#adv-switch .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-switch .mi-format-hide{
	    	    margin-bottom: 8%;
	    }

    }


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


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

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

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

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

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

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

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

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

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

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


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

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

#adv-switch .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-switch .mi-main-bbox{
    text-align: center;
    margin-top: 0%;
}

#adv-switch .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: bold;
    /*width: 80%;*/
    cursor: pointer;
    /*margin-top: 10%;*/
    /*order: 2px solid #3fb7e6;
    border: 2px solid #c1e2ef;*/

        background-color: #ffb03b;
                background-color: #00acf7;
                    background-color: #009bde;
}

#adv-switch .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-switch .mi-main-btn span{
    cursor: pointer;
  /*display: inline-block;*/
  position: relative;
  transition: 0.5s;

      line-height: 18px;
}

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

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

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

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

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

#adv-switch .mi-first-con-sp{
    font-weight: bold;
}

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

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

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

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

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


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

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

  #adv-switch .mi-pd-btn{
        padding: 3px 20px;
    text-decoration: none;
    color: #009bde;
        color: #ffffff;
            color: #4e4e4e;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #def4fc;*/
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
    display: block;
    width: 100%;
    cursor: pointer;
    margin-top: 10%;
    /*border: 2px solid #3fb7e6;
            border: 2px solid #ffffff;
                border: 1px solid #4e4e4e;
                    border: 1px solid #d3d3d3;*/

        background-color: #009bde;
    color: #fefefe;
        /*border: 1px solid #009bde;*/
    /*box-shadow: 1px 1px 2px 1px #def4fc;*/
    transition: 0.5s;
 }

#adv-switch .mi-pd-btn-case{
    /*min-height: 60px;*/
    margin: auto;
        font-size: 1rem;
        font-weight: bold;
    padding: 5px 10px;
    background-color: #eff5f7;
        background-color: #009bde;
}

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

#adv-switch .mi-pd-btn-case-og{
    background-color: #fea725;
}

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

  line-height: 18px;
}

 #adv-switch .mi-case-group{
        margin-top: 2%;
}

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

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

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

#adv-switch .mi-pd-btn:hover{
               /*background-color:#abe0f3;
    border-bottom: none;*/

        box-shadow: none;

            background-color: #009bde;
                background-color: #035daa;
    color: #fefefe;
    /*border: 2px solid #009bde;*/
}

#adv-switch .mi-pd-btn-case-og:hover{
    background-color: #ea8c00;
}

  #adv-switch .mi-pd-btn-right{
        padding: 3px 20px;
    text-decoration: none;
    color: #009bde;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
    /*background-color: #def4fc;*/
    font-size: 0.8rem;
    line-height: 1.5rem;
    font-weight: bold;
    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-switch .mi-pd-btn-right span{
    cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

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

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

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

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

        box-shadow: none;
}

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

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

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

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

#adv-switch .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: bold;
    margin-bottom: 2%;
    letter-spacing: 0.1rem;
}

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

#adv-switch .mi-tit-blue{
    font-size: 1.6rem;
    font-weight: bold;
    color: #009bde;
    margin-bottom: 3%;
    line-height: 2rem;
}

#adv-switch .mi-tit-blue-items{
    margin-top: 2%;
    margin-bottom: 7%;
}

#adv-switch .mi-tit-no-pd{
    margin-top: 3%;
    margin-bottom: 0%;
    font-weight: normal;
        color: #505050;
            line-height: 2.5rem;
}

#adv-switch .mi-reset-btn{
    margin-bottom: 7%;
}

#adv-switch .mi-tit-no-pd a{
        font-weight: bold;
    color: #009bde;
}

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

#adv-switch .mi-tit-blue-s{
        font-size: 1.4rem;
    font-weight: bold;
    color: #009bde;
    /*margin-bottom: 2%;*/
    margin-top: 5%;

        width: 100%;
    text-align: left;
    /*margin-left: 2%;*/
        line-height: 1.6rem;
}

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

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

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

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

#adv-switch .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-switch .mi-case{
    justify-content: flex-end;
    width: 50%;
        width: 100%;
        display: flex;
    flex-wrap: wrap;
}

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

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

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

            background-color: #34c4ba;
}

#adv-switch .mi-case-box-one:hover{
    background-color: #88ea92;
    
    background-color: #009bde;

        background-color: #22aba4;
}

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

#adv-switch .mi-main-green{
    background-color: #009bde;
}

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

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

#adv-switch .mi-bk-wf{
    color: #fefefe;
    /*color: #4e4e4e;*/
}

#adv-switch .mi-bk-bf{
    color: #4e4e4e;
        margin-top: 5%;
    margin-bottom: 5%;
}

#adv-switch .mi-ps-titline{
    border-bottom: 1px solid #19a4e0;
         border-bottom: 1px solid #006bbb;
             border-bottom: 1px solid #6cd3ff;
        padding-bottom: 1%;
        margin-bottom: 2%;
    margin-top: 1%;
        background-color: #fefefe;
    padding-top: 2%;
        background-color: #19a4e0;
        background-color: #e9f8ff;
            width: 100%;
}

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

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


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


#adv-switch .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: #009bde;
}


#adv-switch .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-switch .mi-mb-kv-top{
        padding-bottom: 0%;
    padding-top: 3%;
}

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

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

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

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

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

    margin: 0% 3%;
}

#adv-switch .mi-level-btn:hover{
    color: #fefefe;
    background-color: #009bde;
}

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

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

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

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

#adv-switch .mi-tab-item-tleft{
    text-align: left;
}

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

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

#adv-switch .mi-table-title{
    background-color: #009bde;
        color: #fefefe;
}
#adv-switch .mi-table-one{
    background-color: #ffffff;
        transition: all 0.3s;
}

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

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

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

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

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

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

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

/*#adv-switch .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-switch .mi-filtit-in{
    color: #009bde;
    font-weight: bold;
    width: 100%;
}

#adv-switch .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-switch .mi-fil-item:active{
    background-color: #005ab1;
    color: #fefefe;
}*/

#adv-switch .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-switch .mi-fil-item:hover{
        /*background-color: #e5f4ff;*/
    color: #505050;
     font-weight: bold;
}


#adv-switch .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-switch .mi-box-bg-ob{
    background-color: #009bde;
}

#adv-switch .mi-tit-w{
    color: #ffffff;
}

#adv-switch .mi-tit-org{
    color: #ffbf60;
}

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

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

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

#adv-switch .mi-choose-box{
    background-color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 5px 4px;
    color: #009bde;
        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-switch .mi-cho-lay{
        width: 50%;
}

#adv-switch .mi-cho-lay-sp{
        margin-right: 50%;
         margin-top: 1%;
}

#adv-switch .mi-pd-ill{
    width: 98%;
    margin-bottom: 1%;
        color: #787878;
        color: #19a4e0;
            text-align: left;
    margin-left: 2%;
        color: #ffffff;
        color: #128bbf;
            line-height: 1.5rem;
}

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

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

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

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

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

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

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

#adv-switch .mi-startlook{
        width: 97%;
    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: bold;
    margin-bottom: 3%;
    cursor: pointer;
}

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

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

#adv-switch .mi-pd-tit-one{
    font-size: 1.2rem;
        font-weight: bold;
            color: #4e4e4e;
                margin-bottom: 0.5rem;
}

#adv-switch .mi-pd-tit-one-ss{
    font-size: 1rem;
}

#adv-switch .mi-pd-tit-one-sp{
    font-size: 1rem;
}

#adv-switch .mi-pd-tit-one-lh{
    line-height: 2.65rem;
}

#adv-switch .mi-pd-tit-two{
    font-size: 0.9rem;
    margin-bottom: 10%;
        color: #838383;
}

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

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

#adv-switch .mi-pd-tit-star{
    justify-content: start;
}

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

#adv-switch .mi-intro{
        /*font-weight: bold;*/
    color: #4e4e4e;
    line-height: 1.5rem;
    margin-bottom: 2rem;
    font-size: 1rem;
}

#adv-switch .mi-bg-items{
    background-color: #e1f5ff;
    background-color: #e1f5ff;
}

#adv-switch .mi-mt-nag{
        margin-top: -9%;
}

#adv-switch .mi-tit-blue-tab{
    font-size: 1.4rem;
}

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

    #adv-switch .mi-pd-tit-one-ss{
            /*font-size: 0.7rem;*/
    }

    #adv-switch .mi-pd-tit-one{
            min-height: 50px;
    }

    #adv-switch .mi-pd-tit{
        font-size: 0.9rem;
    }
}


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

#adv-switch .mi-pd-tit{
        font-size: 0.8rem;
}


#adv-switch .mi-filtit-in{
        padding: 2% 1%;
}


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


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

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

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

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


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

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

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

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

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

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

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

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

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

    #adv-switch .mi-tit-blue-s{
            margin-top: 15%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #adv-switch .mi-tit-blue{
            font-size: 1.4rem;
                margin-bottom: 5%;
    }

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

    #adv-switch .mi-time-tit{
    margin-top: 0%;
        width: 90%;
    }
     
      #adv-switch .mi-pd-btn{
            padding: 5px 20px;
                margin-top: 5%;
                    min-height: 20px;
    line-height: 25px;
            margin-bottom: 5%;
            margin-top: 0%;
      }

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

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

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

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

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

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

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

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

        #adv-switch .mi-tit-blue-items{
        margin-bottom: 13%;
    }

    #adv-switch .mi-tit-blue-tab{
     font-size: 1.2rem;
    }



}


//按鈕變色

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


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

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

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

    #adv-switch .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-switch .mi-focus-p:hover {
        background: #024786;
        color: #ffffff;
    }

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

  #adv-switch .focus-p-last-b{
     font-weight: bold;
  }

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



  #adv-switch .focus-p:hover{
    /*font-weight: bold;*/
  }


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

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

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

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

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

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

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

        background: none;
    border: none;
}

#adv-switch .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: bold;
    margin-bottom: 3%;
    cursor: pointer;
}

#adv-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .mi-ill-show{
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

#adv-switch .mi-sec-con{
    color: #898989;
    margin-bottom: 3%;
    width: 95%;
    width: 100%;
}

#adv-switch .mi-little-left{
    margin-left: 17px;
}

#adv-switch .mi-intro-box{

}

#adv-switch .mi-intro-btn{
    width: 50%;
    padding-top: 0;
        padding-bottom: 30px;
}

#adv-switch .mi-intro-go{
    width: 100%;
}

#adv-switch .mi-pd-btn-go{
        margin-top: 0;
            line-height: 2rem;
}

#adv-switch .mi-tab-tcen{
        text-align: center;
}

#adv-switch .mi-table-btn{
    margin-top: 5%;
    width: 50%;
}

#adv-switch .mi-table-btn-re{
    margin-top: 4%;
    margin-bottom: 2%;
}

#adv-switch .mi-case-img{
        margin-bottom: 4%;
}

@media screen and (max-width: 1000px){
    #adv-switch .mi-cho-lay-sp{
            margin-right: 30%;
        margin-top: 1%;
        width: 100%;
    }
}

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

    #adv-switch .mi-box-4-sp{
        margin-right: 0%;
    }

    #adv-switch .mi-cho-lay-sp{
        margin-right: 0%;
    }

    #adv-switch .mi-case-img{
        margin-bottom: 0%;
    }

    #adv-switch .mi-table-btn{
        width: 100%;
    }

    #adv-switch .mi-intro-btn{
            width: 100%;
                padding-bottom: 0px;
    }

    #adv-switch .mi-intro-go{
            margin-bottom: 2%;
    }

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

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

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

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

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

    #adv-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .mi-recheck {
    font-size: 0.7rem;
    padding: 5px 3rem;
    margin-top: 15%;
}


}