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

#adv-vue body{
    margin: 0;
    font-family: arial;

        font-family: 微軟正黑體, Microsoft JhengHei,Arial, "新細明體", sans-serif;
}

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

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

#adv-vue p{
	margin: 0;
}

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

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

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

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

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

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

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

#adv-vue .mi-kv{
	background-image: url(css-img/universe.jpg);
    background-position: center;
}

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

    padding: 4% 15% 3% 15%;
}

#adv-vue .mi-kv-box-l{
    width: 40%;
        margin-bottom: 4%;
}

#adv-vue .mi-kv-box-r{
	width: 60%;
}

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

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

	#adv-vue .mi-kv{
		background-image: url(css-img/universe-mb.jpg);
	    background-position: center;
	}

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

	#adv-vue .mi-kv-box-l{
	    width: 100%;
	    margin-bottom: 5%;
	}

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


}


/*----------------------------------------
  mi-select
----------------------------------------*/
#adv-vue .mi-sel{
	background-color: #1b4c9e;
}

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

#adv-vue .m-sel-btn{
	flex: 0 0 16.66666666%;
	display: flex;
	justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: white;
    background-color: #1b4c9e;
    padding: 1%;
	box-sizing: border-box;
    transition: all 0.2s;
    border: 1px solid #0a4b67;

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

}

#adv-vue .m-sel-btn:hover{
    background-color: #3279ad;
    border: none;

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

}

@media screen and (max-width: 768px){
	#adv-vue .m-sel-btn {
	    flex: 0 0 33.333333%;
	    font-size: 0.9rem;
	}
}

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

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

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

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

#adv-vue .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: #002e73;
        background-color: #00216e;
            background-color: #f1f1f1;
}

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

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

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

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

    background-color: #222222;
}

#adv-vue .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-vue .mi-box-wall{
    max-width: 1140px;
    padding-top: 5%;
    /*padding-bottom: 5%;*/
    margin: auto;
}

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

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

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

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

#adv-vue .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-vue .mi-box-wall-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

@media screen and (max-width: 768px) {
	#adv-vue .mi-box{
	    /*background-color: #fefefe;
    	width: 85%;*/
    	margin: auto;

    	    padding: 0% 10%;
	}

	#adv-vue .mi-box-wall{
		width: 100%;
	}

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

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

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

	#adv-vue .mi-box-bg-Circuit{
		    padding-bottom: 10%;
	}

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

}

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

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

    border: 1px solid;
    border-radius: 10px;
    padding: 5px 20px;
    line-height: 3;

    background-color: #1d1d1d;
}

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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

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

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

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

#adv-vue .mi-box-3{
    /*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: 30%;
        margin: auto;
}

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

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

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

#adv-vue .mi-video-l{

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

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

#adv-vue .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-vue .mi-video-r-tit{
	font-size: 1.5rem;
    color: #6d6d6d;
    margin-top: 2%;
}

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

    width: 95%;
}

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

#adv-vue .mi-video-r-de-item{

}

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

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

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

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

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

            /*color: #fefefe;*/
}

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

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

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

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

	#adv-vue .mi-video-r-tit{
	    margin-top: 1rem;
	}

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

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


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

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

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

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

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

	#adv-vue .mi-video-r-price{
		margin-bottom: 5%;
	}

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

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

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

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

#adv-vue .mi-pd-tit{
        font-size: 1.3rem;
    color: #b7b7b7;
}

#adv-vue .mi-pd-tit-num{
	    font-size: 1.7rem;
    letter-spacing: 0.1rem;
        margin-bottom: 1rem;
            color: #828282;
                color: #ffffff;
}

#adv-vue .mi-pd-item{
	    margin-top: 1rem;
	margin-bottom: 1rem;
	    color: #505050;
	    	    color: #ffffff;
	    	        color: #dcdcdc;
	        /*background-color: #f9f9f9;*/
    line-height: 1.3rem;
    padding: 2% 0%;
        font-size: 0.9rem;
}

#adv-vue .mi-pd-price{
    margin-bottom: 1.5rem;
    font-size: 1.3rem;

       border-top: 1px solid #0f4dad;
            padding-top: 3%;

                color:#b7b7b7;
                    color: #ffffff;
}

@media screen and (max-width: 768px) {
	#adv-vue .mi-box-3-pd{
	    width: 100%;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

@media screen and (max-width: 768px) {
	#adv-vue .mi-btn{
		/*padding: 10px 10px;*/
	}

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

#adv-vue .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;
    color: #646871;
    top: 0;
    width: 100%;
    z-index: 100;
}

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

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

	z-index: 200;
}

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

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


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

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

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

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

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

    .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-01.jpg) center bottom no-repeat;
         background-position: center;
    }

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

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

    #adv-vue .banner .img img {
        width: 1200px;
        height: 450px;
    }

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

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

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

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

    #adv-vue .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: "宋體";
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

    }


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


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

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

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

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

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

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

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

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

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

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


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

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

#adv-vue .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-vue .current{
	background-color: #1b4c9e;
}

@media screen and (max-width: 768px){
	#adv-vue .mi-mjpd{
	    margin-bottom: 7%;
	}
}

 #adv-vue button.active{
 	background: #717171;
 	color:#fefefe;
 }